@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/internalCss/light-high-contrast.css CHANGED
@@ -464,14 +464,28 @@
464
464
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
465
465
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
466
466
  --data-blue-color-muted: var(--base-display-color-blue-0);
467
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
468
+ --data-brown-color-muted: var(--base-display-color-brown-0);
469
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
470
+ --data-coral-color-muted: var(--base-display-color-coral-0);
467
471
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
468
472
  --data-gray-color-muted: var(--base-display-color-gray-0);
469
473
  --data-green-color-emphasis: var(--base-display-color-green-4);
470
474
  --data-green-color-muted: var(--base-display-color-green-0);
475
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
476
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
477
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
478
+ --data-lime-color-muted: var(--base-display-color-lime-0);
479
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
480
+ --data-olive-color-muted: var(--base-display-color-olive-0);
471
481
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
472
482
  --data-orange-color-muted: var(--base-display-color-orange-0);
483
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
484
+ --data-pine-color-muted: var(--base-display-color-pine-0);
473
485
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
474
486
  --data-pink-color-muted: var(--base-display-color-pink-0);
487
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
488
+ --data-plum-color-muted: var(--base-display-color-plum-0);
475
489
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
476
490
  --data-purple-color-muted: var(--base-display-color-purple-0);
477
491
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -716,7 +730,7 @@
716
730
  --selectMenu-bgColor-active: var(--base-color-blue-1);
717
731
  --selectMenu-borderColor: var(--base-color-transparent);
718
732
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
719
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
733
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
720
734
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
721
735
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
722
736
  --underlineNav-borderColor-active: var(--base-color-coral-3);
@@ -832,6 +846,40 @@
832
846
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
833
847
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
834
848
  --counter-borderColor: var(--borderColor-default);
849
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
850
+ --data-auburn-color-gradientStop-2: #f2e9e900;
851
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
852
+ --data-blue-color-gradientStop-2: #d1f0ff00;
853
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
854
+ --data-brown-color-gradientStop-2: #eeeae200;
855
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
856
+ --data-coral-color-gradientStop-2: #ffe5db00;
857
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
858
+ --data-gray-color-gradientStop-2: #e8ecf200;
859
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
860
+ --data-green-color-gradientStop-2: #caf7ca00;
861
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
862
+ --data-lemon-color-gradientStop-2: #f7eea100;
863
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
864
+ --data-lime-color-gradientStop-2: #e3f2b500;
865
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
866
+ --data-olive-color-gradientStop-2: #f0f0ad00;
867
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
868
+ --data-orange-color-gradientStop-2: #ffe7d100;
869
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
870
+ --data-pine-color-gradientStop-2: #bff8db00;
871
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
872
+ --data-pink-color-gradientStop-2: #ffe5f100;
873
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
874
+ --data-plum-color-gradientStop-2: #f8e5ff00;
875
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
876
+ --data-purple-color-gradientStop-2: #f1e5ff00;
877
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
878
+ --data-red-color-gradientStop-2: #ffe2e000;
879
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
880
+ --data-teal-color-gradientStop-2: #c7f5ef00;
881
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
882
+ --data-yellow-color-gradientStop-2: #ffec9e00;
835
883
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
836
884
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
837
885
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -856,8 +904,8 @@
856
904
  --page-header-bgColor: var(--bgColor-muted);
857
905
  --selection-bgColor: #0349b433;
858
906
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
859
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
860
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
907
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
908
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
861
909
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
862
910
  --timelineBadge-bgColor: var(--bgColor-muted);
863
911
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -878,7 +926,6 @@
878
926
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
927
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
928
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
929
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
930
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
884
931
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -907,6 +954,23 @@
907
954
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
908
955
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
909
956
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
957
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
958
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
959
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
960
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
961
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
962
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
963
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
964
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
965
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
966
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
967
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
968
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
969
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
970
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
971
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
972
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
973
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
910
974
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
911
975
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
912
976
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -925,6 +989,7 @@
925
989
  --tooltip-fgColor: var(--fgColor-onEmphasis);
926
990
  --underlineNav-borderColor-hover: var(--borderColor-muted);
927
991
  --border-neutral-muted: 0.0625rem solid #454c54;
992
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
928
993
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
929
994
  }
