@infinite-table/infinite-react 6.2.0 → 6.2.2

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 +28 -142
  2. package/index.dev.js +2 -2
  3. package/index.dev.mjs +2 -2
  4. package/index.js +2 -2
  5. package/index.mjs +2 -2
  6. package/package.json +2 -2
  7. package/theme/balsam.css +21 -9
  8. package/theme/default.css +28 -142
  9. package/theme/minimalist.css +21 -5
  10. package/theme/ocean.css +21 -9
  11. package/theme/shadcn.css +46 -29
package/index.css CHANGED
@@ -354,134 +354,11 @@
354
354
  display: none;
355
355
  }
356
356
 
357
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
358
- .infinite-theme-name--default:root,
359
- .infinite-theme-name--default {
360
- --infinite-loaded: true;
361
- --infinite-icon-size: 24px;
362
- --infinite-space-0: 0rem;
363
- --infinite-space-1: 0.125rem;
364
- --infinite-space-2: 0.25rem;
365
- --infinite-space-3: 0.5rem;
366
- --infinite-space-4: 0.75rem;
367
- --infinite-space-5: 1rem;
368
- --infinite-space-6: 1.25rem;
369
- --infinite-space-7: 1.5rem;
370
- --infinite-space-8: 2.25rem;
371
- --infinite-space-9: 3rem;
372
- --infinite-space-10: 4rem;
373
- --infinite-font-size-0: 0.5rem;
374
- --infinite-font-size-1: 0.625rem;
375
- --infinite-font-size-2: 0.75rem;
376
- --infinite-font-size-3: 0.875rem;
377
- --infinite-font-size-4: 1rem;
378
- --infinite-font-size-5: 1.25rem;
379
- --infinite-font-size-6: 1.5rem;
380
- --infinite-font-size-7: 2.25rem;
381
- --infinite-font-family: inherit;
382
- --infinite-color: #484848;
383
- --infinite-accent-color: #0284c7;
384
- --infinite-success-color: #7aff7a;
385
- --infinite-error-color: #ff0000;
386
- --infinite-border-radius: var(--infinite-space-2);
387
- --infinite-background: white;
388
- --infinite-min-height: 100px;
389
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
390
- --infinite-menu-background: var(--infinite-background);
391
- --infinite-menu-color: var(--infinite-cell-color);
392
- --infinite-menu-separator-color: currentColor;
393
- --infinite-menu-padding: var(--infinite-space-3);
394
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
395
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
396
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
397
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
398
- --infinite-menu-item-disabled-opacity: 0.5;
399
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
400
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
401
- --infinite-menu-item-active-opacity: 0.9;
402
- --infinite-menu-item-pressed-opacity: 1;
403
- --infinite-menu-border-radius: var(--infinite-space-2);
404
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
405
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
406
- --infinite-rowdetail-padding: var(--infinite-space-2);
407
- --infinite-rowdetail-grid-height: 100%;
408
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
409
- --infinite-load-mask-overlay-background: gray;
410
- --infinite-load-mask-overlay-opacity: 0.3;
411
- --infinite-load-mask-color: inherit;
412
- --infinite-load-mask-padding: var(--infinite-space-5);
413
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
414
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
415
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
416
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
417
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
418
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
419
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
420
- --infinite-resize-handle-active-area-width: 16px;
421
- --infinite-resize-handle-width: 2px;
422
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
423
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
424
- --infinite-header-cell-background: #ededed;
425
- --infinite-header-cell-border-right: var(--infinite-cell-border);
426
- --infinite-filter-editor-background: var(--infinite-row-background);
427
- --infinite-filter-editor-border: var(--infinite-cell-border);
428
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
429
- --infinite-header-cell-border: var(--infinite-cell-border);
430
- --infinite-filter-editor-color: currentColor;
431
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
432
- --infinite-header-cell-hover-background: #dfdfdf;
433
- --infinite-header-cell-padding-x: var(--infinite-space-3);
434
- --infinite-header-cell-padding-y: var(--infinite-space-3);
435
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
436
- --infinite-header-cell-icon-size: 16px;
437
- --infinite-header-cell-menu-icon-line-width: 1px;
438
- --infinite-header-cell-sort-icon-margin: 16px;
439
- --infinite-header-background: var(--infinite-header-cell-background);
440
- --infinite-header-color: #6f6f6f;
441
- --infinite-column-header-height: 30px;
442
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
443
- --infinite-cell-color: currentColor;
444
- --infinite-cell-border-width: 1px;
445
- --infinite-flashing-overlay-z-index: -1;
446
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
447
- --infinite-flashing-background: var(--infinite-accent-color);
448
- --infinite-flashing-up-background: var(--infinite-success-color);
449
- --infinite-flashing-down-background: var(--infinite-error-color);
450
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
451
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
452
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
453
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
454
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
455
- --infinite-cell-border-invisible: none;
456
- --infinite-cell-border-radius: var(--infinite-space-2);
457
- --infinite-column-reorder-effect-duration: .2s;
458
- --infinite-selected-cell-border-style: solid;
459
- --infinite-active-cell-border-style: dashed;
460
- --infinite-active-cell-border-width: 1px;
461
- --infinite-active-cell-background-alpha: 0.25;
462
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
463
- --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%))));
464
- --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%)));
465
- --infinite-row-background: var(--infinite-background);
466
- --infinite-row-odd-background: #f6f6f6;
467
- --infinite-row-disabled-opacity: 0.5;
468
- --infinite-row-disabled-background: #eeeeee;
469
- --infinite-row-odd-disabled-background: #f9f9f9;
470
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
471
- --infinite-row-selected-background: #d1e9ff;
472
- --infinite-row-selected-hover-background: #add8ff;
473
- --infinite-group-row-background: #cbc5c5;
474
- --infinite-group-row-column-nesting: 24px;
475
- --infinite-row-hover-background: #dbdbdb;
476
- --infinite-row-pointer-events-while-scrolling: auto;
477
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
478
- }
479
- .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
480
- .infinite-theme-mode--light .infinite-theme-name--default,
481
- .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
482
- .infinite-theme-name--default .infinite-theme-mode--light,
483
- .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
357
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
358
+ :root {
484
359
  --infinite-loaded: true;
360
+ --infinite-theme-name: default;
361
+ --infinite-theme-mode: light;
485
362
  --infinite-icon-size: 24px;
486
363
  --infinite-space-0: 0rem;
487
364
  --infinite-space-1: 0.125rem;
@@ -600,9 +477,9 @@
600
477
  --infinite-row-pointer-events-while-scrolling: auto;
601
478
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
602
479
  }
