@infinite-table/infinite-react 6.2.5 → 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 +69 -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 +69 -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;
@@ -602,33 +602,38 @@
602
602
  }
603
603
  .infinite-theme-mode--dark,
604
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);
605
622
  --infinite-theme-mode: dark;
606
623
  --infinite-icon-size: 24px;
607
624
  --infinite-background: #101419;
608
625
  --infinite-success-color: #008700;
609
626
  --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
627
  --infinite-header-cell-background: #1b2129;
614
628
  --infinite-header-cell-hover-background: #222932;
615
- --infinite-header-background: var(--infinite-header-cell-background);
616
629
  --infinite-row-hover-background: #3b4754;
617
630
  --infinite-row-selected-background: #0a2e4f;
618
631
  --infinite-row-selected-hover-background: #0b243a;
619
- --infinite-row-background: var(--infinite-background);
620
632
  --infinite-row-odd-background: #242a31;
621
633
  --infinite-row-disabled-background: #292a2c;
622
634
  --infinite-row-odd-disabled-background: #2d2e30;
623
- --infinite-cell-color: #c3c3c3;
624
635
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
625
636
  --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
637
  }
633
638
  .infinite-theme-name--default:root,
634
639
  .infinite-theme-name--default {
@@ -882,93 +887,108 @@
882
887
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
883
888
  .infinite-theme-mode--dark .infinite-theme-name--default,
884
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);
885
907
  --infinite-theme-mode: dark;
886
908
  --infinite-icon-size: 24px;
887
909
  --infinite-background: #101419;
888
910
  --infinite-success-color: #008700;
889
911
  --infinite-cell-border: 1px solid #2a323d;
890
- --infinite-header-color: #c3c3c3;
891
- --infinite-load-mask-text-background: var(--infinite-background);
892
- --infinite-load-mask-color: var(--infinite-cell-color);
893
912
  --infinite-header-cell-background: #1b2129;
894
913
  --infinite-header-cell-hover-background: #222932;
895
- --infinite-header-background: var(--infinite-header-cell-background);
896
914
  --infinite-row-hover-background: #3b4754;
897
915
  --infinite-row-selected-background: #0a2e4f;
898
916
  --infinite-row-selected-hover-background: #0b243a;
899
- --infinite-row-background: var(--infinite-background);
900
917
  --infinite-row-odd-background: #242a31;
901
918
  --infinite-row-disabled-background: #292a2c;
902
919
  --infinite-row-odd-disabled-background: #2d2e30;
903
- --infinite-cell-color: #c3c3c3;
904
920
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
905
921
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
906
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
907
- --infinite-menu-background: #101419;
908
- --infinite-menu-color: #c3c3c3;
909
- --infinite-menu-item-disabled-background: #101419;
910
- --infinite-menu-item-active-background: #3b4754;
911
- --infinite-menu-item-pressed-background: #3b4754;
912
922
  }
913
923
  @media (prefers-color-scheme: dark) {
914
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);
915
942
  --infinite-theme-mode: dark;
916
943
  --infinite-icon-size: 24px;
917
944
  --infinite-background: #101419;
918
945
  --infinite-success-color: #008700;
919
946
  --infinite-cell-border: 1px solid #2a323d;
920
- --infinite-header-color: #c3c3c3;
921
- --infinite-load-mask-text-background: var(--infinite-background);
922
- --infinite-load-mask-color: var(--infinite-cell-color);
923
947
  --infinite-header-cell-background: #1b2129;
924
948
  --infinite-header-cell-hover-background: #222932;
925
- --infinite-header-background: var(--infinite-header-cell-background);
926
949
  --infinite-row-hover-background: #3b4754;
927
950
  --infinite-row-selected-background: #0a2e4f;
928
951
  --infinite-row-selected-hover-background: #0b243a;
929
- --infinite-row-background: var(--infinite-background);
930
952
  --infinite-row-odd-background: #242a31;
931
953
  --infinite-row-disabled-background: #292a2c;
932
954
  --infinite-row-odd-disabled-background: #2d2e30;
933
- --infinite-cell-color: #c3c3c3;
934
955
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
935
956
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
936
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
937
- --infinite-menu-background: #101419;
938
- --infinite-menu-color: #c3c3c3;
939
- --infinite-menu-item-disabled-background: #101419;
940
- --infinite-menu-item-active-background: #3b4754;
941
- --infinite-menu-item-pressed-background: #3b4754;
942
957
  }
943
958
  .infinite-theme-name--default:root,
944
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);
945
977
  --infinite-theme-mode: dark;
946
978
  --infinite-icon-size: 24px;
947
979
  --infinite-background: #101419;
948
980
  --infinite-success-color: #008700;
949
981
  --infinite-cell-border: 1px solid #2a323d;
950
- --infinite-header-color: #c3c3c3;
951
- --infinite-load-mask-text-background: var(--infinite-background);
952
- --infinite-load-mask-color: var(--infinite-cell-color);
953
982
  --infinite-header-cell-background: #1b2129;
954
983
  --infinite-header-cell-hover-background: #222932;
955
- --infinite-header-background: var(--infinite-header-cell-background);
956
984
  --infinite-row-hover-background: #3b4754;
957
985
  --infinite-row-selected-background: #0a2e4f;
958
986
  --infinite-row-selected-hover-background: #0b243a;
959
- --infinite-row-background: var(--infinite-background);
960
987
  --infinite-row-odd-background: #242a31;
961
988
  --infinite-row-disabled-background: #292a2c;
962
989
  --infinite-row-odd-disabled-background: #2d2e30;
963
- --infinite-cell-color: #c3c3c3;
964
990
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
965
991
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
966
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
967
- --infinite-menu-background: #101419;
968
- --infinite-menu-color: #c3c3c3;
969
- --infinite-menu-item-disabled-background: #101419;
970
- --infinite-menu-item-active-background: #3b4754;
971
- --infinite-menu-item-pressed-background: #3b4754;
972
992
  }
973
993
  }
974
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.5"
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.5"
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.5"
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.5"
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.5",
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": 1741788945349
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
  }
