Skip to content

pantoken-root / platforms/vanilla/src / toVanillaVariables

函式: toVanillaVariables() ​

toVanillaVariables(tokens, options?): Record<string, unknown>

實驗性

將 IR 代幣清單轉換為 Vanilla Foundation variables.json 物件。

參數 ​

tokens ​

唯讀 Token[]

IR(例如來自 @pantoken/tokens)。

options? ​

ToVanillaOptions = {}

ToVanillaOptions.

回傳 ​

Record<string, unknown>

要 PUT 到主題的 variables.json 資產的巢狀變數物件。

範例 ​

將 IR 轉換為巢狀變數物件

ts
import { toVanillaVariables } from "@pantoken/vanilla";
import { byTheme } from "@pantoken/tokens";

const vars = toVanillaVariables(byTheme("rebrand"));
// { global: { mainColors: { primary: "#…" }, … }, titleBar: { … }, button: { … } }

深色模式

ts
import { toVanillaVariables } from "@pantoken/vanilla";
import { byTheme } from "@pantoken/tokens";

const vars = toVanillaVariables(byTheme("canvas"), { mode: "dark" });