@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-high-contrast.css CHANGED
@@ -483,14 +483,28 @@
483
483
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
484
484
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
485
485
  --data-blue-color-muted: var(--base-display-color-blue-0);
486
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
487
+ --data-brown-color-muted: var(--base-display-color-brown-0);
488
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
489
+ --data-coral-color-muted: var(--base-display-color-coral-0);
486
490
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
487
491
  --data-gray-color-muted: var(--base-display-color-gray-0);
488
492
  --data-green-color-emphasis: var(--base-display-color-green-4);
489
493
  --data-green-color-muted: var(--base-display-color-green-0);
494
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
495
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
496
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
497
+ --data-lime-color-muted: var(--base-display-color-lime-0);
498
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
499
+ --data-olive-color-muted: var(--base-display-color-olive-0);
490
500
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
491
501
  --data-orange-color-muted: var(--base-display-color-orange-0);
502
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
503
+ --data-pine-color-muted: var(--base-display-color-pine-0);
492
504
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
493
505
  --data-pink-color-muted: var(--base-display-color-pink-0);
506
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
507
+ --data-plum-color-muted: var(--base-display-color-plum-0);
494
508
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
495
509
  --data-purple-color-muted: var(--base-display-color-purple-0);
496
510
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -828,6 +842,40 @@
828
842
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
829
843
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
830
844
  --counter-borderColor: var(--borderColor-default);
845
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
846
+ --data-auburn-color-gradientStop-2: #27181700;
847
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
848
+ --data-blue-color-gradientStop-2: #001a4700;
849
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
850
+ --data-brown-color-gradientStop-2: #241c1400;
851
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
852
+ --data-coral-color-gradientStop-2: #35100800;
853
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
854
+ --data-gray-color-gradientStop-2: #1c1c1c00;
855
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
856
+ --data-green-color-gradientStop-2: #12211700;
857
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
858
+ --data-lemon-color-gradientStop-2: #291d0000;
859
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
860
+ --data-lime-color-gradientStop-2: #141f0f00;
861
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
862
+ --data-olive-color-gradientStop-2: #171e0b00;
863
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
864
+ --data-orange-color-gradientStop-2: #31170800;
865
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
866
+ --data-pine-color-gradientStop-2: #08211900;
867
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
868
+ --data-pink-color-gradientStop-2: #2d152400;
869
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
870
+ --data-plum-color-gradientStop-2: #2a0e3f00;
871
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
872
+ --data-purple-color-gradientStop-2: #21104700;
873
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
874
+ --data-red-color-gradientStop-2: #3c061400;
875
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
876
+ --data-teal-color-gradientStop-2: #041f2500;
877
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
878
+ --data-yellow-color-gradientStop-2: #2e1a0000;
831
879
  --diffBlob-additionLine-bgColor: #0ac74033;
832
880
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
833
881
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -852,9 +900,9 @@
852
900
  --selection-bgColor: #194fb1b3;
853
901
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
854
902
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
855
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
856
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
857
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
903
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
904
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
905
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
858
906
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
859
907
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
860
908
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -897,6 +945,23 @@
897
945
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
898
946
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
899
947
  --controlTrack-fgColor-rest: var(--fgColor-default);
948
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
949
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
950
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
951
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
952
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
953
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
954
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
955
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
956
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
957
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
958
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
959
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
960
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
961
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
962
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
963
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
964
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
900
965
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
901
966
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
902
967
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -925,7 +990,7 @@
925
990
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
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_high_contrast"],
@@ -1411,14 +1476,28 @@
1411
1476
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1412
1477
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1413
1478
  --data-blue-color-muted: var(--base-display-color-blue-0);
1479
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1480
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1481
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1482
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1414
1483
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1415
1484
  --data-gray-color-muted: var(--base-display-color-gray-0);
1416
1485
  --data-green-color-emphasis: var(--base-display-color-green-4);
1417
1486
  --data-green-color-muted: var(--base-display-color-green-0);
1487
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1488
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1489
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1490
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1491
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1492
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1418
1493
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1419
1494
  --data-orange-color-muted: var(--base-display-color-orange-0);
1495
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1496
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1420
1497
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1421
1498
  --data-pink-color-muted: var(--base-display-color-pink-0);
1499
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1500
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1422
1501
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1423
1502
  --data-purple-color-muted: var(--base-display-color-purple-0);
