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

Fonksiyon: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Deneysel

Bir token IR'sinden CSS-in-JS tema nesnesi oluşturun.

Parametreler ​

tokens ​

salt okunur Token[]

IR (ör. @pantoken/tokens'den).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Döndürür ​

StyledTheme

Tema nesnesi; anahtarları camelCase yapılmış token adlarıdır.

Örnekler ​

var()-destekli, açık/karanlık akışlar @pantoken/css üzerinden

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

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

Somut tek modlu değerleri oluşturun (CSS değişkenleri olmadan SSR için)

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