@zevra/ui 0.29.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/DECISIONS.md +57 -0
- package/dist/css-inline.d.ts.map +1 -1
- package/dist/css-inline.js +1 -1
- package/dist/css-inline.js.map +1 -1
- package/package.json +1 -1
- package/react/css-inline.ts +1 -1
- package/src/layout.css +24 -7
- package/src/rail.js +15 -3
package/DECISIONS.md
CHANGED
|
@@ -1403,3 +1403,60 @@ Le jour où la suite dépasse la douzaine, c'est une autre conversation.
|
|
|
1403
1403
|
Ce qui n'a **pas** été repris de la maquette : les angles arrondis des
|
|
1404
1404
|
tuiles. La suite est passée à l'angle vif le 25/08, partout, et un panneau
|
|
1405
1405
|
d'applications n'est pas une exception.
|
|
1406
|
+
|
|
1407
|
+
## Le drapeau qui se prenait pour un composant (28/08/2026, 0.29.1)
|
|
1408
|
+
|
|
1409
|
+
`rail.js` marquait « déjà armé » en posant `data-zv-rail` sur `<html>` —
|
|
1410
|
+
le nom même de l'attribut qui DÉSIGNE un rail. Son propre sélecteur,
|
|
1411
|
+
`[data-zv-rail]`, ramassait donc `<html>` : **la page entière devenait un
|
|
1412
|
+
rail**.
|
|
1413
|
+
|
|
1414
|
+
Sur une page qui a un vrai rail, cela ne se voyait pas. Sur une page qui
|
|
1415
|
+
n'en a pas — la seule où ça compte — `a[href^="#"]` ramassait tous les
|
|
1416
|
+
liens d'ancre, boutons compris, et le premier recevait
|
|
1417
|
+
`.zv-rail__item--on`. Or cette classe pose `color: var(--accent-deep)` :
|
|
1418
|
+
un appel à l'action indigo sur fond indigo, illisible.
|
|
1419
|
+
|
|
1420
|
+
Constaté sur `/bootcamp` : « Candidater pour octobre » était le premier
|
|
1421
|
+
lien d'ancre de la page.
|
|
1422
|
+
|
|
1423
|
+
Le drapeau s'appelle désormais `data-zv-rail-arme`, et `rails()` écarte
|
|
1424
|
+
explicitement `<html>` et `<body>` — ceinture et bretelles, parce qu'un
|
|
1425
|
+
consommateur peut écrire ce qu'il veut sur la racine.
|
|
1426
|
+
|
|
1427
|
+
Un test garde la classe entière de fautes : dans tout module livré, aucun
|
|
1428
|
+
drapeau posé sur `documentElement.dataset` ne peut porter le nom d'un
|
|
1429
|
+
attribut que le même module utilise comme sélecteur.
|
|
1430
|
+
|
|
1431
|
+
## Le verre revient (28/08/2026, 0.30.0)
|
|
1432
|
+
|
|
1433
|
+
La barre avait perdu son effet de verre. Le voile plat introduit pour
|
|
1434
|
+
régler le titre coupé en deux (mcp-factory) était resté à **92 %** : à
|
|
1435
|
+
cette opacité, ce qui passe dessous n'est plus qu'un fantôme, et le flou
|
|
1436
|
+
ne sert à rien puisqu'il n'y a rien à voir au travers. La barre lisait
|
|
1437
|
+
comme un bandeau blanc.
|
|
1438
|
+
|
|
1439
|
+
Le voile descend à **72 %** et le flou monte à **14 px**. Comparé à
|
|
1440
|
+
l'écran, sur un titre passant sous la barre, à 92, 72 et 60 : 92 ne
|
|
1441
|
+
montre rien, 60 devient bavard, 72 laisse le contenu transparaître
|
|
1442
|
+
franchement tout en gardant les entrées de nav parfaitement nettes.
|
|
1443
|
+
|
|
1444
|
+
⚠️ Les deux valeurs vont ENSEMBLE. Baisser l'opacité sans monter le flou
|
|
1445
|
+
rend la navigation illisible : c'est le flou qui fait le verre, l'opacité
|
|
1446
|
+
ne fait que doser ce qu'on en voit.
|
|
1447
|
+
|
|
1448
|
+
Le prolongement sous la barre (`::after`) part désormais de 72 % lui
|
|
1449
|
+
aussi. Son sommet doit valoir exactement l'opacité de la barre, sinon la
|
|
1450
|
+
jointure fait une marche — d'autant plus visible que la barre est
|
|
1451
|
+
translucide.
|
|
1452
|
+
|
|
1453
|
+
### Ce qui n'est PAS revenu
|
|
1454
|
+
|
|
1455
|
+
Le dégradé sur toute la hauteur de la barre. C'est lui qui coupait un
|
|
1456
|
+
grand titre en deux — moitié voilée, moitié nette, avec les entrées de
|
|
1457
|
+
nav posées sur ses lettres. Le voile reste PLAT derrière la barre : c'est
|
|
1458
|
+
l'uniformité qui règle ce défaut, pas l'opacité. On récupère donc le
|
|
1459
|
+
verre sans rouvrir la panne.
|
|
1460
|
+
|
|
1461
|
+
La référence reste landing.zevra.tech, qui n'a jamais cessé de montrer ce
|
|
1462
|
+
qu'on veut.
|
package/dist/css-inline.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"css-inline.d.ts","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAGA;;;iEAGiE;AACjE,eAAO,MAAM,WAAW,EAAE,MAAgwiR,CAAA;AAE1xiR;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAm4B,CAAA"}
|