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

Függvény: toStyledTheme()

toStyledTheme(tokens, options?): StyledTheme

Kísérleti

CSS-in-JS témaobjektum készítése token IR-ből.

Paraméterek

tokens

csak olvasható Token[]

Az IR (pl. @pantoken/tokens-ből).

options?

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Visszatérési érték

StyledTheme

A témaobjektum, camelCase token név alapján kulcsozva.

Példák

var()-alapú, világos/sötét folyamatok a(z) @pantoken/css csomagon keresztül

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

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

Konkrét együzemmódú értékek sütése (SSR-hez CSS-változók nélkül)

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