package/theme/default.css CHANGED
@@ -1,4 +1,4 @@
1
- /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1c3W7rKBC+P0+BVK3UrErlOEl/vDcr7ZMQg2NUByzstOlZnXdf4TixjQFjt+dmNbV6Uc0MDAN8HvjGTZSUNfr3B0IYc5FxwWuGC0koowmq1Yn9NRTVOTsyLMiRJYiyjJyK2qpxlJQlqOCH3JTzVApc8Z8sQfG2PBvSqiQpw1GCIsWOVtk6QdHjOt655LGWu8UbLXZKt1r67BTvErR2yZ4StPb0+6zFTulLgmKP8WuCNs54RAnajoWZFHUT5iaYtp47jSakT7buO53YFZlOpQnti19na41gJ9+5otipPDki2Wk8u6LZqGTkyIvPBHGRM8XN5ZnKQqoE3W1f9GMISZoyUd90ovhlmz6bs3JKU1ZVN6VnkmXPxFBiSkl1U8myKIoiQ2UvFWUKK0L5qUrQO1H347W+Mo1I+nZQ8iRogj5yXpvb98gFzpnelQlaR9F4+7GCpTWXAqc5S9/28oyPRB24wFwUXLBQP45MnAbOGGadyGrZBsYwSllRXERWo4qVRJG6i2t6UoqJ+h/9l82gJJRycXCMaWP3TPvQGuJ3pmqekmJ5C7lU/KcU9ZI22omZcCKyNsBrdsSUV2RfMOqbKGMiAxqTJUl5/dmAjlObpDV/Z76OlfzAuXxnKqj3UrGq8o9kXoOtg73BvE52flNeW3fDkv18Wdg5ofLjuqrVYU/uo4fmeYx3poWSH5TVhBdfjUXXkH+fjHzuDA+K0z7c/GFo6jwDH0n1hmt2rgcON6OMd7uH62/0+GJ21JnroRTkc9DCQZHPSYPe/G6cym3g7e+LTs0fptFEdYb+lTGQmo1kvKiZwrJkF+S74srZ4cXa0QCjPMR8NNdD8xaR5nY+8v4zFMvs3i80b713WY+8V6xJNnIiaMGugEEUI/iD0zpP0Ppp9H4d2rR68YSauVNHDvbTEr+XqRRVrQgXjE4320tSzFZzRvSibN5D/RbuGNWPT7tdzhdQsL3hLxr+uZrANjeqGc00XS13I5PpqboOyZ60+OZmHJflrkznPLahLwKdvtvjRXRHM/14bKZQZpTz2Ixd2zTEeGRq7WAVonVeIU9/vbOuBQz6mpdsQqvrNPuGIF6bSqr6YnOBLl8nng1j38uuMLZHlqdMP+Oz0+korqrXF/9mfMxowfISI0F52sA/FxXzYsIlLKZn3bHAu/xH7djCmxWkyvW8XhOEn9o/dk4QNpO6LnXHBfmUp/o6fMUundwy4pIcmC/TuHW6EOJv9qfS18TgYOpsg8oPsfCl4N1i1wQicNcGYmK7IlAlC07RXfqkH8/EFywLWWFte7UioiqJXlGeNidfZaGNllzo9/KyocdkE2/MF29fnYt3XvF9wRIkpDAvBgYDmnVEMVY9yzKW1pieFNH3CAl6jCvrJcNwpLiqP7VrzWg8aDHUpqTKR9mGRd253we6t0WPSVHm5HKPOMMA41pveHwSTV6gb1CjRxM2jMF3TbS3qeOwOwwexhBhc+0BNXsVH/n5ngtUqcN+ZGmdkMbM30mAYpON+fV6wLZarR76GwSlpEjv9ckR4dC4XOYiMDp+5WEqedFdrVboz+Ywq70NWx2uqV0+YzOmoR/e4OD6otUb//jkv+zSTxtKOry+uWsyDBPMtWbIVdNAb3hCaX4cDthNslf9WExuazDkKm1g4I+FRU0n1mv2mpk510Ddko0TSl9GRlpajqbrLt2nu9SMZKfbIr1gVd284S30je1iSXu+149Ft5RcNIeSdybqCn/kvGC4SpUsiqYLcqqleXV+Lomg2pmClFXLJwWdvX79eLyJOpYK44alekAeYQIsWV8KLBmwZMCSAUsGLJl9IoEl83QOLJlhCCxZL3UAlgxYMmDJgCXzxgVYMmDJgCUDlgxYMmDJgCWzoAWwZMCSTQQSWDJneIElA5aMA0tmEGGUqDcXSaZlVo6sT3NppVks1yA462i9XZury2QRoujleUQRDDKFdXn25gJGAp9u9BN+IRe8l0f3ZsG3+M5LhfU+XsdmhCZOoXEcv27i33QYcizzzX77vNsG7+eIxGw7dz9H+3i7Memk7wXeeBuTjZm3uAE1fo1JnM4C1JjGbGNdzd7l6boNH94Tj+/E5176GKn101Y/X7mPGoZ4kiyzQ0KfGfPEx03teJp1kTL2Je3nXW42Y7zVdQP4lg5pWB3j7kAHKhOgMgEqE24HbahMgMoEqEywTiRUJng6h8oEwxAqE3qpA1QmQGUCVCZAZYI3LlCZAJUJUJkAlQlQmQCVCVCZYEELqEyAyoSJQEJlgjO8UJkAlQkcKhNsn+jOEA24M6/Q+1Gwn5Pzmn5jq0MicNYHzsGmPneBegTqEajHayYN1CNQj0A9WicSqEdP50A9GoZAPfZSB6AegXoE6hGoR29cgHoE6hGoR6AegXoE6hGoRwtaAPUI1ONEIIF6dIYXqEegHjlQj5YPn8MlXycedau/gyFs2oVvt8MgB77dDoUd+HbbedyEb7f/F99u/31klBN0XyqWMdWiGa5SjZ0X2Fw1uNr9d4xJjJ1C2RCcDUTamVgbhrbfg7dfQdy5mLsMdb8Pd+ch72zsXYi+X8DfOQg8G4MXoXAIDi9H4t+Dxd+KxsF4HILICzF5ESovwWWEfv1A/kQ4+P9qAF4DXgNeA14DXv9evP71Hw+up7WLhAAA */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
2
2
  :root {
3
3
  --infinite-loaded: true;
4
4
  --infinite-theme-name: default;
@@ -246,33 +246,38 @@
246
246
  }
