@rebasepro/ui 0.1.0 → 0.1.2

package/dist/index.css

@@ -50,8 +50,8 @@
     --color-surface-accent-600: #475569;
     --color-surface-accent-700: #334155;
     --color-surface-accent-800: #1e293b;
-    --color-surface-accent-900: #0f172a;
-    --color-surface-accent-950: #020617;
+    --color-surface-accent-900: #172033;
+    --color-surface-accent-950: #0f172a;
 }
 
 /* Chrome, Safari and Opera */

package/dist/index.es.js

@@ -7417,7 +7417,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   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";
@@ -7508,7 +7508,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   }
   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__ */ jsx(Badge, { color: "secondary", invisible: !sort, children: /* @__PURE__ */ jsxs(IconButton, { size: "small", className: onHover || openFilter ? "bg-white dark:bg-surface-800" : void 0, onClick: () => {
+    t18 = column.sortable && (sort || hovered || openFilter) && /* @__PURE__ */ jsx(Badge, { color: "secondary", invisible: !sort, children: /* @__PURE__ */ jsxs(IconButton, { size: "small", className: onHover || openFilter ? "bg-white dark:bg-surface-900" : void 0, onClick: () => {
       onColumnSort(column.key);
     }, children: [
       !sort && /* @__PURE__ */ jsx(ArrowUpIcon, {}),
@@ -7540,7 +7540,7 @@ const VirtualTableHeader = React__default.memo(function VirtualTableHeader2(t0)
   }
   let t20;
   if ($[39] !== column || $[40] !== createFilterField || $[41] !== filter || $[42] !== hidden || $[43] !== onHover || $[44] !== openFilter || $[45] !== update) {
-    t20 = column.filter && createFilterField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { color: "secondary", invisible: !filter, children: /* @__PURE__ */ jsx(Popover, { open: openFilter, onOpenChange: setOpenFilter, className: hidden ? "hidden" : void 0, modal: true, trigger: /* @__PURE__ */ jsx(IconButton, { className: onHover || openFilter ? "bg-white dark:bg-surface-800" : void 0, size: "small", onClick: handleSettingsClick, children: /* @__PURE__ */ jsx(FilterIcon, { size: iconSize.small }) }), children: /* @__PURE__ */ jsx(FilterForm, { column, filter, onHover, onFilterUpdate: update, createFilterField, hidden, setHidden }) }) }) });
+    t20 = column.filter && createFilterField && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Badge, { color: "secondary", invisible: !filter, children: /* @__PURE__ */ jsx(Popover, { open: openFilter, onOpenChange: setOpenFilter, className: hidden ? "hidden" : void 0, modal: true, trigger: /* @__PURE__ */ jsx(IconButton, { className: onHover || openFilter ? "bg-white dark:bg-surface-900" : void 0, size: "small", onClick: handleSettingsClick, children: /* @__PURE__ */ jsx(FilterIcon, { size: iconSize.small }) }), children: /* @__PURE__ */ jsx(FilterForm, { column, filter, onHover, onFilterUpdate: update, createFilterField, hidden, setHidden }) }) }) });
     $[39] = column;
     $[40] = createFilterField;
     $[41] = filter;
@@ -7969,7 +7969,7 @@ const VirtualTableHeaderRow = ({
     setIsResizing(index_0);
     setCursorDocument(true);
   }, [setCursorDocument]);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ 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__ */ jsx(Fragment, { children: /* @__PURE__ */ 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) => {
@@ -8014,7 +8014,7 @@ const VirtualTableRow = React__default.memo(function VirtualTableRow2(t0) {
   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
     });
@@ -8398,7 +8398,7 @@ const SortableCellWrapper = (t0) => {
     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);
@@ -8479,7 +8479,7 @@ function MemoizedList({
               columnIndex,
               extraData
             }
-          ) }, `cell_wrapper_${column.key}`) : /* @__PURE__ */ 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__ */ 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