@underverse-ui/underverse 1.0.21 → 1.0.22

package/dist/index.js

@@ -10316,7 +10316,7 @@ function useTimelineSlots(args) {
           return React32.createElement(
             "span",
             { className: "inline-flex flex-col items-center leading-tight" },
-            React32.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-[8rem]" }, match.title),
+            React32.createElement("span", { className: "text-[11px] font-semibold text-foreground truncate max-w-32" }, match.title),
             React32.createElement("span", { className: "text-[10px] font-medium text-muted-foreground/70" }, rangeText)
           );
         }
@@ -11781,7 +11781,7 @@ function CalendarTimeline({
                               /* @__PURE__ */ jsx39(
                                 "div",
                                 {
-                                  className: cn("text-xs font-semibold leading-snug min-w-0 overflow-hidden", isPlainTitle ? "break-words" : ""),
+                                  className: cn("text-xs font-semibold leading-snug min-w-0 overflow-hidden", isPlainTitle ? "wrap-break-word" : ""),
                                   style: isPlainTitle ? {
                                     display: "-webkit-box",
                                     WebkitBoxOrient: "vertical",
@@ -19281,8 +19281,8 @@ function useStickyColumns(columns, visibleKeys) {
     if (!col.fixed) return "";
     return cn(
       "sticky",
-      col.fixed === "left" && "left-0 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.15)]",
+      col.fixed === "left" && "left-0 shadow-[2px_0_6px_-3px_rgba(0,0,0,0.08)]",
+      col.fixed === "right" && "right-0 shadow-[-2px_0_6px_-3px_rgba(0,0,0,0.08)]",
       "z-50 bg-muted!"
     );
   }, []);
@@ -19290,9 +19290,9 @@ function useStickyColumns(columns, visibleKeys) {
     if (!col.fixed) return "";
     return cn(
       "sticky z-10",
-      col.fixed === "left" && "left-0 shadow-[2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      col.fixed === "right" && "right-0 shadow-[-2px_0_5px_-2px_rgba(0,0,0,0.15)]",
-      isStripedRow ? "bg-muted/50!" : "bg-card!"
+      col.fixed === "left" && "left-0 shadow-[2px_0_6px_-3px_rgba(0,0,0,0.08)]",
+      col.fixed === "right" && "right-0 shadow-[-2px_0_6px_-3px_rgba(0,0,0,0.08)]",
+      isStripedRow ? "bg-(--surface-1)!" : "bg-(--surface-0)!"
     );
   }, []);
   const getStickyHeaderCellStyle = React58.useCallback(
@@ -19791,17 +19791,17 @@ function DataTable({
                       "\u2026"
                     ] })
                   ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ jsx68(TableRow, { children: /* @__PURE__ */ jsx68(TableCell, { colSpan: leafColumns.length, className: "text-center py-6 text-muted-foreground", children: t("noData") }) }) : displayedData.map((row, idx) => {
+                    const isStripedRow = striped && idx % 2 === 0;
                     return /* @__PURE__ */ jsx68(
                       TableRow,
                       {
-                        className: cn(densityRowClass),
+                        className: cn(densityRowClass, isStripedRow ? "bg-surface-1" : "bg-surface-0"),
                         style: {
                           contentVisibility: "auto",
                           containIntrinsicSize: density === "compact" ? "0 36px" : density === "comfortable" ? "0 56px" : "0 48px"
                         },
                         children: leafColumns.map((col, colIdx) => {
                           const value = col.dataIndex ? row[col.dataIndex] : void 0;
-                          const isStripedRow = striped && idx % 2 === 0;
                           const prevCol = colIdx > 0 ? leafColumns[colIdx - 1] : null;
                           const isAfterFixedLeft = prevCol?.fixed === "left";
                           const showBorderLeft = columnDividers && colIdx > 0 && !isAfterFixedLeft && !col.fixed;
@@ -19814,8 +19814,7 @@ function DataTable({
                                 col.align === "right" && "text-right",
                                 col.align === "center" && "text-center",
                                 showBorderLeft && "border-l border-border/60",
-                                getStickyCellClass(col, isStripedRow),
-                                !col.fixed && isStripedRow && "bg-muted/50"
+                                getStickyCellClass(col, isStripedRow)
                               ),
                               children: col.render ? col.render(value, row, idx) : String(value ?? "")
                             },