pantoken / design/swatches/src / toSwatches

Función: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Experimental

Reducir un IR de tokens a una lista plana de muestras de color: resolver referencias, elegir un modo, conservar solo tokens cuyo valor sea un color hexadecimal (se descartan iconos y tokens que no sean de color).

Parámetros ​

tokens ​

solo lectura Token[]

El IR (p. ej. de @pantoken/tokens).

mode? ​

Mode = "light"

Qué modo de color resolver (por defecto "light").

Devuelve ​

Swatch[]

La lista de muestras, nombrada por token (sin el prefijo --instui-).

Ejemplos ​

Reducir el IR de tokens a muestras en modo claro

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

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

Modo oscuro

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

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