@zevra/ui 0.7.0 → 0.9.0

package/icons/index.json

@@ -14,6 +14,12 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M3.33 12 H8 L10.67 5.33 L14 18.67 L16 12 H20.67\" />"
     },
+    {
+      "id": "aide",
+      "nom": "Aide",
+      "viewBox": "0 0 24 24",
+      "corps": "<circle cx=\"12\" cy=\"12\" r=\"8.67\" /><path d=\"M9.33 9.33 A2.67 2.67 0 0 1 14.53 10.13 C14.53 11.87 12 12.27 12 14\" /><circle cx=\"12\" cy=\"17.07\" r=\"0.8\" fill=\"currentColor\" stroke=\"none\" />"
+    },
     {
       "id": "app-couches",
       "nom": "Application (couches)",
@@ -26,6 +32,18 @@
       "viewBox": "0 0 24 24",
       "corps": "<rect x=\"3.33\" y=\"4\" width=\"17.33\" height=\"4.67\" rx=\"1.07\" /><path d=\"M5.33 8.67 V18.93 A1.07 1.07 0 0 0 6.4 20 H17.6 A1.07 1.07 0 0 0 18.67 18.93 V8.67\" /><path d=\"M9.33 12.67 H14.67\" />"
     },
+    {
+      "id": "attention",
+      "nom": "Attention (avertissement)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M10.67 3.87 L2.53 17.87 A1.55 1.55 0 0 0 3.87 20.19 H20.13 A1.55 1.55 0 0 0 21.47 17.87 L13.33 3.87 A1.54 1.54 0 0 0 10.67 3.87 Z\" /><path d=\"M12 9.33 V13.33\" /><circle cx=\"12\" cy=\"16.53\" r=\"0.8\" fill=\"currentColor\" stroke=\"none\" />"
+    },
+    {
+      "id": "balance",
+      "nom": "Balance (justice)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M12 3.33 V20.67\" /><path d=\"M8.67 20.67 H15.33\" /><path d=\"M5.33 6 H18.67\" /><path d=\"M6.67 6 L3.33 13.33\" /><path d=\"M6.67 6 L10 13.33\" /><path d=\"M3.33 13.33 A3.33 3.33 0 0 0 10 13.33\" /><path d=\"M17.33 6 L14 13.33\" /><path d=\"M17.33 6 L20.67 13.33\" /><path d=\"M14 13.33 A3.33 3.33 0 0 0 20.67 13.33\" />"
+    },
     {
       "id": "base-de-donnees",
       "nom": "Base de données",
@@ -50,6 +68,12 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M4 8 V4 H8\" /><path d=\"M20 8 V4 H16\" /><path d=\"M4 16 V20 H8\" /><path d=\"M20 16 V20 H16\" />"
     },
+    {
+      "id": "calendrier",
+      "nom": "Calendrier",
+      "viewBox": "0 0 24 24",
+      "corps": "<rect x=\"3.33\" y=\"4.67\" width=\"17.33\" height=\"16\" rx=\"1.33\" /><path d=\"M3.33 9.33 H20.67\" /><path d=\"M8 2.67 V6.67\" /><path d=\"M16 2.67 V6.67\" />"
+    },
     {
       "id": "chevron-bas",
       "nom": "Chevron bas",
@@ -68,6 +92,12 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M14.67 4 L6.67 12 L14.67 20\" />"
     },
+    {
+      "id": "chevron-haut",
+      "nom": "Chevron haut",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M6.67 14.67 L12 9.33 L17.33 14.67\" />"
+    },
     {
       "id": "coche",
       "nom": "Coche",
@@ -86,6 +116,12 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M4 6.67 H20\" /><path d=\"M9.33 6.67 V4.67 A1.33 1.33 0 0 1 10.67 3.33 H13.33 A1.33 1.33 0 0 1 14.67 4.67 V6.67\" /><path d=\"M6 6.67 L6.93 18.93 A1.33 1.33 0 0 0 8.27 20 H15.73 A1.33 1.33 0 0 0 17.07 18.93 L18 6.67\" /><path d=\"M10 10.67 V16.67\" /><path d=\"M14 10.67 V16.67\" />"
     },
