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

Funksjon: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Eksperimentell

Bygg et CSS-in-JS temaobjekt fra en token-IR.

Parametere ​

tokens ​

skrivbeskyttet Token[]

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

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Returnerer ​

StyledTheme

Temaobjektet, med nøkler basert på camelCased token-navn.

Eksempler ​

var()-basert, lys/mørke flyter 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)"

Generer konkrete enkelmodus-verdier (for SSR uten 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()