@zevra/ui 0.3.1 → 0.4.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.
Files changed (64) hide show
  1. package/DECISIONS.md +25 -0
  2. package/README.md +36 -10
  3. package/logos/index.json +10 -500
  4. package/package.json +1 -1
  5. package/src/overlays.css +20 -4
  6. package/logos/png/campus-glyph-ink.png +0 -0
  7. package/logos/png/campus-glyph-white.png +0 -0
  8. package/logos/png/campus-lockup.png +0 -0
  9. package/logos/png/lexform-glyph-ink.png +0 -0
  10. package/logos/png/lexform-glyph-white.png +0 -0
  11. package/logos/png/lexform-lockup.png +0 -0
  12. package/logos/png/mcp-glyph-ink.png +0 -0
  13. package/logos/png/mcp-glyph-white.png +0 -0
  14. package/logos/png/mcp-lockup.png +0 -0
  15. package/logos/png/memoire-dark.png +0 -0
  16. package/logos/png/memoire-glyph-ink.png +0 -0
  17. package/logos/png/memoire-glyph-white.png +0 -0
  18. package/logos/png/memoire-lockup.png +0 -0
  19. package/logos/png/zevra-lockup-ink.png +0 -0
  20. package/logos/png/zevra-lockup-white.png +0 -0
  21. package/logos/png/zevra-lockup.png +0 -0
  22. package/logos/png/zevra-mark-ink.png +0 -0
  23. package/logos/png/zevra-mark-white.png +0 -0
  24. package/logos/png/zevra-mark.png +0 -0
  25. package/logos/svg/campus-glyph-ink.svg +0 -1
  26. package/logos/svg/campus-glyph-navy.svg +0 -1
  27. package/logos/svg/campus-glyph-orig.svg +0 -1
  28. package/logos/svg/campus-glyph-white.svg +0 -1
  29. package/logos/svg/campus-lockup-ink.svg +0 -1
  30. package/logos/svg/campus-lockup-navy.svg +0 -1
  31. package/logos/svg/campus-lockup-orig.svg +0 -1
  32. package/logos/svg/campus-lockup-white.svg +0 -1
  33. package/logos/svg/lexform-glyph-ink.svg +0 -1
  34. package/logos/svg/lexform-glyph-navy.svg +0 -1
  35. package/logos/svg/lexform-glyph-orig.svg +0 -1
  36. package/logos/svg/lexform-glyph-white.svg +0 -1
  37. package/logos/svg/lexform-lockup-ink.svg +0 -1
  38. package/logos/svg/lexform-lockup-navy.svg +0 -1
  39. package/logos/svg/lexform-lockup-orig.svg +0 -1
  40. package/logos/svg/lexform-lockup-white.svg +0 -1
  41. package/logos/svg/mcp-glyph-ink.svg +0 -1
  42. package/logos/svg/mcp-glyph-navy.svg +0 -1
  43. package/logos/svg/mcp-glyph-orig.svg +0 -1
  44. package/logos/svg/mcp-glyph-white.svg +0 -1
  45. package/logos/svg/mcp-lockup-ink.svg +0 -1
  46. package/logos/svg/mcp-lockup-navy.svg +0 -1
  47. package/logos/svg/mcp-lockup-orig.svg +0 -1
  48. package/logos/svg/mcp-lockup-white.svg +0 -1
  49. package/logos/svg/memoire-glyph-ink.svg +0 -1
  50. package/logos/svg/memoire-glyph-navy.svg +0 -1
  51. package/logos/svg/memoire-glyph-orig.svg +0 -1
  52. package/logos/svg/memoire-glyph-white.svg +0 -1
  53. package/logos/svg/memoire-lockup-ink.svg +0 -1
  54. package/logos/svg/memoire-lockup-navy.svg +0 -1
  55. package/logos/svg/memoire-lockup-orig.svg +0 -1
  56. package/logos/svg/memoire-lockup-white.svg +0 -1
  57. package/logos/svg/zevra-lockup-ink.svg +0 -1
  58. package/logos/svg/zevra-lockup-navy.svg +0 -1
  59. package/logos/svg/zevra-lockup-orig.svg +0 -1
  60. package/logos/svg/zevra-lockup-white.svg +0 -1
  61. package/logos/svg/zevra-mark-ink.svg +0 -1
  62. package/logos/svg/zevra-mark-navy.svg +0 -1
  63. package/logos/svg/zevra-mark-orig.svg +0 -1
  64. package/logos/svg/zevra-mark-white.svg +0 -1
