@zevra/ui 0.1.0 → 0.2.0

package/DECISIONS.md

@@ -128,6 +128,62 @@ le composant plutôt qu'ajouté au token.
 
 ---
 
+## La couche applicative (relevé Mémoire)
+
+Les composants d'interface sont relevés dans l'application Mémoire, en
+production, qui emploie les mêmes tokens de charte. Trois arbitrages de fond
+ont été rendus :
+
+**Les neutres.** Mémoire emploie six niveaux de gris là où la charte en a
+trois, et deux d'entre eux — #6B7488 et #727C93 — **échouent au contraste AA**
+sur texte normal (4,34 et 3,87), alors qu'ils portent justement le texte mono
+de 10,5px : latences, horodatages, compteurs. Les adopter aurait gravé une
+régression d'accessibilité. Ils se rabattent sur `--muted` (5,55). Un seul
+niveau intermédiaire est ajouté, `--ink-2` (#4a5468, contraste 7,05).
+
+**L'échelle de texte.** Le relevé compte huit paliers répartis dans 5,5px,
+avec des demi-pixels et des écarts d'un pixel — de l'entropie d'utilitaires,
+pas une échelle dessinée. Ils se regroupent en trois paliers de texte
+(`--app-lg`, `--app`, `--app-sm`) et trois de labels (`--mono-lg`, `--mono`,
+`--mono-sm`).
+
+**Les filets et surfaces.** Cinq « nouveaux » tokens étaient des doublons
+imperceptibles de tokens existants — écart RVB de 1,4 à 6,8, sous le seuil de
+perception. `--line-inner` → `--hairline`, `--line-soft` → `--line`,
+`--row-hover` / `--paper-hover` / `--paper-warm` → `--panel`.
+
+Au total, 32 tokens proposés se réduisent à 14.
+
+### Écarts assumés au relevé
+
+**La barre supérieure.** La production pose `top: 53px` pour une barre de
+52px, en supposant que son filet s'ajoute à la hauteur. Il ne s'y ajoute
+pas : `box-sizing: border-box` le peint à l'intérieur. Ce pixel n'empilait
+rien, il ouvrait une couture — et la feuille portant son propre filet haut,
+le trait apparaissait doublé. Corrigé : la feuille se cale à ras, sans filet
+propre.
+
+**L'alignement des colonnes de chiffres.** Le relevé s'appuyait sur
+`--font-mono` pour aligner les nombres. Or `--font-mono` vaut Space Grotesk,
+qui n'est **pas à chasse fixe** : l'alignement n'aurait jamais tenu. Remplacé
+par `font-variant-numeric: tabular-nums`, qui aligne les chiffres dans
+n'importe quelle police.
+
+**Le gris chaud.** `#6E6A61`, seule teinte chaude du relevé, se rabat sur
+`--muted`. La nuance de température disparaît ; elle n'était reconductible
+nulle part ailleurs.
+
+### Ce que le relevé ne donnait pas
+
+Aucun `<textarea>`, aucune case à cocher, aucun bouton radio n'existe dans
+Mémoire : le composeur du chat est un `<input>`, et toute sélection passe par
+des puces de filtre ou un interrupteur. Ces trois contrôles sont livrés,
+dérivés strictement de `.zv-input`, et signalés comme tels dans le CSS.
+
+Aucun jeu d'onglets non plus : une rangée d'onglets se construit avec
+`.zv-seg-group` et `.zv-seg`. Un onglet **souligné** reste à faire — il
+suppose d'arbitrer la couleur et l'épaisseur du trait actif.
+
 ## Écarté du paquet
 
 Ce que le relevé recense mais que le paquet ne livre pas, faute d'usage hors

package/README.md

@@ -31,6 +31,11 @@ pnpm add @zevra/ui
 @import "@zevra/ui/layout.css";      /* conteneurs, grilles, sections, chrome */
 @import "@zevra/ui/surfaces.css";    /* halos, sols, voiles, manifeste */
 @import "@zevra/ui/motion.css";      /* les neuf animations autorisées */
+@import "@zevra/ui/icons.css";       /* dimensionnement des icônes */
+@import "@zevra/ui/forms.css";       /* champs, selects, interrupteurs, dépôt */
+@import "@zevra/ui/feedback.css";    /* alertes, badges, états, chargement */
+@import "@zevra/ui/navigation.css";  /* menus, barre, fil d'Ariane, pagination */
+@import "@zevra/ui/data.css";        /* tableaux, listes, clé-valeur, avatars */
 ```
 
 L'ordre compte : les tokens d'abord, le socle ensuite. Toutes les classes sont
@@ -44,6 +49,24 @@ unique à 768px reprend les valeurs mobiles du relevé.
 Chaque valeur vient des maquettes de la passation. Là où deux planches se
 contredisaient, l'arbitrage est écrit dans [DECISIONS.md](DECISIONS.md).
 
+## Deux couches
+
+Le paquet en porte deux, et elles ne servent pas au même usage.
+
+La **couche vitrine** — `base`, `components`, `layout`, `surfaces`, `motion` —
+compose une page qui se lit : hero, sections, manifeste, cartes produit.
+
+La **couche applicative** — `forms`, `feedback`, `navigation`, `data`, `icons` —
+compose une interface qui s'opère : champs, alertes, menus, tableaux. Elle
+est plus dense, et dispose de son échelle propre (`--app`, `--mono`).
+
+Une app n'a aucune raison de charger les deux. Seuls `tokens.css` et
+`base.css` sont communs.
+
+Le tableau est **à base de grille**, pas de `<table>` : le gabarit de
+colonnes se pose en `--zv-cols` sur le conteneur, et sous 768px la rangée
+s'effondre en carte, chaque valeur reprenant son intitulé.
+
 ## Le mouvement
 
 Neuf animations, pas une de plus, sous le préfixe `zv-anim-`. Sept sont
@@ -172,6 +195,9 @@ ci-dessus fonctionne telle quelle.
    l'index régénéré.
 5. Publier une version : `npm version <patch|minor|major>` puis `npm publish`.
 
+`demo/index.html` exerce la couche vitrine, `demo/app.html` la couche
+applicative. Aucune des deux n'est publiée dans le paquet.
+
 `reference/` conserve les maquettes HTML, le prototype animé et les fichiers
 d'origine de la passation. Ce dossier n'est **pas publié** dans le paquet : il
 sert d'archive et de référence visuelle, pas de dépendance.

package/icons/index.json

@@ -0,0 +1,210 @@
+{
+  "note": "Source de vérité du jeu d'icônes. Modifier ici, puis relancer scripts/build-icon-sprite.mjs.",
+  "trace": "trait courant (currentColor), épaisseur 2, bouts et jonctions arrondis, viewBox 24×24",
+  "icones": [
+    {
+      "id": "accueil",
+      "nom": "Accueil",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M4 10.67 L12 4 L20 10.67 V20 H4 Z\" /><path d=\"M9.33 20 V13.33 H14.67 V20\" />"
+    },
+    {
+      "id": "activite",
+      "nom": "Activité (pouls)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M3.33 12 H8 L10.67 5.33 L14 18.67 L16 12 H20.67\" />"
+    },
+    {
+      "id": "app-couches",
+      "nom": "Application (couches)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "archiver",
+      "nom": "Archiver",
+      "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": "base-de-donnees",
+      "nom": "Base de données",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "bouclier-verifie",
+      "nom": "Bouclier vérifié (authentification)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "cadenas",
+      "nom": "Cadenas (secret)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "cadrer",
+      "nom": "Cadrer (ajuster à la vue)",
+      "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": "chevron-bas",
+      "nom": "Chevron bas",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M6.67 9.33 L12 14.67 L17.33 9.33\" />"
+    },
+    {
+      "id": "chevron-droit",
+      "nom": "Chevron droit",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M9.33 4 L17.33 12 L9.33 20\" />"
+    },
+    {
+      "id": "chevron-gauche",
+      "nom": "Chevron gauche",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M14.67 4 L6.67 12 L14.67 20\" />"
+    },
+    {
+      "id": "coche",
+      "nom": "Coche",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M5 12.4 L9.4 16.8 L19 6.8\" />"
+    },
+    {
+      "id": "copier",
+      "nom": "Copier",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "corbeille",
+      "nom": "Corbeille (supprimer)",
+      "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": "cube",
+      "nom": "Cube (stockage objet)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "deconnexion",
+      "nom": "Déconnexion",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "depot-fichier",
+      "nom": "Dépôt de fichier (zone de glisser-déposer)",
+      "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": "dossier",
+      "nom": "Dossier",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "eclair",
+      "nom": "Éclair (action rapide)",
+      "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": "equipe",
+      "nom": "Équipe (membres)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "etincelles",
+      "nom": "Étincelles (IA)",
+      "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": "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": "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": "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": "menu",
+      "nom": "Menu (hamburger)",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M0 5.33 H24\" /><path d=\"M0 12 H24\" /><path d=\"M0 18.67 H24\" />"
+    },
+    {
+      "id": "moins",
+      "nom": "Moins",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M4 12 H20\" />"
+    },
+    {
+      "id": "oeil",
+      "nom": "Œil (afficher)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "plus",
+      "nom": "Plus",
+      "viewBox": "0 0 24 24",
+      "corps": "<path d=\"M12 4 V20\" /><path d=\"M4 12 H20\" />"
+    },
+    {
+      "id": "recherche",
+      "nom": "Recherche (loupe)",
+      "viewBox": "0 0 24 24",
+      "corps": "<circle cx=\"10.67\" cy=\"10.67\" r=\"6\" /><path d=\"M15.33 15.33 L20 20\" />"
+    },
+    {
+      "id": "registre",
+      "nom": "Registre (serveurs empilés)",
+      "viewBox": "0 0 24 24",
+      "corps": "<rect x=\"3.33\" y=\"5.33\" width=\"17.33\" height=\"5.33\" rx=\"1.33\" /><rect x=\"3.33\" y=\"13.33\" width=\"17.33\" height=\"5.33\" rx=\"1.33\" /><circle cx=\"6.67\" cy=\"8\" r=\"0.8\" fill=\"currentColor\" stroke=\"none\" /><circle cx=\"6.67\" cy=\"16\" r=\"0.8\" fill=\"currentColor\" stroke=\"none\" />"
+    },
+    {
+      "id": "reglages",
+      "nom": "Réglages",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "reseau",
+      "nom": "Réseau (entrée / globe)",
+      "viewBox": "0 0 24 24",
+      "corps": "<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\" />"
+    },
+    {
+      "id": "taches",
+      "nom": "Tâches (liste à cocher)",
+      "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": "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\" />"
+    }
+  ]
+}

package/icons/sprite.svg

@@ -0,0 +1,36 @@
+<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-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-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-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-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-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-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-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-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-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-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-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>
+  <symbol id="zv-plus" viewBox="0 0 24 24"><path d="M12 4 V20" /><path d="M4 12 H20" /></symbol>
+  <symbol id="zv-recherche" viewBox="0 0 24 24"><circle cx="10.67" cy="10.67" r="6" /><path d="M15.33 15.33 L20 20" /></symbol>
+  <symbol id="zv-registre" viewBox="0 0 24 24"><rect x="3.33" y="5.33" width="17.33" height="5.33" rx="1.33" /><rect x="3.33" y="13.33" width="17.33" height="5.33" rx="1.33" /><circle cx="6.67" cy="8" r="0.8" fill="currentColor" stroke="none" /><circle cx="6.67" cy="16" r="0.8" fill="currentColor" stroke="none" /></symbol>
+  <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-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>
+</svg>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,
@@ -29,12 +29,19 @@
     "./layout.css": "./src/layout.css",
     "./surfaces.css": "./src/surfaces.css",
     "./motion.css": "./src/motion.css",
-    "./logos/*": "./logos/*"
+    "./logos/*": "./logos/*",
+    "./icons.css": "./src/icons.css",
+    "./forms.css": "./src/forms.css",
+    "./feedback.css": "./src/feedback.css",
+    "./navigation.css": "./src/navigation.css",
+    "./data.css": "./src/data.css",
+    "./icons/*": "./icons/*"
   },
   "files": [
     "src",
     "tokens",
     "logos",
+    "icons",
     "README.md",
     "DECISIONS.md"
   ],

package/src/components.css

@@ -232,14 +232,13 @@
   padding: 32px;
 }
 
-/* Carte de statut. L'état « refusé » n'a pas de token de filet — il n'existe
- * pas de --err-line, là où --ok-line existe. Asymétrie du jeu de tokens. */
+/* Carte de statut. Les trois familles d'état ont désormais leur filet. */
 .zv-card--ok {
   border-color: var(--ok-line);
 }
 
 .zv-card--err {
-  border-color: #efc9cd;
+  border-color: var(--err-line);
 }
 
 /* Carte flottante : celle qui se détache au-dessus d'une scène. */