pantoken / design/swatches/src / toSwatches

Funkcja: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Eksperymentalne

Zredukuj IR tokenów do płaskiej listy próbek kolorów: rozwiąż odwołania, wybierz tryb, zachowaj tylko tokeny, których wartość jest kolorem w formacie hex (ikony i tokeny niebędące kolorami zostaną pominięte).

Parametry ​

tokens ​

tylko do odczytu Token[]

IR (np. z @pantoken/tokens).

mode? ​

Mode = "light"

Który tryb kolorów rozwiązać (domyślnie "light").

Zwraca ​

Swatch[]

Lista próbek, nazwana według tokena (bez prefiksu --instui-).

Przykłady ​

Zredukuj IR tokenów do próbek w trybie jasnym

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

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

Tryb ciemny

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

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