pantoken / formats/dtcg/src / toDtcg

Funzione: toDtcg() ​

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

Beta

Converti un elenco di token IR in un documento DTCG.

Parametri ​

tokens ​

readonly Token[]

L'IR (es. da @pantoken/tokens).

mode? ​

Mode = "light"

Quale modalità colore risolvere (predefinita "light").

Restituisce ​

Record<string, DtcgNode>

Un albero di token DTCG annidato.

Esempi ​

Converti l'IR predefinito in un albero DTCG

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

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

Risolvi la modalità scura di un altro tema

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

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