@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.1c002767

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 (123) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +1995 -3
  20. package/dist/build/schemas/shadowToken.js +27 -0
  21. package/dist/build/schemas/stringToken.d.ts +3 -3
  22. package/dist/build/schemas/tokenType.d.ts +1 -1
  23. package/dist/build/schemas/typographyToken.d.ts +3 -3
  24. package/dist/build/schemas/validTokenType.d.ts +1 -1
  25. package/dist/build/schemas/validTokenType.js +1 -0
  26. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  27. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  28. package/dist/build/transformers/gradientToCss.js +23 -0
  29. package/dist/build/transformers/index.d.ts +1 -0
  30. package/dist/build/transformers/index.js +1 -0
  31. package/dist/css/functional/themes/dark-colorblind.css +138 -8
  32. package/dist/css/functional/themes/dark-dimmed.css +138 -8
  33. package/dist/css/functional/themes/dark-high-contrast.css +150 -20
  34. package/dist/css/functional/themes/dark-tritanopia.css +138 -8
  35. package/dist/css/functional/themes/dark.css +138 -8
  36. package/dist/css/functional/themes/light-colorblind.css +138 -8
  37. package/dist/css/functional/themes/light-high-contrast.css +150 -20
  38. package/dist/css/functional/themes/light-tritanopia.css +138 -8
  39. package/dist/css/functional/themes/light.css +138 -8
  40. package/dist/css/primitives.css +0 -6
  41. package/dist/docs/functional/themes/dark-colorblind.json +13601 -2768
  42. package/dist/docs/functional/themes/dark-dimmed.json +13889 -2760
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15016 -2909
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13546 -2741
  45. package/dist/docs/functional/themes/dark.json +12052 -1345
  46. package/dist/docs/functional/themes/light-colorblind.json +13567 -2764
  47. package/dist/docs/functional/themes/light-high-contrast.json +15056 -3021
  48. package/dist/docs/functional/themes/light-tritanopia.json +13555 -2780
  49. package/dist/docs/functional/themes/light.json +12092 -1359
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6380 -5472
  52. package/dist/figma/themes/dark-dimmed.json +6453 -5214
  53. package/dist/figma/themes/dark-high-contrast.json +6402 -4025
  54. package/dist/figma/themes/dark-tritanopia.json +6364 -5490
  55. package/dist/figma/themes/dark.json +5560 -4791
  56. package/dist/figma/themes/light-colorblind.json +6285 -5324
  57. package/dist/figma/themes/light-high-contrast.json +6362 -3994
  58. package/dist/figma/themes/light-tritanopia.json +6282 -5352
  59. package/dist/figma/themes/light.json +6281 -5396
  60. package/dist/internalCss/dark-colorblind.css +138 -8
  61. package/dist/internalCss/dark-dimmed.css +138 -8
  62. package/dist/internalCss/dark-high-contrast.css +150 -20
  63. package/dist/internalCss/dark-tritanopia.css +138 -8
  64. package/dist/internalCss/dark.css +138 -8
  65. package/dist/internalCss/light-colorblind.css +138 -8
  66. package/dist/internalCss/light-high-contrast.css +150 -20
  67. package/dist/internalCss/light-tritanopia.css +138 -8
  68. package/dist/internalCss/light.css +138 -8
  69. package/dist/styleLint/functional/themes/dark-colorblind.json +13581 -2748
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +13905 -2776
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15028 -2921
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13587 -2782
  73. package/dist/styleLint/functional/themes/dark.json +12085 -1378
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13535 -2732
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15071 -3036
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13524 -2749
  77. package/dist/styleLint/functional/themes/light.json +12097 -1364
  78. package/package.json +1 -1
  79. package/src/tokens/component/avatar.json5 +33 -0
  80. package/src/tokens/component/button.json5 +1714 -0
  81. package/src/tokens/component/contribution.json5 +0 -37
  82. package/src/tokens/component/header.json5 +3 -0
  83. package/src/tokens/component/label.json5 +1942 -0
  84. package/src/tokens/component/menu.json5 +24 -0
  85. package/src/tokens/component/overlay.json5 +1 -1
  86. package/src/tokens/component/selectMenu.json5 +38 -0
  87. package/src/tokens/component/sideNav.json5 +22 -0
  88. package/src/tokens/component/treeView.json5 +24 -0
  89. package/src/tokens/component/underlineNav.json5 +56 -0
  90. package/src/tokens/functional/color/borderColor.json5 +8 -8
  91. package/src/tokens/functional/color/control.json5 +1087 -0
  92. package/src/tokens/functional/color/data-vis.json5 +911 -41
  93. package/src/tokens/functional/color/display.json5 +2170 -0
  94. package/src/tokens/functional/color/selection.json5 +22 -0
  95. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  96. package/dist/css/functional/motion/motion.css +0 -6
  97. package/dist/docs/functional/motion/motion.json +0 -66
  98. package/dist/fallbacks/functional/motion/motion.json +0 -6
  99. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  100. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  101. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  102. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  103. package/dist/figma/shadows/dark.json +0 -1152
  104. package/dist/figma/shadows/light-colorblind.json +0 -1052
  105. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  106. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  107. package/dist/figma/shadows/light.json +0 -1052
  108. package/dist/styleLint/functional/motion/motion.json +0 -66
  109. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  110. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  111. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  112. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  113. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  114. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  115. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  119. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  120. package/src/tokens/functional/motion/loading.json5 +0 -17
  121. package/src/tokens/functional/motion/patterns.json5 +0 -35
  122. package/src/tokens/functional/shadow/dark.json5 +0 -369
  123. package/src/tokens/functional/shadow/light.json5 +0 -363
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -125,16 +125,16 @@
125
125
  --color-prettylights-syntax-string-regexp: #024c1a;