package/DECISIONS.md CHANGED
@@ -210,6 +210,31 @@ Aucun jeu d'onglets non plus : une rangée d'onglets se construit avec
210
210
  `.zv-seg-group` et `.zv-seg`. Un onglet **souligné** reste à faire — il
211
211
  suppose d'arbitrer la couleur et l'épaisseur du trait actif.
212
212
 
213
+ ## Les logos, ramenés à cinq
214
+
215
+ Le paquet livrait 40 déclinaisons vectorielles et 24 rendus. Il n'en porte
216
+ plus que **cinq** : les rendus couleur des glyphes Campus, Lexform, MCP,
217
+ Mémoire et de la marque Zevra.
218
+
219
+ Les déclinaisons ont été retirées parce qu'elles ne suivaient plus les
220
+ marques. Le cas de Mémoire le montrait sans discussion : `memoire-glyph-navy`
221
+ et ses quatre lockups portaient encore un logo abandonné — une forme de ruban
222
+ plié — quand `ink`, `white` et `orig` portaient déjà le M actuel. Deux
223
+ marques cohabitaient dans la même galerie, et rien ne disait laquelle était
224
+ la bonne.
225
+
226
+ Ce que cela coûte, et qui reste à refaire :
227
+
228
+ - **les versions monochromes** (encre et blanc), que la charte impose sous
229
+ 24 px ;
230
+ - **les lockups** avec wordmark, pour les barres de navigation et les pieds
231
+ de page ;
232
+ - **l'inlinage vectoriel**. Un PNG s'inline en data-URI — l'admin la donne —
233
+ mais c'est 150 ko de texte là où un SVG en faisait 4.
234
+
235
+ Les fichiers retirés restent dans l'historique du dépôt : rien n'est perdu,
236
+ tout est à refaire proprement depuis les marques actuelles.
237
+
213
238
  ## Écarté du paquet
214
239
 
215
240
  Ce que le relevé recense mais que le paquet ne livre pas, faute d'usage hors
package/README.md CHANGED
@@ -111,20 +111,29 @@ les deux divergent.
111
111
 
112
112
  ### Les logos
113
113
 
114
- `logos/index.json` décrit les 40 fichiers : produit, forme, nuance, et surtout
115
- **sur quel fond chacun se pose**.
114
+ `logos/index.json` décrit les cinq marques : produit, forme, nuance et fond de
115
+ destination.
116
+
117
+ Depuis le 24/08/2026, le paquet ne livre plus que les **rendus couleur** des
118
+ cinq glyphes. Les déclinaisons vectorielles — encre, navy, blanc, et les
119
+ lockups — ont été retirées : elles ne suivaient plus les marques, et celle de
120
+ Mémoire portait encore un logo abandonné.
116
121
 
117
122
  ```js
118
123
  import index from '@zevra/ui/logos/index.json'
119
124
  ```
120
125
 
