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

Eksperimentála

@pantoken/css-in-js — Instructure-tema objekta runtime CSS-in-JS-bibliotektaiguin.

Barguheapmi sáhttá geavahemi buot bibliotekaidin mii čállá tema props.theme-st — Emotion, styled-components ja Stitches leat buot dasa konventuvnna. pantokenTheme lea valmmas rebrand-objekta, var()-mii hálládat maid eanan/duoddar váhkkit váldde @pantoken/css-gohčodettiin. toStyledTheme čájeha ovtta eará IR-ast (ja sáhttá leat konkretalaš vuođđaheapmiid { resolve }-d.).

Example ​

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};`;

Interfáčat ​

Type-aliasat ​

Variáblat ​

Fuššat ​

Referenssat ​

Mode ​

Re-ekspordera Mode

default ​

Nammut ja re-exports pantokenTheme