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