@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/dark.css CHANGED
@@ -476,14 +476,28 @@
476
476
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
477
477
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
478
478
  --data-blue-color-muted: var(--base-display-color-blue-0);
479
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
480
+ --data-brown-color-muted: var(--base-display-color-brown-0);
481
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
482
+ --data-coral-color-muted: var(--base-display-color-coral-0);
479
483
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
480
484
  --data-gray-color-muted: var(--base-display-color-gray-0);
481
485
  --data-green-color-emphasis: var(--base-display-color-green-4);
482
486
  --data-green-color-muted: var(--base-display-color-green-0);
487
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
488
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
489
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
490
+ --data-lime-color-muted: var(--base-display-color-lime-0);
491
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
492
+ --data-olive-color-muted: var(--base-display-color-olive-0);
483
493
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
484
494
  --data-orange-color-muted: var(--base-display-color-orange-0);
495
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
496
+ --data-pine-color-muted: var(--base-display-color-pine-0);
485
497
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
486
498
  --data-pink-color-muted: var(--base-display-color-pink-0);
499
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
500
+ --data-plum-color-muted: var(--base-display-color-plum-0);
487
501
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
488
502
  --data-purple-color-muted: var(--base-display-color-purple-0);
489
503
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -838,6 +852,40 @@
838
852
  --controlTrack-fgColor-rest: var(--fgColor-muted);
839
853
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
840
854
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
855
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
856
+ --data-auburn-color-gradientStop-2: #27181700;
857
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
858
+ --data-blue-color-gradientStop-2: #001a4700;
859
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
860
+ --data-brown-color-gradientStop-2: #241c1400;
861
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
862
+ --data-coral-color-gradientStop-2: #35100800;
863
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
864
+ --data-gray-color-gradientStop-2: #1c1c1c00;
865
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
866
+ --data-green-color-gradientStop-2: #12211700;
867
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
868
+ --data-lemon-color-gradientStop-2: #291d0000;
869
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
870
+ --data-lime-color-gradientStop-2: #141f0f00;
871
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
872
+ --data-olive-color-gradientStop-2: #171e0b00;
873
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
874
+ --data-orange-color-gradientStop-2: #31170800;
875
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
876
+ --data-pine-color-gradientStop-2: #08211900;
877
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
878
+ --data-pink-color-gradientStop-2: #2d152400;
879
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
880
+ --data-plum-color-gradientStop-2: #2a0e3f00;
881
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
882
+ --data-purple-color-gradientStop-2: #21104700;
883
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
884
+ --data-red-color-gradientStop-2: #3c061400;
885
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
886
+ --data-teal-color-gradientStop-2: #041f2500;
887
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
888
+ --data-yellow-color-gradientStop-2: #2e1a0000;
841
889
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
842
890
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
843
891
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -869,9 +917,9 @@
869
917
  --selection-bgColor: #1f6febb3;
870
918
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
871
919
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
872
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
873
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
874
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
920
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
921
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
922
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
875
923
  --tooltip-bgColor: var(--bgColor-emphasis);
876
924
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
877
925
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -911,6 +959,23 @@
911
959
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
912
960
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
913
961
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
962
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
963
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
964
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
965
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
966
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
967
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
968
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
969
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
970
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
971
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
972
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
973
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
974
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
975
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
976
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
977
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
978
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
914
979
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
915
980
  --focus-outline: 2px solid #1f6feb;
916
981
  --overlay-borderColor: var(--borderColor-muted);
@@ -925,7 +990,7 @@
925
990
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
926
991
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
927
992
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
928
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
993
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
929
994
  }
