pantoken / design/swatches/src / toSwatches

Fušla: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Eksperimentála

Riiddaŋgit token IR čáppat fárguvuoiggaš lista: ovttasvuođa referenssat, válda modaliteta, ja čuohpat doarjuvaš tokenat mii leat hex-fárgu (ikonat ja eai-fárgu tokenat leat gallehat).

Parametera ​

tokens ​

ruvvojuvvon Token[]

IR (go @pantoken/tokens.)

mode? ​

Mode = "light"

Gii fárgu-modaliteta don galget geavahit (default "light").

Gullii / Gávdnat ​

Swatch[]

Swatch-lista, namejuvvon tokenin almmuhusas (ilbma --instui- prefiksi).

Exempla ​

Riiddaŋgit token IR čáppat fárguvuoiggaš-lista loahppa-modessas

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

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

Gaskavuohta-mode

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

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