@infinite-table/infinite-react 6.2.4 → 6.2.6

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 +192 -49
  2. package/index.dev.js +1 -1
  3. package/index.dev.mjs +1 -1
  4. package/index.js +1 -1
  5. package/index.mjs +1 -1
  6. package/package.json +2 -2
  7. package/theme/balsam.css +61 -65
  8. package/theme/default.css +192 -49
  9. package/theme/minimalist.css +49 -21
  10. package/theme/ocean.css +49 -21
  11. package/theme/shadcn.css +25 -17
package/index.css CHANGED
@@ -354,7 +354,7 @@
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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 */
357
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
358
358
  :root {
359
359
  --infinite-loaded: true;
360
360
  --infinite-theme-name: default;
@@ -477,35 +477,163 @@
477
477
  --infinite-row-pointer-events-while-scrolling: auto;
478
478
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
479
479
  }
480
+ .infinite-theme-mode--light,
481
+ .infinite-theme-mode--light:root {
482
+ --infinite-loaded: true;
483
+ --infinite-theme-name: default;
484
+ --infinite-theme-mode: light;
485
+ --infinite-icon-size: 24px;
486
+ --infinite-space-0: 0rem;
487
+ --infinite-space-1: 0.125rem;
488
+ --infinite-space-2: 0.25rem;
489
+ --infinite-space-3: 0.5rem;
490
+ --infinite-space-4: 0.75rem;
491
+ --infinite-space-5: 1rem;
492
+ --infinite-space-6: 1.25rem;
493
+ --infinite-space-7: 1.5rem;
494
+ --infinite-space-8: 2.25rem;
495
+ --infinite-space-9: 3rem;
496
+ --infinite-space-10: 4rem;
497
+ --infinite-font-size-0: 0.5rem;
498
+ --infinite-font-size-1: 0.625rem;
499
+ --infinite-font-size-2: 0.75rem;
500
+ --infinite-font-size-3: 0.875rem;
501
+ --infinite-font-size-4: 1rem;
502
+ --infinite-font-size-5: 1.25rem;
503
+ --infinite-font-size-6: 1.5rem;
504
+ --infinite-font-size-7: 2.25rem;
505
+ --infinite-font-family: inherit;
506
+ --infinite-color: #484848;
507
+ --infinite-accent-color: #0284c7;
508
+ --infinite-success-color: #7aff7a;
509
+ --infinite-error-color: #ff0000;
510
+ --infinite-border-radius: var(--infinite-space-2);
511
+ --infinite-background: white;
512
+ --infinite-min-height: 100px;
513
+ --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
514
+ --infinite-menu-background: var(--infinite-background);
515
+ --infinite-menu-color: var(--infinite-cell-color);
516
+ --infinite-menu-separator-color: currentColor;
517
+ --infinite-menu-padding: var(--infinite-space-3);
518
+ --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
519
+ --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
520
+ --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
521
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
522
+ --infinite-menu-item-disabled-opacity: 0.5;
523
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
524
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
525
+ --infinite-menu-item-active-opacity: 0.9;
526
+ --infinite-menu-item-pressed-opacity: 1;
527
+ --infinite-menu-border-radius: var(--infinite-space-2);
528
+ --infinite-menu-shadow-color: rgba(0,0,0,0.25);
529
+ --infinite-rowdetail-background: var(--infinite-row-hover-background);
530
+ --infinite-rowdetail-padding: var(--infinite-space-2);
531
+ --infinite-rowdetail-grid-height: 100%;
532
+ --infinite-load-mask-text-background: rgba(255,255,255,0.8);
533
+ --infinite-load-mask-overlay-background: gray;
534
+ --infinite-load-mask-overlay-opacity: 0.3;
535
+ --infinite-load-mask-color: inherit;
536
+ --infinite-load-mask-padding: var(--infinite-space-5);
537
+ --infinite-load-mask-border-radius: var(--infinite-border-radius);
538
+ --infinite-filter-operator-padding-x: var(--infinite-space-1);
539
+ --infinite-filter-editor-padding-x: var(--infinite-space-2);
540
+ --infinite-filter-editor-margin-x: var(--infinite-space-1);
541
+ --infinite-filter-operator-padding-y: var(--infinite-space-0);
542
+ --infinite-filter-editor-padding-y: var(--infinite-space-0);
543
+ --infinite-filter-editor-margin-y: var(--infinite-space-1);
544
+ --infinite-resize-handle-active-area-width: 16px;
545
+ --infinite-resize-handle-width: 2px;
546
+ --infinite-resize-handle-hover-background: var(--infinite-accent-color);
547
+ --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
548
+ --infinite-header-cell-background: #ededed;
549
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
550
+ --infinite-filter-editor-background: var(--infinite-row-background);
551
+ --infinite-filter-editor-border: var(--infinite-cell-border);
552
+ --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
553
+ --infinite-header-cell-border: var(--infinite-cell-border);
554
+ --infinite-filter-editor-color: currentColor;
555
+ --infinite-filter-editor-border-radius: var(--infinite-border-radius);
556
+ --infinite-header-cell-hover-background: #dfdfdf;
557
+ --infinite-header-cell-padding-x: var(--infinite-space-3);
558
+ --infinite-header-cell-padding-y: var(--infinite-space-3);
559
+ --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
560
+ --infinite-header-cell-icon-size: 16px;
561
+ --infinite-header-cell-menu-icon-line-width: 1px;
562
+ --infinite-header-cell-sort-icon-margin: 16px;
563
+ --infinite-header-background: var(--infinite-header-cell-background);
564
+ --infinite-header-color: #6f6f6f;
565
+ --infinite-column-header-height: 30px;
566
+ --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
567
+ --infinite-cell-color: currentColor;
568
+ --infinite-cell-border-width: 1px;
569
+ --infinite-flashing-overlay-z-index: -1;
570
+ --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
571
+ --infinite-flashing-background: var(--infinite-accent-color);
572
+ --infinite-flashing-up-background: var(--infinite-success-color);
573
+ --infinite-flashing-down-background: var(--infinite-error-color);
574
+ --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
575
+ --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
576
+ --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
577
+ --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
578
+ --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
579
+ --infinite-cell-border-invisible: none;
580
+ --infinite-cell-border-radius: var(--infinite-space-2);
581
+ --infinite-column-reorder-effect-duration: .2s;
582
+ --infinite-selected-cell-border-style: solid;
583
+ --infinite-active-cell-border-style: dashed;
584
+ --infinite-active-cell-border-width: 1px;
585
+ --infinite-active-cell-background-alpha: 0.25;
586
+ --infinite-active-cell-background-alpha--table-unfocused: 0.1;
587
+ --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
588
+ --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
589
+ --infinite-row-background: var(--infinite-background);
590
+ --infinite-row-odd-background: #f6f6f6;
591
+ --infinite-row-disabled-opacity: 0.5;
592
+ --infinite-row-disabled-background: #eeeeee;
593
+ --infinite-row-odd-disabled-background: #f9f9f9;
594
+ --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
595
+ --infinite-row-selected-background: #d1e9ff;
596
+ --infinite-row-selected-hover-background: #add8ff;
597
+ --infinite-group-row-background: #cbc5c5;
598
+ --infinite-group-row-column-nesting: 24px;
599
+ --infinite-row-hover-background: #dbdbdb;
600
+ --infinite-row-pointer-events-while-scrolling: auto;
601
+ --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
602
+ }
480
603
  .infinite-theme-mode--dark,
