pantoken / design/swatches/src / toSwatches

Функція: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Експериментальний

Звести IR токенів до плоского списку зразків кольорів: вирішити посилання, обрати режим, залишити лише токени, значення яких — шестнадцятковий колір (ікони та не‑кольорові токени видаляються).

Параметри ​

tokens ​

readonly Token[]

IR (наприклад, з @pantoken/tokens).

mode? ​

Mode = "light"

Який режим кольору вирішувати (за замовчуванням "light").

Повертає ​

Swatch[]

Список зразків, названих за токеном (без префікса --instui-).

Приклади ​

Звести IR токенів до зразків у світлому режимі

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

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

Темний режим

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

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