1424
1503
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1756,6 +1835,40 @@
1756
1835
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1757
1836
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1758
1837
  --counter-borderColor: var(--borderColor-default);
1838
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1839
+ --data-auburn-color-gradientStop-2: #27181700;
1840
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1841
+ --data-blue-color-gradientStop-2: #001a4700;
1842
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1843
+ --data-brown-color-gradientStop-2: #241c1400;
1844
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1845
+ --data-coral-color-gradientStop-2: #35100800;
1846
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1847
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1848
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1849
+ --data-green-color-gradientStop-2: #12211700;
1850
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1851
+ --data-lemon-color-gradientStop-2: #291d0000;
1852
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1853
+ --data-lime-color-gradientStop-2: #141f0f00;
1854
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1855
+ --data-olive-color-gradientStop-2: #171e0b00;
1856
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1857
+ --data-orange-color-gradientStop-2: #31170800;
1858
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1859
+ --data-pine-color-gradientStop-2: #08211900;
1860
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1861
+ --data-pink-color-gradientStop-2: #2d152400;
1862
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1863
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1864
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1865
+ --data-purple-color-gradientStop-2: #21104700;
1866
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1867
+ --data-red-color-gradientStop-2: #3c061400;
1868
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1869
+ --data-teal-color-gradientStop-2: #041f2500;
1870
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1871
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1759
1872
  --diffBlob-additionLine-bgColor: #0ac74033;
1760
1873
  --diffBlob-additionWord-bgColor: var(--bgColor-success-emphasis);
1761
1874
  --diffBlob-deletionLine-bgColor: #ff808033;
@@ -1780,9 +1893,9 @@
1780
1893
  --selection-bgColor: #194fb1b3;
1781
1894
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1782
1895
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1783
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1784
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1785
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1896
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1897
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1898
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1786
1899
  --topicTag-borderColor: var(--borderColor-accent-emphasis);
1787
1900
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1788
1901
  --underlineNav-iconColor-rest: var(--fgColor-muted);
@@ -1825,6 +1938,23 @@
1825
1938
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1826
1939
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1827
1940
  --controlTrack-fgColor-rest: var(--fgColor-default);
1941
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1942
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1943
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1944
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1945
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1946
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1947
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1948
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1949
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1950
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1951
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1952
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1953
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1954
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1955
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1956
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1957
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1828
1958
  --diffBlob-additionLine-fgColor: var(--fgColor-onEmphasis);
1829
1959
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
1830
1960
  --diffBlob-additionWord-fgColor: var(--fgColor-default);
@@ -1853,6 +1983,6 @@
1853
1983
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
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/dark-tritanopia.css CHANGED
@@ -482,14 +482,28 @@
482
482
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
483
483
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
484
484
  --data-blue-color-muted: var(--base-display-color-blue-0);
485
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
486
+ --data-brown-color-muted: var(--base-display-color-brown-0);
487
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
488
+ --data-coral-color-muted: var(--base-display-color-coral-0);
485
489
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
486
490
  --data-gray-color-muted: var(--base-display-color-gray-0);
487
491
  --data-green-color-emphasis: var(--base-display-color-green-4);
488
492
  --data-green-color-muted: var(--base-display-color-green-0);
493
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
494
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
495
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
496
+ --data-lime-color-muted: var(--base-display-color-lime-0);
497
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
498
+ --data-olive-color-muted: var(--base-display-color-olive-0);
489
499
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
490
500
  --data-orange-color-muted: var(--base-display-color-orange-0);
501
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
502
+ --data-pine-color-muted: var(--base-display-color-pine-0);
491
503
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
492
504
  --data-pink-color-muted: var(--base-display-color-pink-0);
505
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
506
+ --data-plum-color-muted: var(--base-display-color-plum-0);
493
507
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
494
508
  --data-purple-color-muted: var(--base-display-color-purple-0);
495
509
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -842,6 +856,40 @@
842
856
  --controlTrack-fgColor-rest: var(--fgColor-muted);
