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

Fonksyon: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Eksperimantal

Kreye yon objè tèm CSS-in-JS soti nan token IR.

Paramèt ​

tokens ​

sèlman lekti Token[]

IR la (pa egzanp soti nan @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Retounen ​

StyledTheme

Objè tèm nan, ki itilize non token yo an camelCase kòm kle.

Egzanp ​

Sipòte pa var(), kouran limyè/fènwa atravè @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)"

Fikse valè sèl-mòd konkrè (pou SSR san varyab CSS)

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