@infinite-table/infinite-react 6.2.5 → 6.2.7

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 +1 -1543
  2. package/index.dev.js +3 -2
  3. package/index.dev.mjs +3 -2
  4. package/index.js +14 -28201
  5. package/index.mjs +14 -28168
  6. package/package.json +2 -2
  7. package/theme/balsam.css +61 -65
  8. package/theme/default.css +69 -49
  9. package/theme/minimalist.css +49 -21
  10. package/theme/ocean.css +49 -21
  11. package/theme/shadcn.css +25 -17
package/theme/ocean.css CHANGED
@@ -1,12 +1,23 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YzW7bMAzH730KAsGAFoiKOHHczLvsVRSJjoXakiEpTYCh7z7Y8zp/RXZit0UxH3opyb9oktKPyKOQkZDCIrExpkgkTZEQxZDKUCtll/B42QN+3QEQ8uYQI+WoCVOJ0iG8UH1fMRb/ffhRj2CYJNf4lyfsKXs+aHWUvBX2N4dcOFYvNeemWpRQEwt5cOlRxlDa7mze4o+ZS8IcGUNjejS4OkmXCmqtdLfGv8aEUDSm054qjiEk4hDbhr36jSEsdvsti4KGTzWzBfdwF7FmL8vwlb/ebHjDWKtBCIvAZxj4DafKJ4awiFiwDbbdA1C0t5bSE+ebVkquYQhhsdntebTrGsm90nmgVVkIXnYGoxLBociMpOJ8LyQYfdgvwWoqTUY1SrvsnmDwVt8ujHH1KJ33Zfxhfvuw6ikJRjYEqSQ6nMpUerxOgts4hFV2bk2TFS+lr5BcMGqVJkIatCGss3PxjeVfI1Srk+sKXL7JeaDivBbcUcCGXv24hyWcYmER1u0a5p7tAXI8Pe5UDSbILPKpHrKaZjvPYZXoSMpVkhTlkRjMqC76W97aya5IIT+62IWKsJiSTKMx7orXZF7vmuDL309CivfzClMFlw5TG7MVSReCnYGTaVaZ7xC9OdCV6LxjzDvGvGPMO8a8Y8w7xn+yY3Cqn4dbxm0YueLUy0ChOXP7y3E779tYbK82a+ZHF7D9PaArSnuw7T0FvvfkxPYWPd9rkv0itjuXhR5sr9ZetGkuBhNi+222Z3Z/PXbP6O6tyDTkdt+Sz8f3zxS5oHCfaYxQl08YMSx/U/88pw8FBx0IHfgr+y0svZ6mU/N0PFGnYeo0VO3nai9Zh7F1CF17+DqQsIMYey1lb+PsB5L2g1k7kLZDeTuQuKOYO4K6787dScn7Puz9FPp+DH+nIvBEDAZ4vXv9DSgJJZDFHgAA */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3ZzWrjMBAA4HueQhAWWohKnDhu1nvZV1GkcSxqS0ZSmsCSd1/sDY3jH9mJ1S4FHQoFjUZjWRp/kBcuEi64AWxSyAELkgPGkgIRsZLSLNBLfwT6M0MI44+AFAgDhSlkGd5JVf6v+D41MQqKE9Iy4wxRmUmFc3564gJptd8tkFFE6IIoEGaB3ol6qqWswp9RuPzx/Gtosbg1+TrWnJ3wzIDCwLiRCu8IfdsreRCslUPJI5aM1UL6CikrbZdQ1d89w7Jq/eFS+X4T3MxWBd2xepIRnXKxt61PKAVhBuYfClsKfaAUtB7IweRR2LKAUlJ158hBHPqe+2NLOieN3Pj+La+ycAM5ZlyTXQbMlrOxZn8yQg1/h6HTOHQervkKBVrba+tPk0nCcE70GzZwMlNz3Pueygd9aMlrk4pR1aQ6x3PJIEZZ2Zwa4/WTH6P5drehSdSIqRc2ZwFsE9q8k5fpy3C1XrPG4M3NiNE8CilEYSOodvBjNE9otIk2tg5YL+mVsXWrJFtLidF8vd2xZNvVWi6d3Mhieh8P2n28vkYGiYmRkAIsQZdPykDUkTOTxmhZnFovuLpkVSwXjFNSfgG40GBitCpO1TNe/joO5e23IO7ah447WzuvC3RMuQG0am9F1+1+sEOVqTRkQI39/t/zobnJ2a5z3E50FGXbkqqZaSiIql7T5T5MOXznWVM0ZTPAuGoGdwzVHGQZavupltJmK+tEZznrmLMkfXiirVCPR49Hj0ePR49Hj0ePR4/H74xHRtTb+JFpdCwzulZeldODzIPMg8yD7JuCrOxhUz22XK9omPR47GdEloQMeCx4jcLg1eqxDQRh0CRbr8c6FTjgseUqSNZN8Tn02PVFe5TVBOJNNrgjbkjWOn/n2e8cGCfoqVCQgLrcR6xp2SD+9YbnCjgWG438wfOLkTSVSU6h9AiVXGPpfi5NB5MbMrlB04NscgUnx3RyjydnfHIDqCmEmoCoYUYNQmocpcZgaoBTI0E1ilT3ouoxVn0hrEbSaiyuRvJqErA+nVhOkfU5zPov0PoKaiF0np3/AsUNcXQ3JgAA */
2
2
  .infinite-theme-name--ocean:root,
