Design-Tokens-Pipeline 1.2.0 stable
JSON-Token-Dateien validieren und CSS Custom Properties erzeugen — inklusive Fonts- und Motion-Blöcken. Token-Defaults sind AAA-orientiert (keine App-Zertifizierung). English: Design tokens
Reifegrad
Tokens-CLI und CSS Custom Properties sind in 1.2.0 stable. Plan / Review / Agent-Meta bleiben beta / foundation. Studio und die komplette Utility Engine bleiben planned.
Wann nutzen
- Design Tokens für Themes und Motion validieren und bauen.
@birdapi/velinstyle@1.2.0pinnen; Studio / Utility Engine außerhalb des Scopes halten.
Wann nicht
- Beta Plan/Review/Meta nicht als fertiges KI-Design-System behandeln.
- Keine noch geplanten Studio- oder Utility-Engine-APIs erfinden.
Validieren
velinstyle tokens validate --input examples/tokens.sample.json
npm run tokens:validate
Prüft OKLCH-Syntax, Theme-Namen sowie fonts-, motion- und zIndex-Blöcke.
Build
velinstyle tokens build --input examples/tokens.full.json -o src/tokens-generated.css
Erzeugt @layer tokens mit :root, Theme-Overrides, optionalem displayP3 sowie fonts-, motion- und zIndex-Abschnitten (deterministische Schlüsselreihenfolge).
Schema
Siehe examples/tokens.schema.json und examples/tokens.full.json im Framework-Repository.