Skip to content

pantoken / formats/dtcg/src / toDtcg

تابع: toDtcg()

toDtcg(tokens, mode?): Record<string, DtcgNode>

بتا

تبدیل فهرست توکن‌های IR به یک سند DTCG.

پارامترها

tokens

فقط‌خواندنی Token[]

IR (مثلاً از @pantoken/tokens).

mode?

Mode = "light"

کدام حالت رنگ برای حل انتخاب شود (پیش‌فرض "light").

مقدار بازگشتی

Record<string, DtcgNode>

یک درخت توکن DTCG تو در تو.

نمونه‌ها

تبدیل IR پیش‌فرض به یک درخت DTCG

ts
import { toDtcg } from "@pantoken/dtcg";
import { tokens } from "@pantoken/tokens";

const doc = toDtcg(tokens);
// doc.color.background.brand === { $value: "#0374b5", $type: "color" }

رفع حالت تاریکِ یک تم دیگر

ts
import { toDtcg } from "@pantoken/dtcg";
import { byTheme } from "@pantoken/tokens";

toDtcg(byTheme("canvas"), "dark");