pantoken / css-in-js

css-in-js ​

Eksperimentel

@pantoken/css-in-js — et Instructure tema-objekt til runtime CSS-in-JS biblioteker.

Fungerer med ethvert bibliotek, der læser et tema fra props.theme — Emotion, styled-components og Stitches deler alle denne konvention. pantokenTheme er det færdiglavede rebrand objekt, var()-understøttet så lys/mørk skift flyder gennem @pantoken/css. toStyledTheme bygger et fra enhver IR (og kan bage konkrete værdier med { resolve }).

Eksempel ​

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

Grænseflader ​

Typealiaser ​

Variabler ​

Funktioner ​

Referencer ​

Mode ​

Genudsender Mode

default ​

Omdøber og re-eksporterer pantokenTheme