930
995
  @media (prefers-color-scheme: dark) {
931
996
  [data-color-mode="auto"][data-dark-theme="dark"],
@@ -1404,14 +1469,28 @@
1404
1469
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1405
1470
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1406
1471
  --data-blue-color-muted: var(--base-display-color-blue-0);
1472
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1473
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1474
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1475
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1407
1476
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1408
1477
  --data-gray-color-muted: var(--base-display-color-gray-0);
1409
1478
  --data-green-color-emphasis: var(--base-display-color-green-4);
1410
1479
  --data-green-color-muted: var(--base-display-color-green-0);
1480
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1481
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1482
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1483
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1484
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1485
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1411
1486
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1412
1487
  --data-orange-color-muted: var(--base-display-color-orange-0);
1488
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1489
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1413
1490
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1414
1491
  --data-pink-color-muted: var(--base-display-color-pink-0);
1492
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1493
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1415
1494
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1416
1495
  --data-purple-color-muted: var(--base-display-color-purple-0);
1417
1496
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1766,6 +1845,40 @@
1766
1845
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1767
1846
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1768
1847
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1848
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1849
+ --data-auburn-color-gradientStop-2: #27181700;
1850
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1851
+ --data-blue-color-gradientStop-2: #001a4700;
1852
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1853
+ --data-brown-color-gradientStop-2: #241c1400;
1854
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1855
+ --data-coral-color-gradientStop-2: #35100800;
1856
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1857
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1858
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1859
+ --data-green-color-gradientStop-2: #12211700;
1860
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1861
+ --data-lemon-color-gradientStop-2: #291d0000;
1862
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1863
+ --data-lime-color-gradientStop-2: #141f0f00;
1864
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1865
+ --data-olive-color-gradientStop-2: #171e0b00;
1866
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1867
+ --data-orange-color-gradientStop-2: #31170800;
1868
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1869
+ --data-pine-color-gradientStop-2: #08211900;
1870
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1871
+ --data-pink-color-gradientStop-2: #2d152400;
1872
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1873
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1874
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1875
+ --data-purple-color-gradientStop-2: #21104700;
1876
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1877
+ --data-red-color-gradientStop-2: #3c061400;
1878
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1879
+ --data-teal-color-gradientStop-2: #041f2500;
1880
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1881
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1769
1882
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1770
1883
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1771
1884
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1797,9 +1910,9 @@
1797
1910
  --selection-bgColor: #1f6febb3;
1798
1911
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1799
1912
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1800
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1801
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1802
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1913
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1914
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1915
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1803
1916
  --tooltip-bgColor: var(--bgColor-emphasis);
1804
1917
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1805
1918
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1839,6 +1952,23 @@
1839
1952
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1840
1953
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1841
1954
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1955
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1956
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1957
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1958
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1959
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1960
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1961
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1962
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1963
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1964
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1965
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1966
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1967
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1968
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1969
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1970
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1971
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1842
1972
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1843
1973
  --focus-outline: 2px solid #1f6feb;
1844
1974
  --overlay-borderColor: var(--borderColor-muted);
@@ -1853,6 +1983,6 @@
1853
1983
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409;
1854
1984
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1855
1985
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1856
- --button-outline-borderColor-selected: var(--button-outline-borderColor-hover);
1986
+ --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
1857
1987
  }
1858
1988
  }
package/dist/internalCss/light-colorblind.css CHANGED
@@ -462,14 +462,28 @@
462
462
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
463
463
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
464
464
  --data-blue-color-muted: var(--base-display-color-blue-0);
465
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
466
+ --data-brown-color-muted: var(--base-display-color-brown-0);
467
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
468
+ --data-coral-color-muted: var(--base-display-color-coral-0);
465
469
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
466
470
  --data-gray-color-muted: var(--base-display-color-gray-0);
467
471
  --data-green-color-emphasis: var(--base-display-color-green-4);
468
472
  --data-green-color-muted: var(--base-display-color-green-0);
473
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
474
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
475
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
476
+ --data-lime-color-muted: var(--base-display-color-lime-0);
477
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
478
+ --data-olive-color-muted: var(--base-display-color-olive-0);
469
479
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
470
480
  --data-orange-color-muted: var(--base-display-color-orange-0);
481
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
482
+ --data-pine-color-muted: var(--base-display-color-pine-0);
471
483
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
472
484
  --data-pink-color-muted: var(--base-display-color-pink-0);
485
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
486
+ --data-plum-color-muted: var(--base-display-color-plum-0);
473
487
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
474
488
  --data-purple-color-muted: var(--base-display-color-purple-0);
475
489
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -717,7 +731,7 @@
717
731
  --selectMenu-bgColor-active: var(--base-color-blue-1);
718
732
  --selectMenu-borderColor: var(--base-color-transparent);
719
733
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
720
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
734
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
721
735
  --skeletonLoader-bgColor: #818b981a;
722
736
  --topicTag-borderColor: var(--base-color-transparent);
723
737
  --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;
@@ -1390,14 +1455,28 @@
1390
1455
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1391
1456
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1392
1457
  --data-blue-color-muted: var(--base-display-color-blue-0);
1458
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1459
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1460
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1461
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1393
1462
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1394
1463
  --data-gray-color-muted: var(--base-display-color-gray-0);
1395
1464
  --data-green-color-emphasis: var(--base-display-color-green-4);
1396
1465
  --data-green-color-muted: var(--base-display-color-green-0);
1466
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1467
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1468
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1469
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1470
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1471
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1397
1472
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1398
1473
  --data-orange-color-muted: var(--base-display-color-orange-0);
1474
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1475
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1399
1476
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1400
1477
  --data-pink-color-muted: var(--base-display-color-pink-0);
1478
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1479
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1401
1480
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1402
1481
  --data-purple-color-muted: var(--base-display-color-purple-0);
1403
1482
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1645,7 +1724,7 @@
1645
1724
  --selectMenu-bgColor-active: var(--base-color-blue-1);
1646
1725
  --selectMenu-borderColor: var(--base-color-transparent);
1647
1726
  --shadow-floating-legacy: 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f;
1648
- --shadow-resting-medium: 0px 3px 6px 0px #25292e1f;
1727
+ --shadow-resting-medium: 0px 1px 1px 0px #25292e1a, 0px 3px 6px 0px #25292e1f;
1649
1728
  --skeletonLoader-bgColor: #818b981a;
1650
1729
  --topicTag-borderColor: var(--base-color-transparent);
1651
1730
  --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;