pantoken / design/swatches/src / toSwatches

Fungsi: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Eksperimental

Mengurangkan IR token kepada senarai hamparan warna rata: selesaikan rujukan, pilih mod, kekalkan hanya token yang nilainya ialah warna heks (ikon dan token bukan-warna dibuang).

Parameter ​

tokens ​

hanya-baca Token[]

IR (contohnya daripada @pantoken/tokens).

mode? ​

Mode = "light"

Mod warna mana untuk diselesaikan (lalai "light").

Mengembalikan ​

Swatch[]

Senarai hamparan, dinamakan mengikut token (tanpa awalan --instui-).

Contoh ​

Kurangkan IR token kepada hamparan mod terang

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

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

Mod gelap

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

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