@zevra/ui 0.48.0 → 0.49.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 +55 -0
- package/README.md +9 -2
- 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/navigation.css +4 -0
- package/src/tokens.css +15 -0
- package/tokens/index.js +13 -5
package/DECISIONS.md
CHANGED
|
@@ -2138,3 +2138,58 @@ d'une ligne (supprimer un mémo, un taux, une étiquette) sont des
|
|
|
2138
2138
|
repos et lui donne au survol l'encre `--err` sur `--err-soft`, les teintes
|
|
2139
2139
|
de `fantome-danger`. Pas d'aplat : une liste de corbeilles rouges pleines
|
|
2140
2140
|
crierait à chaque ligne survolée. Le désactivé reste inerte.
|
|
2141
|
+
|
|
2142
|
+
---
|
|
2143
|
+
|
|
2144
|
+
## La palette de données, et l'arrondi des liens de colonne (02/11/2026, 0.49.0)
|
|
2145
|
+
|
|
2146
|
+
Remontés de mcp-factory, qui les portait en local (mcp#214) : le premier
|
|
2147
|
+
graphique applicatif de la plateforme (« Appels par jour », barres empilées
|
|
2148
|
+
par source) et la navigation contextuelle sous `zv-arrondi`.
|
|
2149
|
+
|
|
2150
|
+
### La palette de données
|
|
2151
|
+
|
|
2152
|
+
**HORS RELEVÉ**, et elle REMPLACE `serieGraphique`. L'ancienne série, dérivée
|
|
2153
|
+
du spectre (`#5848f8`, `#2f6ef8`, `#14c2f8`, `#8a3af8`, `#b8a8f8`), n'avait
|
|
2154
|
+
jamais servi à un vrai graphique. Passée au validateur de palette
|
|
2155
|
+
catégorielle (fond blanc), elle échoue sur trois points sur cinq :
|
|
2156
|
+
|
|
2157
|
+
- deux voisines indiscernables pour un daltonien (`#2f6ef8` / `#5848f8`,
|
|
2158
|
+
ΔE 3,5 en deutéranopie, contre 8 visés) ;
|
|
2159
|
+
- et indiscernables même en vision normale (ΔE 8,1, sous le plancher de 15) ;
|
|
2160
|
+
- une teinte hors de la bande de clarté (`#b8a8f8`, trop pâle).
|
|
2161
|
+
|
|
2162
|
+
Une série qui ne se distingue pas de sa voisine n'est pas une série : la
|
|
2163
|
+
légende ment. Cinq bleus-violets ne peuvent pas passer, quel que soit
|
|
2164
|
+
l'ordre.
|
|
2165
|
+
|
|
2166
|
+
La nouvelle série tient en cinq teintes catégorielles, dans un ORDRE fixe :
|
|
2167
|
+
`#2a78d6` (bleu), `#eb6834` (orange), `#1baf7a` (vert d'eau), `#eda100`
|
|
2168
|
+
(jaune), `#e87ba4` (rose). L'ordre est le mécanisme : c'est lui qui écarte
|
|
2169
|
+
les voisines (ΔE 9,1 au plus juste pour un daltonien, 19,6 en vision
|
|
2170
|
+
normale). Les tokens `--serie-1` à `--serie-5`, plus `--serie-autres`
|
|
2171
|
+
(`--label`) pour le repli.
|
|
2172
|
+
|
|
2173
|
+
Ce qui ne se négocie pas, et que la couleur ne dit pas seule :
|
|
2174
|
+
|
|
2175
|
+
- **Pas de sixième teinte.** Au-delà de cinq séries, le reste se replie dans
|
|
2176
|
+
« Autres ». Une teinte inventée pour la sixième retombe sur une voisine.
|
|
2177
|
+
- **La couleur suit l'entité, jamais le rang.** Une série garde sa teinte
|
|
2178
|
+
quand un filtre retire les autres.
|
|
2179
|
+
- **Trois teintes (3, 4, 5) passent sous 3:1 sur le blanc** : un graphique
|
|
2180
|
+
qui les emploie porte une légende ET une vue tableau (ou des étiquettes
|
|
2181
|
+
directes). Ce n'est pas une option.
|
|
2182
|
+
- **Le texte reste à l'encre.** Valeurs, légendes et intitulés sont en
|
|
2183
|
+
`--ink` / `--ink-2` ; la pastille porte la couleur.
|
|
2184
|
+
|
|
2185
|
+
Ce n'est PAS le spectre, et ça ne le contredit pas : le spectre garde ses
|
|
2186
|
+
trois emplois (filet de kicker, barre de progression, points de méthode).
|
|
2187
|
+
Une série de données n'est ni l'un ni l'autre.
|
|
2188
|
+
|
|
2189
|
+
### Le lien de colonne prend le rayon d'action
|
|
2190
|
+
|
|
2191
|
+
`.zv-sidelink` n'avait pas de `border-radius`. Sous `zv-arrondi`, c'était
|
|
2192
|
+
le seul élément actionnable resté carré : son fond de survol et d'entrée
|
|
2193
|
+
active tranchait à angle vif au milieu de boutons et de champs arrondis. Il
|
|
2194
|
+
prend `--r-btn`, l'intention « ce qu'on actionne ». À zéro par défaut :
|
|
2195
|
+
rien ne change pour une app à angle vif.
|
package/README.md
CHANGED
|
@@ -167,12 +167,19 @@ Pour ce qui ne peut pas lire une variable CSS : graphes, images générées,
|
|
|
167
167
|
gabarits d'e-mail :
|
|
168
168
|
|
|
169
169
|
```js
|
|
170
|
-
import { couleurs, serieGraphique, polices } from '@zevra/ui'
|
|
170
|
+
import { couleurs, serieGraphique, serieAutres, polices } from '@zevra/ui'
|
|
171
171
|
|
|
172
172
|
couleurs.accent // '#2a2aa8'
|
|
173
|
-
serieGraphique //
|
|
173
|
+
serieGraphique // cinq teintes de données, dans l'ordre (= --serie-1 à --serie-5)
|
|
174
|
+
serieAutres // le repli « Autres » (= --serie-autres)
|
|
174
175
|
```
|
|
175
176
|
|
|
177
|
+
En CSS, les séries d'un graphique se lisent sur `--serie-1` à `--serie-5` et
|
|
178
|
+
`--serie-autres`. Trois règles : jamais de sixième teinte (repli dans
|
|
179
|
+
« Autres »), la couleur suit l'entité et non son rang, et un graphique qui les
|
|
180
|
+
emploie porte une légende ET une vue tableau (trois teintes passent sous 3:1
|
|
181
|
+
sur le blanc). Voir DECISIONS.md, « La palette de données ».
|
|
182
|
+
|
|
176
183
|
C'est un **miroir** de `tokens.css`, pas une seconde source. Un test échoue si
|
|
177
184
|
les deux divergent.
|
|
178
185
|
|
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,MAAonoT,CAAA;AAE9ooT;;;yBAGyB;AACzB,eAAO,MAAM,WAAW,EAAE,MAAk4B,CAAA"}
|