@rebasepro/ui 0.1.0 → 0.1.2

package/dist/index.umd.js

@@ -7423,7 +7423,7 @@
     const thisColumnIsResizing = isResizingIndex === columnIndex;
     const anotherColumnIsResizing = isResizingIndex !== columnIndex && isResizingIndex > 0;
     const hovered = !anotherColumnIsResizing && (onHover || thisColumnIsResizing);
-    const t3 = isDragging ? "bg-primary-bg dark:bg-primary-bg-dark" : "bg-surface-50 dark:bg-surface-800";
+    const t3 = isDragging ? "bg-primary-bg dark:bg-primary-bg-dark" : "bg-surface-50 dark:bg-surface-900";
     const t4 = !isDragging && "hover:bg-surface-100 dark:hover:bg-surface-900 hover:bg-opacity-50 hover:bg-surface-100/50 dark:hover:bg-opacity-50 dark:hover:bg-surface-900/50";
     const t5 = column.frozen ? "sticky left-0 z-10" : "relative z-0";
     const t6 = isDraggable && "cursor-grab";
@@ -7514,7 +7514,7 @@
     }
     let t18;
     if ($[28] !== column.key || $[29] !== column.sortable || $[30] !== hovered || $[31] !== onColumnSort || $[32] !== onHover || $[33] !== openFilter || $[34] !== sort) {
-      t18 = column.sortable && (sort || hovered || openFilter) && /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "secondary", invisible: !sort, children: /* @__PURE__ */ jsxRuntime.jsxs(IconButton, { size: "small", className: onHover || openFilter ? "bg-white dark:bg-surface-800" : void 0, onClick: () => {
+      t18 = column.sortable && (sort || hovered || openFilter) && /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "secondary", invisible: !sort, children: /* @__PURE__ */ jsxRuntime.jsxs(IconButton, { size: "small", className: onHover || openFilter ? "bg-white dark:bg-surface-900" : void 0, onClick: () => {
         onColumnSort(column.key);
       }, children: [
         !sort && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpIcon, {}),
@@ -7546,7 +7546,7 @@
     }
     let t20;
     if ($[39] !== column || $[40] !== createFilterField || $[41] !== filter || $[42] !== hidden || $[43] !== onHover || $[44] !== openFilter || $[45] !== update) {
-      t20 = column.filter && createFilterField && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "secondary", invisible: !filter, children: /* @__PURE__ */ jsxRuntime.jsx(Popover, { open: openFilter, onOpenChange: setOpenFilter, className: hidden ? "hidden" : void 0, modal: true, trigger: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { className: onHover || openFilter ? "bg-white dark:bg-surface-800" : void 0, size: "small", onClick: handleSettingsClick, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilterIcon, { size: iconSize.small }) }), children: /* @__PURE__ */ jsxRuntime.jsx(FilterForm, { column, filter, onHover, onFilterUpdate: update, createFilterField, hidden, setHidden }) }) }) });
+      t20 = column.filter && createFilterField && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { color: "secondary", invisible: !filter, children: /* @__PURE__ */ jsxRuntime.jsx(Popover, { open: openFilter, onOpenChange: setOpenFilter, className: hidden ? "hidden" : void 0, modal: true, trigger: /* @__PURE__ */ jsxRuntime.jsx(IconButton, { className: onHover || openFilter ? "bg-white dark:bg-surface-900" : void 0, size: "small", onClick: handleSettingsClick, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilterIcon, { size: iconSize.small }) }), children: /* @__PURE__ */ jsxRuntime.jsx(FilterForm, { column, filter, onHover, onFilterUpdate: update, createFilterField, hidden, setHidden }) }) }) });
       $[39] = column;
       $[40] = createFilterField;
       $[41] = filter;
@@ -7975,7 +7975,7 @@
       setIsResizing(index_0);
       setCursorDocument(true);
     }, [setCursorDocument]);
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls(defaultBorderMixin, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 border-b bg-surface-50 dark:bg-surface-800"), style: {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cls(defaultBorderMixin, "z-20 sticky min-w-full flex w-fit flex-row top-0 left-0 border-b bg-surface-50 dark:bg-surface-900"), style: {
       height: headerHeight
     }, children: [
       columns.map((column_0, columnIndex) => {
@@ -8020,7 +8020,7 @@
     const onClick = t1;
     let t2;
     if ($[4] !== hoverRow || $[5] !== onRowClick || $[6] !== rowClassName || $[7] !== rowData) {
-      t2 = cls("flex min-w-full text-sm border-b border-surface-200/60 dark:border-surface-700/60 dark:bg-surface-900", rowClassName ? rowClassName(rowData) : "", {
+      t2 = cls("flex min-w-full text-sm border-b border-surface-200/60 dark:border-surface-700/60 dark:bg-surface-800", rowClassName ? rowClassName(rowData) : "", {
         "hover:!bg-surface-50/75 dark:hover:!bg-surface-800/75": hoverRow,
         "cursor-pointer ": onRowClick
       });
@@ -8404,7 +8404,7 @@
       t5 = $[8];
     }
     const style = t5;
-    const t6 = frozen && "sticky left-0 z-10 bg-white dark:bg-surface-800";
+    const t6 = frozen && "sticky left-0 z-10 bg-white dark:bg-surface-900";
     let t7;
     if ($[9] !== t6) {
       t7 = cls("flex-shrink-0", t6);
@@ -8485,7 +8485,7 @@
                 columnIndex,
                 extraData
               }
-            ) }, `cell_wrapper_${column.key}`) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("flex-shrink-0 relative", column.frozen && "sticky left-0 z-10 bg-white dark:bg-surface-800"), style: {
+            ) }, `cell_wrapper_${column.key}`) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls("flex-shrink-0 relative", column.frozen && "sticky left-0 z-10 bg-white dark:bg-surface-900"), style: {
               minWidth: column.width,
               maxWidth: column.width,
               width: column.width