3
3
  .infinite-theme-name--ocean {
4
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
5
+ --infinite-header-cell-border: var(--infinite-cell-border);
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--infinite-color);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: var(--infinite-header-cell-hover-background);
9
+ --infinite-cell-color: var(--infinite-color);
7
10
  --infinite-flashing-background: var(--infinite-accent-color);
8
11
  --infinite-flashing-up-background: var(--infinite-success-color);
9
12
  --infinite-flashing-down-background: var(--infinite-error-color);
13
+ --infinite-menu-color: var(--infinite-cell-color);
14
+ --infinite-menu-background: var(--infinite-header-cell-background);
15
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--infinite-background);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: var(--infinite-background);
10
21
  --infinite-theme-name: ocean;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-accent-color: #8b5cf6;
@@ -17,31 +28,38 @@
17
28
  --infinite-header-cell-background: #7dd3fc;
18
29
  --infinite-header-cell-hover-background: #38bdf8;
19
30
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
20
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
21
31
  --infinite-cell-border-left: none;
22
32
  --infinite-cell-border-right: none;
23
33
  --infinite-cell-border-width: 0px;
24
34
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
25
- --infinite-row-background: var(--infinite-background);
26
35
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
27
36
  --infinite-row-hover-background: var(--infinite-header-cell-background);
28
37
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
29
38
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
30
39
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
31
- --infinite-menu-background: var(--infinite-header-cell-background);
32
- --infinite-menu-item-pressed-background: var(--infinite-background);
33
40
  }
34
41
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
35
42
  .infinite-theme-mode--light .infinite-theme-name--ocean,
36
43
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
37
44
  .infinite-theme-name--ocean .infinite-theme-mode--light,
38
45
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
46
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
47
+ --infinite-header-cell-border: var(--infinite-cell-border);
48
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
39
49
  --infinite-header-color: var(--infinite-color);
40
- --infinite-cell-color: var(--infinite-color);
41
50
  --infinite-header-background: var(--infinite-header-cell-hover-background);
51
+ --infinite-cell-color: var(--infinite-color);
42
52
  --infinite-flashing-background: var(--infinite-accent-color);
43
53
  --infinite-flashing-up-background: var(--infinite-success-color);
44
54
  --infinite-flashing-down-background: var(--infinite-error-color);
55
+ --infinite-menu-color: var(--infinite-cell-color);
56
+ --infinite-menu-background: var(--infinite-header-cell-background);
57
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
58
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
59
+ --infinite-menu-item-pressed-background: var(--infinite-background);
60
+ --infinite-load-mask-text-background: var(--infinite-background);
61
+ --infinite-load-mask-color: var(--infinite-cell-color);
62
+ --infinite-row-background: var(--infinite-background);
45
63
  --infinite-theme-name: ocean;
46
64
  --infinite-theme-mode: light;
47
65
  --infinite-accent-color: #8b5cf6;
@@ -52,29 +70,36 @@
52
70
  --infinite-header-cell-background: #7dd3fc;
53
71
  --infinite-header-cell-hover-background: #38bdf8;
54
72
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
55
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
56
73
  --infinite-cell-border-left: none;
57
74
  --infinite-cell-border-right: none;
58
75
  --infinite-cell-border-width: 0px;
59
76
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
60
- --infinite-row-background: var(--infinite-background);
61
77
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
62
78
  --infinite-row-hover-background: var(--infinite-header-cell-background);
