ComposantsComponents

Chaque composant est un contrat — intention, variantes autorisées, tokens associés, règles d'accessibilité, cas limites, gouvernance. Les agents appliquent ces contrats sans les improviser. Each component is a contract — intent, allowed variants, associated tokens, accessibility rules, edge cases, governance. Agents apply these contracts without improvising.

Workflow de créationCreation workflow

Définir l'intention du composant dans guidelines/components/[nom].mdDefine the component intent in guidelines/components/[name].md
Créer les tokens dans tokens/component.json en référençant les sémantiquesCreate tokens in tokens/component.json referencing semantic tokens
Implémenter le Web Component (Lit) dans src/components/sda-[nom].jsImplement the Web Component (Lit) in src/components/sda-[name].js
Créer la Storybook story pour documentation et tests visuelsCreate the Storybook story for documentation and visual tests
Ouvrir une PR avec impact tokens documenté — approbation requise si composant modifiéOpen a PR with documented token impact — approval required if component is modified

CatalogueCatalog

Button

4 variantes : primary, secondary, ghost, critical. Règles spéciales pour les actions irréversibles. 4 variants: primary, secondary, ghost, critical. Special rules for irreversible actions.

Icon

Bibliothèque Lucide — 1 500+ icônes, 3 tailles, règles WCAG 1.1.1. Lucide library — 1,500+ icons, 3 sizes, WCAG 1.1.1 rules.

Input BientôtSoon

Saisie de données avec états : défaut, focus, erreur, désactivé. Data entry with states: default, focus, error, disabled.

Card BientôtSoon

Conteneur visuel pour regrouper des informations liées. Visual container for grouping related information.