Skip to content

pantoken / platforms/vanilla/src / toVanillaVariables

ฟังก์ชัน: toVanillaVariables()

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

ทดลอง

แปลงรายการโทเค็น IR ให้เป็นออบเจ็กต์ variables.json ของ Vanilla Foundation.

พารามิเตอร์

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" });