121
- Nommage : `<produit>-<forme>-<nuance>.svg` — par exemple
122
- `campus-lockup-navy.svg`. Produits : `zevra`, `campus`, `lexform`, `mcp`,
123
- `memoire`. Formes : `glyph`, `lockup`, `mark` (Zevra). Nuances : `ink`, `navy`,
124
- `white`, `orig`.
126
+ Nommage : `<produit>-<forme>-<nuance>.png` — par exemple
127
+ `campus-glyph-orig.png`. Produits : `zevra`, `campus`, `lexform`, `mcp`,
128
+ `memoire`. Formes : `glyph`, `mark` (Zevra). Nuance : `orig`.
129
+
130
+ Ce sont des **rendus matriciels de 512 px**. Ils tiennent jusqu'à ~380 px
131
+ d'affichage ; au-delà ils flouteront. Pour les inliner dans un canvas où les
132
+ ressources distantes sont interdites, l'admin en donne la data-URI.
125
133
 
126
- Les SVG sont **autonomes** (aucune ressource externe, ~4 Ko) : ils s'inlinent
127
- partout, y compris là où les images distantes sont interdites.
134
+ ⚠️ **Ce qui manque, et qu'il faudra refaire** : les versions monochromes
135
+ (encre et blanc) et les lockups avec wordmark. La charte les impose — blanc
136
+ sur navy, mono sous 24 px — mais le paquet ne les porte plus.
128
137
 
129
138
  ## Polices
130
139
 
@@ -143,6 +152,23 @@ maquettes, où la simplicité prime.
143
152
 
144
153
  ---
145
154
 
155
+ ## Ouvrir un enrobage
156
+
157
+ Tiroir et modale s'ouvrent par un état porté sur le conteneur. Deux écritures
158
+ équivalentes, selon le gabarit :
159
+
160
+ ```html
161
+ <div class="zv-drawer" data-open> <!-- HTML, Astro -->
162
+ <div class="zv-drawer zv-drawer--open"> <!-- React, Vue -->
163
+ ```
164
+
165
+ ⚠️ En React, **ne pas écrire `data-open={ouvert}`** : il rend
166
+ `data-open="false"`, que le sélecteur d'attribut considère comme présent — le
167
+ panneau resterait ouvert. C'est précisément pour cela que la variante en
168
+ classe existe.
169
+
170
+ Fermer sur Échap relève du gabarit : le CSS ne sait pas le faire.
171
+
146
172
  ## Les règles qui ne se négocient pas
147
173
 
148
174
  Elles viennent de la passation. Les ignorer produit du « presque Zevra », qui
@@ -164,8 +190,8 @@ un kicker), la barre de progression, les points de la méthode. Jamais en fond,
164
190
  jamais en texte.
165
191
 
166
192
  **Les logos ne se retouchent pas** : ni recoloration, ni resaturation, ni
167
- inclinaison. Sur navy, utiliser les versions blanches. Sous 24 px, passer en
168
- mono. Zone de protection X/2 ; hauteur de capitale du wordmark = 0,30 × glyphe.
193
+ inclinaison. Zone de protection X/2 ; hauteur de capitale du wordmark
194
+ = 0,30 × glyphe.
169
195
 
170
196
  **Le système est clair par nature.** Une surface sombre se fait avec
171
197
  `--manifeste` et `--accent-on-dark`, pas en inversant les neutres : les
package/logos/index.json CHANGED
@@ -35,34 +35,6 @@
35
35
  }
36
36
  },
