@infinite-table/infinite-react 6.2.1 → 6.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/index.css +81 -42
  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 +9 -1
  8. package/theme/default.css +81 -42
  9. package/theme/minimalist.css +9 -1
  10. package/theme/ocean.css +9 -1
  11. package/theme/shadcn.css +16 -1
package/index.css CHANGED
@@ -354,10 +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 {
357
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
358
+ :root {
360
359
  --infinite-loaded: true;
360
+ --infinite-theme-name: default;
361
+ --infinite-theme-mode: light;
361
362
  --infinite-icon-size: 24px;
362
363
  --infinite-space-0: 0rem;
363
364
  --infinite-space-1: 0.125rem;
@@ -476,12 +477,41 @@
476
477
  --infinite-row-pointer-events-while-scrolling: auto;
477
478
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
478
479
  }
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 {
480
+ .infinite-theme-mode--dark,
481
+ .infinite-theme-mode--dark:root {
482
+ --infinite-theme-mode: dark;
483
+ --infinite-icon-size: 24px;
484
+ --infinite-background: #101419;
485
+ --infinite-success-color: #008700;
486
+ --infinite-cell-border: 1px solid #2a323d;
487
+ --infinite-header-color: #c3c3c3;
488
+ --infinite-load-mask-text-background: var(--infinite-background);
489
+ --infinite-load-mask-color: var(--infinite-cell-color);
490
+ --infinite-header-cell-background: #1b2129;
491
+ --infinite-header-cell-hover-background: #222932;
492
+ --infinite-header-background: var(--infinite-header-cell-background);
493
+ --infinite-row-hover-background: #3b4754;
494
+ --infinite-row-selected-background: #0a2e4f;
495
+ --infinite-row-selected-hover-background: #0b243a;
496
+ --infinite-row-background: var(--infinite-background);
497
+ --infinite-row-odd-background: #242a31;
498
+ --infinite-row-disabled-background: #292a2c;
499
+ --infinite-row-odd-disabled-background: #2d2e30;
500
+ --infinite-cell-color: #c3c3c3;
501
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
502
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
503
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
504
+ --infinite-menu-background: #101419;
505
+ --infinite-menu-color: #c3c3c3;
506
+ --infinite-menu-item-disabled-background: #101419;
507
+ --infinite-menu-item-active-background: #3b4754;
508
+ --infinite-menu-item-pressed-background: #3b4754;
509
+ }
510
+ .infinite-theme-name--default:root,
511
+ .infinite-theme-name--default {
484
512
  --infinite-loaded: true;
513
+ --infinite-theme-name: default;
514
+ --infinite-theme-mode: light;
485
515
  --infinite-icon-size: 24px;
486
516
  --infinite-space-0: 0rem;
487
517
  --infinite-space-1: 0.125rem;
@@ -600,38 +630,14 @@
600
630
  --infinite-row-pointer-events-while-scrolling: auto;
601
631
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
602
632
  }
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 {
606
- --infinite-icon-size: 24px;
607
- --infinite-background: #101419;
608
- --infinite-success-color: #008700;
609
- --infinite-cell-border: 1px solid #2a323d;
610
- --infinite-header-color: #c3c3c3;
611
- --infinite-load-mask-text-background: var(--infinite-background);
612
- --infinite-load-mask-color: var(--infinite-cell-color);
613
- --infinite-header-cell-background: #1b2129;
614
- --infinite-header-cell-hover-background: #222932;
615
- --infinite-header-background: var(--infinite-header-cell-background);
616
- --infinite-row-hover-background: #3b4754;
617
- --infinite-row-selected-background: #0a2e4f;
618
- --infinite-row-selected-hover-background: #0b243a;
619
- --infinite-row-background: var(--infinite-background);
620
- --infinite-row-odd-background: #242a31;
621
- --infinite-row-disabled-background: #292a2c;
622
- --infinite-row-odd-disabled-background: #2d2e30;
623
- --infinite-cell-color: #c3c3c3;
624
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
625
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
626
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
627
- --infinite-menu-background: #101419;
628
- --infinite-menu-color: #c3c3c3;
629
- --infinite-menu-item-disabled-background: #101419;
630
- --infinite-menu-item-active-background: #3b4754;
631
- --infinite-menu-item-pressed-background: #3b4754;
632
- }
633
- :root {
633
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
634
+ .infinite-theme-mode--light .infinite-theme-name--default,
635
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
636
+ .infinite-theme-name--default .infinite-theme-mode--light,
637
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
634
638
  --infinite-loaded: true;
639
+ --infinite-theme-name: default;
640
+ --infinite-theme-mode: light;
635
641
  --infinite-icon-size: 24px;
636
642
  --infinite-space-0: 0rem;
637
643
  --infinite-space-1: 0.125rem;
@@ -750,9 +756,40 @@
750
756
  --infinite-row-pointer-events-while-scrolling: auto;
751
757
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
752
758
  }
759
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
760
+ .infinite-theme-mode--dark .infinite-theme-name--default,
761
+ .infinite-theme-name--default .infinite-theme-mode--dark {
762
+ --infinite-theme-mode: dark;
763
+ --infinite-icon-size: 24px;
764
+ --infinite-background: #101419;
765
+ --infinite-success-color: #008700;
766
+ --infinite-cell-border: 1px solid #2a323d;
767
+ --infinite-header-color: #c3c3c3;
768
+ --infinite-load-mask-text-background: var(--infinite-background);
769
+ --infinite-load-mask-color: var(--infinite-cell-color);
770
+ --infinite-header-cell-background: #1b2129;
771
+ --infinite-header-cell-hover-background: #222932;
772
+ --infinite-header-background: var(--infinite-header-cell-background);
773
+ --infinite-row-hover-background: #3b4754;
774
+ --infinite-row-selected-background: #0a2e4f;
775
+ --infinite-row-selected-hover-background: #0b243a;
776
+ --infinite-row-background: var(--infinite-background);
777
+ --infinite-row-odd-background: #242a31;
778
+ --infinite-row-disabled-background: #292a2c;
779
+ --infinite-row-odd-disabled-background: #2d2e30;
780
+ --infinite-cell-color: #c3c3c3;
781
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
782
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
783
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
784
+ --infinite-menu-background: #101419;
785
+ --infinite-menu-color: #c3c3c3;
786
+ --infinite-menu-item-disabled-background: #101419;
787
+ --infinite-menu-item-active-background: #3b4754;
788
+ --infinite-menu-item-pressed-background: #3b4754;
789
+ }
753
790
  @media (prefers-color-scheme: dark) {
754
- .infinite-theme-name--default:root,
755
- .infinite-theme-name--default {
791
+ :root {
792
+ --infinite-theme-mode: dark;
756
793
  --infinite-icon-size: 24px;
757
794
  --infinite-background: #101419;
758
795
  --infinite-success-color: #008700;
@@ -780,7 +817,9 @@
780
817
  --infinite-menu-item-active-background: #3b4754;
781
818
  --infinite-menu-item-pressed-background: #3b4754;
782
819
  }
783
- :root {
820
+ .infinite-theme-name--default:root,
821
+ .infinite-theme-name--default {
822
+ --infinite-theme-mode: dark;
784
823
  --infinite-icon-size: 24px;
785
824
  --infinite-background: #101419;
786
825
  --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.1"
23596
+ version: "6.2.3"
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.1"
23554
+ version: "6.2.3"
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.1"
23596
+ version: "6.2.3"
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.1"
23554
+ version: "6.2.3"
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.1",
28
+ "version": "6.2.3",
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": 1741697453849
37
+ "publishedAt": 1741704461177
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUlqKVqIQrCAkt2Zt9FceeEKuJHdnmIK367iuntA1OahJAsLuKLLjAM79nMuN8I564yLjgBrDJoQQsSAkYp6TQpEyUlGaKnjwm6PcDQhh/WuRAGChMZSFVgrZETRqb9a+PP489KBTFEPvDCSmhr2slN4K13D5isMK53B4Zu2pZQXTOxdqnRygFYbqj+fTfVD4JvaEUtD6hweRO+FRAKam6NZoxJih4SWOaLR2bpvIu5wbcSrw7pwWhr87WUfwJCpYRhWXkGDXCS1CQ0WW8jLuLV5emGU6Qxdlz9uyxdguZoPogXPL9hAuk1Tqd+hqh0QLT9+xR+KOzF1OprJeRVYLm1R5pWXCG1Dolk/nLaormq9h+raboKX75pjubQoqvc9OU6gjcKCJ0RRQI08rivd4omnnDLSAzCRJStKraDuWE1Y4zkydoVu1bTWb49mDLBeOUGKkwFxpMgsJqX+d4+DiuSu58nf39BbWOkjGnW2jGMjcFa9nukgBoNsvmHbYaCqAG2Kmm8tXm6NWAQlsi30nnNPE3oXq6uASxwRoqour6fFzIlNEFda9YbXtWYWpPbqDElQKtTz/HYZcz6k6rPpBxTdJi8IlOrl9PsL5Zbw8u50rJAOPC3pkBW006+vbaXG2Iepnr9bye6BHmPbLne/piHeeKca4Y54pxrhjninGu+C/nCkbUa/+dS6cKq3l9/teqI6n/SVIHIVtEC9fik7KxXbem9Zza9RfTOoipXSOc7wDncBnSsCecFyx6jlYjnLv7dYTzF5x/lcA4QZNKQQbq8G7DmlrKJcgC7rEmnI+Off8nP4eTw0l5bVZeTsvr8PI6xOzHzD7UPMHNnuTsxc6h9LwDP88g6I0Z2pOifTnak6QXsfQCmg7h6TCi3pKpd6HqMK5eQtY7sPWWdEXo7eHtD/uAHgNhHgAA */
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
4
  --infinite-header-color: var(--infinite-color);
@@ -7,6 +7,8 @@
7
7
  --infinite-flashing-background: var(--infinite-accent-color);
8
8
  --infinite-flashing-up-background: var(--infinite-success-color);
9
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: balsam;
11
+ --infinite-theme-mode: light;
10
12
  --infinite-accent-color: #8b5cf6;
11
13
  --infinite-background: white;
12
14
  --infinite-color: black;
@@ -41,6 +43,8 @@
41
43
  --infinite-flashing-background: var(--infinite-accent-color);
42
44
  --infinite-flashing-up-background: var(--infinite-success-color);
43
45
  --infinite-flashing-down-background: var(--infinite-error-color);
46
+ --infinite-theme-name: balsam;
47
+ --infinite-theme-mode: light;
44
48
  --infinite-accent-color: #8b5cf6;
45
49
  --infinite-background: white;
46
50
  --infinite-color: black;
@@ -73,6 +77,8 @@
73
77
  --infinite-flashing-background: var(--infinite-accent-color);
74
78
  --infinite-flashing-up-background: var(--infinite-success-color);
75
79
  --infinite-flashing-down-background: var(--infinite-error-color);
80
+ --infinite-theme-name: balsam;
81
+ --infinite-theme-mode: dark;
76
82
  --infinite-accent-color: #8b5cf6;
77
83
  --infinite-background: #2d3436;
78
84
  --infinite-color: #f5f5f5;
@@ -105,6 +111,8 @@
105
111
  --infinite-flashing-background: var(--infinite-accent-color);
106
112
  --infinite-flashing-up-background: var(--infinite-success-color);
107
113
  --infinite-flashing-down-background: var(--infinite-error-color);
114
+ --infinite-theme-name: balsam;
115
+ --infinite-theme-mode: dark;
108
116
  --infinite-accent-color: #8b5cf6;
109
117
  --infinite-background: #2d3436;
110
118
  --infinite-color: #f5f5f5;
package/theme/default.css CHANGED
@@ -1,7 +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 {
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
+ :root {
4
3
  --infinite-loaded: true;
4
+ --infinite-theme-name: default;
5
+ --infinite-theme-mode: light;
5
6
  --infinite-icon-size: 24px;
6
7
  --infinite-space-0: 0rem;
7
8
  --infinite-space-1: 0.125rem;
@@ -120,12 +121,41 @@
120
121
  --infinite-row-pointer-events-while-scrolling: auto;
121
122
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
122
123
  }
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 {
124
+ .infinite-theme-mode--dark,
125
+ .infinite-theme-mode--dark:root {
126
+ --infinite-theme-mode: dark;
127
+ --infinite-icon-size: 24px;
128
+ --infinite-background: #101419;
129
+ --infinite-success-color: #008700;
130
+ --infinite-cell-border: 1px solid #2a323d;
131
+ --infinite-header-color: #c3c3c3;
132
+ --infinite-load-mask-text-background: var(--infinite-background);
133
+ --infinite-load-mask-color: var(--infinite-cell-color);
134
+ --infinite-header-cell-background: #1b2129;
135
+ --infinite-header-cell-hover-background: #222932;
136
+ --infinite-header-background: var(--infinite-header-cell-background);
137
+ --infinite-row-hover-background: #3b4754;
138
+ --infinite-row-selected-background: #0a2e4f;
139
+ --infinite-row-selected-hover-background: #0b243a;
140
+ --infinite-row-background: var(--infinite-background);
141
+ --infinite-row-odd-background: #242a31;
142
+ --infinite-row-disabled-background: #292a2c;
143
+ --infinite-row-odd-disabled-background: #2d2e30;
144
+ --infinite-cell-color: #c3c3c3;
145
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
146
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
147
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
148
+ --infinite-menu-background: #101419;
149
+ --infinite-menu-color: #c3c3c3;
150
+ --infinite-menu-item-disabled-background: #101419;
151
+ --infinite-menu-item-active-background: #3b4754;
152
+ --infinite-menu-item-pressed-background: #3b4754;
153
+ }
154
+ .infinite-theme-name--default:root,
155
+ .infinite-theme-name--default {
128
156
  --infinite-loaded: true;
157
+ --infinite-theme-name: default;
158
+ --infinite-theme-mode: light;
129
159
  --infinite-icon-size: 24px;
130
160
  --infinite-space-0: 0rem;
131
161
  --infinite-space-1: 0.125rem;
@@ -244,38 +274,14 @@
244
274
  --infinite-row-pointer-events-while-scrolling: auto;
245
275
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
246
276
  }
247
- .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
248
- .infinite-theme-mode--dark .infinite-theme-name--default,
249
- .infinite-theme-name--default .infinite-theme-mode--dark {
250
- --infinite-icon-size: 24px;
251
- --infinite-background: #101419;
252
- --infinite-success-color: #008700;
253
- --infinite-cell-border: 1px solid #2a323d;
254
- --infinite-header-color: #c3c3c3;
255
- --infinite-load-mask-text-background: var(--infinite-background);
256
- --infinite-load-mask-color: var(--infinite-cell-color);
257
- --infinite-header-cell-background: #1b2129;
258
- --infinite-header-cell-hover-background: #222932;
259
- --infinite-header-background: var(--infinite-header-cell-background);
260
- --infinite-row-hover-background: #3b4754;
261
- --infinite-row-selected-background: #0a2e4f;
262
- --infinite-row-selected-hover-background: #0b243a;
263
- --infinite-row-background: var(--infinite-background);
264
- --infinite-row-odd-background: #242a31;
265
- --infinite-row-disabled-background: #292a2c;
266
- --infinite-row-odd-disabled-background: #2d2e30;
267
- --infinite-cell-color: #c3c3c3;
268
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
269
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
270
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
271
- --infinite-menu-background: #101419;
272
- --infinite-menu-color: #c3c3c3;
273
- --infinite-menu-item-disabled-background: #101419;
274
- --infinite-menu-item-active-background: #3b4754;
275
- --infinite-menu-item-pressed-background: #3b4754;
276
- }
277
- :root {
277
+ .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
278
+ .infinite-theme-mode--light .infinite-theme-name--default,
279
+ .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
280
+ .infinite-theme-name--default .infinite-theme-mode--light,
281
+ .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
278
282
  --infinite-loaded: true;
283
+ --infinite-theme-name: default;
284
+ --infinite-theme-mode: light;
279
285
  --infinite-icon-size: 24px;
280
286
  --infinite-space-0: 0rem;
281
287
  --infinite-space-1: 0.125rem;
@@ -394,9 +400,40 @@
394
400
  --infinite-row-pointer-events-while-scrolling: auto;
395
401
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
396
402
  }
403
+ .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
404
+ .infinite-theme-mode--dark .infinite-theme-name--default,
405
+ .infinite-theme-name--default .infinite-theme-mode--dark {
406
+ --infinite-theme-mode: dark;
407
+ --infinite-icon-size: 24px;
408
+ --infinite-background: #101419;
409
+ --infinite-success-color: #008700;
410
+ --infinite-cell-border: 1px solid #2a323d;
411
+ --infinite-header-color: #c3c3c3;
412
+ --infinite-load-mask-text-background: var(--infinite-background);
413
+ --infinite-load-mask-color: var(--infinite-cell-color);
414
+ --infinite-header-cell-background: #1b2129;
415
+ --infinite-header-cell-hover-background: #222932;
416
+ --infinite-header-background: var(--infinite-header-cell-background);
417
+ --infinite-row-hover-background: #3b4754;
418
+ --infinite-row-selected-background: #0a2e4f;
419
+ --infinite-row-selected-hover-background: #0b243a;
420
+ --infinite-row-background: var(--infinite-background);
421
+ --infinite-row-odd-background: #242a31;
422
+ --infinite-row-disabled-background: #292a2c;
423
+ --infinite-row-odd-disabled-background: #2d2e30;
424
+ --infinite-cell-color: #c3c3c3;
425
+ --infinite-menu-shadow-color: rgba(255,255,255,0.25);
426
+ --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
427
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
428
+ --infinite-menu-background: #101419;
429
+ --infinite-menu-color: #c3c3c3;
430
+ --infinite-menu-item-disabled-background: #101419;
431
+ --infinite-menu-item-active-background: #3b4754;
432
+ --infinite-menu-item-pressed-background: #3b4754;
433
+ }
397
434
  @media (prefers-color-scheme: dark) {
398
- .infinite-theme-name--default:root,
399
- .infinite-theme-name--default {
435
+ :root {
436
+ --infinite-theme-mode: dark;
400
437
  --infinite-icon-size: 24px;
401
438
  --infinite-background: #101419;
402
439
  --infinite-success-color: #008700;
@@ -424,7 +461,9 @@
424
461
  --infinite-menu-item-active-background: #3b4754;
425
462
  --infinite-menu-item-pressed-background: #3b4754;
426
463
  }
427
- :root {
464
+ .infinite-theme-name--default:root,
465
+ .infinite-theme-name--default {
466
+ --infinite-theme-mode: dark;
428
467
  --infinite-icon-size: 24px;
429
468
  --infinite-background: #101419;
430
469
  --infinite-success-color: #008700;
package/theme/minimalist.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0WrbMBQG4Ps8hSAwWphCkm10eDeDdWV7DEU6jkVlSRzJdWD03YdVkzmOI9uNWxj4IjfWOb+PbPmDrKROpZYeqM8gB6pZDpTmUsucKel8gsb4j2TVU0b+LAih9FiVAROAlBtlMCFPDG8ai+Hq7bfTDg5Kjamv77Bj/HGPptAiIdpoaFWlirlM6v1JXSuecQ7ad9/l2F/YWIQrOAfnejKEKXUsBRANdmc0u8pM+vY+6we33N5/uvv8tbWIpjwJ8Mi0swxB+45KI8TA6hx0EdvPv6X2dkKnA8uQeXM8Jsuf9w/bh7vuFx3Ox86gAOx80+dlFOU+853FzSpvbEI29kCcUVJcGOIklglZuISsYxPEj2UzTkHaP+SwrZRS+Cwha3toFTHu5VNdK7WQPDx2qR34hGztIey//lWtH8jqd937K+zqBygVvnFCPBw8DYciNZgnpLAWkDMXBiMkNdrTEl7m3RklXi4r8B6QOsu41PuErFfrL5BXa8+L50Wbl9wIoFRVISOW2ij1rZ+z1gjvJS/aPW3wmbaR+Ou6Y3PPxM/Ez8TPxE9JvGD4OHxlKuCr7LdjOKTPWL4blssN26Tb3QUuO7/1/4bLTuzfm8vOIWYu35TL7zkIyciNRUgB6y+JOl45k5CKmNtw9z6jxvx/f41Y480aqtb1bk0j1zR2DdGrx68xgo017BrFxjk2WLKRlr1Cs2GejRJtoGlDVRvo2lWyxW3r1e2ibzHhKuOCc38BU2H0HH8UAAA= */
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
4
  --infinite-header-color: var(--infinite-color);
@@ -7,6 +7,8 @@
7
7
  --infinite-flashing-background: var(--infinite-accent-color);
8
8
  --infinite-flashing-up-background: var(--infinite-success-color);
9
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: minimalist;
11
+ --infinite-theme-mode: light;
10
12
  --infinite-background: white;
11
13
  --infinite-color: #2D3748;
12
14
  --infinite-row-background: transparent;
@@ -39,6 +41,8 @@
39
41
  --infinite-flashing-background: var(--infinite-accent-color);
40
42
  --infinite-flashing-up-background: var(--infinite-success-color);
41
43
  --infinite-flashing-down-background: var(--infinite-error-color);
44
+ --infinite-theme-name: minimalist;
45
+ --infinite-theme-mode: light;
42
46
  --infinite-background: white;
43
47
  --infinite-color: #2D3748;
44
48
  --infinite-row-background: transparent;
@@ -69,6 +73,8 @@
69
73
  --infinite-flashing-background: var(--infinite-accent-color);
70
74
  --infinite-flashing-up-background: var(--infinite-success-color);
71
75
  --infinite-flashing-down-background: var(--infinite-error-color);
76
+ --infinite-theme-name: minimalist;
77
+ --infinite-theme-mode: dark;
72
78
  --infinite-background: #1a1f2b;
73
79
  --infinite-color: #EDF2F7;
74
80
  --infinite-row-background: transparent;
@@ -99,6 +105,8 @@
99
105
  --infinite-flashing-background: var(--infinite-accent-color);
100
106
  --infinite-flashing-up-background: var(--infinite-success-color);
101
107
  --infinite-flashing-down-background: var(--infinite-error-color);
108
+ --infinite-theme-name: minimalist;
109
+ --infinite-theme-mode: dark;
102
110
  --infinite-background: #1a1f2b;
103
111
  --infinite-color: #EDF2F7;
104
112
  --infinite-row-background: transparent;
package/theme/ocean.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YXa+iMBCG7/0VTcwmmtgTEUQPe7N/pbaDNAda0taPZON/30BYw5cFleOJCRfe2Jm3L9Mpz4QPLkIuuAFsIkgAC5IAxpICEYGS0izQx+0I9HeCEMbXgAgIA4WpjKUK0JGoWWkx/3f+u5pBIY7viS922BH6tVfyIFgj7b+HTDiSx0pwXS2MiY642Nv0CKUgTLuba/4htUnoA6WgdYcGkydhUwGlpGrXKHsM0HS7W9PQr8WUlafMgW1I62dRpC+9leuy2mLlGQI09T0KvlcLKlkM0DSk/tpftx9gfjwVSxvG3IYl22EGaOpudyzctrXUTqos0cg0QE56RlrGnKHcGU74ecYF0mq/WyCjiNApUSDMor0DkbP8daMNy1spvo/M85t5zc3Ku8QQmgAJKcASVFjpiDpxZqIALdNzo5sMPxaxXDBOiZEKc6HBBGiVnvNnLH61VCVPtha+fROzRMlYJbmlgDW96nbzBTpF3ABaNWuYRTYbyPLqsFvVEAM1wIZ6EVU0mz77VaLFlK0kCYgD1pASlZ9vcWsHuyK5/NPFzlW4gQSnCrS2V7wic5nUwZVIBhjH2eW4Y6mEO8tSE5MlSRtCrYmDaZaZbRF9ONFmdJwRxhlhnBHGGWGcEcYZ4U1mBEbUV/+V5yaETHFomOeaI3ffk7tLd0W98AZ3P32yJKSDu87G95yNlbtrcDynjuab3G2lfQd3lysndOtkH5C71+Yc4ft+8B3Z21mRYdBrvyU/z98/CTBO0CxVEIIqXmFY0wxmAco4Ns9BZmFgz8/Uj8DwfhwODcTnkTgMFIfBYj8w9kFjBxx74rEXIO9F5GOQfCEmXwzKnqjsC8ueuHwKmE8g89uhOSg2vwecP4LO18BzKHwOBFCELpPLP3GZ85nDHQAA */
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
4
  --infinite-header-color: var(--infinite-color);
@@ -7,6 +7,8 @@
7
7
  --infinite-flashing-background: var(--infinite-accent-color);
8
8
  --infinite-flashing-up-background: var(--infinite-success-color);
9
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: ocean;
11
+ --infinite-theme-mode: light;
10
12
  --infinite-accent-color: #8b5cf6;
11
13
  --infinite-background: #d1e8fc;
12
14
  --infinite-color: #04233d;
@@ -40,6 +42,8 @@
40
42
  --infinite-flashing-background: var(--infinite-accent-color);
41
43
  --infinite-flashing-up-background: var(--infinite-success-color);
42
44
  --infinite-flashing-down-background: var(--infinite-error-color);
45
+ --infinite-theme-name: ocean;
46
+ --infinite-theme-mode: light;
43
47
  --infinite-accent-color: #8b5cf6;
44
48
  --infinite-background: #d1e8fc;
45
49
  --infinite-color: #04233d;
@@ -71,6 +75,8 @@
71
75
  --infinite-flashing-background: var(--infinite-accent-color);
72
76
  --infinite-flashing-up-background: var(--infinite-success-color);
73
77
  --infinite-flashing-down-background: var(--infinite-error-color);
78
+ --infinite-theme-name: ocean;
79
+ --infinite-theme-mode: dark;
74
80
  --infinite-accent-color: #8b5cf6;
75
81
  --infinite-background: #032c4f;
76
82
  --infinite-color: #96a0aa;
@@ -102,6 +108,8 @@
102
108
  --infinite-flashing-background: var(--infinite-accent-color);
103
109
  --infinite-flashing-up-background: var(--infinite-success-color);
104
110
  --infinite-flashing-down-background: var(--infinite-error-color);
111
+ --infinite-theme-name: ocean;
112
+ --infinite-theme-mode: dark;
105
113
  --infinite-accent-color: #8b5cf6;
106
114
  --infinite-background: #032c4f;
107
115
  --infinite-color: #96a0aa;
package/theme/shadcn.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Wy27bMBC8+yv2kiABTMMOkEPVH2i/oGeaXFtEKJJYUrbTIv9eiJJjPanU6FEHXsSZ4XJ3uZqNMgdlVEAWciyQGV4gYz7nUpiMrA1r2CQg8GcFwNgnIkcukZiw2lIGJ05PjBVlQMkOlvBItjTy+XuXI1DrLuO2VX3t45sz9ly81YID2m2rzz1o7nNljik2FwJNGD/7k1+6lIQvhUDvZzSkPZuUChJZGtcYsqbv3EntdBk6MV/hjlTB6b2PbUV2RUr0gUoR1An76HZCZ4Sv/VO1xN6SRMrAWIOzMEbqmId5cCtvgbjxjhOakGDk9pRutnH5/sUIvfqNLOdGapwXHS16+7rBugx27gLeaiWvPRD3humvilKzlZFK8GCJKeMxZPDiLlGmWQnqLVrGtct5BtvNLoWvA/1K1SeOkXjgpQ4ZRA1WqMuTMmDftMjXPUHYbR/W7YrCt+1DKn8aD+Pd8rWeaqPOSoY8g+0ge2TP902pimilvJ887K/pFMbx/Ayv/QS+DhNYSXvUKKqBPgyuVkpxZvt+4oS+aIGmvC87kdntSetiVNOTMXJUwIJJ5fle9y4/PUdGiNZxocJ79XheJtGO0PvRFNejNAb4CJufDfVHHEG/iDuHFH/JAE1z7m0IthjOl+4oiYIAj1ksUKMA0HqL4//nsV5rtD5W1fpY9d1DYSUypquX9Q9bbc+R2hu6lZZo0skkmf9PtGOeErL3M1OxLm5tcWuLW1vc2uLWFre2uLXFrfXd2l/wvvwLDhIAAA== */
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
4
  --infinite-header-color: var(--muted-foreground);
@@ -7,6 +7,8 @@
7
7
  --infinite-flashing-background: var(--infinite-accent-color);
8
8
  --infinite-flashing-up-background: var(--infinite-success-color);
9
9
  --infinite-flashing-down-background: var(--infinite-error-color);
10
+ --infinite-theme-name: shadcn;
11
+ --infinite-theme-mode: light;
10
12
  --infinite-background: var(--background);
11
13
  --infinite-color: var(--foreground);
12
14
  --infinite-success-color: var(--primary);
@@ -53,6 +55,8 @@
53
55
  --infinite-flashing-background: var(--infinite-accent-color);
54
56
  --infinite-flashing-up-background: var(--infinite-success-color);
55
57
  --infinite-flashing-down-background: var(--infinite-error-color);
58
+ --infinite-theme-name: shadcn;
59
+ --infinite-theme-mode: light;
56
60
  --infinite-background: var(--background);
57
61
  --infinite-color: var(--foreground);
58
62
  --infinite-success-color: var(--primary);
@@ -88,3 +92,14 @@
88
92
  }
89
93
  }
90
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
+ }