pantoken-root / css-in-js

css-in-js ​

Compatibility ​

Target: Emotion CSS-in-JS. Current format: ThemeProvider SSR emits the Pantoken token variable. Minimum host version: 11.14.0. Tested through 11.14.0. Newer releases require review.

Full compatibility matrix

Eksperimentalno

@pantoken/css-in-js — Instructure objekt teme za knjižnice CSS-in-JS med izvajanjem.

Deluje z vsako knjižnico, ki bere temo iz props.theme — Emotion, styled-components in Stitches imajo to konvencijo skupno. pantokenTheme je že pripravljen objekt rebrand, podprt z var(), tako da preklapljanje svetlo/temno poteka prek @pantoken/css. toStyledTheme ustvari enega iz katerega koli IR (in lahko vgradi konkretne vrednosti z { resolve }).

Primer ​

styled-components

tsx
import { ThemeProvider } from "styled-components";
import { pantokenTheme } from "@pantoken/css-in-js";
<ThemeProvider theme={pantokenTheme}>...</ThemeProvider>;
// const Btn = styled.button`background: ${({ theme }) => theme.colorBackgroundBrand};`;

Vmesniki ​

Alias tipi ​

Spremenljivke ​

Funkcije ​

Sklici ​

Mode ​

Ponovno izvozi Mode

default ​

Preimenuje in ponovno izvozi pantokenTheme