Design System Valry

30 composants · tokens CSS · theming DS-9.2 · marque par tenant (DS-4.1 → DS-9.2)

Button

Formulaire

Utilisé pour les alertes.
Optionnel, 500 caractères max.

Badge · Tag · Avatar · Tooltip

neutralbrandACTIVEPENDINGFAILEDinfo
moodleodoonextcloud
ABCBLTHealth check toutes les 30 s

Alert · Progress · Skeleton · Spinner

Provisioning en cours
Le tenant cfa-belair est en cours d’installation (étape MOODLE_INSTALL).
Santé vérifiée
3/3 tenants répondent en moins de 500 ms.
Certificat en attente
routed-cert-pending: DNS public des sous-domaines différé (fin de projet).
42%

Breadcrumb · Tabs · Pagination · Stepper

Vue d’ensemble du tenant (dashboard Sprint 7).
✓Fichiers
✓Compose
3Install
4Sondes
5Backup

Table · EmptyState

Inventaire des composants du design system
ComposantStatutÉtats couverts
Buttonstable4 variants × 3 tailles × loading
Input / Textarea / Selectstablefocus, disabled, aria-invalid
ModalstableEscape, backdrop, focus
TooltipbetaCSS-only, hover + focus
Stepperbetacurrent / done
Skeletonstableshimmer, reduced-motion ok
Aucun tenant

Créez votre premier tenant via POST /api/v1/tenants.

DataTable · Banner · Validation

DataTable tri / filtre / pagination
Buttonstable4 variants × 3 tailles × loading
Input / Textarea / Selectstablefocus, disabled, aria-invalid
ModalstableEscape, backdrop, focus
6 résultats

Nouvelle documentation

La référence des composants est disponible dans src/components/ds.

Backup vérifié

3 tenants restaurés en base de test — DR drill PASS (RTO 3s).

Maintenance planifiée

Maintenance le dimanche 03:00 — durée estimée 10 min.

Theming — DS-9.2 (ThemeBuilder)

Moteur de theming: couleur de marque → palette dérivée (strong/light/onBrand, contraste WCAG AA) appliquée en direct via CSS vars. Le sélecteur de marque en haut de page applique le même moteur aux couleurs des tenants.

Ex: #3b6bdb (Valry), #0ea5e9, #7c3aed…
badge marqueCB