@infinite-table/infinite-react 6.1.1 → 6.2.0

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/index.css +269 -726
  2. package/index.dev.js +80 -80
  3. package/index.dev.mjs +80 -80
  4. package/index.js +80 -80
  5. package/index.mjs +80 -80
  6. package/package.json +2 -2
  7. package/theme/balsam.css +127 -0
  8. package/theme/default.css +609 -0
  9. package/theme/minimalist.css +115 -0
  10. package/theme/ocean.css +123 -0
  11. package/theme/shadcn.css +88 -0
package/theme/minimalist.css ADDED
@@ -0,0 +1,115 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X3WrbMBQA4Ps8xYHAaGEKSbbRod0M1pXtMRTpOBaVJXEk14HRdx9Ws811HP8s2dhoLnKT8+Nz5OiDLLTNtNURWcyxQGZFgYwV2upCGB0iJ+fia1gMpMG3GQBjP7MyI0Ku7ZZthLzfkiut4vAg6KqRI6REG5l0xtH1hyP1pe9rEUopMYSBHspVtq8LEjnq7tGsqnIdsRVPRRzm69s3N2/ft4LkqmcNIgkbvCC0sSPTKTUyu0Bb9u3zK9ReJ1UG9IJE/LEyh/nn27v13U0rN0ehkJhEY9jGkULiYJ1tn8BhGiO9zWNncjMrOs9h5XcQnNHqyBDP2gqly8Bh2T1B80CG5uxPbT7UYDa8yriFK61izmHpd60kIaN+2Odqq7RML0fbgJHD2u/SKe0/dekrWHzd135JW31CY9INBIi4iyz9dDJHBYfSeyQpQhoMIHM2sgqf5t04o56+NhgjEgteSG23HJaL5Tss6tjj7HHWvvyFU8iYqZtMCLXJGIofotNoPghSb/V5Gx9Y2NP+tOq+uS8AXwC+APySAFaC7sdHzsVv3fvPIZm6vwDK5iuxytabI5h13sT/BrNOiv82Zp1DXDD7BzD7WKDSAq48YYa0v28syFoBDjUA1+npQ4JM+Wd6uifnEeU8poxRZcCVKbJMteUUXab5MlqYicb8hjLjnBkrzSRrRmoz1puR4pxkTr86g+4clafPnlqfJNB3mAjZ//MSAAA= */
2
+ .infinite-theme-name--minimalist:root,
3
+ .infinite-theme-name--minimalist {
4
+ --infinite-flashing-background: var(--infinite-accent-color);
5
+ --infinite-flashing-up-background: var(--infinite-success-color);
6
+ --infinite-flashing-down-background: var(--infinite-error-color);
7
+ --infinite-background: white;
8
+ --infinite-color: #2D3748;
9
+ --infinite-row-background: transparent;
10
+ --infinite-row-odd-background: transparent;
11
+ --infinite-menu-background: var(--infinite-background);
12
+ --infinite-menu-separator-color: #EDF2F7;
13
+ --infinite-header-cell-border: none;
14
+ --infinite-header-cell-border-right: none;
15
+ --infinite-cell-border-top: 1px solid #EDF2F7;
16
+ --infinite-cell-border-radius: 0;
17
+ --infinite-header-background: none;
18
+ --infinite-header-cell-background: none;
19
+ --infinite-cell-border-left: none;
20
+ --infinite-cell-border-right: none;
21
+ --infinite-cell-border-width: 0px;
22
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
23
+ & .InfiniteHeaderCell {
24
+ text-transform: uppercase;
25
+ font-weight: bold;
26
+ letter-spacing: 0.05em;
27
+ }
28
+ }
29
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
30
+ .infinite-theme-mode--light .infinite-theme-name--minimalist,
31
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
32
+ .infinite-theme-name--minimalist .infinite-theme-mode--light,
33
+ .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
34
+ --infinite-flashing-background: var(--infinite-accent-color);
35
+ --infinite-flashing-up-background: var(--infinite-success-color);
36
+ --infinite-flashing-down-background: var(--infinite-error-color);
37
+ --infinite-background: white;
38
+ --infinite-color: #2D3748;
39
+ --infinite-row-background: transparent;
40
+ --infinite-row-odd-background: transparent;
41
+ --infinite-menu-background: var(--infinite-background);
42
+ --infinite-menu-separator-color: #EDF2F7;
43
+ --infinite-header-cell-border: none;
44
+ --infinite-header-cell-border-right: none;
45
+ --infinite-cell-border-top: 1px solid #EDF2F7;
46
+ --infinite-cell-border-radius: 0;
47
+ --infinite-header-background: none;
48
+ --infinite-header-cell-background: none;
49
+ --infinite-cell-border-left: none;
50
+ --infinite-cell-border-right: none;
51
+ --infinite-cell-border-width: 0px;
52
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
53
+ & .InfiniteHeaderCell {
54
+ text-transform: uppercase;
55
+ font-weight: bold;
56
+ letter-spacing: 0.05em;
57
+ }
58
+ }
59
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
60
+ .infinite-theme-mode--dark .infinite-theme-name--minimalist,
61
+ .infinite-theme-name--minimalist .infinite-theme-mode--dark {
62
+ --infinite-flashing-background: var(--infinite-accent-color);
63
+ --infinite-flashing-up-background: var(--infinite-success-color);
64
+ --infinite-flashing-down-background: var(--infinite-error-color);
65
+ --infinite-background: #1a1f2b;
66
+ --infinite-color: #EDF2F7;
67
+ --infinite-row-background: transparent;
68
+ --infinite-row-odd-background: transparent;
69
+ --infinite-menu-background: var(--infinite-background);
70
+ --infinite-menu-separator-color: #2D3748;
71
+ --infinite-header-cell-border: none;
72
+ --infinite-header-cell-border-right: none;
73
+ --infinite-cell-border-top: 1px solid #2D3748;
74
+ --infinite-cell-border-radius: 0;
75
+ --infinite-header-background: none;
76
+ --infinite-header-cell-background: none;
77
+ --infinite-cell-border-left: none;
78
+ --infinite-cell-border-right: none;
79
+ --infinite-cell-border-width: 0px;
80
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
81
+ & .InfiniteHeaderCell {
82
+ text-transform: uppercase;
83
+ font-weight: bold;
84
+ letter-spacing: 0.05em;
85
+ }
86
+ }
87
+ @media (prefers-color-scheme: dark) {
88
+ .infinite-theme-name--minimalist:root,
89
+ .infinite-theme-name--minimalist {
90
+ --infinite-flashing-background: var(--infinite-accent-color);
91
+ --infinite-flashing-up-background: var(--infinite-success-color);
92
+ --infinite-flashing-down-background: var(--infinite-error-color);
93
+ --infinite-background: #1a1f2b;
94
+ --infinite-color: #EDF2F7;
95
+ --infinite-row-background: transparent;
96
+ --infinite-row-odd-background: transparent;
97
+ --infinite-menu-background: var(--infinite-background);
98
+ --infinite-menu-separator-color: #2D3748;
99
+ --infinite-header-cell-border: none;
100
+ --infinite-header-cell-border-right: none;
101
+ --infinite-cell-border-top: 1px solid #2D3748;
102
+ --infinite-cell-border-radius: 0;
103
+ --infinite-header-background: none;
104
+ --infinite-header-cell-background: none;
105
+ --infinite-cell-border-left: none;
106
+ --infinite-cell-border-right: none;
107
+ --infinite-cell-border-width: 0px;
108
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
109
+ & .InfiniteHeaderCell {
110
+ text-transform: uppercase;
111
+ font-weight: bold;
112
+ letter-spacing: 0.05em;
113
+ }
114
+ }
115
+ }
package/theme/ocean.css ADDED
@@ -0,0 +1,123 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y3Y6iMBQH8Pt5iiZmE03sRBTRZW/2VWp7kGagJW39SDa++wZ0Z6FgRUEnk3DhVc/5txypv8R3LiIuuAFsYkgBC5ICxpICEaGS0kzR+/UK9OcNIYw/C6KE6JiLLd4Q+rFVcidYiPZEjUs1hFIQBlOZSDX5daV/l7ki9I5S0PpGBpMH4UoBpaRqziifMUSj9WZJo8CqKSePmAfriFoV/9pn/nyxYNZi5RlCNAp8CoFvFZWOGKJRRINlsLRKYiAMFKaQJNUjrRhb1I5Uro7lHlS1Z7HesGh9ped8CmuIjeMr4u+t30iVb2NkFiIvOyItE85QUY9TfhxzgbTabqbIKCJ0RhQIM22OR97sh71HZU7nrRTfxqb7Zn59s/IuCUQmREIKcBRdjnKj6sCZiUM0y46199Xw/aWWC8YpMVJhLjSYEM2zY/GMl4/VquTBdUn+L9nPmDdKxirNDQO08qrbTaboEHMDaF6fYV5Zf0WtuOa3vylKQwLUAGubZm/tzKyfs90kGg7lGkkKYoc1ZEQV3+/lhvV2RYr4zsMuUriBFGcKtHZPvBJzerOpSSUDjJP8ctyxVALKsVSHrRTpQs/Z2FtmWVlH6MONroMOqg+qD6oPqg+qD6o/TXVG1Ef7lW6m54l981tkDlKeiZkt5tSPrkj5MyAzQm5I6a0C31s5pVyC53s2plelbPT5hpSzuRctrln8LaT83Hng8vtxOWh5cyL9YOm+JV8v5u8UGCdonCmIQF1+JLGmOT8hyuWZFPQ41Gr55213vvoBrB/C2iHWhrEbkLWkrBVm93L2GGiPkHY/ai9k7cWwtaStLW4teesEXAfino5cr8w9B7ovoe412PXFXU/gIXR6O/0F7dQ2WokcAAA= */
2
+ .infinite-theme-name--ocean:root,
3
+ .infinite-theme-name--ocean {
4
+ --infinite-flashing-background: var(--infinite-accent-color);
5
+ --infinite-flashing-up-background: var(--infinite-success-color);
6
+ --infinite-flashing-down-background: var(--infinite-error-color);
7
+ --infinite-accent-color: #8b5cf6;
8
+ --infinite-background: #d1e8fc;
9
+ --infinite-color: #04233d;
10
+ --infinite-success-color: #64ce64;
11
+ --infinite-error-color: #fc6565;
12
+ --infinite-header-cell-background: #7dd3fc;
13
+ --infinite-header-cell-hover-background: #38bdf8;
14
+ --infinite-header-color: var(--infinite-color);
15
+ --infinite-cell-color: var(--infinite-color);
16
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
17
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
+ --infinite-cell-border-left: none;
19
+ --infinite-cell-border-right: none;
20
+ --infinite-cell-border-width: 0px;
21
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
22
+ --infinite-row-background: var(--infinite-background);
23
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
24
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
25
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
26
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
27
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
28
+ --infinite-menu-background: var(--infinite-header-cell-background);
29
+ --infinite-menu-item-pressed-background: var(--infinite-background);
30
+ }
31
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
32
+ .infinite-theme-mode--light .infinite-theme-name--ocean,
33
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
34
+ .infinite-theme-name--ocean .infinite-theme-mode--light,
35
+ .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
36
+ --infinite-flashing-background: var(--infinite-accent-color);
37
+ --infinite-flashing-up-background: var(--infinite-success-color);
38
+ --infinite-flashing-down-background: var(--infinite-error-color);
39
+ --infinite-accent-color: #8b5cf6;
40
+ --infinite-background: #d1e8fc;
41
+ --infinite-color: #04233d;
42
+ --infinite-success-color: #64ce64;
43
+ --infinite-error-color: #fc6565;
44
+ --infinite-header-cell-background: #7dd3fc;
45
+ --infinite-header-cell-hover-background: #38bdf8;
46
+ --infinite-header-color: var(--infinite-color);
47
+ --infinite-cell-color: var(--infinite-color);
48
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
49
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
50
+ --infinite-cell-border-left: none;
51
+ --infinite-cell-border-right: none;
52
+ --infinite-cell-border-width: 0px;
53
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
54
+ --infinite-row-background: var(--infinite-background);
55
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
56
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
57
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
58
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
59
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
60
+ --infinite-menu-background: var(--infinite-header-cell-background);
61
+ --infinite-menu-item-pressed-background: var(--infinite-background);
62
+ }
63
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
64
+ .infinite-theme-mode--dark .infinite-theme-name--ocean,
65
+ .infinite-theme-name--ocean .infinite-theme-mode--dark {
66
+ --infinite-flashing-background: var(--infinite-accent-color);
67
+ --infinite-flashing-up-background: var(--infinite-success-color);
68
+ --infinite-flashing-down-background: var(--infinite-error-color);
69
+ --infinite-accent-color: #8b5cf6;
70
+ --infinite-background: #032c4f;
71
+ --infinite-color: #96a0aa;
72
+ --infinite-success-color: #176417;
73
+ --infinite-error-color: #5e1414;
74
+ --infinite-header-cell-background: #04233d;
75
+ --infinite-header-cell-hover-background: #021f35;
76
+ --infinite-header-color: var(--infinite-color);
77
+ --infinite-cell-color: var(--infinite-color);
78
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
79
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
80
+ --infinite-cell-border-left: none;
81
+ --infinite-cell-border-right: none;
82
+ --infinite-cell-border-width: 0px;
83
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
84
+ --infinite-row-background: var(--infinite-background);
85
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
86
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
87
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
88
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
89
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
90
+ --infinite-menu-background: var(--infinite-header-cell-background);
91
+ --infinite-menu-item-pressed-background: var(--infinite-background);
92
+ }
93
+ @media (prefers-color-scheme: dark) {
94
+ .infinite-theme-name--ocean:root,
95
+ .infinite-theme-name--ocean {
96
+ --infinite-flashing-background: var(--infinite-accent-color);
97
+ --infinite-flashing-up-background: var(--infinite-success-color);
98
+ --infinite-flashing-down-background: var(--infinite-error-color);
99
+ --infinite-accent-color: #8b5cf6;
100
+ --infinite-background: #032c4f;
101
+ --infinite-color: #96a0aa;
102
+ --infinite-success-color: #176417;
103
+ --infinite-error-color: #5e1414;
104
+ --infinite-header-cell-background: #04233d;
105
+ --infinite-header-cell-hover-background: #021f35;
106
+ --infinite-header-color: var(--infinite-color);
107
+ --infinite-cell-color: var(--infinite-color);
108
+ --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
109
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
110
+ --infinite-cell-border-left: none;
111
+ --infinite-cell-border-right: none;
112
+ --infinite-cell-border-width: 0px;
113
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
114
+ --infinite-row-background: var(--infinite-background);
115
+ --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
116
+ --infinite-row-hover-background: var(--infinite-header-cell-background);
117
+ --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
118
+ --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
119
+ --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
120
+ --infinite-menu-background: var(--infinite-header-cell-background);
121
+ --infinite-menu-item-pressed-background: var(--infinite-background);
122
+ }
123
+ }
package/theme/shadcn.css ADDED
@@ -0,0 +1,88 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Wy27bMBC8+yt4CmKgVOwAvag/0H5BzzS5MolSXGJJ2UmL/HuhRxtaD9o1egp00MWaGa52h+spjKuMMxF41FADd6IGzoMWSrqSEOMnVmQg7NeGMc7/IiorgjbuyA9C/jgSNk6V7CToMcEIKcFFLtEibb8s8BufkwiNlBDCFQ2FZ5dTASKkeY2UpYN97Jnvv27HhE4lxVZIsIC9qD7leDK1oNcJISk0hSsIkRoZzQkmlLTJtxyhQSiYOaNuIqjcx/whgrX8gKSASubQwVUYJ3PU8To4mUQk4YIXBC5mGBpPQLm5z8svfFhGZ5lLEMxP4Fo4ZeF6QbMWTFsV0Zds719YQGtU6sju/cz0W1P0EsYpI0VE4sYFiCV79i+d1vBkqO8lc2G9FiXbFfscvq/2ZtMtnKWgEo2NcwpPu2Kfa5SFat5StxkvRZ2Nirpku0mHCM93ugLPHJW6nzw10uiibp+Kz3PEABZke5Fz3CzxqocXjhmL1uCa+xrQMafWQt9VltlQHdFEqLkyQRzsqA3LS2WGiF5IE1/bi/C8iPYEISw2u9/MfZUPrPg28L926+Y7Ce+Bur9VxgYnHjBGrKdb43JBdIKMPZTdqAYFxpJ7NTRvZnDj6Q5ab5v2eduME0CNCji37TX6h1dpbsi9myaORDSbRrLM/yd6EYAysvczc7WuiWtNXGviWhPXmrjWxLUmro+ZuH4DZ2OYjZYRAAA= */
2
+ .infinite-theme-name--shadcn:root,
3
+ .infinite-theme-name--shadcn {
4
+ --infinite-flashing-background: var(--infinite-accent-color);
5
+ --infinite-flashing-up-background: var(--infinite-success-color);
6
+ --infinite-flashing-down-background: var(--infinite-error-color);
7
+ --infinite-background: hsl(var(--background));
8
+ --infinite-color: hsl(var(--foreground));
9
+ --infinite-success-color: hsl(var(--primary));
10
+ --infinite-error-color: hsl(var(--destructive));
11
+ --infinite-accent-color: hsl(var(--primary));
12
+ --infinite-header-color: hsl(var(--muted-foreground));
13
+ --infinite-header-cell-border: none;
14
+ --infinite-header-cell-border-right: none;
15
+ --infinite-header-cell-background: transparent;
16
+ --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
17
+ --infinite-header-background: var(--infinite-background);
18
+ --infinite-resize-handle-hover-background: var(--infinite-color);
19
+ --infinite-cell-border-top: 1px solid hsl(var(--border));
20
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
21
+ --infinite-active-cell-background-alpha: 0.1;
22
+ --infinite-active-cell-border-color: hsl(var(--primary));
23
+ --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
24
+ --infinite-cell-border-left: none;
25
+ --infinite-cell-border-right: none;
26
+ --infinite-cell-border-width: 0px;
27
+ --infinite-row-background: var(--infinite-background);
28
+ --infinite-row-odd-background: var(--infinite-background);
29
+ --infinite-row-hover-background: hsl(var(--muted)/.5);
30
+ --infinite-row-selected-background: hsl(var(--muted));
31
+ --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
32
+ --infinite-menu-background: var(--infinite-background);
33
+ --infinite-menu-color: hsl(var(--popover-foreground));
34
+ --infinite-menu-item-disabled-background: transparent;
35
+ --infinite-menu-item-disabled-opacity: 0.2;
36
+ --infinite-menu-item-pressed-background: hsl(var(--accent));
37
+ & .InfiniteHeaderWrapper {
38
+ border-bottom: var(--infinite-cell-border-top);
39
+ &:hover {
40
+ background-color: var(--infinite-row-hover-background);
41
+ }
42
+ }
43
+ }
44
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
45
+ .infinite-theme-mode--light .infinite-theme-name--shadcn,
46
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
47
+ .infinite-theme-name--shadcn .infinite-theme-mode--light,
48
+ .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
49
+ --infinite-flashing-background: var(--infinite-accent-color);
50
+ --infinite-flashing-up-background: var(--infinite-success-color);
51
+ --infinite-flashing-down-background: var(--infinite-error-color);
52
+ --infinite-background: hsl(var(--background));
53
+ --infinite-color: hsl(var(--foreground));
54
+ --infinite-success-color: hsl(var(--primary));
55
+ --infinite-error-color: hsl(var(--destructive));
56
+ --infinite-accent-color: hsl(var(--primary));
57
+ --infinite-header-color: hsl(var(--muted-foreground));
58
+ --infinite-header-cell-border: none;
59
+ --infinite-header-cell-border-right: none;
60
+ --infinite-header-cell-background: transparent;
61
+ --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
62
+ --infinite-header-background: var(--infinite-background);
63
+ --infinite-resize-handle-hover-background: var(--infinite-color);
64
+ --infinite-cell-border-top: 1px solid hsl(var(--border));
65
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
66
+ --infinite-active-cell-background-alpha: 0.1;
67
+ --infinite-active-cell-border-color: hsl(var(--primary));
68
+ --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
69
+ --infinite-cell-border-left: none;
70
+ --infinite-cell-border-right: none;
71
+ --infinite-cell-border-width: 0px;
72
+ --infinite-row-background: var(--infinite-background);
73
+ --infinite-row-odd-background: var(--infinite-background);
74
+ --infinite-row-hover-background: hsl(var(--muted)/.5);
75
+ --infinite-row-selected-background: hsl(var(--muted));
76
+ --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
77
+ --infinite-menu-background: var(--infinite-background);
78
+ --infinite-menu-color: hsl(var(--popover-foreground));
79
+ --infinite-menu-item-disabled-background: transparent;
80
+ --infinite-menu-item-disabled-opacity: 0.2;
81
+ --infinite-menu-item-pressed-background: hsl(var(--accent));
82
+ & .InfiniteHeaderWrapper {
83
+ border-bottom: var(--infinite-cell-border-top);
84
+ &:hover {
85
+ background-color: var(--infinite-row-hover-background);
86
+ }
87
+ }
88
+ }