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