@expcat/tigercat-core 1.3.1 → 1.3.3

package/dist/index.cjs

@@ -5809,7 +5809,7 @@ function getSpaceStyle(size = "md") {
 
 // src/utils/table-utils.ts
 var tableContainerClasses = "relative w-full overflow-auto";
-var tableBaseClasses = "w-full border-collapse";
+var tableBaseClasses = "w-full border-separate border-spacing-0";
 var tableResponsiveTableClasses = "max-sm:min-w-max";
 var tableResponsiveCardListClasses = "hidden max-sm:grid max-sm:gap-3 max-sm:p-3";
 var CARD_HIDE_CLASSES = {
@@ -6059,7 +6059,8 @@ function getTableWrapperClasses(bordered, maxHeight) {
 function getTableHeaderClasses(stickyHeader) {
   return classNames(
     tableHeaderBackgroundClasses,
-    "border-b border-[var(--tiger-border,#e5e7eb)]",
+    // border on cells, not <thead> — the table is `border-separate`
+    "[&_th]:border-b [&_th]:border-[var(--tiger-border,#e5e7eb)]",
     stickyHeader && "sticky top-0 z-10"
   );
 }
@@ -6084,7 +6085,9 @@ function getTableHeaderCellClasses(size, align, sortable, customClassName) {
 }
 function getTableRowClasses(hoverable, striped, isEven, customClassName) {
   return classNames(
-    "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0",
+    // border on cells, not <tr> — the table is `border-separate`; `:not(:last-child)`
+    // reproduces the old `last:border-b-0` (every row except the last gets a bottom rule)
+    "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-[var(--tiger-border,#e5e7eb)]",
     hoverable && tableRowHoverClasses,
     striped && isEven && tableRowStripedClasses,
     customClassName
@@ -6194,7 +6197,8 @@ function getExpandIconClasses(expanded) {
 }
 function getExpandedRowClasses() {
   return classNames(
-    "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0",
+    // border on cells, not <tr> — the table is `border-separate`
+    "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-[var(--tiger-border,#e5e7eb)]",
     "bg-[var(--tiger-surface-muted,#f9fafb)]/30"
   );
 }
@@ -6237,7 +6241,7 @@ function createTableRowKeyCache(rowKey) {
   }
   return { get, getMany };
 }
-var tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold border-t-2 border-[var(--tiger-border,#e5e7eb)]";
+var tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold [&>td]:border-t-2 [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 function getEditableCellClasses(isEditing) {
   return classNames(
     isEditing ? "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-inset bg-[var(--tiger-surface,#ffffff)]" : "cursor-pointer hover:bg-[var(--tiger-primary,#2563eb)]/5"
@@ -14512,7 +14516,7 @@ function groupDataByColumn(data, groupBy) {
   }
   return groups;
 }
-var tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] border-b border-[var(--tiger-border,#e5e7eb)]";
+var tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] [&>td]:border-b [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 function getGroupHeaderCellClasses(size) {
   const padding = {
     sm: "px-3 py-2",

package/dist/index.d.cts

@@ -3469,9 +3469,17 @@ declare function getSpaceStyle(size?: SpaceSize): Record<string, string> | undef
  */
 declare const tableContainerClasses = "relative w-full overflow-auto";
 /**
- * Base table classes
- */
-declare const tableBaseClasses = "w-full border-collapse";
+ * Base table classes.
+ *
+ * Uses `border-separate` + `border-spacing-0` (not `border-collapse`) on purpose:
+ * `position: sticky` on `<th>`/`<td>` is unreliable under `border-collapse`
+ * (fixed/locked columns drift or jitter while scrolling horizontally). In the
+ * separate model sticky cells pin correctly. The trade-off is that borders on
+ * `<tr>`/`<thead>` are not painted, so every horizontal separator must live on
+ * the cells — see `getTableHeaderClasses`, `getTableRowClasses`,
+ * `getExpandedRowClasses`, `tableSummaryRowClasses` and `tableGroupHeaderClasses`.
+ */
+declare const tableBaseClasses = "w-full border-separate border-spacing-0";
 declare const tableResponsiveTableClasses = "max-sm:min-w-max";
 declare const tableResponsiveCardListClasses = "hidden max-sm:grid max-sm:gap-3 max-sm:p-3";
 declare const tableResponsiveCardClasses = "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm";
@@ -3727,7 +3735,7 @@ declare function createTableRowKeyCache<T>(rowKey: string | ((record: T) => stri
 /**
  * Summary row footer classes
  */
-declare const tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold border-t-2 border-[var(--tiger-border,#e5e7eb)]";
+declare const tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold [&>td]:border-t-2 [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 /**
  * Editable cell classes
  */
@@ -15128,7 +15136,7 @@ declare function groupDataByColumn<T>(data: T[], groupBy: string): Map<string, T
 /**
  * Get group header row classes
  */
-declare const tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] border-b border-[var(--tiger-border,#e5e7eb)]";
+declare const tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] [&>td]:border-b [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 /**
  * Get group header cell padding classes
  */

package/dist/index.d.ts

@@ -3469,9 +3469,17 @@ declare function getSpaceStyle(size?: SpaceSize): Record<string, string> | undef
  */
 declare const tableContainerClasses = "relative w-full overflow-auto";
 /**
- * Base table classes
- */
-declare const tableBaseClasses = "w-full border-collapse";
+ * Base table classes.
+ *
+ * Uses `border-separate` + `border-spacing-0` (not `border-collapse`) on purpose:
+ * `position: sticky` on `<th>`/`<td>` is unreliable under `border-collapse`
+ * (fixed/locked columns drift or jitter while scrolling horizontally). In the
+ * separate model sticky cells pin correctly. The trade-off is that borders on
+ * `<tr>`/`<thead>` are not painted, so every horizontal separator must live on
+ * the cells — see `getTableHeaderClasses`, `getTableRowClasses`,
+ * `getExpandedRowClasses`, `tableSummaryRowClasses` and `tableGroupHeaderClasses`.
+ */
+declare const tableBaseClasses = "w-full border-separate border-spacing-0";
 declare const tableResponsiveTableClasses = "max-sm:min-w-max";
 declare const tableResponsiveCardListClasses = "hidden max-sm:grid max-sm:gap-3 max-sm:p-3";
 declare const tableResponsiveCardClasses = "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] shadow-sm";
@@ -3727,7 +3735,7 @@ declare function createTableRowKeyCache<T>(rowKey: string | ((record: T) => stri
 /**
  * Summary row footer classes
  */
-declare const tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold border-t-2 border-[var(--tiger-border,#e5e7eb)]";
+declare const tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold [&>td]:border-t-2 [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 /**
  * Editable cell classes
  */
@@ -15128,7 +15136,7 @@ declare function groupDataByColumn<T>(data: T[], groupBy: string): Map<string, T
 /**
  * Get group header row classes
  */
-declare const tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] border-b border-[var(--tiger-border,#e5e7eb)]";
+declare const tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] [&>td]:border-b [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 /**
  * Get group header cell padding classes
  */

package/dist/index.js

@@ -3903,7 +3903,7 @@ function getSpaceStyle(size = "md") {
 
 // src/utils/table-utils.ts
 var tableContainerClasses = "relative w-full overflow-auto";
-var tableBaseClasses = "w-full border-collapse";
+var tableBaseClasses = "w-full border-separate border-spacing-0";
 var tableResponsiveTableClasses = "max-sm:min-w-max";
 var tableResponsiveCardListClasses = "hidden max-sm:grid max-sm:gap-3 max-sm:p-3";
 var CARD_HIDE_CLASSES = {
@@ -4153,7 +4153,8 @@ function getTableWrapperClasses(bordered, maxHeight) {
 function getTableHeaderClasses(stickyHeader) {
   return classNames(
     tableHeaderBackgroundClasses,
-    "border-b border-[var(--tiger-border,#e5e7eb)]",
+    // border on cells, not <thead> — the table is `border-separate`
+    "[&_th]:border-b [&_th]:border-[var(--tiger-border,#e5e7eb)]",
     stickyHeader && "sticky top-0 z-10"
   );
 }
@@ -4178,7 +4179,9 @@ function getTableHeaderCellClasses(size, align, sortable, customClassName) {
 }
 function getTableRowClasses(hoverable, striped, isEven, customClassName) {
   return classNames(
-    "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0",
+    // border on cells, not <tr> — the table is `border-separate`; `:not(:last-child)`
+    // reproduces the old `last:border-b-0` (every row except the last gets a bottom rule)
+    "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-[var(--tiger-border,#e5e7eb)]",
     hoverable && tableRowHoverClasses,
     striped && isEven && tableRowStripedClasses,
     customClassName
@@ -4288,7 +4291,8 @@ function getExpandIconClasses(expanded) {
 }
 function getExpandedRowClasses() {
   return classNames(
-    "border-b border-[var(--tiger-border,#e5e7eb)] last:border-b-0",
+    // border on cells, not <tr> — the table is `border-separate`
+    "[&:not(:last-child)>td]:border-b [&:not(:last-child)>td]:border-[var(--tiger-border,#e5e7eb)]",
     "bg-[var(--tiger-surface-muted,#f9fafb)]/30"
   );
 }
@@ -4331,7 +4335,7 @@ function createTableRowKeyCache(rowKey) {
   }
   return { get, getMany };
 }
-var tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold border-t-2 border-[var(--tiger-border,#e5e7eb)]";
+var tableSummaryRowClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold [&>td]:border-t-2 [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 function getEditableCellClasses(isEditing) {
   return classNames(
     isEditing ? "ring-2 ring-[var(--tiger-primary,#2563eb)] ring-inset bg-[var(--tiger-surface,#ffffff)]" : "cursor-pointer hover:bg-[var(--tiger-primary,#2563eb)]/5"
@@ -12613,7 +12617,7 @@ function groupDataByColumn(data, groupBy) {
   }
   return groups;
 }
-var tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] border-b border-[var(--tiger-border,#e5e7eb)]";
+var tableGroupHeaderClasses = "bg-[var(--tiger-surface-muted,#f3f4f6)] font-semibold text-sm text-[var(--tiger-text,#111827)] [&>td]:border-b [&>td]:border-[var(--tiger-border,#e5e7eb)]";
 function getGroupHeaderCellClasses(size) {
   const padding = {
     sm: "px-3 py-2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expcat/tigercat-core",
-  "version": "1.3.1",
+  "version": "1.3.3",
   "type": "module",
   "description": "Core utilities for Tigercat UI library",
   "license": "MIT",