pantoken-root / design/swatches/src / toSwatches

Hàm: toSwatches()

toSwatches(tokens, mode?): Swatch[]

Thử nghiệm

Giảm một token IR thành một danh sách phẳng các mẫu màu: giải quyết tham chiếu, chọn một chế độ, chỉ giữ những token có giá trị là màu hex (các icon và token không phải màu sẽ bị loại).

Tham số

tokens

chỉ đọc Token[]

IR (ví dụ: từ @pantoken/tokens).

mode?

Mode = "light"

Chế độ màu nào để giải quyết (mặc định "light").

Trả về

Swatch[]

Danh sách mẫu màu, đặt tên theo token (không bao gồm tiền tố --instui-).

Các ví dụ

Giảm token IR thành các mẫu màu chế độ sáng

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

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

Chế độ tối

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

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