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

Eksperimental

@pantoken/css-in-js — sebuah objek tema Instructure untuk pustaka CSS-in-JS pada runtime.

Bekerja dengan semua pustaka yang membaca tema dari props.theme — Emotion, styled-components, dan Stitches semuanya mengikuti konvensi tersebut. pantokenTheme adalah objek rebrand siap-pakai, berbasis var() sehingga pergantian terang/gelap mengalir melalui @pantoken/css. toStyledTheme membangun satu dari IR mana pun (dan dapat menyematkan nilai konkret dengan { resolve }).

Contoh ​

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

Antarmuka ​

Alias Tipe ​

Variabel ​

Fungsi ​

Referensi ​

Mode ​

Mengekspor ulang Mode

default ​

Mengganti nama dan mengekspor ulang pantokenTheme