@infinite-table/infinite-react 7.3.2-canary.0 → 7.3.3

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 (12) hide show
  1. package/index.css +1 -1
  2. package/index.d.ts +1 -0
  3. package/index.dev.js +4 -3
  4. package/index.dev.mjs +4 -3
  5. package/index.js +6 -6
  6. package/index.mjs +6 -6
  7. package/package.json +2 -2
  8. package/theme/balsam.css +111 -103
  9. package/theme/default.css +633 -623
  10. package/theme/minimalist.css +126 -120
  11. package/theme/ocean.css +129 -123
  12. package/theme/shadcn.css +110 -106
package/theme/default.css CHANGED
@@ -1,627 +1,282 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
- :root {
3
- --infinite-loaded: true;
4
- --infinite-theme-name: default;
5
- --infinite-theme-mode: light;
6
- --infinite-icon-size: 24px;
7
- --infinite-space-0: 0rem;
8
- --infinite-space-1: 0.125rem;
9
- --infinite-space-2: 0.25rem;
10
- --infinite-space-3: 0.5rem;
11
- --infinite-space-4: 0.75rem;
12
- --infinite-space-5: 1rem;
13
- --infinite-space-6: 1.25rem;
14
- --infinite-space-7: 1.5rem;
15
- --infinite-space-8: 2.25rem;
16
- --infinite-space-9: 3rem;
17
- --infinite-space-10: 4rem;
18
- --infinite-font-size-0: 0.5rem;
19
- --infinite-font-size-1: 0.625rem;
20
- --infinite-font-size-2: 0.75rem;
21
- --infinite-font-size-3: 0.875rem;
22
- --infinite-font-size-4: 1rem;
23
- --infinite-font-size-5: 1.25rem;
24
- --infinite-font-size-6: 1.5rem;
25
- --infinite-font-size-7: 2.25rem;
26
- --infinite-font-family: inherit;
27
- --infinite-focus-outline: 2px solid var(--infinite-accent-color);
28
- --infinite-color: #484848;
29
- --infinite-accent-color: #0284c7;
30
- --infinite-success-color: #7aff7a;
31
- --infinite-error-color: #ff0000;
32
- --infinite-border-radius: var(--infinite-space-2);
33
- --infinite-background: white;
34
- --infinite-min-height: 100px;
35
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
36
- --infinite-menu-background: var(--infinite-background);
37
- --infinite-menu-color: var(--infinite-cell-color);
38
- --infinite-menu-separator-color: currentColor;
39
- --infinite-menu-padding: var(--infinite-space-3);
40
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
41
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
42
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
43
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
44
- --infinite-menu-item-disabled-opacity: 0.5;
45
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
46
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
47
- --infinite-menu-item-active-opacity: 0.9;
48
- --infinite-menu-item-pressed-opacity: 1;
49
- --infinite-menu-border-radius: var(--infinite-space-2);
50
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
51
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
52
- --infinite-rowdetail-padding: var(--infinite-space-2);
53
- --infinite-rowdetail-grid-height: 100%;
54
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
55
- --infinite-load-mask-overlay-background: gray;
56
- --infinite-load-mask-overlay-opacity: 0.3;
57
- --infinite-load-mask-color: inherit;
58
- --infinite-load-mask-padding: var(--infinite-space-5);
59
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
60
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
61
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
62
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
63
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
64
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
65
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
66
- --infinite-resize-handle-active-area-width: 16px;
67
- --infinite-resize-handle-width: 2px;
68
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
69
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
70
- --infinite-header-cell-background: #ededed;
71
- --infinite-header-cell-border-right: var(--infinite-cell-border);
72
- --infinite-filter-editor-background: var(--infinite-row-background);
73
- --infinite-filter-editor-border: var(--infinite-cell-border);
74
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
75
- --infinite-header-cell-border: var(--infinite-cell-border);
76
- --infinite-filter-editor-color: currentColor;
77
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
78
- --infinite-header-cell-hover-background: #dfdfdf;
79
- --infinite-header-cell-padding-x: var(--infinite-space-3);
80
- --infinite-header-cell-padding-y: var(--infinite-space-3);
81
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
82
- --infinite-header-cell-icon-size: 16px;
83
- --infinite-header-cell-menu-icon-line-width: 1px;
84
- --infinite-header-cell-sort-icon-margin: 16px;
85
- --infinite-header-background: var(--infinite-header-cell-background);
86
- --infinite-header-color: #6f6f6f;
87
- --infinite-column-header-height: 30px;
88
- --infinite-grouping-toolbar-background: var(--infinite-background);
89
- --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
90
- --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
91
- --infinite-grouping-toolbar-active-background-alpha: 0.15;
92
- --infinite-grouping-toolbar-color: var(--infinite-cell-color);
93
- --infinite-grouping-toolbar-padding: var(--infinite-space-3);
94
- --infinite-grouping-toolbar-gap: var(--infinite-space-2);
95
- --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
96
- --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
97
- --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
98
- --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
99
- --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
100
- --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
101
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
102
- --infinite-cell-color: currentColor;
103
- --infinite-cell-border-width: 1px;
104
- --infinite-flashing-overlay-z-index: -1;
105
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
106
- --infinite-flashing-background: var(--infinite-accent-color);
107
- --infinite-flashing-up-background: var(--infinite-success-color);
108
- --infinite-flashing-down-background: var(--infinite-error-color);
109
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
110
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
111
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
112
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
113
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
114
- --infinite-cell-border-invisible: none;
115
- --infinite-cell-border-radius: var(--infinite-space-2);
116
- --infinite-column-reorder-effect-duration: .2s;
117
- --infinite-selected-cell-border-style: solid;
118
- --infinite-active-cell-border-style: dashed;
119
- --infinite-active-cell-border-width: 1px;
120
- --infinite-active-cell-background-alpha: 0.25;
121
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
122
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
123
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
124
- --infinite-row-background: var(--infinite-background);
125
- --infinite-row-odd-background: #f6f6f6;
126
- --infinite-row-disabled-opacity: 0.5;
127
- --infinite-row-disabled-background: #eeeeee;
128
- --infinite-row-odd-disabled-background: #f9f9f9;
129
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
130
- --infinite-row-selected-background: #d1e9ff;
131
- --infinite-row-selected-hover-background: #add8ff;
132
- --infinite-group-row-background: #cbc5c5;
133
- --infinite-group-row-column-nesting: 24px;
134
- --infinite-row-hover-background: #dbdbdb;
135
- --infinite-row-pointer-events-while-scrolling: auto;
136
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
137
- }
138
- .infinite-theme-mode--light,
139
- .infinite-theme-mode--light:root {
140
- --infinite-loaded: true;
141
- --infinite-theme-name: default;
142
- --infinite-theme-mode: light;
143
- --infinite-icon-size: 24px;
144
- --infinite-space-0: 0rem;
145
- --infinite-space-1: 0.125rem;
146
- --infinite-space-2: 0.25rem;
147
- --infinite-space-3: 0.5rem;
148
- --infinite-space-4: 0.75rem;
149
- --infinite-space-5: 1rem;
150
- --infinite-space-6: 1.25rem;
151
- --infinite-space-7: 1.5rem;
152
- --infinite-space-8: 2.25rem;
153
- --infinite-space-9: 3rem;
154
- --infinite-space-10: 4rem;
155
- --infinite-font-size-0: 0.5rem;
156
- --infinite-font-size-1: 0.625rem;
157
- --infinite-font-size-2: 0.75rem;
158
- --infinite-font-size-3: 0.875rem;
159
- --infinite-font-size-4: 1rem;
160
- --infinite-font-size-5: 1.25rem;
161
- --infinite-font-size-6: 1.5rem;
162
- --infinite-font-size-7: 2.25rem;
163
- --infinite-font-family: inherit;
164
- --infinite-focus-outline: 2px solid var(--infinite-accent-color);
165
- --infinite-color: #484848;
166
- --infinite-accent-color: #0284c7;
167
- --infinite-success-color: #7aff7a;
168
- --infinite-error-color: #ff0000;
169
- --infinite-border-radius: var(--infinite-space-2);
170
- --infinite-background: white;
171
- --infinite-min-height: 100px;
172
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
173
- --infinite-menu-background: var(--infinite-background);
174
- --infinite-menu-color: var(--infinite-cell-color);
175
- --infinite-menu-separator-color: currentColor;
176
- --infinite-menu-padding: var(--infinite-space-3);
177
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
178
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
179
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
180
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
181
- --infinite-menu-item-disabled-opacity: 0.5;
182
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
183
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
184
- --infinite-menu-item-active-opacity: 0.9;
185
- --infinite-menu-item-pressed-opacity: 1;
186
- --infinite-menu-border-radius: var(--infinite-space-2);
187
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
188
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
189
- --infinite-rowdetail-padding: var(--infinite-space-2);
190
- --infinite-rowdetail-grid-height: 100%;
191
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
192
- --infinite-load-mask-overlay-background: gray;
193
- --infinite-load-mask-overlay-opacity: 0.3;
194
- --infinite-load-mask-color: inherit;
195
- --infinite-load-mask-padding: var(--infinite-space-5);
196
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
197
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
198
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
199
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
200
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
201
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
202
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
203
- --infinite-resize-handle-active-area-width: 16px;
204
- --infinite-resize-handle-width: 2px;
205
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
206
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
207
- --infinite-header-cell-background: #ededed;
208
- --infinite-header-cell-border-right: var(--infinite-cell-border);
209
- --infinite-filter-editor-background: var(--infinite-row-background);
210
- --infinite-filter-editor-border: var(--infinite-cell-border);
211
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
212
- --infinite-header-cell-border: var(--infinite-cell-border);
213
- --infinite-filter-editor-color: currentColor;
214
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
215
- --infinite-header-cell-hover-background: #dfdfdf;
216
- --infinite-header-cell-padding-x: var(--infinite-space-3);
217
- --infinite-header-cell-padding-y: var(--infinite-space-3);
218
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
219
- --infinite-header-cell-icon-size: 16px;
220
- --infinite-header-cell-menu-icon-line-width: 1px;
221
- --infinite-header-cell-sort-icon-margin: 16px;
222
- --infinite-header-background: var(--infinite-header-cell-background);
223
- --infinite-header-color: #6f6f6f;
224
- --infinite-column-header-height: 30px;
225
- --infinite-grouping-toolbar-background: var(--infinite-background);
226
- --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
227
- --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
228
- --infinite-grouping-toolbar-active-background-alpha: 0.15;
229
- --infinite-grouping-toolbar-color: var(--infinite-cell-color);
230
- --infinite-grouping-toolbar-padding: var(--infinite-space-3);
231
- --infinite-grouping-toolbar-gap: var(--infinite-space-2);
232
- --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
233
- --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
234
- --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
235
- --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
236
- --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
237
- --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
238
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
239
- --infinite-cell-color: currentColor;
240
- --infinite-cell-border-width: 1px;
241
- --infinite-flashing-overlay-z-index: -1;
242
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
243
- --infinite-flashing-background: var(--infinite-accent-color);
244
- --infinite-flashing-up-background: var(--infinite-success-color);
245
- --infinite-flashing-down-background: var(--infinite-error-color);
246
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
247
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
248
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
249
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
250
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
251
- --infinite-cell-border-invisible: none;
252
- --infinite-cell-border-radius: var(--infinite-space-2);
253
- --infinite-column-reorder-effect-duration: .2s;
254
- --infinite-selected-cell-border-style: solid;
255
- --infinite-active-cell-border-style: dashed;
256
- --infinite-active-cell-border-width: 1px;
257
- --infinite-active-cell-background-alpha: 0.25;
258
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
259
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
260
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
261
- --infinite-row-background: var(--infinite-background);
262
- --infinite-row-odd-background: #f6f6f6;
263
- --infinite-row-disabled-opacity: 0.5;
264
- --infinite-row-disabled-background: #eeeeee;
265
- --infinite-row-odd-disabled-background: #f9f9f9;
266
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
267
- --infinite-row-selected-background: #d1e9ff;
268
- --infinite-row-selected-hover-background: #add8ff;
269
- --infinite-group-row-background: #cbc5c5;
270
- --infinite-group-row-column-nesting: 24px;
271
- --infinite-row-hover-background: #dbdbdb;
272
- --infinite-row-pointer-events-while-scrolling: auto;
273
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
274
- }
275
- .infinite-theme-mode--dark,
276
- .infinite-theme-mode--dark:root {
277
- --infinite-header-cell-border-right: var(--infinite-cell-border);
278
- --infinite-header-cell-border: var(--infinite-cell-border);
279
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
280
- --infinite-header-color: #c3c3c3;
281
- --infinite-header-background: var(--infinite-header-cell-background);
282
- --infinite-cell-color: #c3c3c3;
283
- --infinite-flashing-background: var(--infinite-accent-color);
284
- --infinite-flashing-up-background: var(--infinite-success-color);
285
- --infinite-flashing-down-background: var(--infinite-error-color);
286
- --infinite-menu-color: var(--infinite-cell-color);
287
- --infinite-menu-background: var(--infinite-background);
288
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
289
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
290
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
291
- --infinite-load-mask-text-background: var(--infinite-background);
292
- --infinite-load-mask-color: var(--infinite-cell-color);
293
- --infinite-row-background: var(--infinite-background);
294
- --infinite-theme-mode: dark;
295
- --infinite-icon-size: 24px;
296
- --infinite-background: #101419;
297
- --infinite-success-color: #008700;
298
- --infinite-cell-border: 1px solid #2a323d;
299
- --infinite-header-cell-background: #1b2129;
300
- --infinite-header-cell-hover-background: #222932;
301
- --infinite-row-hover-background: #3b4754;
302
- --infinite-row-selected-background: #0a2e4f;
303
- --infinite-row-selected-hover-background: #0b243a;
304
- --infinite-row-odd-background: #242a31;
305
- --infinite-row-disabled-background: #292a2c;
306
- --infinite-row-odd-disabled-background: #2d2e30;
307
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
308
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
309
- }
310
- .infinite-theme-name--default:root,
311
- .infinite-theme-name--default {
312
- --infinite-loaded: true;
313
- --infinite-theme-name: default;
314
- --infinite-theme-mode: light;
315
- --infinite-icon-size: 24px;
316
- --infinite-space-0: 0rem;
317
- --infinite-space-1: 0.125rem;
318
- --infinite-space-2: 0.25rem;
319
- --infinite-space-3: 0.5rem;
320
- --infinite-space-4: 0.75rem;
321
- --infinite-space-5: 1rem;
322
- --infinite-space-6: 1.25rem;
323
- --infinite-space-7: 1.5rem;
324
- --infinite-space-8: 2.25rem;
325
- --infinite-space-9: 3rem;
326
- --infinite-space-10: 4rem;
327
- --infinite-font-size-0: 0.5rem;
328
- --infinite-font-size-1: 0.625rem;
329
- --infinite-font-size-2: 0.75rem;
330
- --infinite-font-size-3: 0.875rem;
331
- --infinite-font-size-4: 1rem;
332
- --infinite-font-size-5: 1.25rem;
333
- --infinite-font-size-6: 1.5rem;
334
- --infinite-font-size-7: 2.25rem;
335
- --infinite-font-family: inherit;
336
- --infinite-focus-outline: 2px solid var(--infinite-accent-color);
337
- --infinite-color: #484848;
338
- --infinite-accent-color: #0284c7;
339
- --infinite-success-color: #7aff7a;
340
- --infinite-error-color: #ff0000;
341
- --infinite-border-radius: var(--infinite-space-2);
342
- --infinite-background: white;
343
- --infinite-min-height: 100px;
344
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
345
- --infinite-menu-background: var(--infinite-background);
346
- --infinite-menu-color: var(--infinite-cell-color);
347
- --infinite-menu-separator-color: currentColor;
348
- --infinite-menu-padding: var(--infinite-space-3);
349
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
350
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
351
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
352
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
353
- --infinite-menu-item-disabled-opacity: 0.5;
354
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
355
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
356
- --infinite-menu-item-active-opacity: 0.9;
357
- --infinite-menu-item-pressed-opacity: 1;
358
- --infinite-menu-border-radius: var(--infinite-space-2);
359
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
360
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
361
- --infinite-rowdetail-padding: var(--infinite-space-2);
362
- --infinite-rowdetail-grid-height: 100%;
363
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
364
- --infinite-load-mask-overlay-background: gray;
365
- --infinite-load-mask-overlay-opacity: 0.3;
366
- --infinite-load-mask-color: inherit;
367
- --infinite-load-mask-padding: var(--infinite-space-5);
368
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
369
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
370
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
371
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
372
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
373
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
374
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
375
- --infinite-resize-handle-active-area-width: 16px;
376
- --infinite-resize-handle-width: 2px;
377
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
378
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
379
- --infinite-header-cell-background: #ededed;
380
- --infinite-header-cell-border-right: var(--infinite-cell-border);
381
- --infinite-filter-editor-background: var(--infinite-row-background);
382
- --infinite-filter-editor-border: var(--infinite-cell-border);
383
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
384
- --infinite-header-cell-border: var(--infinite-cell-border);
385
- --infinite-filter-editor-color: currentColor;
386
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
387
- --infinite-header-cell-hover-background: #dfdfdf;
388
- --infinite-header-cell-padding-x: var(--infinite-space-3);
389
- --infinite-header-cell-padding-y: var(--infinite-space-3);
390
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
391
- --infinite-header-cell-icon-size: 16px;
392
- --infinite-header-cell-menu-icon-line-width: 1px;
393
- --infinite-header-cell-sort-icon-margin: 16px;
394
- --infinite-header-background: var(--infinite-header-cell-background);
395
- --infinite-header-color: #6f6f6f;
396
- --infinite-column-header-height: 30px;
397
- --infinite-grouping-toolbar-background: var(--infinite-background);
398
- --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
399
- --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
400
- --infinite-grouping-toolbar-active-background-alpha: 0.15;
401
- --infinite-grouping-toolbar-color: var(--infinite-cell-color);
402
- --infinite-grouping-toolbar-padding: var(--infinite-space-3);
403
- --infinite-grouping-toolbar-gap: var(--infinite-space-2);
404
- --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
405
- --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
406
- --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
407
- --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
408
- --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
409
- --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
410
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
411
- --infinite-cell-color: currentColor;
412
- --infinite-cell-border-width: 1px;
413
- --infinite-flashing-overlay-z-index: -1;
414
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
415
- --infinite-flashing-background: var(--infinite-accent-color);
416
- --infinite-flashing-up-background: var(--infinite-success-color);
417
- --infinite-flashing-down-background: var(--infinite-error-color);
418
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
419
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
420
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
421
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
422
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
423
- --infinite-cell-border-invisible: none;
424
- --infinite-cell-border-radius: var(--infinite-space-2);
425
- --infinite-column-reorder-effect-duration: .2s;
426
- --infinite-selected-cell-border-style: solid;
427
- --infinite-active-cell-border-style: dashed;
428
- --infinite-active-cell-border-width: 1px;
429
- --infinite-active-cell-background-alpha: 0.25;
430
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
431
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
432
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
433
- --infinite-row-background: var(--infinite-background);
434
- --infinite-row-odd-background: #f6f6f6;
435
- --infinite-row-disabled-opacity: 0.5;
436
- --infinite-row-disabled-background: #eeeeee;
437
- --infinite-row-odd-disabled-background: #f9f9f9;
438
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
439
- --infinite-row-selected-background: #d1e9ff;
440
- --infinite-row-selected-hover-background: #add8ff;
441
- --infinite-group-row-background: #cbc5c5;
442
- --infinite-group-row-column-nesting: 24px;
443
- --infinite-row-hover-background: #dbdbdb;
444
- --infinite-row-pointer-events-while-scrolling: auto;
445
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
446
- }
447
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
448
- .infinite-theme-mode--light .infinite-theme-name--default,
449
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
450
- .infinite-theme-name--default .infinite-theme-mode--light,
451
- .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
452
- --infinite-loaded: true;
453
- --infinite-theme-name: default;
454
- --infinite-theme-mode: light;
455
- --infinite-icon-size: 24px;
456
- --infinite-space-0: 0rem;
457
- --infinite-space-1: 0.125rem;
458
- --infinite-space-2: 0.25rem;
459
- --infinite-space-3: 0.5rem;
460
- --infinite-space-4: 0.75rem;
461
- --infinite-space-5: 1rem;
462
- --infinite-space-6: 1.25rem;
463
- --infinite-space-7: 1.5rem;
464
- --infinite-space-8: 2.25rem;
465
- --infinite-space-9: 3rem;
466
- --infinite-space-10: 4rem;
467
- --infinite-font-size-0: 0.5rem;
468
- --infinite-font-size-1: 0.625rem;
469
- --infinite-font-size-2: 0.75rem;
470
- --infinite-font-size-3: 0.875rem;
471
- --infinite-font-size-4: 1rem;
472
- --infinite-font-size-5: 1.25rem;
473
- --infinite-font-size-6: 1.5rem;
474
- --infinite-font-size-7: 2.25rem;
475
- --infinite-font-family: inherit;
476
- --infinite-focus-outline: 2px solid var(--infinite-accent-color);
477
- --infinite-color: #484848;
478
- --infinite-accent-color: #0284c7;
479
- --infinite-success-color: #7aff7a;
480
- --infinite-error-color: #ff0000;
481
- --infinite-border-radius: var(--infinite-space-2);
482
- --infinite-background: white;
483
- --infinite-min-height: 100px;
484
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
485
- --infinite-menu-background: var(--infinite-background);
486
- --infinite-menu-color: var(--infinite-cell-color);
487
- --infinite-menu-separator-color: currentColor;
488
- --infinite-menu-padding: var(--infinite-space-3);
489
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
490
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
491
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
492
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
493
- --infinite-menu-item-disabled-opacity: 0.5;
494
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
495
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
496
- --infinite-menu-item-active-opacity: 0.9;
497
- --infinite-menu-item-pressed-opacity: 1;
498
- --infinite-menu-border-radius: var(--infinite-space-2);
499
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
500
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
501
- --infinite-rowdetail-padding: var(--infinite-space-2);
502
- --infinite-rowdetail-grid-height: 100%;
503
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
504
- --infinite-load-mask-overlay-background: gray;
505
- --infinite-load-mask-overlay-opacity: 0.3;
506
- --infinite-load-mask-color: inherit;
507
- --infinite-load-mask-padding: var(--infinite-space-5);
508
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
509
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
510
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
511
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
512
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
513
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
514
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
515
- --infinite-resize-handle-active-area-width: 16px;
516
- --infinite-resize-handle-width: 2px;
517
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
518
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
519
- --infinite-header-cell-background: #ededed;
520
- --infinite-header-cell-border-right: var(--infinite-cell-border);
521
- --infinite-filter-editor-background: var(--infinite-row-background);
522
- --infinite-filter-editor-border: var(--infinite-cell-border);
523
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
524
- --infinite-header-cell-border: var(--infinite-cell-border);
525
- --infinite-filter-editor-color: currentColor;
526
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
527
- --infinite-header-cell-hover-background: #dfdfdf;
528
- --infinite-header-cell-padding-x: var(--infinite-space-3);
529
- --infinite-header-cell-padding-y: var(--infinite-space-3);
530
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
531
- --infinite-header-cell-icon-size: 16px;
532
- --infinite-header-cell-menu-icon-line-width: 1px;
533
- --infinite-header-cell-sort-icon-margin: 16px;
534
- --infinite-header-background: var(--infinite-header-cell-background);
535
- --infinite-header-color: #6f6f6f;
536
- --infinite-column-header-height: 30px;
537
- --infinite-grouping-toolbar-background: var(--infinite-background);
538
- --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
539
- --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
540
- --infinite-grouping-toolbar-active-background-alpha: 0.15;
541
- --infinite-grouping-toolbar-color: var(--infinite-cell-color);
542
- --infinite-grouping-toolbar-padding: var(--infinite-space-3);
543
- --infinite-grouping-toolbar-gap: var(--infinite-space-2);
544
- --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
545
- --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
546
- --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
547
- --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
548
- --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
549
- --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
550
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
551
- --infinite-cell-color: currentColor;
552
- --infinite-cell-border-width: 1px;
553
- --infinite-flashing-overlay-z-index: -1;
554
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
555
- --infinite-flashing-background: var(--infinite-accent-color);
556
- --infinite-flashing-up-background: var(--infinite-success-color);
557
- --infinite-flashing-down-background: var(--infinite-error-color);
558
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
559
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
560
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
561
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
562
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
563
- --infinite-cell-border-invisible: none;
564
- --infinite-cell-border-radius: var(--infinite-space-2);
565
- --infinite-column-reorder-effect-duration: .2s;
566
- --infinite-selected-cell-border-style: solid;
567
- --infinite-active-cell-border-style: dashed;
568
- --infinite-active-cell-border-width: 1px;
569
- --infinite-active-cell-background-alpha: 0.25;
570
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
571
- --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
572
- --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
573
- --infinite-row-background: var(--infinite-background);
574
- --infinite-row-odd-background: #f6f6f6;
575
- --infinite-row-disabled-opacity: 0.5;
576
- --infinite-row-disabled-background: #eeeeee;
577
- --infinite-row-odd-disabled-background: #f9f9f9;
578
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
579
- --infinite-row-selected-background: #d1e9ff;
580
- --infinite-row-selected-hover-background: #add8ff;
581
- --infinite-group-row-background: #cbc5c5;
582
- --infinite-group-row-column-nesting: 24px;
583
- --infinite-row-hover-background: #dbdbdb;
584
- --infinite-row-pointer-events-while-scrolling: auto;
585
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
586
- }
587
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
588
- .infinite-theme-mode--dark .infinite-theme-name--default,
589
- .infinite-theme-name--default .infinite-theme-mode--dark {
590
- --infinite-header-cell-border-right: var(--infinite-cell-border);
591
- --infinite-header-cell-border: var(--infinite-cell-border);
592
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
593
- --infinite-header-color: #c3c3c3;
594
- --infinite-header-background: var(--infinite-header-cell-background);
595
- --infinite-cell-color: #c3c3c3;
596
- --infinite-flashing-background: var(--infinite-accent-color);
597
- --infinite-flashing-up-background: var(--infinite-success-color);
598
- --infinite-flashing-down-background: var(--infinite-error-color);
599
- --infinite-menu-color: var(--infinite-cell-color);
600
- --infinite-menu-background: var(--infinite-background);
601
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
602
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
603
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
604
- --infinite-load-mask-text-background: var(--infinite-background);
605
- --infinite-load-mask-color: var(--infinite-cell-color);
606
- --infinite-row-background: var(--infinite-background);
607
- --infinite-theme-mode: dark;
608
- --infinite-icon-size: 24px;
609
- --infinite-background: #101419;
610
- --infinite-success-color: #008700;
611
- --infinite-cell-border: 1px solid #2a323d;
612
- --infinite-header-cell-background: #1b2129;
613
- --infinite-header-cell-hover-background: #222932;
614
- --infinite-row-hover-background: #3b4754;
615
- --infinite-row-selected-background: #0a2e4f;
616
- --infinite-row-selected-hover-background: #0b243a;
617
- --infinite-row-odd-background: #242a31;
618
- --infinite-row-disabled-background: #292a2c;
619
- --infinite-row-odd-disabled-background: #2d2e30;
620
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
621
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
622
- }
623
- @media (prefers-color-scheme: dark) {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
+ @layer infinite-table {
624
3
  :root {
4
+ --infinite-loaded: true;
5
+ --infinite-theme-name: default;
6
+ --infinite-theme-mode: light;
7
+ --infinite-icon-size: 24px;
8
+ --infinite-space-0: 0rem;
9
+ --infinite-space-1: 0.125rem;
10
+ --infinite-space-2: 0.25rem;
11
+ --infinite-space-3: 0.5rem;
12
+ --infinite-space-4: 0.75rem;
13
+ --infinite-space-5: 1rem;
14
+ --infinite-space-6: 1.25rem;
15
+ --infinite-space-7: 1.5rem;
16
+ --infinite-space-8: 2.25rem;
17
+ --infinite-space-9: 3rem;
18
+ --infinite-space-10: 4rem;
19
+ --infinite-font-size-0: 0.5rem;
20
+ --infinite-font-size-1: 0.625rem;
21
+ --infinite-font-size-2: 0.75rem;
22
+ --infinite-font-size-3: 0.875rem;
23
+ --infinite-font-size-4: 1rem;
24
+ --infinite-font-size-5: 1.25rem;
25
+ --infinite-font-size-6: 1.5rem;
26
+ --infinite-font-size-7: 2.25rem;
27
+ --infinite-font-family: inherit;
28
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
29
+ --infinite-color: #484848;
30
+ --infinite-accent-color: #0284c7;
31
+ --infinite-success-color: #7aff7a;
32
+ --infinite-error-color: #ff0000;
33
+ --infinite-border-radius: var(--infinite-space-2);
34
+ --infinite-background: white;
35
+ --infinite-min-height: 100px;
36
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
37
+ --infinite-header-cell-border: var(--infinite-cell-border);
38
+ --infinite-filter-editor-background: var(--infinite-row-background);
39
+ --infinite-header-color: #6f6f6f;
40
+ --infinite-header-background: var(--infinite-header-cell-background);
41
+ --infinite-cell-color: currentColor;
42
+ --infinite-flashing-background: var(--infinite-accent-color);
43
+ --infinite-flashing-up-background: var(--infinite-success-color);
44
+ --infinite-flashing-down-background: var(--infinite-error-color);
45
+ --infinite-menu-color: var(--infinite-cell-color);
46
+ --infinite-menu-background: var(--infinite-background);
47
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
48
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
49
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
50
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
51
+ --infinite-load-mask-color: inherit;
52
+ --infinite-row-background: var(--infinite-background);
53
+ --infinite-grouping-toolbar-background: var(--infinite-background);
54
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
55
+ --infinite-menu-separator-color: currentColor;
56
+ --infinite-menu-padding: var(--infinite-space-3);
57
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
58
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
59
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
60
+ --infinite-menu-item-disabled-opacity: 0.5;
61
+ --infinite-menu-item-active-opacity: 0.9;
62
+ --infinite-menu-item-pressed-opacity: 1;
63
+ --infinite-menu-border-radius: var(--infinite-space-2);
64
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
65
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
66
+ --infinite-rowdetail-padding: var(--infinite-space-2);
67
+ --infinite-rowdetail-grid-height: 100%;
68
+ --infinite-load-mask-overlay-background: gray;
69
+ --infinite-load-mask-overlay-opacity: 0.3;
70
+ --infinite-load-mask-padding: var(--infinite-space-5);
71
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
72
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
73
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
74
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
75
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
76
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
77
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
78
+ --infinite-resize-handle-active-area-width: 16px;
79
+ --infinite-resize-handle-width: 2px;
80
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
81
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
82
+ --infinite-header-cell-background: #ededed;
83
+ --infinite-filter-editor-border: var(--infinite-cell-border);
84
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
85
+ --infinite-filter-editor-color: currentColor;
86
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
87
+ --infinite-header-cell-hover-background: #dfdfdf;
88
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
89
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
90
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
91
+ --infinite-header-cell-icon-size: 16px;
92
+ --infinite-header-cell-menu-icon-line-width: 1px;
93
+ --infinite-header-cell-sort-icon-margin: 16px;
94
+ --infinite-column-header-height: 30px;
95
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
96
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
97
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
98
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
99
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
100
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
101
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
102
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
103
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
104
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
105
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
106
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
107
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
108
+ --infinite-cell-border-width: 1px;
109
+ --infinite-flashing-overlay-z-index: -1;
110
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
111
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
112
+ --infinite-cell-border-color: #c6c6c6;
113
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
114
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
115
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
116
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
117
+ --infinite-cell-border-invisible: none;
118
+ --infinite-cell-border-radius: var(--infinite-space-2);
119
+ --infinite-column-reorder-effect-duration: .2s;
120
+ --infinite-selected-cell-border-style: solid;
121
+ --infinite-active-cell-border-style: dashed;
122
+ --infinite-active-cell-border-width: 1px;
123
+ --infinite-active-cell-background-alpha: 0.25;
124
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
125
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
126
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
127
+ --infinite-row-odd-background: #f6f6f6;
128
+ --infinite-row-disabled-opacity: 0.5;
129
+ --infinite-row-disabled-background: #eeeeee;
130
+ --infinite-row-odd-disabled-background: #f9f9f9;
131
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
132
+ --infinite-row-selected-background: #d1e9ff;
133
+ --infinite-row-selected-hover-background: #add8ff;
134
+ --infinite-group-row-background: #cbc5c5;
135
+ --infinite-group-row-column-nesting: 24px;
136
+ --infinite-row-hover-background: #dbdbdb;
137
+ --infinite-row-pointer-events-while-scrolling: auto;
138
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
139
+ }
140
+ .infinite-theme-mode--light,
141
+ .infinite-theme-mode--light:root {
142
+ --infinite-loaded: true;
143
+ --infinite-theme-name: default;
144
+ --infinite-theme-mode: light;
145
+ --infinite-icon-size: 24px;
146
+ --infinite-space-0: 0rem;
147
+ --infinite-space-1: 0.125rem;
148
+ --infinite-space-2: 0.25rem;
149
+ --infinite-space-3: 0.5rem;
150
+ --infinite-space-4: 0.75rem;
151
+ --infinite-space-5: 1rem;
152
+ --infinite-space-6: 1.25rem;
153
+ --infinite-space-7: 1.5rem;
154
+ --infinite-space-8: 2.25rem;
155
+ --infinite-space-9: 3rem;
156
+ --infinite-space-10: 4rem;
157
+ --infinite-font-size-0: 0.5rem;
158
+ --infinite-font-size-1: 0.625rem;
159
+ --infinite-font-size-2: 0.75rem;
160
+ --infinite-font-size-3: 0.875rem;
161
+ --infinite-font-size-4: 1rem;
162
+ --infinite-font-size-5: 1.25rem;
163
+ --infinite-font-size-6: 1.5rem;
164
+ --infinite-font-size-7: 2.25rem;
165
+ --infinite-font-family: inherit;
166
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
167
+ --infinite-color: #484848;
168
+ --infinite-accent-color: #0284c7;
169
+ --infinite-success-color: #7aff7a;
170
+ --infinite-error-color: #ff0000;
171
+ --infinite-border-radius: var(--infinite-space-2);
172
+ --infinite-background: white;
173
+ --infinite-min-height: 100px;
174
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
175
+ --infinite-header-cell-border: var(--infinite-cell-border);
176
+ --infinite-filter-editor-background: var(--infinite-row-background);
177
+ --infinite-header-color: #6f6f6f;
178
+ --infinite-header-background: var(--infinite-header-cell-background);
179
+ --infinite-cell-color: currentColor;
180
+ --infinite-flashing-background: var(--infinite-accent-color);
181
+ --infinite-flashing-up-background: var(--infinite-success-color);
182
+ --infinite-flashing-down-background: var(--infinite-error-color);
183
+ --infinite-menu-color: var(--infinite-cell-color);
184
+ --infinite-menu-background: var(--infinite-background);
185
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
186
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
187
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
188
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
189
+ --infinite-load-mask-color: inherit;
190
+ --infinite-row-background: var(--infinite-background);
191
+ --infinite-grouping-toolbar-background: var(--infinite-background);
192
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
193
+ --infinite-menu-separator-color: currentColor;
194
+ --infinite-menu-padding: var(--infinite-space-3);
195
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
196
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
197
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
198
+ --infinite-menu-item-disabled-opacity: 0.5;
199
+ --infinite-menu-item-active-opacity: 0.9;
200
+ --infinite-menu-item-pressed-opacity: 1;
201
+ --infinite-menu-border-radius: var(--infinite-space-2);
202
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
203
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
204
+ --infinite-rowdetail-padding: var(--infinite-space-2);
205
+ --infinite-rowdetail-grid-height: 100%;
206
+ --infinite-load-mask-overlay-background: gray;
207
+ --infinite-load-mask-overlay-opacity: 0.3;
208
+ --infinite-load-mask-padding: var(--infinite-space-5);
209
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
210
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
211
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
212
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
213
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
214
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
215
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
216
+ --infinite-resize-handle-active-area-width: 16px;
217
+ --infinite-resize-handle-width: 2px;
218
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
219
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
220
+ --infinite-header-cell-background: #ededed;
221
+ --infinite-filter-editor-border: var(--infinite-cell-border);
222
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
223
+ --infinite-filter-editor-color: currentColor;
224
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
225
+ --infinite-header-cell-hover-background: #dfdfdf;
226
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
227
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
228
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
229
+ --infinite-header-cell-icon-size: 16px;
230
+ --infinite-header-cell-menu-icon-line-width: 1px;
231
+ --infinite-header-cell-sort-icon-margin: 16px;
232
+ --infinite-column-header-height: 30px;
233
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
234
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
235
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
236
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
237
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
238
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
239
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
240
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
241
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
242
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
243
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
244
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
245
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
246
+ --infinite-cell-border-width: 1px;
247
+ --infinite-flashing-overlay-z-index: -1;
248
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
249
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
250
+ --infinite-cell-border-color: #c6c6c6;
251
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
252
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
253
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
254
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
255
+ --infinite-cell-border-invisible: none;
256
+ --infinite-cell-border-radius: var(--infinite-space-2);
257
+ --infinite-column-reorder-effect-duration: .2s;
258
+ --infinite-selected-cell-border-style: solid;
259
+ --infinite-active-cell-border-style: dashed;
260
+ --infinite-active-cell-border-width: 1px;
261
+ --infinite-active-cell-background-alpha: 0.25;
262
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
263
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
264
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
265
+ --infinite-row-odd-background: #f6f6f6;
266
+ --infinite-row-disabled-opacity: 0.5;
267
+ --infinite-row-disabled-background: #eeeeee;
268
+ --infinite-row-odd-disabled-background: #f9f9f9;
269
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
270
+ --infinite-row-selected-background: #d1e9ff;
271
+ --infinite-row-selected-hover-background: #add8ff;
272
+ --infinite-group-row-background: #cbc5c5;
273
+ --infinite-group-row-column-nesting: 24px;
274
+ --infinite-row-hover-background: #dbdbdb;
275
+ --infinite-row-pointer-events-while-scrolling: auto;
276
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
277
+ }
278
+ .infinite-theme-mode--dark,
279
+ .infinite-theme-mode--dark:root {
625
280
  --infinite-header-cell-border-right: var(--infinite-cell-border);
626
281
  --infinite-header-cell-border: var(--infinite-cell-border);
627
282
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
@@ -639,6 +294,7 @@
639
294
  --infinite-load-mask-text-background: var(--infinite-background);
640
295
  --infinite-load-mask-color: var(--infinite-cell-color);
641
296
  --infinite-row-background: var(--infinite-background);
297
+ --infinite-grouping-toolbar-background: var(--infinite-background);
642
298
  --infinite-theme-mode: dark;
643
299
  --infinite-icon-size: 24px;
644
300
  --infinite-background: #101419;
@@ -657,6 +313,286 @@
657
313
  }
658
314
  .infinite-theme-name--default:root,
659
315
  .infinite-theme-name--default {
316
+ --infinite-loaded: true;
317
+ --infinite-theme-name: default;
318
+ --infinite-theme-mode: light;
319
+ --infinite-icon-size: 24px;
320
+ --infinite-space-0: 0rem;
321
+ --infinite-space-1: 0.125rem;
322
+ --infinite-space-2: 0.25rem;
323
+ --infinite-space-3: 0.5rem;
324
+ --infinite-space-4: 0.75rem;
325
+ --infinite-space-5: 1rem;
326
+ --infinite-space-6: 1.25rem;
327
+ --infinite-space-7: 1.5rem;
328
+ --infinite-space-8: 2.25rem;
329
+ --infinite-space-9: 3rem;
330
+ --infinite-space-10: 4rem;
331
+ --infinite-font-size-0: 0.5rem;
332
+ --infinite-font-size-1: 0.625rem;
333
+ --infinite-font-size-2: 0.75rem;
334
+ --infinite-font-size-3: 0.875rem;
335
+ --infinite-font-size-4: 1rem;
336
+ --infinite-font-size-5: 1.25rem;
337
+ --infinite-font-size-6: 1.5rem;
338
+ --infinite-font-size-7: 2.25rem;
339
+ --infinite-font-family: inherit;
340
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
341
+ --infinite-color: #484848;
342
+ --infinite-accent-color: #0284c7;
343
+ --infinite-success-color: #7aff7a;
344
+ --infinite-error-color: #ff0000;
345
+ --infinite-border-radius: var(--infinite-space-2);
346
+ --infinite-background: white;
347
+ --infinite-min-height: 100px;
348
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
349
+ --infinite-header-cell-border: var(--infinite-cell-border);
350
+ --infinite-filter-editor-background: var(--infinite-row-background);
351
+ --infinite-header-color: #6f6f6f;
352
+ --infinite-header-background: var(--infinite-header-cell-background);
353
+ --infinite-cell-color: currentColor;
354
+ --infinite-flashing-background: var(--infinite-accent-color);
355
+ --infinite-flashing-up-background: var(--infinite-success-color);
356
+ --infinite-flashing-down-background: var(--infinite-error-color);
357
+ --infinite-menu-color: var(--infinite-cell-color);
358
+ --infinite-menu-background: var(--infinite-background);
359
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
360
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
361
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
362
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
363
+ --infinite-load-mask-color: inherit;
364
+ --infinite-row-background: var(--infinite-background);
365
+ --infinite-grouping-toolbar-background: var(--infinite-background);
366
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
367
+ --infinite-menu-separator-color: currentColor;
368
+ --infinite-menu-padding: var(--infinite-space-3);
369
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
370
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
371
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
372
+ --infinite-menu-item-disabled-opacity: 0.5;
373
+ --infinite-menu-item-active-opacity: 0.9;
374
+ --infinite-menu-item-pressed-opacity: 1;
375
+ --infinite-menu-border-radius: var(--infinite-space-2);
376
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
377
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
378
+ --infinite-rowdetail-padding: var(--infinite-space-2);
379
+ --infinite-rowdetail-grid-height: 100%;
380
+ --infinite-load-mask-overlay-background: gray;
381
+ --infinite-load-mask-overlay-opacity: 0.3;
382
+ --infinite-load-mask-padding: var(--infinite-space-5);
383
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
384
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
385
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
386
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
387
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
388
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
389
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
390
+ --infinite-resize-handle-active-area-width: 16px;
391
+ --infinite-resize-handle-width: 2px;
392
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
393
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
394
+ --infinite-header-cell-background: #ededed;
395
+ --infinite-filter-editor-border: var(--infinite-cell-border);
396
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
397
+ --infinite-filter-editor-color: currentColor;
398
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
399
+ --infinite-header-cell-hover-background: #dfdfdf;
400
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
401
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
402
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
403
+ --infinite-header-cell-icon-size: 16px;
404
+ --infinite-header-cell-menu-icon-line-width: 1px;
405
+ --infinite-header-cell-sort-icon-margin: 16px;
406
+ --infinite-column-header-height: 30px;
407
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
408
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
409
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
410
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
411
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
412
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
413
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
414
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
415
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
416
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
417
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
418
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
419
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
420
+ --infinite-cell-border-width: 1px;
421
+ --infinite-flashing-overlay-z-index: -1;
422
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
423
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
424
+ --infinite-cell-border-color: #c6c6c6;
425
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
426
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
427
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
428
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
429
+ --infinite-cell-border-invisible: none;
430
+ --infinite-cell-border-radius: var(--infinite-space-2);
431
+ --infinite-column-reorder-effect-duration: .2s;
432
+ --infinite-selected-cell-border-style: solid;
433
+ --infinite-active-cell-border-style: dashed;
434
+ --infinite-active-cell-border-width: 1px;
435
+ --infinite-active-cell-background-alpha: 0.25;
436
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
437
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
438
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
439
+ --infinite-row-odd-background: #f6f6f6;
440
+ --infinite-row-disabled-opacity: 0.5;
441
+ --infinite-row-disabled-background: #eeeeee;
442
+ --infinite-row-odd-disabled-background: #f9f9f9;
443
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
444
+ --infinite-row-selected-background: #d1e9ff;
445
+ --infinite-row-selected-hover-background: #add8ff;
446
+ --infinite-group-row-background: #cbc5c5;
447
+ --infinite-group-row-column-nesting: 24px;
448
+ --infinite-row-hover-background: #dbdbdb;
449
+ --infinite-row-pointer-events-while-scrolling: auto;
450
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
451
+ }
452
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
453
+ .infinite-theme-mode--light .infinite-theme-name--default,
454
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
455
+ .infinite-theme-name--default .infinite-theme-mode--light,
456
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
457
+ --infinite-loaded: true;
458
+ --infinite-theme-name: default;
459
+ --infinite-theme-mode: light;
460
+ --infinite-icon-size: 24px;
461
+ --infinite-space-0: 0rem;
462
+ --infinite-space-1: 0.125rem;
463
+ --infinite-space-2: 0.25rem;
464
+ --infinite-space-3: 0.5rem;
465
+ --infinite-space-4: 0.75rem;
466
+ --infinite-space-5: 1rem;
467
+ --infinite-space-6: 1.25rem;
468
+ --infinite-space-7: 1.5rem;
469
+ --infinite-space-8: 2.25rem;
470
+ --infinite-space-9: 3rem;
471
+ --infinite-space-10: 4rem;
472
+ --infinite-font-size-0: 0.5rem;
473
+ --infinite-font-size-1: 0.625rem;
474
+ --infinite-font-size-2: 0.75rem;
475
+ --infinite-font-size-3: 0.875rem;
476
+ --infinite-font-size-4: 1rem;
477
+ --infinite-font-size-5: 1.25rem;
478
+ --infinite-font-size-6: 1.5rem;
479
+ --infinite-font-size-7: 2.25rem;
480
+ --infinite-font-family: inherit;
481
+ --infinite-focus-outline: 2px solid var(--infinite-accent-color);
482
+ --infinite-color: #484848;
483
+ --infinite-accent-color: #0284c7;
484
+ --infinite-success-color: #7aff7a;
485
+ --infinite-error-color: #ff0000;
486
+ --infinite-border-radius: var(--infinite-space-2);
487
+ --infinite-background: white;
488
+ --infinite-min-height: 100px;
489
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
490
+ --infinite-header-cell-border: var(--infinite-cell-border);
491
+ --infinite-filter-editor-background: var(--infinite-row-background);
492
+ --infinite-header-color: #6f6f6f;
493
+ --infinite-header-background: var(--infinite-header-cell-background);
494
+ --infinite-cell-color: currentColor;
495
+ --infinite-flashing-background: var(--infinite-accent-color);
496
+ --infinite-flashing-up-background: var(--infinite-success-color);
497
+ --infinite-flashing-down-background: var(--infinite-error-color);
498
+ --infinite-menu-color: var(--infinite-cell-color);
499
+ --infinite-menu-background: var(--infinite-background);
500
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
501
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
502
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
503
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
504
+ --infinite-load-mask-color: inherit;
505
+ --infinite-row-background: var(--infinite-background);
506
+ --infinite-grouping-toolbar-background: var(--infinite-background);
507
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
508
+ --infinite-menu-separator-color: currentColor;
509
+ --infinite-menu-padding: var(--infinite-space-3);
510
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
511
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
512
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
513
+ --infinite-menu-item-disabled-opacity: 0.5;
514
+ --infinite-menu-item-active-opacity: 0.9;
515
+ --infinite-menu-item-pressed-opacity: 1;
516
+ --infinite-menu-border-radius: var(--infinite-space-2);
517
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
518
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
519
+ --infinite-rowdetail-padding: var(--infinite-space-2);
520
+ --infinite-rowdetail-grid-height: 100%;
521
+ --infinite-load-mask-overlay-background: gray;
522
+ --infinite-load-mask-overlay-opacity: 0.3;
523
+ --infinite-load-mask-padding: var(--infinite-space-5);
524
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
525
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
526
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
527
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
528
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
529
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
530
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
531
+ --infinite-resize-handle-active-area-width: 16px;
532
+ --infinite-resize-handle-width: 2px;
533
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
534
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
535
+ --infinite-header-cell-background: #ededed;
536
+ --infinite-filter-editor-border: var(--infinite-cell-border);
537
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
538
+ --infinite-filter-editor-color: currentColor;
539
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
540
+ --infinite-header-cell-hover-background: #dfdfdf;
541
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
542
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
543
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
544
+ --infinite-header-cell-icon-size: 16px;
545
+ --infinite-header-cell-menu-icon-line-width: 1px;
546
+ --infinite-header-cell-sort-icon-margin: 16px;
547
+ --infinite-column-header-height: 30px;
548
+ --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
549
+ --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
550
+ --infinite-grouping-toolbar-active-background-alpha: 0.15;
551
+ --infinite-grouping-toolbar-color: var(--infinite-cell-color);
552
+ --infinite-grouping-toolbar-padding: var(--infinite-space-3);
553
+ --infinite-grouping-toolbar-gap: var(--infinite-space-2);
554
+ --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
555
+ --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
556
+ --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
557
+ --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
558
+ --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
559
+ --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
560
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
561
+ --infinite-cell-border-width: 1px;
562
+ --infinite-flashing-overlay-z-index: -1;
563
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
564
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
565
+ --infinite-cell-border-color: #c6c6c6;
566
+ --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
567
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
568
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
569
+ --infinite-pinned-cell-border: var(--infinite-cell-border);
570
+ --infinite-cell-border-invisible: none;
571
+ --infinite-cell-border-radius: var(--infinite-space-2);
572
+ --infinite-column-reorder-effect-duration: .2s;
573
+ --infinite-selected-cell-border-style: solid;
574
+ --infinite-active-cell-border-style: dashed;
575
+ --infinite-active-cell-border-width: 1px;
576
+ --infinite-active-cell-background-alpha: 0.25;
577
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
578
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
579
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
580
+ --infinite-row-odd-background: #f6f6f6;
581
+ --infinite-row-disabled-opacity: 0.5;
582
+ --infinite-row-disabled-background: #eeeeee;
583
+ --infinite-row-odd-disabled-background: #f9f9f9;
584
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
585
+ --infinite-row-selected-background: #d1e9ff;
586
+ --infinite-row-selected-hover-background: #add8ff;
587
+ --infinite-group-row-background: #cbc5c5;
588
+ --infinite-group-row-column-nesting: 24px;
589
+ --infinite-row-hover-background: #dbdbdb;
590
+ --infinite-row-pointer-events-while-scrolling: auto;
591
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
592
+ }
593
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
594
+ .infinite-theme-mode--dark .infinite-theme-name--default,
595
+ .infinite-theme-name--default .infinite-theme-mode--dark {
660
596
  --infinite-header-cell-border-right: var(--infinite-cell-border);
661
597
  --infinite-header-cell-border: var(--infinite-cell-border);
662
598
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
@@ -674,6 +610,7 @@
674
610
  --infinite-load-mask-text-background: var(--infinite-background);
675
611
  --infinite-load-mask-color: var(--infinite-cell-color);
676
612
  --infinite-row-background: var(--infinite-background);
613
+ --infinite-grouping-toolbar-background: var(--infinite-background);
677
614
  --infinite-theme-mode: dark;
678
615
  --infinite-icon-size: 24px;
679
616
  --infinite-background: #101419;
@@ -690,4 +627,77 @@
690
627
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
691
628
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
692
629
  }
630
+ @media (prefers-color-scheme: dark) {
631
+ :root {
632
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
633
+ --infinite-header-cell-border: var(--infinite-cell-border);
634
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
635
+ --infinite-header-color: #c3c3c3;
636
+ --infinite-header-background: var(--infinite-header-cell-background);
637
+ --infinite-cell-color: #c3c3c3;
638
+ --infinite-flashing-background: var(--infinite-accent-color);
639
+ --infinite-flashing-up-background: var(--infinite-success-color);
640
+ --infinite-flashing-down-background: var(--infinite-error-color);
641
+ --infinite-menu-color: var(--infinite-cell-color);
642
+ --infinite-menu-background: var(--infinite-background);
643
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
644
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
645
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
646
+ --infinite-load-mask-text-background: var(--infinite-background);
647
+ --infinite-load-mask-color: var(--infinite-cell-color);
648
+ --infinite-row-background: var(--infinite-background);
649
+ --infinite-grouping-toolbar-background: var(--infinite-background);
650
+ --infinite-theme-mode: dark;
651
+ --infinite-icon-size: 24px;
652
+ --infinite-background: #101419;
653
+ --infinite-success-color: #008700;
654
+ --infinite-cell-border: 1px solid #2a323d;
655
+ --infinite-header-cell-background: #1b2129;
656
+ --infinite-header-cell-hover-background: #222932;
657
+ --infinite-row-hover-background: #3b4754;
658
+ --infinite-row-selected-background: #0a2e4f;
659
+ --infinite-row-selected-hover-background: #0b243a;
660
+ --infinite-row-odd-background: #242a31;
661
+ --infinite-row-disabled-background: #292a2c;
662
+ --infinite-row-odd-disabled-background: #2d2e30;
663
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
664
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
665
+ }
666
+ .infinite-theme-name--default:root,
667
+ .infinite-theme-name--default {
668
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
669
+ --infinite-header-cell-border: var(--infinite-cell-border);
670
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
671
+ --infinite-header-color: #c3c3c3;
672
+ --infinite-header-background: var(--infinite-header-cell-background);
673
+ --infinite-cell-color: #c3c3c3;
674
+ --infinite-flashing-background: var(--infinite-accent-color);
675
+ --infinite-flashing-up-background: var(--infinite-success-color);
676
+ --infinite-flashing-down-background: var(--infinite-error-color);
677
+ --infinite-menu-color: var(--infinite-cell-color);
678
+ --infinite-menu-background: var(--infinite-background);
679
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
680
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
681
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
682
+ --infinite-load-mask-text-background: var(--infinite-background);
683
+ --infinite-load-mask-color: var(--infinite-cell-color);
684
+ --infinite-row-background: var(--infinite-background);
685
+ --infinite-grouping-toolbar-background: var(--infinite-background);
686
+ --infinite-theme-mode: dark;
687
+ --infinite-icon-size: 24px;
688
+ --infinite-background: #101419;
689
+ --infinite-success-color: #008700;
690
+ --infinite-cell-border: 1px solid #2a323d;
691
+ --infinite-header-cell-background: #1b2129;
692
+ --infinite-header-cell-hover-background: #222932;
693
+ --infinite-row-hover-background: #3b4754;
694
+ --infinite-row-selected-background: #0a2e4f;
695
+ --infinite-row-selected-hover-background: #0b243a;
696
+ --infinite-row-odd-background: #242a31;
697
+ --infinite-row-disabled-background: #292a2c;
698
+ --infinite-row-odd-disabled-background: #2d2e30;
699
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
700
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
701
+ }
702
+ }
693
703
  }