126
126
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
127
127
  --color-prettylights-syntax-variable: #702c00;
128
- --contribution-default-bgColor-0: #e6eaef;
128
+ --contribution-default-bgColor-0: #eff2f5;
129
129
  --contribution-default-bgColor-1: #82e596;
130
130
  --contribution-default-bgColor-2: #26a148;
131
131
  --contribution-default-bgColor-3: #117f32;
132
132
  --contribution-default-bgColor-4: #024c1a;
133
- --contribution-default-borderColor-0: #010409;
134
- --contribution-default-borderColor-1: #010409;
135
- --contribution-default-borderColor-2: #010409;
136
- --contribution-default-borderColor-3: #010409;
137
- --contribution-default-borderColor-4: #010409;
133
+ --contribution-default-borderColor-0: #0104090d;
134
+ --contribution-default-borderColor-1: #0104090d;
135
+ --contribution-default-borderColor-2: #0104090d;
136
+ --contribution-default-borderColor-3: #0104090d;
137
+ --contribution-default-borderColor-4: #0104090d;
138
138
  --contribution-halloween-bgColor-1: #f0db3d;
139
139
  --contribution-halloween-bgColor-2: #ffd642;
140
140
  --contribution-halloween-bgColor-3: #f68c41;
@@ -161,14 +161,28 @@
161
161
  --data-auburn-color-muted: #f2e9e9;
162
162
  --data-blue-color-emphasis: #006edb;
163
163
  --data-blue-color-muted: #d1f0ff;
164
+ --data-brown-color-emphasis: #856d4c;
165
+ --data-brown-color-muted: #eeeae2;
166
+ --data-coral-color-emphasis: #d43511;
167
+ --data-coral-color-muted: #ffe5db;
164
168
  --data-gray-color-emphasis: #808fa3;
165
169
  --data-gray-color-muted: #e8ecf2;
166
170
  --data-green-color-emphasis: #30a147;
167
171
  --data-green-color-muted: #caf7ca;
