pantoken / design/swatches/src / toSwatches

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

toSwatches(tokens, mode?): Swatch[]

Экспериментально

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

Параметры ​

tokens ​

только для чтения 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");