pantoken / formats/dtcg/src / toDtcg

Função: toDtcg() ​

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

Beta

Converter uma lista de tokens IR em um documento DTCG.

Parâmetros ​

tokens ​

somente leitura Token[]

O IR (por exemplo, de @pantoken/tokens).

mode? ​

Mode = "light"

Qual modo de cor resolver (padrão "light").

Retorna ​

Record<string, DtcgNode>

Uma árvore de tokens DTCG aninhada.

Exemplos ​

Converter o IR padrão para uma árvore 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 o modo escuro de outro tema

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

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