247
247
  .infinite-theme-mode--dark,
248
248
  .infinite-theme-mode--dark:root {
249
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
250
+ --infinite-header-cell-border: var(--infinite-cell-border);
251
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
252
+ --infinite-header-color: #c3c3c3;
253
+ --infinite-header-background: var(--infinite-header-cell-background);
254
+ --infinite-cell-color: #c3c3c3;
255
+ --infinite-flashing-background: var(--infinite-accent-color);
256
+ --infinite-flashing-up-background: var(--infinite-success-color);
257
+ --infinite-flashing-down-background: var(--infinite-error-color);
258
+ --infinite-menu-color: var(--infinite-cell-color);
259
+ --infinite-menu-background: var(--infinite-background);
260
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
261
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
262
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
263
+ --infinite-load-mask-text-background: var(--infinite-background);
264
+ --infinite-load-mask-color: var(--infinite-cell-color);
265
+ --infinite-row-background: var(--infinite-background);
249
266
  --infinite-theme-mode: dark;
250
267
  --infinite-icon-size: 24px;
251
268
  --infinite-background: #101419;
252
269
  --infinite-success-color: #008700;
253
270
  --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
271
  --infinite-header-cell-background: #1b2129;
258
272
  --infinite-header-cell-hover-background: #222932;
259
- --infinite-header-background: var(--infinite-header-cell-background);
260
273
  --infinite-row-hover-background: #3b4754;
261
274
  --infinite-row-selected-background: #0a2e4f;
262
275
  --infinite-row-selected-hover-background: #0b243a;
263
- --infinite-row-background: var(--infinite-background);
264
276
  --infinite-row-odd-background: #242a31;
265
277
  --infinite-row-disabled-background: #292a2c;
266
278
  --infinite-row-odd-disabled-background: #2d2e30;
267
- --infinite-cell-color: #c3c3c3;
268
279
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
269
280
  --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
281
  }
277
282
  .infinite-theme-name--default:root,
