malibub-digital/dsml

Design System Mali # DSML — Design System Mali > Système de conception de référence pour les administrations publiques maliennes, conçu pour les usages réels au Mali : connexions mobiles limitées, agents peu équipés, accessibilité et souveraineté numérique. --- ## 🎯 Principes fondateurs - **Zéro dépendance obligatoire** — HTML + CSS + JS vanilla uniquement au cœur. Aucun framework imposé. - **Support des frameworks modernes** — Déclinaisons en packages dédiés pour Vue.js (`@dsml/vue`) et React (`@dsml/react`). - **Performance & Sobriété** — Optimisé pour les réseaux mobiles (3G/4G) et appareils à faibles ressources. - **Identité républicaine** — Couleurs nationales sobres, typographie lisible, armoiries officielles du Mali et symboles de l'AES. - **Accessibilité (RGAA / WCAG 2.1 AA)** — Contraste garanti, navigation au clavier et marqueurs ARIA. --- ## 🏛️ Organisation du dépôt Le projet est organisé sous forme de **Monorépo NPM Workspaces** clair et modulaire : ``` dsml/ ├── packages/ # Packages distribuables sur NPM │ ├── core/ # [@malihub/dsml-core] Cœur CSS, tokens, assets SVG et JS vanilla │ ├── tailwind-plugin/ # [@malihub/dsml-tailwind-plugin] Plugin officiel Tailwind CSS │ └── snippets/ # Catalogue de composants universels HTML / Tailwind │ ├── apps/ # Applications & sites │ └── docs/ # Site officiel Vitrine & Documentation technique interactive (Astro) │ ├── package.json # Configuration Workspaces NPM root ├── Dockerfile # Configuration de build et déploiement ├── docker-compose.yml └── dokploy.json ``` --- ## 🚀 Prise en main rapide pour les Développeurs ### 1. Installation des packages via NPM Dans tout projet web (Astro, Tailwind, Vite, HTML/JS) : ```bash npm install @malihub/dsml-core @malihub/dsml-tailwind-plugin ``` ### 2. Configuration Tailwind CSS (`tailwind.config.mjs`) Dans votre fichier `tailwind.config.mjs` ou `tailwind. …