172
+ --data-lemon-color-emphasis: #866e04;
173
+ --data-lemon-color-muted: #f7eea1;
174
+ --data-lime-color-emphasis: #527a29;
175
+ --data-lime-color-muted: #e3f2b5;
176
+ --data-olive-color-emphasis: #64762d;
177
+ --data-olive-color-muted: #f0f0ad;
168
178
  --data-orange-color-emphasis: #eb670f;
169
179
  --data-orange-color-muted: #ffe7d1;
180
+ --data-pine-color-emphasis: #167e53;
181
+ --data-pine-color-muted: #bff8db;
170
182
  --data-pink-color-emphasis: #ce2c85;
171
183
  --data-pink-color-muted: #ffe5f1;
184
+ --data-plum-color-emphasis: #a830e8;
185
+ --data-plum-color-muted: #f8e5ff;
172
186
  --data-purple-color-emphasis: #894ceb;
173
187
  --data-purple-color-muted: #f1e5ff;
174
188
  --data-red-color-emphasis: #df0c24;
@@ -413,7 +427,7 @@
413
427
  --selectMenu-bgColor-active: #9cd7ff;
414
428
  --selectMenu-borderColor: #ffffff00;
415
429
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
416
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
430
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
417
431
  --skeletonLoader-bgColor: #dae0e7;
418
432
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
419
433
  --underlineNav-borderColor-active: #cd3425;
@@ -528,6 +542,40 @@
528
542
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
529
543
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
530
544
  --counter-borderColor: var(--borderColor-default);
545
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
546
+ --data-auburn-color-gradientStop-2: #f2e9e900;
547
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
548
+ --data-blue-color-gradientStop-2: #d1f0ff00;
549
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
550
+ --data-brown-color-gradientStop-2: #eeeae200;
551
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
552
+ --data-coral-color-gradientStop-2: #ffe5db00;
553
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
554
+ --data-gray-color-gradientStop-2: #e8ecf200;
555
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
556
+ --data-green-color-gradientStop-2: #caf7ca00;
557
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
558
+ --data-lemon-color-gradientStop-2: #f7eea100;
559
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
560
+ --data-lime-color-gradientStop-2: #e3f2b500;
561
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
562
+ --data-olive-color-gradientStop-2: #f0f0ad00;
563
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
564
+ --data-orange-color-gradientStop-2: #ffe7d100;
565
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
566
+ --data-pine-color-gradientStop-2: #bff8db00;
567
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
568
+ --data-pink-color-gradientStop-2: #ffe5f100;
569
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
570
+ --data-plum-color-gradientStop-2: #f8e5ff00;
571
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
572
+ --data-purple-color-gradientStop-2: #f1e5ff00;
573
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
574
+ --data-red-color-gradientStop-2: #ffe2e000;
575
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
576
+ --data-teal-color-gradientStop-2: #c7f5ef00;
577
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
578
+ --data-yellow-color-gradientStop-2: #ffec9e00;
531
579
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
532
580
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
533
581
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -552,8 +600,8 @@
552
600
  --page-header-bgColor: var(--bgColor-muted);
553
601
  --selection-bgColor: #0349b433;
554
602
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
555
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
556
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
603
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
604
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
557
605
  --sideNav-bgColor-selected: #ffffff;
558
606
  --timelineBadge-bgColor: var(--bgColor-muted);
559
607
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -574,7 +622,6 @@
574
622
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
623
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
624
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
- --button-default-borderColor-hover: var(--control-borderColor-rest);
578
625
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
626
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
580
627
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -603,6 +650,23 @@
603
650
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
604
651
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
605
652
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
653
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
654
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
655
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
656
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
657
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
658
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
659
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
660
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
661
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
662
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
663
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
664
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
665
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
666
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
667
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
668
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
669
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
606
670
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
607
671
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
608
672
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -621,6 +685,7 @@
621
685
  --tooltip-fgColor: var(--fgColor-onEmphasis);
