@zevra/ui 0.47.0 → 0.48.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 (16) hide show
  1. package/DECISIONS.md +13 -0
  2. package/dist/catalogue.d.ts.map +1 -1
  3. package/dist/catalogue.js +4 -3
  4. package/dist/catalogue.js.map +1 -1
  5. package/dist/css-inline.d.ts.map +1 -1
  6. package/dist/css-inline.js +1 -1
  7. package/dist/css-inline.js.map +1 -1
  8. package/dist/icon.d.ts +4 -1
  9. package/dist/icon.d.ts.map +1 -1
  10. package/dist/icon.js +2 -2
  11. package/dist/icon.js.map +1 -1
  12. package/package.json +1 -1
  13. package/react/catalogue.tsx +4 -2
  14. package/react/css-inline.ts +1 -1
  15. package/react/icon.tsx +5 -1
  16. package/src/icons.css +11 -0
package/dist/css-inline.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,6rlTAA6rlT,CAAA;AAEhulT;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,y3BAAy3B,CAAA"}
1
+ {"version":3,"file":"css-inline.js","sourceRoot":"","sources":["../react/css-inline.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,0EAA0E;AAE1E;;;iEAGiE;AACjE,MAAM,CAAC,MAAM,WAAW,GAAW,srmTAAsrmT,CAAA;AAEztmT;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,y3BAAy3B,CAAA"}
package/dist/icon.d.ts CHANGED
@@ -26,6 +26,9 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
26
26
  * L'écrire pour l'ACTION (« Fermer le panneau ») et non pour le dessin
27
27
  * (« Croix ») : c'est ce que le lecteur d'écran annonce. */
28
28
  label: string;
29
+ /** Geste DESTRUCTIF (la corbeille d'une ligne) : grise au repos, rouge
30
+ * sur fond pâle au survol, comme `variante="fantome-danger"`. */
31
+ danger?: boolean;
29
32
  taille?: IconProps['taille'];
30
33
  /** `arrondis` (option) ou `vifs` (défaut de la charte). Sans valeur, le
31
34
  * composant suit son conteneur : voir `Angles`. */
@@ -33,7 +36,7 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
33
36
  className?: string;
34
37
  children?: ReactNode;
35
38
  }
