pantoken / design/swatches/src / toSwatches

Funktion: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Experimentell

Reduziert ein Token-IR zu einer flachen Liste von Farbmustern: Verweise auflösen, einen Modus wählen, nur Tokens beibehalten, deren Wert eine Hex-Farbe ist (Symbole und Nicht-Farb-Tokens werden verworfen).

Parameter ​

tokens ​

readonly Token[]

Das IR (z. B. von @pantoken/tokens).

mode? ​

Mode = "light"

Welchen Farbmodus auflösen (Standard "light").

Rückgabe ​

Swatch[]

Die Musterliste, benannt nach dem Token (ohne das Präfix --instui-).

Beispiele ​

Reduziere das Token-IR auf Swatches für den Light‑Modus

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

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

Dunkelmodus

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

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