@primer/primitives 10.4.0-rc.fd8ac4c9 → 10.5.0-rc.2284dc61

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 (121) 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 +138 -8
  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 +138 -8
  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 +13707 -2770
  42. package/dist/docs/functional/themes/dark-dimmed.json +14003 -2770
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15117 -2906
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13644 -2735
  45. package/dist/docs/functional/themes/dark.json +12045 -1234
  46. package/dist/docs/functional/themes/light-colorblind.json +13645 -2738
  47. package/dist/docs/functional/themes/light-high-contrast.json +15193 -3054
  48. package/dist/docs/functional/themes/light-tritanopia.json +13631 -2752
  49. package/dist/docs/functional/themes/light.json +12062 -1225
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6381 -5473
  52. package/dist/figma/themes/dark-dimmed.json +6408 -5169
  53. package/dist/figma/themes/dark-high-contrast.json +6377 -4000
  54. package/dist/figma/themes/dark-tritanopia.json +6367 -5493
  55. package/dist/figma/themes/dark.json +5559 -4790
  56. package/dist/figma/themes/light-colorblind.json +6298 -5337
  57. package/dist/figma/themes/light-high-contrast.json +6343 -3975
  58. package/dist/figma/themes/light-tritanopia.json +6272 -5342
  59. package/dist/figma/themes/light.json +6275 -5390
  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 +138 -8
  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 +138 -8
  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 +13684 -2747
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +14000 -2767
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15112 -2901
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13673 -2764
  73. package/dist/styleLint/functional/themes/dark.json +12088 -1277
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13559 -2652
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15236 -3097
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13563 -2684
  77. package/dist/styleLint/functional/themes/light.json +12044 -1207
  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/header.json5 +3 -0
  82. package/src/tokens/component/label.json5 +1942 -0
  83. package/src/tokens/component/menu.json5 +24 -0
  84. package/src/tokens/component/overlay.json5 +1 -1
  85. package/src/tokens/component/selectMenu.json5 +38 -0
  86. package/src/tokens/component/sideNav.json5 +22 -0
  87. package/src/tokens/component/treeView.json5 +24 -0
  88. package/src/tokens/component/underlineNav.json5 +56 -0
  89. package/src/tokens/functional/color/control.json5 +1087 -0
  90. package/src/tokens/functional/color/data-vis.json5 +911 -41
  91. package/src/tokens/functional/color/display.json5 +2170 -0
  92. package/src/tokens/functional/color/selection.json5 +22 -0
  93. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  94. package/dist/css/functional/motion/motion.css +0 -6
  95. package/dist/docs/functional/motion/motion.json +0 -66
  96. package/dist/fallbacks/functional/motion/motion.json +0 -6
  97. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  98. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  99. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  100. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  101. package/dist/figma/shadows/dark.json +0 -1152
  102. package/dist/figma/shadows/light-colorblind.json +0 -1052
  103. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  104. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  105. package/dist/figma/shadows/light.json +0 -1052
  106. package/dist/styleLint/functional/motion/motion.json +0 -66
  107. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  108. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  109. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  110. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  111. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  112. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  113. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  114. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  115. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  116. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  117. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  118. package/src/tokens/functional/motion/loading.json5 +0 -17
  119. package/src/tokens/functional/motion/patterns.json5 +0 -35
  120. package/src/tokens/functional/shadow/dark.json5 +0 -369
  121. package/src/tokens/functional/shadow/light.json5 +0 -363
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -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) {
@@ -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;