@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-colorblind.css CHANGED
@@ -479,14 +479,28 @@
479
479
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
480
480
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
481
481
  --data-blue-color-muted: var(--base-display-color-blue-0);
482
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
483
+ --data-brown-color-muted: var(--base-display-color-brown-0);
484
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
485
+ --data-coral-color-muted: var(--base-display-color-coral-0);
482
486
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
483
487
  --data-gray-color-muted: var(--base-display-color-gray-0);
484
488
  --data-green-color-emphasis: var(--base-display-color-green-4);
485
489
  --data-green-color-muted: var(--base-display-color-green-0);
490
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
491
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
492
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
493
+ --data-lime-color-muted: var(--base-display-color-lime-0);
494
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
495
+ --data-olive-color-muted: var(--base-display-color-olive-0);
486
496
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
487
497
  --data-orange-color-muted: var(--base-display-color-orange-0);
498
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
499
+ --data-pine-color-muted: var(--base-display-color-pine-0);
488
500
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
489
501
  --data-pink-color-muted: var(--base-display-color-pink-0);
502
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
503
+ --data-plum-color-muted: var(--base-display-color-plum-0);
490
504
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
491
505
  --data-purple-color-muted: var(--base-display-color-purple-0);
492
506
  --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: #388bfd26;
846
894
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
847
895
  --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_colorblind"],
@@ -1407,14 +1472,28 @@
1407
1472
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1408
1473
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1409
1474
  --data-blue-color-muted: var(--base-display-color-blue-0);
1475
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1476
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1477
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1478
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1410
1479
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1411
1480
  --data-gray-color-muted: var(--base-display-color-gray-0);
1412
1481
  --data-green-color-emphasis: var(--base-display-color-green-4);
1413
1482
  --data-green-color-muted: var(--base-display-color-green-0);
1483
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1484
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1485
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1486
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1487
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1488
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1414
1489
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1415
1490
  --data-orange-color-muted: var(--base-display-color-orange-0);
1491
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1492
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1416
1493
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1417
1494
  --data-pink-color-muted: var(--base-display-color-pink-0);
1495
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1496
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1418
1497
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1419
1498
  --data-purple-color-muted: var(--base-display-color-purple-0);
1420
1499
  --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: #388bfd26;
1774
1887
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1775
1888
  --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/dark-dimmed.css CHANGED
@@ -488,14 +488,28 @@
488
488
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
489
489
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
490
490
  --data-blue-color-muted: var(--base-display-color-blue-0);
491
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
492
+ --data-brown-color-muted: var(--base-display-color-brown-0);
493
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
494
+ --data-coral-color-muted: var(--base-display-color-coral-0);
491
495
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
492
496
  --data-gray-color-muted: var(--base-display-color-gray-0);
493
497
  --data-green-color-emphasis: var(--base-display-color-green-4);
494
498
  --data-green-color-muted: var(--base-display-color-green-0);
499
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
500
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
501
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
502
+ --data-lime-color-muted: var(--base-display-color-lime-0);
503
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
504
+ --data-olive-color-muted: var(--base-display-color-olive-0);
495
505
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
496
506
  --data-orange-color-muted: var(--base-display-color-orange-0);
507
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
508
+ --data-pine-color-muted: var(--base-display-color-pine-0);
497
509
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
498
510
  --data-pink-color-muted: var(--base-display-color-pink-0);
511
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
512
+ --data-plum-color-muted: var(--base-display-color-plum-0);
499
513
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
500
514
  --data-purple-color-muted: var(--base-display-color-purple-0);
501
515
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -854,6 +868,40 @@
854
868
  --controlTrack-fgColor-rest: var(--fgColor-muted);
855
869
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
856
870
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
871
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
872
+ --data-auburn-color-gradientStop-2: #27181700;
873
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
874
+ --data-blue-color-gradientStop-2: #001a4700;
875
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
876
+ --data-brown-color-gradientStop-2: #241c1400;
877
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
878
+ --data-coral-color-gradientStop-2: #35100800;
879
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
880
+ --data-gray-color-gradientStop-2: #1c1c1c00;
881
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
882
+ --data-green-color-gradientStop-2: #12211700;
883
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
884
+ --data-lemon-color-gradientStop-2: #291d0000;
885
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
886
+ --data-lime-color-gradientStop-2: #141f0f00;
887
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
888
+ --data-olive-color-gradientStop-2: #171e0b00;
889
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
890
+ --data-orange-color-gradientStop-2: #31170800;
891
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
892
+ --data-pine-color-gradientStop-2: #08211900;
893
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
894
+ --data-pink-color-gradientStop-2: #2d152400;
895
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
896
+ --data-plum-color-gradientStop-2: #2a0e3f00;
897
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
898
+ --data-purple-color-gradientStop-2: #21104700;
899
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
900
+ --data-red-color-gradientStop-2: #3c061400;
901
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
902
+ --data-teal-color-gradientStop-2: #041f2500;
903
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
904
+ --data-yellow-color-gradientStop-2: #2e1a0000;
857
905
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
858
906
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
859
907
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -888,9 +936,9 @@
888
936
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
889
937
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
890
938
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
891
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
892
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
893
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
939
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
940
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
941
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
894
942
  --tooltip-bgColor: var(--bgColor-emphasis);
