@zevra/ui 0.45.0 → 0.46.0

package/dist/css-inline.js.map

@@ -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,ixhTAAixhT,CAAA;AAEpzhT;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,y3BAAy3B,CAAA"}
+{"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,s/iTAAs/iT,CAAA;AAEzhjT;;;yBAGyB;AACzB,MAAM,CAAC,MAAM,WAAW,GAAW,y3BAAy3B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zevra/ui",
-  "version": "0.45.0",
+  "version": "0.46.0",
   "description": "Design system Zevra « Encre & Papier » : tokens, CSS des composants et logos officiels.",
   "license": "UNLICENSED",
   "private": false,

package/react/actions.tsx

@@ -18,13 +18,16 @@ import { Icon, type IconId } from './icon.js'
  *  aplats, pas les couleurs. « danger » est réservée à l'action destructive
  *  (la confirmation d'une modale de suppression), jamais à une action
  *  simplement importante. */
-export type BoutonVariante = 'plein' | 'fantome' | 'encre' | 'danger'
+export type BoutonVariante = 'plein' | 'fantome' | 'encre' | 'danger' | 'fantome-danger'
 
 const VARIANTE_BOUTON: Record<BoutonVariante, string> = {
   plein: 'zv-btn',
   fantome: 'zv-btn--ghost',
   encre: 'zv-btn--ink',
   danger: 'zv-btn--danger',
+  // Le fantôme qui DÉTRUIT : fantôme au repos, aplat --err au survol. Il
+  // compose la classe du fantôme, dont il garde le repos et l'inertie.
+  'fantome-danger': 'zv-btn--ghost zv-btn--ghost-danger',
 }
 
 export interface ButtonProps

package/react/catalogue.tsx

@@ -666,13 +666,15 @@ export const CATALOGUE: GroupeCatalogue[] = [
         id: 'etats',
         nom: 'États',
         resume:
-          '« danger » COMPTE comme le bouton plein de la page : la règle compte les aplats, pas les couleurs ; à réserver à la confirmation destructive. « occupe » pose aria-busy et aria-disabled et AVALE le clic sans sortir le bouton du parcours clavier : le LIBELLÉ doit changer avec lui, l’estompement seul ne dit pas ce qu’on attend. Survol et appui sont dans le CSS, rien à câbler.',
+          '« danger » COMPTE comme le bouton plein de la page : la règle compte les aplats, pas les couleurs ; à réserver à la confirmation destructive. « fantome-danger » est son pendant discret : fantôme au repos, rouge au survol, pour un « Supprimer » posé à côté d’autres actions. « occupe » pose aria-busy et aria-disabled et AVALE le clic sans sortir le bouton du parcours clavier : le LIBELLÉ doit changer avec lui, l’estompement seul ne dit pas ce qu’on attend. Survol et appui sont dans le CSS, rien à câbler.',
         code: `<Button variante="danger">Supprimer définitivement</Button>
+<Button variante="fantome-danger" icone="corbeille">Supprimer</Button>
 <Button occupe>Connexion…</Button>
 <Button variante="fantome" disabled>Envoyer</Button>`,
         rendu: (
           <ButtonRow>
             <Button variante="danger">Supprimer définitivement</Button>
+            <Button variante="fantome-danger" icone="corbeille">Supprimer</Button>
             <Button occupe>Connexion…</Button>
             <Button variante="fantome" disabled>
               Envoyer