622
686
  --underlineNav-borderColor-hover: var(--borderColor-muted);
623
687
  --border-neutral-muted: 0.0625rem solid #454c54;
688
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
624
689
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
625
690
  }
626
691
  @media (prefers-color-scheme: dark) {
@@ -749,16 +814,16 @@
749
814
  --color-prettylights-syntax-string-regexp: #024c1a;
750
815
  --color-prettylights-syntax-sublimelinter-gutter-mark: #818b98;
751
816
  --color-prettylights-syntax-variable: #702c00;
752
- --contribution-default-bgColor-0: #e6eaef;
817
+ --contribution-default-bgColor-0: #eff2f5;
753
818
  --contribution-default-bgColor-1: #82e596;
754
819
  --contribution-default-bgColor-2: #26a148;
755
820
  --contribution-default-bgColor-3: #117f32;
756
821
  --contribution-default-bgColor-4: #024c1a;
757
- --contribution-default-borderColor-0: #010409;
758
- --contribution-default-borderColor-1: #010409;
759
- --contribution-default-borderColor-2: #010409;
760
- --contribution-default-borderColor-3: #010409;
761
- --contribution-default-borderColor-4: #010409;
822
+ --contribution-default-borderColor-0: #0104090d;
823
+ --contribution-default-borderColor-1: #0104090d;
824
+ --contribution-default-borderColor-2: #0104090d;
825
+ --contribution-default-borderColor-3: #0104090d;
826
+ --contribution-default-borderColor-4: #0104090d;
762
827
  --contribution-halloween-bgColor-1: #f0db3d;
763
828
  --contribution-halloween-bgColor-2: #ffd642;
764
829
  --contribution-halloween-bgColor-3: #f68c41;
@@ -785,14 +850,28 @@
785
850
  --data-auburn-color-muted: #f2e9e9;
786
851
  --data-blue-color-emphasis: #006edb;
787
852
  --data-blue-color-muted: #d1f0ff;
853
+ --data-brown-color-emphasis: #856d4c;
854
+ --data-brown-color-muted: #eeeae2;
855
+ --data-coral-color-emphasis: #d43511;
856
+ --data-coral-color-muted: #ffe5db;
788
857
  --data-gray-color-emphasis: #808fa3;
789
858
  --data-gray-color-muted: #e8ecf2;
790
859
  --data-green-color-emphasis: #30a147;
791
860
  --data-green-color-muted: #caf7ca;
861
+ --data-lemon-color-emphasis: #866e04;
862
+ --data-lemon-color-muted: #f7eea1;
863
+ --data-lime-color-emphasis: #527a29;
864
+ --data-lime-color-muted: #e3f2b5;
865
+ --data-olive-color-emphasis: #64762d;
866
+ --data-olive-color-muted: #f0f0ad;
792
867
  --data-orange-color-emphasis: #eb670f;
793
868
  --data-orange-color-muted: #ffe7d1;
869
+ --data-pine-color-emphasis: #167e53;
870
+ --data-pine-color-muted: #bff8db;
794
871
  --data-pink-color-emphasis: #ce2c85;
795
872
  --data-pink-color-muted: #ffe5f1;
873
+ --data-plum-color-emphasis: #a830e8;
874
+ --data-plum-color-muted: #f8e5ff;
796
875
  --data-purple-color-emphasis: #894ceb;
797
876
  --data-purple-color-muted: #f1e5ff;
798
877
  --data-red-color-emphasis: #df0c24;
@@ -1037,7 +1116,7 @@
1037
1116
  --selectMenu-bgColor-active: #9cd7ff;
1038
1117
  --selectMenu-borderColor: #ffffff00;
1039
1118
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1040
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1119
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1041
1120
  --skeletonLoader-bgColor: #dae0e7;
1042
1121
  --treeViewItem-leadingVisual-iconColor-rest: #368cf9;
1043
1122
  --underlineNav-borderColor-active: #cd3425;
@@ -1152,6 +1231,40 @@
1152
1231
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1153
1232
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1154
1233
  --counter-borderColor: var(--borderColor-default);
1234
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1235
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1236
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1237
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1238
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1239
+ --data-brown-color-gradientStop-2: #eeeae200;
1240
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1241
+ --data-coral-color-gradientStop-2: #ffe5db00;
1242
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1243
+ --data-gray-color-gradientStop-2: #e8ecf200;
1244
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1245
+ --data-green-color-gradientStop-2: #caf7ca00;
1246
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1247
+ --data-lemon-color-gradientStop-2: #f7eea100;
1248
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1249
+ --data-lime-color-gradientStop-2: #e3f2b500;
1250
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1251
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1252
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1253
+ --data-orange-color-gradientStop-2: #ffe7d100;
1254
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1255
+ --data-pine-color-gradientStop-2: #bff8db00;
1256
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1257
+ --data-pink-color-gradientStop-2: #ffe5f100;
1258
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1259
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1260
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1261
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1262
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1263
+ --data-red-color-gradientStop-2: #ffe2e000;
1264
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1265
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1266
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1267
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1155
1268
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1156
1269
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1157
1270
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1176,8 +1289,8 @@
1176
1289
  --page-header-bgColor: var(--bgColor-muted);
1177
1290
  --selection-bgColor: #0349b433;
1178
1291
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1179
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
1180
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
1292
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
1293
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
1181
1294
  --sideNav-bgColor-selected: #ffffff;
1182
1295
  --timelineBadge-bgColor: var(--bgColor-muted);
1183
1296
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1198,7 +1311,6 @@
1198
1311
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1312
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1313
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1202
1314
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1315
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1204
1316
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1227,6 +1339,23 @@
1227
1339
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1228
1340
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1229
1341
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1342
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1343
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1344
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1345
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1346
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1347
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1348
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1349
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1350
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1351
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1352
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1353
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1354
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1355
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1356
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1357
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1358
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1230
1359
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1231
1360
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1232
1361
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -1245,6 +1374,7 @@
1245
1374
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1246
1375
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1247
1376
  --border-neutral-muted: 0.0625rem solid #454c54;
1377
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1248
1378
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1249
1379
  }
