pantoken / formats/dtcg/src / toDtcg

Funktion: toDtcg() ​

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

Beta

Konvertiere eine IR-Tokenliste in ein DTCG-Dokument.

Parameter ​

tokens ​

readonly Token[]

Das IR (z. B. von @pantoken/tokens).

mode? ​

Mode = "light"

Welchen Farbmodus auflösen (Standard "light").

Rückgabe ​

Record<string, DtcgNode>

Ein verschachtelter DTCG-Tokenbaum.

Beispiele ​

Konvertiere das Standard-IR in einen DTCG-Baum

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

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

Löse den Dunkelmodus eines anderen Themas auf

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

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