930
995
  @media (prefers-color-scheme: dark) {
@@ -1392,14 +1457,28 @@
1392
1457
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1393
1458
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1394
1459
  --data-blue-color-muted: var(--base-display-color-blue-0);
1460
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1461
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1462
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1463
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1395
1464
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1396
1465
  --data-gray-color-muted: var(--base-display-color-gray-0);
1397
1466
  --data-green-color-emphasis: var(--base-display-color-green-4);
1398
1467
  --data-green-color-muted: var(--base-display-color-green-0);
1468
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1469
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1470
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1471
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1472
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1473
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1399
1474
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1400
1475
  --data-orange-color-muted: var(--base-display-color-orange-0);
1476
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1477
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1401
1478
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1402
1479
  --data-pink-color-muted: var(--base-display-color-pink-0);
1480
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1481
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1403
1482
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1404
1483
  --data-purple-color-muted: var(--base-display-color-purple-0);
1405
1484
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1644,7 +1723,7 @@
1644
1723
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1645
1724
  --selectMenu-borderColor: var(--base-color-transparent);
1646
1725
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1647
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1726
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1648
1727
  --skeletonLoader-bgColor: var(--base-color-neutral-5);
1649
1728
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
1650
1729
  --underlineNav-borderColor-active: var(--base-color-coral-3);
@@ -1760,6 +1839,40 @@
1760
1839
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1761
1840
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1762
1841
  --counter-borderColor: var(--borderColor-default);
1842
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1843
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1844
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1845
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1846
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1847
+ --data-brown-color-gradientStop-2: #eeeae200;
1848
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1849
+ --data-coral-color-gradientStop-2: #ffe5db00;
1850
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1851
+ --data-gray-color-gradientStop-2: #e8ecf200;
1852
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1853
+ --data-green-color-gradientStop-2: #caf7ca00;
1854
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1855
+ --data-lemon-color-gradientStop-2: #f7eea100;
1856
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1857
+ --data-lime-color-gradientStop-2: #e3f2b500;
1858
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1859
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1860
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1861
+ --data-orange-color-gradientStop-2: #ffe7d100;
1862
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1863
+ --data-pine-color-gradientStop-2: #bff8db00;
1864
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1865
+ --data-pink-color-gradientStop-2: #ffe5f100;
1866
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1867
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1868
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1869
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1870
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1871
+ --data-red-color-gradientStop-2: #ffe2e000;
1872
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1873
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1874
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1875
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1763
1876
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1764
1877
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1765
1878
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1784,8 +1897,8 @@
1784
1897
  --page-header-bgColor: var(--bgColor-muted);
1785
1898
  --selection-bgColor: #0349b433;
1786
1899
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1787
- --shadow-resting-small: 0px 1px 0px 0px #0104090a;
1788
- --shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
1900
+ --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
1901
+ --shadow-resting-xsmall: 0px 1px 1px 0px #0104090f;
1789
1902
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1790
1903
  --timelineBadge-bgColor: var(--bgColor-muted);
1791
1904
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1806,7 +1919,6 @@
1806
1919
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1920
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1921
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1922
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1923
  --button-invisible-borderColor-hover: var(--control-transparent-borderColor-hover);
1812
1924
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
@@ -1835,6 +1947,23 @@
1835
1947
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1836
1948
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1837
1949
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1950
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1951
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1952
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1953
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1954
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1955
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1956
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1957
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1958
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1959
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1960
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1961
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1962
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1963
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1964
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1965
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1966
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1838
1967
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1839
1968
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1840
1969
  --diffBlob-additionWord-fgColor: var(--fgColor-onEmphasis);
@@ -1853,6 +1982,7 @@
1853
1982
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1854
1983
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1855
1984
  --border-neutral-muted: 0.0625rem solid #454c54;
1985
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1856
1986
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1857
1987
  }
1858
1988
  }
package/dist/internalCss/light-tritanopia.css CHANGED
@@ -469,14 +469,28 @@
469
469
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
470
470
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
471
471
  --data-blue-color-muted: var(--base-display-color-blue-0);
472
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
473
+ --data-brown-color-muted: var(--base-display-color-brown-0);
474
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
475
+ --data-coral-color-muted: var(--base-display-color-coral-0);
472
476
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
473
477
  --data-gray-color-muted: var(--base-display-color-gray-0);
474
478
  --data-green-color-emphasis: var(--base-display-color-green-4);
475
479
  --data-green-color-muted: var(--base-display-color-green-0);
480
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
481
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
482
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
483
+ --data-lime-color-muted: var(--base-display-color-lime-0);
484
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
485
+ --data-olive-color-muted: var(--base-display-color-olive-0);
476
486
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
477
487
  --data-orange-color-muted: var(--base-display-color-orange-0);
488
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
489
+ --data-pine-color-muted: var(--base-display-color-pine-0);
478
490
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
479
491
  --data-pink-color-muted: var(--base-display-color-pink-0);
492
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
493
+ --data-plum-color-muted: var(--base-display-color-plum-0);
480
494
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
481
495
  --data-purple-color-muted: var(--base-display-color-purple-0);
