@zevra/ui 0.50.0 → 0.51.0

package/DECISIONS.md

@@ -2242,3 +2242,86 @@ petit, qui ne ressemblait à aucune icône du jeu. Retour de Joachim le même
 jour. Il devient `Icon nom="chevron-bas" taille="sm"`, en `--label`, et
 pivote d'un demi-tour quand la liste est ouverte. La classe
 `.zv-select__chevron` reste (elle porte la couleur et la rotation).
+
+---
+
+## Deux régressions vues en production chez mcp-factory (03/11/2026, 0.50.1)
+
+### Une modale ouverte décalait la colonne de navigation
+
+`useOverlay` verrouillait le défilement sur `body` (`overflow: hidden`), et
+`overlays.css` le verrouille déjà sur `html` (`html:has(.zv-modal--open)`).
+Les deux ensemble se contrarient : quand `html` n'est plus en `visible`, le
+`overflow` de `body` ne remonte plus au viewport, et `body` devient LUI-MÊME
+un conteneur de défilement, à zéro. Une colonne `position: sticky; top: 0`
+se cale alors en haut de `body`, que la page a déjà fait défiler hors de
+l'écran : la colonne perdait son haut (logo, liens) à l'ouverture de toute
+modale, dès qu'on avait descendu dans la page.
+
+Le verrou JavaScript porte désormais sur `html` (`documentElement`), comme
+la règle CSS. `body` n'est plus jamais un conteneur de défilement.
+
+### La liste de `SelectMenu` était rognée par son conteneur
+
+Posée dans un `Table` (rôle d'un membre sur sa ligne), la liste s'ouvrait
+DANS le cadre du tableau, qui défile horizontalement (`overflow-x: auto`,
+donc `overflow-y` calculé à `auto` aussi) : elle était coupée net sous la
+ligne. Même défaut dans tout conteneur qui défile.
+
+La liste est désormais en `position: fixed`, placée sous le déclencheur
+d'après sa boîte à l'écran, et recalculée au défilement et au
+redimensionnement : elle échappe à tout conteneur rogné. Elle s'ouvre AU-
+DESSUS quand la place manque dessous et qu'il y en a davantage dessus, se
+borne à la place disponible (et défile au-delà), et ne déborde jamais de
+la fenêtre à droite. Sa largeur MINIMALE est celle du déclencheur (`--zv-menu-largeur`), sa
+largeur celle de ses options (`max-content`), bornée à la fenêtre : sous un
+déclencheur calé sur son contenu (« Membre »), l'option longue
+(« Administrateur ») ne déborde plus. Une app qui surchargeait `min-width:
+100%` doit écrire `var(--zv-menu-largeur)` : 100 % vaudrait la fenêtre.
+
+⚠️ Limite connue : un ancêtre en `transform` redevient le bloc conteneur
+d'un `fixed`. Aucun composant du paquet n'en pose autour d'une liste ;
+une app qui anime un conteneur par `transform` (colonne glissante) ne doit
+pas y loger de `SelectMenu` ouvert pendant l'animation.
+
+---
+
+## L'interrupteur suit l'option arrondie, et les logos des partenaires (03/11/2026, 0.51.0)
+
+Demande de Joachim, vue sur la Marketplace de Tésope (cabinet en `zv-arrondi`
+depuis le 27/10) : des cartes et des boutons arrondis, mais des
+interrupteurs carrés, et des extensions (Microsoft 365, DocuSign, Henrri…)
+reconnues à une icône générique plutôt qu'à leur marque.
+
+### L'interrupteur
+
+HORS RELEVÉ. En angle vif (le défaut de la charte), rien ne change : piste
+et bouton restent carrés, comme arbitré le 25/08. Sous `zv-arrondi`, la
+piste passe en gélule et le bouton en rond. Deux tokens à part,
+`--r-switch` et `--r-switch-knob`, nuls hors de l'option : le rayon des
+autres composants (3 px pour `--r-pill`) ne convient pas à une piste de
+20 px, qui ne se lirait alors ni carrée ni ronde. Dans une app arrondie,
+un interrupteur carré était le seul angle vif de l'écran : il se lisait
+comme une erreur, pas comme un choix.
+
+La tuile d'icône (`IconTile`) suit aussi `--r-pill`, nul par défaut : même
+raison, dans une app arrondie elle était la seule boîte carrée d'une carte.
+
+### Les logos des partenaires
+
+Entrée séparée `@zevra/ui/react/partenaires`, sur le modèle des clients :
+les fichiers dans `logos/partenaires/` (provenance de chacun dans
+`index.json`), inlinés par `scripts/build-partenaires-data.mjs`. À la
+différence des clients, ils restent EN COULEUR : c'est la marque de
+l'éditeur, elle ne se recolore pas.
+
+`LogoPartenaire` reprend le gabarit d'`IconTile` (40×40, même filet), sur
+blanc : la teinte indigo pâle aurait sali les couleurs de la marque. Le logo
+occupe 60 % de la tuile ; une icône d'application à fond plein (Henrri) la
+couvre entière. Un produit Zevra branché comme service (Mémoire) passe son
+glyphe par `src`, depuis `@zevra/ui/glyphes` : jamais une image de l'app.
+
+Cinq marques au départ : Microsoft, Google, DocuSign, Henrri, Maileva.
+Universign n'y est pas : universign.com renvoie désormais vers Signaturit,
+et poser le logo d'une autre marque serait un faux. Un service sans logo
+garde son `IconTile` : on n'invente pas de marque.

package/dist/css-inline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAsmpT,CAAA;AAEhopT;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAk4B,CAAA"}
+{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAg4tT,CAAA;AAE15tT;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAk4B,CAAA"}