1250
1380
  }
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -166,14 +166,28 @@
166
166
  --data-auburn-color-muted: #f2e9e9;
167
167
  --data-blue-color-emphasis: #006edb;
168
168
  --data-blue-color-muted: #d1f0ff;
169
+ --data-brown-color-emphasis: #856d4c;
170
+ --data-brown-color-muted: #eeeae2;
171
+ --data-coral-color-emphasis: #d43511;
172
+ --data-coral-color-muted: #ffe5db;
169
173
  --data-gray-color-emphasis: #808fa3;
170
174
  --data-gray-color-muted: #e8ecf2;
171
175
  --data-green-color-emphasis: #30a147;
172
176
  --data-green-color-muted: #caf7ca;
177
+ --data-lemon-color-emphasis: #866e04;
178
+ --data-lemon-color-muted: #f7eea1;
179
+ --data-lime-color-emphasis: #527a29;
180
+ --data-lime-color-muted: #e3f2b5;
181
+ --data-olive-color-emphasis: #64762d;
182
+ --data-olive-color-muted: #f0f0ad;
173
183
  --data-orange-color-emphasis: #eb670f;
174
184
  --data-orange-color-muted: #ffe7d1;
185
+ --data-pine-color-emphasis: #167e53;
186
+ --data-pine-color-muted: #bff8db;
175
187
  --data-pink-color-emphasis: #ce2c85;
176
188
  --data-pink-color-muted: #ffe5f1;
189
+ --data-plum-color-emphasis: #a830e8;
190
+ --data-plum-color-muted: #f8e5ff;
177
191
  --data-purple-color-emphasis: #894ceb;
