@infinite-table/infinite-react 6.1.1 → 6.2.0

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