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

Funktio: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Kokeellinen

Rakenna CSS-in-JS-teemaobjekti tokenien IR:stä.

Parametrit ​

tokens ​

vain-luku Token[]

IR (esim. peräisin @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Palauttaa ​

StyledTheme

Teemaobjekti, jonka avaimet ovat camelCase-muotoisia token-nimiä.

Esimerkit ​

var()-pohjaiset, vaalea/tumma-tilojen virrat @pantoken/css kautta

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

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

Luo konkreettiset yksitila-arvot (SSR:lle ilman CSS-muuttujia)

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