pantoken / design/swatches/src / toSwatches

פונקציה: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

ניסיוני

להמיר את IR של טוקנים לרשימה שטוחה של דגימות צבע: לפתור הפניות, לבחור מצב, לשמור רק על tokens שערכם הוא צבע הקסדצימלי (אייקונים וטוקנים שאינם צבעיים מוסרים).

פרמטרים ​

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