+    {
+      "id": "courriel",
+      "nom": "Courriel",
+      "viewBox": "0 0 24 24",
+      "corps": "<rect x=\"2.67\" y=\"5.33\" width=\"18.67\" height=\"13.33\" rx=\"1.33\" /><path d=\"M2.67 7.33 L12 13.33 L21.33 7.33\" />"
+    },
     {
       "id": "cube",
       "nom": "Cube (stockage objet)",
@@ -104,6 +140,12 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M12 3.2 V14.4\" /><polyline points=\"7.6,10 12,14.4 16.4,10\" /><path d=\"M4 16.8 v2.4 a1.6 1.6 0 0 0 1.6 1.6 h12.8 a1.6 1.6 0 0 0 1.6-1.6 v-2.4\" />"
     },
+    {
+      "id": "diplome",
+      "nom": "Diplôme (Campus)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M2.67 9.33 L12 4.67 L21.33 9.33 L12 14 Z\" /><path d=\"M6.67 11.6 V16 C6.67 17.47 9.07 18.67 12 18.67 C14.93 18.67 17.33 17.47 17.33 16 V11.6\" /><path d=\"M21.33 9.33 V14.67\" />"
+    },
     {
       "id": "dossier",
       "nom": "Dossier",
@@ -116,6 +158,18 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M13.33 2.67 L5.33 13.33 H12 L10.67 21.33 L18.67 10.67 H12 Z\" />"
     },
+    {
+      "id": "envoyer",
+      "nom": "Envoyer",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M21.33 2.67 L10.67 13.33\" /><path d=\"M21.33 2.67 L14.67 21.33 L10.67 13.33 L2.67 9.33 Z\" />"
+    },
+    {
+      "id": "epingle",
+      "nom": "Épingle (lieu)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M12 21.33 C7.56 16.89 5.33 13.42 5.33 10.67 A6.67 6.67 0 0 1 18.67 10.67 C18.67 13.42 16.44 16.89 12 21.33 Z\" /><circle cx=\"12\" cy=\"10.67\" r=\"2.4\" />"
+    },
     {
       "id": "equipe",
       "nom": "Équipe (membres)",
@@ -128,24 +182,72 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M12 2.67 L13.87 8.8 L20 10.67 L13.87 12.53 L12 18.67 L10.13 12.53 L4 10.67 L10.13 8.8 Z\" /><path d=\"M19.33 16.67 L20 18.67 L22 19.33 L20 20 L19.33 22 L18.67 20 L16.67 19.33 L18.67 18.67 Z\" />"
     },
+    {
+      "id": "etoile",
+      "nom": "Étoile (favori)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M12 3.33 L14.67 8.53 L20.4 9.37 L16.2 13.4 L17.2 19.07 L12 16.4 L6.8 19.07 L7.8 13.4 L3.6 9.37 L9.33 8.53 Z\" />"
+    },
     {
       "id": "fermer",
       "nom": "Fermer",
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M5.33 5.33 L18.67 18.67\" /><path d=\"M18.67 5.33 L5.33 18.67\" />"
     },
+    {
+      "id": "fichier",
+      "nom": "Fichier (document)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M13.33 2.67 H6.67 A1.33 1.33 0 0 0 5.33 4 V20 A1.33 1.33 0 0 0 6.67 21.33 H17.33 A1.33 1.33 0 0 0 18.67 20 V8 Z\" /><path d=\"M13.33 2.67 V8 H18.67\" />"
+    },
+    {
+      "id": "filtre",
+      "nom": "Filtre",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M2.67 4 H21.33 L14.67 12.27 V18.67 L9.33 21.33 V12.27 Z\" />"
+    },
+    {
+      "id": "globe",
+      "nom": "Globe (international)",
+      "viewBox": "0 0 24 24",
+      "corps": "<circle cx=\"12\" cy=\"12\" r=\"8.67\" /><path d=\"M3.33 12 H20.67\" /><path d=\"M12 3.33 C14.22 5.64 15.47 8.71 15.47 12 C15.47 15.29 14.22 18.36 12 20.67 C9.78 18.36 8.53 15.29 8.53 12 C8.53 8.71 9.78 5.64 12 3.33 Z\" />"
+    },
+    {
+      "id": "graphique",
+      "nom": "Graphique (barres)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M4 4 V20 H20\" /><path d=\"M8.67 20 V12.67\" /><path d=\"M12.67 20 V8\" /><path d=\"M16.67 20 V15.33\" />"
+    },
     {
       "id": "horloge",
       "nom": "Horloge (intégration continue)",
       "viewBox": "0 0 24 24",
       "corps": "<circle cx=\"12\" cy=\"12\" r=\"8\" /><path d=\"M12 6.67 V12 L15.33 14\" />"
     },
