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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/dist/build/filters/index.d.ts +1 -0
  2. package/dist/build/filters/index.js +1 -0
  3. package/dist/build/filters/isGradient.d.ts +7 -0
  4. package/dist/build/filters/isGradient.js +10 -0
  5. package/dist/build/platforms/css.js +1 -0
  6. package/dist/build/primerStyleDictionary.js +2 -1
  7. package/dist/build/schemas/borderToken.d.ts +3 -3
  8. package/dist/build/schemas/colorToken.d.ts +3 -3
  9. package/dist/build/schemas/cubicBezierToken.d.ts +3 -3
  10. package/dist/build/schemas/designToken.js +2 -0
  11. package/dist/build/schemas/dimensionToken.d.ts +3 -3
  12. package/dist/build/schemas/durationToken.d.ts +3 -3
  13. package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
  14. package/dist/build/schemas/fontWeightToken.d.ts +3 -3
  15. package/dist/build/schemas/gradientToken.d.ts +60 -0
  16. package/dist/build/schemas/gradientToken.js +26 -0
  17. package/dist/build/schemas/numberToken.d.ts +3 -3
  18. package/dist/build/schemas/referenceValue.js +1 -1
  19. package/dist/build/schemas/shadowToken.d.ts +1995 -3
  20. package/dist/build/schemas/shadowToken.js +27 -0
  21. package/dist/build/schemas/stringToken.d.ts +3 -3
  22. package/dist/build/schemas/tokenType.d.ts +1 -1
  23. package/dist/build/schemas/typographyToken.d.ts +3 -3
  24. package/dist/build/schemas/validTokenType.d.ts +1 -1
  25. package/dist/build/schemas/validTokenType.js +1 -0
  26. package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
  27. package/dist/build/transformers/gradientToCss.d.ts +8 -0
  28. package/dist/build/transformers/gradientToCss.js +23 -0
  29. package/dist/build/transformers/index.d.ts +1 -0
  30. package/dist/build/transformers/index.js +1 -0
  31. package/dist/css/functional/themes/dark-colorblind.css +138 -8
  32. package/dist/css/functional/themes/dark-dimmed.css +138 -8
  33. package/dist/css/functional/themes/dark-high-contrast.css +150 -20
  34. package/dist/css/functional/themes/dark-tritanopia.css +138 -8
  35. package/dist/css/functional/themes/dark.css +138 -8
  36. package/dist/css/functional/themes/light-colorblind.css +138 -8
  37. package/dist/css/functional/themes/light-high-contrast.css +150 -20
  38. package/dist/css/functional/themes/light-tritanopia.css +138 -8
  39. package/dist/css/functional/themes/light.css +138 -8
  40. package/dist/css/primitives.css +0 -6
  41. package/dist/docs/functional/themes/dark-colorblind.json +13601 -2768
  42. package/dist/docs/functional/themes/dark-dimmed.json +13889 -2760
  43. package/dist/docs/functional/themes/dark-high-contrast.json +15016 -2909
  44. package/dist/docs/functional/themes/dark-tritanopia.json +13546 -2741
  45. package/dist/docs/functional/themes/dark.json +12052 -1345
  46. package/dist/docs/functional/themes/light-colorblind.json +13567 -2764
  47. package/dist/docs/functional/themes/light-high-contrast.json +15056 -3021
  48. package/dist/docs/functional/themes/light-tritanopia.json +13555 -2780
  49. package/dist/docs/functional/themes/light.json +12092 -1359
  50. package/dist/figma/figma.json +1 -10
  51. package/dist/figma/themes/dark-colorblind.json +6380 -5472
  52. package/dist/figma/themes/dark-dimmed.json +6453 -5214
  53. package/dist/figma/themes/dark-high-contrast.json +6402 -4025
  54. package/dist/figma/themes/dark-tritanopia.json +6364 -5490
  55. package/dist/figma/themes/dark.json +5560 -4791
  56. package/dist/figma/themes/light-colorblind.json +6285 -5324
  57. package/dist/figma/themes/light-high-contrast.json +6362 -3994
  58. package/dist/figma/themes/light-tritanopia.json +6282 -5352
  59. package/dist/figma/themes/light.json +6281 -5396
  60. package/dist/internalCss/dark-colorblind.css +138 -8
  61. package/dist/internalCss/dark-dimmed.css +138 -8
  62. package/dist/internalCss/dark-high-contrast.css +150 -20
  63. package/dist/internalCss/dark-tritanopia.css +138 -8
  64. package/dist/internalCss/dark.css +138 -8
  65. package/dist/internalCss/light-colorblind.css +138 -8
  66. package/dist/internalCss/light-high-contrast.css +150 -20
  67. package/dist/internalCss/light-tritanopia.css +138 -8
  68. package/dist/internalCss/light.css +138 -8
  69. package/dist/styleLint/functional/themes/dark-colorblind.json +13581 -2748
  70. package/dist/styleLint/functional/themes/dark-dimmed.json +13905 -2776
  71. package/dist/styleLint/functional/themes/dark-high-contrast.json +15028 -2921
  72. package/dist/styleLint/functional/themes/dark-tritanopia.json +13587 -2782
  73. package/dist/styleLint/functional/themes/dark.json +12085 -1378
  74. package/dist/styleLint/functional/themes/light-colorblind.json +13535 -2732
  75. package/dist/styleLint/functional/themes/light-high-contrast.json +15071 -3036
  76. package/dist/styleLint/functional/themes/light-tritanopia.json +13524 -2749
  77. package/dist/styleLint/functional/themes/light.json +12097 -1364
  78. package/package.json +1 -1
  79. package/src/tokens/component/avatar.json5 +33 -0
  80. package/src/tokens/component/button.json5 +1714 -0
  81. package/src/tokens/component/contribution.json5 +0 -37
  82. package/src/tokens/component/header.json5 +3 -0
  83. package/src/tokens/component/label.json5 +1942 -0
  84. package/src/tokens/component/menu.json5 +24 -0
  85. package/src/tokens/component/overlay.json5 +1 -1
  86. package/src/tokens/component/selectMenu.json5 +38 -0
  87. package/src/tokens/component/sideNav.json5 +22 -0
  88. package/src/tokens/component/treeView.json5 +24 -0
  89. package/src/tokens/component/underlineNav.json5 +56 -0
  90. package/src/tokens/functional/color/borderColor.json5 +8 -8
  91. package/src/tokens/functional/color/control.json5 +1087 -0
  92. package/src/tokens/functional/color/data-vis.json5 +911 -41
  93. package/src/tokens/functional/color/display.json5 +2170 -0
  94. package/src/tokens/functional/color/selection.json5 +22 -0
  95. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  96. package/dist/css/functional/motion/motion.css +0 -6
  97. package/dist/docs/functional/motion/motion.json +0 -66
  98. package/dist/fallbacks/functional/motion/motion.json +0 -6
  99. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  100. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  101. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  102. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  103. package/dist/figma/shadows/dark.json +0 -1152
  104. package/dist/figma/shadows/light-colorblind.json +0 -1052
  105. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  106. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  107. package/dist/figma/shadows/light.json +0 -1052
  108. package/dist/styleLint/functional/motion/motion.json +0 -66
  109. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  110. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -199
  111. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -618
  112. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -65
  113. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -47
  114. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -2589
  115. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  116. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -581
  117. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -69
  118. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -41
  119. package/src/tokens/functional/color/light/patterns-light.json5 +0 -2583
  120. package/src/tokens/functional/motion/loading.json5 +0 -17
  121. package/src/tokens/functional/motion/patterns.json5 +0 -35
  122. package/src/tokens/functional/shadow/dark.json5 +0 -369
  123. package/src/tokens/functional/shadow/light.json5 +0 -363
