@revikornmann/muka-ui 0.5.0 → 0.6.0

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 (85) hide show
  1. package/cli/commands/brand.js +7 -0
  2. package/cli/commands/init.js +7 -1
  3. package/cli/templates/CLAUDE.md +18 -4
  4. package/cli/templates/muka-ui-guidelines.md +20 -0
  5. package/dist/cjs/components/DataTable/DataTable.js +15 -2
  6. package/dist/cjs/components/DataTable/DataTable.js.map +1 -1
  7. package/dist/cjs/components/ListItem/ListItem.css +10 -4
  8. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
  9. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +66 -0
  10. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
  11. package/dist/cjs/components/ProgressAccordeon/index.js +11 -0
  12. package/dist/cjs/components/ProgressAccordeon/index.js.map +1 -0
  13. package/dist/cjs/components/index.js +5 -3
  14. package/dist/cjs/components/index.js.map +1 -1
  15. package/dist/esm/components/DataTable/DataTable.js +15 -2
  16. package/dist/esm/components/DataTable/DataTable.js.map +1 -1
  17. package/dist/esm/components/ListItem/ListItem.css +10 -4
  18. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
  19. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +62 -0
  20. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
  21. package/dist/esm/components/ProgressAccordeon/index.js +3 -0
  22. package/dist/esm/components/ProgressAccordeon/index.js.map +1 -0
  23. package/dist/esm/components/index.js +1 -0
  24. package/dist/esm/components/index.js.map +1 -1
  25. package/dist/styles/components/ListItem.css +10 -4
  26. package/dist/styles/components/ProgressAccordeon.css +207 -0
  27. package/dist/styles/fonts/funnel-display-latin-wght-normal.woff2 +0 -0
  28. package/dist/styles/fonts/funnel-display.LICENSE.txt +93 -0
  29. package/dist/styles/fonts/funnel-sans-latin-wght-normal.woff2 +0 -0
  30. package/dist/styles/fonts/funnel-sans.LICENSE.txt +93 -0
  31. package/dist/styles/fonts/ibm-plex-sans-latin-wght-normal.woff2 +0 -0
  32. package/dist/styles/fonts/ibm-plex-sans.LICENSE.txt +93 -0
  33. package/dist/styles/fonts/lora-latin-wght-normal.woff2 +0 -0
  34. package/dist/styles/fonts/lora.LICENSE.txt +93 -0
  35. package/dist/styles/fonts/quicksand-latin-wght-normal.woff2 +0 -0
  36. package/dist/styles/fonts/quicksand.LICENSE.txt +93 -0
  37. package/dist/styles/fonts/red-hat-display-latin-wght-normal.woff2 +0 -0
  38. package/dist/styles/fonts/red-hat-display.LICENSE.txt +93 -0
  39. package/dist/styles/fonts/red-hat-text-latin-wght-normal.woff2 +0 -0
  40. package/dist/styles/fonts/red-hat-text.LICENSE.txt +93 -0
  41. package/dist/styles/fonts/yesteryear-latin-400-normal.woff2 +0 -0
  42. package/dist/styles/fonts/yesteryear.LICENSE.txt +93 -0
  43. package/dist/styles/fonts-all.css +75 -0
  44. package/dist/styles/fonts-bouwplan.css +30 -0
  45. package/dist/styles/fonts-fscl.css +21 -0
  46. package/dist/styles/fonts-grip.css +21 -0
  47. package/dist/styles/fonts-muka.css +30 -0
  48. package/dist/styles/fonts-wireframe.css +5 -0
  49. package/dist/styles/index.css +1936 -1580
  50. package/dist/styles/muka-dark.css +1936 -1580
  51. package/dist/styles/muka-light.css +1936 -1580
  52. package/dist/styles/tokens-bouwplan-dark.css +113 -5
  53. package/dist/styles/tokens-bouwplan-light.css +113 -5
  54. package/dist/styles/tokens-fscl-dark.css +113 -5
  55. package/dist/styles/tokens-fscl-light.css +113 -5
  56. package/dist/styles/tokens-grip-dark.css +113 -5
  57. package/dist/styles/tokens-grip-light.css +113 -5
  58. package/dist/styles/tokens-muka-dark.css +113 -5
  59. package/dist/styles/tokens-muka-light.css +113 -5
  60. package/dist/styles/tokens-wireframe-dark.css +113 -5
  61. package/dist/styles/tokens-wireframe-light.css +113 -5
  62. package/dist/styles/wireframe-dark.css +1303 -979
  63. package/dist/styles/wireframe-light.css +1303 -979
  64. package/dist/types/components/DataTable/DataTable.d.ts.map +1 -1
  65. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts +91 -0
  66. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -0
  67. package/dist/types/components/ProgressAccordeon/index.d.ts +3 -0
  68. package/dist/types/components/ProgressAccordeon/index.d.ts.map +1 -0
  69. package/dist/types/components/index.d.ts +1 -0
  70. package/dist/types/components/index.d.ts.map +1 -1
  71. package/docs/consumers/setup-instructions.md +22 -3
  72. package/package.json +12 -2
  73. package/scripts/build-fonts.js +248 -0
  74. package/tokens/t1-primitives/color.json +400 -0
  75. package/tokens/t2-alias/brand/bouwplan/dark.json +15 -1
  76. package/tokens/t2-alias/brand/bouwplan/light.json +15 -1
  77. package/tokens/t2-alias/brand/fscl/dark.json +15 -1
  78. package/tokens/t2-alias/brand/fscl/light.json +15 -1
  79. package/tokens/t2-alias/brand/grip/dark.json +51 -1
  80. package/tokens/t2-alias/brand/grip/light.json +51 -1
  81. package/tokens/t2-alias/brand/muka/dark.json +51 -1
  82. package/tokens/t2-alias/brand/muka/light.json +51 -1
  83. package/tokens/t2-alias/brand/wireframe/dark.json +51 -1
  84. package/tokens/t2-alias/brand/wireframe/light.json +51 -1
  85. package/tokens/t3-semantics/ui.json +13 -13
package/dist/styles/tokens-bouwplan-dark.css CHANGED
@@ -540,6 +540,102 @@
540
540
  --color-white-alpha-10: rgba(255, 255, 255, 0.478);
541
541
  --color-white-alpha-11: rgba(255, 255, 255, 0.565);
542
542
  --color-white-alpha-12: rgba(255, 255, 255, 0.910);