178
192
  --data-purple-color-muted: #f1e5ff;
179
193
  --data-red-color-emphasis: #df0c24;
@@ -420,7 +434,7 @@
420
434
  --selectMenu-bgColor-active: #b6e3ff;
421
435
  --selectMenu-borderColor: #ffffff00;
422
436
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
423
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
437
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
424
438
  --skeletonLoader-bgColor: #818b981a;
425
439
  --topicTag-borderColor: #ffffff00;
426
440
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -532,6 +546,40 @@
532
546
  --controlTrack-borderColor-rest: var(--borderColor-default);
533
547
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
534
548
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
549
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
550
+ --data-auburn-color-gradientStop-2: #f2e9e900;
551
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
552
+ --data-blue-color-gradientStop-2: #d1f0ff00;
553
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
554
+ --data-brown-color-gradientStop-2: #eeeae200;
555
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
556
+ --data-coral-color-gradientStop-2: #ffe5db00;
557
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
558
+ --data-gray-color-gradientStop-2: #e8ecf200;
559
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
560
+ --data-green-color-gradientStop-2: #caf7ca00;
561
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
562
+ --data-lemon-color-gradientStop-2: #f7eea100;
563
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
564
+ --data-lime-color-gradientStop-2: #e3f2b500;
565
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
566
+ --data-olive-color-gradientStop-2: #f0f0ad00;
567
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
568
+ --data-orange-color-gradientStop-2: #ffe7d100;
569
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
570
+ --data-pine-color-gradientStop-2: #bff8db00;
571
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
572
+ --data-pink-color-gradientStop-2: #ffe5f100;
573
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
574
+ --data-plum-color-gradientStop-2: #f8e5ff00;
575
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
576
+ --data-purple-color-gradientStop-2: #f1e5ff00;
577
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
578
+ --data-red-color-gradientStop-2: #ffe2e000;
579
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
580
+ --data-teal-color-gradientStop-2: #c7f5ef00;
581
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
582
+ --data-yellow-color-gradientStop-2: #ffec9e00;
535
583
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
536
584
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
537
585
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -553,8 +601,8 @@
553
601
  --page-header-bgColor: var(--bgColor-muted);
554
602
  --selection-bgColor: #0969da33;
555
603
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
556
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
557
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
604
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
605
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
558
606
  --sideNav-bgColor-selected: #ffffff;
559
607
  --timelineBadge-bgColor: var(--bgColor-muted);
560
608
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -574,7 +622,6 @@
574
622
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
575
623
  --button-default-borderColor-active: var(--control-borderColor-rest);
576
624
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
577
- --button-default-borderColor-hover: var(--control-borderColor-rest);
578
625
  --button-default-borderColor-rest: var(--control-borderColor-rest);
579
626
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
580
627
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -601,6 +648,23 @@
601
648
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
602
649
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
603
650
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
651
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
652
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
653
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
654
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
655
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
656
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
657
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
658
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
659
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
660
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
661
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
662
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
663
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
664
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
665
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
666
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
667
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
604
668
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
605
669
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
606
670
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -616,6 +680,7 @@
616
680
  --underlineNav-borderColor-hover: var(--borderColor-muted);
617
681
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
618
682
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
683
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
619
684
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
620
685
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
621
686
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -790,14 +855,28 @@
790
855
  --data-auburn-color-muted: #f2e9e9;
791
856
  --data-blue-color-emphasis: #006edb;
792
857
  --data-blue-color-muted: #d1f0ff;
858
+ --data-brown-color-emphasis: #856d4c;
859
+ --data-brown-color-muted: #eeeae2;
860
+ --data-coral-color-emphasis: #d43511;
861
+ --data-coral-color-muted: #ffe5db;
793
862
  --data-gray-color-emphasis: #808fa3;
794
863
  --data-gray-color-muted: #e8ecf2;
