@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.css CHANGED
@@ -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;