@zevra/ui 0.9.0 → 0.10.0

package/react/surfaces.tsx

@@ -143,20 +143,25 @@ export type Animation =
   | 'dot-active'
   | 'progress'
 
-/** Les neuf animations du paquet, nommées. ⚠️ Elles sont pilotées AU
- *  DÉFILEMENT et réservées à la vitrine : le chrome applicatif n'anime rien.
- *  `prefers-reduced-motion` les coupe toutes, globalement, depuis base.css.
+/** Les neuf animations du paquet, nommées — plus un dosage. ⚠️ Elles sont
+ *  pilotées AU DÉFILEMENT et réservées à la vitrine : le chrome applicatif
+ *  n'anime rien. `prefers-reduced-motion` les coupe toutes, globalement,
+ *  depuis base.css.
  *
- *  `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6) ou
+ *  `option` échelonne les entrées d'une même rangée (`pop`, rangs 2 à 6),
  *  donne le coin d'arrivée (`converge` : tr, bl, br — le défaut vient du
- *  haut-gauche). Passée à une autre animation, elle est ignorée. */
+ *  haut-gauche), ou DOSE l'entrée (`rise` + « doux » : douze pixels au
+ *  lieu de trente-deux, pour les blocs des pages intérieures — la home
+ *  garde l'entrée pleine). Passée à une autre animation, elle est
+ *  ignorée. */
 export function anim(
   nom: Animation,
-  option?: 2 | 3 | 4 | 5 | 6 | 'tr' | 'bl' | 'br',
+  option?: 2 | 3 | 4 | 5 | 6 | 'tr' | 'bl' | 'br' | 'doux',
 ): string {
   if (nom === 'pop' && typeof option === 'number') return `zv-anim-pop zv-anim-pop--${option}`
-  if (nom === 'converge' && typeof option === 'string')
+  if (nom === 'converge' && (option === 'tr' || option === 'bl' || option === 'br'))
     return `zv-anim-converge zv-anim-converge--${option}`
+  if (nom === 'rise' && option === 'doux') return 'zv-anim-rise zv-anim-rise--doux'
   return `zv-anim-${nom}`
 }
 

package/src/motion.css

@@ -2,7 +2,11 @@
  * Dépend de tokens.css. Relevé dans `maquettes/Motion.html`, qui les nomme
  * et fixe leurs plages de défilement.
  *
- * NEUF, PAS UNE DE PLUS. Les règles de la passation :
+ * NEUF, PAS UNE DE PLUS — plus un DOSAGE. La micro-entrée des blocs
+ * (.zv-anim-rise--doux, arbitrée le 25/08/2026, DECISIONS.md) n'est pas un
+ * dixième mouvement : c'est zv-rise à douze pixels, pour les pages
+ * intérieures où l'entrée pleine de la home lasserait à la longue.
+ * Les règles de la passation :
  *   · un seul type de mouvement par scène, plus le flottement continu ;
  *   · les entrées se font toujours vers le HAUT, jamais latéralement ;
  *   · aucun mouvement sur la typographie une fois posée ;
@@ -85,6 +89,24 @@
     animation-range: contain 10% contain 45%;
   }
 
+  /* 3 bis · Le même mouvement, DOSÉ pour les blocs des pages intérieures :
+   *     douze pixels au lieu de trente-deux, une plage plus courte — le
+   *     bloc est posé avant que l'œil ait fini d'arriver, et une visite
+   *     répétée ne le remarque plus. Se pose AVEC zv-anim-rise, dont il ne
+   *     change que l'amplitude et la plage. La home garde l'entrée
+   *     pleine : c'est elle la signature, le doux est le quotidien. */
+  @keyframes zv-rise-doux {
+    from {
+      opacity: 0;
+      transform: translateY(12px);
+    }
+  }
+
+  .zv-anim-rise--doux {
+    animation-name: zv-rise-doux;
+    animation-range: contain 5% contain 30%;
+  }
+
   /* 4 · Entrée des glyphes produit dans leur scène : montée et grossissement. */
   @keyframes zv-glyph-in {
     from {