481
604
  .infinite-theme-mode--dark:root {
605
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
606
+ --infinite-header-cell-border: var(--infinite-cell-border);
607
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
608
+ --infinite-header-color: #c3c3c3;
609
+ --infinite-header-background: var(--infinite-header-cell-background);
610
+ --infinite-cell-color: #c3c3c3;
611
+ --infinite-flashing-background: var(--infinite-accent-color);
612
+ --infinite-flashing-up-background: var(--infinite-success-color);
613
+ --infinite-flashing-down-background: var(--infinite-error-color);
614
+ --infinite-menu-color: var(--infinite-cell-color);
615
+ --infinite-menu-background: var(--infinite-background);
616
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
617
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
618
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
619
+ --infinite-load-mask-text-background: var(--infinite-background);
620
+ --infinite-load-mask-color: var(--infinite-cell-color);
621
+ --infinite-row-background: var(--infinite-background);
482
622
  --infinite-theme-mode: dark;
483
623
  --infinite-icon-size: 24px;
484
624
  --infinite-background: #101419;
485
625
  --infinite-success-color: #008700;
486
626
  --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
627
  --infinite-header-cell-background: #1b2129;
491
628
  --infinite-header-cell-hover-background: #222932;
492
- --infinite-header-background: var(--infinite-header-cell-background);
493
629
  --infinite-row-hover-background: #3b4754;
494
630
  --infinite-row-selected-background: #0a2e4f;
495
631
  --infinite-row-selected-hover-background: #0b243a;
496
- --infinite-row-background: var(--infinite-background);
497
632
  --infinite-row-odd-background: #242a31;
498
633
  --infinite-row-disabled-background: #292a2c;
499
634
  --infinite-row-odd-disabled-background: #2d2e30;
500
- --infinite-cell-color: #c3c3c3;
501
635
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
502
636
  --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
637
  }