895
943
  --tooltip-fgColor: var(--fgColor-onEmphasis);
896
944
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -923,9 +971,26 @@
923
971
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
924
972
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
925
973
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
974
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
975
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
976
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
977
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
978
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
979
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
980
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
981
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
982
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
983
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
984
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
985
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
986
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
987
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
988
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
989
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
990
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
926
991
  --focus-outline: 2px solid #316dca;
927
992
  --button-danger-borderColor-active: var(--button-danger-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_dimmed"],
@@ -1416,14 +1481,28 @@
1416
1481
  --data-auburn-color-muted: var(--base-display-color-auburn-0);
1417
1482
  --data-blue-color-emphasis: var(--base-display-color-blue-5);
1418
1483
  --data-blue-color-muted: var(--base-display-color-blue-0);
1484
+ --data-brown-color-emphasis: var(--base-display-color-brown-5);
1485
+ --data-brown-color-muted: var(--base-display-color-brown-0);
1486
+ --data-coral-color-emphasis: var(--base-display-color-coral-5);
1487
+ --data-coral-color-muted: var(--base-display-color-coral-0);
1419
1488
  --data-gray-color-emphasis: var(--base-display-color-gray-4);
1420
1489
  --data-gray-color-muted: var(--base-display-color-gray-0);
1421
1490
  --data-green-color-emphasis: var(--base-display-color-green-4);
1422
1491
  --data-green-color-muted: var(--base-display-color-green-0);
1492
+ --data-lemon-color-emphasis: var(--base-display-color-lemon-5);
1493
+ --data-lemon-color-muted: var(--base-display-color-lemon-0);
1494
+ --data-lime-color-emphasis: var(--base-display-color-lime-5);
1495
+ --data-lime-color-muted: var(--base-display-color-lime-0);
1496
+ --data-olive-color-emphasis: var(--base-display-color-olive-5);
1497
+ --data-olive-color-muted: var(--base-display-color-olive-0);
1423
1498
  --data-orange-color-emphasis: var(--base-display-color-orange-4);
1424
1499
  --data-orange-color-muted: var(--base-display-color-orange-0);
1500
+ --data-pine-color-emphasis: var(--base-display-color-pine-5);
1501
+ --data-pine-color-muted: var(--base-display-color-pine-0);
1425
1502
  --data-pink-color-emphasis: var(--base-display-color-pink-5);
1426
1503
  --data-pink-color-muted: var(--base-display-color-pink-0);
1504
+ --data-plum-color-emphasis: var(--base-display-color-plum-5);
1505
+ --data-plum-color-muted: var(--base-display-color-plum-0);
1427
1506
  --data-purple-color-emphasis: var(--base-display-color-purple-5);
1428
1507
  --data-purple-color-muted: var(--base-display-color-purple-0);
1429
1508
  --data-red-color-emphasis: var(--base-display-color-red-5);
@@ -1782,6 +1861,40 @@
1782
1861
  --controlTrack-fgColor-rest: var(--fgColor-muted);
1783
1862
  --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
1784
1863
  --counter-bgColor-muted: var(--bgColor-neutral-muted);
1864
+ --data-auburn-color-gradientStop-1: var(--data-auburn-color-muted);
1865
+ --data-auburn-color-gradientStop-2: #27181700;
1866
+ --data-blue-color-gradientStop-1: var(--data-blue-color-muted);
1867
+ --data-blue-color-gradientStop-2: #001a4700;
1868
+ --data-brown-color-gradientStop-1: var(--data-brown-color-muted);
1869
+ --data-brown-color-gradientStop-2: #241c1400;
1870
+ --data-coral-color-gradientStop-1: var(--data-coral-color-muted);
1871
+ --data-coral-color-gradientStop-2: #35100800;
1872
+ --data-gray-color-gradientStop-1: var(--data-gray-color-muted);
1873
+ --data-gray-color-gradientStop-2: #1c1c1c00;
1874
+ --data-green-color-gradientStop-1: var(--data-green-color-muted);
1875
+ --data-green-color-gradientStop-2: #12211700;
1876
+ --data-lemon-color-gradientStop-1: var(--data-lemon-color-muted);
1877
+ --data-lemon-color-gradientStop-2: #291d0000;
1878
+ --data-lime-color-gradientStop-1: var(--data-lime-color-muted);
1879
+ --data-lime-color-gradientStop-2: #141f0f00;
1880
+ --data-olive-color-gradientStop-1: var(--data-olive-color-muted);
1881
+ --data-olive-color-gradientStop-2: #171e0b00;
1882
+ --data-orange-color-gradientStop-1: var(--data-orange-color-muted);
1883
+ --data-orange-color-gradientStop-2: #31170800;
1884
+ --data-pine-color-gradientStop-1: var(--data-pine-color-muted);
1885
+ --data-pine-color-gradientStop-2: #08211900;
1886
+ --data-pink-color-gradientStop-1: var(--data-pink-color-muted);
1887
+ --data-pink-color-gradientStop-2: #2d152400;
1888
+ --data-plum-color-gradientStop-1: var(--data-plum-color-muted);
1889
+ --data-plum-color-gradientStop-2: #2a0e3f00;
1890
+ --data-purple-color-gradientStop-1: var(--data-purple-color-muted);
1891
+ --data-purple-color-gradientStop-2: #21104700;
1892
+ --data-red-color-gradientStop-1: var(--data-red-color-muted);
1893
+ --data-red-color-gradientStop-2: #3c061400;
1894
+ --data-teal-color-gradientStop-1: var(--data-teal-color-muted);
1895
+ --data-teal-color-gradientStop-2: #041f2500;
1896
+ --data-yellow-color-gradientStop-1: var(--data-yellow-color-muted);
1897
+ --data-yellow-color-gradientStop-2: #2e1a0000;
1785
1898
  --diffBlob-additionLine-bgColor: var(--bgColor-success-muted);
1786
1899
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1787
1900
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -1816,9 +1929,9 @@
1816
1929
  --shadow-floating-small: 0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #1c212866, 0px 6px 18px 0px #1c212866;
1817
1930
  --shadow-floating-xlarge: 0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #1c2128;
1818
1931
  --shadow-inset: inset 0px 1px 0px 0px #1c21283d;
1819
- --shadow-resting-medium: 0px 3px 6px 0px #1c2128cc;
1820
- --shadow-resting-small: 0px 1px 0px 0px #1c212866;
1821
- --shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
1932
+ --shadow-resting-medium: 0px 1px 1px 0px #1c212866, 0px 3px 6px 0px #1c2128cc;
1933
+ --shadow-resting-small: 0px 1px 1px 0px #1c212899, 0px 1px 3px 0px #1c212899;
1934
+ --shadow-resting-xsmall: 0px 1px 1px 0px #1c2128cc;
1822
1935
  --tooltip-bgColor: var(--bgColor-emphasis);
1823
1936
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1824
1937
  --treeViewItem-leadingVisual-iconColor-rest: var(--fgColor-muted);
@@ -1851,8 +1964,25 @@
1851
1964
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1852
1965
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1853
1966
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1967
+ --data-auburn-gradient: linear-gradient(180deg, #271817 0%, #27181700 100%);
1968
+ --data-blue-gradient: linear-gradient(180deg, #001a47 0%, #001a4700 100%);
1969
+ --data-brown-gradient: linear-gradient(180deg, #241c14 0%, #241c1400 100%);
1970
+ --data-coral-gradient: linear-gradient(180deg, #351008 0%, #35100800 100%);
1971
+ --data-gray-gradient: linear-gradient(180deg, #1c1c1c 0%, #1c1c1c00 100%);
1972
+ --data-green-gradient: linear-gradient(180deg, #122117 0%, #12211700 100%);
1973
+ --data-lemon-gradient: linear-gradient(180deg, #291d00 0%, #291d0000 100%);
1974
+ --data-lime-gradient: linear-gradient(180deg, #141f0f 0%, #141f0f00 100%);
1975
+ --data-olive-gradient: linear-gradient(180deg, #171e0b 0%, #171e0b00 100%);
1976
+ --data-orange-gradient: linear-gradient(180deg, #311708 0%, #31170800 100%);
1977
+ --data-pine-gradient: linear-gradient(180deg, #082119 0%, #08211900 100%);
1978
+ --data-pink-gradient: linear-gradient(180deg, #2d1524 0%, #2d152400 100%);
1979
+ --data-plum-gradient: linear-gradient(180deg, #2a0e3f 0%, #2a0e3f00 100%);
1980
+ --data-purple-gradient: linear-gradient(180deg, #211047 0%, #21104700 100%);
1981
+ --data-red-gradient: linear-gradient(180deg, #3c0614 0%, #3c061400 100%);
1982
+ --data-teal-gradient: linear-gradient(180deg, #041f25 0%, #041f2500 100%);
1983
+ --data-yellow-gradient: linear-gradient(180deg, #2e1a00 0%, #2e1a0000 100%);
1854
1984
  --focus-outline: 2px solid #316dca;
1855
1985
  --button-danger-borderColor-active: var(--button-danger-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
  }