pantoken / design/swatches/src / toSwatches

फंक्शन: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

प्रयोगात्मक

टोकन IR को रंगीन स्वैचेस की एक समतल सूची में घटाएँ: संदर्भों को हल करें, एक मोड चुनें, और केवल टोकनों को रखें जिनका मान हेक्स रंग है (आइकन और गैर-रंग टोकन हटा दिए जाते हैं).

पैरामीटर ​

tokens ​

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