@infinite-table/infinite-react 6.1.1 → 6.2.1

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 +270 -881
  2. package/index.dev.js +80 -80
  3. package/index.dev.mjs +80 -80
  4. package/index.js +80 -80
  5. package/index.mjs +80 -80
  6. package/package.json +2 -2
  7. package/theme/balsam.css +131 -0
  8. package/theme/default.css +455 -0
  9. package/theme/minimalist.css +123 -0
  10. package/theme/ocean.css +127 -0
  11. package/theme/shadcn.css +90 -0
package/theme/default.css ADDED
@@ -0,0 +1,455 @@
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
+ @media (prefers-color-scheme: dark) {
398
+ .infinite-theme-name--default:root,
399
+ .infinite-theme-name--default {
400
+ --infinite-icon-size: 24px;
401
+ --infinite-background: #101419;
402
+ --infinite-success-color: #008700;
403
+ --infinite-cell-border: 1px solid #2a323d;
404
+ --infinite-header-color: #c3c3c3;
405
+ --infinite-load-mask-text-background: var(--infinite-background);
406
+ --infinite-load-mask-color: var(--infinite-cell-color);
407
+ --infinite-header-cell-background: #1b2129;
408
+ --infinite-header-cell-hover-background: #222932;
409
+ --infinite-header-background: var(--infinite-header-cell-background);
410
+ --infinite-row-hover-background: #3b4754;
411
+ --infinite-row-selected-background: #0a2e4f;
412
+ --infinite-row-selected-hover-background: #0b243a;
413
+ --infinite-row-background: var(--infinite-background);
414
+ --infinite-row-odd-background: #242a31;
415
+ --infinite-row-disabled-background: #292a2c;
416
+ --infinite-row-odd-disabled-background: #2d2e30;
417
+ --infinite-cell-color: #c3c3c3;
418
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
419
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
420
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
421
+ --infinite-menu-background: #101419;
422
+ --infinite-menu-color: #c3c3c3;
423
+ --infinite-menu-item-disabled-background: #101419;
424
+ --infinite-menu-item-active-background: #3b4754;
425
+ --infinite-menu-item-pressed-background: #3b4754;
426
+ }
427
+ :root {
428
+ --infinite-icon-size: 24px;
429
+ --infinite-background: #101419;
430
+ --infinite-success-color: #008700;
431
+ --infinite-cell-border: 1px solid #2a323d;
432
+ --infinite-header-color: #c3c3c3;
433
+ --infinite-load-mask-text-background: var(--infinite-background);
434
+ --infinite-load-mask-color: var(--infinite-cell-color);
435
+ --infinite-header-cell-background: #1b2129;
436
+ --infinite-header-cell-hover-background: #222932;
437
+ --infinite-header-background: var(--infinite-header-cell-background);
438
+ --infinite-row-hover-background: #3b4754;
439
+ --infinite-row-selected-background: #0a2e4f;
440
+ --infinite-row-selected-hover-background: #0b243a;
441
+ --infinite-row-background: var(--infinite-background);
442
+ --infinite-row-odd-background: #242a31;
443
+ --infinite-row-disabled-background: #292a2c;
444
+ --infinite-row-odd-disabled-background: #2d2e30;
445
+ --infinite-cell-color: #c3c3c3;
446
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
447
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
448
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
449
+ --infinite-menu-background: #101419;
450
+ --infinite-menu-color: #c3c3c3;
451
+ --infinite-menu-item-disabled-background: #101419;
452
+ --infinite-menu-item-active-background: #3b4754;
453
+ --infinite-menu-item-pressed-background: #3b4754;
454
+ }
455
+ }
package/theme/minimalist.css ADDED
@@ -0,0 +1,123 @@
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0WrbMBQG4Ps8hSAwWphCkm10eDeDdWV7DEU6jkVlSRzJdWD03YdVkzmOI9uNWxj4IjfWOb+PbPmDrKROpZYeqM8gB6pZDpTmUsucKel8gsb4j2TVU0b+LAih9FiVAROAlBtlMCFPDG8ai+Hq7bfTDg5Kjamv77Bj/HGPptAiIdpoaFWlirlM6v1JXSuecQ7ad9/l2F/YWIQrOAfnejKEKXUsBRANdmc0u8pM+vY+6we33N5/uvv8tbWIpjwJ8Mi0swxB+45KI8TA6hx0EdvPv6X2dkKnA8uQeXM8Jsuf9w/bh7vuFx3Ox86gAOx80+dlFOU+853FzSpvbEI29kCcUVJcGOIklglZuISsYxPEj2UzTkHaP+SwrZRS+Cwha3toFTHu5VNdK7WQPDx2qR34hGztIey//lWtH8jqd937K+zqBygVvnFCPBw8DYciNZgnpLAWkDMXBiMkNdrTEl7m3RklXi4r8B6QOsu41PuErFfrL5BXa8+L50Wbl9wIoFRVISOW2ij1rZ+z1gjvJS/aPW3wmbaR+Ou6Y3PPxM/Ez8TPxE9JvGD4OHxlKuCr7LdjOKTPWL4blssN26Tb3QUuO7/1/4bLTuzfm8vOIWYu35TL7zkIyciNRUgB6y+JOl45k5CKmNtw9z6jxvx/f41Y480aqtb1bk0j1zR2DdGrx68xgo017BrFxjk2WLKRlr1Cs2GejRJtoGlDVRvo2lWyxW3r1e2ibzHhKuOCc38BU2H0HH8UAAA= */
2
+ .infinite-theme-name--minimalist:root,
3
+ .infinite-theme-name--minimalist {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: none;
7
+ --infinite-flashing-background: var(--infinite-accent-color);
8
+ --infinite-flashing-up-background: var(--infinite-success-color);
9
+ --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-background: white;
11
+ --infinite-color: #2D3748;
12
+ --infinite-row-background: transparent;
13
+ --infinite-row-odd-background: transparent;
14
+ --infinite-menu-background: var(--infinite-background);
15
+ --infinite-menu-separator-color: #EDF2F7;
16
+ --infinite-header-cell-border: none;
17
+ --infinite-header-cell-border-right: none;
18
+ --infinite-cell-border-top: 1px solid #EDF2F7;
19
+ --infinite-cell-border-radius: 0;
20
+ --infinite-header-cell-background: none;
21
+ --infinite-cell-border-left: none;
22
+ --infinite-cell-border-right: none;
23
+ --infinite-cell-border-width: 0px;
24
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
25
+ & .InfiniteHeaderCell {
26
+ text-transform: uppercase;
27
+ font-weight: bold;
28
+ letter-spacing: 0.05em;
29
+ }
30
+ }
31
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
32
+ .infinite-theme-mode--light .infinite-theme-name--minimalist,
33
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
34
+ .infinite-theme-name--minimalist .infinite-theme-mode--light,
35
+ .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
36
+ --infinite-header-color: var(--infinite-color);
37
+ --infinite-cell-color: var(--infinite-color);
38
+ --infinite-header-background: none;
39
+ --infinite-flashing-background: var(--infinite-accent-color);
40
+ --infinite-flashing-up-background: var(--infinite-success-color);
41
+ --infinite-flashing-down-background: var(--infinite-error-color);
42
+ --infinite-background: white;
43
+ --infinite-color: #2D3748;
44
+ --infinite-row-background: transparent;
45
+ --infinite-row-odd-background: transparent;
46
+ --infinite-menu-background: var(--infinite-background);
47
+ --infinite-menu-separator-color: #EDF2F7;
48
+ --infinite-header-cell-border: none;
49
+ --infinite-header-cell-border-right: none;
50
+ --infinite-cell-border-top: 1px solid #EDF2F7;
51
+ --infinite-cell-border-radius: 0;
52
+ --infinite-header-cell-background: none;
53
+ --infinite-cell-border-left: none;
54
+ --infinite-cell-border-right: none;
55
+ --infinite-cell-border-width: 0px;
56
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
57
+ & .InfiniteHeaderCell {
58
+ text-transform: uppercase;
59
+ font-weight: bold;
60
+ letter-spacing: 0.05em;
61
+ }
62
+ }
63
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
64
+ .infinite-theme-mode--dark .infinite-theme-name--minimalist,
65
+ .infinite-theme-name--minimalist .infinite-theme-mode--dark {
66
+ --infinite-header-color: var(--infinite-color);
67
+ --infinite-cell-color: var(--infinite-color);
68
+ --infinite-header-background: none;
69
+ --infinite-flashing-background: var(--infinite-accent-color);
70
+ --infinite-flashing-up-background: var(--infinite-success-color);
71
+ --infinite-flashing-down-background: var(--infinite-error-color);
72
+ --infinite-background: #1a1f2b;
73
+ --infinite-color: #EDF2F7;
74
+ --infinite-row-background: transparent;
75
+ --infinite-row-odd-background: transparent;
76
+ --infinite-menu-background: var(--infinite-background);
77
+ --infinite-menu-separator-color: #2D3748;
78
+ --infinite-header-cell-border: none;
79
+ --infinite-header-cell-border-right: none;
80
+ --infinite-cell-border-top: 1px solid #2D3748;
81
+ --infinite-cell-border-radius: 0;
82
+ --infinite-header-cell-background: none;
83
+ --infinite-cell-border-left: none;
84
+ --infinite-cell-border-right: none;
85
+ --infinite-cell-border-width: 0px;
86
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
87
+ & .InfiniteHeaderCell {
88
+ text-transform: uppercase;
89
+ font-weight: bold;
90
+ letter-spacing: 0.05em;
91
+ }
92
+ }
93
+ @media (prefers-color-scheme: dark) {
94
+ .infinite-theme-name--minimalist:root,
95
+ .infinite-theme-name--minimalist {
96
+ --infinite-header-color: var(--infinite-color);
97
+ --infinite-cell-color: var(--infinite-color);
98
+ --infinite-header-background: none;
99
+ --infinite-flashing-background: var(--infinite-accent-color);
100
+ --infinite-flashing-up-background: var(--infinite-success-color);
101
+ --infinite-flashing-down-background: var(--infinite-error-color);
102
+ --infinite-background: #1a1f2b;
103
+ --infinite-color: #EDF2F7;
104
+ --infinite-row-background: transparent;
105
+ --infinite-row-odd-background: transparent;
106
+ --infinite-menu-background: var(--infinite-background);
107
+ --infinite-menu-separator-color: #2D3748;
108
+ --infinite-header-cell-border: none;
109
+ --infinite-header-cell-border-right: none;
110
+ --infinite-cell-border-top: 1px solid #2D3748;
111
+ --infinite-cell-border-radius: 0;
112
+ --infinite-header-cell-background: none;
113
+ --infinite-cell-border-left: none;
114
+ --infinite-cell-border-right: none;
115
+ --infinite-cell-border-width: 0px;
116
+ --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
117
+ & .InfiniteHeaderCell {
118
+ text-transform: uppercase;
119
+ font-weight: bold;
120
+ letter-spacing: 0.05em;
121
+ }
122
+ }
123
+ }