@zevra/ui 0.46.0 → 0.47.0

package/react/grille.tsx

@@ -300,6 +300,11 @@ export interface DataGridProps<T> {
   /** La grille REMPLIT son parent (colonne flex à hauteur bornée) : seules
    *  les lignes défilent, la barre, les intitulés et les filtres restent. */
   remplir?: boolean
+  /** Posée À BORD d'une carte sans retrait (`Card padding="aucun"`) : la
+   *  barre d'outils et la pagination prennent le retrait de la carte, le
+   *  tableau court d'un bord à l'autre sans second cadre. Sans elle, la
+   *  recherche et les cases touchent la bordure. */
+  encadree?: boolean
   /** Sous les lignes, dans la zone qui défile : le déclencheur d'une liste
    *  infinie, qui charge la suite en entrant dans l'écran. */
   apresLignes?: ReactNode
@@ -1310,6 +1315,7 @@ export function DataGrid<T>({
   pied,
   dense,
   remplir,
+  encadree,
   apresLignes,
   envelopperTableau,
   barre = true,
@@ -1700,7 +1706,7 @@ export function DataGrid<T>({
   )
 
   return (
-    <div className={cx('zv-grille', remplir && 'zv-grille--remplir', className)}>
+    <div className={cx('zv-grille', remplir && 'zv-grille--remplir', encadree && 'zv-grille--encadree', className)}>
       {barre && (
         <div className="zv-grille__outils">
           {champRecherche ??

package/src/components.css

@@ -158,21 +158,23 @@
 }
 
 /* Le fantôme DESTRUCTIF (27/10/2026, HORS RELEVÉ, voir DECISIONS.md) :
- * « Supprimer » à côté de « Fermer » dans une modale. Au repos c'est un
- * fantôme (il ne compte pas comme le plein de l'écran) ; au survol il
- * prend l'aplat --err, et l'appui l'assombrit comme le danger plein. Il
- * COMPOSE .zv-btn--ghost : l'inertie désactivée ou occupée de celui-ci
- * (0,3,0) l'emporte sur ces règles (0,2,0), rien à redire ici. */
+ * « Supprimer » à côté de « Fermer » dans une modale. Il RESTE un fantôme
+ * au survol : la bordure, le texte et l'icône passent à --err sur le fond
+ * --err-soft, comme l'alerte d'erreur. Pas d'aplat --err : c'est celui de
+ * `danger`, la confirmation, et un rouge plein au simple survol criait
+ * plus fort que le geste (retour de Joachim, 0.46.1). L'appui fonce la
+ * bordure. Il COMPOSE .zv-btn--ghost : l'inertie désactivée ou occupée de
+ * celui-ci (0,3,0) l'emporte sur ces règles (0,2,0), rien à redire ici. */
 .zv-btn--ghost-danger:hover {
   border-color: var(--err);
-  background: var(--err);
-  color: var(--white);
+  background: var(--err-soft);
+  color: var(--err);
 }
 
 .zv-btn--ghost-danger:active {
   border-color: color-mix(in oklab, var(--err) 86%, var(--ink));
-  background: color-mix(in oklab, var(--err) 86%, var(--ink));
-  color: var(--white);
+  background: var(--err-soft);
+  color: color-mix(in oklab, var(--err) 86%, var(--ink));
 }
 
 /* Variante compacte : barres de navigation. L'ombre tombe : un bouton de

package/src/data.css

@@ -1442,6 +1442,34 @@
   gap: 14px;
 }
 
+/* La grille À BORD d'une carte sans retrait (27/10/2026, HORS RELEVÉ, voir
+ * DECISIONS.md). La barre et la pagination reprennent le retrait d'en-tête
+ * de carte (12 / 16 px, celui des écrans de gestion) ; le tableau court d'un
+ * bord à l'autre et rend son cadre à la carte : deux bordures accolées
+ * faisaient un trait double, et le rayon d'un cadre intérieur ne suit pas
+ * celui de la carte. Le filet du haut reste : il sépare la barre des
+ * intitulés. */
+.zv-grille--encadree {
+  gap: 0;
+}
+
+.zv-grille--encadree > .zv-grille__outils {
+  padding: 12px 16px;
+}
+
+/* Les coins du BAS suivent ceux de la carte, moins sa bordure : carrés, le
+ * fond blanc du tableau débordait sur l'arrondi et en masquait le filet.
+ * `max` : sous l'angle vif, le rayon de carte vaut 0 et le calcul serait
+ * négatif. */
+.zv-grille--encadree .zv-table {
+  border-width: 1px 0 0;
+  border-radius: 0 0 max(0px, calc(var(--r-card) - 1px)) max(0px, calc(var(--r-card) - 1px));
+}
+
+.zv-grille--encadree > .zv-pager {
+  padding: 12px 16px;
+}
+
 @media (max-width: 767px) {
   /* En cartes, l'épinglage, les poignées et la largeur minimale n'ont plus
    * de sens : la carte prend la largeur de l'écran. */