278
283
  .infinite-theme-name--default {
@@ -526,92 +531,107 @@
526
531
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
527
532
  .infinite-theme-mode--dark .infinite-theme-name--default,
528
533
  .infinite-theme-name--default .infinite-theme-mode--dark {
534
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
535
+ --infinite-header-cell-border: var(--infinite-cell-border);
536
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
537
+ --infinite-header-color: #c3c3c3;
538
+ --infinite-header-background: var(--infinite-header-cell-background);
539
+ --infinite-cell-color: #c3c3c3;
540
+ --infinite-flashing-background: var(--infinite-accent-color);
541
+ --infinite-flashing-up-background: var(--infinite-success-color);
542
+ --infinite-flashing-down-background: var(--infinite-error-color);
543
+ --infinite-menu-color: var(--infinite-cell-color);
544
+ --infinite-menu-background: var(--infinite-background);
545
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
546
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
547
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
548
+ --infinite-load-mask-text-background: var(--infinite-background);
549
+ --infinite-load-mask-color: var(--infinite-cell-color);
550
+ --infinite-row-background: var(--infinite-background);
529
551
  --infinite-theme-mode: dark;
530
552
  --infinite-icon-size: 24px;
531
553
  --infinite-background: #101419;
532
554
  --infinite-success-color: #008700;
533
555
  --infinite-cell-border: 1px solid #2a323d;
534
- --infinite-header-color: #c3c3c3;
535
- --infinite-load-mask-text-background: var(--infinite-background);
536
- --infinite-load-mask-color: var(--infinite-cell-color);
537
556
  --infinite-header-cell-background: #1b2129;
538
557
  --infinite-header-cell-hover-background: #222932;
539
- --infinite-header-background: var(--infinite-header-cell-background);
540
558
  --infinite-row-hover-background: #3b4754;
541
559
  --infinite-row-selected-background: #0a2e4f;
542
560
  --infinite-row-selected-hover-background: #0b243a;
543
- --infinite-row-background: var(--infinite-background);
544
561
  --infinite-row-odd-background: #242a31;
545
562
  --infinite-row-disabled-background: #292a2c;
546
563
  --infinite-row-odd-disabled-background: #2d2e30;
547
- --infinite-cell-color: #c3c3c3;
548
564
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
549
565
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
550
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
551
- --infinite-menu-background: #101419;
552
- --infinite-menu-color: #c3c3c3;
553
- --infinite-menu-item-disabled-background: #101419;
554
- --infinite-menu-item-active-background: #3b4754;
555
- --infinite-menu-item-pressed-background: #3b4754;
556
566
  }
557
567
  @media (prefers-color-scheme: dark) {
558
568
  :root {
569
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
570
+ --infinite-header-cell-border: var(--infinite-cell-border);
571
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
572
+ --infinite-header-color: #c3c3c3;
573
+ --infinite-header-background: var(--infinite-header-cell-background);
574
+ --infinite-cell-color: #c3c3c3;
575
+ --infinite-flashing-background: var(--infinite-accent-color);
576
+ --infinite-flashing-up-background: var(--infinite-success-color);
577
+ --infinite-flashing-down-background: var(--infinite-error-color);
578
+ --infinite-menu-color: var(--infinite-cell-color);
579
+ --infinite-menu-background: var(--infinite-background);
580
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
581
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
582
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
583
+ --infinite-load-mask-text-background: var(--infinite-background);
584
+ --infinite-load-mask-color: var(--infinite-cell-color);
585
+ --infinite-row-background: var(--infinite-background);
559
586
  --infinite-theme-mode: dark;
560
587
  --infinite-icon-size: 24px;
561
588
  --infinite-background: #101419;
562
589
  --infinite-success-color: #008700;
563
590
  --infinite-cell-border: 1px solid #2a323d;
564
- --infinite-header-color: #c3c3c3;
565
- --infinite-load-mask-text-background: var(--infinite-background);
566
- --infinite-load-mask-color: var(--infinite-cell-color);
567
591
  --infinite-header-cell-background: #1b2129;
568
592
  --infinite-header-cell-hover-background: #222932;
569
- --infinite-header-background: var(--infinite-header-cell-background);
570
593
  --infinite-row-hover-background: #3b4754;
571
594
  --infinite-row-selected-background: #0a2e4f;
572
595
  --infinite-row-selected-hover-background: #0b243a;
573
- --infinite-row-background: var(--infinite-background);
574
596
  --infinite-row-odd-background: #242a31;
575
597
  --infinite-row-disabled-background: #292a2c;
576
598
  --infinite-row-odd-disabled-background: #2d2e30;
577
- --infinite-cell-color: #c3c3c3;
578
599
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
579
600
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
580
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
581
- --infinite-menu-background: #101419;
582
- --infinite-menu-color: #c3c3c3;
583
- --infinite-menu-item-disabled-background: #101419;
584
- --infinite-menu-item-active-background: #3b4754;
585
- --infinite-menu-item-pressed-background: #3b4754;
586
601
  }
587
602
  .infinite-theme-name--default:root,
588
603
  .infinite-theme-name--default {
604
+ --infinite-header-cell-border-right: var(--infinite-cell-border);
605
+ --infinite-header-cell-border: var(--infinite-cell-border);
606
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
607
+ --infinite-header-color: #c3c3c3;
608
+ --infinite-header-background: var(--infinite-header-cell-background);
609
+ --infinite-cell-color: #c3c3c3;
610
+ --infinite-flashing-background: var(--infinite-accent-color);
611
+ --infinite-flashing-up-background: var(--infinite-success-color);
612
+ --infinite-flashing-down-background: var(--infinite-error-color);
613
+ --infinite-menu-color: var(--infinite-cell-color);
614
+ --infinite-menu-background: var(--infinite-background);
615
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
616
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
617
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
618
+ --infinite-load-mask-text-background: var(--infinite-background);
619
+ --infinite-load-mask-color: var(--infinite-cell-color);
620
+ --infinite-row-background: var(--infinite-background);
589
621
  --infinite-theme-mode: dark;
590
622
  --infinite-icon-size: 24px;
591
623
  --infinite-background: #101419;
592
624
  --infinite-success-color: #008700;
593
625
  --infinite-cell-border: 1px solid #2a323d;
594
- --infinite-header-color: #c3c3c3;
595
- --infinite-load-mask-text-background: var(--infinite-background);
596
- --infinite-load-mask-color: var(--infinite-cell-color);
597
626
  --infinite-header-cell-background: #1b2129;
598
627
  --infinite-header-cell-hover-background: #222932;
599
- --infinite-header-background: var(--infinite-header-cell-background);
600
628
  --infinite-row-hover-background: #3b4754;
601
629
  --infinite-row-selected-background: #0a2e4f;
602
630
  --infinite-row-selected-hover-background: #0b243a;
603
- --infinite-row-background: var(--infinite-background);
604
631
  --infinite-row-odd-background: #242a31;
605
632
  --infinite-row-disabled-background: #292a2c;
606
633
  --infinite-row-odd-disabled-background: #2d2e30;
607
- --infinite-cell-color: #c3c3c3;
608
634
  --infinite-menu-shadow-color: rgba(255,255,255,0.25);
609
635
  --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
610
- --infinite-filter-editor-background: var(--infinite-row-odd-background);
611
- --infinite-menu-background: #101419;
612
- --infinite-menu-color: #c3c3c3;
613
- --infinite-menu-item-disabled-background: #101419;
614
- --infinite-menu-item-active-background: #3b4754;
615
- --infinite-menu-item-pressed-background: #3b4754;
616
636
  }
617
637
  }
package/theme/minimalist.css CHANGED
@@ -1,22 +1,29 @@
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= */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-minimalist.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2YwYrbMBCG73kKQaDsQhWStGUX91LodmkfQ7HGsYgsCUlOAmXfvVgxidexJTnx0osPgWDN/DOyRvMNXjCRMcEsYJtDAViQAjAumGAF4czYREtpP6NFwAz9nSGE8dkqB0JB4xQ4xxupq/+abXObICEFfA8Zd5pljFvQGCizUuMNSXdbLUtBE7Qn+qFhqOUBS0obJo89ESWX+srdPe3xaEbtSNFtYYBqxonJmdj6dkPSFIQN+JfKJ2HKNAVjAhpUHoRPBbSWulujAFH27fv8SjqdPPH6j895MgsFpsyQDQfq02nF6RcjqWV7CFVWLvfvCqFfT2kwxp9bjCCXhOKCmB22cLS3vbGLxtBTqjJshrSaCKOIBmFblpfOkKBLZ+g0KiSFBPGqI7TWm6EOObNXN+yU/nz98uXp63NHru8vvi9fd1AGFNHEynMzmP96eV2/PnVd7LqRWakStFJHZCRnNMJBE8pKk6Clr+9FNJZajkPW3Ufjum3T6sCozRO0VMeWUX0VnC0TlKXuFTFhwCZorY5u//Wvcv2EFn9q399uVz+BcwcFhFzVumPIpC4SVCoFOiXGJYZQJoXFBzjlu5Gcnh5zsFW3N4qkTGwTtFwsv0FRrb3N3mZtHlUFhbErqAFLbYqF1q852BAPMtLrPa7wFZ498vd5+/KeZoJpJphmgmkmmGaCaSb4bzMBJXoXvzLWRFBpfxy3nfpE14muE10nug6ha9U4PHCdr8gqW2968NrJtFHw2gluH16DDhNeR8frjwIoI+hBachA160Nm7Qqr1NlPbroIaYN+aI8kHDRjBuVcrdwLpZ0w1l3P+3G4d04xLuRefdQb2TujU++D2DfOPS7h39DCBjJwCAFYzgYIOFQFg6j4Q08jCPiICZGUjGWi5FkvIuNfjoG+dhLSB8jK0o6Uv4D/JKp81MdAAA= */
2
2
  .infinite-theme-name--minimalist:root,
3
3
  .infinite-theme-name--minimalist {
4
+ --infinite-header-cell-border-right: none;
5
+ --infinite-header-cell-border: none;
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: none;
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: var(--infinite-menu-background);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
18
+ --infinite-load-mask-text-background: var(--infinite-background);
19
+ --infinite-load-mask-color: var(--infinite-cell-color);
20
+ --infinite-row-background: transparent;
10
21
  --infinite-theme-name: minimalist;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-background: white;
13
24
  --infinite-color: #2D3748;
14
- --infinite-row-background: transparent;
15
25
  --infinite-row-odd-background: transparent;
16
- --infinite-menu-background: var(--infinite-background);
17
26
  --infinite-menu-separator-color: #EDF2F7;
18
- --infinite-header-cell-border: none;
19
- --infinite-header-cell-border-right: none;
20
27
  --infinite-cell-border-top: 1px solid #EDF2F7;
21
28
  --infinite-cell-border-radius: 0;
22
29
  --infinite-header-cell-background: none;
@@ -35,22 +42,29 @@
35
42
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--minimalist,
36
43
  .infinite-theme-name--minimalist .infinite-theme-mode--light,
37
44
  .infinite-theme-name--minimalist .infinite-theme-mode--light.infinite-theme-mode--light {
45
+ --infinite-header-cell-border-right: none;
46
+ --infinite-header-cell-border: none;
47
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
38
48
  --infinite-header-color: var(--infinite-color);
39
- --infinite-cell-color: var(--infinite-color);
40
49
  --infinite-header-background: none;
50
+ --infinite-cell-color: var(--infinite-color);
41
51
  --infinite-flashing-background: var(--infinite-accent-color);
42
52
  --infinite-flashing-up-background: var(--infinite-success-color);
43
53
  --infinite-flashing-down-background: var(--infinite-error-color);
54
+ --infinite-menu-color: var(--infinite-cell-color);
55
+ --infinite-menu-background: var(--infinite-background);
56
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
57
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
58
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
59
+ --infinite-load-mask-text-background: var(--infinite-background);
60
+ --infinite-load-mask-color: var(--infinite-cell-color);
61
+ --infinite-row-background: transparent;
44
62
  --infinite-theme-name: minimalist;
45
63
  --infinite-theme-mode: light;
46
64
  --infinite-background: white;
47
65
  --infinite-color: #2D3748;
48
- --infinite-row-background: transparent;
49
66
  --infinite-row-odd-background: transparent;
50
- --infinite-menu-background: var(--infinite-background);
51
67
  --infinite-menu-separator-color: #EDF2F7;
52
- --infinite-header-cell-border: none;
53
- --infinite-header-cell-border-right: none;
54
68
  --infinite-cell-border-top: 1px solid #EDF2F7;
55
69
  --infinite-cell-border-radius: 0;
56
70
  --infinite-header-cell-background: none;
@@ -67,22 +81,29 @@
67
81
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--minimalist.infinite-theme-name--minimalist,
68
82
  .infinite-theme-mode--dark .infinite-theme-name--minimalist,
69
83
  .infinite-theme-name--minimalist .infinite-theme-mode--dark {
84
+ --infinite-header-cell-border-right: none;
85
+ --infinite-header-cell-border: none;
86
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
70
87
  --infinite-header-color: var(--infinite-color);
71
- --infinite-cell-color: var(--infinite-color);
72
88
  --infinite-header-background: none;
89
+ --infinite-cell-color: var(--infinite-color);
73
90
  --infinite-flashing-background: var(--infinite-accent-color);
74
91
  --infinite-flashing-up-background: var(--infinite-success-color);
75
92
  --infinite-flashing-down-background: var(--infinite-error-color);
93
+ --infinite-menu-color: var(--infinite-cell-color);
94
+ --infinite-menu-background: var(--infinite-background);
95
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
96
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
97
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
98
+ --infinite-load-mask-text-background: var(--infinite-background);
99
+ --infinite-load-mask-color: var(--infinite-cell-color);
100
+ --infinite-row-background: transparent;
76
101
  --infinite-theme-name: minimalist;
77
102
  --infinite-theme-mode: dark;
78
103
  --infinite-background: #1a1f2b;
79
104
  --infinite-color: #EDF2F7;
80
- --infinite-row-background: transparent;
81
105
  --infinite-row-odd-background: transparent;
82
- --infinite-menu-background: var(--infinite-background);
83
106
  --infinite-menu-separator-color: #2D3748;
84
- --infinite-header-cell-border: none;
85
- --infinite-header-cell-border-right: none;
86
107
  --infinite-cell-border-top: 1px solid #2D3748;
87
108
  --infinite-cell-border-radius: 0;
88
109
  --infinite-header-cell-background: none;
@@ -99,22 +120,29 @@
99
120
  @media (prefers-color-scheme: dark) {
100
121
  .infinite-theme-name--minimalist:root,
101
122
  .infinite-theme-name--minimalist {
123
+ --infinite-header-cell-border-right: none;
124
+ --infinite-header-cell-border: none;
125
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
102
126
  --infinite-header-color: var(--infinite-color);
103
- --infinite-cell-color: var(--infinite-color);
104
127
  --infinite-header-background: none;
128
+ --infinite-cell-color: var(--infinite-color);
105
129
  --infinite-flashing-background: var(--infinite-accent-color);
106
130
  --infinite-flashing-up-background: var(--infinite-success-color);
107
131
  --infinite-flashing-down-background: var(--infinite-error-color);
132
+ --infinite-menu-color: var(--infinite-cell-color);
133
+ --infinite-menu-background: var(--infinite-background);
134
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
135
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
136
+ --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
137
+ --infinite-load-mask-text-background: var(--infinite-background);
138
+ --infinite-load-mask-color: var(--infinite-cell-color);
139
+ --infinite-row-background: transparent;
108
140
  --infinite-theme-name: minimalist;
109
141
  --infinite-theme-mode: dark;
110
142
  --infinite-background: #1a1f2b;
111
143
  --infinite-color: #EDF2F7;
112
- --infinite-row-background: transparent;
113
144
  --infinite-row-odd-background: transparent;
114
- --infinite-menu-background: var(--infinite-background);
115
145
  --infinite-menu-separator-color: #2D3748;
116
- --infinite-header-cell-border: none;
117
- --infinite-header-cell-border-right: none;
118
146
  --infinite-cell-border-top: 1px solid #2D3748;
119
147
  --infinite-cell-border-radius: 0;
120
148
  --infinite-header-cell-background: none;
package/theme/ocean.css CHANGED
@@ -1,12 +1,23 @@
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 */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-ocean.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+3ZzWrjMBAA4HueQhAWWohKnDhu1nvZV1GkcSxqS0ZSmsCSd1/sDY3jH9mJ1S4FHQoFjUZjWRp/kBcuEi64AWxSyAELkgPGkgIRsZLSLNBLfwT6M0MI44+AFAgDhSlkGd5JVf6v+D41MQqKE9Iy4wxRmUmFc3564gJptd8tkFFE6IIoEGaB3ol6qqWswp9RuPzx/Gtosbg1+TrWnJ3wzIDCwLiRCu8IfdsreRCslUPJI5aM1UL6CikrbZdQ1d89w7Jq/eFS+X4T3MxWBd2xepIRnXKxt61PKAVhBuYfClsKfaAUtB7IweRR2LKAUlJ158hBHPqe+2NLOieN3Pj+La+ycAM5ZlyTXQbMlrOxZn8yQg1/h6HTOHQervkKBVrba+tPk0nCcE70GzZwMlNz3Pueygd9aMlrk4pR1aQ6x3PJIEZZ2Zwa4/WTH6P5drehSdSIqRc2ZwFsE9q8k5fpy3C1XrPG4M3NiNE8CilEYSOodvBjNE9otIk2tg5YL+mVsXWrJFtLidF8vd2xZNvVWi6d3Mhieh8P2n28vkYGiYmRkAIsQZdPykDUkTOTxmhZnFovuLpkVSwXjFNSfgG40GBitCpO1TNe/joO5e23IO7ah447WzuvC3RMuQG0am9F1+1+sEOVqTRkQI39/t/zobnJ2a5z3E50FGXbkqqZaSiIql7T5T5MOXznWVM0ZTPAuGoGdwzVHGQZavupltJmK+tEZznrmLMkfXiirVCPR49Hj0ePR49Hj0ePR4/H74xHRtTb+JFpdCwzulZeldODzIPMg8yD7JuCrOxhUz22XK9omPR47GdEloQMeCx4jcLg1eqxDQRh0CRbr8c6FTjgseUqSNZN8Tn02PVFe5TVBOJNNrgjbkjWOn/n2e8cGCfoqVCQgLrcR6xp2SD+9YbnCjgWG438wfOLkTSVSU6h9AiVXGPpfi5NB5MbMrlB04NscgUnx3RyjydnfHIDqCmEmoCoYUYNQmocpcZgaoBTI0E1ilT3ouoxVn0hrEbSaiyuRvJqErA+nVhOkfU5zPov0PoKaiF0np3/AsUNcXQ3JgAA */
2
2
  .infinite-theme-name--ocean:root,
3
3
  .infinite-theme-name--ocean {
4
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
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-header-cell-background);
15
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--infinite-background);
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: ocean;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-accent-color: #8b5cf6;
@@ -17,31 +28,38 @@
17
28
  --infinite-header-cell-background: #7dd3fc;
18
29
  --infinite-header-cell-hover-background: #38bdf8;
19
30
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
20
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
21
31
  --infinite-cell-border-left: none;
22
32
  --infinite-cell-border-right: none;
23
33
  --infinite-cell-border-width: 0px;
24
34
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
25
- --infinite-row-background: var(--infinite-background);
26
35
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
27
36
  --infinite-row-hover-background: var(--infinite-header-cell-background);
28
37
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
29
38
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
30
39
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
31
- --infinite-menu-background: var(--infinite-header-cell-background);
32
- --infinite-menu-item-pressed-background: var(--infinite-background);
33
40
  }
34
41
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--ocean.infinite-theme-name--ocean,
35
42
  .infinite-theme-mode--light .infinite-theme-name--ocean,
36
43
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--ocean,
37
44
  .infinite-theme-name--ocean .infinite-theme-mode--light,
38
45
  .infinite-theme-name--ocean .infinite-theme-mode--light.infinite-theme-mode--light {
46
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
47
+ --infinite-header-cell-border: var(--infinite-cell-border);
48
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
39
49
  --infinite-header-color: var(--infinite-color);
40
- --infinite-cell-color: var(--infinite-color);
41
50
  --infinite-header-background: var(--infinite-header-cell-hover-background);
51
+ --infinite-cell-color: var(--infinite-color);
42
52
  --infinite-flashing-background: var(--infinite-accent-color);
43
53
  --infinite-flashing-up-background: var(--infinite-success-color);
44
54
  --infinite-flashing-down-background: var(--infinite-error-color);
55
+ --infinite-menu-color: var(--infinite-cell-color);
56
+ --infinite-menu-background: var(--infinite-header-cell-background);
57
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
58
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
59
+ --infinite-menu-item-pressed-background: var(--infinite-background);
60
+ --infinite-load-mask-text-background: var(--infinite-background);
61
+ --infinite-load-mask-color: var(--infinite-cell-color);
62
+ --infinite-row-background: var(--infinite-background);
45
63
  --infinite-theme-name: ocean;
46
64
  --infinite-theme-mode: light;
47
65
  --infinite-accent-color: #8b5cf6;
@@ -52,29 +70,36 @@
52
70
  --infinite-header-cell-background: #7dd3fc;
53
71
  --infinite-header-cell-hover-background: #38bdf8;
54
72
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 10%);
55
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
56
73
  --infinite-cell-border-left: none;
57
74
  --infinite-cell-border-right: none;
58
75
  --infinite-cell-border-width: 0px;
59
76
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
60
- --infinite-row-background: var(--infinite-background);
61
77
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 20%);
62
78
  --infinite-row-hover-background: var(--infinite-header-cell-background);
63
79
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
64
80
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 20%);
65
81
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-color) 10%);
66
- --infinite-menu-background: var(--infinite-header-cell-background);
67
- --infinite-menu-item-pressed-background: var(--infinite-background);
68
82
  }