543
+ --color-mauveA-1: rgba(85, 0, 85, 0.012);
544
+ --color-mauveA-2: rgba(43, 0, 85, 0.024);
545
+ --color-mauveA-3: rgba(48, 0, 64, 0.063);
546
+ --color-mauveA-4: rgba(32, 0, 54, 0.094);
547
+ --color-mauveA-5: rgba(32, 0, 56, 0.125);
548
+ --color-mauveA-6: rgba(20, 0, 53, 0.153);
549
+ --color-mauveA-7: rgba(16, 0, 51, 0.196);
550
+ --color-mauveA-8: rgba(8, 0, 49, 0.271);
551
+ --color-mauveA-9: rgba(5, 0, 29, 0.451);
552
+ --color-mauveA-10: rgba(5, 0, 25, 0.49);
553
+ --color-mauveA-11: rgba(4, 0, 17, 0.612);
554
+ --color-mauveA-12: rgba(2, 0, 8, 0.878);
555
+ --color-grayA-1: rgba(0, 0, 0, 0.012);
556
+ --color-grayA-2: rgba(0, 0, 0, 0.024);
557
+ --color-grayA-3: rgba(0, 0, 0, 0.059);
558
+ --color-grayA-4: rgba(0, 0, 0, 0.09);
559
+ --color-grayA-5: rgba(0, 0, 0, 0.122);
560
+ --color-grayA-6: rgba(0, 0, 0, 0.149);
561
+ --color-grayA-7: rgba(0, 0, 0, 0.192);
562
+ --color-grayA-8: rgba(0, 0, 0, 0.267);
563
+ --color-grayA-9: rgba(0, 0, 0, 0.447);
564
+ --color-grayA-10: rgba(0, 0, 0, 0.486);
565
+ --color-grayA-11: rgba(0, 0, 0, 0.608);
566
+ --color-grayA-12: rgba(0, 0, 0, 0.875);
567
+ --color-sandA-1: rgba(85, 85, 0, 0.012);
568
+ --color-sandA-2: rgba(37, 37, 0, 0.027);
569
+ --color-sandA-3: rgba(32, 16, 0, 0.063);
570
+ --color-sandA-4: rgba(31, 21, 0, 0.098);
571
+ --color-sandA-5: rgba(31, 24, 0, 0.129);
572
+ --color-sandA-6: rgba(25, 19, 0, 0.161);
573
+ --color-sandA-7: rgba(25, 20, 0, 0.208);
574
+ --color-sandA-8: rgba(25, 21, 1, 0.29);
575
+ --color-sandA-9: rgba(15, 15, 0, 0.475);
576
+ --color-sandA-10: rgba(12, 12, 0, 0.514);
577
+ --color-sandA-11: rgba(8, 8, 0, 0.631);
578
+ --color-sandA-12: rgba(6, 5, 0, 0.89);
579
+ --color-sageA-1: rgba(0, 128, 64, 0.016);
580
+ --color-sageA-2: rgba(0, 64, 32, 0.031);
581
+ --color-sageA-3: rgba(0, 45, 30, 0.067);
582
+ --color-sageA-4: rgba(0, 31, 21, 0.098);
583
+ --color-sageA-5: rgba(0, 24, 8, 0.125);
584
+ --color-sageA-6: rgba(0, 20, 13, 0.157);
585
+ --color-sageA-7: rgba(0, 20, 10, 0.204);
586
+ --color-sageA-8: rgba(0, 15, 8, 0.278);
587
+ --color-sageA-9: rgba(0, 17, 11, 0.475);
588
+ --color-sageA-10: rgba(0, 16, 10, 0.514);
589
+ --color-sageA-11: rgba(0, 10, 7, 0.627);
590
+ --color-sageA-12: rgba(0, 8, 5, 0.898);
591
+ --color-mauveDarkA-1: rgba(0, 0, 0, 0.0);
592
+ --color-mauveDarkA-2: rgba(245, 244, 246, 0.035);
593
+ --color-mauveDarkA-3: rgba(235, 234, 248, 0.078);
594
+ --color-mauveDarkA-4: rgba(238, 229, 248, 0.114);
595
+ --color-mauveDarkA-5: rgba(239, 230, 254, 0.145);
596
+ --color-mauveDarkA-6: rgba(241, 230, 253, 0.188);
597
+ --color-mauveDarkA-7: rgba(238, 233, 255, 0.251);
598
+ --color-mauveDarkA-8: rgba(238, 231, 255, 0.365);
599
+ --color-mauveDarkA-9: rgba(234, 230, 253, 0.431);
600
+ --color-mauveDarkA-10: rgba(236, 233, 253, 0.486);
601
+ --color-mauveDarkA-11: rgba(245, 241, 255, 0.718);
602
+ --color-mauveDarkA-12: rgba(253, 253, 255, 0.937);
603
+ --color-grayDarkA-1: rgba(0, 0, 0, 0.0);
604
+ --color-grayDarkA-2: rgba(255, 255, 255, 0.035);
605
+ --color-grayDarkA-3: rgba(255, 255, 255, 0.071);
606
+ --color-grayDarkA-4: rgba(255, 255, 255, 0.106);
607
+ --color-grayDarkA-5: rgba(255, 255, 255, 0.133);
608
+ --color-grayDarkA-6: rgba(255, 255, 255, 0.173);
609
+ --color-grayDarkA-7: rgba(255, 255, 255, 0.231);
610
+ --color-grayDarkA-8: rgba(255, 255, 255, 0.333);
611
+ --color-grayDarkA-9: rgba(255, 255, 255, 0.392);
612
+ --color-grayDarkA-10: rgba(255, 255, 255, 0.447);
613
+ --color-grayDarkA-11: rgba(255, 255, 255, 0.686);
614
+ --color-grayDarkA-12: rgba(255, 255, 255, 0.929);
615
+ --color-sandDarkA-1: rgba(0, 0, 0, 0.0);
616
+ --color-sandDarkA-2: rgba(244, 244, 243, 0.035);
617
+ --color-sandDarkA-3: rgba(246, 246, 245, 0.075);
618
+ --color-sandDarkA-4: rgba(254, 254, 243, 0.106);
619
+ --color-sandDarkA-5: rgba(251, 251, 235, 0.137);
620
+ --color-sandDarkA-6: rgba(255, 250, 237, 0.176);
621
+ --color-sandDarkA-7: rgba(255, 251, 237, 0.235);
622
+ --color-sandDarkA-8: rgba(255, 249, 235, 0.341);
623
+ --color-sandDarkA-9: rgba(255, 250, 233, 0.396);
624
+ --color-sandDarkA-10: rgba(255, 253, 238, 0.451);
625
+ --color-sandDarkA-11: rgba(255, 252, 244, 0.69);
626
+ --color-sandDarkA-12: rgba(255, 255, 253, 0.929);
627
+ --color-sageDarkA-1: rgba(0, 0, 0, 0.0);
628
+ --color-sageDarkA-2: rgba(240, 242, 241, 0.031);
629
+ --color-sageDarkA-3: rgba(243, 245, 244, 0.071);
630
+ --color-sageDarkA-4: rgba(242, 254, 253, 0.102);
631
+ --color-sageDarkA-5: rgba(241, 251, 250, 0.133);
632
+ --color-sageDarkA-6: rgba(237, 251, 244, 0.176);
633
+ --color-sageDarkA-7: rgba(237, 252, 247, 0.235);
634
+ --color-sageDarkA-8: rgba(235, 253, 246, 0.341);
635
+ --color-sageDarkA-9: rgba(223, 253, 242, 0.4);
636
+ --color-sageDarkA-10: rgba(229, 253, 246, 0.455);
637
+ --color-sageDarkA-11: rgba(244, 254, 251, 0.69);
638
+ --color-sageDarkA-12: rgba(253, 255, 254, 0.929);
543
639
  --color-grayDark-1: #111111;
