@zevra/ui 0.41.0 → 0.42.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/dist/catalogue.js +1 -1
- package/dist/icon-data.d.ts +1 -1
- package/dist/icon-data.d.ts.map +1 -1
- package/dist/icon-data.js +2 -0
- package/dist/icon-data.js.map +1 -1
- package/dist/icon.d.ts +1 -1
- package/dist/icon.js +1 -1
- package/icons/index.json +6 -0
- package/icons/sprite.svg +1 -0
- package/package.json +1 -1
- package/react/catalogue.tsx +1 -1
- package/react/icon-data.ts +3 -0
- package/react/icon.tsx +2 -2
package/dist/catalogue.js
CHANGED
|
@@ -894,7 +894,7 @@ export const CATALOGUE = [
|
|
|
894
894
|
nom: 'Icônes',
|
|
895
895
|
couche: 'commun',
|
|
896
896
|
css: 'icons.css',
|
|
897
|
-
resume: "
|
|
897
|
+
resume: "73 icônes TRACÉES, jamais pleines : trait 2, grille de 24, BOUTS FRANCS et jonctions vives, le trait carré de la charte, points d'encre carrés compris. Elles héritent de la couleur du texte : c'est ce qui leur permet de fonctionner sur papier comme sur la bande manifeste sans déclinaison. Le tracé est inliné : rien à résoudre côté bundler, rien à autoriser côté CSP.",
|
|
898
898
|
exemples: [
|
|
899
899
|
{
|
|
900
900
|
id: 'jeu',
|
package/dist/icon-data.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type IconId = 'accueil' | 'activite' | 'aide' | 'app-couches' | 'applications' | 'archiver' | 'attention' | 'avancer' | 'balance' | 'base-de-donnees' | 'bouclier-verifie' | 'cadenas' | 'cadrer' | 'calendrier' | 'chevron-bas' | 'chevron-droit' | 'chevron-gauche' | 'chevron-haut' | 'citation' | 'coche' | 'copier' | 'corbeille' | 'courriel' | 'cube' | 'deconnexion' | 'depot-fichier' | 'diplome' | 'dossier' | 'eclair' | 'empreinte' | 'envoyer' | 'epingle' | 'equipe' | 'etincelles' | 'etoile' | 'fermer' | 'fichier' | 'filtre' | 'globe' | 'graphique' | 'gras' | 'horloge' | 'image' | 'imprimante' | 'info' | 'italique' | 'lecture' | 'lien-externe' | 'liste-a-puces' | 'livre-ouvert' | 'menu' | 'moins' | 'muet' | 'oeil' | 'oeil-barre' | 'pause' | 'plein-ecran' | 'plus' | 'recherche' | 'registre' | 'reglages' | 'rembobiner' | 'reseau' | 'signet' | 'son' | 'taches' | 'telecharger' | 'telephone' | 'tri' | 'trois-points' | 'utilisateur' | 'video';
|
|
1
|
+
export type IconId = 'accueil' | 'activite' | 'aide' | 'app-couches' | 'applications' | 'archiver' | 'attention' | 'avancer' | 'balance' | 'base-de-donnees' | 'bouclier-verifie' | 'cadenas' | 'cadrer' | 'calendrier' | 'chevron-bas' | 'chevron-droit' | 'chevron-gauche' | 'chevron-haut' | 'citation' | 'coche' | 'copier' | 'corbeille' | 'courriel' | 'cube' | 'deconnexion' | 'depot-fichier' | 'diplome' | 'dossier' | 'eclair' | 'empreinte' | 'envoyer' | 'epingle' | 'equipe' | 'etincelles' | 'etoile' | 'fermer' | 'fichier' | 'filtre' | 'globe' | 'graphique' | 'gras' | 'horloge' | 'image' | 'imprimante' | 'info' | 'italique' | 'lecture' | 'lien-externe' | 'liste-a-puces' | 'livre-ouvert' | 'menu' | 'micro' | 'moins' | 'muet' | 'oeil' | 'oeil-barre' | 'pause' | 'plein-ecran' | 'plus' | 'recherche' | 'registre' | 'reglages' | 'rembobiner' | 'reseau' | 'signet' | 'son' | 'taches' | 'telecharger' | 'telephone' | 'tri' | 'trois-points' | 'utilisateur' | 'video';
|
|
2
2
|
export declare const CORPS: Record<IconId, string>;
|
|
3
3
|
/** Nom lisible de chaque icône : sert de titre accessible par défaut à
|
|
4
4
|
* `IconButton`, et de libellé dans la page de consultation de l'admin. */
|
package/dist/icon-data.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-data.d.ts","sourceRoot":"","sources":["../react/icon-data.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,MAAM,GACd,SAAS,GACT,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,kBAAkB,GAClB,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,OAAO,GACP,QAAQ,GACR,WAAW,GACX,UAAU,GACV,MAAM,GACN,aAAa,GACb,eAAe,GACf,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,GACd,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,YAAY,GACZ,OAAO,GACP,aAAa,GACb,MAAM,GACN,WAAW,GACX,UAAU,GACV,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,aAAa,GACb,WAAW,GACX,KAAK,GACL,cAAc,GACd,aAAa,GACb,OAAO,CAAA;AAEX,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"icon-data.d.ts","sourceRoot":"","sources":["../react/icon-data.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,MAAM,GACd,SAAS,GACT,UAAU,GACV,MAAM,GACN,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,SAAS,GACT,SAAS,GACT,iBAAiB,GACjB,kBAAkB,GAClB,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,UAAU,GACV,OAAO,GACP,QAAQ,GACR,WAAW,GACX,UAAU,GACV,MAAM,GACN,aAAa,GACb,eAAe,GACf,SAAS,GACT,SAAS,GACT,QAAQ,GACR,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,WAAW,GACX,MAAM,GACN,SAAS,GACT,OAAO,GACP,YAAY,GACZ,MAAM,GACN,UAAU,GACV,SAAS,GACT,cAAc,GACd,eAAe,GACf,cAAc,GACd,MAAM,GACN,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,YAAY,GACZ,OAAO,GACP,aAAa,GACb,MAAM,GACN,WAAW,GACX,UAAU,GACV,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,aAAa,GACb,WAAW,GACX,KAAK,GACL,cAAc,GACd,aAAa,GACb,OAAO,CAAA;AAEX,eAAO,MAAM,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0ExC,CAAA;AAED;2EAC2E;AAC3E,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0EvC,CAAA"}
|
package/dist/icon-data.js
CHANGED
|
@@ -52,6 +52,7 @@ export const CORPS = {
|
|
|
52
52
|
'liste-a-puces': "<path d=\"M9 6.5 H20\" /><path d=\"M9 12 H20\" /><path d=\"M9 17.5 H20\" /><path d=\"M4 5.5 H6 V7.5 H4 Z\" fill=\"currentColor\" stroke=\"none\" /><path d=\"M4 11 H6 V13 H4 Z\" fill=\"currentColor\" stroke=\"none\" /><path d=\"M4 16.5 H6 V18.5 H4 Z\" fill=\"currentColor\" stroke=\"none\" />",
|
|
53
53
|
'livre-ouvert': "<path d=\"M2.67 5.33 C5.33 4.67 7.78 4.89 12 6.67 C16.22 4.89 18.67 4.67 21.33 5.33 V18 C18.67 17.33 16.22 17.56 12 19.33 C7.78 17.56 5.33 17.33 2.67 18 Z\" /><path d=\"M12 6.67 V19.33\" />",
|
|
54
54
|
'menu': "<path d=\"M0 5.33 H24\" /><path d=\"M0 12 H24\" /><path d=\"M0 18.67 H24\" />",
|
|
55
|
+
'micro': "<rect x=\"9.33\" y=\"3.33\" width=\"5.33\" height=\"10.67\" rx=\"2.67\" /><path d=\"M5.33 11.33 A6.67 6.67 0 0 0 18.67 11.33\" /><path d=\"M12 18 V20.67\" /><path d=\"M8.67 20.67 H15.33\" />",
|
|
55
56
|
'moins': "<path d=\"M4 12 H20\" />",
|
|
56
57
|
'muet': "<path d=\"M4 9.5 H7.5 L12 5.5 V18.5 L7.5 14.5 H4 Z\" /><path d=\"M16 10 L21 14\" /><path d=\"M21 10 L16 14\" />",
|
|
57
58
|
'oeil': "<path d=\"M2 12 C5.33 6.67 8.67 4.67 12 4.67 C15.33 4.67 18.67 6.67 22 12 C18.67 17.33 15.33 19.33 12 19.33 C8.67 19.33 5.33 17.33 2 12 Z\" /><circle cx=\"12\" cy=\"12\" r=\"2.67\" />",
|
|
@@ -128,6 +129,7 @@ export const NOMS = {
|
|
|
128
129
|
'liste-a-puces': "Liste à puces",
|
|
129
130
|
'livre-ouvert': "Livre ouvert (formation)",
|
|
130
131
|
'menu': "Menu (hamburger)",
|
|
132
|
+
'micro': "Micro (dictée)",
|
|
131
133
|
'moins': "Moins",
|
|
132
134
|
'muet': "Muet",
|
|
133
135
|
'oeil': "Œil (afficher)",
|
package/dist/icon-data.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../react/icon-data.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,uCAAuC;
|
|
1
|
+
{"version":3,"file":"icon-data.js","sourceRoot":"","sources":["../react/icon-data.ts"],"names":[],"mappings":"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"}
|
package/dist/icon.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { ButtonHTMLAttributes, HTMLAttributes, ReactNode, SVGAttributes } f
|
|
|
2
2
|
import { NOMS, type IconId } from './icon-data.js';
|
|
3
3
|
export type { IconId };
|
|
4
4
|
export { NOMS as NOMS_ICONES };
|
|
5
|
-
/** Les
|
|
5
|
+
/** Les 73 identifiants, triés : pour construire une planche ou un sélecteur. */
|
|
6
6
|
export declare const ICONES: IconId[];
|
|
7
7
|
export interface IconProps extends Omit<SVGAttributes<SVGSVGElement>, 'className' | 'children'> {
|
|
8
8
|
nom: IconId;
|
package/dist/icon.js
CHANGED
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { cx } from './cx.js';
|
|
3
3
|
import { CORPS, NOMS } from './icon-data.js';
|
|
4
4
|
export { NOMS as NOMS_ICONES };
|
|
5
|
-
/** Les
|
|
5
|
+
/** Les 73 identifiants, triés : pour construire une planche ou un sélecteur. */
|
|
6
6
|
export const ICONES = Object.keys(CORPS);
|
|
7
7
|
export function Icon({ nom, taille = 'normal', discret, titre, className, ...reste }) {
|
|
8
8
|
return (_jsx("svg", { viewBox: "0 0 24 24", role: titre ? 'img' : undefined, "aria-hidden": titre ? undefined : true, "aria-label": titre, className: cx('zv-icon', taille !== 'normal' && `zv-icon--${taille}`, discret && 'zv-icon--quiet', className), dangerouslySetInnerHTML: { __html: CORPS[nom] }, ...reste }));
|
package/icons/index.json
CHANGED
|
@@ -308,6 +308,12 @@
|
|
|
308
308
|
"viewBox": "0 0 24 24",
|
|
309
309
|
"corps": "<path d=\"M0 5.33 H24\" /><path d=\"M0 12 H24\" /><path d=\"M0 18.67 H24\" />"
|
|
310
310
|
},
|
|
311
|
+
{
|
|
312
|
+
"id": "micro",
|
|
313
|
+
"nom": "Micro (dictée)",
|
|
314
|
+
"viewBox": "0 0 24 24",
|
|
315
|
+
"corps": "<rect x=\"9.33\" y=\"3.33\" width=\"5.33\" height=\"10.67\" rx=\"2.67\" /><path d=\"M5.33 11.33 A6.67 6.67 0 0 0 18.67 11.33\" /><path d=\"M12 18 V20.67\" /><path d=\"M8.67 20.67 H15.33\" />"
|
|
316
|
+
},
|
|
311
317
|
{
|
|
312
318
|
"id": "moins",
|
|
313
319
|
"nom": "Moins",
|
package/icons/sprite.svg
CHANGED
|
@@ -50,6 +50,7 @@
|
|
|
50
50
|
<symbol id="zv-liste-a-puces" viewBox="0 0 24 24"><path d="M9 6.5 H20" /><path d="M9 12 H20" /><path d="M9 17.5 H20" /><path d="M4 5.5 H6 V7.5 H4 Z" fill="currentColor" stroke="none" /><path d="M4 11 H6 V13 H4 Z" fill="currentColor" stroke="none" /><path d="M4 16.5 H6 V18.5 H4 Z" fill="currentColor" stroke="none" /></symbol>
|
|
51
51
|
<symbol id="zv-livre-ouvert" viewBox="0 0 24 24"><path d="M2.67 5.33 C5.33 4.67 7.78 4.89 12 6.67 C16.22 4.89 18.67 4.67 21.33 5.33 V18 C18.67 17.33 16.22 17.56 12 19.33 C7.78 17.56 5.33 17.33 2.67 18 Z" /><path d="M12 6.67 V19.33" /></symbol>
|
|
52
52
|
<symbol id="zv-menu" viewBox="0 0 24 24"><path d="M0 5.33 H24" /><path d="M0 12 H24" /><path d="M0 18.67 H24" /></symbol>
|
|
53
|
+
<symbol id="zv-micro" viewBox="0 0 24 24"><rect x="9.33" y="3.33" width="5.33" height="10.67" rx="2.67" /><path d="M5.33 11.33 A6.67 6.67 0 0 0 18.67 11.33" /><path d="M12 18 V20.67" /><path d="M8.67 20.67 H15.33" /></symbol>
|
|
53
54
|
<symbol id="zv-moins" viewBox="0 0 24 24"><path d="M4 12 H20" /></symbol>
|
|
54
55
|
<symbol id="zv-muet" viewBox="0 0 24 24"><path d="M4 9.5 H7.5 L12 5.5 V18.5 L7.5 14.5 H4 Z" /><path d="M16 10 L21 14" /><path d="M21 10 L16 14" /></symbol>
|
|
55
56
|
<symbol id="zv-oeil" viewBox="0 0 24 24"><path d="M2 12 C5.33 6.67 8.67 4.67 12 4.67 C15.33 4.67 18.67 6.67 22 12 C18.67 17.33 15.33 19.33 12 19.33 C8.67 19.33 5.33 17.33 2 12 Z" /><circle cx="12" cy="12" r="2.67" /></symbol>
|
package/package.json
CHANGED
package/react/catalogue.tsx
CHANGED
|
@@ -1878,7 +1878,7 @@ export const CATALOGUE: GroupeCatalogue[] = [
|
|
|
1878
1878
|
couche: 'commun',
|
|
1879
1879
|
css: 'icons.css',
|
|
1880
1880
|
resume:
|
|
1881
|
-
"
|
|
1881
|
+
"73 icônes TRACÉES, jamais pleines : trait 2, grille de 24, BOUTS FRANCS et jonctions vives, le trait carré de la charte, points d'encre carrés compris. Elles héritent de la couleur du texte : c'est ce qui leur permet de fonctionner sur papier comme sur la bande manifeste sans déclinaison. Le tracé est inliné : rien à résoudre côté bundler, rien à autoriser côté CSP.",
|
|
1882
1882
|
exemples: [
|
|
1883
1883
|
{
|
|
1884
1884
|
id: 'jeu',
|
package/react/icon-data.ts
CHANGED
|
@@ -53,6 +53,7 @@ export type IconId =
|
|
|
53
53
|
| 'liste-a-puces'
|
|
54
54
|
| 'livre-ouvert'
|
|
55
55
|
| 'menu'
|
|
56
|
+
| 'micro'
|
|
56
57
|
| 'moins'
|
|
57
58
|
| 'muet'
|
|
58
59
|
| 'oeil'
|
|
@@ -127,6 +128,7 @@ export const CORPS: Record<IconId, string> = {
|
|
|
127
128
|
'liste-a-puces': "<path d=\"M9 6.5 H20\" /><path d=\"M9 12 H20\" /><path d=\"M9 17.5 H20\" /><path d=\"M4 5.5 H6 V7.5 H4 Z\" fill=\"currentColor\" stroke=\"none\" /><path d=\"M4 11 H6 V13 H4 Z\" fill=\"currentColor\" stroke=\"none\" /><path d=\"M4 16.5 H6 V18.5 H4 Z\" fill=\"currentColor\" stroke=\"none\" />",
|
|
128
129
|
'livre-ouvert': "<path d=\"M2.67 5.33 C5.33 4.67 7.78 4.89 12 6.67 C16.22 4.89 18.67 4.67 21.33 5.33 V18 C18.67 17.33 16.22 17.56 12 19.33 C7.78 17.56 5.33 17.33 2.67 18 Z\" /><path d=\"M12 6.67 V19.33\" />",
|
|
129
130
|
'menu': "<path d=\"M0 5.33 H24\" /><path d=\"M0 12 H24\" /><path d=\"M0 18.67 H24\" />",
|
|
131
|
+
'micro': "<rect x=\"9.33\" y=\"3.33\" width=\"5.33\" height=\"10.67\" rx=\"2.67\" /><path d=\"M5.33 11.33 A6.67 6.67 0 0 0 18.67 11.33\" /><path d=\"M12 18 V20.67\" /><path d=\"M8.67 20.67 H15.33\" />",
|
|
130
132
|
'moins': "<path d=\"M4 12 H20\" />",
|
|
131
133
|
'muet': "<path d=\"M4 9.5 H7.5 L12 5.5 V18.5 L7.5 14.5 H4 Z\" /><path d=\"M16 10 L21 14\" /><path d=\"M21 10 L16 14\" />",
|
|
132
134
|
'oeil': "<path d=\"M2 12 C5.33 6.67 8.67 4.67 12 4.67 C15.33 4.67 18.67 6.67 22 12 C18.67 17.33 15.33 19.33 12 19.33 C8.67 19.33 5.33 17.33 2 12 Z\" /><circle cx=\"12\" cy=\"12\" r=\"2.67\" />",
|
|
@@ -204,6 +206,7 @@ export const NOMS: Record<IconId, string> = {
|
|
|
204
206
|
'liste-a-puces': "Liste à puces",
|
|
205
207
|
'livre-ouvert': "Livre ouvert (formation)",
|
|
206
208
|
'menu': "Menu (hamburger)",
|
|
209
|
+
'micro': "Micro (dictée)",
|
|
207
210
|
'moins': "Moins",
|
|
208
211
|
'muet': "Muet",
|
|
209
212
|
'oeil': "Œil (afficher)",
|
package/react/icon.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
// Icônes : jeu de
|
|
1
|
+
// Icônes : jeu de 73, tracées, sur grille de 24.
|
|
2
2
|
//
|
|
3
3
|
// Le corps du tracé est INLINÉ (voir scripts/build-icon-react.mjs) : pas de
|
|
4
4
|
// <use href="…sprite.svg">, donc rien à résoudre côté bundler et rien à
|
|
@@ -12,7 +12,7 @@ import { CORPS, NOMS, type IconId } from './icon-data.js'
|
|
|
12
12
|
export type { IconId }
|
|
13
13
|
export { NOMS as NOMS_ICONES }
|
|
14
14
|
|
|
15
|
-
/** Les
|
|
15
|
+
/** Les 73 identifiants, triés : pour construire une planche ou un sélecteur. */
|
|
16
16
|
export const ICONES = Object.keys(CORPS) as IconId[]
|
|
17
17
|
|
|
18
18
|
export interface IconProps
|