69
83
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--ocean.infinite-theme-name--ocean,
70
84
  .infinite-theme-mode--dark .infinite-theme-name--ocean,
71
85
  .infinite-theme-name--ocean .infinite-theme-mode--dark {
86
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
87
+ --infinite-header-cell-border: var(--infinite-cell-border);
88
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
72
89
  --infinite-header-color: var(--infinite-color);
73
- --infinite-cell-color: var(--infinite-color);
74
90
  --infinite-header-background: var(--infinite-header-cell-hover-background);
91
+ --infinite-cell-color: var(--infinite-color);
75
92
  --infinite-flashing-background: var(--infinite-accent-color);
76
93
  --infinite-flashing-up-background: var(--infinite-success-color);
77
94
  --infinite-flashing-down-background: var(--infinite-error-color);
95
+ --infinite-menu-color: var(--infinite-cell-color);
96
+ --infinite-menu-background: var(--infinite-header-cell-background);
97
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
98
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
99
+ --infinite-menu-item-pressed-background: var(--infinite-background);
100
+ --infinite-load-mask-text-background: var(--infinite-background);
101
+ --infinite-load-mask-color: var(--infinite-cell-color);
102
+ --infinite-row-background: var(--infinite-background);
78
103
  --infinite-theme-name: ocean;
79
104
  --infinite-theme-mode: dark;
80
105
  --infinite-accent-color: #8b5cf6;
@@ -85,29 +110,36 @@
85
110
  --infinite-header-cell-background: #04233d;
86
111
  --infinite-header-cell-hover-background: #021f35;
87
112
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
88
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
89
113
  --infinite-cell-border-left: none;
90
114
  --infinite-cell-border-right: none;
91
115
  --infinite-cell-border-width: 0px;
92
116
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
93
- --infinite-row-background: var(--infinite-background);
94
117
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
95
118
  --infinite-row-hover-background: var(--infinite-header-cell-background);
96
119
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
97
120
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
98
121
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
99
- --infinite-menu-background: var(--infinite-header-cell-background);
100
- --infinite-menu-item-pressed-background: var(--infinite-background);
101
122
  }