63
79
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
64
80
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
65
81
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
66
- --infinite-menu-background: var(--infinite-header-cell-background);
67
- --infinite-menu-item-pressed-background: var(--infinite-background);
68
82
  }
69
83
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
70
84
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
71
85
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
86
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
87
+ --infinite-header-cell-border: var(--infinite-cell-border);
88
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
72
89
  --infinite-header-color: var(--infinite-color);
73
- --infinite-cell-color: var(--infinite-color);
74
90
  --infinite-header-background: var(--infinite-header-cell-hover-background);
91
+ --infinite-cell-color: var(--infinite-color);
75
92
  --infinite-flashing-background: var(--infinite-accent-color);
76
93
  --infinite-flashing-up-background: var(--infinite-success-color);
77
94
  --infinite-flashing-down-background: var(--infinite-error-color);
95
+ --infinite-menu-color: var(--infinite-cell-color);
96
+ --infinite-menu-background: var(--infinite-header-cell-background);
97
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
98
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
99
+ --infinite-menu-item-pressed-background: var(--infinite-background);
100
+ --infinite-load-mask-text-background: var(--infinite-background);
101
+ --infinite-load-mask-color: var(--infinite-cell-color);
102
+ --infinite-row-background: var(--infinite-background);
78
103
  --infinite-theme-name: ocean;
79
104
  --infinite-theme-mode: dark;
80
105
  --infinite-accent-color: #8b5cf6;
@@ -85,29 +110,36 @@
85
110
  --infinite-header-cell-background: #04233d;
86
111
  --infinite-header-cell-hover-background: #021f35;
87
112
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
88
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
89
113
  --infinite-cell-border-left: none;
90
114
  --infinite-cell-border-right: none;
91
115
  --infinite-cell-border-width: 0px;
92
116
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
93
- --infinite-row-background: var(--infinite-background);
94
117
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
95
118
  --infinite-row-hover-background: var(--infinite-header-cell-background);
96
119
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
97
120
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
98
121
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
99
- --infinite-menu-background: var(--infinite-header-cell-background);
100
- --infinite-menu-item-pressed-background: var(--infinite-background);
101
122
  }
102
123
  @media (prefers-color-scheme: dark) {
103
124
  .infinite-theme-name--ocean:root,
104
125
  .infinite-theme-name--ocean {
126
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
127
+ --infinite-header-cell-border: var(--infinite-cell-border);
128
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
105
129
  --infinite-header-color: var(--infinite-color);
106
- --infinite-cell-color: var(--infinite-color);
107
130
  --infinite-header-background: var(--infinite-header-cell-hover-background);
131
+ --infinite-cell-color: var(--infinite-color);
108
132
  --infinite-flashing-background: var(--infinite-accent-color);
109
133
  --infinite-flashing-up-background: var(--infinite-success-color);
110
134
  --infinite-flashing-down-background: var(--infinite-error-color);
135
+ --infinite-menu-color: var(--infinite-cell-color);
136
+ --infinite-menu-background: var(--infinite-header-cell-background);
137
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
138
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
139
+ --infinite-menu-item-pressed-background: var(--infinite-background);
140
+ --infinite-load-mask-text-background: var(--infinite-background);
141
+ --infinite-load-mask-color: var(--infinite-cell-color);
142
+ --infinite-row-background: var(--infinite-background);
111
143
  --infinite-theme-name: ocean;
112
144
  --infinite-theme-mode: dark;
113
145
  --infinite-accent-color: #8b5cf6;
@@ -118,18 +150,14 @@
118
150
  --infinite-header-cell-background: #04233d;
119
151
  --infinite-header-cell-hover-background: #021f35;
120
152
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
121
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
122
153
  --infinite-cell-border-left: none;
123
154
  --infinite-cell-border-right: none;
124
155
  --infinite-cell-border-width: 0px;
125
156
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
126
- --infinite-row-background: var(--infinite-background);
127
157
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
128
158
  --infinite-row-hover-background: var(--infinite-header-cell-background);
129
159
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
130
160
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
131
161
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
132
- --infinite-menu-background: var(--infinite-header-cell-background);
133
- --infinite-menu-item-pressed-background: var(--infinite-background);
134
162
  }
135
163
  }