+    {
+      "id": "imprimante",
+      "nom": "Imprimante",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M6.67 8 V3.33 H17.33 V8\" /><path d=\"M6.67 17.33 H4.67 A1.33 1.33 0 0 1 3.33 16 V10.67 A1.33 1.33 0 0 1 4.67 9.33 H19.33 A1.33 1.33 0 0 1 20.67 10.67 V16 A1.33 1.33 0 0 1 19.33 17.33 H17.33\" /><rect x=\"6.67\" y=\"13.33\" width=\"10.67\" height=\"7.33\" rx=\"0.8\" />"
+    },
+    {
+      "id": "info",
+      "nom": "Information",
+      "viewBox": "0 0 24 24",
+      "corps": "<circle cx=\"12\" cy=\"12\" r=\"8.67\" /><path d=\"M12 11.33 V16\" /><circle cx=\"12\" cy=\"8\" r=\"0.8\" fill=\"currentColor\" stroke=\"none\" />"
+    },
     {
       "id": "lien-externe",
       "nom": "Lien externe",
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M10.67 4 H4 V20 H20 V13.33\" /><path d=\"M14.67 4 H20 V9.33\" /><path d=\"M20 4 L12 12\" />"
     },
+    {
+      "id": "livre-ouvert",
+      "nom": "Livre ouvert (formation)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M2.67 5.33 C5.33 4.67 7.78 4.89 12 6.67 C16.22 4.89 18.67 4.67 21.33 5.33 V18 C18.67 17.33 16.22 17.56 12 19.33 C7.78 17.56 5.33 17.33 2.67 18 Z\" /><path d=\"M12 6.67 V19.33\" />"
+    },
     {
       "id": "menu",
       "nom": "Menu (hamburger)",
@@ -200,11 +302,35 @@
       "viewBox": "0 0 24 24",
       "corps": "<path d=\"M4.67 6.67 L6.67 8.67 L10 5.33\" /><path d=\"M4.67 16 L6.67 18 L10 14.67\" /><path d=\"M13.33 7.33 H20\" /><path d=\"M13.33 16.67 H20\" />"
     },
+    {
+      "id": "telecharger",
+      "nom": "Télécharger",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M12 3.33 V15.33\" /><polyline points=\"6.67,10 12,15.33 17.33,10\" /><path d=\"M4.67 20.67 H19.33\" />"
+    },
+    {
+      "id": "telephone",
+      "nom": "Téléphone",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M20.67 16.93 V19.33 A1.6 1.6 0 0 1 18.93 20.93 C16.13 20.67 13.47 19.67 11.2 18.13 C9.09 16.71 7.29 14.91 5.87 12.8 C4.33 10.52 3.33 7.85 3.07 5.05 A1.6 1.6 0 0 1 4.67 3.33 H7.07 A1.6 1.6 0 0 1 8.67 4.71 C8.79 5.83 9.04 6.93 9.4 7.97 A1.6 1.6 0 0 1 9.04 9.65 L8 10.69 C9.32 13.01 11.03 14.71 13.33 16 L14.37 14.96 A1.6 1.6 0 0 1 16.05 14.6 C17.09 14.96 18.19 15.21 19.31 15.33 A1.6 1.6 0 0 1 20.67 16.93 Z\" />"
+    },
+    {
+      "id": "tri",
+      "nom": "Tri",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M8 4 V20\" /><path d=\"M4.67 7.33 L8 4 L11.33 7.33\" /><path d=\"M16 20 V4\" /><path d=\"M12.67 16.67 L16 20 L19.33 16.67\" />"
+    },
     {
       "id": "trois-points",
       "nom": "Trois points (menu contextuel)",
       "viewBox": "0 0 24 24",
       "corps": "<circle cx=\"5.33\" cy=\"12\" r=\"1.33\" fill=\"currentColor\" stroke=\"none\" /><circle cx=\"12\" cy=\"12\" r=\"1.33\" fill=\"currentColor\" stroke=\"none\" /><circle cx=\"18.67\" cy=\"12\" r=\"1.33\" fill=\"currentColor\" stroke=\"none\" />"
+    },
+    {
+      "id": "utilisateur",
+      "nom": "Utilisateur",
+      "viewBox": "0 0 24 24",
+      "corps": "<circle cx=\"12\" cy=\"8\" r=\"3.33\" /><path d=\"M5.33 20 C5.33 15.33 8.33 13.33 12 13.33 C15.67 13.33 18.67 15.33 18.67 20\" />"
     }
   ]
 }