544
640
  --color-grayDark-2: #191919;
545
641
  --color-grayDark-3: #222222;
@@ -917,8 +1013,8 @@
917
1013
  --color-surface-level1: #2a2a24;
918
1014
  --color-surface-level2: #23231e;
919
1015
  --color-surface-level3: #161615;
920
- --color-surface-hover: #1c1c19;
921
- --color-surface-pressed: #161615;
1016
+ --color-surface-hover: rgba(244, 244, 243, 0.035);
1017
+ --color-surface-pressed: rgba(246, 246, 245, 0.075);
922
1018
  --color-surface-backdrop: rgba(0, 0, 0, 0.565);
923
1019
  --color-surface-inverse: #e9e9e8;
924
1020
  --color-surface-white: #ffffff;
@@ -981,6 +1077,18 @@
981
1077
  --alias-color-neutral-alpha-7: rgba(0, 0, 0, 0.565);
982
1078
  --alias-color-neutral-alpha-8: rgba(0, 0, 0, 0.910);
983
1079
  --alias-color-neutral-alpha-9: rgba(0, 0, 0, 0.910);
1080
+ --alias-color-neutral-alphaHued-1: rgba(0, 0, 0, 0.0);
1081
+ --alias-color-neutral-alphaHued-2: rgba(244, 244, 243, 0.035);
1082
+ --alias-color-neutral-alphaHued-3: rgba(246, 246, 245, 0.075);
1083
+ --alias-color-neutral-alphaHued-4: rgba(254, 254, 243, 0.106);
1084
+ --alias-color-neutral-alphaHued-5: rgba(251, 251, 235, 0.137);
1085
+ --alias-color-neutral-alphaHued-6: rgba(255, 250, 237, 0.176);
1086
+ --alias-color-neutral-alphaHued-7: rgba(255, 251, 237, 0.235);
1087
+ --alias-color-neutral-alphaHued-8: rgba(255, 249, 235, 0.341);
1088
+ --alias-color-neutral-alphaHued-9: rgba(255, 250, 233, 0.396);
1089
+ --alias-color-neutral-alphaHued-10: rgba(255, 253, 238, 0.451);
1090
+ --alias-color-neutral-alphaHued-11: rgba(255, 252, 244, 0.69);
1091
+ --alias-color-neutral-alphaHued-12: rgba(255, 255, 253, 0.929);
984
1092
  --alias-color-brand-primary-regular: #f76b15;
985
1093
  --alias-color-brand-primary-contrast: #ffe0c2;
986
1094
  --alias-color-brand-primary-muted: #331e0b;
@@ -1548,7 +1656,7 @@
1548
1656
  --menu-item-color-default-background: transparent;
1549
1657
  --menu-item-color-default-foreground: #e9e9e8;
1550
1658
  --menu-item-color-default-icon: #63635a;
1551
- --menu-item-color-hover-background: #1c1c19;
1659
+ --menu-item-color-hover-background: rgba(244, 244, 243, 0.035);
1552
1660
  --menu-item-color-hover-foreground: #e9e9e8;
1553
1661
  --menu-item-color-hover-icon: #e9e9e8;
1554
1662
  --menu-item-color-focus-background: #7e451d;
@@ -1778,8 +1886,8 @@
1778
1886
  --datatable-row-background: #161615;
1779
1887
  --datatable-row-foreground: #e9e9e8;
1780
1888
  --datatable-row-border: #2a2a24;
1781
- --datatable-row-hover-background: #1c1c19;
1782
- --datatable-row-pressed-background: #161615;
1889
+ --datatable-row-hover-background: rgba(244, 244, 243, 0.035);
1890
+ --datatable-row-pressed-background: rgba(246, 246, 245, 0.075);
1783
1891
  --datatable-row-selected-background: #112840;
1784
1892
  --datatable-cell-padding-x-sm: 0.5rem;
1785
1893
  --datatable-cell-padding-x-md: 0.75rem;
package/dist/styles/tokens-bouwplan-light.css CHANGED
@@ -540,6 +540,102 @@
540
540
  --color-white-alpha-10: rgba(255, 255, 255, 0.478);
541
541
  --color-white-alpha-11: rgba(255, 255, 255, 0.565);
542
542
  --color-white-alpha-12: rgba(255, 255, 255, 0.910);
