pantoken-root / formats/dtcg/src / toDtcg

函式: toDtcg()

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

Beta（測試）

將 IR 代幣列表轉換為 DTCG 文件。

參數

tokens

唯讀 Token[]

IR（例如來自 @pantoken/tokens）。

mode?

Mode = "light"

要解析為哪種顏色模式（預設為 "light"）。

回傳

Record<string, DtcgNode>

巢狀的 DTCG 代幣樹。

範例

將預設的 IR 轉換為 DTCG 樹

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

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

解析另一個主題的深色模式

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

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