482
496
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -723,7 +737,7 @@
723
737
  --selectMenu-bgColor-active: var(--base-color-blue-1);
724
738
  --selectMenu-borderColor: var(--base-color-transparent);
725
739
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
726
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
740
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
727
741
  --skeletonLoader-bgColor: #818b981a;
728
742
  --topicTag-borderColor: var(--base-color-transparent);
729
743
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -836,6 +850,40 @@
836
850
  --controlTrack-borderColor-rest: var(--borderColor-default);
837
851
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
838
852
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
853
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
854
+ --data-auburn-color-gradientStop-2: #f2e9e900;
855
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
856
+ --data-blue-color-gradientStop-2: #d1f0ff00;
857
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
858
+ --data-brown-color-gradientStop-2: #eeeae200;
859
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
860
+ --data-coral-color-gradientStop-2: #ffe5db00;
861
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
862
+ --data-gray-color-gradientStop-2: #e8ecf200;
863
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
864
+ --data-green-color-gradientStop-2: #caf7ca00;
865
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
866
+ --data-lemon-color-gradientStop-2: #f7eea100;
867
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
868
+ --data-lime-color-gradientStop-2: #e3f2b500;
869
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
870
+ --data-olive-color-gradientStop-2: #f0f0ad00;
871
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
872
+ --data-orange-color-gradientStop-2: #ffe7d100;
873
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
874
+ --data-pine-color-gradientStop-2: #bff8db00;
875
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
876
+ --data-pink-color-gradientStop-2: #ffe5f100;
877
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
878
+ --data-plum-color-gradientStop-2: #f8e5ff00;
879
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
880
+ --data-purple-color-gradientStop-2: #f1e5ff00;
881
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
882
+ --data-red-color-gradientStop-2: #ffe2e000;
883
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
884
+ --data-teal-color-gradientStop-2: #c7f5ef00;
885
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
886
+ --data-yellow-color-gradientStop-2: #ffec9e00;
839
887
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
840
888
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
841
889
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -857,8 +905,8 @@
857
905
  --page-header-bgColor: var(--bgColor-muted);
858
906
  --selection-bgColor: #0969da33;
859
907
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
860
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
861
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
908
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
909
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
862
910
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
863
911
  --timelineBadge-bgColor: var(--bgColor-muted);
864
912
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -878,7 +926,6 @@
878
926
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
879
927
  --button-default-borderColor-active: var(--control-borderColor-rest);
880
928
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
881
- --button-default-borderColor-hover: var(--control-borderColor-rest);
882
929
  --button-default-borderColor-rest: var(--control-borderColor-rest);
883
930
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
884
931
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -905,6 +952,23 @@
905
952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
906
953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
907
954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
955
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
956
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
957
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
958
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
959
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
960
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
961
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
962
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
963
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
964
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
965
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
966
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
967
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
968
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
969
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
970
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
971
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
908
972
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
909
973
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
910
974
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -920,6 +984,7 @@
920
984
  --underlineNav-borderColor-hover: var(--borderColor-muted);
921
985
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
922
986
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
987
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
923
988
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
924
989
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
925
990
  --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;
@@ -1397,14 +1462,28 @@
1397
1462
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1398
1463
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1399
1464
  --data-blue-color-muted: var(--base-display-color-blue-0);
1465
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1466
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1467
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1468
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1400
1469
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1401
1470
  --data-gray-color-muted: var(--base-display-color-gray-0);
1402
1471
  --data-green-color-emphasis: var(--base-display-color-green-4);
1403
1472
  --data-green-color-muted: var(--base-display-color-green-0);
1473
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1474
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1475
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1476
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1477
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1478
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1404
1479
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1405
1480
  --data-orange-color-muted: var(--base-display-color-orange-0);
1481
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1482
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1406
1483
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1407
1484
  --data-pink-color-muted: var(--base-display-color-pink-0);
1485
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1486
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1408
1487
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1409
1488
  --data-purple-color-muted: var(--base-display-color-purple-0);
1410
1489
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1651,7 +1730,7 @@
1651
1730
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1652
1731
  --selectMenu-borderColor: var(--base-color-transparent);
1653
1732
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1654
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1733
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1655
1734
  --skeletonLoader-bgColor: #818b981a;
1656
1735
  --topicTag-borderColor: var(--base-color-transparent);
1657
1736
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1764,6 +1843,40 @@
1764
1843
  --controlTrack-borderColor-rest: var(--borderColor-default);
