@zevra/ui 0.11.0 → 0.12.1

package/DECISIONS.md

@@ -588,3 +588,31 @@ jamais les deux.
 feedback.css refuse explicitement icône et illustration dans l'écran
 d'absence (« exactement les trois ajouts qu'un état vide attire »). Ce
 refus est argumenté et écrit : il tient, la fournée ne le rouvre pas.
+
+## Les entrées ne se rejouent pas (26/08/2026, 0.12.0)
+
+Constat d'usage sur le site vitrine : les entrées pilotées par
+`animation-timeline: view()` rejouaient À L'ENVERS dès que le lecteur
+remontait — les vidéos, les cartes d'articles, les grilles entières
+disparaissaient sous ses yeux, y compris en pleine lecture d'un article. Et
+une grille haute, jamais « contenue » dans le viewport, n'atteignait jamais
+son état posé : la section paraissait vide.
+
+Arbitrage : **une révélation par visite**. Les sept entrées deviennent des
+animations temporelles courtes, armées par `html.zv-motion` (posé par
+`motion.js`, importable en `@zevra/ui/motion.js`) et libérées par `.zv-in`
+à l'entrée au viewport — une fois, puis plus jamais. Sans JavaScript, rien
+n'est armé : la page s'affiche complète, même dégradation douce qu'avant.
+Les @keyframes remontent au niveau racine pour qu'un échafaudage de scènes
+(l'expérience épinglée d'une home) puisse les re-brancher sur ses timelines
+nommées : il pose `data-zv-motion-skip` sur ses scènes et motion.js n'y
+touche pas.
+
+Ce qui RESTE scroll-piloté, et doit le rester : la barre de progression
+(`zv-anim-progress`) et le point d'étape (`zv-anim-dot-active`) — suivre la
+position de lecture est leur raison d'être, avancer et reculer avec elle
+est leur contrat.
+
+Corrigé du même mouvement : dans `.zv-band`, l'emphase `strong` de
+zv-body/zv-lead posait l'encre (--ink) sur le navy — invisible. Elle hérite
+désormais de la couleur ambiante, la graisse seule la distingue.

package/README.md

@@ -150,9 +150,16 @@ Les règles de la passation : une seule courbe, un seul type de mouvement par
 scène, des entrées toujours vers le haut, et **aucun mouvement sur la
 typographie une fois posée**.
 
-Les entrées ne sont déclarées que dans un bloc `@supports` : sans
-`animation-timeline`, la page s'affiche complète plutôt que vide. Un seul
-media query neutralise les neuf pour `prefers-reduced-motion`.
+Les entrées se jouent **une fois par visite** (0.12.0) : elles sont armées
+par `html.zv-motion` et libérées à l'entrée au viewport par `motion.js` —
+`import '@zevra/ui/motion.js'` une fois par page, et rien d'autre à faire.
+Remonter la page ne défait rien : l'ancien pilotage `view()` rejouait les
+entrées à l'envers sous le lecteur. Sans JavaScript, rien n'est armé et la
+page s'affiche complète. Un échafaudage de scènes scroll-pilotées pose
+`data-zv-motion-skip` sur ses scènes et re-branche les @keyframes sur ses
+timelines nommées. Seuls `zv-anim-progress` et `zv-anim-dot-active` restent
+au défilement — suivre la lecture est leur métier. Un seul media query
+neutralise les neuf pour `prefers-reduced-motion`.
 
 ### Les tokens en JavaScript
 

package/demo/index.html

@@ -7,6 +7,7 @@
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
 <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Outfit:wght@200;300;400;500;600&family=Public+Sans:wght@400;600&family=Space+Grotesk:wght@500;600;700&display=swap">
 <link rel="stylesheet" href="../src/index.css">
+<script src="../src/motion.js" defer></script>
 <style>
   /* Propre à la planche : elle n'appartient pas au système. */
   .demo-sec { padding-top: 72px; }

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,MAAklgO,CAAA;AAE5mgO;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}
+{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAghnO,CAAA;AAE1inO;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}