package/dist/internalCss/light-high-contrast.css CHANGED
@@ -428,16 +428,16 @@
428
428
  --color-prettylights-syntax-string-regexp: var(--base-color-green-6);
429
429
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-8);
430
430
  --color-prettylights-syntax-variable: var(--base-color-orange-6);
431
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
431
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
432
432
  --contribution-default-bgColor-1: var(--base-color-green-1);
433
433
  --contribution-default-bgColor-2: var(--base-color-green-3);
434
434
  --contribution-default-bgColor-3: var(--base-color-green-4);
435
435
  --contribution-default-bgColor-4: var(--base-color-green-6);
436
- --contribution-default-borderColor-0: var(--base-color-black);
437
- --contribution-default-borderColor-1: var(--base-color-black);
438
- --contribution-default-borderColor-2: var(--base-color-black);
439
- --contribution-default-borderColor-3: var(--base-color-black);
440
- --contribution-default-borderColor-4: var(--base-color-black);
436
+ --contribution-default-borderColor-0: #0104090d;
437
+ --contribution-default-borderColor-1: #0104090d;
438
+ --contribution-default-borderColor-2: #0104090d;
439
+ --contribution-default-borderColor-3: #0104090d;
440
+ --contribution-default-borderColor-4: #0104090d;
441
441
  --contribution-halloween-bgColor-1: var(--base-display-color-lemon-1);
442
442
  --contribution-halloween-bgColor-2: var(--base-display-color-yellow-1);
443
443
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-3);
@@ -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) {
@@ -1356,16 +1421,16 @@
1356
1421
  --color-prettylights-syntax-string-regexp: var(--base-color-green-6);
1357
1422
  --color-prettylights-syntax-sublimelinter-gutter-mark: var(--base-color-neutral-8);
1358
1423
  --color-prettylights-syntax-variable: var(--base-color-orange-6);
1359
- --contribution-default-bgColor-0: var(--base-color-neutral-3);
1424
+ --contribution-default-bgColor-0: var(--base-color-neutral-2);
1360
1425
  --contribution-default-bgColor-1: var(--base-color-green-1);
1361
1426
  --contribution-default-bgColor-2: var(--base-color-green-3);
1362
1427
  --contribution-default-bgColor-3: var(--base-color-green-4);
1363
1428
  --contribution-default-bgColor-4: var(--base-color-green-6);
1364
- --contribution-default-borderColor-0: var(--base-color-black);
1365
- --contribution-default-borderColor-1: var(--base-color-black);
1366
- --contribution-default-borderColor-2: var(--base-color-black);
1367
- --contribution-default-borderColor-3: var(--base-color-black);
1368
- --contribution-default-borderColor-4: var(--base-color-black);
1429
+ --contribution-default-borderColor-0: #0104090d;
1430
+ --contribution-default-borderColor-1: #0104090d;
1431
+ --contribution-default-borderColor-2: #0104090d;
1432
+ --contribution-default-borderColor-3: #0104090d;
1433
+ --contribution-default-borderColor-4: #0104090d;
1369
1434
  --contribution-halloween-bgColor-1: var(--base-display-color-lemon-1);
1370
1435
  --contribution-halloween-bgColor-2: var(--base-display-color-yellow-1);
1371
1436
  --contribution-halloween-bgColor-3: var(--base-display-color-orange-3);
@@ -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;