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

Funksjon: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Eksperimentell

Bygg eit CSS-in-JS temaobjekt frå ein token IR.

Parametrar ​

tokens ​

skrivbeskytta Token[]

IR-en (til dømes frå @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Returnerer ​

StyledTheme

Temaobjektet, med nøklar basert på camelCased token-namn.

Døme ​

var()-støtta, lys/mørk flyt gjennom @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)"

Forbak konkrete einmodus-verdier (for SSR utan CSS-variablar)

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()