102
123
  @media (prefers-color-scheme: dark) {
103
124
  .infinite-theme-name--ocean:root,
104
125
  .infinite-theme-name--ocean {
126
+ --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
127
+ --infinite-header-cell-border: var(--infinite-cell-border);
128
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
105
129
  --infinite-header-color: var(--infinite-color);
106
- --infinite-cell-color: var(--infinite-color);
107
130
  --infinite-header-background: var(--infinite-header-cell-hover-background);
131
+ --infinite-cell-color: var(--infinite-color);
108
132
  --infinite-flashing-background: var(--infinite-accent-color);
109
133
  --infinite-flashing-up-background: var(--infinite-success-color);
110
134
  --infinite-flashing-down-background: var(--infinite-error-color);
135
+ --infinite-menu-color: var(--infinite-cell-color);
136
+ --infinite-menu-background: var(--infinite-header-cell-background);
137
+ --infinite-menu-item-disabled-background: var(--infinite-menu-background);
138
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
139
+ --infinite-menu-item-pressed-background: var(--infinite-background);
140
+ --infinite-load-mask-text-background: var(--infinite-background);
141
+ --infinite-load-mask-color: var(--infinite-cell-color);
142
+ --infinite-row-background: var(--infinite-background);
111
143
  --infinite-theme-name: ocean;
112
144
  --infinite-theme-mode: dark;
113
145
  --infinite-accent-color: #8b5cf6;
@@ -118,18 +150,14 @@
118
150
  --infinite-header-cell-background: #04233d;
119
151
  --infinite-header-cell-hover-background: #021f35;
120
152
  --infinite-cell-border-top: 1px solid color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
121
- --infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
122
153
  --infinite-cell-border-left: none;
123
154
  --infinite-cell-border-right: none;
124
155
  --infinite-cell-border-width: 0px;
125
156
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
126
- --infinite-row-background: var(--infinite-background);
127
157
  --infinite-row-odd-background: color-mix(in srgb, var(--infinite-row-background), white 2%);
128
158
  --infinite-row-hover-background: var(--infinite-header-cell-background);
129
159
  --infinite-row-selected-background: var(--infinite-header-cell-hover-background);
130
160
  --infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
131
161
  --infinite-menu-separator-color: color-mix(in srgb, transparent, var(--infinite-cell-color) 10%);
132
- --infinite-menu-background: var(--infinite-header-cell-background);
133
- --infinite-menu-item-pressed-background: var(--infinite-background);
134
162
  }
135
163
  }