package/icons/sprite.svg

@@ -1,28 +1,45 @@
 <svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
   <symbol id="zv-accueil" viewBox="0 0 24 24"><path d="M4 10.67 L12 4 L20 10.67 V20 H4 Z" /><path d="M9.33 20 V13.33 H14.67 V20" /></symbol>
   <symbol id="zv-activite" viewBox="0 0 24 24"><path d="M3.33 12 H8 L10.67 5.33 L14 18.67 L16 12 H20.67" /></symbol>
+  <symbol id="zv-aide" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.67" /><path d="M9.33 9.33 A2.67 2.67 0 0 1 14.53 10.13 C14.53 11.87 12 12.27 12 14" /><circle cx="12" cy="17.07" r="0.8" fill="currentColor" stroke="none" /></symbol>
   <symbol id="zv-app-couches" viewBox="0 0 24 24"><path d="M12 2.67 L20 6.67 L12 10.67 L4 6.67 Z" /><path d="M4 12 L12 16 L20 12" /><path d="M4 17.33 L12 21.33 L20 17.33" /></symbol>
   <symbol id="zv-archiver" viewBox="0 0 24 24"><rect x="3.33" y="4" width="17.33" height="4.67" rx="1.07" /><path d="M5.33 8.67 V18.93 A1.07 1.07 0 0 0 6.4 20 H17.6 A1.07 1.07 0 0 0 18.67 18.93 V8.67" /><path d="M9.33 12.67 H14.67" /></symbol>
+  <symbol id="zv-attention" viewBox="0 0 24 24"><path d="M10.67 3.87 L2.53 17.87 A1.55 1.55 0 0 0 3.87 20.19 H20.13 A1.55 1.55 0 0 0 21.47 17.87 L13.33 3.87 A1.54 1.54 0 0 0 10.67 3.87 Z" /><path d="M12 9.33 V13.33" /><circle cx="12" cy="16.53" r="0.8" fill="currentColor" stroke="none" /></symbol>
+  <symbol id="zv-balance" viewBox="0 0 24 24"><path d="M12 3.33 V20.67" /><path d="M8.67 20.67 H15.33" /><path d="M5.33 6 H18.67" /><path d="M6.67 6 L3.33 13.33" /><path d="M6.67 6 L10 13.33" /><path d="M3.33 13.33 A3.33 3.33 0 0 0 10 13.33" /><path d="M17.33 6 L14 13.33" /><path d="M17.33 6 L20.67 13.33" /><path d="M14 13.33 A3.33 3.33 0 0 0 20.67 13.33" /></symbol>
   <symbol id="zv-base-de-donnees" viewBox="0 0 24 24"><ellipse cx="12" cy="6" rx="7.33" ry="2.67" /><path d="M4.67 6 V12 C4.67 13.47 7.87 14.67 12 14.67 C16.13 14.67 19.33 13.47 19.33 12 V6" /><path d="M4.67 12 V18 C4.67 19.47 7.87 20.67 12 20.67 C16.13 20.67 19.33 19.47 19.33 18 V12" /></symbol>
   <symbol id="zv-bouclier-verifie" viewBox="0 0 24 24"><path d="M12 2.67 L20 6 V12 C20 16.67 16.67 19.73 12 21.33 C7.33 19.73 4 16.67 4 12 V6 Z" /><path d="M8.67 12 L11.07 14.4 L15.33 10" /></symbol>
   <symbol id="zv-cadenas" viewBox="0 0 24 24"><rect x="4.67" y="10.67" width="14.67" height="9.33" rx="1.6" /><path d="M8 10.67 V7.33 A4 4 0 0 1 16 7.33 V10.67" /><circle cx="12" cy="15.33" r="1.33" /></symbol>
   <symbol id="zv-cadrer" viewBox="0 0 24 24"><path d="M4 8 V4 H8" /><path d="M20 8 V4 H16" /><path d="M4 16 V20 H8" /><path d="M20 16 V20 H16" /></symbol>
