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