pantoken / formats/dtcg/src / toDtcg

Funkcja: toDtcg() ​

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

Beta

Konwertuj listę tokenów IR na dokument DTCG.

Parametry ​

tokens ​

tylko do odczytu Token[]

IR (np. z @pantoken/tokens).

mode? ​

Mode = "light"

Który tryb kolorów rozwiązać (domyślnie "light").

Zwraca ​

Record<string, DtcgNode>

Zagnieżdżone drzewo tokenów DTCG.

Przykłady ​

Konwertuj domyślne IR na drzewo DTCG

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

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

Rozwiąż tryb ciemny dla innego motywu

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

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