package/theme/shadcn.css CHANGED
@@ -1,12 +1,23 @@
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== */
1
+ /* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTW/bMAy951fw0qIFqiAp0MPcy47bL9hZsehaiCwJlNymK/rfBylJ4/hDdtMCu/gQIIgeHymSIh+ylLqQWnpkvsQKmeYVMuZKLnKdkTH+DpYJCLwtABj7QJTIBRLLUSm2MRS+k3wqfQbaaHwcA/fCCqk8EkMhvSG24fn2iUytRQbPnG4aQDIvzAjRgNwOeDTK0NG8qj0KVhjCpE3C77C/eLUzb6ej8GsbXyjuSqmfUt54nqP2I/a1TVG4Os/RuREOYV50igWJDPVzVKjr83tbY80zUiLP0eaiLEdL6bFiQjq+USjOeDxx7Swn1H7QkOdePuNYc5XxClMCsYTOteLYE+7L17ZUhgtWcbdlHnf+sjScOAY67qMZ25bhbhe5PA2EDPYDoRdQGYEZqDAIWuddr4nH1LzVcB+dNfdH+5GsOL22sY0WPiIFOk91bIc2uvnyRojPRtukXmxatPusU5F++k5Z0cm/yEquhcJx0t7WaE5yb2wGa7sDZ5QUx3rFs26q4nuK1lILmfMwu6V26DO4t7tIc/gkTE/RMq5syTNYLdcp/D7QKRUacCOw4LXyGUQOVsndjdRgtiov71qEsF5d3TUrCj9WV6n8KSz6F+G0ddlEvUjhywxWnex1d+AnnnPfjEtlIq7OW3ho5+Ghm4dA7VBh7nun4p4pZTPavgMeJiwLY3ku/WtorvuAvobl7wP8V3xof4hbixTFDsChBBvjvan6p+zpwUT3ANdZjP/AANDouP5hPbhuAN4X4fO+aOuyMGUZi1P2E0dNNZc66+rABmlSIyYtv4/0TJYmaC+3TMU66+BZB886eNbBsw6edfCsg2cdPOvg/6yDBaft9JOvquDA+f16NbK+DW+ScP64eF/8rFBIDjeWsEA6jHzm8gDdo24jTSqEqX/2jgQTS/IPjS/gcFUWAAA= */
2
2
  .infinite-theme-name--shadcn:root,
