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