+  <symbol id="zv-calendrier" viewBox="0 0 24 24"><rect x="3.33" y="4.67" width="17.33" height="16" rx="1.33" /><path d="M3.33 9.33 H20.67" /><path d="M8 2.67 V6.67" /><path d="M16 2.67 V6.67" /></symbol>
   <symbol id="zv-chevron-bas" viewBox="0 0 24 24"><path d="M6.67 9.33 L12 14.67 L17.33 9.33" /></symbol>
   <symbol id="zv-chevron-droit" viewBox="0 0 24 24"><path d="M9.33 4 L17.33 12 L9.33 20" /></symbol>
   <symbol id="zv-chevron-gauche" viewBox="0 0 24 24"><path d="M14.67 4 L6.67 12 L14.67 20" /></symbol>
+  <symbol id="zv-chevron-haut" viewBox="0 0 24 24"><path d="M6.67 14.67 L12 9.33 L17.33 14.67" /></symbol>
   <symbol id="zv-coche" viewBox="0 0 24 24"><path d="M5 12.4 L9.4 16.8 L19 6.8" /></symbol>
   <symbol id="zv-copier" viewBox="0 0 24 24"><rect x="4" y="4" width="12" height="12" rx="1.6" /><path d="M8 16 V18.93 A1.07 1.07 0 0 0 9.07 20 H18.93 A1.07 1.07 0 0 0 20 18.93 V9.07 A1.07 1.07 0 0 0 18.93 8 H16" /></symbol>
   <symbol id="zv-corbeille" viewBox="0 0 24 24"><path d="M4 6.67 H20" /><path d="M9.33 6.67 V4.67 A1.33 1.33 0 0 1 10.67 3.33 H13.33 A1.33 1.33 0 0 1 14.67 4.67 V6.67" /><path d="M6 6.67 L6.93 18.93 A1.33 1.33 0 0 0 8.27 20 H15.73 A1.33 1.33 0 0 0 17.07 18.93 L18 6.67" /><path d="M10 10.67 V16.67" /><path d="M14 10.67 V16.67" /></symbol>
+  <symbol id="zv-courriel" viewBox="0 0 24 24"><rect x="2.67" y="5.33" width="18.67" height="13.33" rx="1.33" /><path d="M2.67 7.33 L12 13.33 L21.33 7.33" /></symbol>
   <symbol id="zv-cube" viewBox="0 0 24 24"><path d="M3.33 8 L12 4 L20.67 8 V16 L12 20 L3.33 16 Z" /><path d="M3.33 8 L12 12 L20.67 8" /><path d="M12 12 V20" /></symbol>
   <symbol id="zv-deconnexion" viewBox="0 0 24 24"><path d="M14.67 4 H5.33 V20 H14.67" /><path d="M10.67 12 H20" /><path d="M16.67 8 L20.67 12 L16.67 16" /></symbol>
   <symbol id="zv-depot-fichier" viewBox="0 0 24 24"><path d="M12 3.2 V14.4" /><polyline points="7.6,10 12,14.4 16.4,10" /><path d="M4 16.8 v2.4 a1.6 1.6 0 0 0 1.6 1.6 h12.8 a1.6 1.6 0 0 0 1.6-1.6 v-2.4" /></symbol>
+  <symbol id="zv-diplome" viewBox="0 0 24 24"><path d="M2.67 9.33 L12 4.67 L21.33 9.33 L12 14 Z" /><path d="M6.67 11.6 V16 C6.67 17.47 9.07 18.67 12 18.67 C14.93 18.67 17.33 17.47 17.33 16 V11.6" /><path d="M21.33 9.33 V14.67" /></symbol>
   <symbol id="zv-dossier" viewBox="0 0 24 24"><path d="M1.41 6.64a1.69 1.69 0 0 1 1.69-1.69h4.8l2.12 2.4h10.87a1.69 1.69 0 0 1 1.69 1.69v9.88a1.69 1.69 0 0 1-1.69 1.69H3.11A1.69 1.69 0 0 1 1.41 20.33V6.64Z" /></symbol>
   <symbol id="zv-eclair" viewBox="0 0 24 24"><path d="M13.33 2.67 L5.33 13.33 H12 L10.67 21.33 L18.67 10.67 H12 Z" /></symbol>