3
3
  .infinite-theme-name--shadcn {
4
+ --infinite-header-cell-border-right: none;
5
+ --infinite-header-cell-border: none;
6
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
4
7
  --infinite-header-color: var(--muted-foreground);
5
- --infinite-cell-color: var(--infinite-color);
6
8
  --infinite-header-background: var(--infinite-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(--popover-foreground);
14
+ --infinite-menu-background: var(--infinite-background);
15
+ --infinite-menu-item-disabled-background: transparent;
16
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
17
+ --infinite-menu-item-pressed-background: var(--accent);
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: shadcn;
11
22
  --infinite-theme-mode: light;
12
23
  --infinite-background: var(--background);
@@ -14,8 +25,6 @@
14
25
  --infinite-success-color: var(--primary);
15
26
  --infinite-error-color: var(--destructive);
16
27
  --infinite-accent-color: var(--primary);
17
- --infinite-header-cell-border: none;
18
- --infinite-header-cell-border-right: none;
19
28
  --infinite-header-cell-background: transparent;
20
29
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
21
30
  --infinite-resize-handle-hover-background: var(--infinite-color);
@@ -27,16 +36,11 @@
27
36
  --infinite-cell-border-left: none;
28
37
  --infinite-cell-border-right: none;
29
38
  --infinite-cell-border-width: 0px;
30
- --infinite-row-background: var(--infinite-background);
31
39
  --infinite-row-odd-background: var(--infinite-background);
32
40
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
33
41
  --infinite-row-selected-background: var(--muted);
34
42
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
35
- --infinite-menu-background: var(--infinite-background);
36
- --infinite-menu-color: var(--popover-foreground);
37
- --infinite-menu-item-disabled-background: transparent;
38
43
  --infinite-menu-item-disabled-opacity: 0.2;
39
- --infinite-menu-item-pressed-background: var(--accent);
40
44
  & .InfiniteHeaderWrapper {
41
45
  border-bottom: var(--infinite-cell-border-top);
42
46
  &:hover {
@@ -49,12 +53,23 @@
49
53
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
50
54
  .infinite-theme-name--shadcn .infinite-theme-mode--light,
51
55
  .infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
56
+ --infinite-header-cell-border-right: none;
57
+ --infinite-header-cell-border: none;
58
+ --infinite-filter-editor-background: var(--infinite-row-odd-background);
52
59
  --infinite-header-color: var(--muted-foreground);
53
- --infinite-cell-color: var(--infinite-color);
54
60
  --infinite-header-background: var(--infinite-background);
61
+ --infinite-cell-color: var(--infinite-color);
55
62
  --infinite-flashing-background: var(--infinite-accent-color);
56
63
  --infinite-flashing-up-background: var(--infinite-success-color);
57
64
  --infinite-flashing-down-background: var(--infinite-error-color);
65
+ --infinite-menu-color: var(--popover-foreground);
66
+ --infinite-menu-background: var(--infinite-background);
67
+ --infinite-menu-item-disabled-background: transparent;
68
+ --infinite-menu-item-active-background: var(--infinite-row-hover-background);
69
+ --infinite-menu-item-pressed-background: var(--accent);
70
+ --infinite-load-mask-text-background: var(--infinite-background);
71
+ --infinite-load-mask-color: var(--infinite-cell-color);
72
+ --infinite-row-background: var(--infinite-background);
58
73
  --infinite-theme-name: shadcn;
59
74
  --infinite-theme-mode: light;
60
75
  --infinite-background: var(--background);
@@ -62,8 +77,6 @@
62
77
  --infinite-success-color: var(--primary);
63
78
  --infinite-error-color: var(--destructive);
64
79
  --infinite-accent-color: var(--primary);
65
- --infinite-header-cell-border: none;
66
- --infinite-header-cell-border-right: none;
67
80
  --infinite-header-cell-background: transparent;
68
81
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
69
82
  --infinite-resize-handle-hover-background: var(--infinite-color);
@@ -75,16 +88,11 @@
75
88
  --infinite-cell-border-left: none;
76
89
  --infinite-cell-border-right: none;
77
90
  --infinite-cell-border-width: 0px;
78
- --infinite-row-background: var(--infinite-background);
79
91
  --infinite-row-odd-background: var(--infinite-background);
80
92
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
81
93
  --infinite-row-selected-background: var(--muted);
82
94
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
83
- --infinite-menu-background: var(--infinite-background);
84
- --infinite-menu-color: var(--popover-foreground);
85
- --infinite-menu-item-disabled-background: transparent;
86
95
  --infinite-menu-item-disabled-opacity: 0.2;
87
- --infinite-menu-item-pressed-background: var(--accent);
88
96
  & .InfiniteHeaderWrapper {
89
97
  border-bottom: var(--infinite-cell-border-top);
90
98
  &:hover {