design-zystem 1.0.414 → 1.0.416

package/dist/ui/index.d.mts

@@ -63,6 +63,7 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof b
     /** Left accent bar — status/score encoding. */
     accent?: ColorToken | 'none';
     width?: string;
+    hexBackground?: HexColor;
 }
 /**
  * Surface bordée/ombrée. Ne gère pas le flex — composer avec `Layout` pour
@@ -685,6 +686,8 @@ interface TableProps {
     /** Hauteur plancher — le tableau garde son gabarit même sans lignes, pour que
      * la page ne se replie pas entre un résultat vide et une liste chargée. */
     minHeight?: string;
+    /** Largeur plancher du tableau : en dessous, il défile horizontalement dans son cadre. */
+    minWidth?: string;
     className?: string;
     /** `rows` ne contient que la page courante (venue d'une RPC) — `Table` affiche le pied de pagination et te redonne la main via `onPageChange` pour refetch. */
     pagination?: TablePagination;
@@ -693,7 +696,7 @@ interface TableProps {
     /** Séparateur vertical entre toutes les colonnes (header, lignes, footer) — pas besoin de le poser cellule par cellule. */
     borderLeft?: boolean;
 }
-declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
+declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, minWidth, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
 
 interface TableHeaderProps {
     children?: ReactNode;

package/dist/ui/index.d.ts

@@ -63,6 +63,7 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof b
     /** Left accent bar — status/score encoding. */
     accent?: ColorToken | 'none';
     width?: string;
+    hexBackground?: HexColor;
 }
 /**
  * Surface bordée/ombrée. Ne gère pas le flex — composer avec `Layout` pour
@@ -685,6 +686,8 @@ interface TableProps {
     /** Hauteur plancher — le tableau garde son gabarit même sans lignes, pour que
      * la page ne se replie pas entre un résultat vide et une liste chargée. */
     minHeight?: string;
+    /** Largeur plancher du tableau : en dessous, il défile horizontalement dans son cadre. */
+    minWidth?: string;
     className?: string;
     /** `rows` ne contient que la page courante (venue d'une RPC) — `Table` affiche le pied de pagination et te redonne la main via `onPageChange` pour refetch. */
     pagination?: TablePagination;
@@ -693,7 +696,7 @@ interface TableProps {
     /** Séparateur vertical entre toutes les colonnes (header, lignes, footer) — pas besoin de le poser cellule par cellule. */
     borderLeft?: boolean;
 }
-declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
+declare const Table: ({ width, header, rows, footer, loading, emptyState, maxHeight, minHeight, minWidth, className, pagination, zebra, borderLeft, }: TableProps) => react.JSX.Element;
 
 interface TableHeaderProps {
     children?: ReactNode;

package/dist/ui/index.js

@@ -532,6 +532,7 @@ var Box = (0, import_react2.forwardRef)(
       hasShadow,
       accent = "none",
       width,
+      hexBackground,
       className,
       style
     } = _b, props = __objRest(_b, [
@@ -540,6 +541,7 @@ var Box = (0, import_react2.forwardRef)(
       "hasShadow",
       "accent",
       "width",
+      "hexBackground",
       "className",
       "style"
     ]);
@@ -552,7 +554,7 @@ var Box = (0, import_react2.forwardRef)(
           ACCENT_CLASS[accent],
           className
         ),
-        style: width ? __spreadValues({ width }, style) : style
+        style: __spreadValues(__spreadValues(__spreadValues({}, width && { width }), hexBackground && { backgroundColor: hexBackground }), style)
       }, props)
     );
   }
@@ -3371,6 +3373,7 @@ var Table = ({
   emptyState,
   maxHeight,
   minHeight,
+  minWidth,
   className,
   pagination,
   zebra = false,
@@ -3403,6 +3406,7 @@ var Table = ({
               "w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
               borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
             ),
+            style: { minWidth: minWidth || void 0 },
             children: [
               header,
               /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(TableBody, { useEvenBackground: zebra, children: rows }),
@@ -3471,8 +3475,8 @@ var TableHeaderCell = ({
   {
     scope: "col",
     className: cn(
-      "px-2 py-2 text-center text-[13px] font-bold",
-      wrap ? "whitespace-normal break-words" : "overflow-hidden text-ellipsis whitespace-nowrap",
+      "overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
+      wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
       borderLeft && "border-l border-grey-200",
       sticky && cn("z-[2]", SURFACE_CLASS[surface]),
       className

package/dist/ui/index.mjs

@@ -329,6 +329,7 @@ var Box = forwardRef2(
       hasShadow,
       accent = "none",
       width,
+      hexBackground,
       className,
       style
     } = _b, props = __objRest(_b, [
@@ -337,6 +338,7 @@ var Box = forwardRef2(
       "hasShadow",
       "accent",
       "width",
+      "hexBackground",
       "className",
       "style"
     ]);
@@ -349,7 +351,7 @@ var Box = forwardRef2(
           ACCENT_CLASS[accent],
           className
         ),
-        style: width ? __spreadValues({ width }, style) : style
+        style: __spreadValues(__spreadValues(__spreadValues({}, width && { width }), hexBackground && { backgroundColor: hexBackground }), style)
       }, props)
     );
   }
@@ -3184,6 +3186,7 @@ var Table = ({
   emptyState,
   maxHeight,
   minHeight,
+  minWidth,
   className,
   pagination,
   zebra = false,
@@ -3216,6 +3219,7 @@ var Table = ({
               "w-full table-fixed border-separate border-spacing-0 caption-bottom text-[13px]",
               borderLeft && "[&_th:not(:first-child)]:border-l [&_td:not(:first-child)]:border-l [&_th:not(:first-child)]:border-grey-200 [&_td:not(:first-child)]:border-grey-200"
             ),
+            style: { minWidth: minWidth || void 0 },
             children: [
               header,
               /* @__PURE__ */ jsx35(TableBody, { useEvenBackground: zebra, children: rows }),
@@ -3284,8 +3288,8 @@ var TableHeaderCell = ({
   {
     scope: "col",
     className: cn(
-      "px-2 py-2 text-center text-[13px] font-bold",
-      wrap ? "whitespace-normal break-words" : "overflow-hidden text-ellipsis whitespace-nowrap",
+      "overflow-hidden px-2 py-2 text-center text-[13px] font-bold",
+      wrap ? "whitespace-normal break-words" : "text-ellipsis whitespace-nowrap",
       borderLeft && "border-l border-grey-200",
       sticky && cn("z-[2]", SURFACE_CLASS[surface]),
       className

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.414",
+  "version": "1.0.416",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",