@infinite-table/infinite-react 6.2.0 → 6.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/index.css +1 -155
  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 +13 -9
  8. package/theme/default.css +1 -155
  9. package/theme/minimalist.css +13 -5
  10. package/theme/ocean.css +13 -9
  11. package/theme/shadcn.css +31 -29
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
  .infinite-theme-name--default:root,
359
359
  .infinite-theme-name--default {
360
360
  --infinite-loaded: true;
@@ -750,160 +750,6 @@
750
750
  --infinite-row-pointer-events-while-scrolling: auto;
751
751
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
752
752
  }
753
- .light,
754
- .infinite-light,
755
- .infinite-theme-mode--light,
756
- .light:root,
757
- .infinite-light:root,
758
- .infinite-theme-mode--light:root {
759
- --infinite-loaded: true;
760
- --infinite-icon-size: 24px;
761
- --infinite-space-0: 0rem;
762
- --infinite-space-1: 0.125rem;
763
- --infinite-space-2: 0.25rem;
764
- --infinite-space-3: 0.5rem;
765
- --infinite-space-4: 0.75rem;
766
- --infinite-space-5: 1rem;
767
- --infinite-space-6: 1.25rem;
768
- --infinite-space-7: 1.5rem;
769
- --infinite-space-8: 2.25rem;
770
- --infinite-space-9: 3rem;
771
- --infinite-space-10: 4rem;
772
- --infinite-font-size-0: 0.5rem;
773
- --infinite-font-size-1: 0.625rem;
774
- --infinite-font-size-2: 0.75rem;
775
- --infinite-font-size-3: 0.875rem;
776
- --infinite-font-size-4: 1rem;
777
- --infinite-font-size-5: 1.25rem;
778
- --infinite-font-size-6: 1.5rem;
779
- --infinite-font-size-7: 2.25rem;
780
- --infinite-font-family: inherit;
781
- --infinite-color: #484848;
782
- --infinite-accent-color: #0284c7;
783
- --infinite-success-color: #7aff7a;
784
- --infinite-error-color: #ff0000;
785
- --infinite-border-radius: var(--infinite-space-2);
786
- --infinite-background: white;
787
- --infinite-min-height: 100px;
788
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
789
- --infinite-menu-background: var(--infinite-background);
790
- --infinite-menu-color: var(--infinite-cell-color);
791
- --infinite-menu-separator-color: currentColor;
792
- --infinite-menu-padding: var(--infinite-space-3);
793
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
794
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
795
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
796
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
797
- --infinite-menu-item-disabled-opacity: 0.5;
798
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
799
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
800
- --infinite-menu-item-active-opacity: 0.9;
801
- --infinite-menu-item-pressed-opacity: 1;
802
- --infinite-menu-border-radius: var(--infinite-space-2);
803
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
804
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
805
- --infinite-rowdetail-padding: var(--infinite-space-2);
806
- --infinite-rowdetail-grid-height: 100%;
807
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
808
- --infinite-load-mask-overlay-background: gray;
809
- --infinite-load-mask-overlay-opacity: 0.3;
810
- --infinite-load-mask-color: inherit;
811
- --infinite-load-mask-padding: var(--infinite-space-5);
812
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
813
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
814
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
815
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
816
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
817
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
818
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
819
- --infinite-resize-handle-active-area-width: 16px;
820
- --infinite-resize-handle-width: 2px;
821
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
822
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
823
- --infinite-header-cell-background: #ededed;
824
- --infinite-header-cell-border-right: var(--infinite-cell-border);
825
- --infinite-filter-editor-background: var(--infinite-row-background);
826
- --infinite-filter-editor-border: var(--infinite-cell-border);
827
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
828
- --infinite-header-cell-border: var(--infinite-cell-border);
829
- --infinite-filter-editor-color: currentColor;
830
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
831
- --infinite-header-cell-hover-background: #dfdfdf;
832
- --infinite-header-cell-padding-x: var(--infinite-space-3);
833
- --infinite-header-cell-padding-y: var(--infinite-space-3);
834
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
835
- --infinite-header-cell-icon-size: 16px;
836
- --infinite-header-cell-menu-icon-line-width: 1px;
837
- --infinite-header-cell-sort-icon-margin: 16px;
838
- --infinite-header-background: var(--infinite-header-cell-background);
839
- --infinite-header-color: #6f6f6f;
840
- --infinite-column-header-height: 30px;
841
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
842
- --infinite-cell-color: currentColor;
843
- --infinite-cell-border-width: 1px;
844
- --infinite-flashing-overlay-z-index: -1;
845
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
846
- --infinite-flashing-background: var(--infinite-accent-color);
847
- --infinite-flashing-up-background: var(--infinite-success-color);
848
- --infinite-flashing-down-background: var(--infinite-error-color);
849
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
850
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
851
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
852
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
853
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
854
- --infinite-cell-border-invisible: none;
855
- --infinite-cell-border-radius: var(--infinite-space-2);
856
- --infinite-column-reorder-effect-duration: .2s;
857
- --infinite-selected-cell-border-style: solid;
858
- --infinite-active-cell-border-style: dashed;
859
- --infinite-active-cell-border-width: 1px;
860
- --infinite-active-cell-background-alpha: 0.25;
861
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
862
- --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%))));
863
- --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%)));
864
- --infinite-row-background: var(--infinite-background);
865
- --infinite-row-odd-background: #f6f6f6;
866
- --infinite-row-disabled-opacity: 0.5;
867
- --infinite-row-disabled-background: #eeeeee;
868
- --infinite-row-odd-disabled-background: #f9f9f9;
869
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
870
- --infinite-row-selected-background: #d1e9ff;
871
- --infinite-row-selected-hover-background: #add8ff;
872
- --infinite-group-row-background: #cbc5c5;
873
- --infinite-group-row-column-nesting: 24px;
874
- --infinite-row-hover-background: #dbdbdb;
875
- --infinite-row-pointer-events-while-scrolling: auto;
876
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
877
- }
878
- .dark,
879
- .infinite-dark {
880
- --infinite-icon-size: 24px;
881
- --infinite-background: #101419;
882
- --infinite-success-color: #008700;
883
- --infinite-cell-border: 1px solid #2a323d;
884
- --infinite-header-color: #c3c3c3;
885
- --infinite-load-mask-text-background: var(--infinite-background);
886
- --infinite-load-mask-color: var(--infinite-cell-color);
887
- --infinite-header-cell-background: #1b2129;
888
- --infinite-header-cell-hover-background: #222932;
889
- --infinite-header-background: var(--infinite-header-cell-background);
890
- --infinite-row-hover-background: #3b4754;
891
- --infinite-row-selected-background: #0a2e4f;
892
- --infinite-row-selected-hover-background: #0b243a;
893
- --infinite-row-background: var(--infinite-background);
894
- --infinite-row-odd-background: #242a31;
895
- --infinite-row-disabled-background: #292a2c;
896
- --infinite-row-odd-disabled-background: #2d2e30;
897
- --infinite-cell-color: #c3c3c3;
898
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
899
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
900
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
901
- --infinite-menu-background: #101419;
902
- --infinite-menu-color: #c3c3c3;
903
- --infinite-menu-item-disabled-background: #101419;
904
- --infinite-menu-item-active-background: #3b4754;
905
- --infinite-menu-item-pressed-background: #3b4754;
906
- }
907
753
  @media (prefers-color-scheme: dark) {
908
754
  .infinite-theme-name--default:root,
909
755
  .infinite-theme-name--default {
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.0"
23596
+ version: "6.2.1"
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.0"
23554
+ version: "6.2.1"
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.0"
23596
+ version: "6.2.1"
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.0"
23554
+ version: "6.2.1"
23555
23555
  });
