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

Функция: toStyledTheme() ​

toStyledTheme(tokens, options?): StyledTheme

Экспериментально

Построить объект темы CSS-in-JS из IR токенов.

Параметры ​

tokens ​

только для чтения Token[]

IR (например, из @pantoken/tokens).

options? ​

ToStyledThemeOptions = {}

ToStyledThemeOptions.

Возвращаемое значение ​

StyledTheme

Объект темы с ключами — именами токенов в camelCased.

Примеры ​

Основано на var(), потоки светлой/тёмной темы через @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)"

Генерация конкретных значений для одного режима (для SSR без 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()