pantoken / formats/dtcg/src / toDtcg

Función: toDtcg() ​

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

Beta

Convertir una lista de tokens IR en un documento DTCG.

Parámetros ​

tokens ​

solo lectura Token[]

El IR (p. ej. de @pantoken/tokens).

mode? ​

Mode = "light"

Qué modo de color resolver (por defecto "light").

Devuelve ​

Record<string, DtcgNode>

Un árbol anidado de tokens DTCG.

Ejemplos ​

Convertir el IR predeterminado a un árbol DTCG

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

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

Resolver el modo oscuro de otro tema

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

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