543
+ --color-mauveA-1: rgba(85, 0, 85, 0.012);
544
+ --color-mauveA-2: rgba(43, 0, 85, 0.024);
545
+ --color-mauveA-3: rgba(48, 0, 64, 0.063);
546
+ --color-mauveA-4: rgba(32, 0, 54, 0.094);
547
+ --color-mauveA-5: rgba(32, 0, 56, 0.125);
548
+ --color-mauveA-6: rgba(20, 0, 53, 0.153);
549
+ --color-mauveA-7: rgba(16, 0, 51, 0.196);
550
+ --color-mauveA-8: rgba(8, 0, 49, 0.271);
551
+ --color-mauveA-9: rgba(5, 0, 29, 0.451);
552
+ --color-mauveA-10: rgba(5, 0, 25, 0.49);
553
+ --color-mauveA-11: rgba(4, 0, 17, 0.612);
554
+ --color-mauveA-12: rgba(2, 0, 8, 0.878);
555
+ --color-grayA-1: rgba(0, 0, 0, 0.012);
556
+ --color-grayA-2: rgba(0, 0, 0, 0.024);
557
+ --color-grayA-3: rgba(0, 0, 0, 0.059);
558
+ --color-grayA-4: rgba(0, 0, 0, 0.09);
559
+ --color-grayA-5: rgba(0, 0, 0, 0.122);
560
+ --color-grayA-6: rgba(0, 0, 0, 0.149);
561
+ --color-grayA-7: rgba(0, 0, 0, 0.192);
562
+ --color-grayA-8: rgba(0, 0, 0, 0.267);
563
+ --color-grayA-9: rgba(0, 0, 0, 0.447);
564
+ --color-grayA-10: rgba(0, 0, 0, 0.486);
565
+ --color-grayA-11: rgba(0, 0, 0, 0.608);
566
+ --color-grayA-12: rgba(0, 0, 0, 0.875);
567
+ --color-sandA-1: rgba(85, 85, 0, 0.012);
568
+ --color-sandA-2: rgba(37, 37, 0, 0.027);
569
+ --color-sandA-3: rgba(32, 16, 0, 0.063);
570
+ --color-sandA-4: rgba(31, 21, 0, 0.098);
571
+ --color-sandA-5: rgba(31, 24, 0, 0.129);
572
+ --color-sandA-6: rgba(25, 19, 0, 0.161);
573
+ --color-sandA-7: rgba(25, 20, 0, 0.208);
574
+ --color-sandA-8: rgba(25, 21, 1, 0.29);
575
+ --color-sandA-9: rgba(15, 15, 0, 0.475);
576
+ --color-sandA-10: rgba(12, 12, 0, 0.514);
577
+ --color-sandA-11: rgba(8, 8, 0, 0.631);
578
+ --color-sandA-12: rgba(6, 5, 0, 0.89);
579
+ --color-sageA-1: rgba(0, 128, 64, 0.016);
580
+ --color-sageA-2: rgba(0, 64, 32, 0.031);
581
+ --color-sageA-3: rgba(0, 45, 30, 0.067);
582
+ --color-sageA-4: rgba(0, 31, 21, 0.098);
583
+ --color-sageA-5: rgba(0, 24, 8, 0.125);
584
+ --color-sageA-6: rgba(0, 20, 13, 0.157);
585
+ --color-sageA-7: rgba(0, 20, 10, 0.204);
586
+ --color-sageA-8: rgba(0, 15, 8, 0.278);
587
+ --color-sageA-9: rgba(0, 17, 11, 0.475);
588
+ --color-sageA-10: rgba(0, 16, 10, 0.514);
589
+ --color-sageA-11: rgba(0, 10, 7, 0.627);
590
+ --color-sageA-12: rgba(0, 8, 5, 0.898);
591
+ --color-mauveDarkA-1: rgba(0, 0, 0, 0.0);
592
+ --color-mauveDarkA-2: rgba(245, 244, 246, 0.035);
593
+ --color-mauveDarkA-3: rgba(235, 234, 248, 0.078);
594
+ --color-mauveDarkA-4: rgba(238, 229, 248, 0.114);
595
+ --color-mauveDarkA-5: rgba(239, 230, 254, 0.145);
596
+ --color-mauveDarkA-6: rgba(241, 230, 253, 0.188);
597
+ --color-mauveDarkA-7: rgba(238, 233, 255, 0.251);
598
+ --color-mauveDarkA-8: rgba(238, 231, 255, 0.365);
599
+ --color-mauveDarkA-9: rgba(234, 230, 253, 0.431);
600
+ --color-mauveDarkA-10: rgba(236, 233, 253, 0.486);
601
+ --color-mauveDarkA-11: rgba(245, 241, 255, 0.718);
602
+ --color-mauveDarkA-12: rgba(253, 253, 255, 0.937);
603
+ --color-grayDarkA-1: rgba(0, 0, 0, 0.0);
604
+ --color-grayDarkA-2: rgba(255, 255, 255, 0.035);
605
+ --color-grayDarkA-3: rgba(255, 255, 255, 0.071);
606
+ --color-grayDarkA-4: rgba(255, 255, 255, 0.106);
607
+ --color-grayDarkA-5: rgba(255, 255, 255, 0.133);
608
+ --color-grayDarkA-6: rgba(255, 255, 255, 0.173);
609
+ --color-grayDarkA-7: rgba(255, 255, 255, 0.231);
610
+ --color-grayDarkA-8: rgba(255, 255, 255, 0.333);
611
+ --color-grayDarkA-9: rgba(255, 255, 255, 0.392);
612
+ --color-grayDarkA-10: rgba(255, 255, 255, 0.447);
613
+ --color-grayDarkA-11: rgba(255, 255, 255, 0.686);
614
+ --color-grayDarkA-12: rgba(255, 255, 255, 0.929);
615
+ --color-sandDarkA-1: rgba(0, 0, 0, 0.0);
616
+ --color-sandDarkA-2: rgba(244, 244, 243, 0.035);
617
+ --color-sandDarkA-3: rgba(246, 246, 245, 0.075);
618
+ --color-sandDarkA-4: rgba(254, 254, 243, 0.106);
619
+ --color-sandDarkA-5: rgba(251, 251, 235, 0.137);
620
+ --color-sandDarkA-6: rgba(255, 250, 237, 0.176);
621
+ --color-sandDarkA-7: rgba(255, 251, 237, 0.235);
622
+ --color-sandDarkA-8: rgba(255, 249, 235, 0.341);
623
+ --color-sandDarkA-9: rgba(255, 250, 233, 0.396);
624
+ --color-sandDarkA-10: rgba(255, 253, 238, 0.451);
625
+ --color-sandDarkA-11: rgba(255, 252, 244, 0.69);
626
+ --color-sandDarkA-12: rgba(255, 255, 253, 0.929);
627
+ --color-sageDarkA-1: rgba(0, 0, 0, 0.0);
628
+ --color-sageDarkA-2: rgba(240, 242, 241, 0.031);
629
+ --color-sageDarkA-3: rgba(243, 245, 244, 0.071);
630
+ --color-sageDarkA-4: rgba(242, 254, 253, 0.102);
631
+ --color-sageDarkA-5: rgba(241, 251, 250, 0.133);
632
+ --color-sageDarkA-6: rgba(237, 251, 244, 0.176);
633
+ --color-sageDarkA-7: rgba(237, 252, 247, 0.235);
634
+ --color-sageDarkA-8: rgba(235, 253, 246, 0.341);
635
+ --color-sageDarkA-9: rgba(223, 253, 242, 0.4);
636
+ --color-sageDarkA-10: rgba(229, 253, 246, 0.455);
637
+ --color-sageDarkA-11: rgba(244, 254, 251, 0.69);
638
+ --color-sageDarkA-12: rgba(253, 255, 254, 0.929);
543
639
  --color-grayDark-1: #111111;
544
640
  --color-grayDark-2: #191919;
545
641
  --color-grayDark-3: #222222;
@@ -917,8 +1013,8 @@
917
1013
  --color-surface-level1: #e9e8e6;
918
1014
  --color-surface-level2: #f1f0ef;
919
1015
  --color-surface-level3: #fdfdfc;
920
- --color-surface-hover: #f9f9f8;
921
- --color-surface-pressed: #fdfdfc;
1016
+ --color-surface-hover: rgba(37, 37, 0, 0.027);
1017
+ --color-surface-pressed: rgba(32, 16, 0, 0.063);
922
1018
  --color-surface-backdrop: rgba(0, 0, 0, 0.565);
923
1019
  --color-surface-inverse: #21201c;
924
1020
  --color-surface-white: #ffffff;
@@ -981,6 +1077,18 @@
981
1077
  --alias-color-neutral-alpha-7: rgba(0, 0, 0, 0.565);