+  <symbol id="zv-envoyer" viewBox="0 0 24 24"><path d="M21.33 2.67 L10.67 13.33" /><path d="M21.33 2.67 L14.67 21.33 L10.67 13.33 L2.67 9.33 Z" /></symbol>
+  <symbol id="zv-epingle" viewBox="0 0 24 24"><path d="M12 21.33 C7.56 16.89 5.33 13.42 5.33 10.67 A6.67 6.67 0 0 1 18.67 10.67 C18.67 13.42 16.44 16.89 12 21.33 Z" /><circle cx="12" cy="10.67" r="2.4" /></symbol>
   <symbol id="zv-equipe" viewBox="0 0 24 24"><circle cx="9.33" cy="8" r="3.33" /><path d="M3.33 20 C3.33 15.33 6 13.33 9.33 13.33 C12.67 13.33 15.33 15.33 15.33 20" /><path d="M16 5.33 A2.93 2.93 0 0 1 16 11.07" /><path d="M17.33 13.6 C19.73 14.27 20.67 16.4 20.67 20" /></symbol>
   <symbol id="zv-etincelles" viewBox="0 0 24 24"><path d="M12 2.67 L13.87 8.8 L20 10.67 L13.87 12.53 L12 18.67 L10.13 12.53 L4 10.67 L10.13 8.8 Z" /><path d="M19.33 16.67 L20 18.67 L22 19.33 L20 20 L19.33 22 L18.67 20 L16.67 19.33 L18.67 18.67 Z" /></symbol>
+  <symbol id="zv-etoile" viewBox="0 0 24 24"><path d="M12 3.33 L14.67 8.53 L20.4 9.37 L16.2 13.4 L17.2 19.07 L12 16.4 L6.8 19.07 L7.8 13.4 L3.6 9.37 L9.33 8.53 Z" /></symbol>
   <symbol id="zv-fermer" viewBox="0 0 24 24"><path d="M5.33 5.33 L18.67 18.67" /><path d="M18.67 5.33 L5.33 18.67" /></symbol>
+  <symbol id="zv-fichier" viewBox="0 0 24 24"><path d="M13.33 2.67 H6.67 A1.33 1.33 0 0 0 5.33 4 V20 A1.33 1.33 0 0 0 6.67 21.33 H17.33 A1.33 1.33 0 0 0 18.67 20 V8 Z" /><path d="M13.33 2.67 V8 H18.67" /></symbol>
+  <symbol id="zv-filtre" viewBox="0 0 24 24"><path d="M2.67 4 H21.33 L14.67 12.27 V18.67 L9.33 21.33 V12.27 Z" /></symbol>
+  <symbol id="zv-globe" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.67" /><path d="M3.33 12 H20.67" /><path d="M12 3.33 C14.22 5.64 15.47 8.71 15.47 12 C15.47 15.29 14.22 18.36 12 20.67 C9.78 18.36 8.53 15.29 8.53 12 C8.53 8.71 9.78 5.64 12 3.33 Z" /></symbol>
+  <symbol id="zv-graphique" viewBox="0 0 24 24"><path d="M4 4 V20 H20" /><path d="M8.67 20 V12.67" /><path d="M12.67 20 V8" /><path d="M16.67 20 V15.33" /></symbol>
   <symbol id="zv-horloge" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" /><path d="M12 6.67 V12 L15.33 14" /></symbol>
+  <symbol id="zv-imprimante" viewBox="0 0 24 24"><path d="M6.67 8 V3.33 H17.33 V8" /><path d="M6.67 17.33 H4.67 A1.33 1.33 0 0 1 3.33 16 V10.67 A1.33 1.33 0 0 1 4.67 9.33 H19.33 A1.33 1.33 0 0 1 20.67 10.67 V16 A1.33 1.33 0 0 1 19.33 17.33 H17.33" /><rect x="6.67" y="13.33" width="10.67" height="7.33" rx="0.8" /></symbol>
+  <symbol id="zv-info" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8.67" /><path d="M12 11.33 V16" /><circle cx="12" cy="8" r="0.8" fill="currentColor" stroke="none" /></symbol>
   <symbol id="zv-lien-externe" viewBox="0 0 24 24"><path d="M10.67 4 H4 V20 H20 V13.33" /><path d="M14.67 4 H20 V9.33" /><path d="M20 4 L12 12" /></symbol>