package/theme/shadcn.css CHANGED
@@ -1,12 +1,23 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Yy27bMBC8+yv2kiABQsMOkEOVS4/tF/RMk+uICEUKSyqPBv73gpQc60m5btCTDr54Z4bL3fVy4LUye2WUR+ZzLJAZXiBjLudSmIys9XewTkDgYwXA2CciRy6RmLDaUgYvnG4YKyqPku0t4RPZysjbxy5HoNZdxikUvu3jmzN2XDzXggPaKdTn7jV3uTJPKTYXAo0fP/uTX5UpCVcJgc7NaEj7alIqSGRpXOPUiQzqTowCCisxA62ect+LD4+dLlqnN9N97Fz6CC9JFZze+9jW1Y5Iic5TJbx6wT663ZEZ4eMAhpnaWZJIGRhrcBbGKFRpHtyqmyduXMkJTb+6bUZuX9LTOi7fvxihU7+R5dxIjfOio1PTvq63ZQbb8g2c1UoeZyDGhuUPTanZykgluLfElHHoM7gv36JM80lQT9kyrsucZ7BZb1P4OtFzuj5xjMQ9r7TPIGqwQr3dKAP2WYv8ricI283VXbuj8G1zlaqfxv34tJw3U23Uq5I+z2AzqB7Z18vWXCBaKS8nD+druoRxv9/CQ7+AD8MCBmmHGkV4EYbJ1UopzuzcT5zQFy3QVJdVJzK7M2nLmNX0Zowc5bFgUjm+073LT++REaItuVD+Pfx47ifRJaFzoyWuV2lM8BrWPxvqj7iCfhEvS6T4pgM0w7mz3ttiuF+6qyQKAlxnsUGNAkDrtzj+wI/NWqN1WIXPYdW3H+FNYyy+aX8RapuWVGxod1qiSSuUZH6daMd9JWQvZ6ZyXezeYvcWu7fYvcXuLXZvsXuL3ftfdk9yej4/8q9mL2h+vS2Lqh/T73aIP64Oq+8FSsXhpiTcIzUPLHMiQGvUbZRJpXDuX3czycSW/AFuxN9rIxQAAA== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTW/bMAy951fw0qIFqiAp0MPcy47bL9hZsehaiCwJlNymK/rfBylJ4/hDdtMCu/gQIIgeHymSIh+ylLqQWnpkvsQKmeYVMuZKLnKdkTH+DpYJCLwtABj7QJTIBRLLUSm2MRS+k3wqfQbaaHwcA/fCCqk8EkMhvSG24fn2iUytRQbPnG4aQDIvzAjRgNwOeDTK0NG8qj0KVhjCpE3C77C/eLUzb6ej8GsbXyjuSqmfUt54nqP2I/a1TVG4Os/RuREOYV50igWJDPVzVKjr83tbY80zUiLP0eaiLEdL6bFiQjq+USjOeDxx7Swn1H7QkOdePuNYc5XxClMCsYTOteLYE+7L17ZUhgtWcbdlHnf+sjScOAY67qMZ25bhbhe5PA2EDPYDoRdQGYEZqDAIWuddr4nH1LzVcB+dNfdH+5GsOL22sY0WPiIFOk91bIc2uvnyRojPRtukXmxatPusU5F++k5Z0cm/yEquhcJx0t7WaE5yb2wGa7sDZ5QUx3rFs26q4nuK1lILmfMwu6V26DO4t7tIc/gkTE/RMq5syTNYLdcp/D7QKRUacCOw4LXyGUQOVsndjdRgtiov71qEsF5d3TUrCj9WV6n8KSz6F+G0ddlEvUjhywxWnex1d+AnnnPfjEtlIq7OW3ho5+Ghm4dA7VBh7nun4p4pZTPavgMeJiwLY3ku/WtorvuAvobl7wP8V3xof4hbixTFDsChBBvjvan6p+zpwUT3ANdZjP/AANDouP5hPbhuAN4X4fO+aOuyMGUZi1P2E0dNNZc66+rABmlSIyYtv4/0TJYmaC+3TMU66+BZB886eNbBsw6edfCsg2cdPOvg/6yDBaft9JOvquDA+f16NbK+DW+ScP64eF/8rFBIDjeWsEA6jHzm8gDdo24jTSqEqX/2jgQTS/IPjS/gcFUWAAA= */
2
2
  .infinite-theme-name--shadcn:root,
3
3
  .infinite-theme-name--shadcn {
4
+ --infinite-header-cell-border-right: none;
5
+ --infinite-header-cell-border: none;
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--muted-foreground);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: var(--infinite-background);
9
+ --infinite-cell-color: var(--infinite-color);
7
10
  --infinite-flashing-background: var(--infinite-accent-color);