982
1078
  --alias-color-neutral-alpha-8: rgba(0, 0, 0, 0.910);
983
1079
  --alias-color-neutral-alpha-9: rgba(0, 0, 0, 0.910);
1080
+ --alias-color-neutral-alphaHued-1: rgba(85, 85, 0, 0.012);
1081
+ --alias-color-neutral-alphaHued-2: rgba(37, 37, 0, 0.027);
1082
+ --alias-color-neutral-alphaHued-3: rgba(32, 16, 0, 0.063);
1083
+ --alias-color-neutral-alphaHued-4: rgba(31, 21, 0, 0.098);
1084
+ --alias-color-neutral-alphaHued-5: rgba(31, 24, 0, 0.129);
1085
+ --alias-color-neutral-alphaHued-6: rgba(25, 19, 0, 0.161);
1086
+ --alias-color-neutral-alphaHued-7: rgba(25, 20, 0, 0.208);
1087
+ --alias-color-neutral-alphaHued-8: rgba(25, 21, 1, 0.29);
1088
+ --alias-color-neutral-alphaHued-9: rgba(15, 15, 0, 0.475);
1089
+ --alias-color-neutral-alphaHued-10: rgba(12, 12, 0, 0.514);
1090
+ --alias-color-neutral-alphaHued-11: rgba(8, 8, 0, 0.631);
1091
+ --alias-color-neutral-alphaHued-12: rgba(6, 5, 0, 0.89);
984
1092
  --alias-color-brand-primary-regular: #bd4b00;
985
1093
  --alias-color-brand-primary-contrast: #451e11;
986
1094
  --alias-color-brand-primary-muted: #fdeee5;
@@ -1548,7 +1656,7 @@
1548
1656
  --menu-item-color-default-background: transparent;
1549
1657
  --menu-item-color-default-foreground: #21201c;
1550
1658
  --menu-item-color-default-icon: #8d8d86;
1551
- --menu-item-color-hover-background: #f9f9f8;
1659
+ --menu-item-color-hover-background: rgba(37, 37, 0, 0.027);
1552
1660
  --menu-item-color-hover-foreground: #21201c;
1553
1661
  --menu-item-color-hover-icon: #21201c;
1554
1662
  --menu-item-color-focus-background: #ed7d5b;
@@ -1778,8 +1886,8 @@
1778
1886
  --datatable-row-background: #fdfdfc;
1779
1887
  --datatable-row-foreground: #21201c;
1780
1888
  --datatable-row-border: #e9e8e6;
1781
- --datatable-row-hover-background: #f9f9f8;
1782
- --datatable-row-pressed-background: #fdfdfc;
1889
+ --datatable-row-hover-background: rgba(37, 37, 0, 0.027);
1890
+ --datatable-row-pressed-background: rgba(32, 16, 0, 0.063);
1783
1891
  --datatable-row-selected-background: #e1f6fd;
1784
1892
  --datatable-cell-padding-x-sm: 0.5rem;
1785
1893
  --datatable-cell-padding-x-md: 0.75rem;
package/dist/styles/tokens-fscl-dark.css CHANGED
@@ -540,6 +540,102 @@
540
540
  --color-white-alpha-10: rgba(255, 255, 255, 0.478);
541
541
  --color-white-alpha-11: rgba(255, 255, 255, 0.565);
542
542
  --color-white-alpha-12: rgba(255, 255, 255, 0.910);
