Design Tokens valideren

Gebruik de design-tokens-lint CLI tool om automatisch de Design Tokens JSON bestanden te valideren.

Installatie

pnpm add --save-dev @nl-design-system-community/design-tokens-lint

Valideer een tokens-bestand

design-tokens-lint src/tokens.json

Meerdere bestanden worden voor validatie in volgorde samengevoegd. Bij conflicten overschrijven latere bestanden eerdere.

design-tokens-lint theme.tokens.json dark-mode.tokens.json

Valideer een Tokens Studio-bestand

Bij gebruik van een tokens.json die door Tokens Studio is gegenereerd moeten we 1 laag van de JSON afhalen.

design-tokens-lint --exclude-parent-keys figma/figma.tokens.json

Verbeteringen opslaan

Sla het resultaat op in een bestand, in plaats van alleen het resultaat zien in de terminal. Dit werkt voor zowel geslaagde als mislukte validaties. Bij succes wordt de volledige tokens-tree geschreven, inclusief aanvullende NL Design System-extensies en geüpgradede tokens die overeenkomen met het Design Tokens JSON-formaat. Bij een fout worden de problemen als JSON naar het bestand geschreven.

design-tokens-lint --out result.json src/tokens.json

Command line opties

Gebruik --help om alle opties te bekijken:

design-tokens-lint --help