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

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