Skip to content

pantoken / formats/dtcg/src / toDtcg

Funció: toDtcg()

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

Beta

Converteix una llista de tokens IR en un document DTCG.

Paràmetres

tokens

només de lectura Token[]

La IR (p. ex. de @pantoken/tokens).

mode?

Mode = "light"

Quin mode de color resoldre (per defecte "light").

Retorna

Record<string, DtcgNode>

Un arbre de tokens DTCG niuat.

Exemples

Converteix l'IR per defecte a 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" }

Resol el mode fosc d'un altre tema

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

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