+  <symbol id="zv-livre-ouvert" viewBox="0 0 24 24"><path d="M2.67 5.33 C5.33 4.67 7.78 4.89 12 6.67 C16.22 4.89 18.67 4.67 21.33 5.33 V18 C18.67 17.33 16.22 17.56 12 19.33 C7.78 17.56 5.33 17.33 2.67 18 Z" /><path d="M12 6.67 V19.33" /></symbol>
   <symbol id="zv-menu" viewBox="0 0 24 24"><path d="M0 5.33 H24" /><path d="M0 12 H24" /><path d="M0 18.67 H24" /></symbol>
   <symbol id="zv-moins" viewBox="0 0 24 24"><path d="M4 12 H20" /></symbol>
   <symbol id="zv-oeil" viewBox="0 0 24 24"><path d="M2 12 C5.33 6.67 8.67 4.67 12 4.67 C15.33 4.67 18.67 6.67 22 12 C18.67 17.33 15.33 19.33 12 19.33 C8.67 19.33 5.33 17.33 2 12 Z" /><circle cx="12" cy="12" r="2.67" /></symbol>
@@ -32,5 +49,9 @@
   <symbol id="zv-reglages" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.93" /><path d="M12 2 V4.67 M12 19.33 V22 M2 12 H4.67 M19.33 12 H22 M4.8 4.8 L6.67 6.67 M17.33 17.33 L19.2 19.2 M19.2 4.8 L17.33 6.67 M6.67 17.33 L4.8 19.2" /></symbol>
   <symbol id="zv-reseau" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" /><path d="M4 12 H20" /><path d="M12 4 C14.67 8 14.67 16 12 20" /><path d="M12 4 C9.33 8 9.33 16 12 20" /></symbol>
   <symbol id="zv-taches" viewBox="0 0 24 24"><path d="M4.67 6.67 L6.67 8.67 L10 5.33" /><path d="M4.67 16 L6.67 18 L10 14.67" /><path d="M13.33 7.33 H20" /><path d="M13.33 16.67 H20" /></symbol>
+  <symbol id="zv-telecharger" viewBox="0 0 24 24"><path d="M12 3.33 V15.33" /><polyline points="6.67,10 12,15.33 17.33,10" /><path d="M4.67 20.67 H19.33" /></symbol>
+  <symbol id="zv-telephone" viewBox="0 0 24 24"><path d="M20.67 16.93 V19.33 A1.6 1.6 0 0 1 18.93 20.93 C16.13 20.67 13.47 19.67 11.2 18.13 C9.09 16.71 7.29 14.91 5.87 12.8 C4.33 10.52 3.33 7.85 3.07 5.05 A1.6 1.6 0 0 1 4.67 3.33 H7.07 A1.6 1.6 0 0 1 8.67 4.71 C8.79 5.83 9.04 6.93 9.4 7.97 A1.6 1.6 0 0 1 9.04 9.65 L8 10.69 C9.32 13.01 11.03 14.71 13.33 16 L14.37 14.96 A1.6 1.6 0 0 1 16.05 14.6 C17.09 14.96 18.19 15.21 19.31 15.33 A1.6 1.6 0 0 1 20.67 16.93 Z" /></symbol>
+  <symbol id="zv-tri" viewBox="0 0 24 24"><path d="M8 4 V20" /><path d="M4.67 7.33 L8 4 L11.33 7.33" /><path d="M16 20 V4" /><path d="M12.67 16.67 L16 20 L19.33 16.67" /></symbol>
   <symbol id="zv-trois-points" viewBox="0 0 24 24"><circle cx="5.33" cy="12" r="1.33" fill="currentColor" stroke="none" /><circle cx="12" cy="12" r="1.33" fill="currentColor" stroke="none" /><circle cx="18.67" cy="12" r="1.33" fill="currentColor" stroke="none" /></symbol>
+  <symbol id="zv-utilisateur" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.33" /><path d="M5.33 20 C5.33 15.33 8.33 13.33 12 13.33 C15.67 13.33 18.67 15.33 18.67 20" /></symbol>
 </svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,