510
638
  .infinite-theme-name--default:root,
511
639
  .infinite-theme-name--default {
@@ -759,93 +887,108 @@
759
887
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
760
888
  .infinite-theme-mode--dark .infinite-theme-name--default,
761
889
  .infinite-theme-name--default .infinite-theme-mode--dark {
890
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
891
+ --infinite-header-cell-border: var(--infinite-cell-border);
892
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
893
+ --infinite-header-color: #c3c3c3;
894
+ --infinite-header-background: var(--infinite-header-cell-background);
895
+ --infinite-cell-color: #c3c3c3;
896
+ --infinite-flashing-background: var(--infinite-accent-color);
897
+ --infinite-flashing-up-background: var(--infinite-success-color);
898
+ --infinite-flashing-down-background: var(--infinite-error-color);
899
+ --infinite-menu-color: var(--infinite-cell-color);
900
+ --infinite-menu-background: var(--infinite-background);
901
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
902
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
903
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
904
+ --infinite-load-mask-text-background: var(--infinite-background);
905
+ --infinite-load-mask-color: var(--infinite-cell-color);
906
+ --infinite-row-background: var(--infinite-background);
762
907
  --infinite-theme-mode: dark;
763
908
  --infinite-icon-size: 24px;
764
909
  --infinite-background: #101419;
765
910
  --infinite-success-color: #008700;
766
911
  --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
912
  --infinite-header-cell-background: #1b2129;
771
913
  --infinite-header-cell-hover-background: #222932;
772
- --infinite-header-background: var(--infinite-header-cell-background);
773
914
  --infinite-row-hover-background: #3b4754;
774
915
  --infinite-row-selected-background: #0a2e4f;
775
916
  --infinite-row-selected-hover-background: #0b243a;
776
- --infinite-row-background: var(--infinite-background);
777
917
  --infinite-row-odd-background: #242a31;
778
918
  --infinite-row-disabled-background: #292a2c;
779
919
  --infinite-row-odd-disabled-background: #2d2e30;
780
- --infinite-cell-color: #c3c3c3;
781
920
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
782
921
  --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
922
  }
790
923
  @media (prefers-color-scheme: dark) {
791
924
  :root {
925
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
926
+ --infinite-header-cell-border: var(--infinite-cell-border);
927
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
928
+ --infinite-header-color: #c3c3c3;
929
+ --infinite-header-background: var(--infinite-header-cell-background);
930
+ --infinite-cell-color: #c3c3c3;
931
+ --infinite-flashing-background: var(--infinite-accent-color);
932
+ --infinite-flashing-up-background: var(--infinite-success-color);
933
+ --infinite-flashing-down-background: var(--infinite-error-color);
934
+ --infinite-menu-color: var(--infinite-cell-color);
935
+ --infinite-menu-background: var(--infinite-background);
936
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
937
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
938
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
939
+ --infinite-load-mask-text-background: var(--infinite-background);
940
+ --infinite-load-mask-color: var(--infinite-cell-color);
941
+ --infinite-row-background: var(--infinite-background);
792
942
  --infinite-theme-mode: dark;
793
943
  --infinite-icon-size: 24px;
794
944
  --infinite-background: #101419;
795
945
  --infinite-success-color: #008700;
796
946
  --infinite-cell-border: 1px solid #2a323d;
797
- --infinite-header-color: #c3c3c3;
798
- --infinite-load-mask-text-background: var(--infinite-background);
799
- --infinite-load-mask-color: var(--infinite-cell-color);
800
947
  --infinite-header-cell-background: #1b2129;
801
948
  --infinite-header-cell-hover-background: #222932;
802
- --infinite-header-background: var(--infinite-header-cell-background);
803
949
  --infinite-row-hover-background: #3b4754;
804
950
  --infinite-row-selected-background: #0a2e4f;
805
951
  --infinite-row-selected-hover-background: #0b243a;
806
- --infinite-row-background: var(--infinite-background);
807
952
  --infinite-row-odd-background: #242a31;
808
953
  --infinite-row-disabled-background: #292a2c;
809
954
  --infinite-row-odd-disabled-background: #2d2e30;
810
- --infinite-cell-color: #c3c3c3;
811
955
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
812
956
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
813
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
814
- --infinite-menu-background: #101419;
815
- --infinite-menu-color: #c3c3c3;
816
- --infinite-menu-item-disabled-background: #101419;
817
- --infinite-menu-item-active-background: #3b4754;
818
- --infinite-menu-item-pressed-background: #3b4754;
819
957
  }
820
958
  .infinite-theme-name--default:root,
821
959
  .infinite-theme-name--default {
960
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
961
+ --infinite-header-cell-border: var(--infinite-cell-border);
962
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
963
+ --infinite-header-color: #c3c3c3;
964
+ --infinite-header-background: var(--infinite-header-cell-background);
965
+ --infinite-cell-color: #c3c3c3;
966
+ --infinite-flashing-background: var(--infinite-accent-color);
967
+ --infinite-flashing-up-background: var(--infinite-success-color);
968
+ --infinite-flashing-down-background: var(--infinite-error-color);
969
+ --infinite-menu-color: var(--infinite-cell-color);
970
+ --infinite-menu-background: var(--infinite-background);
971
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
972
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
973
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
974
+ --infinite-load-mask-text-background: var(--infinite-background);
975
+ --infinite-load-mask-color: var(--infinite-cell-color);
976
+ --infinite-row-background: var(--infinite-background);
822
977
  --infinite-theme-mode: dark;
823
978
  --infinite-icon-size: 24px;
824
979
  --infinite-background: #101419;
825
980
  --infinite-success-color: #008700;
826
981
  --infinite-cell-border: 1px solid #2a323d;
827
- --infinite-header-color: #c3c3c3;
828
- --infinite-load-mask-text-background: var(--infinite-background);
829
- --infinite-load-mask-color: var(--infinite-cell-color);
830
982
  --infinite-header-cell-background: #1b2129;
831
983
  --infinite-header-cell-hover-background: #222932;
832
- --infinite-header-background: var(--infinite-header-cell-background);
833
984
  --infinite-row-hover-background: #3b4754;
834
985
  --infinite-row-selected-background: #0a2e4f;
835
986
  --infinite-row-selected-hover-background: #0b243a;
836
- --infinite-row-background: var(--infinite-background);
837
987
  --infinite-row-odd-background: #242a31;
838
988
  --infinite-row-disabled-background: #292a2c;
839
989
  --infinite-row-odd-disabled-background: #2d2e30;
840
- --infinite-cell-color: #c3c3c3;
841
990
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
842
991
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
843
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
844
- --infinite-menu-background: #101419;
845
- --infinite-menu-color: #c3c3c3;
846
- --infinite-menu-item-disabled-background: #101419;
847
- --infinite-menu-item-active-background: #3b4754;
848
- --infinite-menu-item-pressed-background: #3b4754;
849
992
  }
850
993
  }
851
994
 
package/index.dev.js CHANGED
@@ -23593,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
23593
23593
  }
