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

Deneysel

@pantoken/css-in-js — çalışma zamanı CSS-in-JS kütüphaneleri için bir Instructure tema nesnesi.

props.theme'den bir tema okuyan herhangi bir kütüphane ile çalışır — Emotion, styled-components ve Stitches bu konvansiyonu paylaşır. pantokenTheme hazır rebrand nesnesidir, var()-desteklidir, böylece açık/karanlık geçişi @pantoken/css üzerinden işler. toStyledTheme herhangi bir IR'den bir tane oluşturur (ve somut değerleri { resolve } ile gömebilir).

Örnek ​

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

Arayüzler ​

Tür Takma Adları ​

Değişkenler ​

Fonksiyonlar ​

Başvurular ​

Mode ​

Mode öğesini yeniden dışa aktarır

default ​

pantokenTheme öğesini yeniden adlandırır ve yeniden ihraç eder