8
11
  --infinite-flashing-up-background: var(--infinite-success-color);
9
12
  --infinite-flashing-down-background: var(--infinite-error-color);
13
+ --infinite-menu-color: var(--popover-foreground);
14
+ --infinite-menu-background: var(--infinite-background);
15
+ --infinite-menu-item-disabled-background: transparent;
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--accent);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: var(--infinite-background);
10
21
  --infinite-theme-name: shadcn;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-background: var(--background);
@@ -14,8 +25,6 @@
14
25
  --infinite-success-color: var(--primary);
15
26
  --infinite-error-color: var(--destructive);
16
27
  --infinite-accent-color: var(--primary);
17
- --infinite-header-cell-border: none;
18
- --infinite-header-cell-border-right: none;
19
28
  --infinite-header-cell-background: transparent;
20
29
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
21
30
  --infinite-resize-handle-hover-background: var(--infinite-color);
@@ -27,16 +36,11 @@
27
36
  --infinite-cell-border-left: none;
28
37
  --infinite-cell-border-right: none;
29
38
  --infinite-cell-border-width: 0px;
30
- --infinite-row-background: var(--infinite-background);
31
39
  --infinite-row-odd-background: var(--infinite-background);
32
40
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
33
41
  --infinite-row-selected-background: var(--muted);
34
42
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
35
- --infinite-menu-background: var(--infinite-background);
36
- --infinite-menu-color: var(--popover-foreground);
37
- --infinite-menu-item-disabled-background: transparent;
38
43
  --infinite-menu-item-disabled-opacity: 0.2;
39
- --infinite-menu-item-pressed-background: var(--accent);
40
44
  & .InfiniteHeaderWrapper {
41
45
  border-bottom: var(--infinite-cell-border-top);
42
46
  &:hover {
@@ -49,12 +53,23 @@
49
53
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
50
54
  .infinite-theme-name--shadcn .infinite-theme-mode--light,
51
55
  .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
56
+ --infinite-header-cell-border-right: none;
57
+ --infinite-header-cell-border: none;
58
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
52
59
  --infinite-header-color: var(--muted-foreground);
53
- --infinite-cell-color: var(--infinite-color);
54
60
  --infinite-header-background: var(--infinite-background);
61
+ --infinite-cell-color: var(--infinite-color);
55
62
  --infinite-flashing-background: var(--infinite-accent-color);
56
63
  --infinite-flashing-up-background: var(--infinite-success-color);
57
64
  --infinite-flashing-down-background: var(--infinite-error-color);
65
+ --infinite-menu-color: var(--popover-foreground);
66
+ --infinite-menu-background: var(--infinite-background);
67
+ --infinite-menu-item-disabled-background: transparent;
68
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
69
+ --infinite-menu-item-pressed-background: var(--accent);
70
+ --infinite-load-mask-text-background: var(--infinite-background);
71
+ --infinite-load-mask-color: var(--infinite-cell-color);
72
+ --infinite-row-background: var(--infinite-background);
58
73
  --infinite-theme-name: shadcn;
59
74
  --infinite-theme-mode: light;
60
75
  --infinite-background: var(--background);
@@ -62,8 +77,6 @@
62
77
  --infinite-success-color: var(--primary);
63
78
  --infinite-error-color: var(--destructive);
64
79
  --infinite-accent-color: var(--primary);
65
- --infinite-header-cell-border: none;
66
- --infinite-header-cell-border-right: none;
67
80
  --infinite-header-cell-background: transparent;
68
81
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
69
82
  --infinite-resize-handle-hover-background: var(--infinite-color);
@@ -75,16 +88,11 @@
75
88
  --infinite-cell-border-left: none;
76
89
  --infinite-cell-border-right: none;
77
90
  --infinite-cell-border-width: 0px;
78
- --infinite-row-background: var(--infinite-background);
79
91
  --infinite-row-odd-background: var(--infinite-background);
80
92
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
81
93
  --infinite-row-selected-background: var(--muted);
82
94
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
83
- --infinite-menu-background: var(--infinite-background);
84
- --infinite-menu-color: var(--popover-foreground);
85
- --infinite-menu-item-disabled-background: transparent;
86
95
  --infinite-menu-item-disabled-opacity: 0.2;
87
- --infinite-menu-item-pressed-background: var(--accent);
88
96
  & .InfiniteHeaderWrapper {
89
97
  border-bottom: var(--infinite-cell-border-top);
90
98
  &:hover {