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

Fungsi: toStyledTheme()

toStyledTheme(tokens, options?): StyledTheme

Eksperimental

Membina objek tema CSS-in-JS dari token IR.

Parameter

tokens

hanya-baca Token[]

IR (contohnya daripada @pantoken/tokens).

options?

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Mengembalikan

StyledTheme

Objek tema, dipetakan menggunakan nama token dalam camelCase.

Contoh

disokong oleh var(), aliran terang/gelap melalui @pantoken/css

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

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

Sediakan nilai tunggal konkrit (untuk SSR tanpa pembolehubah CSS)

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