@caratlogic/design-system 0.1.28 → 0.1.29

package/dist/components/molecules/CustomTable/CustomTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTable.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomTable/CustomTable.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,MAA+C,EAC/C,SAAc,EACd,YAAiB,EACjB,eAAuB,EACvB,WAAmB,EACnB,iBAAyB,EACzB,UAAU,EACV,eAAuB,EACvB,cAAc,EACd,iBAAiB,GAClB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAqKrB"}
+{"version":3,"file":"CustomTable.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomTable/CustomTable.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,MAA+C,EAC/C,SAAc,EACd,YAAiB,EACjB,eAAuB,EACvB,WAAmB,EACnB,iBAAyB,EACzB,UAAU,EACV,eAAuB,EACvB,cAAc,EACd,iBAAiB,GAClB,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAuKrB"}

package/dist/components/molecules/CustomTable/CustomTable.utils.d.ts

@@ -1,7 +1,10 @@
 import type { ReactNode } from 'react';
 import type { Column } from './CustomTable.types';
 export declare function alignClass(align?: 'left' | 'right' | 'center'): string;
-/** Sticky right-pinned header cell for an `actions` column. */
+/**
+ * Sticky right-pinned header cell for an `actions` column. Being sticky itself it no longer
+ * rides the sticky <thead>, so it needs its own `top-0` or it scrolls away with the rows.
+ */
 export declare function stickyActionsHeaderClass(): string;
 /** Sticky right-pinned body cell for an `actions` column (opaque per alternating row). */
 export declare function stickyActionsCellClass(isEven: boolean): string;

package/dist/components/molecules/CustomTable/CustomTable.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTable.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomTable/CustomTable.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAMtE;AAKD,+DAA+D;AAC/D,wBAAgB,wBAAwB,IAAI,MAAM,CAEjD;AAED,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAM9D;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,CAItE"}
+{"version":3,"file":"CustomTable.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/CustomTable/CustomTable.utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAElD,wBAAgB,UAAU,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAMtE;AAKD;;;GAGG;AACH,wBAAgB,wBAAwB,IAAI,MAAM,CAEjD;AAED,0FAA0F;AAC1F,wBAAgB,sBAAsB,CAAC,MAAM,EAAE,OAAO,GAAG,MAAM,CAM9D;AAED,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,SAAS,CAItE"}

package/dist/index.cjs.js

@@ -21316,9 +21316,12 @@ function alignClass(align) {
             : '';
 }
 const STICKY_ACTIONS_BASE = 'sticky !right-0 w-[92px] min-w-[92px] max-w-[92px] px-2 text-center before:pointer-events-none before:absolute before:left-0 before:top-0 before:h-full before:w-px before:bg-border before:content-[""] shadow-[-3px_0_6px_-3px_#00000014]';
-/** Sticky right-pinned header cell for an `actions` column. */
+/**
+ * Sticky right-pinned header cell for an `actions` column. Being sticky itself it no longer
+ * rides the sticky <thead>, so it needs its own `top-0` or it scrolls away with the rows.
+ */
 function stickyActionsHeaderClass() {
-    return cn(STICKY_ACTIONS_BASE, 'z-40 bg-table-header');
+    return cn(STICKY_ACTIONS_BASE, 'top-0 z-40 bg-table-header');
 }
 /** Sticky right-pinned body cell for an `actions` column (opaque per alternating row). */
 function stickyActionsCellClass(isEven) {
@@ -21346,7 +21349,7 @@ function CustomTable({ data, columns, expandable, rowKey = (row) => row.id, clas
             ? selectedIds.filter((id) => id !== key)
             : [...selectedIds, key]);
     };
-    return (jsxRuntime.jsxs("div", { className: `h-full w-full flex flex-col overflow-hidden rounded-lg border border-border bg-card ${className}`, "data-slot": "table-container", children: [jsxRuntime.jsx("div", { className: "overflow-auto flex-1 isolate", children: jsxRuntime.jsxs("table", { "data-slot": "table", className: "min-w-full w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-10 border-b border-border !bg-table-header", children: jsxRuntime.jsxs("tr", { children: [expandable && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle text-secondary-foreground" })), enableSelection && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle", children: jsxRuntime.jsx(Checkbox, { checked: allSelected
+    return (jsxRuntime.jsxs("div", { className: `h-full w-full flex flex-col overflow-hidden rounded-lg border border-border bg-card ${className}`, "data-slot": "table-container", children: [jsxRuntime.jsx("div", { className: "overflow-auto flex-1 isolate", children: jsxRuntime.jsxs("table", { "data-slot": "table", className: "min-w-full w-full text-left text-sm", children: [jsxRuntime.jsx("thead", { className: "sticky top-0 z-40 border-b border-border !bg-table-header", children: jsxRuntime.jsxs("tr", { children: [expandable && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle text-secondary-foreground" })), enableSelection && (jsxRuntime.jsx("th", { className: "h-12 w-[52px] min-w-[52px] whitespace-nowrap px-3 text-left align-middle", children: jsxRuntime.jsx(Checkbox, { checked: allSelected
                                                 ? true
                                                 : someSelected
                                                     ? 'indeterminate'