design-zystem 1.0.355 → 1.0.356

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.
@@ -651,13 +651,15 @@ interface TableCellProps {
651
651
  stickyOffset?: string;
652
652
  /** Solid surface so scrolling columns don't show through the frozen one. */
653
653
  surface?: keyof typeof SURFACE_CLASS;
654
+ /** Surface brute (ex: teinte de statut métier) — remplace `surface`, doit rester opaque pour un sticky. */
655
+ backgroundColor?: HexColor;
654
656
  /** Séparateur vertical entre colonnes. */
655
657
  borderLeft?: boolean;
656
658
  className?: string;
657
659
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
658
660
  colSpan?: number;
659
661
  }
660
- declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
662
+ declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
661
663
 
662
664
  interface TableFooterProps {
663
665
  children?: ReactNode;
@@ -651,13 +651,15 @@ interface TableCellProps {
651
651
  stickyOffset?: string;
652
652
  /** Solid surface so scrolling columns don't show through the frozen one. */
653
653
  surface?: keyof typeof SURFACE_CLASS;
654
+ /** Surface brute (ex: teinte de statut métier) — remplace `surface`, doit rester opaque pour un sticky. */
655
+ backgroundColor?: HexColor;
654
656
  /** Séparateur vertical entre colonnes. */
655
657
  borderLeft?: boolean;
656
658
  className?: string;
657
659
  /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
658
660
  colSpan?: number;
659
661
  }
660
- declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
662
+ declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
661
663
 
662
664
  interface TableFooterProps {
663
665
  children?: ReactNode;
package/dist/ui/index.js CHANGED
@@ -2893,6 +2893,7 @@ var TableCell = ({
2893
2893
  sticky,
2894
2894
  stickyOffset = "0px",
2895
2895
  surface = "white",
2896
+ backgroundColor,
2896
2897
  borderLeft = false,
2897
2898
  className,
2898
2899
  colSpan
@@ -2903,7 +2904,8 @@ var TableCell = ({
2903
2904
  className: cn(
2904
2905
  "overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
2905
2906
  borderLeft && "border-l border-grey-200",
2906
- sticky && cn("z-[2]", SURFACE_CLASS2[surface]),
2907
+ sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
2908
+ sticky && backgroundColor && "z-[2]",
2907
2909
  className
2908
2910
  ),
2909
2911
  style: {
@@ -2912,7 +2914,8 @@ var TableCell = ({
2912
2914
  minWidth: colSpan ? void 0 : width || "auto",
2913
2915
  position: sticky ? "sticky" : "static",
2914
2916
  left: sticky === "left" ? stickyOffset : void 0,
2915
- right: sticky === "right" ? stickyOffset : void 0
2917
+ right: sticky === "right" ? stickyOffset : void 0,
2918
+ backgroundColor
2916
2919
  },
2917
2920
  children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Layout, { justify: "center", children }) : children
2918
2921
  }
package/dist/ui/index.mjs CHANGED
@@ -2716,6 +2716,7 @@ var TableCell = ({
2716
2716
  sticky,
2717
2717
  stickyOffset = "0px",
2718
2718
  surface = "white",
2719
+ backgroundColor,
2719
2720
  borderLeft = false,
2720
2721
  className,
2721
2722
  colSpan
@@ -2726,7 +2727,8 @@ var TableCell = ({
2726
2727
  className: cn(
2727
2728
  "overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
2728
2729
  borderLeft && "border-l border-grey-200",
2729
- sticky && cn("z-[2]", SURFACE_CLASS2[surface]),
2730
+ sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
2731
+ sticky && backgroundColor && "z-[2]",
2730
2732
  className
2731
2733
  ),
2732
2734
  style: {
@@ -2735,7 +2737,8 @@ var TableCell = ({
2735
2737
  minWidth: colSpan ? void 0 : width || "auto",
2736
2738
  position: sticky ? "sticky" : "static",
2737
2739
  left: sticky === "left" ? stickyOffset : void 0,
2738
- right: sticky === "right" ? stickyOffset : void 0
2740
+ right: sticky === "right" ? stickyOffset : void 0,
2741
+ backgroundColor
2739
2742
  },
2740
2743
  children: centerContent ? /* @__PURE__ */ jsx37(Layout, { justify: "center", children }) : children
2741
2744
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "design-zystem",
3
- "version": "1.0.355",
3
+ "version": "1.0.356",
4
4
  "description": "A React design system of importable components",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",