pantoken / formats/dtcg/src / toDtcg

Functie: toDtcg() ​

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

Bèta

Converteer een IR-tokenlijst naar een DTCG-document.

Parameters ​

tokens ​

alleen-lezen Token[]

De IR (bijvoorbeeld van @pantoken/tokens).

mode? ​

Mode = "light"

Welke kleurmodus moet worden opgelost (standaard "light").

Retourneert ​

Record<string, DtcgNode>

Een geneste DTCG-tokenboom.

Voorbeelden ​

Converteer de standaard-IR naar een DTCG-boom

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

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

Bepaal de donkere modus van een ander thema

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

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