Sodinix Design System
Une source de vérité, tous les produits Sodibiz & Webtinix.
Le Sodinix Design System est un monorepo qui regroupe les tokens, les composants et les patterns partagés par les produits Sodinix.
Packages
| Package | Rôle |
| -------------------------- | -------------------------------------------- |
| @sodinix/tokens | Source de vérité — design tokens (3 couches) |
| @sodinix/ui | 26 composants React (web) |
| @sodinix/ui-native | Composants React Native |
| @sodinix/tailwind-config | Preset Tailwind partagé |
| @sodinix/charts | Data viz (Recharts) |
| @sodinix/email | Templates d'emails (React Email) |
Principes
- Les tokens sont la source de vérité — couleurs, espacements,
typographie et mouvement viennent toujours de
@sodinix/tokens. - Architecture en 3 couches — primitives (oklch) → sémantique → rôles, avec une règle d'étanchéité opposable entre les couches.
- Accessibilité — composants testés avec axe, cible WCAG 2.2 AA.
- Thèmes — clair, sombre et high-contrast, plus la surcharge multi-marque.
Où aller ensuite
- Architecture — comment le système est structuré, et son évolution récente.
- Storybook — parcourir l'atelier visuel des composants.
- Installation — intégrer le DS dans un projet.
- Tokens — comprendre et faire évoluer les tokens.
- Composants — la librairie
@sodinix/ui. - Contribuer — ajouter un composant, conventions.