36
- export declare function IconButton({ icone, label, taille, angles, className, children, type, ...reste }: IconButtonProps): import("react").JSX.Element;
39
+ export declare function IconButton({ icone, label, danger, taille, angles, className, children, type, ...reste }: IconButtonProps): import("react").JSX.Element;
37
40
  export interface IconTileProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'className'> {
38
41
  nom: IconId;
39
42
  /** Titre accessible. Sans lui la tuile est DÉCORATIVE, le bon défaut :
package/dist/icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../react/icon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAS,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEzD,YAAY,EAAE,MAAM,EAAE,CAAA;AACtB,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAA;AAE9B,gFAAgF;AAChF,eAAO,MAAM,MAAM,EAAyB,MAAM,EAAE,CAAA;AAEpD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACpE,GAAG,EAAE,MAAM,CAAA;IACX;kDAC8C;IAC9C,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;yDAEqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,MAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAiB9F;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAClE;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;iEAE6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC5B;wDACoD;IACpD,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,+BAWjB;AAID,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX;wDACoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;0DAE0D;AAC1D,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAM1E"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../react/icon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC3F,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAS,IAAI,EAAE,KAAK,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAEzD,YAAY,EAAE,MAAM,EAAE,CAAA;AACtB,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAA;AAE9B,gFAAgF;AAChF,eAAO,MAAM,MAAM,EAAyB,MAAM,EAAE,CAAA;AAEpD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACpE,GAAG,EAAE,MAAM,CAAA;IACX;kDAC8C;IAC9C,MAAM,CAAC,EAAE,IAAI,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;yDAEqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,IAAI,CAAC,EAAE,GAAG,EAAE,MAAiB,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,+BAiB9F;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,CAAC;IAClE;2EACuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;iEAE6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb;sEACkE;IAClE,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAA;IAC5B;wDACoD;IACpD,MAAM,CAAC,EAAE,WAAW,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAa,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAe,EACf,GAAG,KAAK,EACT,EAAE,eAAe,+BAWjB;AAID,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,WAAW,CAAC;IAC1D,GAAG,EAAE,MAAM,CAAA;IACX;wDACoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;0DAE0D;AAC1D,wBAAgB,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,+BAM1E"}
package/dist/icon.js CHANGED
@@ -7,8 +7,8 @@ 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 }));
9
9
  }
10
- export function IconButton({ icone, label, taille = 'lg', angles, className, children, type = 'button', ...reste }) {
11
- return (_jsx("button", { type: type, "aria-label": label, className: cx('zv-icon-btn', classeAngles(angles), className), ...reste, children: icone ? _jsx(Icon, { nom: icone, taille: taille }) : children }));
10
+ export function IconButton({ icone, label, danger, taille = 'lg', angles, className, children, type = 'button', ...reste }) {
11
+ return (_jsx("button", { type: type, "aria-label": label, className: cx('zv-icon-btn', danger && 'zv-icon-btn--danger', classeAngles(angles), className), ...reste, children: icone ? _jsx(Icon, { nom: icone, taille: taille }) : children }));
12
12
  }
13
13
  /** La pastille carrée qui porte une icône devant un argument de la vitrine
14
14
  * (liste de garanties, grille d'atouts). UNE par argument, jamais en décor
package/dist/icon.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"icon.js","sourceRoot":"","sources":["../react/icon.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,EAAE,EAAoB,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAe,MAAM,gBAAgB,CAAA;AAGzD,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAA;AAE9B,gFAAgF;AAChF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAa,CAAA;AAgBpD,MAAM,UAAU,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAC7F,OAAO,CACL,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,iBAClB,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBACzB,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,SAAS,EACT,MAAM,KAAK,QAAQ,IAAI,YAAY,MAAM,EAAE,EAC3C,OAAO,IAAI,gBAAgB,EAC3B,SAAS,CACV,EACD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAC3C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAmBD,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,GAAG,IAAI,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,gBACE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,KACzD,KAAK,YAER,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,QAAQ,GACjD,CACV,CAAA;AACH,CAAC;AAaD;;0DAE0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACzE,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,YACvD,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,GAC3B,CACR,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"icon.js","sourceRoot":"","sources":["../react/icon.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,YAAY,EAAE,EAAE,EAAoB,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,IAAI,EAAe,MAAM,gBAAgB,CAAA;AAGzD,OAAO,EAAE,IAAI,IAAI,WAAW,EAAE,CAAA;AAE9B,gFAAgF;AAChF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAa,CAAA;AAgBpD,MAAM,UAAU,IAAI,CAAC,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IAC7F,OAAO,CACL,cACE,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,iBAClB,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,gBACzB,KAAK,EACjB,SAAS,EAAE,EAAE,CACX,SAAS,EACT,MAAM,KAAK,QAAQ,IAAI,YAAY,MAAM,EAAE,EAC3C,OAAO,IAAI,gBAAgB,EAC3B,SAAS,CACV,EACD,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,KAC3C,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAsBD,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,IAAI,EACb,MAAM,EACN,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,GAAG,KAAK,EACQ;IAChB,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,gBACE,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,MAAM,IAAI,qBAAqB,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,KAC1F,KAAK,YAER,KAAK,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,QAAQ,GACjD,CACV,CAAA;AACH,CAAC;AAaD;;0DAE0D;AAC1D,MAAM,UAAU,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAiB;IACzE,OAAO,CACL,eAAM,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,KAAM,KAAK,YACvD,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAI,GAC3B,CACR,CAAA;AACH,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zevra/ui",
3
- "version": "0.47.0",
3
+ "version": "0.48.0",
4
4
  "description": "Design system Zevra « Encre & Papier » : tokens, CSS des composants et logos officiels.",
5
5
  "license": "UNLICENSED",
6
6
  "private": false,
package/react/catalogue.tsx CHANGED
@@ -712,14 +712,16 @@ export const CATALOGUE: GroupeCatalogue[] = [
712
712
  id: 'icon-btn',
713
713
  nom: 'Bouton d’icône',
714
714
  resume:
715
- 'Le libellé accessible est OBLIGATOIRE, et s’écrit pour l’ACTION (« Fermer le panneau ») et non pour le dessin (« Croix »).',
715
+ 'Le libellé accessible est OBLIGATOIRE, et s’écrit pour l’ACTION (« Fermer le panneau ») et non pour le dessin (« Croix »). « danger » pour la corbeille d’une ligne : grise au repos, rouge sur fond pâle au survol.',
716
716
  code: `<IconButton icone="fermer" label="Fermer le panneau" />
717
- <IconButton icone="telecharger" label="Télécharger le document" />`,
717
+ <IconButton icone="telecharger" label="Télécharger le document" />
718
+ <IconButton icone="corbeille" danger label="Supprimer la pièce" />`,
718
719
  rendu: (
719
720
  <div style={{ display: 'flex', gap: 6 }}>
720
721
  <IconButton icone={ICONES[0]!} label={NOMS_ICONES[ICONES[0]!]} />
721
722
  <IconButton icone={ICONES[1]!} label={NOMS_ICONES[ICONES[1]!]} />
722
723
  <IconButton icone={ICONES[2]!} label={NOMS_ICONES[ICONES[2]!]} />
724
+ <IconButton icone="corbeille" danger label="Supprimer la pièce" />
723
725
  </div>
724
726
  ),
725
727
  },