37
37
  "logos": [
38
- {
39
- "id": "campus-glyph-ink",
40
- "produit": "campus",
41
- "produitLabel": "Campus",
42
- "forme": "glyph",
43
- "formeLabel": "Glyphe",
44
- "nuance": "ink",
45
- "nuanceLabel": "Encre",
46
- "fond": "clair",
47
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
48
- "svg": "logos/svg/campus-glyph-ink.svg",
49
- "png": "logos/png/campus-glyph-ink.png",
50
- "octets": 1176
51
- },
52
- {
53
- "id": "campus-glyph-navy",
54
- "produit": "campus",
55
- "produitLabel": "Campus",
56
- "forme": "glyph",
57
- "formeLabel": "Glyphe",
58
- "nuance": "navy",
59
- "nuanceLabel": "Navy",
60
- "fond": "clair",
61
- "usage": "Fonds clairs, quand l’encre manque de présence.",
62
- "svg": "logos/svg/campus-glyph-navy.svg",
63
- "png": null,
64
- "octets": 1179
65
- },
66
38
  {
67
39
  "id": "campus-glyph-orig",
68
40
  "produit": "campus",
@@ -73,107 +45,9 @@
73
45
  "nuanceLabel": "Original",
74
46
  "fond": "clair",
75
47
  "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
76
- "svg": "logos/svg/campus-glyph-orig.svg",
48
+ "svg": null,
77
49
  "png": "logos/png/campus-glyph-orig.png",
78
- "octets": 1179
79
- },
80
- {
81
- "id": "campus-glyph-white",
82
- "produit": "campus",
83
- "produitLabel": "Campus",
84
- "forme": "glyph",
85
- "formeLabel": "Glyphe",
86
- "nuance": "white",
87
- "nuanceLabel": "Blanc",
88
- "fond": "sombre",
89
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
90
- "svg": "logos/svg/campus-glyph-white.svg",
91
- "png": "logos/png/campus-glyph-white.png",
92
- "octets": 1176
93
- },
94
- {
95
- "id": "campus-lockup-ink",
96
- "produit": "campus",
97
- "produitLabel": "Campus",
98
- "forme": "lockup",
99
- "formeLabel": "Lockup",
100
- "nuance": "ink",
101
- "nuanceLabel": "Encre",
102
- "fond": "clair",
103
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
104
- "svg": "logos/svg/campus-lockup-ink.svg",
105
- "png": null,
106
- "octets": 2454
107
- },
108
- {
109
- "id": "campus-lockup-navy",
110
- "produit": "campus",
111
- "produitLabel": "Campus",
112
- "forme": "lockup",
113
- "formeLabel": "Lockup",
114
- "nuance": "navy",
115
- "nuanceLabel": "Navy",
116
- "fond": "clair",
117
- "usage": "Fonds clairs, quand l’encre manque de présence.",
118
- "svg": "logos/svg/campus-lockup-navy.svg",
119
- "png": null,
120
- "octets": 2457
121
- },
122
- {
123
- "id": "campus-lockup-orig",
124
- "produit": "campus",
125
- "produitLabel": "Campus",
126
- "forme": "lockup",
127
- "formeLabel": "Lockup",
128
- "nuance": "orig",
129
- "nuanceLabel": "Original",
130
- "fond": "clair",
131
- "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
132
- "svg": "logos/svg/campus-lockup-orig.svg",
133
- "png": null,
134
- "octets": 2457
135
- },
136
- {
137
- "id": "campus-lockup-white",
138
- "produit": "campus",
139
- "produitLabel": "Campus",
140
- "forme": "lockup",
141
- "formeLabel": "Lockup",
142
- "nuance": "white",
143
- "nuanceLabel": "Blanc",
144
- "fond": "sombre",
145
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
146
- "svg": "logos/svg/campus-lockup-white.svg",
147
- "png": null,
148
- "octets": 2454
149
- },
150
- {
151
- "id": "lexform-glyph-ink",
152
- "produit": "lexform",
153
- "produitLabel": "Lexform",
154
- "forme": "glyph",
155
- "formeLabel": "Glyphe",
156
- "nuance": "ink",
157
- "nuanceLabel": "Encre",
158
- "fond": "clair",
159
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
160
- "svg": "logos/svg/lexform-glyph-ink.svg",
161
- "png": "logos/png/lexform-glyph-ink.png",
162
- "octets": 1286
163
- },
164
- {
165
- "id": "lexform-glyph-navy",
166
- "produit": "lexform",
167
- "produitLabel": "Lexform",
168
- "forme": "glyph",
169
- "formeLabel": "Glyphe",
170
- "nuance": "navy",
171
- "nuanceLabel": "Navy",
172
- "fond": "clair",
173
- "usage": "Fonds clairs, quand l’encre manque de présence.",
174
- "svg": "logos/svg/lexform-glyph-navy.svg",
175
- "png": null,
176
- "octets": 1292
50
+ "octets": 121723
177
51
  },
178
52
  {
179
53
  "id": "lexform-glyph-orig",
@@ -185,107 +59,9 @@
185
59
  "nuanceLabel": "Original",
186
60
  "fond": "clair",
187
61
  "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
188
- "svg": "logos/svg/lexform-glyph-orig.svg",
62
+ "svg": null,
189
63
  "png": "logos/png/lexform-glyph-orig.png",
190
- "octets": 1292
191
- },
192
- {
193
- "id": "lexform-glyph-white",
194
- "produit": "lexform",
195
- "produitLabel": "Lexform",
196
- "forme": "glyph",
197
- "formeLabel": "Glyphe",
198
- "nuance": "white",
199
- "nuanceLabel": "Blanc",
200
- "fond": "sombre",
201
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
202
- "svg": "logos/svg/lexform-glyph-white.svg",
203
- "png": "logos/png/lexform-glyph-white.png",
204
- "octets": 1286
205
- },
206
- {
207
- "id": "lexform-lockup-ink",
208
- "produit": "lexform",
209
- "produitLabel": "Lexform",
210
- "forme": "lockup",
211
- "formeLabel": "Lockup",
212
- "nuance": "ink",
213
- "nuanceLabel": "Encre",
214
- "fond": "clair",
215
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
216
- "svg": "logos/svg/lexform-lockup-ink.svg",
217
- "png": null,
218
- "octets": 2736
219
- },
220
- {
221
- "id": "lexform-lockup-navy",
222
- "produit": "lexform",
223
- "produitLabel": "Lexform",
224
- "forme": "lockup",
225
- "formeLabel": "Lockup",
226
- "nuance": "navy",
227
- "nuanceLabel": "Navy",
228
- "fond": "clair",
229
- "usage": "Fonds clairs, quand l’encre manque de présence.",
230
- "svg": "logos/svg/lexform-lockup-navy.svg",
231
- "png": null,
232
- "octets": 2742
233
- },
234
- {
235
- "id": "lexform-lockup-orig",
236
- "produit": "lexform",
237
- "produitLabel": "Lexform",
238
- "forme": "lockup",
239
- "formeLabel": "Lockup",
240
- "nuance": "orig",
241
- "nuanceLabel": "Original",
242
- "fond": "clair",
243
- "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
244
- "svg": "logos/svg/lexform-lockup-orig.svg",
245
- "png": null,
246
- "octets": 2742
247
- },
248
- {
249
- "id": "lexform-lockup-white",
250
- "produit": "lexform",
251
- "produitLabel": "Lexform",
252
- "forme": "lockup",
253
- "formeLabel": "Lockup",
254
- "nuance": "white",
255
- "nuanceLabel": "Blanc",
256
- "fond": "sombre",
257
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
258
- "svg": "logos/svg/lexform-lockup-white.svg",
259
- "png": null,
260
- "octets": 2736
261
- },
262
- {
263
- "id": "mcp-glyph-ink",
264
- "produit": "mcp",
265
- "produitLabel": "MCP Juridique",
266
- "forme": "glyph",
267
- "formeLabel": "Glyphe",
268
- "nuance": "ink",
269
- "nuanceLabel": "Encre",
270
- "fond": "clair",
271
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
272
- "svg": "logos/svg/mcp-glyph-ink.svg",
273
- "png": "logos/png/mcp-glyph-ink.png",
274
- "octets": 1073
275
- },
276
- {
277
- "id": "mcp-glyph-navy",
278
- "produit": "mcp",
279
- "produitLabel": "MCP Juridique",
280
- "forme": "glyph",
281
- "formeLabel": "Glyphe",
282
- "nuance": "navy",
283
- "nuanceLabel": "Navy",
284
- "fond": "clair",
285
- "usage": "Fonds clairs, quand l’encre manque de présence.",
286
- "svg": "logos/svg/mcp-glyph-navy.svg",
287
- "png": null,
288
- "octets": 1073
64
+ "octets": 91755
289
65
  },
290
66
  {
291
67
  "id": "mcp-glyph-orig",
@@ -297,107 +73,9 @@
297
73
  "nuanceLabel": "Original",
298
74
  "fond": "clair",
299
75
  "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
300
- "svg": "logos/svg/mcp-glyph-orig.svg",
76
+ "svg": null,
301
77
  "png": "logos/png/mcp-glyph-orig.png",
302
- "octets": 1073
303
- },
304
- {
305
- "id": "mcp-glyph-white",
306
- "produit": "mcp",
307
- "produitLabel": "MCP Juridique",
308
- "forme": "glyph",
309
- "formeLabel": "Glyphe",
310
- "nuance": "white",
311
- "nuanceLabel": "Blanc",
312
- "fond": "sombre",
313
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
314
- "svg": "logos/svg/mcp-glyph-white.svg",
315
- "png": "logos/png/mcp-glyph-white.png",
316
- "octets": 1073
317
- },
318
- {
319
- "id": "mcp-lockup-ink",
320
- "produit": "mcp",
321
- "produitLabel": "MCP Juridique",
322
- "forme": "lockup",
323
- "formeLabel": "Lockup",
324
- "nuance": "ink",
325
- "nuanceLabel": "Encre",
326
- "fond": "clair",
327
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
328
- "svg": "logos/svg/mcp-lockup-ink.svg",
329
- "png": null,
330
- "octets": 3488
331
- },
332
- {
333
- "id": "mcp-lockup-navy",
334
- "produit": "mcp",
335
- "produitLabel": "MCP Juridique",
336
- "forme": "lockup",
337
- "formeLabel": "Lockup",
338
- "nuance": "navy",
339
- "nuanceLabel": "Navy",
340
- "fond": "clair",
341
- "usage": "Fonds clairs, quand l’encre manque de présence.",
342
- "svg": "logos/svg/mcp-lockup-navy.svg",
343
- "png": null,
344
- "octets": 3488
345
- },
346
- {
347
- "id": "mcp-lockup-orig",
348
- "produit": "mcp",
349
- "produitLabel": "MCP Juridique",
350
- "forme": "lockup",
351
- "formeLabel": "Lockup",
352
- "nuance": "orig",
353
- "nuanceLabel": "Original",
354
- "fond": "clair",
355
- "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
356
- "svg": "logos/svg/mcp-lockup-orig.svg",
357
- "png": null,
358
- "octets": 3488
359
- },
360
- {
361
- "id": "mcp-lockup-white",
362
- "produit": "mcp",
363
- "produitLabel": "MCP Juridique",
364
- "forme": "lockup",
365
- "formeLabel": "Lockup",
366
- "nuance": "white",
367
- "nuanceLabel": "Blanc",
368
- "fond": "sombre",
369
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
370
- "svg": "logos/svg/mcp-lockup-white.svg",
371
- "png": null,
372
- "octets": 3488
373
- },
374
- {
375
- "id": "memoire-glyph-ink",
376
- "produit": "memoire",
377
- "produitLabel": "Mémoire",
378
- "forme": "glyph",
379
- "formeLabel": "Glyphe",
380
- "nuance": "ink",
381
- "nuanceLabel": "Encre",
382
- "fond": "clair",
383
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
384
- "svg": "logos/svg/memoire-glyph-ink.svg",
385
- "png": "logos/png/memoire-glyph-ink.png",
386
- "octets": 2650
387
- },
388
- {
389
- "id": "memoire-glyph-navy",
390
- "produit": "memoire",
391
- "produitLabel": "Mémoire",
392
- "forme": "glyph",
393
- "formeLabel": "Glyphe",
394
- "nuance": "navy",
395
- "nuanceLabel": "Navy",
396
- "fond": "clair",
397
- "usage": "Fonds clairs, quand l’encre manque de présence.",
398
- "svg": "logos/svg/memoire-glyph-navy.svg",
399
- "png": null,
400
- "octets": 2662
78
+ "octets": 118930
401
79
  },
402
80
  {
403
81
  "id": "memoire-glyph-orig",
@@ -409,163 +87,9 @@
409
87
  "nuanceLabel": "Original",
410
88
  "fond": "clair",
411
89
  "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
412
- "svg": "logos/svg/memoire-glyph-orig.svg",
90
+ "svg": null,
413
91
  "png": "logos/png/memoire-glyph-orig.png",
414
- "octets": 2662
415
- },
416
- {
417
- "id": "memoire-glyph-white",
418
- "produit": "memoire",
419
- "produitLabel": "Mémoire",
420
- "forme": "glyph",
421
- "formeLabel": "Glyphe",
422
- "nuance": "white",
423
- "nuanceLabel": "Blanc",
424
- "fond": "sombre",
425
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
426
- "svg": "logos/svg/memoire-glyph-white.svg",
427
- "png": "logos/png/memoire-glyph-white.png",
428
- "octets": 2650
429
- },
430
- {
431
- "id": "memoire-lockup-ink",
432
- "produit": "memoire",
433
- "produitLabel": "Mémoire",
434
- "forme": "lockup",
435
- "formeLabel": "Lockup",
436
- "nuance": "ink",
437
- "nuanceLabel": "Encre",
438
- "fond": "clair",
439
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
440
- "svg": "logos/svg/memoire-lockup-ink.svg",
441
- "png": null,
442
- "octets": 4119
443
- },
444
- {
445
- "id": "memoire-lockup-navy",
446
- "produit": "memoire",
447
- "produitLabel": "Mémoire",
448
- "forme": "lockup",
449
- "formeLabel": "Lockup",
450
- "nuance": "navy",
451
- "nuanceLabel": "Navy",
452
- "fond": "clair",
453
- "usage": "Fonds clairs, quand l’encre manque de présence.",
454
- "svg": "logos/svg/memoire-lockup-navy.svg",
455
- "png": null,
456
- "octets": 4131
457
- },
458
- {
459
- "id": "memoire-lockup-orig",
460
- "produit": "memoire",
461
- "produitLabel": "Mémoire",
462
- "forme": "lockup",
463
- "formeLabel": "Lockup",
464
- "nuance": "orig",
465
- "nuanceLabel": "Original",
466
- "fond": "clair",
467
- "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
468
- "svg": "logos/svg/memoire-lockup-orig.svg",
469
- "png": null,
470
- "octets": 4131
471
- },
472
- {
473
- "id": "memoire-lockup-white",
474
- "produit": "memoire",
475
- "produitLabel": "Mémoire",
476
- "forme": "lockup",
477
- "formeLabel": "Lockup",
478
- "nuance": "white",
479
- "nuanceLabel": "Blanc",
480
- "fond": "sombre",
481
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
482
- "svg": "logos/svg/memoire-lockup-white.svg",
483
- "png": null,
484
- "octets": 4119
485
- },
486
- {
487
- "id": "zevra-lockup-ink",
488
- "produit": "zevra",
489
- "produitLabel": "Zevra",
490
- "forme": "lockup",
491
- "formeLabel": "Lockup",
492
- "nuance": "ink",
493
- "nuanceLabel": "Encre",
494
- "fond": "clair",
495
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
496
- "svg": "logos/svg/zevra-lockup-ink.svg",
497
- "png": "logos/png/zevra-lockup-ink.png",
498
- "octets": 2700
499
- },
500
- {
501
- "id": "zevra-lockup-navy",
502
- "produit": "zevra",
503
- "produitLabel": "Zevra",
504
- "forme": "lockup",
505
- "formeLabel": "Lockup",
506
- "nuance": "navy",
507
- "nuanceLabel": "Navy",
508
- "fond": "clair",
509
- "usage": "Fonds clairs, quand l’encre manque de présence.",
510
- "svg": "logos/svg/zevra-lockup-navy.svg",
511
- "png": null,
512
- "octets": 2709
513
- },
514
- {
515
- "id": "zevra-lockup-orig",
516
- "produit": "zevra",
517
- "produitLabel": "Zevra",
518
- "forme": "lockup",
519
- "formeLabel": "Lockup",
520
- "nuance": "orig",
521
- "nuanceLabel": "Original",
522
- "fond": "clair",
523
- "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
524
- "svg": "logos/svg/zevra-lockup-orig.svg",
525
- "png": null,
526
- "octets": 2709
527
- },
528
- {
529
- "id": "zevra-lockup-white",
530
- "produit": "zevra",
531
- "produitLabel": "Zevra",
532
- "forme": "lockup",
533
- "formeLabel": "Lockup",
534
- "nuance": "white",
535
- "nuanceLabel": "Blanc",
536
- "fond": "sombre",
537
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
538
- "svg": "logos/svg/zevra-lockup-white.svg",
539
- "png": "logos/png/zevra-lockup-white.png",
540
- "octets": 2700
541
- },
542
- {
543
- "id": "zevra-mark-ink",
544
- "produit": "zevra",
545
- "produitLabel": "Zevra",
546
- "forme": "mark",
547
- "formeLabel": "Marque",
548
- "nuance": "ink",
549
- "nuanceLabel": "Encre",
550
- "fond": "clair",
551
- "usage": "Fonds papier et blancs. Version mono par défaut sous 24 px.",
552
- "svg": "logos/svg/zevra-mark-ink.svg",
553
- "png": "logos/png/zevra-mark-ink.png",
554
- "octets": 1623
555
- },
556
- {
557
- "id": "zevra-mark-navy",
558
- "produit": "zevra",
559
- "produitLabel": "Zevra",
560
- "forme": "mark",
561
- "formeLabel": "Marque",
562
- "nuance": "navy",
563
- "nuanceLabel": "Navy",
564
- "fond": "clair",
565
- "usage": "Fonds clairs, quand l’encre manque de présence.",
566
- "svg": "logos/svg/zevra-mark-navy.svg",
567
- "png": null,
568
- "octets": 1632
92
+ "octets": 77310
569
93
  },
570
94
  {
571
95
  "id": "zevra-mark-orig",
@@ -577,23 +101,9 @@
577
101
  "nuanceLabel": "Original",
578
102
  "fond": "clair",
579
103
  "usage": "Version couleur d’origine. Ne jamais recolorer ni resaturer.",
580
- "svg": "logos/svg/zevra-mark-orig.svg",
104
+ "svg": null,
581
105
  "png": "logos/png/zevra-mark-orig.png",
582
- "octets": 1632
583
- },
584
- {
585
- "id": "zevra-mark-white",
586
- "produit": "zevra",
587
- "produitLabel": "Zevra",
588
- "forme": "mark",
589
- "formeLabel": "Marque",
590
- "nuance": "white",
591
- "nuanceLabel": "Blanc",
592
- "fond": "sombre",
593
- "usage": "Fonds sombres et bande manifeste. Obligatoire sur navy.",
594
- "svg": "logos/svg/zevra-mark-white.svg",
595
- "png": "logos/png/zevra-mark-white.png",
596
- "octets": 1623
106
+ "octets": 128747
597
107
  }
598
108
  ]
599
109
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zevra/ui",
3
- "version": "0.3.1",
3
+ "version": "0.4.0",
4
4
  "description": "Design system Zevra « Encre & Papier » — tokens, CSS des composants et logos officiels.",
5
5
  "license": "UNLICENSED",
6
6
  "private": false,