543
+ --color-mauveA-1: rgba(85, 0, 85, 0.012);
544
+ --color-mauveA-2: rgba(43, 0, 85, 0.024);
545
+ --color-mauveA-3: rgba(48, 0, 64, 0.063);
546
+ --color-mauveA-4: rgba(32, 0, 54, 0.094);
547
+ --color-mauveA-5: rgba(32, 0, 56, 0.125);
548
+ --color-mauveA-6: rgba(20, 0, 53, 0.153);
549
+ --color-mauveA-7: rgba(16, 0, 51, 0.196);
550
+ --color-mauveA-8: rgba(8, 0, 49, 0.271);
551
+ --color-mauveA-9: rgba(5, 0, 29, 0.451);
552
+ --color-mauveA-10: rgba(5, 0, 25, 0.49);
553
+ --color-mauveA-11: rgba(4, 0, 17, 0.612);
554
+ --color-mauveA-12: rgba(2, 0, 8, 0.878);
555
+ --color-grayA-1: rgba(0, 0, 0, 0.012);
556
+ --color-grayA-2: rgba(0, 0, 0, 0.024);
557
+ --color-grayA-3: rgba(0, 0, 0, 0.059);
558
+ --color-grayA-4: rgba(0, 0, 0, 0.09);
559
+ --color-grayA-5: rgba(0, 0, 0, 0.122);
560
+ --color-grayA-6: rgba(0, 0, 0, 0.149);
561
+ --color-grayA-7: rgba(0, 0, 0, 0.192);
562
+ --color-grayA-8: rgba(0, 0, 0, 0.267);
563
+ --color-grayA-9: rgba(0, 0, 0, 0.447);
564
+ --color-grayA-10: rgba(0, 0, 0, 0.486);
565
+ --color-grayA-11: rgba(0, 0, 0, 0.608);
566
+ --color-grayA-12: rgba(0, 0, 0, 0.875);
567
+ --color-sandA-1: rgba(85, 85, 0, 0.012);
568
+ --color-sandA-2: rgba(37, 37, 0, 0.027);
569
+ --color-sandA-3: rgba(32, 16, 0, 0.063);
570
+ --color-sandA-4: rgba(31, 21, 0, 0.098);
571
+ --color-sandA-5: rgba(31, 24, 0, 0.129);
572
+ --color-sandA-6: rgba(25, 19, 0, 0.161);
573
+ --color-sandA-7: rgba(25, 20, 0, 0.208);
574
+ --color-sandA-8: rgba(25, 21, 1, 0.29);
575
+ --color-sandA-9: rgba(15, 15, 0, 0.475);
576
+ --color-sandA-10: rgba(12, 12, 0, 0.514);
577
+ --color-sandA-11: rgba(8, 8, 0, 0.631);
578
+ --color-sandA-12: rgba(6, 5, 0, 0.89);
579
+ --color-sageA-1: rgba(0, 128, 64, 0.016);
580
+ --color-sageA-2: rgba(0, 64, 32, 0.031);
581
+ --color-sageA-3: rgba(0, 45, 30, 0.067);
582
+ --color-sageA-4: rgba(0, 31, 21, 0.098);
583
+ --color-sageA-5: rgba(0, 24, 8, 0.125);
584
+ --color-sageA-6: rgba(0, 20, 13, 0.157);
585
+ --color-sageA-7: rgba(0, 20, 10, 0.204);
586
+ --color-sageA-8: rgba(0, 15, 8, 0.278);
587
+ --color-sageA-9: rgba(0, 17, 11, 0.475);
588
+ --color-sageA-10: rgba(0, 16, 10, 0.514);
589
+ --color-sageA-11: rgba(0, 10, 7, 0.627);
590
+ --color-sageA-12: rgba(0, 8, 5, 0.898);
591
+ --color-mauveDarkA-1: rgba(0, 0, 0, 0.0);
592
+ --color-mauveDarkA-2: rgba(245, 244, 246, 0.035);
593
+ --color-mauveDarkA-3: rgba(235, 234, 248, 0.078);
594
+ --color-mauveDarkA-4: rgba(238, 229, 248, 0.114);
595
+ --color-mauveDarkA-5: rgba(239, 230, 254, 0.145);
596
+ --color-mauveDarkA-6: rgba(241, 230, 253, 0.188);
597
+ --color-mauveDarkA-7: rgba(238, 233, 255, 0.251);
598
+ --color-mauveDarkA-8: rgba(238, 231, 255, 0.365);
599
+ --color-mauveDarkA-9: rgba(234, 230, 253, 0.431);
600
+ --color-mauveDarkA-10: rgba(236, 233, 253, 0.486);
601
+ --color-mauveDarkA-11: rgba(245, 241, 255, 0.718);
602
+ --color-mauveDarkA-12: rgba(253, 253, 255, 0.937);
603
+ --color-grayDarkA-1: rgba(0, 0, 0, 0.0);
604
+ --color-grayDarkA-2: rgba(255, 255, 255, 0.035);
605
+ --color-grayDarkA-3: rgba(255, 255, 255, 0.071);
606
+ --color-grayDarkA-4: rgba(255, 255, 255, 0.106);
607
+ --color-grayDarkA-5: rgba(255, 255, 255, 0.133);
608
+ --color-grayDarkA-6: rgba(255, 255, 255, 0.173);
609
+ --color-grayDarkA-7: rgba(255, 255, 255, 0.231);
610
+ --color-grayDarkA-8: rgba(255, 255, 255, 0.333);
611
+ --color-grayDarkA-9: rgba(255, 255, 255, 0.392);
612
+ --color-grayDarkA-10: rgba(255, 255, 255, 0.447);
613
+ --color-grayDarkA-11: rgba(255, 255, 255, 0.686);
614
+ --color-grayDarkA-12: rgba(255, 255, 255, 0.929);
615
+ --color-sandDarkA-1: rgba(0, 0, 0, 0.0);
616
+ --color-sandDarkA-2: rgba(244, 244, 243, 0.035);
617
+ --color-sandDarkA-3: rgba(246, 246, 245, 0.075);
618
+ --color-sandDarkA-4: rgba(254, 254, 243, 0.106);
619
+ --color-sandDarkA-5: rgba(251, 251, 235, 0.137);
620
+ --color-sandDarkA-6: rgba(255, 250, 237, 0.176);
621
+ --color-sandDarkA-7: rgba(255, 251, 237, 0.235);
622
+ --color-sandDarkA-8: rgba(255, 249, 235, 0.341);
623
+ --color-sandDarkA-9: rgba(255, 250, 233, 0.396);
624
+ --color-sandDarkA-10: rgba(255, 253, 238, 0.451);
625
+ --color-sandDarkA-11: rgba(255, 252, 244, 0.69);
626
+ --color-sandDarkA-12: rgba(255, 255, 253, 0.929);
627
+ --color-sageDarkA-1: rgba(0, 0, 0, 0.0);
628
+ --color-sageDarkA-2: rgba(240, 242, 241, 0.031);
629
+ --color-sageDarkA-3: rgba(243, 245, 244, 0.071);
630
+ --color-sageDarkA-4: rgba(242, 254, 253, 0.102);
631
+ --color-sageDarkA-5: rgba(241, 251, 250, 0.133);
632
+ --color-sageDarkA-6: rgba(237, 251, 244, 0.176);
633
+ --color-sageDarkA-7: rgba(237, 252, 247, 0.235);
634
+ --color-sageDarkA-8: rgba(235, 253, 246, 0.341);
635
+ --color-sageDarkA-9: rgba(223, 253, 242, 0.4);
636
+ --color-sageDarkA-10: rgba(229, 253, 246, 0.455);
637
+ --color-sageDarkA-11: rgba(244, 254, 251, 0.69);
638
+ --color-sageDarkA-12: rgba(253, 255, 254, 0.929);
543
639
  --color-grayDark-1: #111111;
544
640
  --color-grayDark-2: #191919;
545
641
  --color-grayDark-3: #222222;
@@ -917,8 +1013,8 @@
917
1013
  --color-surface-level1: #252925;
918
1014
  --color-surface-level2: #1f231f;
919
1015
  --color-surface-level3: #151716;
920
- --color-surface-hover: #1a1d1a;
921
- --color-surface-pressed: #151716;
1016
+ --color-surface-hover: rgba(240, 242, 241, 0.031);
1017
+ --color-surface-pressed: rgba(243, 245, 244, 0.071);
922
1018
  --color-surface-backdrop: rgba(0, 0, 0, 0.565);
923
1019
  --color-surface-inverse: #e9ebe9;
924
1020
  --color-surface-white: #ffffff;
@@ -981,6 +1077,18 @@
981
1077
  --alias-color-neutral-alpha-7: rgba(0, 0, 0, 0.565);
982
1078
  --alias-color-neutral-alpha-8: rgba(0, 0, 0, 0.910);
983
1079
  --alias-color-neutral-alpha-9: rgba(0, 0, 0, 0.910);
1080
+ --alias-color-neutral-alphaHued-1: rgba(0, 0, 0, 0.0);
1081
+ --alias-color-neutral-alphaHued-2: rgba(240, 242, 241, 0.031);
1082
+ --alias-color-neutral-alphaHued-3: rgba(243, 245, 244, 0.071);
1083
+ --alias-color-neutral-alphaHued-4: rgba(242, 254, 253, 0.102);
1084
+ --alias-color-neutral-alphaHued-5: rgba(241, 251, 250, 0.133);
1085
+ --alias-color-neutral-alphaHued-6: rgba(237, 251, 244, 0.176);
1086
+ --alias-color-neutral-alphaHued-7: rgba(237, 252, 247, 0.235);
1087
+ --alias-color-neutral-alphaHued-8: rgba(235, 253, 246, 0.341);
1088
+ --alias-color-neutral-alphaHued-9: rgba(223, 253, 242, 0.4);
1089
+ --alias-color-neutral-alphaHued-10: rgba(229, 253, 246, 0.455);
1090
+ --alias-color-neutral-alphaHued-11: rgba(244, 254, 251, 0.69);
1091
+ --alias-color-neutral-alphaHued-12: rgba(253, 255, 254, 0.929);
984
1092
  --alias-color-brand-primary-regular: #696256;