603
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
604
- .infinite-theme-mode--dark .infinite-theme-name--default,
605
- .infinite-theme-name--default .infinite-theme-mode--dark {
480
+ .infinite-theme-mode--dark,
481
+ .infinite-theme-mode--dark:root {
482
+ --infinite-theme-mode: dark;
606
483
  --infinite-icon-size: 24px;
607
484
  --infinite-background: #101419;
608
485
  --infinite-success-color: #008700;
@@ -629,9 +506,13 @@
629
506
  --infinite-menu-item-disabled-background: #101419;
630
507
  --infinite-menu-item-active-background: #3b4754;
631
508
  --infinite-menu-item-pressed-background: #3b4754;
509
+ color: red;
632
510
  }
633
- :root {
511
+ .infinite-theme-name--default:root,
512
+ .infinite-theme-name--default {
634
513
  --infinite-loaded: true;
514
+ --infinite-theme-name: default;
515
+ --infinite-theme-mode: light;
635
516
  --infinite-icon-size: 24px;
636
517
  --infinite-space-0: 0rem;
637
518
  --infinite-space-1: 0.125rem;
@@ -750,13 +631,14 @@
750
631
  --infinite-row-pointer-events-while-scrolling: auto;
751
632
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
752
633
  }
753
- .light,
754
- .infinite-light,
755
- .infinite-theme-mode--light,
756
- .light:root,
757
- .infinite-light:root,
758
- .infinite-theme-mode--light:root {
634
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
635
+ .infinite-theme-mode--light .infinite-theme-name--default,
636
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
637
+ .infinite-theme-name--default .infinite-theme-mode--light,
638
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
759
639
  --infinite-loaded: true;
640
+ --infinite-theme-name: default;
641
+ --infinite-theme-mode: light;
760
642
  --infinite-icon-size: 24px;
761
643
  --infinite-space-0: 0rem;
762
644
  --infinite-space-1: 0.125rem;
@@ -875,8 +757,10 @@
875
757
  --infinite-row-pointer-events-while-scrolling: auto;
876
758
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
877
759
  }
878
- .dark,
879
- .infinite-dark {
760
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
761
+ .infinite-theme-mode--dark .infinite-theme-name--default,
762
+ .infinite-theme-name--default .infinite-theme-mode--dark {
763
+ --infinite-theme-mode: dark;
880
764
  --infinite-icon-size: 24px;
881
765
  --infinite-background: #101419;
882
766
  --infinite-success-color: #008700;
@@ -905,8 +789,8 @@
905
789
  --infinite-menu-item-pressed-background: #3b4754;
906
790
  }
907
791
  @media (prefers-color-scheme: dark) {
908
- .infinite-theme-name--default:root,
909
- .infinite-theme-name--default {
792
+ :root {
793
+ --infinite-theme-mode: dark;
910
794
  --infinite-icon-size: 24px;
911
795
  --infinite-background: #101419;
912
796
  --infinite-success-color: #008700;
@@ -934,7 +818,9 @@
934
818
  --infinite-menu-item-active-background: #3b4754;
935
819
  --infinite-menu-item-pressed-background: #3b4754;
936
820
  }
937
- :root {
821
+ .infinite-theme-name--default:root,
822
+ .infinite-theme-name--default {
823
+ --infinite-theme-mode: dark;
938
824
  --infinite-icon-size: 24px;
939
825
  --infinite-background: #101419;
940
826
  --infinite-success-color: #008700;
package/index.dev.js CHANGED
@@ -1457,7 +1457,7 @@ var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16h
1457
1457
 
1458
1458
  // src/components/InfiniteTable/vars.css.ts
1459
1459
  var CSS_LOADED_VALUE = "true";
1460
- var ThemeVars = { loaded: "var(--infinite-loaded)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1460
+ var ThemeVars = { loaded: "var(--infinite-loaded)", themeName: "var(--infinite-theme-name)", themeMode: "var(--infinite-theme-mode)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1461
1461
  var columnHeaderHeightName = "column-header-height";
1462
1462
 
1463
1463
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -23593,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
23593
23593
  }
23594
23594
  let valid2 = isValidLicense(licenseKey, {
23595
23595
  publishedAt: 1624970570587,
23596
- version: "6.2.0"
23596
+ version: "6.2.2"
23597
23597
  });
23598
23598
  if (!licenseKey && !valid2 && isInsidePlayground) {
23599
23599
  return true;
package/index.dev.mjs CHANGED
@@ -1398,7 +1398,7 @@ var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16h
1398
1398
 
1399
1399
  // src/components/InfiniteTable/vars.css.ts
1400
1400
  var CSS_LOADED_VALUE = "true";
1401
- var ThemeVars = { loaded: "var(--infinite-loaded)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1401
+ var ThemeVars = { loaded: "var(--infinite-loaded)", themeName: "var(--infinite-theme-name)", themeMode: "var(--infinite-theme-mode)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1402
1402
  var columnHeaderHeightName = "column-header-height";
1403
1403
 
1404
1404
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -23551,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
23551
23551
  }
23552
23552
  let valid2 = isValidLicense(licenseKey, {
23553
23553
  publishedAt: 1624970570587,
23554
- version: "6.2.0"
23554
+ version: "6.2.2"
23555
23555
  });
23556
23556
  if (!licenseKey && !valid2 && isInsidePlayground) {
23557
23557
  return true;
package/index.js CHANGED
@@ -1457,7 +1457,7 @@ var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16h
1457
1457
 
1458
1458
  // src/components/InfiniteTable/vars.css.ts
1459
1459
  var CSS_LOADED_VALUE = "true";
1460
- var ThemeVars = { loaded: "var(--infinite-loaded)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1460
+ var ThemeVars = { loaded: "var(--infinite-loaded)", themeName: "var(--infinite-theme-name)", themeMode: "var(--infinite-theme-mode)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1461
1461
  var columnHeaderHeightName = "column-header-height";
1462
1462
 
1463
1463
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -23593,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
23593
23593
  }
23594
23594
  let valid2 = isValidLicense(licenseKey, {
23595
23595
  publishedAt: 1624970570587,
23596
- version: "6.2.0"
23596
+ version: "6.2.2"
23597
23597
  });
23598
23598
  if (!licenseKey && !valid2 && isInsidePlayground) {
23599
23599
  return true;
package/index.mjs CHANGED
@@ -1398,7 +1398,7 @@ var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16h
1398
1398
 
1399
1399
  // src/components/InfiniteTable/vars.css.ts
1400
1400
  var CSS_LOADED_VALUE = "true";
1401
- var ThemeVars = { loaded: "var(--infinite-loaded)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1401
+ var ThemeVars = { loaded: "var(--infinite-loaded)", themeName: "var(--infinite-theme-name)", themeMode: "var(--infinite-theme-mode)", color: { accent: "var(--infinite-accent-color)", success: "var(--infinite-success-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", runtime: { bodyWidth: "var(--infinite-runtime-body-content-width)", totalVisibleColumnsWidthValue: "var(--infinite-runtime-total-visible-columns-width)", totalVisibleColumnsWidthVar: "var(--infinite-runtime-total-visible-columns-width-var)", visibleColumnsCount: "var(--infinite-runtime-visible-columns-count)", browserScrollbarWidth: "var(--infinite-runtime-browser-scrollbar-width)" }, components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, ActiveCellIndicator: { inset: "var(--infinite-active-cell-indicator-inset)" }, Cell: { flashingDuration: "var(--infinite-flashing-duration)", flashingAnimationName: "var(--infinite-flashing-animation-name)", flashingOverlayZIndex: "var(--infinite-flashing-overlay-z-index)", flashingBackground: "var(--infinite-flashing-background)", flashingUpBackground: "var(--infinite-flashing-up-background)", flashingDownBackground: "var(--infinite-flashing-down-background)", padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", horizontalLayoutColumnReorderDisabledPageOpacity: "var(--infinite-horizontal-layout-column-reorder-disabled-page-opacity)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, ExpandCollapseIcon: { color: "var(--infinite-expand-collapse-icon-color)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", disabledBackground: "var(--infinite-row-disabled-background)", oddDisabledBackground: "var(--infinite-row-odd-disabled-background)", selectedBackground: "var(--infinite-row-selected-background)", disabledOpacity: "var(--infinite-row-disabled-opacity)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", selectedDisabledBackground: "var(--infinite-row-selected-disabled-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
1402
1402
  var columnHeaderHeightName = "column-header-height";
1403
1403
 
1404
1404
  // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -23551,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
23551
23551
  }
23552
23552
  let valid2 = isValidLicense(licenseKey, {
23553
23553
  publishedAt: 1624970570587,
23554
- version: "6.2.0"
23554
+ version: "6.2.2"
23555
23555
  });
23556
23556
  if (!licenseKey && !valid2 && isInsidePlayground) {
23557
23557
  return true;
package/package.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "bugs": {
26
26
  "url": "https://github.com/infinite-table/infinite-react/issues"
27
27
  },
28
- "version": "6.2.0",
28
+ "version": "6.2.2",
29
29
  "main": "index.js",
30
30
  "module": "index.mjs",
31
31
  "typings": "index.d.ts",
@@ -34,5 +34,5 @@
34
34
  },
35
35
  "license": "Commercial & Open Source",
36
36
  "//": "will be updated at build time",
37
- "publishedAt": 1741271466467
37
+ "publishedAt": 1741703516982
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,9 +1,14 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUltBKVMKohISW7M2+imOPiUViR7Y5SKu++yqBtsFJTQIIKm0UwY1n/hmPPflGmQrJhRQWsE0hByxJDhgnJDMkj7VSdoKmHhP09wkhjD8teEZMKuQKJ4SuV1ptJIvRluhxzYZQCtJiqjKln39/478pfBJmQykYc0aDqZ30qYDWSrdr1HOM0egtiShfODZ15V0qLDjrR+ckI3TtLJ3kH6PRIqSwCB2jWnoxGnG6iBaRY5ICYaAxhSw7SWfEI/7KXz3WqdqCPvGpAuFc7MdCIqNXycStV3u058lh9yj45Vbxw+GwBUette6Vdl/7ROkyjFVFjGbFHhmVCYb0KiHj2dtygmbLqPxbTtA0evsux5qQFqvU1qVaSmM1kaYgGqRt1OmQKQpfGgWpR8mA2xhJJRv3ppnKGaudYDaN0Uuxb1xjK7ZHWyGZoMQqjYU0YGMUFPtqj8ef46rVztc7tfNvcVSMOfeRcsbdLZSWzXs4Aspf+KzF1kAG1AI7d219Z3Py8kFBeUS+SJe0yTepevokB7nBBgqiq/P5aPmE0Tl1m7iyvehgKk9hIceFBmPO17Ff+4ft26oCMmFIkvWO6Oz1q4JVZ70/uWTKFQOMs7JneizVeeZba5KwJuqlpNfzdqInYPbIXu7py3WYBIZJYJgEhklgmASGSeCHTAKM6HX3lWvngFLz9sSuVAe2Hl4IAZuHc9fik4tR+dybrzNaPv81X0cRLZ8Bpw/AabAIaNARp3MWvobLAaft93XA6RdO/+TABEHjQgMHfXx7YkNLLsWoRNJzxSQfz7p+Pb6ebLdh223o1o1vXQh3hnEdKdeJc31J9wDWXUK7/ry7gHh3Zl5H6nXlXkfyXcW+K+jXh3/9CHhPBj6Egv04eA0JH8DCe9IQofen93/3iRBjJx0AAA== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwW7iMBCG730KS9FKVMJVCQkt2cu+imNPiEViR7YpSKu++8qBtsFJTQIIulIUwQHP/J7JjP2NeOIi44IbwCaHErAgJWCckkKTMlFSmil68pigvw8IYfxpkQNhoDCVhVQJeiNq0lisf338fexBoSiG2B92SAldr5TcCNZy+4jBCufy7cjYVcsKonMuVj49QikI0x3Np/+m8knoDaWg9QkNJrfCpwJKSdWt8VWZBO0r02lQSgYJKvgqN856M8kEBa9pTLOFY9MMbZtzA24p985pQejaWTp6AQkKFhGFReQYNfJLUJDRRbyIu6tf17YZTpDF2Uv24rF2OyFB9Ua45LsJF0irVTr1dVKjh6b77FH4q7OZU6msl5FVgmbVDmlZcIbUKiWT2etyimbL2H4tp+gpfv2mvZtCyparKdURuFFE6IooEKaVxb5hUPTsDbeAzCRISNGqajuUE1ZbzkyeoOdq12oyw98OtlwwTomRCnOhwSQorHZ1joeP46rk1nc0vj/h1lEy5nQLzVjmpmAt210SAM2es1mHrYYCqAF2qql8tTm6W1BoS+Tb6Zwm/iZUTxeXIDZYQ0VUXZ+PA5kyOqfuEattzypM7ckNlLhSoPXp9zjscEbdadUbMq5JWgze0cn16w3WJ+v9wQWlvW0xrm/bAUtNvPrW2mBuiHqh7fW8nujRnOCRPd/TF+s4mIyDyTiYjIPJOJiMg8k4mHRxkhG17r9y6VhiNa8/QNSqI+r/P9Tbwl1I+iBk82juWnxSOrbPrWk/o/b5wbQPYmqfEe53gHu4CGnYE+5zFr1EyxHu3f06wv0L7n9KYJygSaUgA3W427Cm9rLd37OPNSF9dO37T/85nB1O2muz9nLaXoe31yFuD+aepG4/7vYh7wn29qRvL/4OJfAdGHwGhW/M4Z4k7svinjS+iMcXEHkIk4dR+ZZcvguZh7H5Ejrfgc+3JDRC7w/v/wBhnLMwZx8AAA== */
2
2
  .infinite-theme-name--balsam:root,
3
3
  .infinite-theme-name--balsam {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: balsam;
11
+ --infinite-theme-mode: light;
7
12
  --infinite-accent-color: #8b5cf6;
8
13
  --infinite-background: white;
9
14
  --infinite-color: black;
@@ -11,8 +16,6 @@
11
16
  --infinite-error-color: #fc6565;
12
17
  --infinite-header-cell-background: #f5f7f7;
13
18
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
14
- --infinite-header-color: var(--infinite-color);
15
- --infinite-cell-color: var(--infinite-color);
16
19
  --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
17
20
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
21
  --infinite-cell-border-left: none;
@@ -34,9 +37,14 @@
34
37
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
35
38
  .infinite-theme-name--balsam .infinite-theme-mode--light,
36
39
  .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
40
+ --infinite-header-color: var(--infinite-color);
41
+ --infinite-cell-color: var(--infinite-color);
42
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
37
43
  --infinite-flashing-background: var(--infinite-accent-color);
38
44
  --infinite-flashing-up-background: var(--infinite-success-color);
39
45
  --infinite-flashing-down-background: var(--infinite-error-color);
46
+ --infinite-theme-name: balsam;
47
+ --infinite-theme-mode: light;
40
48
  --infinite-accent-color: #8b5cf6;
41
49
  --infinite-background: white;
42
50
  --infinite-color: black;
@@ -44,8 +52,6 @@
44
52
  --infinite-error-color: #fc6565;
45
53
  --infinite-header-cell-background: #f5f7f7;
46
54
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
47
- --infinite-header-color: var(--infinite-color);
48
- --infinite-cell-color: var(--infinite-color);
49
55
  --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
50
56
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
51
57
  --infinite-cell-border-left: none;
@@ -65,9 +71,14 @@
65
71
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
66
72
  .infinite-theme-mode--dark .infinite-theme-name--balsam,
67
73
  .infinite-theme-name--balsam .infinite-theme-mode--dark {
74
+ --infinite-header-color: var(--infinite-color);
75
+ --infinite-cell-color: var(--infinite-color);
76
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
68
77
  --infinite-flashing-background: var(--infinite-accent-color);
69
78
  --infinite-flashing-up-background: var(--infinite-success-color);
70
79
  --infinite-flashing-down-background: var(--infinite-error-color);
80
+ --infinite-theme-name: balsam;
81
+ --infinite-theme-mode: dark;
71
82
  --infinite-accent-color: #8b5cf6;
72
83
  --infinite-background: #2d3436;
73
84
  --infinite-color: #f5f5f5;
@@ -75,8 +86,6 @@
75
86
  --infinite-error-color: #fc6565;
76
87
  --infinite-header-cell-background: #1c1c1c;
77
88
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
78
- --infinite-header-color: var(--infinite-color);
79
- --infinite-cell-color: var(--infinite-color);
80
89
  --infinite-cell-border-top: 1px solid #5c5c5c;
81
90
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
82
91
  --infinite-cell-border-left: none;
@@ -96,9 +105,14 @@
96
105
  @media (prefers-color-scheme: dark) {
97
106
  .infinite-theme-name--balsam:root,
98
107
  .infinite-theme-name--balsam {
108
+ --infinite-header-color: var(--infinite-color);
109
+ --infinite-cell-color: var(--infinite-color);
110
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
99
111
  --infinite-flashing-background: var(--infinite-accent-color);
100
112
  --infinite-flashing-up-background: var(--infinite-success-color);
101
113
  --infinite-flashing-down-background: var(--infinite-error-color);
114
+ --infinite-theme-name: balsam;
115
+ --infinite-theme-mode: dark;
102
116
  --infinite-accent-color: #8b5cf6;
103
117
  --infinite-background: #2d3436;
104
118
  --infinite-color: #f5f5f5;
@@ -106,8 +120,6 @@
106
120
  --infinite-error-color: #fc6565;
107
121
  --infinite-header-cell-background: #1c1c1c;
108
122
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
109
- --infinite-header-color: var(--infinite-color);
110
- --infinite-cell-color: var(--infinite-color);
111
123
  --infinite-cell-border-top: 1px solid #5c5c5c;
112
124
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
113
125
  --infinite-cell-border-left: none;
package/theme/default.css CHANGED
@@ -1,131 +1,8 @@
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 {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
+ :root {
128
3
  --infinite-loaded: true;
4
+ --infinite-theme-name: default;
5
+ --infinite-theme-mode: light;
129
6
  --infinite-icon-size: 24px;
130
7
  --infinite-space-0: 0rem;
131
8
  --infinite-space-1: 0.125rem;
@@ -244,9 +121,9 @@
244
121
  --infinite-row-pointer-events-while-scrolling: auto;
245
122
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
246
123
  }
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 {
124
+ .infinite-theme-mode--dark,
125
+ .infinite-theme-mode--dark:root {
126
+ --infinite-theme-mode: dark;
250
127
  --infinite-icon-size: 24px;
251
128
  --infinite-background: #101419;
252
129
  --infinite-success-color: #008700;
@@ -273,9 +150,13 @@
273
150
  --infinite-menu-item-disabled-background: #101419;
274
151
  --infinite-menu-item-active-background: #3b4754;
275
152
  --infinite-menu-item-pressed-background: #3b4754;
153
+ color: red;
276
154
  }
277
- :root {
155
+ .infinite-theme-name--default:root,
156
+ .infinite-theme-name--default {
278
157
  --infinite-loaded: true;
158
+ --infinite-theme-name: default;
159
+ --infinite-theme-mode: light;
279
160
  --infinite-icon-size: 24px;
280
161
  --infinite-space-0: 0rem;
281
162
  --infinite-space-1: 0.125rem;
@@ -394,13 +275,14 @@
394
275
  --infinite-row-pointer-events-while-scrolling: auto;
395
276
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
396
277
  }
397
- .light,
398
- .infinite-light,
399
- .infinite-theme-mode--light,
400
- .light:root,
401
- .infinite-light:root,
402
- .infinite-theme-mode--light:root {
278
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
279
+ .infinite-theme-mode--light .infinite-theme-name--default,
280
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
281
+ .infinite-theme-name--default .infinite-theme-mode--light,
282
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
403
283
  --infinite-loaded: true;
284
+ --infinite-theme-name: default;
285
+ --infinite-theme-mode: light;
404
286
  --infinite-icon-size: 24px;
405
287
  --infinite-space-0: 0rem;
406
288
  --infinite-space-1: 0.125rem;
@@ -519,8 +401,10 @@
519
401
  --infinite-row-pointer-events-while-scrolling: auto;
520
402
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
521
403
  }
522
- .dark,
523
- .infinite-dark {
404
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
405
+ .infinite-theme-mode--dark .infinite-theme-name--default,
406
+ .infinite-theme-name--default .infinite-theme-mode--dark {
407
+ --infinite-theme-mode: dark;
524
408
  --infinite-icon-size: 24px;
525
409
  --infinite-background: #101419;
526
410
  --infinite-success-color: #008700;
@@ -549,8 +433,8 @@
549
433
  --infinite-menu-item-pressed-background: #3b4754;
550
434
  }
551
435
  @media (prefers-color-scheme: dark) {
552
- .infinite-theme-name--default:root,
553
- .infinite-theme-name--default {
436
+ :root {
437
+ --infinite-theme-mode: dark;
554
438
  --infinite-icon-size: 24px;
555
439
  --infinite-background: #101419;
556
440
  --infinite-success-color: #008700;
@@ -578,7 +462,9 @@
578
462
  --infinite-menu-item-active-background: #3b4754;
579
463
  --infinite-menu-item-pressed-background: #3b4754;
580
464
  }
581
- :root {
465
+ .infinite-theme-name--default:root,
466
+ .infinite-theme-name--default {
467
+ --infinite-theme-mode: dark;
582
468
  --infinite-icon-size: 24px;
583
469
  --infinite-background: #101419;
584
470
  --infinite-success-color: #008700;
package/theme/minimalist.css CHANGED
@@ -1,9 +1,14 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X3WrbMBQA4Ps8xYHAaGEKSbbRod0M1pXtMRTpOBaVJXEk14HRdx9Ws811HP8s2dhoLnKT8+Nz5OiDLLTNtNURWcyxQGZFgYwV2upCGB0iJ+fia1gMpMG3GQBjP7MyI0Ku7ZZthLzfkiut4vAg6KqRI6REG5l0xtH1hyP1pe9rEUopMYSBHspVtq8LEjnq7tGsqnIdsRVPRRzm69s3N2/ft4LkqmcNIgkbvCC0sSPTKTUyu0Bb9u3zK9ReJ1UG9IJE/LEyh/nn27v13U0rN0ehkJhEY9jGkULiYJ1tn8BhGiO9zWNncjMrOs9h5XcQnNHqyBDP2gqly8Bh2T1B80CG5uxPbT7UYDa8yriFK61izmHpd60kIaN+2Odqq7RML0fbgJHD2u/SKe0/dekrWHzd135JW31CY9INBIi4iyz9dDJHBYfSeyQpQhoMIHM2sgqf5t04o56+NhgjEgteSG23HJaL5Tss6tjj7HHWvvyFU8iYqZtMCLXJGIofotNoPghSb/V5Gx9Y2NP+tOq+uS8AXwC+APySAFaC7sdHzsVv3fvPIZm6vwDK5iuxytabI5h13sT/BrNOiv82Zp1DXDD7BzD7WKDSAq48YYa0v28syFoBDjUA1+npQ4JM+Wd6uifnEeU8poxRZcCVKbJMteUUXab5MlqYicb8hjLjnBkrzSRrRmoz1puR4pxkTr86g+4clafPnlqfJNB3mAjZ//MSAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y32rbMBTG7/MUgsBoYQpJttGh3gzWle0xFOk4FpUlIcl1YPTdhxWTP44jy006WvBFbny+8+n45Oh3wDOhMqGEB+xzKAArWgDGhVCioFI4T6zW/jOa9cjQ3wlCGO9UOVAOFjMttSXomdqbg2B4ent/nMFAyiH65oQVZU9rq0vFCVJaQUuVSepyodZHupY9ZQyU7z5ll1+amIUrGQPnejy4rlTMBazVtttj33WC9l3vFBWaA0FSrPN2/PDoKhe+3aym+9Plw5e7r99bQaurIwNvqXKGWlDtY2ql5jxRXYAqY03Zh9o9CZkODLXU692sTX89PC4f77qnJQzZSlsOtnNcTmXY1o3sFB+qvDYELcwGOS0FP1PEkS3lonQEzWMVxGf70E5C1l9k2qtUgvucoLnZtESUefHcaIXigoW2C+XAE7Q0m/D+za9O/YRmf5rc3+GtfoKUARQIedh4HIYi07YgqDQGLKMuFIZQppXHFWzrXWnJt48leA8WO0OZUGuC5rP5Nyjq2MvkZdJmVH0RMA4XYUCoTba++CkbD8x7uRnNvq7xCbIj9pdlx+oe98S4J8Y9Me6Jd7cnOLVP6ZFrbYna++1YHtxH4r4v4tZ/SgS40wVdZMvVGeR28uLDILdzYfxv5HYWMSL3TZH7owAuKLoxFjKwzW3EjtXXYnsjbsPpfZwb8jXiNdQbzr1U8l3OvuvQ7zr8SyRgLwNTKNjDwSEkHMrCS2g4jIfJRBzIxFdQMY2Lg8iYyMZUOiby8SJCxhnZS8mznIyRsmZl4OU/2zxnypUVAAA= */
2
2
  .infinite-theme-name--minimalist:root,
3
3
  .infinite-theme-name--minimalist {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: none;
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: minimalist;
11
+ --infinite-theme-mode: light;
7
12
  --infinite-background: white;
8
13
  --infinite-color: #2D3748;
9
14
  --infinite-row-background: transparent;
@@ -14,7 +19,6 @@
14
19
  --infinite-header-cell-border-right: none;
15
20
  --infinite-cell-border-top: 1px solid #EDF2F7;
16
21
  --infinite-cell-border-radius: 0;
17
- --infinite-header-background: none;
18
22
  --infinite-header-cell-background: none;
19
23
  --infinite-cell-border-left: none;
20
24
  --infinite-cell-border-right: none;
@@ -31,9 +35,14 @@
31
35
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
32
36
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
33
37
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
38
+ --infinite-header-color: var(--infinite-color);
39
+ --infinite-cell-color: var(--infinite-color);
40
+ --infinite-header-background: none;
34
41
  --infinite-flashing-background: var(--infinite-accent-color);
35
42
  --infinite-flashing-up-background: var(--infinite-success-color);
36
43
  --infinite-flashing-down-background: var(--infinite-error-color);
44
+ --infinite-theme-name: minimalist;
45
+ --infinite-theme-mode: light;
37
46
  --infinite-background: white;
38
47
  --infinite-color: #2D3748;
39
48
  --infinite-row-background: transparent;
@@ -44,7 +53,6 @@
44
53
  --infinite-header-cell-border-right: none;
45
54
  --infinite-cell-border-top: 1px solid #EDF2F7;
46
55
  --infinite-cell-border-radius: 0;
47
- --infinite-header-background: none;
48
56
  --infinite-header-cell-background: none;
49
57
  --infinite-cell-border-left: none;
50
58
  --infinite-cell-border-right: none;
@@ -59,9 +67,14 @@
59
67
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
60
68
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
61
69
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
70
+ --infinite-header-color: var(--infinite-color);
71
+ --infinite-cell-color: var(--infinite-color);
72
+ --infinite-header-background: none;
62
73
  --infinite-flashing-background: var(--infinite-accent-color);
63
74
  --infinite-flashing-up-background: var(--infinite-success-color);
64
75
  --infinite-flashing-down-background: var(--infinite-error-color);
76
+ --infinite-theme-name: minimalist;
77
+ --infinite-theme-mode: dark;
65
78
  --infinite-background: #1a1f2b;
66
79
  --infinite-color: #EDF2F7;
67
80
  --infinite-row-background: transparent;
@@ -72,7 +85,6 @@
72
85
  --infinite-header-cell-border-right: none;
73
86
  --infinite-cell-border-top: 1px solid #2D3748;
74
87
  --infinite-cell-border-radius: 0;
75
- --infinite-header-background: none;
76
88
  --infinite-header-cell-background: none;
77
89
  --infinite-cell-border-left: none;
78
90
  --infinite-cell-border-right: none;
@@ -87,9 +99,14 @@
87
99
  @media (prefers-color-scheme: dark) {
88
100
  .infinite-theme-name--minimalist:root,
89
101
  .infinite-theme-name--minimalist {
102
+ --infinite-header-color: var(--infinite-color);
103
+ --infinite-cell-color: var(--infinite-color);
104
+ --infinite-header-background: none;
90
105
  --infinite-flashing-background: var(--infinite-accent-color);
91
106
  --infinite-flashing-up-background: var(--infinite-success-color);
92
107
  --infinite-flashing-down-background: var(--infinite-error-color);
108
+ --infinite-theme-name: minimalist;
109
+ --infinite-theme-mode: dark;
93
110
  --infinite-background: #1a1f2b;
94
111
  --infinite-color: #EDF2F7;
95
112
  --infinite-row-background: transparent;
@@ -100,7 +117,6 @@
100
117
  --infinite-header-cell-border-right: none;
101
118
  --infinite-cell-border-top: 1px solid #2D3748;
102
119
  --infinite-cell-border-radius: 0;
103
- --infinite-header-background: none;
104
120
  --infinite-header-cell-background: none;
105
121
  --infinite-cell-border-left: none;
106
122
  --infinite-cell-border-right: none;
package/theme/ocean.css CHANGED
@@ -1,9 +1,14 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y3Y6iMBQH8Pt5iiZmE03sRBTRZW/2VWp7kGagJW39SDa++wZ0Z6FgRUEnk3DhVc/5txypv8R3LiIuuAFsYkgBC5ICxpICEaGS0kzR+/UK9OcNIYw/C6KE6JiLLd4Q+rFVcidYiPZEjUs1hFIQBlOZSDX5daV/l7ki9I5S0PpGBpMH4UoBpaRqziifMUSj9WZJo8CqKSePmAfriFoV/9pn/nyxYNZi5RlCNAp8CoFvFZWOGKJRRINlsLRKYiAMFKaQJNUjrRhb1I5Uro7lHlS1Z7HesGh9ped8CmuIjeMr4u+t30iVb2NkFiIvOyItE85QUY9TfhxzgbTabqbIKCJ0RhQIM22OR97sh71HZU7nrRTfxqb7Zn59s/IuCUQmREIKcBRdjnKj6sCZiUM0y46199Xw/aWWC8YpMVJhLjSYEM2zY/GMl4/VquTBdUn+L9nPmDdKxirNDQO08qrbTaboEHMDaF6fYV5Zf0WtuOa3vylKQwLUAGubZm/tzKyfs90kGg7lGkkKYoc1ZEQV3+/lhvV2RYr4zsMuUriBFGcKtHZPvBJzerOpSSUDjJP8ctyxVALKsVSHrRTpQs/Z2FtmWVlH6MONroMOqg+qD6oPqg+qD6o/TXVG1Ef7lW6m54l981tkDlKeiZkt5tSPrkj5MyAzQm5I6a0C31s5pVyC53s2plelbPT5hpSzuRctrln8LaT83Hng8vtxOWh5cyL9YOm+JV8v5u8UGCdonCmIQF1+JLGmOT8hyuWZFPQ41Gr55213vvoBrB/C2iHWhrEbkLWkrBVm93L2GGiPkHY/ai9k7cWwtaStLW4teesEXAfino5cr8w9B7ovoe412PXFXU/gIXR6O/0F7dQ2WokcAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YzW7bMAzH730KAsGAFoiKOHHczLvsVRSJjoXakiEpTYCh7z7Y8zp/RXZit0UxH3opyb9oktKPyKOQkZDCIrExpkgkTZEQxZDKUCtll/B42QN+3QEQ8uYQI+WoCVOJ0iG8UH1fMRb/ffhRj2CYJNf4lyfsKXs+aHWUvBX2N4dcOFYvNeemWpRQEwt5cOlRxlDa7mze4o+ZS8IcGUNjejS4OkmXCmqtdLfGv8aEUDSm054qjiEk4hDbhr36jSEsdvsti4KGTzWzBfdwF7FmL8vwlb/ebHjDWKtBCIvAZxj4DafKJ4awiFiwDbbdA1C0t5bSE+ebVkquYQhhsdntebTrGsm90nmgVVkIXnYGoxLBociMpOJ8LyQYfdgvwWoqTUY1SrvsnmDwVt8ujHH1KJ33Zfxhfvuw6ikJRjYEqSQ6nMpUerxOgts4hFV2bk2TFS+lr5BcMGqVJkIatCGss3PxjeVfI1Srk+sKXL7JeaDivBbcUcCGXv24hyWcYmER1u0a5p7tAXI8Pe5UDSbILPKpHrKaZjvPYZXoSMpVkhTlkRjMqC76W97aya5IIT+62IWKsJiSTKMx7orXZF7vmuDL309CivfzClMFlw5TG7MVSReCnYGTaVaZ7xC9OdCV6LxjzDvGvGPMO8a8Y8w7xn+yY3Cqn4dbxm0YueLUy0ChOXP7y3E779tYbK82a+ZHF7D9PaArSnuw7T0FvvfkxPYWPd9rkv0itjuXhR5sr9ZetGkuBhNi+222Z3Z/PXbP6O6tyDTkdt+Sz8f3zxS5oHCfaYxQl08YMSx/U/88pw8FBx0IHfgr+y0svZ6mU/N0PFGnYeo0VO3nai9Zh7F1CF17+DqQsIMYey1lb+PsB5L2g1k7kLZDeTuQuKOYO4K6787dScn7Puz9FPp+DH+nIvBEDAZ4vXv9DSgJJZDFHgAA */
2
2
  .infinite-theme-name--ocean:root,
3
3
  .infinite-theme-name--ocean {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: ocean;
11
+ --infinite-theme-mode: light;
7
12
  --infinite-accent-color: #8b5cf6;
8
13
  --infinite-background: #d1e8fc;
9
14
  --infinite-color: #04233d;
@@ -11,8 +16,6 @@
11
16
  --infinite-error-color: #fc6565;
12
17
  --infinite-header-cell-background: #7dd3fc;
13
18
  --infinite-header-cell-hover-background: #38bdf8;
14
- --infinite-header-color: var(--infinite-color);
15
- --infinite-cell-color: var(--infinite-color);
16
19
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
17
20
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
21
  --infinite-cell-border-left: none;
@@ -33,9 +36,14 @@
33
36
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
34
37
  .infinite-theme-name--ocean .infinite-theme-mode--light,
35
38
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
39
+ --infinite-header-color: var(--infinite-color);
40
+ --infinite-cell-color: var(--infinite-color);
41
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
36
42
  --infinite-flashing-background: var(--infinite-accent-color);
37
43
  --infinite-flashing-up-background: var(--infinite-success-color);
38
44
  --infinite-flashing-down-background: var(--infinite-error-color);
45
+ --infinite-theme-name: ocean;
46
+ --infinite-theme-mode: light;
39
47
  --infinite-accent-color: #8b5cf6;
40
48
  --infinite-background: #d1e8fc;
41
49
  --infinite-color: #04233d;
@@ -43,8 +51,6 @@
43
51
  --infinite-error-color: #fc6565;
44
52
  --infinite-header-cell-background: #7dd3fc;
45
53
  --infinite-header-cell-hover-background: #38bdf8;
46
- --infinite-header-color: var(--infinite-color);
47
- --infinite-cell-color: var(--infinite-color);
48
54
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
49
55
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
50
56
  --infinite-cell-border-left: none;
@@ -63,9 +69,14 @@
63
69
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
64
70
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
65
71
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
72
+ --infinite-header-color: var(--infinite-color);
73
+ --infinite-cell-color: var(--infinite-color);
74
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
66
75
  --infinite-flashing-background: var(--infinite-accent-color);
67
76
  --infinite-flashing-up-background: var(--infinite-success-color);
68
77
  --infinite-flashing-down-background: var(--infinite-error-color);
78
+ --infinite-theme-name: ocean;
79
+ --infinite-theme-mode: dark;
69
80
  --infinite-accent-color: #8b5cf6;
70
81
  --infinite-background: #032c4f;
71
82
  --infinite-color: #96a0aa;
@@ -73,8 +84,6 @@
73
84
  --infinite-error-color: #5e1414;
74
85
  --infinite-header-cell-background: #04233d;
75
86
  --infinite-header-cell-hover-background: #021f35;
76
- --infinite-header-color: var(--infinite-color);
77
- --infinite-cell-color: var(--infinite-color);
78
87
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
79
88
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
80
89
  --infinite-cell-border-left: none;
@@ -93,9 +102,14 @@
93
102
  @media (prefers-color-scheme: dark) {
94
103
  .infinite-theme-name--ocean:root,
95
104
  .infinite-theme-name--ocean {
105
+ --infinite-header-color: var(--infinite-color);
106
+ --infinite-cell-color: var(--infinite-color);
107
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
96
108
  --infinite-flashing-background: var(--infinite-accent-color);
97
109
  --infinite-flashing-up-background: var(--infinite-success-color);
98
110
  --infinite-flashing-down-background: var(--infinite-error-color);
111
+ --infinite-theme-name: ocean;
112
+ --infinite-theme-mode: dark;
99
113
  --infinite-accent-color: #8b5cf6;
100
114
  --infinite-background: #032c4f;
101
115
  --infinite-color: #96a0aa;
@@ -103,8 +117,6 @@
103
117
  --infinite-error-color: #5e1414;
104
118
  --infinite-header-cell-background: #04233d;
105
119
  --infinite-header-cell-hover-background: #021f35;
106
- --infinite-header-color: var(--infinite-color);
107
- --infinite-cell-color: var(--infinite-color);
108
120
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
109
121
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
110
122
  --infinite-cell-border-left: none;
package/theme/shadcn.css CHANGED
@@ -1,39 +1,42 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Wy27bMBC8+yt4CmKgVOwAvag/0H5BzzS5MolSXGJJ2UmL/HuhRxtaD9o1egp00MWaGa52h+spjKuMMxF41FADd6IGzoMWSrqSEOMnVmQg7NeGMc7/IiorgjbuyA9C/jgSNk6V7CToMcEIKcFFLtEibb8s8BufkwiNlBDCFQ2FZ5dTASKkeY2UpYN97Jnvv27HhE4lxVZIsIC9qD7leDK1oNcJISk0hSsIkRoZzQkmlLTJtxyhQSiYOaNuIqjcx/whgrX8gKSASubQwVUYJ3PU8To4mUQk4YIXBC5mGBpPQLm5z8svfFhGZ5lLEMxP4Fo4ZeF6QbMWTFsV0Zds719YQGtU6sju/cz0W1P0EsYpI0VE4sYFiCV79i+d1vBkqO8lc2G9FiXbFfscvq/2ZtMtnKWgEo2NcwpPu2Kfa5SFat5StxkvRZ2Nirpku0mHCM93ugLPHJW6nzw10uiibp+Kz3PEABZke5Fz3CzxqocXjhmL1uCa+xrQMafWQt9VltlQHdFEqLkyQRzsqA3LS2WGiF5IE1/bi/C8iPYEISw2u9/MfZUPrPg28L926+Y7Ce+Bur9VxgYnHjBGrKdb43JBdIKMPZTdqAYFxpJ7NTRvZnDj6Q5ab5v2eduME0CNCji37TX6h1dpbsi9myaORDSbRrLM/yd6EYAysvczc7WuiWtNXGviWhPXmrjWxLUmro+ZuH4DZ2OYjZYRAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Yy27bMBC8+yv2kiABQsMOkEOVS4/tF/RMk+uICEUKSyqPBv73gpQc60m5btCTDr54Z4bL3fVy4LUye2WUR+ZzLJAZXiBjLudSmIys9XewTkDgYwXA2CciRy6RmLDaUgYvnG4YKyqPku0t4RPZysjbxy5HoNZdxikUvu3jmzN2XDzXggPaKdTn7jV3uTJPKTYXAo0fP/uTX5UpCVcJgc7NaEj7alIqSGRpXOPUiQzqTowCCisxA62ect+LD4+dLlqnN9N97Fz6CC9JFZze+9jW1Y5Iic5TJbx6wT663ZEZ4eMAhpnaWZJIGRhrcBbGKFRpHtyqmyduXMkJTb+6bUZuX9LTOi7fvxihU7+R5dxIjfOio1PTvq63ZQbb8g2c1UoeZyDGhuUPTanZykgluLfElHHoM7gv36JM80lQT9kyrsucZ7BZb1P4OtFzuj5xjMQ9r7TPIGqwQr3dKAP2WYv8ricI283VXbuj8G1zlaqfxv34tJw3U23Uq5I+z2AzqB7Z18vWXCBaKS8nD+druoRxv9/CQ7+AD8MCBmmHGkV4EYbJ1UopzuzcT5zQFy3QVJdVJzK7M2nLmNX0Zowc5bFgUjm+073LT++REaItuVD+Pfx47ifRJaFzoyWuV2lM8BrWPxvqj7iCfhEvS6T4pgM0w7mz3ttiuF+6qyQKAlxnsUGNAkDrtzj+wI/NWqN1WIXPYdW3H+FNYyy+aX8RapuWVGxod1qiSSuUZH6daMd9JWQvZ6ZyXezeYvcWu7fYvcXuLXZvsXuL3ftfdk9yej4/8q9mL2h+vS2Lqh/T73aIP64Oq+8FSsXhpiTcIzUPLHMiQGvUbZRJpXDuX3czycSW/AFuxN9rIxQAAA== */
2
2
  .infinite-theme-name--shadcn:root,
3
3
  .infinite-theme-name--shadcn {
4
+ --infinite-header-color: var(--muted-foreground);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
7
- --infinite-background: hsl(var(--background));
8
- --infinite-color: hsl(var(--foreground));
9
- --infinite-success-color: hsl(var(--primary));
10
- --infinite-error-color: hsl(var(--destructive));
11
- --infinite-accent-color: hsl(var(--primary));
12
- --infinite-header-color: hsl(var(--muted-foreground));
10
+ --infinite-theme-name: shadcn;
11
+ --infinite-theme-mode: light;
12
+ --infinite-background: var(--background);
13
+ --infinite-color: var(--foreground);
14
+ --infinite-success-color: var(--primary);
15
+ --infinite-error-color: var(--destructive);
16
+ --infinite-accent-color: var(--primary);
13
17
  --infinite-header-cell-border: none;
14
18
  --infinite-header-cell-border-right: none;
15
19
  --infinite-header-cell-background: transparent;
16
20
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
17
- --infinite-header-background: var(--infinite-background);
18
21
  --infinite-resize-handle-hover-background: var(--infinite-color);
19
- --infinite-cell-border-top: 1px solid hsl(var(--border));
22
+ --infinite-cell-border-top: 1px solid var(--border);
20
23
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
21
24
  --infinite-active-cell-background-alpha: 0.1;
22
- --infinite-active-cell-border-color: hsl(var(--primary));
23
- --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
25
+ --infinite-active-cell-border-color: var(--primary);
26
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
24
27
  --infinite-cell-border-left: none;
25
28
  --infinite-cell-border-right: none;
26
29
  --infinite-cell-border-width: 0px;
27
30
  --infinite-row-background: var(--infinite-background);
28
31
  --infinite-row-odd-background: var(--infinite-background);
29
- --infinite-row-hover-background: hsl(var(--muted)/.5);
30
- --infinite-row-selected-background: hsl(var(--muted));
32
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
33
+ --infinite-row-selected-background: var(--muted);
31
34
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
32
35
  --infinite-menu-background: var(--infinite-background);
33
- --infinite-menu-color: hsl(var(--popover-foreground));
36
+ --infinite-menu-color: var(--popover-foreground);
34
37
  --infinite-menu-item-disabled-background: transparent;
35
38
  --infinite-menu-item-disabled-opacity: 0.2;
36
- --infinite-menu-item-pressed-background: hsl(var(--accent));
39
+ --infinite-menu-item-pressed-background: var(--accent);
37
40
  & .InfiniteHeaderWrapper {
38
41
  border-bottom: var(--infinite-cell-border-top);
39
42
  &:hover {
@@ -46,39 +49,42 @@
46
49
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
47
50
  .infinite-theme-name--shadcn .infinite-theme-mode--light,
48
51
  .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
52
+ --infinite-header-color: var(--muted-foreground);
53
+ --infinite-cell-color: var(--infinite-color);
54
+ --infinite-header-background: var(--infinite-background);
49
55
  --infinite-flashing-background: var(--infinite-accent-color);
50
56
  --infinite-flashing-up-background: var(--infinite-success-color);
51
57
  --infinite-flashing-down-background: var(--infinite-error-color);
52
- --infinite-background: hsl(var(--background));
53
- --infinite-color: hsl(var(--foreground));
54
- --infinite-success-color: hsl(var(--primary));
55
- --infinite-error-color: hsl(var(--destructive));
56
- --infinite-accent-color: hsl(var(--primary));
57
- --infinite-header-color: hsl(var(--muted-foreground));
58
+ --infinite-theme-name: shadcn;
59
+ --infinite-theme-mode: light;
60
+ --infinite-background: var(--background);
61
+ --infinite-color: var(--foreground);
62
+ --infinite-success-color: var(--primary);
63
+ --infinite-error-color: var(--destructive);
64
+ --infinite-accent-color: var(--primary);
58
65
  --infinite-header-cell-border: none;
59
66
  --infinite-header-cell-border-right: none;
60
67
  --infinite-header-cell-background: transparent;
61
68
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
62
- --infinite-header-background: var(--infinite-background);
63
69
  --infinite-resize-handle-hover-background: var(--infinite-color);
64
- --infinite-cell-border-top: 1px solid hsl(var(--border));
70
+ --infinite-cell-border-top: 1px solid var(--border);
65
71
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
66
72
  --infinite-active-cell-background-alpha: 0.1;
67
- --infinite-active-cell-border-color: hsl(var(--primary));
68
- --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
73
+ --infinite-active-cell-border-color: var(--primary);
74
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
69
75
  --infinite-cell-border-left: none;
70
76
  --infinite-cell-border-right: none;
71
77
  --infinite-cell-border-width: 0px;
72
78
  --infinite-row-background: var(--infinite-background);
73
79
  --infinite-row-odd-background: var(--infinite-background);
74
- --infinite-row-hover-background: hsl(var(--muted)/.5);
75
- --infinite-row-selected-background: hsl(var(--muted));
80
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
81
+ --infinite-row-selected-background: var(--muted);
76
82
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
77
83
  --infinite-menu-background: var(--infinite-background);
78
- --infinite-menu-color: hsl(var(--popover-foreground));
84
+ --infinite-menu-color: var(--popover-foreground);
79
85
  --infinite-menu-item-disabled-background: transparent;
80
86
  --infinite-menu-item-disabled-opacity: 0.2;
81
- --infinite-menu-item-pressed-background: hsl(var(--accent));
87
+ --infinite-menu-item-pressed-background: var(--accent);
82
88
  & .InfiniteHeaderWrapper {
83
89
  border-bottom: var(--infinite-cell-border-top);
84
90
  &:hover {
@@ -86,3 +92,14 @@
86
92
  }
87
93
  }
88
94
  }
95
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
96
+ .infinite-theme-mode--dark .infinite-theme-name--shadcn,
97
+ .infinite-theme-name--shadcn .infinite-theme-mode--dark {
98
+ --infinite-theme-mode: dark;
99
+ }
100
+ @media (prefers-color-scheme: dark) {
101
+ .infinite-theme-name--shadcn:root,
102
+ .infinite-theme-name--shadcn {
103
+ --infinite-theme-mode: dark;
104
+ }
105
+ }