design-zystem 1.0.356 → 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 +3 -1
- package/dist/ui/index.d.ts +3 -1
- package/dist/ui/index.js +4 -1
- package/dist/ui/index.mjs +4 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -653,13 +653,15 @@ interface TableCellProps {
|
|
|
653
653
|
surface?: keyof typeof SURFACE_CLASS;
|
|
654
654
|
/** Surface brute (ex: teinte de statut métier) — remplace `surface`, doit rester opaque pour un sticky. */
|
|
655
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;
|
|
656
658
|
/** Séparateur vertical entre colonnes. */
|
|
657
659
|
borderLeft?: boolean;
|
|
658
660
|
className?: string;
|
|
659
661
|
/** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
|
|
660
662
|
colSpan?: number;
|
|
661
663
|
}
|
|
662
|
-
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, 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;
|
|
663
665
|
|
|
664
666
|
interface TableFooterProps {
|
|
665
667
|
children?: ReactNode;
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -653,13 +653,15 @@ interface TableCellProps {
|
|
|
653
653
|
surface?: keyof typeof SURFACE_CLASS;
|
|
654
654
|
/** Surface brute (ex: teinte de statut métier) — remplace `surface`, doit rester opaque pour un sticky. */
|
|
655
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;
|
|
656
658
|
/** Séparateur vertical entre colonnes. */
|
|
657
659
|
borderLeft?: boolean;
|
|
658
660
|
className?: string;
|
|
659
661
|
/** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
|
|
660
662
|
colSpan?: number;
|
|
661
663
|
}
|
|
662
|
-
declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, 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;
|
|
663
665
|
|
|
664
666
|
interface TableFooterProps {
|
|
665
667
|
children?: ReactNode;
|
package/dist/ui/index.js
CHANGED
|
@@ -2894,6 +2894,7 @@ var TableCell = ({
|
|
|
2894
2894
|
stickyOffset = "0px",
|
|
2895
2895
|
surface = "white",
|
|
2896
2896
|
backgroundColor,
|
|
2897
|
+
accentColor,
|
|
2897
2898
|
borderLeft = false,
|
|
2898
2899
|
className,
|
|
2899
2900
|
colSpan
|
|
@@ -2906,6 +2907,7 @@ var TableCell = ({
|
|
|
2906
2907
|
borderLeft && "border-l border-grey-200",
|
|
2907
2908
|
sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2908
2909
|
sticky && backgroundColor && "z-[2]",
|
|
2910
|
+
accentColor && "border-l-4",
|
|
2909
2911
|
className
|
|
2910
2912
|
),
|
|
2911
2913
|
style: {
|
|
@@ -2915,7 +2917,8 @@ var TableCell = ({
|
|
|
2915
2917
|
position: sticky ? "sticky" : "static",
|
|
2916
2918
|
left: sticky === "left" ? stickyOffset : void 0,
|
|
2917
2919
|
right: sticky === "right" ? stickyOffset : void 0,
|
|
2918
|
-
backgroundColor
|
|
2920
|
+
backgroundColor,
|
|
2921
|
+
borderLeftColor: accentColor
|
|
2919
2922
|
},
|
|
2920
2923
|
children: centerContent ? /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Layout, { justify: "center", children }) : children
|
|
2921
2924
|
}
|
package/dist/ui/index.mjs
CHANGED
|
@@ -2717,6 +2717,7 @@ var TableCell = ({
|
|
|
2717
2717
|
stickyOffset = "0px",
|
|
2718
2718
|
surface = "white",
|
|
2719
2719
|
backgroundColor,
|
|
2720
|
+
accentColor,
|
|
2720
2721
|
borderLeft = false,
|
|
2721
2722
|
className,
|
|
2722
2723
|
colSpan
|
|
@@ -2729,6 +2730,7 @@ var TableCell = ({
|
|
|
2729
2730
|
borderLeft && "border-l border-grey-200",
|
|
2730
2731
|
sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
|
|
2731
2732
|
sticky && backgroundColor && "z-[2]",
|
|
2733
|
+
accentColor && "border-l-4",
|
|
2732
2734
|
className
|
|
2733
2735
|
),
|
|
2734
2736
|
style: {
|
|
@@ -2738,7 +2740,8 @@ var TableCell = ({
|
|
|
2738
2740
|
position: sticky ? "sticky" : "static",
|
|
2739
2741
|
left: sticky === "left" ? stickyOffset : void 0,
|
|
2740
2742
|
right: sticky === "right" ? stickyOffset : void 0,
|
|
2741
|
-
backgroundColor
|
|
2743
|
+
backgroundColor,
|
|
2744
|
+
borderLeftColor: accentColor
|
|
2742
2745
|
},
|
|
2743
2746
|
children: centerContent ? /* @__PURE__ */ jsx37(Layout, { justify: "center", children }) : children
|
|
2744
2747
|
}
|