@@ -34,6 +34,10 @@
       "types": "./dist/css-inline.d.ts",
       "default": "./dist/css-inline.js"
     },
+    "./react/table": {
+      "types": "./dist/data-table.d.ts",
+      "default": "./dist/data-table.js"
+    },
     "./css": "./src/index.css",
     "./tokens.css": "./src/tokens.css",
     "./fonts.css": "./src/fonts.css",
@@ -66,14 +70,22 @@
   "scripts": {
     "build": "node scripts/build-icon-react.mjs && node scripts/build-css-bundle.mjs && tsc -p tsconfig.json",
     "test": "npm run build && vitest run",
-    "prepublishOnly": "npm run build"
+    "prepublishOnly": "npm run build",
+    "storybook": "npm run build && node scripts/build-stories.mjs && storybook dev -p 6006 --no-open",
+    "build:storybook": "npm run build && node scripts/build-stories.mjs && storybook build -o storybook-static"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^10.5.10",
+    "@storybook/addon-mcp": "^0.7.0",
+    "@storybook/react-vite": "^10.5.10",
+    "@tanstack/react-table": "^8.21.3",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.5",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
+    "storybook": "^10.5.10",
     "typescript": "^7.0.2",
+    "vite": "^7.3.6",
     "vitest": "^3.2.4"
   },
   "keywords": [
@@ -84,11 +96,15 @@
     "components"
   ],
   "peerDependencies": {
+    "@tanstack/react-table": ">=8",
     "react": ">=18"
   },
   "peerDependenciesMeta": {
     "react": {
       "optional": true
+    },
+    "@tanstack/react-table": {
+      "optional": true
     }
   }
 }

package/react/actions.tsx

@@ -12,13 +12,18 @@ import type {
 } from 'react'
 import { cx } from './cx.js'
 
-/** Variantes de bouton. Une seule pleine par écran — c'est la règle de charte. */
-export type BoutonVariante = 'plein' | 'fantome' | 'encre'
+/** Variantes de bouton. Une seule pleine par écran — c'est la règle de
+ *  charte, et « danger » COMPTE comme la pleine : la règle compte les
+ *  aplats, pas les couleurs. « danger » est réservée à l'action destructive
+ *  (la confirmation d'une modale de suppression), jamais à une action
+ *  simplement importante. */
+export type BoutonVariante = 'plein' | 'fantome' | 'encre' | 'danger'
 
 const VARIANTE_BOUTON: Record<BoutonVariante, string> = {
   plein: 'zv-btn',
   fantome: 'zv-btn--ghost',
   encre: 'zv-btn--ink',
+  danger: 'zv-btn--danger',
 }
 
 export interface ButtonProps
@@ -28,6 +33,12 @@ export interface ButtonProps
   compact?: boolean
   /** Pleine largeur — l'appel à l'action d'un écran mobile. */
   bloc?: boolean
+  /** Attente pendant l'action : pose aria-busy et aria-disabled, et AVALE
+   *  le clic — sans poser `disabled`, qui sortirait le bouton du parcours
+   *  clavier au moment précis où l'attente doit s'annoncer.
+   *  ⚠️ Le LIBELLÉ doit changer avec elle (« Connexion… ») — c'est le motif
+   *  relevé de Mémoire : l'estompement seul ne dit pas ce qu'on attend. */
+  occupe?: boolean
   /** Échappatoire assumée. À employer pour un ajustement de position, jamais
    *  pour redéfinir une couleur ou une taille : c'est par là que les apps
    *  recommencent à écrire leur propre charte. */
@@ -39,13 +50,28 @@ export function Button({
   variante = 'plein',
   compact,
   bloc,
+  occupe,
   className,
   type = 'button',
+  disabled,
+  onClick,
   ...reste
 }: ButtonProps) {
   return (
     <button
       type={type}
+      aria-busy={occupe || undefined}
+      aria-disabled={occupe || undefined}
+      disabled={disabled}
+      onClick={
+        occupe
+          ? (e) => {
+              // Le clic est avalé, pas interdit : un `disabled` sortirait le
+              // bouton du parcours clavier pendant l'annonce de l'attente.
+              e.preventDefault()
+            }
+          : onClick
+      }
       className={cx(
         VARIANTE_BOUTON[variante],
         compact && 'zv-btn--sm',