pantoken / css-in-js

css-in-js ​

ניסיוני

@pantoken/css-in-js — אובייקט נושא של Instructure עבור ספריות 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