pantoken / design/swatches/src / toSwatches

Συνάρτηση: toSwatches()

toSwatches(tokens, mode?): Swatch[]

Πειραματικό

Μείωση ενός token IR σε μια επίπεδη λίστα δειγμάτων χρώματος: επίλυση αναφορών, επιλογή λειτουργίας, διατήρηση μόνο tων tokens των οποίων η τιμή είναι ένα δεκαεξαδικό χρώμα (οι εικόνες και τα tokens που δεν είναι χρώματα απορρίπτονται).

Παράμετροι

tokens

μόνο για ανάγνωση Token[]

Το IR (π.χ. από @pantoken/tokens).

mode?

Mode = "light"

Ποια λειτουργία χρώματος να επιλυθεί (προεπιλογή "light").

Επιστρέφει

Swatch[]

Η λίστα δειγμάτων, ονοματοδοτημένη ανά token (χωρίς το πρόθεμα --instui-).

Παραδείγματα

Μείωση του token IR σε δείγματα για λειτουργία φωτός

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

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

Σκοτεινή λειτουργία

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

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