@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
@@ -467,14 +467,28 @@
467
467
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
468
468
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
469
469
  --data-blue-color-muted: var(--base-display-color-blue-0);
470
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
471
+ --data-brown-color-muted: var(--base-display-color-brown-0);
472
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
473
+ --data-coral-color-muted: var(--base-display-color-coral-0);
470
474
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
471
475
  --data-gray-color-muted: var(--base-display-color-gray-0);
472
476
  --data-green-color-emphasis: var(--base-display-color-green-4);
473
477
  --data-green-color-muted: var(--base-display-color-green-0);
478
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
479
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
480
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
481
+ --data-lime-color-muted: var(--base-display-color-lime-0);
482
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
483
+ --data-olive-color-muted: var(--base-display-color-olive-0);
474
484
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
475
485
  --data-orange-color-muted: var(--base-display-color-orange-0);
486
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
487
+ --data-pine-color-muted: var(--base-display-color-pine-0);
476
488
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
477
489
  --data-pink-color-muted: var(--base-display-color-pink-0);
490
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
491
+ --data-plum-color-muted: var(--base-display-color-plum-0);
478
492
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
479
493
  --data-purple-color-muted: var(--base-display-color-purple-0);
480
494
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -719,7 +733,7 @@
719
733
  --selectMenu-bgColor-active: var(--base-color-blue-1);
720
734
  --selectMenu-borderColor: var(--base-color-transparent);
721
735
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
722
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
736
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
723
737
  --skeletonLoader-bgColor: #818b981a;
724
738
  --topicTag-borderColor: var(--base-color-transparent);
725
739
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -834,6 +848,40 @@
834
848
  --controlTrack-borderColor-rest: var(--borderColor-default);
835
849
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
836
850
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
851
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
852
+ --data-auburn-color-gradientStop-2: #f2e9e900;
853
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
854
+ --data-blue-color-gradientStop-2: #d1f0ff00;
855
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
856
+ --data-brown-color-gradientStop-2: #eeeae200;
857
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
858
+ --data-coral-color-gradientStop-2: #ffe5db00;
859
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
860
+ --data-gray-color-gradientStop-2: #e8ecf200;
861
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
862
+ --data-green-color-gradientStop-2: #caf7ca00;
863
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
864
+ --data-lemon-color-gradientStop-2: #f7eea100;
865
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
866
+ --data-lime-color-gradientStop-2: #e3f2b500;
867
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
868
+ --data-olive-color-gradientStop-2: #f0f0ad00;
869
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
870
+ --data-orange-color-gradientStop-2: #ffe7d100;
871
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
872
+ --data-pine-color-gradientStop-2: #bff8db00;
873
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
874
+ --data-pink-color-gradientStop-2: #ffe5f100;
875
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
876
+ --data-plum-color-gradientStop-2: #f8e5ff00;
877
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
878
+ --data-purple-color-gradientStop-2: #f1e5ff00;
879
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
880
+ --data-red-color-gradientStop-2: #ffe2e000;
881
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
882
+ --data-teal-color-gradientStop-2: #c7f5ef00;
883
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
884
+ --data-yellow-color-gradientStop-2: #ffec9e00;
837
885
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
838
886
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
839
887
  --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;
@@ -1395,14 +1460,28 @@
1395
1460
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1396
1461
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1397
1462
  --data-blue-color-muted: var(--base-display-color-blue-0);
1463
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1464
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1465
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1466
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1398
1467
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1399
1468
  --data-gray-color-muted: var(--base-display-color-gray-0);
1400
1469
  --data-green-color-emphasis: var(--base-display-color-green-4);
1401
1470
  --data-green-color-muted: var(--base-display-color-green-0);
1471
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1472
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1473
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1474
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1475
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1476
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1402
1477
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1403
1478
  --data-orange-color-muted: var(--base-display-color-orange-0);
1479
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1480
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1404
1481
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1405
1482
  --data-pink-color-muted: var(--base-display-color-pink-0);
1483
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1484
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1406
1485
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1407
1486
  --data-purple-color-muted: var(--base-display-color-purple-0);
1408
1487
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1647,7 +1726,7 @@
1647
1726
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1648
1727
  --selectMenu-borderColor: var(--base-color-transparent);
1649
1728
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1650
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1729
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1651
1730
  --skeletonLoader-bgColor: #818b981a;
1652
1731
  --topicTag-borderColor: var(--base-color-transparent);
1653
1732
  --treeViewItem-leadingVisual-iconColor-rest: var(--base-color-blue-3);
@@ -1762,6 +1841,40 @@
1762
1841
  --controlTrack-borderColor-rest: var(--borderColor-default);
1763
1842
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1764
1843
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1844
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1845
+ --data-auburn-color-gradientStop-2: #f2e9e900;
1846
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1847
+ --data-blue-color-gradientStop-2: #d1f0ff00;
1848
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1849
+ --data-brown-color-gradientStop-2: #eeeae200;
1850
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1851
+ --data-coral-color-gradientStop-2: #ffe5db00;
1852
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1853
+ --data-gray-color-gradientStop-2: #e8ecf200;
1854
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1855
+ --data-green-color-gradientStop-2: #caf7ca00;
1856
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1857
+ --data-lemon-color-gradientStop-2: #f7eea100;
1858
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1859
+ --data-lime-color-gradientStop-2: #e3f2b500;
1860
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1861
+ --data-olive-color-gradientStop-2: #f0f0ad00;
1862
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1863
+ --data-orange-color-gradientStop-2: #ffe7d100;
1864
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1865
+ --data-pine-color-gradientStop-2: #bff8db00;
1866
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1867
+ --data-pink-color-gradientStop-2: #ffe5f100;
1868
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1869
+ --data-plum-color-gradientStop-2: #f8e5ff00;
1870
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1871
+ --data-purple-color-gradientStop-2: #f1e5ff00;
1872
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1873
+ --data-red-color-gradientStop-2: #ffe2e000;
1874
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1875
+ --data-teal-color-gradientStop-2: #c7f5ef00;
1876
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1877
+ --data-yellow-color-gradientStop-2: #ffec9e00;
1765
1878
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1766
1879
  --diffBlob-deletionLine-bgColor: var(--bgColor-danger-muted);
1767
1880
  --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;