design-zystem 1.0.355 → 1.0.357
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.
- package/dist/ui/index.d.mts +5 -1
- package/dist/ui/index.d.ts +5 -1
- package/dist/ui/index.js +8 -2
- package/dist/ui/index.mjs +8 -2
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -651,13 +651,17 @@ 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;
|
|
656
|
+
/** Liseré vertical gauche — sur une cellule `sticky="left"`, reste visible au scroll horizontal (contrairement à un accent posé sur `TableRow`, qui défile avec les colonnes). */
|
|
657
|
+
accentColor?: HexColor;
|
|
654
658
|
/** Séparateur vertical entre colonnes. */
|
|
655
659
|
borderLeft?: boolean;
|
|
656
660
|
className?: string;
|
|
657
661
|
/** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
|
|
658
662
|
colSpan?: number;
|
|
659
663
|
}
|
|
660
|
-
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
|
|
664
|
+
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
|
|
661
665
|
|
|
662
666
|
interface TableFooterProps {
|
|
663
667
|
children?: ReactNode;
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -651,13 +651,17 @@ 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;
|
|
656
|
+
/** Liseré vertical gauche — sur une cellule `sticky="left"`, reste visible au scroll horizontal (contrairement à un accent posé sur `TableRow`, qui défile avec les colonnes). */
|
|
657
|
+
accentColor?: HexColor;
|
|
654
658
|
/** Séparateur vertical entre colonnes. */
|
|
655
659
|
borderLeft?: boolean;
|
|
656
660
|
className?: string;
|
|
657
661
|
/** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
|
|
658
662
|
colSpan?: number;
|
|
659
663
|
}
|
|
660
|
-
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
|
|
664
|
+
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, className, colSpan, }: TableCellProps) => react.JSX.Element;
|
|
661
665
|
|
|
662
666
|
interface TableFooterProps {
|
|
663
667
|
children?: ReactNode;
|
package/dist/ui/index.js
CHANGED
|
@@ -2893,6 +2893,8 @@ var TableCell = ({
|
|
|
2893
2893
|
sticky,
|
|
2894
2894
|
stickyOffset = "0px",
|
|
2895
2895
|
surface = "white",
|
|
2896
|
+
backgroundColor,
|
|
2897
|
+
accentColor,
|
|
2896
2898
|
borderLeft = false,
|
|
2897
2899
|
className,
|
|
2898
2900
|
colSpan
|
|
@@ -2903,7 +2905,9 @@ var TableCell = ({
|
|
|
2903
2905
|
className: cn(
|
|
2904
2906
|
"overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
|
|
2905
2907
|
borderLeft && "border-l border-grey-200",
|
|
2906
|
-
sticky && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2908
|
+
sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2909
|
+
sticky && backgroundColor && "z-[2]",
|
|
2910
|
+
accentColor && "border-l-4",
|
|
2907
2911
|
className
|
|
2908
2912
|
),
|
|
2909
2913
|
style: {
|
|
@@ -2912,7 +2916,9 @@ var TableCell = ({
|
|
|
2912
2916
|
minWidth: colSpan ? void 0 : width || "auto",
|
|
2913
2917
|
position: sticky ? "sticky" : "static",
|
|
2914
2918
|
left: sticky === "left" ? stickyOffset : void 0,
|
|
2915
|
-
right: sticky === "right" ? stickyOffset : void 0
|
|
2919
|
+
right: sticky === "right" ? stickyOffset : void 0,
|
|
2920
|
+
backgroundColor,
|
|
2921
|
+
borderLeftColor: accentColor
|
|
2916
2922
|
},
|
|
2917
2923
|
children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Layout, { justify: "center", children }) : children
|
|
2918
2924
|
}
|
package/dist/ui/index.mjs
CHANGED
|
@@ -2716,6 +2716,8 @@ var TableCell = ({
|
|
|
2716
2716
|
sticky,
|
|
2717
2717
|
stickyOffset = "0px",
|
|
2718
2718
|
surface = "white",
|
|
2719
|
+
backgroundColor,
|
|
2720
|
+
accentColor,
|
|
2719
2721
|
borderLeft = false,
|
|
2720
2722
|
className,
|
|
2721
2723
|
colSpan
|
|
@@ -2726,7 +2728,9 @@ var TableCell = ({
|
|
|
2726
2728
|
className: cn(
|
|
2727
2729
|
"overflow-hidden text-ellipsis whitespace-nowrap px-2 py-2 text-center text-[13px]",
|
|
2728
2730
|
borderLeft && "border-l border-grey-200",
|
|
2729
|
-
sticky && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2731
|
+
sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2732
|
+
sticky && backgroundColor && "z-[2]",
|
|
2733
|
+
accentColor && "border-l-4",
|
|
2730
2734
|
className
|
|
2731
2735
|
),
|
|
2732
2736
|
style: {
|
|
@@ -2735,7 +2739,9 @@ var TableCell = ({
|
|
|
2735
2739
|
minWidth: colSpan ? void 0 : width || "auto",
|
|
2736
2740
|
position: sticky ? "sticky" : "static",
|
|
2737
2741
|
left: sticky === "left" ? stickyOffset : void 0,
|
|
2738
|
-
right: sticky === "right" ? stickyOffset : void 0
|
|
2742
|
+
right: sticky === "right" ? stickyOffset : void 0,
|
|
2743
|
+
backgroundColor,
|
|
2744
|
+
borderLeftColor: accentColor
|
|
2739
2745
|
},
|
|
2740
2746
|
children: centerContent ? /* @__PURE__ */ jsx37(Layout, { justify: "center", children }) : children
|
|
2741
2747
|
}
|