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

Funktion: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Eksperimentel

Byg et CSS-in-JS tema-objekt fra en token IR.

Parametre ​

tokens ​

skrivbeskyttet Token[]

IR'en (f.eks. fra @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Returnerer ​

StyledTheme

Tema-objektet, nøglet efter camelCased token-navn.

Eksempler ​

var()-understøttet, lys/mørk flyder gennem @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)"

Bage konkrete single-mode værdier (til SSR uden CSS-variabler)

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