pantoken / design/swatches/src / toSwatches

Funktio: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Kokeellinen

Supista tokenin IR tasaiseksi värinäytesalistaksi: ratkaise viittaukset, valitse tila, säilytä vain tokenit, joiden arvo on heksaväri (ikonit ja ei-väri-tokenit poistetaan).

Parametrit ​

tokens ​

vain-luku Token[]

IR (esim. peräisin @pantoken/tokens).

mode? ​

Mode = "light"

Minkä väritilan ratkaista (oletus "light").

Palauttaa ​

Swatch[]

Värinäytenluettelo, nimetty tokenin mukaan (ilman --instui--etuliitettä).

Esimerkit ​

Supista tokenin IR vaalea-tilan värinäytteiksi

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

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

Tumma tila

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

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