843
857
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
844
858
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
859
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
860
+ --data-auburn-color-gradientStop-2: #27181700;
861
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
862
+ --data-blue-color-gradientStop-2: #001a4700;
863
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
864
+ --data-brown-color-gradientStop-2: #241c1400;
865
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
866
+ --data-coral-color-gradientStop-2: #35100800;
867
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
868
+ --data-gray-color-gradientStop-2: #1c1c1c00;
869
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
870
+ --data-green-color-gradientStop-2: #12211700;
871
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
872
+ --data-lemon-color-gradientStop-2: #291d0000;
873
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
874
+ --data-lime-color-gradientStop-2: #141f0f00;
875
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
876
+ --data-olive-color-gradientStop-2: #171e0b00;
877
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
878
+ --data-orange-color-gradientStop-2: #31170800;
879
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
880
+ --data-pine-color-gradientStop-2: #08211900;
881
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
882
+ --data-pink-color-gradientStop-2: #2d152400;
883
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
884
+ --data-plum-color-gradientStop-2: #2a0e3f00;
885
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
886
+ --data-purple-color-gradientStop-2: #21104700;
887
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
888
+ --data-red-color-gradientStop-2: #3c061400;
889
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
890
+ --data-teal-color-gradientStop-2: #041f2500;
891
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
892
+ --data-yellow-color-gradientStop-2: #2e1a0000;
845
893
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
846
894
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
847
895
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -870,9 +918,9 @@
870
918
  --selection-bgColor: #1f6febb3;
871
919
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
872
920
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
873
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
874
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
875
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
921
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
922
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
923
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
876
924
  --tooltip-bgColor: var(--bgColor-emphasis);
877
925
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
878
926
  --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_tritanopia"],
@@ -1410,14 +1475,28 @@
1410
1475
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1411
1476
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1412
1477
  --data-blue-color-muted: var(--base-display-color-blue-0);
1478
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1479
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1480
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1481
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1413
1482
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1414
1483
  --data-gray-color-muted: var(--base-display-color-gray-0);
1415
1484
  --data-green-color-emphasis: var(--base-display-color-green-4);
1416
1485
  --data-green-color-muted: var(--base-display-color-green-0);
1486
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1487
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1488
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1489
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1490
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1491
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1417
1492
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1418
1493
  --data-orange-color-muted: var(--base-display-color-orange-0);
1494
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1495
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1419
1496
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1420
1497
  --data-pink-color-muted: var(--base-display-color-pink-0);
1498
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1499
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1421
1500
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1422
1501
  --data-purple-color-muted: var(--base-display-color-purple-0);
1423
1502
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1770,6 +1849,40 @@
1770
1849
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1771
1850
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1772
1851
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1852
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1853
+ --data-auburn-color-gradientStop-2: #27181700;
1854
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1855
+ --data-blue-color-gradientStop-2: #001a4700;
1856
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1857
+ --data-brown-color-gradientStop-2: #241c1400;
1858
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1859
+ --data-coral-color-gradientStop-2: #35100800;
1860
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1861
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1862
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1863
+ --data-green-color-gradientStop-2: #12211700;
1864
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1865
+ --data-lemon-color-gradientStop-2: #291d0000;
1866
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1867
+ --data-lime-color-gradientStop-2: #141f0f00;
1868
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1869
+ --data-olive-color-gradientStop-2: #171e0b00;
1870
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1871
+ --data-orange-color-gradientStop-2: #31170800;
1872
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1873
+ --data-pine-color-gradientStop-2: #08211900;
1874
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1875
+ --data-pink-color-gradientStop-2: #2d152400;
1876
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1877
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1878
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1879
+ --data-purple-color-gradientStop-2: #21104700;
1880
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1881
+ --data-red-color-gradientStop-2: #3c061400;
1882
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1883
+ --data-teal-color-gradientStop-2: #041f2500;
1884
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1885
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1773
1886
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1774
1887
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1775
1888
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1798,9 +1911,9 @@
1798
1911
  --selection-bgColor: #1f6febb3;
1799
1912
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
1800
1913
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1801
- --shadow-resting-medium: 0px 3px 6px 0px #010409cc;
1802
- --shadow-resting-small: 0px 1px 0px 0px #01040966;
1803
- --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1914
+ --shadow-resting-medium: 0px 1px 1px 0px #01040966, 0px 3px 6px 0px #010409cc;
1915
+ --shadow-resting-small: 0px 1px 1px 0px #01040999, 0px 1px 3px 0px #01040999;
1916
+ --shadow-resting-xsmall: 0px 1px 1px 0px #010409cc;
1804
1917
  --tooltip-bgColor: var(--bgColor-emphasis);
1805
1918
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
1806
1919
  --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
  }