23556
23556
  if (!licenseKey && !valid2 && isInsidePlayground) {
23557
23557
  return true;
package/package.json CHANGED
@@ -25,7 +25,7 @@
25
25
  "bugs": {
26
26
  "url": "https://github.com/infinite-table/infinite-react/issues"
27
27
  },
28
- "version": "6.2.0",
28
+ "version": "6.2.1",
29
29
  "main": "index.js",
30
30
  "module": "index.mjs",
31
31
  "typings": "index.d.ts",
@@ -34,5 +34,5 @@
34
34
  },
35
35
  "license": "Commercial & Open Source",
36
36
  "//": "will be updated at build time",
37
- "publishedAt": 1741271466467
37
+ "publishedAt": 1741697453849
38
38
  }
package/theme/balsam.css CHANGED
@@ -1,6 +1,9 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUltBKVMKohISW7M2+imOPiUViR7Y5SKu++yqBtsFJTQIIKm0UwY1n/hmPPflGmQrJhRQWsE0hByxJDhgnJDMkj7VSdoKmHhP09wkhjD8teEZMKuQKJ4SuV1ptJIvRluhxzYZQCtJiqjKln39/478pfBJmQykYc0aDqZ30qYDWSrdr1HOM0egtiShfODZ15V0qLDjrR+ckI3TtLJ3kH6PRIqSwCB2jWnoxGnG6iBaRY5ICYaAxhSw7SWfEI/7KXz3WqdqCPvGpAuFc7MdCIqNXycStV3u058lh9yj45Vbxw+GwBUette6Vdl/7ROkyjFVFjGbFHhmVCYb0KiHj2dtygmbLqPxbTtA0evsux5qQFqvU1qVaSmM1kaYgGqRt1OmQKQpfGgWpR8mA2xhJJRv3ppnKGaudYDaN0Uuxb1xjK7ZHWyGZoMQqjYU0YGMUFPtqj8ef46rVztc7tfNvcVSMOfeRcsbdLZSWzXs4Aspf+KzF1kAG1AI7d219Z3Py8kFBeUS+SJe0yTepevokB7nBBgqiq/P5aPmE0Tl1m7iyvehgKk9hIceFBmPO17Ff+4ft26oCMmFIkvWO6Oz1q4JVZ70/uWTKFQOMs7JneizVeeZba5KwJuqlpNfzdqInYPbIXu7py3WYBIZJYJgEhklgmASGSeCHTAKM6HX3lWvngFLz9sSuVAe2Hl4IAZuHc9fik4tR+dybrzNaPv81X0cRLZ8Bpw/AabAIaNARp3MWvobLAaft93XA6RdO/+TABEHjQgMHfXx7YkNLLsWoRNJzxSQfz7p+Pb6ebLdh223o1o1vXQh3hnEdKdeJc31J9wDWXUK7/ry7gHh3Zl5H6nXlXkfyXcW+K+jXh3/9CHhPBj6Egv04eA0JH8DCe9IQofen93/3iRBjJx0AAA== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUlqKVqIQrCAkt2Zt9FceeEKuJHdnmIK367iuntA1OahJAsLuKLLjAM79nMuN8I564yLjgBrDJoQQsSAkYp6TQpEyUlGaKnjwm6PcDQhh/WuRAGChMZSFVgrZETRqb9a+PP489KBTFEPvDCSmhr2slN4K13D5isMK53B4Zu2pZQXTOxdqnRygFYbqj+fTfVD4JvaEUtD6hweRO+FRAKam6NZoxJih4SWOaLR2bpvIu5wbcSrw7pwWhr87WUfwJCpYRhWXkGDXCS1CQ0WW8jLuLV5emGU6Qxdlz9uyxdguZoPogXPL9hAuk1Tqd+hqh0QLT9+xR+KOzF1OprJeRVYLm1R5pWXCG1Dolk/nLaormq9h+raboKX75pjubQoqvc9OU6gjcKCJ0RRQI08rivd4omnnDLSAzCRJStKraDuWE1Y4zkydoVu1bTWb49mDLBeOUGKkwFxpMgsJqX+d4+DiuSu58nf39BbWOkjGnW2jGMjcFa9nukgBoNsvmHbYaCqAG2Kmm8tXm6NWAQlsi30nnNPE3oXq6uASxwRoqour6fFzIlNEFda9YbXtWYWpPbqDElQKtTz/HYZcz6k6rPpBxTdJi8IlOrl9PsL5Zbw8u50rJAOPC3pkBW006+vbaXG2Iepnr9bye6BHmPbLne/piHeeKca4Y54pxrhjninGu+C/nCkbUa/+dS6cKq3l9/teqI6n/SVIHIVtEC9fik7KxXbem9Zza9RfTOoipXSOc7wDncBnSsCecFyx6jlYjnLv7dYTzF5x/lcA4QZNKQQbq8G7DmlrKJcgC7rEmnI+Off8nP4eTw0l5bVZeTsvr8PI6xOzHzD7UPMHNnuTsxc6h9LwDP88g6I0Z2pOifTnak6QXsfQCmg7h6TCi3pKpd6HqMK5eQtY7sPWWdEXo7eHtD/uAHgNhHgAA */
2
2
  .infinite-theme-name--balsam:root,