23594
23594
  let valid2 = isValidLicense(licenseKey, {
23595
23595
  publishedAt: 1624970570587,
23596
- version: "6.2.4"
23596
+ version: "6.2.6"
23597
23597
  });
23598
23598
  if (!licenseKey && !valid2 && isInsidePlayground) {
23599
23599
  return true;
package/index.dev.mjs CHANGED
@@ -23551,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
23551
23551
  }
23552
23552
  let valid2 = isValidLicense(licenseKey, {
23553
23553
  publishedAt: 1624970570587,
23554
- version: "6.2.4"
23554
+ version: "6.2.6"
23555
23555
  });
23556
23556
  if (!licenseKey && !valid2 && isInsidePlayground) {
23557
23557
  return true;
package/index.js CHANGED
@@ -23593,7 +23593,7 @@ var useLicense = (licenseKey = "") => {
23593
23593
  }
23594
23594
  let valid2 = isValidLicense(licenseKey, {
23595
23595
  publishedAt: 1624970570587,
23596
- version: "6.2.4"
23596
+ version: "6.2.6"
23597
23597
  });
23598
23598
  if (!licenseKey && !valid2 && isInsidePlayground) {
23599
23599
  return true;
package/index.mjs CHANGED
@@ -23551,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
23551
23551
  }
23552
23552
  let valid2 = isValidLicense(licenseKey, {
23553
23553
  publishedAt: 1624970570587,
23554
- version: "6.2.4"
23554
+ version: "6.2.6"
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.4",
28
+ "version": "6.2.6",
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": 1741777033979
37
+ "publishedAt": 1741941696431
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,139 +1,135 @@
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== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Za4viMBSGv/srArKgYGSsOo7dL/tX0uRUg21TkniBxf++pA5ae0mvMw5LKYiYk/fkcnqeF5zzyOcR14D1HkLAEQkBY48EioSuFELP0NwSgv6OEML4HrEHwkBiCkGAPSHNd8l3e+2iE5GTVGAqYvq7SqPJbJ8HGiQGxrWQ2CP0sJPiGLGchhRnLBhLhZQtRASiYAnm15IZlqzpze3F6Sk4q5YENcjuB0TtebSz5SeUQqQr5h9jm4Q6UgpKVWgwcY5sKiClkMUaIUTHsn3fj6RwkiVf+TEnM7mGEDOuiBcAe9JJsuGQXyY8QkruvFlWOpN6OkPnPdeAnLdf5bkI1fwEVQVaVSIPvViCUo2X/vSu5Xewym0gEIThkKgD1nDR7Q78odH0ks2RtEr56FwuunWuwoBQMHBRYDpWQWYFAVBdfcZakkjFREKkcwf+9P7dKiSTKS2e3ELRlSuIiSRa3LvT2GN0STfZDnIb9AJCD0XN5bNFaxG7aBFfkBIBZ0juPDJZfGxnaLFdm4/tDM3XH9Y+nVr02F/7Gz+7FFvj66FSnVyl5vu7WRr1mZ890aIXzUVjoP6bv7DVQZt9lBTS80auoyx0TWVinFRmg6E0qm1jecinRK0GwDqzP9Enz2GRbT/TttbB5AwmZzA5g8kZTM5gcgaT89UmhxF5qD/S1eIYzf7NSKI62IbBNgy2YbAN/5NtMI3tR7iGscOWq+V7Pd+wpuYp9g2G5Gt/Xd85FKuVGoUFNc+PNArOu0OdmkZhyVab1fZFRuFPCIwTNIkl+CA/2ytW1BTmrSanCW1tpK77b0Y/zO5K7V653YbcfbO7Ob2787sfgvfD8JYU78Lx7yV5/yx/Ac374XkXondgeg2qV3L9O8leh+3N6F7B9xaEb8r4F1C+Ceebkf4FrEfoOrr+A2nwgleVIAAA */
2
2
  .infinite-theme-name--balsam:root,
3
3
  .infinite-theme-name--balsam {
4
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
5
+ --infinite-header-cell-border: var(--infinite-cell-border);
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--infinite-color);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: var(--infinite-header-cell-hover-background);
9
+ --infinite-cell-color: var(--infinite-color);
7
10
  --infinite-flashing-background: var(--infinite-accent-color);
8
11
  --infinite-flashing-up-background: var(--infinite-success-color);
9
12
  --infinite-flashing-down-background: var(--infinite-error-color);
13
+ --infinite-menu-color: var(--infinite-cell-color);
14
+ --infinite-menu-background: var(--infinite-background);
15
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: var(--infinite-background);
10
21
  --infinite-theme-name: balsam;
11
22
  --infinite-theme-mode: light;
12
- --infinite-accent-color: #8b5cf6;
23
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
13
24
  --infinite-background: white;
25
+ --infinite-menu-separator-color: #bdc3c7;
14
26
  --infinite-color: black;
15
- --infinite-success-color: #64ce64;
16
- --infinite-error-color: #fc6565;
27
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
17
28
  --infinite-header-cell-background: #f5f7f7;
18
29
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
19
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
20
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
21
- --infinite-cell-border-left: none;
22
- --infinite-cell-border-right: none;
23
- --infinite-cell-border-width: 0px;
24
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
25
- --infinite-row-background: var(--infinite-background);
26
30
  --infinite-row-odd-background: #fcfdfe;
27
31
  --infinite-row-hover-background: #ecf0f1;
28
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
29
32
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
30
- --infinite-menu-separator-color: #bdc3c7;
31
- --infinite-menu-background: var(--infinite-background);
32
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
33
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
34
33
  }
35
34
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
36
35
  .infinite-theme-mode--light .infinite-theme-name--balsam,
37
36
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
38
37
  .infinite-theme-name--balsam .infinite-theme-mode--light,
39
38
  .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
39
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
40
+ --infinite-header-cell-border: var(--infinite-cell-border);
41
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
40
42
  --infinite-header-color: var(--infinite-color);
41
- --infinite-cell-color: var(--infinite-color);
42
43
  --infinite-header-background: var(--infinite-header-cell-hover-background);
44
+ --infinite-cell-color: var(--infinite-color);
43
45
  --infinite-flashing-background: var(--infinite-accent-color);
44
46
  --infinite-flashing-up-background: var(--infinite-success-color);
45
47
  --infinite-flashing-down-background: var(--infinite-error-color);
48
+ --infinite-menu-color: var(--infinite-cell-color);
49
+ --infinite-menu-background: var(--infinite-background);
50
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
51
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
52
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
53
+ --infinite-load-mask-text-background: var(--infinite-background);
54
+ --infinite-load-mask-color: var(--infinite-cell-color);
55
+ --infinite-row-background: var(--infinite-background);
46
56
  --infinite-theme-name: balsam;
47
57
  --infinite-theme-mode: light;
48
- --infinite-accent-color: #8b5cf6;
58
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
49
59
  --infinite-background: white;
60
+ --infinite-menu-separator-color: #bdc3c7;
50
61
  --infinite-color: black;
51
- --infinite-success-color: #64ce64;
52
- --infinite-error-color: #fc6565;
62
+ --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
53
63
  --infinite-header-cell-background: #f5f7f7;
54
64
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
55
- --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
56
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
57
- --infinite-cell-border-left: none;
58
- --infinite-cell-border-right: none;
59
- --infinite-cell-border-width: 0px;
60
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
61
- --infinite-row-background: var(--infinite-background);
62
65
  --infinite-row-odd-background: #fcfdfe;
63
66
  --infinite-row-hover-background: #ecf0f1;
64
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
65
67
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
66
- --infinite-menu-separator-color: #bdc3c7;
67
- --infinite-menu-background: var(--infinite-background);
68
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
69
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
70
68
  }
71
69
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
72
70
  .infinite-theme-mode--dark .infinite-theme-name--balsam,
73
71
  .infinite-theme-name--balsam .infinite-theme-mode--dark {
72
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
73
+ --infinite-header-cell-border: var(--infinite-cell-border);
74
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
74
75
  --infinite-header-color: var(--infinite-color);
75
- --infinite-cell-color: var(--infinite-color);
76
76
  --infinite-header-background: var(--infinite-header-cell-hover-background);
77
+ --infinite-cell-color: var(--infinite-color);
77
78
  --infinite-flashing-background: var(--infinite-accent-color);
78
79
  --infinite-flashing-up-background: var(--infinite-success-color);
79
80
  --infinite-flashing-down-background: var(--infinite-error-color);
81
+ --infinite-menu-color: var(--infinite-cell-color);
82
+ --infinite-menu-background: var(--infinite-background);
83
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
84
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
85
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
86
+ --infinite-load-mask-text-background: var(--infinite-background);
87
+ --infinite-load-mask-color: var(--infinite-cell-color);
88
+ --infinite-row-background: var(--infinite-background);
80
89
  --infinite-theme-name: balsam;
81
90
  --infinite-theme-mode: dark;
82
- --infinite-accent-color: #8b5cf6;
91
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
83
92
  --infinite-background: #2d3436;
93
+ --infinite-menu-separator-color: #5c5c5c;
84
94
  --infinite-color: #f5f5f5;
85
- --infinite-success-color: #64ce64;
86
- --infinite-error-color: #fc6565;
95
+ --infinite-cell-border-top: 1px solid #5c5c5c;
87
96
  --infinite-header-cell-background: #1c1c1c;
88
97
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
89
- --infinite-cell-border-top: 1px solid #5c5c5c;
90
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
91
- --infinite-cell-border-left: none;
92
- --infinite-cell-border-right: none;
93
- --infinite-cell-border-width: 0px;
94
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
95
- --infinite-row-background: var(--infinite-background);
96
98
  --infinite-row-odd-background: #262c2e;
97
99
  --infinite-row-hover-background: #3d4749;
98
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
99
100
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
100
- --infinite-menu-separator-color: #5c5c5c;
101
- --infinite-menu-background: var(--infinite-background);
102
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
103
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
104
101
  }
105
102
  @media (prefers-color-scheme: dark) {
106
103
  .infinite-theme-name--balsam:root,
107
104
  .infinite-theme-name--balsam {
105
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
106
+ --infinite-header-cell-border: var(--infinite-cell-border);
107
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
108
108
  --infinite-header-color: var(--infinite-color);
109
- --infinite-cell-color: var(--infinite-color);
110
109
  --infinite-header-background: var(--infinite-header-cell-hover-background);
110
+ --infinite-cell-color: var(--infinite-color);
111
111
  --infinite-flashing-background: var(--infinite-accent-color);
112
112
  --infinite-flashing-up-background: var(--infinite-success-color);
113
113
  --infinite-flashing-down-background: var(--infinite-error-color);
114
+ --infinite-menu-color: var(--infinite-cell-color);
115
+ --infinite-menu-background: var(--infinite-background);
116
+ --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
117
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
118
+ --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
119
+ --infinite-load-mask-text-background: var(--infinite-background);
120
+ --infinite-load-mask-color: var(--infinite-cell-color);
121
+ --infinite-row-background: var(--infinite-background);
114
122
  --infinite-theme-name: balsam;
115
123
  --infinite-theme-mode: dark;
116
- --infinite-accent-color: #8b5cf6;
124
+ --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
117
125
  --infinite-background: #2d3436;
126
+ --infinite-menu-separator-color: #5c5c5c;
118
127
  --infinite-color: #f5f5f5;
119
- --infinite-success-color: #64ce64;
120
- --infinite-error-color: #fc6565;
128
+ --infinite-cell-border-top: 1px solid #5c5c5c;
121
129
  --infinite-header-cell-background: #1c1c1c;
122
130
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
123
- --infinite-cell-border-top: 1px solid #5c5c5c;
124
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
125
- --infinite-cell-border-left: none;
126
- --infinite-cell-border-right: none;
127
- --infinite-cell-border-width: 0px;
128
- --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
129
- --infinite-row-background: var(--infinite-background);
130
131
  --infinite-row-odd-background: #262c2e;
131
132
  --infinite-row-hover-background: #3d4749;
132
- --infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
133
133
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
134
- --infinite-menu-separator-color: #5c5c5c;
135
- --infinite-menu-background: var(--infinite-background);
136
- --infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
137
- --infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
138
134
  }
139
135
  }