985
1093
  --alias-color-brand-primary-contrast: #e8e2d9;
986
1094
  --alias-color-brand-primary-muted: #24231f;
@@ -1548,7 +1656,7 @@
1548
1656
  --menu-item-color-default-background: transparent;
1549
1657
  --menu-item-color-default-foreground: #e9ebe9;
1550
1658
  --menu-item-color-default-icon: #5a605a;
1551
- --menu-item-color-hover-background: #1a1d1a;
1659
+ --menu-item-color-hover-background: rgba(240, 242, 241, 0.031);
1552
1660
  --menu-item-color-hover-foreground: #e9ebe9;
1553
1661
  --menu-item-color-hover-icon: #e9ebe9;
1554
1662
  --menu-item-color-focus-background: #5c3d05;
@@ -1778,8 +1886,8 @@
1778
1886
  --datatable-row-background: #151716;
1779
1887
  --datatable-row-foreground: #e9ebe9;
1780
1888
  --datatable-row-border: #252925;
1781
- --datatable-row-hover-background: #1a1d1a;
1782
- --datatable-row-pressed-background: #151716;
1889
+ --datatable-row-hover-background: rgba(240, 242, 241, 0.031);
1890
+ --datatable-row-pressed-background: rgba(243, 245, 244, 0.071);
1783
1891
  --datatable-row-selected-background: #0d2847;
1784
1892
  --datatable-cell-padding-x-sm: 0.5rem;
1785
1893
  --datatable-cell-padding-x-md: 0.75rem;
package/dist/styles/tokens-fscl-light.css CHANGED
@@ -540,6 +540,102 @@
540
540
  --color-white-alpha-10: rgba(255, 255, 255, 0.478);
541
541
  --color-white-alpha-11: rgba(255, 255, 255, 0.565);
542
542
  --color-white-alpha-12: rgba(255, 255, 255, 0.910);
543
+ --color-mauveA-1: rgba(85, 0, 85, 0.012);
544
+ --color-mauveA-2: rgba(43, 0, 85, 0.024);
545
+ --color-mauveA-3: rgba(48, 0, 64, 0.063);
546
+ --color-mauveA-4: rgba(32, 0, 54, 0.094);
547
+ --color-mauveA-5: rgba(32, 0, 56, 0.125);
548
+ --color-mauveA-6: rgba(20, 0, 53, 0.153);
549
+ --color-mauveA-7: rgba(16, 0, 51, 0.196);
550
+ --color-mauveA-8: rgba(8, 0, 49, 0.271);
551
+ --color-mauveA-9: rgba(5, 0, 29, 0.451);
552
+ --color-mauveA-10: rgba(5, 0, 25, 0.49);
553
+ --color-mauveA-11: rgba(4, 0, 17, 0.612);
554
+ --color-mauveA-12: rgba(2, 0, 8, 0.878);
555
+ --color-grayA-1: rgba(0, 0, 0, 0.012);
556
+ --color-grayA-2: rgba(0, 0, 0, 0.024);
557
+ --color-grayA-3: rgba(0, 0, 0, 0.059);
558
+ --color-grayA-4: rgba(0, 0, 0, 0.09);
559
+ --color-grayA-5: rgba(0, 0, 0, 0.122);
560
+ --color-grayA-6: rgba(0, 0, 0, 0.149);
561
+ --color-grayA-7: rgba(0, 0, 0, 0.192);
562
+ --color-grayA-8: rgba(0, 0, 0, 0.267);
563
+ --color-grayA-9: rgba(0, 0, 0, 0.447);
564
+ --color-grayA-10: rgba(0, 0, 0, 0.486);
565
+ --color-grayA-11: rgba(0, 0, 0, 0.608);
566
+ --color-grayA-12: rgba(0, 0, 0, 0.875);
567
+ --color-sandA-1: rgba(85, 85, 0, 0.012);
568
+ --color-sandA-2: rgba(37, 37, 0, 0.027);
569
+ --color-sandA-3: rgba(32, 16, 0, 0.063);
570
+ --color-sandA-4: rgba(31, 21, 0, 0.098);
571
+ --color-sandA-5: rgba(31, 24, 0, 0.129);
572
+ --color-sandA-6: rgba(25, 19, 0, 0.161);
573
+ --color-sandA-7: rgba(25, 20, 0, 0.208);
574
+ --color-sandA-8: rgba(25, 21, 1, 0.29);
575
+ --color-sandA-9: rgba(15, 15, 0, 0.475);
576
+ --color-sandA-10: rgba(12, 12, 0, 0.514);
577
+ --color-sandA-11: rgba(8, 8, 0, 0.631);
578
+ --color-sandA-12: rgba(6, 5, 0, 0.89);
579
+ --color-sageA-1: rgba(0, 128, 64, 0.016);
580
+ --color-sageA-2: rgba(0, 64, 32, 0.031);
581
+ --color-sageA-3: rgba(0, 45, 30, 0.067);
582
+ --color-sageA-4: rgba(0, 31, 21, 0.098);
583
+ --color-sageA-5: rgba(0, 24, 8, 0.125);
584
+ --color-sageA-6: rgba(0, 20, 13, 0.157);
585
+ --color-sageA-7: rgba(0, 20, 10, 0.204);
586
+ --color-sageA-8: rgba(0, 15, 8, 0.278);
587
+ --color-sageA-9: rgba(0, 17, 11, 0.475);
588
+ --color-sageA-10: rgba(0, 16, 10, 0.514);
589
+ --color-sageA-11: rgba(0, 10, 7, 0.627);
590
+ --color-sageA-12: rgba(0, 8, 5, 0.898);
591
+ --color-mauveDarkA-1: rgba(0, 0, 0, 0.0);
592
+ --color-mauveDarkA-2: rgba(245, 244, 246, 0.035);
593
+ --color-mauveDarkA-3: rgba(235, 234, 248, 0.078);
594
+ --color-mauveDarkA-4: rgba(238, 229, 248, 0.114);
595
+ --color-mauveDarkA-5: rgba(239, 230, 254, 0.145);
596
+ --color-mauveDarkA-6: rgba(241, 230, 253, 0.188);
597
+ --color-mauveDarkA-7: rgba(238, 233, 255, 0.251);
598
+ --color-mauveDarkA-8: rgba(238, 231, 255, 0.365);
599
+ --color-mauveDarkA-9: rgba(234, 230, 253, 0.431);
600
+ --color-mauveDarkA-10: rgba(236, 233, 253, 0.486);
601
+ --color-mauveDarkA-11: rgba(245, 241, 255, 0.718);
602
+ --color-mauveDarkA-12: rgba(253, 253, 255, 0.937);
603
+ --color-grayDarkA-1: rgba(0, 0, 0, 0.0);
604
+ --color-grayDarkA-2: rgba(255, 255, 255, 0.035);
605
+ --color-grayDarkA-3: rgba(255, 255, 255, 0.071);
606
+ --color-grayDarkA-4: rgba(255, 255, 255, 0.106);
607
+ --color-grayDarkA-5: rgba(255, 255, 255, 0.133);
608
+ --color-grayDarkA-6: rgba(255, 255, 255, 0.173);
609
+ --color-grayDarkA-7: rgba(255, 255, 255, 0.231);
610
+ --color-grayDarkA-8: rgba(255, 255, 255, 0.333);
611
+ --color-grayDarkA-9: rgba(255, 255, 255, 0.392);
612
+ --color-grayDarkA-10: rgba(255, 255, 255, 0.447);
613
+ --color-grayDarkA-11: rgba(255, 255, 255, 0.686);
614
+ --color-grayDarkA-12: rgba(255, 255, 255, 0.929);
615
+ --color-sandDarkA-1: rgba(0, 0, 0, 0.0);
616
+ --color-sandDarkA-2: rgba(244, 244, 243, 0.035);
617
+ --color-sandDarkA-3: rgba(246, 246, 245, 0.075);
618
+ --color-sandDarkA-4: rgba(254, 254, 243, 0.106);
619
+ --color-sandDarkA-5: rgba(251, 251, 235, 0.137);
620
+ --color-sandDarkA-6: rgba(255, 250, 237, 0.176);
621
+ --color-sandDarkA-7: rgba(255, 251, 237, 0.235);
622
+ --color-sandDarkA-8: rgba(255, 249, 235, 0.341);
623
+ --color-sandDarkA-9: rgba(255, 250, 233, 0.396);
624
+ --color-sandDarkA-10: rgba(255, 253, 238, 0.451);
625
+ --color-sandDarkA-11: rgba(255, 252, 244, 0.69);
626
+ --color-sandDarkA-12: rgba(255, 255, 253, 0.929);
627
+ --color-sageDarkA-1: rgba(0, 0, 0, 0.0);
628
+ --color-sageDarkA-2: rgba(240, 242, 241, 0.031);
629
+ --color-sageDarkA-3: rgba(243, 245, 244, 0.071);
630
+ --color-sageDarkA-4: rgba(242, 254, 253, 0.102);
631
+ --color-sageDarkA-5: rgba(241, 251, 250, 0.133);
632
+ --color-sageDarkA-6: rgba(237, 251, 244, 0.176);
633
+ --color-sageDarkA-7: rgba(237, 252, 247, 0.235);
634
+ --color-sageDarkA-8: rgba(235, 253, 246, 0.341);
635
+ --color-sageDarkA-9: rgba(223, 253, 242, 0.4);
636
+ --color-sageDarkA-10: rgba(229, 253, 246, 0.455);
637
+ --color-sageDarkA-11: rgba(244, 254, 251, 0.69);
638
+ --color-sageDarkA-12: rgba(253, 255, 254, 0.929);
543
639
  --color-grayDark-1: #111111;
