@rebasepro/ui 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.es.js +7 -7
  3. package/dist/index.es.js.map +1 -1
  4. package/dist/index.umd.js +7 -7
  5. package/dist/index.umd.js.map +1 -1
  6. package/package.json +2 -2
  7. package/src/components/VirtualTable/VirtualTable.tsx +2 -2
  8. package/src/components/VirtualTable/VirtualTableHeader.tsx +3 -3
  9. package/src/components/VirtualTable/VirtualTableHeaderRow.tsx +1 -1
  10. package/src/components/VirtualTable/VirtualTableRow.tsx +1 -1
  11. package/src/index.css +2 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rebasepro/ui",
3
3
  "type": "module",
4
- "version": "0.1.0",
4
+ "version": "0.1.2",
5
5
  "description": "Awesome Firebase/Firestore-based headless open-source CMS",
6
6
  "funding": {
7
7
  "url": "https://github.com/sponsors/rebaseco"
@@ -69,7 +69,7 @@
69
69
  "react-use-measure": "^2.1.7",
70
70
  "react-window": "^1.8.11",
71
71
  "tailwind-merge": "^2.6.0",
72
- "@rebasepro/types": "0.1.0"
72
+ "@rebasepro/types": "0.1.2"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "react": ">=19.0.0",
package/src/components/VirtualTable/VirtualTable.tsx CHANGED
@@ -471,7 +471,7 @@ const SortableCellWrapper = ({
471
471
  style={style}
472
472
  className={cls(
473
473
  "flex-shrink-0",
474
- frozen && "sticky left-0 z-10 bg-white dark:bg-surface-800"
474
+ frozen && "sticky left-0 z-10 bg-white dark:bg-surface-900"
475
475
  )}
476
476
  {...attrsWithoutTabIndex}
477
477
  >
@@ -581,7 +581,7 @@ function MemoizedList({
581
581
  key={`cell_wrapper_${column.key}`}
582
582
  className={cls(
583
583
  "flex-shrink-0 relative",
584
- column.frozen && "sticky left-0 z-10 bg-white dark:bg-surface-800"
584
+ column.frozen && "sticky left-0 z-10 bg-white dark:bg-surface-900"
585
585
  )}
586
586
  style={{
587
587
  minWidth: column.width,
package/src/components/VirtualTable/VirtualTableHeader.tsx CHANGED
@@ -90,7 +90,7 @@ export const VirtualTableHeader = React.memo<VirtualTableHeaderProps<any>>(
90
90
  className={cls("flex py-0 px-3 h-full text-xs uppercase font-semibold relative select-none items-center",
91
91
  isDragging
92
92
  ? "bg-primary-bg dark:bg-primary-bg-dark"
93
- : "bg-surface-50 dark:bg-surface-800",
93
+ : "bg-surface-50 dark:bg-surface-900",
94
94
  "text-text-secondary hover:text-text-primary dark:text-text-secondary-dark dark:hover:text-text-primary-dark",
95
95
  !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",
96
96
  column.frozen ? "sticky left-0 z-10" : "relative z-0",
@@ -134,7 +134,7 @@ export const VirtualTableHeader = React.memo<VirtualTableHeaderProps<any>>(
134
134
  invisible={!sort}>
135
135
  <IconButton
136
136
  size={"small"}
137
- className={onHover || openFilter ? "bg-white dark:bg-surface-800" : undefined}
137
+ className={onHover || openFilter ? "bg-white dark:bg-surface-900" : undefined}
138
138
  onClick={() => {
139
139
  onColumnSort(column.key as Extract<keyof M, string>);
140
140
  }}
@@ -161,7 +161,7 @@ export const VirtualTableHeader = React.memo<VirtualTableHeaderProps<any>>(
161
161
  modal={true}
162
162
  trigger={
163
163
  <IconButton
164
- className={onHover || openFilter ? "bg-white dark:bg-surface-800" : undefined}
164
+ className={onHover || openFilter ? "bg-white dark:bg-surface-900" : undefined}
165
165
  size={"small"}
166
166
  onClick={handleSettingsClick}>
167
167
  <FilterIcon size={iconSize.small}/>
package/src/components/VirtualTable/VirtualTableHeaderRow.tsx CHANGED
@@ -209,7 +209,7 @@ export const VirtualTableHeaderRow = ({
209
209
  return (
210
210
  <>
211
211
  <div
212
- 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")}
212
+ 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")}
213
213
  style={{ height: headerHeight }}>
214
214
  {columns.map((column, columnIndex) => {
215
215
  const filterForThisProperty: [VirtualTableWhereFilterOp, any] | undefined =
package/src/components/VirtualTable/VirtualTableRow.tsx CHANGED
@@ -28,7 +28,7 @@ export const VirtualTableRow = React.memo<VirtualTableRowProps<any>>(
28
28
  return (
29
29
  <div
30
30
  className={cls(
31
- "flex min-w-full text-sm border-b border-surface-200/60 dark:border-surface-700/60 dark:bg-surface-900",
31
+ "flex min-w-full text-sm border-b border-surface-200/60 dark:border-surface-700/60 dark:bg-surface-800",
32
32
  rowClassName ? rowClassName(rowData) : "",
33
33
  {
34
34
  "hover:!bg-surface-50/75 dark:hover:!bg-surface-800/75": hoverRow,
package/src/index.css CHANGED
@@ -50,8 +50,8 @@
50
50
  --color-surface-accent-600: #475569;
51
51
  --color-surface-accent-700: #334155;
52
52
  --color-surface-accent-800: #1e293b;
53
- --color-surface-accent-900: #0f172a;
54
- --color-surface-accent-950: #020617;
53
+ --color-surface-accent-900: #172033;
54
+ --color-surface-accent-950: #0f172a;
55
55
  }
56
56
 
57
57
  /* Chrome, Safari and Opera */