pantoken / design/swatches/src / toSwatches

Functie: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Experimenteel

Reduceer een token-IR naar een platte lijst kleurstalen: los referenties op, kies een modus, en behoud alleen tokens waarvan de waarde een hex-kleur is (pictogrammen en niet-kleurtokens worden weggelaten).

Parameters ​

tokens ​

alleen-lezen Token[]

De IR (bijvoorbeeld van @pantoken/tokens).

mode? ​

Mode = "light"

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

Retourneert ​

Swatch[]

De lijst met kleurstalen, benoemd naar token (zonder het --instui--voorvoegsel).

Voorbeelden ​

Reduceer de token-IR naar kleurstalen voor de lichte modus

ts
import { toSwatches } from "@pantoken/swatches";
import { tokens } from "@pantoken/tokens";

const swatches = toSwatches(tokens); // [{ name: "color-background-brand", hex: "#…" }, …]

Donkere modus

ts
import { toSwatches } from "@pantoken/swatches";
import { byTheme } from "@pantoken/tokens";

const swatches = toSwatches(byTheme("canvas"), "dark");