pantoken-root / design/swatches/src / toSwatches

تابع: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

تجربی

یک IR توکن را به فهرستی تخت از نمونه‌رنگ‌ها کاهش می‌دهد: ارجاعات را حل می‌کند، یک حالت انتخاب می‌کند، و فقط توکن‌هایی را نگه می‌دارد که مقدارشان یک رنگ هگز است (آیکون‌ها و توکن‌های غیررنگی حذف می‌شوند).

پارامترها ​

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");