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

Expérimental

@pantoken/css-in-js — un objet de thème Instructure pour les bibliothèques CSS-in-JS d'exécution.

Fonctionne avec n'importe quelle bibliothèque qui lit un thème depuis props.theme — Emotion, styled-components, et Stitches partagent tous cette convention. pantokenTheme est l'objet rebrand prêt à l'emploi, basé sur var() de sorte que le basculement clair/sombre circule via @pantoken/css. toStyledTheme en génère un à partir de n'importe quel IR (et peut précompiler des valeurs concrètes avec { resolve }).

Exemple ​

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

Interfaces ​

Alias de type ​

Variables ​

Fonctions ​

Références ​

Mode ​

Réexporte Mode

default ​

Renomme et réexporte pantokenTheme