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

Fonction: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Expérimental

Construire un objet de thème CSS-in-JS à partir d'un IR de tokens.

Paramètres ​

tokens ​

lecture seule Token[]

L'IR (p. ex. provenant de @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Renvoie ​

StyledTheme

L'objet thème, indexé par le nom du token en camelCase.

Exemples ​

Basés sur var(), flux clair/sombre via @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)"

Générer des valeurs concrètes en mode unique (pour le SSR sans variables 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()