1765
1844
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1766
1845
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1846
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1847
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1848
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1849
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1850
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1851
+ --data-brown-color-gradientStop-2: #eeeae200;
1852
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1853
+ --data-coral-color-gradientStop-2: #ffe5db00;
1854
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1855
+ --data-gray-color-gradientStop-2: #e8ecf200;
1856
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1857
+ --data-green-color-gradientStop-2: #caf7ca00;
1858
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1859
+ --data-lemon-color-gradientStop-2: #f7eea100;
1860
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1861
+ --data-lime-color-gradientStop-2: #e3f2b500;
1862
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1863
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1864
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1865
+ --data-orange-color-gradientStop-2: #ffe7d100;
1866
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1867
+ --data-pine-color-gradientStop-2: #bff8db00;
1868
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1869
+ --data-pink-color-gradientStop-2: #ffe5f100;
1870
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1871
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1872
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1873
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1874
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1875
+ --data-red-color-gradientStop-2: #ffe2e000;
1876
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1877
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1878
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1879
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1767
1880
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1768
1881
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1769
1882
  --diffBlob-emptyLine-bgColor: var(--bgColor-muted);
@@ -1785,8 +1898,8 @@
1785
1898
  --page-header-bgColor: var(--bgColor-muted);
1786
1899
  --selection-bgColor: #0969da33;
1787
1900
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1788
- --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
1789
- --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
1901
+ --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
1902
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1f23280f;
1790
1903
  --sideNav-bgColor-selected: var(--base-color-neutral-0);
1791
1904
  --timelineBadge-bgColor: var(--bgColor-muted);
1792
1905
  --tooltip-bgColor: var(--bgColor-emphasis);
@@ -1806,7 +1919,6 @@
1806
1919
  --button-default-bgColor-disabled: var(--control-bgColor-disabled);
1807
1920
  --button-default-borderColor-active: var(--control-borderColor-rest);
1808
1921
  --button-default-borderColor-disabled: var(--control-borderColor-disabled);
1809
- --button-default-borderColor-hover: var(--control-borderColor-rest);
1810
1922
  --button-default-borderColor-rest: var(--control-borderColor-rest);
1811
1923
  --button-invisible-fgColor-disabled: var(--control-fgColor-disabled);
1812
1924
  --button-invisible-iconColor-disabled: var(--control-fgColor-disabled);
@@ -1833,6 +1945,23 @@
1833
1945
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1834
1946
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1835
1947
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1948
+ --data-auburn-gradient: linear-gradient(180deg, #f2e9e9 0%, #f2e9e900 100%);
1949
+ --data-blue-gradient: linear-gradient(180deg, #d1f0ff 0%, #d1f0ff00 100%);
1950
+ --data-brown-gradient: linear-gradient(180deg, #eeeae2 0%, #eeeae200 100%);
1951
+ --data-coral-gradient: linear-gradient(180deg, #ffe5db 0%, #ffe5db00 100%);
1952
+ --data-gray-gradient: linear-gradient(180deg, #e8ecf2 0%, #e8ecf200 100%);
1953
+ --data-green-gradient: linear-gradient(180deg, #caf7ca 0%, #caf7ca00 100%);
1954
+ --data-lemon-gradient: linear-gradient(180deg, #f7eea1 0%, #f7eea100 100%);
1955
+ --data-lime-gradient: linear-gradient(180deg, #e3f2b5 0%, #e3f2b500 100%);
1956
+ --data-olive-gradient: linear-gradient(180deg, #f0f0ad 0%, #f0f0ad00 100%);
1957
+ --data-orange-gradient: linear-gradient(180deg, #ffe7d1 0%, #ffe7d100 100%);
1958
+ --data-pine-gradient: linear-gradient(180deg, #bff8db 0%, #bff8db00 100%);
1959
+ --data-pink-gradient: linear-gradient(180deg, #ffe5f1 0%, #ffe5f100 100%);
1960
+ --data-plum-gradient: linear-gradient(180deg, #f8e5ff 0%, #f8e5ff00 100%);
1961
+ --data-purple-gradient: linear-gradient(180deg, #f1e5ff 0%, #f1e5ff00 100%);
1962
+ --data-red-gradient: linear-gradient(180deg, #ffe2e0 0%, #ffe2e000 100%);
1963
+ --data-teal-gradient: linear-gradient(180deg, #c7f5ef 0%, #c7f5ef00 100%);
1964
+ --data-yellow-gradient: linear-gradient(180deg, #ffec9e 0%, #ffec9e00 100%);
1836
1965
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1837
1966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1838
1967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1848,6 +1977,7 @@
1848
1977
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1849
1978
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1850
1979
  --button-danger-borderColor-active: var(--button-danger-borderColor-hover);
1980
+ --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1851
1981
  --button-outline-borderColor-hover: var(--button-primary-borderColor-hover);
1852
1982
  --shadow-floating-large: 0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d;
1853
1983
  --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;