3
3
  .infinite-theme-name--balsam {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -11,8 +14,6 @@
11
14
  --infinite-error-color: #fc6565;
12
15
  --infinite-header-cell-background: #f5f7f7;
13
16
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
14
- --infinite-header-color: var(--infinite-color);
15
- --infinite-cell-color: var(--infinite-color);
16
17
  --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
17
18
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
19
  --infinite-cell-border-left: none;
@@ -34,6 +35,9 @@
34
35
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
35
36
  .infinite-theme-name--balsam .infinite-theme-mode--light,
36
37
  .infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
38
+ --infinite-header-color: var(--infinite-color);
39
+ --infinite-cell-color: var(--infinite-color);
40
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
37
41
  --infinite-flashing-background: var(--infinite-accent-color);
38
42
  --infinite-flashing-up-background: var(--infinite-success-color);
39
43
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -44,8 +48,6 @@
44
48
  --infinite-error-color: #fc6565;
45
49
  --infinite-header-cell-background: #f5f7f7;
46
50
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
47
- --infinite-header-color: var(--infinite-color);
48
- --infinite-cell-color: var(--infinite-color);
49
51
  --infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
50
52
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
51
53
  --infinite-cell-border-left: none;
@@ -65,6 +67,9 @@
65
67
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
66
68
  .infinite-theme-mode--dark .infinite-theme-name--balsam,
67
69
  .infinite-theme-name--balsam .infinite-theme-mode--dark {
70
+ --infinite-header-color: var(--infinite-color);
71
+ --infinite-cell-color: var(--infinite-color);
72
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
68
73
  --infinite-flashing-background: var(--infinite-accent-color);
69
74
  --infinite-flashing-up-background: var(--infinite-success-color);
70
75
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -75,8 +80,6 @@
75
80
  --infinite-error-color: #fc6565;
76
81
  --infinite-header-cell-background: #1c1c1c;
77
82
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
78
- --infinite-header-color: var(--infinite-color);
79
- --infinite-cell-color: var(--infinite-color);
80
83
  --infinite-cell-border-top: 1px solid #5c5c5c;
81
84
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
82
85
  --infinite-cell-border-left: none;
@@ -96,6 +99,9 @@
96
99
  @media (prefers-color-scheme: dark) {
97
100
  .infinite-theme-name--balsam:root,
98
101
  .infinite-theme-name--balsam {
102
+ --infinite-header-color: var(--infinite-color);
103
+ --infinite-cell-color: var(--infinite-color);
104
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
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);
@@ -106,8 +112,6 @@
106
112
  --infinite-error-color: #fc6565;
107
113
  --infinite-header-cell-background: #1c1c1c;
108
114
  --infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
109
- --infinite-header-color: var(--infinite-color);
110
- --infinite-cell-color: var(--infinite-color);
111
115
  --infinite-cell-border-top: 1px solid #5c5c5c;
112
116
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
113
117
  --infinite-cell-border-left: none;
package/theme/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
2
  .infinite-theme-name--default:root,
3
3
  .infinite-theme-name--default {
4
4
  --infinite-loaded: true;
@@ -394,160 +394,6 @@
394
394
  --infinite-row-pointer-events-while-scrolling: auto;
395
395
  --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
396
396
  }
397
- .light,
398
- .infinite-light,
399
- .infinite-theme-mode--light,
400
- .light:root,
401
- .infinite-light:root,
402
- .infinite-theme-mode--light:root {
403
- --infinite-loaded: true;
404
- --infinite-icon-size: 24px;
405
- --infinite-space-0: 0rem;
406
- --infinite-space-1: 0.125rem;
407
- --infinite-space-2: 0.25rem;
408
- --infinite-space-3: 0.5rem;
409
- --infinite-space-4: 0.75rem;
410
- --infinite-space-5: 1rem;
411
- --infinite-space-6: 1.25rem;
412
- --infinite-space-7: 1.5rem;
413
- --infinite-space-8: 2.25rem;
414
- --infinite-space-9: 3rem;
415
- --infinite-space-10: 4rem;
416
- --infinite-font-size-0: 0.5rem;
417
- --infinite-font-size-1: 0.625rem;
418
- --infinite-font-size-2: 0.75rem;
419
- --infinite-font-size-3: 0.875rem;
420
- --infinite-font-size-4: 1rem;
421
- --infinite-font-size-5: 1.25rem;
422
- --infinite-font-size-6: 1.5rem;
423
- --infinite-font-size-7: 2.25rem;
424
- --infinite-font-family: inherit;
425
- --infinite-color: #484848;
426
- --infinite-accent-color: #0284c7;
427
- --infinite-success-color: #7aff7a;
428
- --infinite-error-color: #ff0000;
429
- --infinite-border-radius: var(--infinite-space-2);
430
- --infinite-background: white;
431
- --infinite-min-height: 100px;
432
- --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
433
- --infinite-menu-background: var(--infinite-background);
434
- --infinite-menu-color: var(--infinite-cell-color);
435
- --infinite-menu-separator-color: currentColor;
436
- --infinite-menu-padding: var(--infinite-space-3);
437
- --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
438
- --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
439
- --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
440
- --infinite-menu-item-disabled-background: var(--infinite-menu-background);
441
- --infinite-menu-item-disabled-opacity: 0.5;
442
- --infinite-menu-item-active-background: var(--infinite-row-hover-background);
443
- --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
444
- --infinite-menu-item-active-opacity: 0.9;
445
- --infinite-menu-item-pressed-opacity: 1;
446
- --infinite-menu-border-radius: var(--infinite-space-2);
447
- --infinite-menu-shadow-color: rgba(0,0,0,0.25);
448
- --infinite-rowdetail-background: var(--infinite-row-hover-background);
449
- --infinite-rowdetail-padding: var(--infinite-space-2);
450
- --infinite-rowdetail-grid-height: 100%;
451
- --infinite-load-mask-text-background: rgba(255,255,255,0.8);
452
- --infinite-load-mask-overlay-background: gray;
453
- --infinite-load-mask-overlay-opacity: 0.3;
454
- --infinite-load-mask-color: inherit;
455
- --infinite-load-mask-padding: var(--infinite-space-5);
456
- --infinite-load-mask-border-radius: var(--infinite-border-radius);
457
- --infinite-filter-operator-padding-x: var(--infinite-space-1);
458
- --infinite-filter-editor-padding-x: var(--infinite-space-2);
459
- --infinite-filter-editor-margin-x: var(--infinite-space-1);
460
- --infinite-filter-operator-padding-y: var(--infinite-space-0);
461
- --infinite-filter-editor-padding-y: var(--infinite-space-0);
462
- --infinite-filter-editor-margin-y: var(--infinite-space-1);
463
- --infinite-resize-handle-active-area-width: 16px;
464
- --infinite-resize-handle-width: 2px;
465
- --infinite-resize-handle-hover-background: var(--infinite-accent-color);
466
- --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
467
- --infinite-header-cell-background: #ededed;
468
- --infinite-header-cell-border-right: var(--infinite-cell-border);
469
- --infinite-filter-editor-background: var(--infinite-row-background);
470
- --infinite-filter-editor-border: var(--infinite-cell-border);
471
- --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
472
- --infinite-header-cell-border: var(--infinite-cell-border);
473
- --infinite-filter-editor-color: currentColor;
474
- --infinite-filter-editor-border-radius: var(--infinite-border-radius);
475
- --infinite-header-cell-hover-background: #dfdfdf;
476
- --infinite-header-cell-padding-x: var(--infinite-space-3);
477
- --infinite-header-cell-padding-y: var(--infinite-space-3);
478
- --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
479
- --infinite-header-cell-icon-size: 16px;
480
- --infinite-header-cell-menu-icon-line-width: 1px;
481
- --infinite-header-cell-sort-icon-margin: 16px;
482
- --infinite-header-background: var(--infinite-header-cell-background);
483
- --infinite-header-color: #6f6f6f;
484
- --infinite-column-header-height: 30px;
485
- --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
486
- --infinite-cell-color: currentColor;
487
- --infinite-cell-border-width: 1px;
488
- --infinite-flashing-overlay-z-index: -1;
489
- --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
490
- --infinite-flashing-background: var(--infinite-accent-color);
491
- --infinite-flashing-up-background: var(--infinite-success-color);
492
- --infinite-flashing-down-background: var(--infinite-error-color);
493
- --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
494
- --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
495
- --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
496
- --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
497
- --infinite-pinned-cell-border: var(--infinite-cell-border-width) solid #2a323d;
498
- --infinite-cell-border-invisible: none;
499
- --infinite-cell-border-radius: var(--infinite-space-2);
500
- --infinite-column-reorder-effect-duration: .2s;
501
- --infinite-selected-cell-border-style: solid;
502
- --infinite-active-cell-border-style: dashed;
503
- --infinite-active-cell-border-width: 1px;
504
- --infinite-active-cell-background-alpha: 0.25;
505
- --infinite-active-cell-background-alpha--table-unfocused: 0.1;
506
- --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%))));
507
- --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%)));
508
- --infinite-row-background: var(--infinite-background);
509
- --infinite-row-odd-background: #f6f6f6;
510
- --infinite-row-disabled-opacity: 0.5;
511
- --infinite-row-disabled-background: #eeeeee;
512
- --infinite-row-odd-disabled-background: #f9f9f9;
513
- --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
514
- --infinite-row-selected-background: #d1e9ff;
515
- --infinite-row-selected-hover-background: #add8ff;
516
- --infinite-group-row-background: #cbc5c5;
517
- --infinite-group-row-column-nesting: 24px;
518
- --infinite-row-hover-background: #dbdbdb;
519
- --infinite-row-pointer-events-while-scrolling: auto;
520
- --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
521
- }
522
- .dark,
523
- .infinite-dark {
524
- --infinite-icon-size: 24px;
525
- --infinite-background: #101419;
526
- --infinite-success-color: #008700;
527
- --infinite-cell-border: 1px solid #2a323d;
528
- --infinite-header-color: #c3c3c3;
529
- --infinite-load-mask-text-background: var(--infinite-background);
530
- --infinite-load-mask-color: var(--infinite-cell-color);
531
- --infinite-header-cell-background: #1b2129;
532
- --infinite-header-cell-hover-background: #222932;
533
- --infinite-header-background: var(--infinite-header-cell-background);
534
- --infinite-row-hover-background: #3b4754;
535
- --infinite-row-selected-background: #0a2e4f;
536
- --infinite-row-selected-hover-background: #0b243a;
537
- --infinite-row-background: var(--infinite-background);
538
- --infinite-row-odd-background: #242a31;
539
- --infinite-row-disabled-background: #292a2c;
540
- --infinite-row-odd-disabled-background: #2d2e30;
541
- --infinite-cell-color: #c3c3c3;
542
- --infinite-menu-shadow-color: rgba(255,255,255,0.25);
543
- --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
544
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
545
- --infinite-menu-background: #101419;
546
- --infinite-menu-color: #c3c3c3;
547
- --infinite-menu-item-disabled-background: #101419;
548
- --infinite-menu-item-active-background: #3b4754;
549
- --infinite-menu-item-pressed-background: #3b4754;
550
- }
551
397
  @media (prefers-color-scheme: dark) {
552
398
  .infinite-theme-name--default:root,
553
399
  .infinite-theme-name--default {
package/theme/minimalist.css CHANGED
@@ -1,6 +1,9 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X3WrbMBQA4Ps8xYHAaGEKSbbRod0M1pXtMRTpOBaVJXEk14HRdx9Ws811HP8s2dhoLnKT8+Nz5OiDLLTNtNURWcyxQGZFgYwV2upCGB0iJ+fia1gMpMG3GQBjP7MyI0Ku7ZZthLzfkiut4vAg6KqRI6REG5l0xtH1hyP1pe9rEUopMYSBHspVtq8LEjnq7tGsqnIdsRVPRRzm69s3N2/ft4LkqmcNIgkbvCC0sSPTKTUyu0Bb9u3zK9ReJ1UG9IJE/LEyh/nn27v13U0rN0ehkJhEY9jGkULiYJ1tn8BhGiO9zWNncjMrOs9h5XcQnNHqyBDP2gqly8Bh2T1B80CG5uxPbT7UYDa8yriFK61izmHpd60kIaN+2Odqq7RML0fbgJHD2u/SKe0/dekrWHzd135JW31CY9INBIi4iyz9dDJHBYfSeyQpQhoMIHM2sgqf5t04o56+NhgjEgteSG23HJaL5Tss6tjj7HHWvvyFU8iYqZtMCLXJGIofotNoPghSb/V5Gx9Y2NP+tOq+uS8AXwC+APySAFaC7sdHzsVv3fvPIZm6vwDK5iuxytabI5h13sT/BrNOiv82Zp1DXDD7BzD7WKDSAq48YYa0v28syFoBDjUA1+npQ4JM+Wd6uifnEeU8poxRZcCVKbJMteUUXab5MlqYicb8hjLjnBkrzSRrRmoz1puR4pxkTr86g+4clafPnlqfJNB3mAjZ//MSAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3X0WrbMBQG4Ps8hSAwWphCkm10eDeDdWV7DEU6jkVlSRzJdWD03YdVkzmOI9uNWxj4IjfWOb+PbPmDrKROpZYeqM8gB6pZDpTmUsucKel8gsb4j2TVU0b+LAih9FiVAROAlBtlMCFPDG8ai+Hq7bfTDg5Kjamv77Bj/HGPptAiIdpoaFWlirlM6v1JXSuecQ7ad9/l2F/YWIQrOAfnejKEKXUsBRANdmc0u8pM+vY+6we33N5/uvv8tbWIpjwJ8Mi0swxB+45KI8TA6hx0EdvPv6X2dkKnA8uQeXM8Jsuf9w/bh7vuFx3Ox86gAOx80+dlFOU+853FzSpvbEI29kCcUVJcGOIklglZuISsYxPEj2UzTkHaP+SwrZRS+Cwha3toFTHu5VNdK7WQPDx2qR34hGztIey//lWtH8jqd937K+zqBygVvnFCPBw8DYciNZgnpLAWkDMXBiMkNdrTEl7m3RklXi4r8B6QOsu41PuErFfrL5BXa8+L50Wbl9wIoFRVISOW2ij1rZ+z1gjvJS/aPW3wmbaR+Ou6Y3PPxM/Ez8TPxE9JvGD4OHxlKuCr7LdjOKTPWL4blssN26Tb3QUuO7/1/4bLTuzfm8vOIWYu35TL7zkIyciNRUgB6y+JOl45k5CKmNtw9z6jxvx/f41Y480aqtb1bk0j1zR2DdGrx68xgo017BrFxjk2WLKRlr1Cs2GejRJtoGlDVRvo2lWyxW3r1e2ibzHhKuOCc38BU2H0HH8UAAA= */
2
2
  .infinite-theme-name--minimalist:root,
3
3
  .infinite-theme-name--minimalist {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: none;
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -14,7 +17,6 @@
14
17
  --infinite-header-cell-border-right: none;
15
18
  --infinite-cell-border-top: 1px solid #EDF2F7;
16
19
  --infinite-cell-border-radius: 0;
17
- --infinite-header-background: none;
18
20
  --infinite-header-cell-background: none;
19
21
  --infinite-cell-border-left: none;
20
22
  --infinite-cell-border-right: none;
@@ -31,6 +33,9 @@
31
33
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
32
34
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
33
35
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
36
+ --infinite-header-color: var(--infinite-color);
37
+ --infinite-cell-color: var(--infinite-color);
38
+ --infinite-header-background: none;
34
39
  --infinite-flashing-background: var(--infinite-accent-color);
35
40
  --infinite-flashing-up-background: var(--infinite-success-color);
36
41
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -44,7 +49,6 @@
44
49
  --infinite-header-cell-border-right: none;
45
50
  --infinite-cell-border-top: 1px solid #EDF2F7;
46
51
  --infinite-cell-border-radius: 0;
47
- --infinite-header-background: none;
48
52
  --infinite-header-cell-background: none;
49
53
  --infinite-cell-border-left: none;
50
54
  --infinite-cell-border-right: none;
@@ -59,6 +63,9 @@
59
63
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
60
64
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
61
65
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
66
+ --infinite-header-color: var(--infinite-color);
67
+ --infinite-cell-color: var(--infinite-color);
68
+ --infinite-header-background: none;
62
69
  --infinite-flashing-background: var(--infinite-accent-color);
63
70
  --infinite-flashing-up-background: var(--infinite-success-color);
64
71
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -72,7 +79,6 @@
72
79
  --infinite-header-cell-border-right: none;
73
80
  --infinite-cell-border-top: 1px solid #2D3748;
74
81
  --infinite-cell-border-radius: 0;
75
- --infinite-header-background: none;
76
82
  --infinite-header-cell-background: none;
77
83
  --infinite-cell-border-left: none;
78
84
  --infinite-cell-border-right: none;
@@ -87,6 +93,9 @@
87
93
  @media (prefers-color-scheme: dark) {
88
94
  .infinite-theme-name--minimalist:root,
89
95
  .infinite-theme-name--minimalist {
96
+ --infinite-header-color: var(--infinite-color);
97
+ --infinite-cell-color: var(--infinite-color);
98
+ --infinite-header-background: none;
90
99
  --infinite-flashing-background: var(--infinite-accent-color);
91
100
  --infinite-flashing-up-background: var(--infinite-success-color);
92
101
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -100,7 +109,6 @@
100
109
  --infinite-header-cell-border-right: none;
101
110
  --infinite-cell-border-top: 1px solid #2D3748;
102
111
  --infinite-cell-border-radius: 0;
103
- --infinite-header-background: none;
104
112
  --infinite-header-cell-background: none;
105
113
  --infinite-cell-border-left: none;
106
114
  --infinite-cell-border-right: none;
package/theme/ocean.css CHANGED
@@ -1,6 +1,9 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3Y3Y6iMBQH8Pt5iiZmE03sRBTRZW/2VWp7kGagJW39SDa++wZ0Z6FgRUEnk3DhVc/5txypv8R3LiIuuAFsYkgBC5ICxpICEaGS0kzR+/UK9OcNIYw/C6KE6JiLLd4Q+rFVcidYiPZEjUs1hFIQBlOZSDX5daV/l7ki9I5S0PpGBpMH4UoBpaRqziifMUSj9WZJo8CqKSePmAfriFoV/9pn/nyxYNZi5RlCNAp8CoFvFZWOGKJRRINlsLRKYiAMFKaQJNUjrRhb1I5Uro7lHlS1Z7HesGh9ped8CmuIjeMr4u+t30iVb2NkFiIvOyItE85QUY9TfhxzgbTabqbIKCJ0RhQIM22OR97sh71HZU7nrRTfxqb7Zn59s/IuCUQmREIKcBRdjnKj6sCZiUM0y46199Xw/aWWC8YpMVJhLjSYEM2zY/GMl4/VquTBdUn+L9nPmDdKxirNDQO08qrbTaboEHMDaF6fYV5Zf0WtuOa3vylKQwLUAGubZm/tzKyfs90kGg7lGkkKYoc1ZEQV3+/lhvV2RYr4zsMuUriBFGcKtHZPvBJzerOpSSUDjJP8ctyxVALKsVSHrRTpQs/Z2FtmWVlH6MONroMOqg+qD6oPqg+qD6o/TXVG1Ef7lW6m54l981tkDlKeiZkt5tSPrkj5MyAzQm5I6a0C31s5pVyC53s2plelbPT5hpSzuRctrln8LaT83Hng8vtxOWh5cyL9YOm+JV8v5u8UGCdonCmIQF1+JLGmOT8hyuWZFPQ41Gr55213vvoBrB/C2iHWhrEbkLWkrBVm93L2GGiPkHY/ai9k7cWwtaStLW4teesEXAfino5cr8w9B7ovoe412PXFXU/gIXR6O/0F7dQ2WokcAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YXa+iMBCG7/0VTcwmmtgTEUQPe7N/pbaDNAda0taPZON/30BYw5cFleOJCRfe2Jm3L9Mpz4QPLkIuuAFsIkgAC5IAxpICEYGS0izQx+0I9HeCEMbXgAgIA4WpjKUK0JGoWWkx/3f+u5pBIY7viS922BH6tVfyIFgj7b+HTDiSx0pwXS2MiY642Nv0CKUgTLuba/4htUnoA6WgdYcGkydhUwGlpGrXKHsM0HS7W9PQr8WUlafMgW1I62dRpC+9leuy2mLlGQI09T0KvlcLKlkM0DSk/tpftx9gfjwVSxvG3IYl22EGaOpudyzctrXUTqos0cg0QE56RlrGnKHcGU74ecYF0mq/WyCjiNApUSDMor0DkbP8daMNy1spvo/M85t5zc3Ku8QQmgAJKcASVFjpiDpxZqIALdNzo5sMPxaxXDBOiZEKc6HBBGiVnvNnLH61VCVPtha+fROzRMlYJbmlgDW96nbzBTpF3ABaNWuYRTYbyPLqsFvVEAM1wIZ6EVU0mz77VaLFlK0kCYgD1pASlZ9vcWsHuyK5/NPFzlW4gQSnCrS2V7wic5nUwZVIBhjH2eW4Y6mEO8tSE5MlSRtCrYmDaZaZbRF9ONFmdJwRxhlhnBHGGWGcEcYZ4U1mBEbUV/+V5yaETHFomOeaI3ffk7tLd0W98AZ3P32yJKSDu87G95yNlbtrcDynjuab3G2lfQd3lysndOtkH5C71+Yc4ft+8B3Z21mRYdBrvyU/z98/CTBO0CxVEIIqXmFY0wxmAco4Ns9BZmFgz8/Uj8DwfhwODcTnkTgMFIfBYj8w9kFjBxx74rEXIO9F5GOQfCEmXwzKnqjsC8ueuHwKmE8g89uhOSg2vwecP4LO18BzKHwOBFCELpPLP3GZ85nDHQAA */
2
2
  .infinite-theme-name--ocean:root,
3
3
  .infinite-theme-name--ocean {
4
+ --infinite-header-color: var(--infinite-color);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -11,8 +14,6 @@
11
14
  --infinite-error-color: #fc6565;
12
15
  --infinite-header-cell-background: #7dd3fc;
13
16
  --infinite-header-cell-hover-background: #38bdf8;
14
- --infinite-header-color: var(--infinite-color);
15
- --infinite-cell-color: var(--infinite-color);
16
17
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
17
18
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
18
19
  --infinite-cell-border-left: none;
@@ -33,6 +34,9 @@
33
34
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
34
35
  .infinite-theme-name--ocean .infinite-theme-mode--light,
35
36
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
37
+ --infinite-header-color: var(--infinite-color);
38
+ --infinite-cell-color: var(--infinite-color);
39
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
36
40
  --infinite-flashing-background: var(--infinite-accent-color);
37
41
  --infinite-flashing-up-background: var(--infinite-success-color);
38
42
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -43,8 +47,6 @@
43
47
  --infinite-error-color: #fc6565;
44
48
  --infinite-header-cell-background: #7dd3fc;
45
49
  --infinite-header-cell-hover-background: #38bdf8;
46
- --infinite-header-color: var(--infinite-color);
47
- --infinite-cell-color: var(--infinite-color);
48
50
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
49
51
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
50
52
  --infinite-cell-border-left: none;
@@ -63,6 +65,9 @@
63
65
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
64
66
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
65
67
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
68
+ --infinite-header-color: var(--infinite-color);
69
+ --infinite-cell-color: var(--infinite-color);
70
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
66
71
  --infinite-flashing-background: var(--infinite-accent-color);
67
72
  --infinite-flashing-up-background: var(--infinite-success-color);
68
73
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -73,8 +78,6 @@
73
78
  --infinite-error-color: #5e1414;
74
79
  --infinite-header-cell-background: #04233d;
75
80
  --infinite-header-cell-hover-background: #021f35;
76
- --infinite-header-color: var(--infinite-color);
77
- --infinite-cell-color: var(--infinite-color);
78
81
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
79
82
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
80
83
  --infinite-cell-border-left: none;
@@ -93,6 +96,9 @@
93
96
  @media (prefers-color-scheme: dark) {
94
97
  .infinite-theme-name--ocean:root,
95
98
  .infinite-theme-name--ocean {
99
+ --infinite-header-color: var(--infinite-color);
100
+ --infinite-cell-color: var(--infinite-color);
101
+ --infinite-header-background: var(--infinite-header-cell-hover-background);
96
102
  --infinite-flashing-background: var(--infinite-accent-color);
97
103
  --infinite-flashing-up-background: var(--infinite-success-color);
98
104
  --infinite-flashing-down-background: var(--infinite-error-color);
@@ -103,8 +109,6 @@
103
109
  --infinite-error-color: #5e1414;
104
110
  --infinite-header-cell-background: #04233d;
105
111
  --infinite-header-cell-hover-background: #021f35;
106
- --infinite-header-color: var(--infinite-color);
107
- --infinite-cell-color: var(--infinite-color);
108
112
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
109
113
  --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
110
114
  --infinite-cell-border-left: none;
package/theme/shadcn.css CHANGED
@@ -1,39 +1,40 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1Wy27bMBC8+yt4CmKgVOwAvag/0H5BzzS5MolSXGJJ2UmL/HuhRxtaD9o1egp00MWaGa52h+spjKuMMxF41FADd6IGzoMWSrqSEOMnVmQg7NeGMc7/IiorgjbuyA9C/jgSNk6V7CToMcEIKcFFLtEibb8s8BufkwiNlBDCFQ2FZ5dTASKkeY2UpYN97Jnvv27HhE4lxVZIsIC9qD7leDK1oNcJISk0hSsIkRoZzQkmlLTJtxyhQSiYOaNuIqjcx/whgrX8gKSASubQwVUYJ3PU8To4mUQk4YIXBC5mGBpPQLm5z8svfFhGZ5lLEMxP4Fo4ZeF6QbMWTFsV0Zds719YQGtU6sju/cz0W1P0EsYpI0VE4sYFiCV79i+d1vBkqO8lc2G9FiXbFfscvq/2ZtMtnKWgEo2NcwpPu2Kfa5SFat5StxkvRZ2Nirpku0mHCM93ugLPHJW6nzw10uiibp+Kz3PEABZke5Fz3CzxqocXjhmL1uCa+xrQMafWQt9VltlQHdFEqLkyQRzsqA3LS2WGiF5IE1/bi/C8iPYEISw2u9/MfZUPrPg28L926+Y7Ce+Bur9VxgYnHjBGrKdb43JBdIKMPZTdqAYFxpJ7NTRvZnDj6Q5ab5v2eduME0CNCji37TX6h1dpbsi9myaORDSbRrLM/yd6EYAysvczc7WuiWtNXGviWhPXmrjWxLUmro+ZuH4DZ2OYjZYRAAA= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+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== */
2
2
  .infinite-theme-name--shadcn:root,
3
3
  .infinite-theme-name--shadcn {
4
+ --infinite-header-color: var(--muted-foreground);
5
+ --infinite-cell-color: var(--infinite-color);
6
+ --infinite-header-background: var(--infinite-background);
4
7
  --infinite-flashing-background: var(--infinite-accent-color);
5
8
  --infinite-flashing-up-background: var(--infinite-success-color);
6
9
  --infinite-flashing-down-background: var(--infinite-error-color);
7
- --infinite-background: hsl(var(--background));
8
- --infinite-color: hsl(var(--foreground));
9
- --infinite-success-color: hsl(var(--primary));
10
- --infinite-error-color: hsl(var(--destructive));
11
- --infinite-accent-color: hsl(var(--primary));
12
- --infinite-header-color: hsl(var(--muted-foreground));
10
+ --infinite-background: var(--background);
11
+ --infinite-color: var(--foreground);
12
+ --infinite-success-color: var(--primary);
13
+ --infinite-error-color: var(--destructive);
14
+ --infinite-accent-color: var(--primary);
13
15
  --infinite-header-cell-border: none;
14
16
  --infinite-header-cell-border-right: none;
15
17
  --infinite-header-cell-background: transparent;
16
18
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
17
- --infinite-header-background: var(--infinite-background);
18
19
  --infinite-resize-handle-hover-background: var(--infinite-color);
19
- --infinite-cell-border-top: 1px solid hsl(var(--border));
20
+ --infinite-cell-border-top: 1px solid var(--border);
20
21
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
21
22
  --infinite-active-cell-background-alpha: 0.1;
22
- --infinite-active-cell-border-color: hsl(var(--primary));
23
- --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
23
+ --infinite-active-cell-border-color: var(--primary);
24
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
24
25
  --infinite-cell-border-left: none;
25
26
  --infinite-cell-border-right: none;
26
27
  --infinite-cell-border-width: 0px;
27
28
  --infinite-row-background: var(--infinite-background);
28
29
  --infinite-row-odd-background: var(--infinite-background);
29
- --infinite-row-hover-background: hsl(var(--muted)/.5);
30
- --infinite-row-selected-background: hsl(var(--muted));
30
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
31
+ --infinite-row-selected-background: var(--muted);
31
32
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
32
33
  --infinite-menu-background: var(--infinite-background);
33
- --infinite-menu-color: hsl(var(--popover-foreground));
34
+ --infinite-menu-color: var(--popover-foreground);
34
35
  --infinite-menu-item-disabled-background: transparent;
35
36
  --infinite-menu-item-disabled-opacity: 0.2;
36
- --infinite-menu-item-pressed-background: hsl(var(--accent));
37
+ --infinite-menu-item-pressed-background: var(--accent);
37
38
  & .InfiniteHeaderWrapper {
38
39
  border-bottom: var(--infinite-cell-border-top);
39
40
  &:hover {
@@ -46,39 +47,40 @@
46
47
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
47
48
  .infinite-theme-name--shadcn .infinite-theme-mode--light,
48
49
  .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
50
+ --infinite-header-color: var(--muted-foreground);
51
+ --infinite-cell-color: var(--infinite-color);
52
+ --infinite-header-background: var(--infinite-background);
49
53
  --infinite-flashing-background: var(--infinite-accent-color);
50
54
  --infinite-flashing-up-background: var(--infinite-success-color);
51
55
  --infinite-flashing-down-background: var(--infinite-error-color);
52
- --infinite-background: hsl(var(--background));
53
- --infinite-color: hsl(var(--foreground));
54
- --infinite-success-color: hsl(var(--primary));
55
- --infinite-error-color: hsl(var(--destructive));
56
- --infinite-accent-color: hsl(var(--primary));
57
- --infinite-header-color: hsl(var(--muted-foreground));
56
+ --infinite-background: var(--background);
57
+ --infinite-color: var(--foreground);
58
+ --infinite-success-color: var(--primary);
59
+ --infinite-error-color: var(--destructive);
60
+ --infinite-accent-color: var(--primary);
58
61
  --infinite-header-cell-border: none;
59
62
  --infinite-header-cell-border-right: none;
60
63
  --infinite-header-cell-background: transparent;
61
64
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
62
- --infinite-header-background: var(--infinite-background);
63
65
  --infinite-resize-handle-hover-background: var(--infinite-color);
64
- --infinite-cell-border-top: 1px solid hsl(var(--border));
66
+ --infinite-cell-border-top: 1px solid var(--border);
65
67
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
66
68
  --infinite-active-cell-background-alpha: 0.1;
67
- --infinite-active-cell-border-color: hsl(var(--primary));
68
- --infinite-active-cell-background-default: hsl(var(--primary)/0.1);
69
+ --infinite-active-cell-border-color: var(--primary);
70
+ --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
69
71
  --infinite-cell-border-left: none;
70
72
  --infinite-cell-border-right: none;
71
73
  --infinite-cell-border-width: 0px;
72
74
  --infinite-row-background: var(--infinite-background);
73
75
  --infinite-row-odd-background: var(--infinite-background);
74
- --infinite-row-hover-background: hsl(var(--muted)/.5);
75
- --infinite-row-selected-background: hsl(var(--muted));
76
+ --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
77
+ --infinite-row-selected-background: var(--muted);
76
78
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
77
79
  --infinite-menu-background: var(--infinite-background);
78
- --infinite-menu-color: hsl(var(--popover-foreground));
80
+ --infinite-menu-color: var(--popover-foreground);
79
81
  --infinite-menu-item-disabled-background: transparent;
80
82
  --infinite-menu-item-disabled-opacity: 0.2;
81
- --infinite-menu-item-pressed-background: hsl(var(--accent));
83
+ --infinite-menu-item-pressed-background: var(--accent);
82
84
  & .InfiniteHeaderWrapper {
83
85
  border-bottom: var(--infinite-cell-border-top);
84
86
  &:hover {