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