795
864
  --data-green-color-emphasis: #30a147;
796
865
  --data-green-color-muted: #caf7ca;
866
+ --data-lemon-color-emphasis: #866e04;
867
+ --data-lemon-color-muted: #f7eea1;
868
+ --data-lime-color-emphasis: #527a29;
869
+ --data-lime-color-muted: #e3f2b5;
870
+ --data-olive-color-emphasis: #64762d;
871
+ --data-olive-color-muted: #f0f0ad;
797
872
  --data-orange-color-emphasis: #eb670f;
798
873
  --data-orange-color-muted: #ffe7d1;
874
+ --data-pine-color-emphasis: #167e53;
875
+ --data-pine-color-muted: #bff8db;
799
876
  --data-pink-color-emphasis: #ce2c85;
800
877
  --data-pink-color-muted: #ffe5f1;
878
+ --data-plum-color-emphasis: #a830e8;
879
+ --data-plum-color-muted: #f8e5ff;
801
880
  --data-purple-color-emphasis: #894ceb;
802
881
  --data-purple-color-muted: #f1e5ff;
803
882
  --data-red-color-emphasis: #df0c24;
@@ -1044,7 +1123,7 @@
1044
1123
  --selectMenu-bgColor-active: #b6e3ff;
1045
1124
  --selectMenu-borderColor: #ffffff00;
1046
1125
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1047
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1126
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1048
1127
  --skeletonLoader-bgColor: #818b981a;
1049
1128
  --topicTag-borderColor: #ffffff00;
1050
1129
  --treeViewItem-leadingVisual-iconColor-rest: #54aeff;
@@ -1156,6 +1235,40 @@
1156
1235
  --controlTrack-borderColor-rest: var(--borderColor-default);
1157
1236
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1158
1237
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1238
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1239
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1240
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1241
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1242
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1243
+ --data-brown-color-gradientStop-2: #eeeae200;
1244
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1245
+ --data-coral-color-gradientStop-2: #ffe5db00;
1246
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1247
+ --data-gray-color-gradientStop-2: #e8ecf200;
1248
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1249
+ --data-green-color-gradientStop-2: #caf7ca00;
1250
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1251
+ --data-lemon-color-gradientStop-2: #f7eea100;
1252
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1253
+ --data-lime-color-gradientStop-2: #e3f2b500;
1254
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1255
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1256
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1257
+ --data-orange-color-gradientStop-2: #ffe7d100;
1258
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1259
+ --data-pine-color-gradientStop-2: #bff8db00;
1260
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1261
+ --data-pink-color-gradientStop-2: #ffe5f100;
1262
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1263
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1264
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1265
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1266
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1267
+ --data-red-color-gradientStop-2: #ffe2e000;
1268
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1269
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1270
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1271
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1159
1272
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1160
1273
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1161
1274
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1177,8 +1290,8 @@
1177
1290
  --page-header-bgColor: var(--bgColor-muted);
1178
1291
  --selection-bgColor: #0969da33;
1179
1292
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1180
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1181
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1293
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1294
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1182
1295
  --sideNav-bgColor-selected: #ffffff;
1183
1296
  --timelineBadge-bgColor: var(--bgColor-muted);
1184
1297
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1198,7 +1311,6 @@
1198
1311
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1199
1312
  --button-default-borderColor-active: var(--control-borderColor-rest);
1200
1313
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1201
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1202
1314
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1203
1315
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1204
1316
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1225,6 +1337,23 @@
1225
1337
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1226
1338
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1227
1339
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1340
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1341
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1342
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1343
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1344
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1345
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1346
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1347
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1348
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1349
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1350
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1351
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1352
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1353
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1354
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1355
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1356
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1228
1357
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1229
1358
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1230
1359
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1240,6 +1369,7 @@
1240
1369
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1241
1370
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1242
1371
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1372
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1243
1373
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1244
1374
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1245
1375
  --shadow-floating-medium: 0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;