544
640
  --color-grayDark-2: #191919;
545
641
  --color-grayDark-3: #222222;
@@ -917,8 +1013,8 @@
917
1013
  --color-surface-level1: #e6e9e8;
918
1014
  --color-surface-level2: #eef1f0;
919
1015
  --color-surface-level3: #fbfdfc;
920
- --color-surface-hover: #f7f9f8;
921
- --color-surface-pressed: #fbfdfc;
1016
+ --color-surface-hover: rgba(0, 64, 32, 0.031);
1017
+ --color-surface-pressed: rgba(0, 45, 30, 0.067);
922
1018
  --color-surface-backdrop: rgba(0, 0, 0, 0.565);
923
1019
  --color-surface-inverse: #1a211e;
924
1020
  --color-surface-white: #ffffff;
@@ -981,6 +1077,18 @@
981
1077
  --alias-color-neutral-alpha-7: rgba(0, 0, 0, 0.565);
982
1078
  --alias-color-neutral-alpha-8: rgba(0, 0, 0, 0.910);
983
1079
  --alias-color-neutral-alpha-9: rgba(0, 0, 0, 0.910);
1080
+ --alias-color-neutral-alphaHued-1: rgba(0, 128, 64, 0.016);
1081
+ --alias-color-neutral-alphaHued-2: rgba(0, 64, 32, 0.031);
1082
+ --alias-color-neutral-alphaHued-3: rgba(0, 45, 30, 0.067);
1083
+ --alias-color-neutral-alphaHued-4: rgba(0, 31, 21, 0.098);
1084
+ --alias-color-neutral-alphaHued-5: rgba(0, 24, 8, 0.125);
1085
+ --alias-color-neutral-alphaHued-6: rgba(0, 20, 13, 0.157);
1086
+ --alias-color-neutral-alphaHued-7: rgba(0, 20, 10, 0.204);
1087
+ --alias-color-neutral-alphaHued-8: rgba(0, 15, 8, 0.278);
1088
+ --alias-color-neutral-alphaHued-9: rgba(0, 17, 11, 0.475);
1089
+ --alias-color-neutral-alphaHued-10: rgba(0, 16, 10, 0.514);
1090
+ --alias-color-neutral-alphaHued-11: rgba(0, 10, 7, 0.627);
1091
+ --alias-color-neutral-alphaHued-12: rgba(0, 8, 5, 0.898);
984
1092
  --alias-color-brand-primary-regular: #cac88e;
985
1093
  --alias-color-brand-primary-contrast: #3b352b;
986
1094
  --alias-color-brand-primary-muted: #f7f4e4;
@@ -1548,7 +1656,7 @@
1548
1656
  --menu-item-color-default-background: transparent;
1549
1657
  --menu-item-color-default-foreground: #1a211e;
1550
1658
  --menu-item-color-default-icon: #868e8b;
1551
- --menu-item-color-hover-background: #f7f9f8;
1659
+ --menu-item-color-hover-background: rgba(0, 64, 32, 0.031);
1552
1660
  --menu-item-color-hover-foreground: #1a211e;
1553
1661
  --menu-item-color-hover-icon: #1a211e;
1554
1662
  --menu-item-color-focus-background: #ffc53d;
@@ -1778,8 +1886,8 @@
1778
1886
  --datatable-row-background: #fbfdfc;
1779
1887
  --datatable-row-foreground: #1a211e;
1780
1888
  --datatable-row-border: #e6e9e8;
1781
- --datatable-row-hover-background: #f7f9f8;
1782
- --datatable-row-pressed-background: #fbfdfc;
1889
+ --datatable-row-hover-background: rgba(0, 64, 32, 0.031);
1890
+ --datatable-row-pressed-background: rgba(0, 45, 30, 0.067);
1783
1891
  --datatable-row-selected-background: #edf6ff;
1784
1892
  --datatable-cell-padding-x-sm: 0.5rem;
1785
1893
  --datatable-cell-padding-x-md: 0.75rem;