pantoken / design/swatches/src / toSwatches

Função: toSwatches() ​

toSwatches(tokens, mode?): Swatch[]

Experimental

Reduzir uma IR de tokens para uma lista plana de amostras de cores: resolver referências, escolher um modo, manter apenas tokens cujo valor seja uma cor em hexadecimal (ícones e tokens não relacionados à cor são descartados).

Parâmetros ​

tokens ​

somente leitura Token[]

O IR (por exemplo, de @pantoken/tokens).

mode? ​

Mode = "light"

Qual modo de cor resolver (padrão "light").

Retorna ​

Swatch[]

A lista de amostras, nomeada pelo token (sem o prefixo --instui-).

Exemplos ​

Reduzir a IR de tokens para amostras em modo claro

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

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

Modo escuro

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

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