pantoken / formats/dtcg/src / toDtcg

Fonction: toDtcg() ​

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

Bêta

Convertir une liste de tokens IR en un document DTCG.

Paramètres ​

tokens ​

lecture seule Token[]

L'IR (p. ex. provenant de @pantoken/tokens).

mode? ​

Mode = "light"

Quel mode de couleur résoudre (par défaut "light").

Renvoie ​

Record<string, DtcgNode>

Un arbre de tokens DTCG imbriqué.

Exemples ​

Convertir l'IR par défaut en un arbre DTCG

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

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

Résoudre le mode sombre d'un autre thème

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

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