pantoken / css-in-js

css-in-js ​

Experimental

@pantoken/css-in-js — um objeto de tema do Instructure para bibliotecas CSS-in-JS em tempo de execução.

Funciona com qualquer biblioteca que leia um tema de props.theme — Emotion, styled-components e Stitches compartilham essa convenção. pantokenTheme é o objeto rebrand pronto, baseado em var() para que a alternância claro/escuro flua através de @pantoken/css. toStyledTheme constrói um a partir de qualquer IR (e pode concretizar valores com { resolve }).

Exemplo ​

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

Interfaces ​

Aliases de tipo ​

Variáveis ​

Funções ​

Referências ​

Mode ​

Reexporta Mode

default ​

Renomeia e reexporta pantokenTheme