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

Πειραματικό

@pantoken/css-in-js — ένα αντικείμενο θέματος Instructure για βιβλιοθήκες runtime CSS-in-JS.

Λειτουργεί με οποιαδήποτε βιβλιοθήκη που διαβάζει ένα θέμα από το props.theme — οι Emotion, styled-components, και Stitches μοιράζονται αυτήν τη σύμβαση. Το pantokenTheme είναι το έτοιμο αντικείμενο rebrand, υποστηριζόμενο από var() ώστε η εναλλαγή φωτός/σκότους να διαπερνά το @pantoken/css. Το toStyledTheme δημιουργεί ένα από οποιοδήποτε IR (και μπορεί να ενσωματώσει συγκεκριμένες τιμές με το { resolve }).

Παράδειγμα ​

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

Διεπαφές ​

Συνώνυμα τύπου ​

Μεταβλητές ​

Συναρτήσεις ​

Αναφορές ​

Mode ​

Επανεξάγει το Mode

default ​

Μετονομάζει και επανεξάγει το pantokenTheme