pantoken / renderers/css-in-js/src / toStyledTheme

Função: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Experimental

Construir um objeto de tema CSS-in-JS a partir de um IR de tokens.

Parâmetros ​

tokens ​

somente leitura Token[]

O IR (por exemplo, de @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Retorna ​

StyledTheme

O objeto de tema, indexado pelo nome do token em camelCase.

Exemplos ​

Suportado por var(), fluxos claro/escuro através de @pantoken/css

ts
import { toStyledTheme } from "@pantoken/css-in-js";
import { tokens } from "@pantoken/tokens";

const theme = toStyledTheme(tokens);
// theme.colorBackgroundBrand → "var(--instui-color-background-brand)"

Gerar valores concretos para modo único (para SSR sem variáveis CSS)

ts
import { toStyledTheme } from "@pantoken/css-in-js";
import { tokens } from "@pantoken/tokens";

const dark = toStyledTheme(tokens, { resolve: "dark" });
// dark.colorBackgroundBase → a concrete value, not a var()