@primer/primitives 11.1.0-rc.f0583fc7 → 11.2.0-rc.1012e204

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 (116) hide show
  1. package/dist/build/schemas/alphaValue.d.ts +1 -1
  2. package/dist/build/schemas/alphaValue.js +8 -3
  3. package/dist/build/schemas/baseToken.d.ts +2 -8
  4. package/dist/build/schemas/borderToken.d.ts +30 -47
  5. package/dist/build/schemas/collections.d.ts +2 -2
  6. package/dist/build/schemas/collections.js +16 -6
  7. package/dist/build/schemas/colorHexValue.d.ts +1 -1
  8. package/dist/build/schemas/colorHexValue.js +8 -3
  9. package/dist/build/schemas/colorToken.d.ts +81 -789
  10. package/dist/build/schemas/colorToken.js +1 -1
  11. package/dist/build/schemas/cubicBezierToken.d.ts +4 -15
  12. package/dist/build/schemas/designToken.d.ts +1 -1
  13. package/dist/build/schemas/dimensionToken.d.ts +8 -53
  14. package/dist/build/schemas/dimensionValue.d.ts +1 -1
  15. package/dist/build/schemas/dimensionValue.js +8 -3
  16. package/dist/build/schemas/durationToken.d.ts +4 -15
  17. package/dist/build/schemas/durationValue.d.ts +1 -1
  18. package/dist/build/schemas/durationValue.js +8 -3
  19. package/dist/build/schemas/fontFamilyToken.d.ts +8 -47
  20. package/dist/build/schemas/fontWeightToken.d.ts +8 -47
  21. package/dist/build/schemas/fontWeightValue.d.ts +1 -1
  22. package/dist/build/schemas/fontWeightValue.js +8 -3
  23. package/dist/build/schemas/gradientToken.d.ts +8 -53
  24. package/dist/build/schemas/numberToken.d.ts +9 -64
  25. package/dist/build/schemas/referenceValue.d.ts +1 -1
  26. package/dist/build/schemas/referenceValue.js +8 -3
  27. package/dist/build/schemas/scopes.d.ts +1 -1
  28. package/dist/build/schemas/scopes.js +8 -3
  29. package/dist/build/schemas/shadowToken.d.ts +210 -2136
  30. package/dist/build/schemas/shadowToken.js +0 -9
  31. package/dist/build/schemas/stringToken.d.ts +4 -15
  32. package/dist/build/schemas/tokenName.d.ts +1 -1
  33. package/dist/build/schemas/tokenName.js +8 -3
  34. package/dist/build/schemas/transitionToken.d.ts +8 -35
  35. package/dist/build/schemas/typographyToken.d.ts +14 -55
  36. package/dist/build/schemas/validTokenType.d.ts +1 -1
  37. package/dist/build/schemas/validTokenType.js +8 -3
  38. package/dist/build/schemas/viewportRangeToken.d.ts +4 -15
  39. package/dist/build/types/tokenBuildInput.d.ts +2 -0
  40. package/dist/build/utilities/log.js +0 -3
  41. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +30 -0
  42. package/dist/css/functional/themes/dark-colorblind.css +30 -0
  43. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +30 -0
  44. package/dist/css/functional/themes/dark-dimmed.css +30 -0
  45. package/dist/css/functional/themes/dark-high-contrast.css +30 -0
  46. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +30 -0
  47. package/dist/css/functional/themes/dark-tritanopia.css +30 -0
  48. package/dist/css/functional/themes/dark.css +30 -0
  49. package/dist/css/functional/themes/light-colorblind-high-contrast.css +30 -0
  50. package/dist/css/functional/themes/light-colorblind.css +30 -0
  51. package/dist/css/functional/themes/light-high-contrast.css +30 -0
  52. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +30 -0
  53. package/dist/css/functional/themes/light-tritanopia.css +30 -0
  54. package/dist/css/functional/themes/light.css +30 -0
  55. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +693 -0
  56. package/dist/docs/functional/themes/dark-colorblind.json +693 -0
  57. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +689 -0
  58. package/dist/docs/functional/themes/dark-dimmed.json +689 -0
  59. package/dist/docs/functional/themes/dark-high-contrast.json +689 -0
  60. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +691 -0
  61. package/dist/docs/functional/themes/dark-tritanopia.json +693 -0
  62. package/dist/docs/functional/themes/dark.json +689 -0
  63. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +691 -0
  64. package/dist/docs/functional/themes/light-colorblind.json +691 -0
  65. package/dist/docs/functional/themes/light-high-contrast.json +689 -0
  66. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +691 -0
  67. package/dist/docs/functional/themes/light-tritanopia.json +691 -0
  68. package/dist/docs/functional/themes/light.json +689 -0
  69. package/dist/figma/figma.json +4 -14
  70. package/dist/figma/themes/dark-colorblind.json +257 -0
  71. package/dist/figma/themes/dark-dimmed.json +255 -0
  72. package/dist/figma/themes/dark-high-contrast.json +255 -0
  73. package/dist/figma/themes/dark-tritanopia.json +257 -0
  74. package/dist/figma/themes/dark.json +255 -0
  75. package/dist/figma/themes/light-colorblind.json +256 -0
  76. package/dist/figma/themes/light-high-contrast.json +255 -0
  77. package/dist/figma/themes/light-tritanopia.json +256 -0
  78. package/dist/figma/themes/light.json +255 -0
  79. package/dist/internalCss/dark-colorblind-high-contrast.css +30 -0
  80. package/dist/internalCss/dark-colorblind.css +30 -0
  81. package/dist/internalCss/dark-dimmed-high-contrast.css +30 -0
  82. package/dist/internalCss/dark-dimmed.css +30 -0
  83. package/dist/internalCss/dark-high-contrast.css +30 -0
  84. package/dist/internalCss/dark-tritanopia-high-contrast.css +30 -0
  85. package/dist/internalCss/dark-tritanopia.css +30 -0
  86. package/dist/internalCss/dark.css +30 -0
  87. package/dist/internalCss/light-colorblind-high-contrast.css +30 -0
  88. package/dist/internalCss/light-colorblind.css +30 -0
  89. package/dist/internalCss/light-high-contrast.css +30 -0
  90. package/dist/internalCss/light-tritanopia-high-contrast.css +30 -0
  91. package/dist/internalCss/light-tritanopia.css +30 -0
  92. package/dist/internalCss/light.css +30 -0
  93. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +693 -0
  94. package/dist/styleLint/functional/themes/dark-colorblind.json +693 -0
  95. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +689 -0
  96. package/dist/styleLint/functional/themes/dark-dimmed.json +689 -0
  97. package/dist/styleLint/functional/themes/dark-high-contrast.json +689 -0
  98. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +691 -0
  99. package/dist/styleLint/functional/themes/dark-tritanopia.json +693 -0
  100. package/dist/styleLint/functional/themes/dark.json +689 -0
  101. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +691 -0
  102. package/dist/styleLint/functional/themes/light-colorblind.json +691 -0
  103. package/dist/styleLint/functional/themes/light-high-contrast.json +689 -0
  104. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +691 -0
  105. package/dist/styleLint/functional/themes/light-tritanopia.json +691 -0
  106. package/dist/styleLint/functional/themes/light.json +689 -0
  107. package/package.json +16 -16
  108. package/src/tokens/component/progressBar.json5 +145 -0
  109. package/src/tokens/functional/color/bgColor.json5 +48 -0
  110. package/src/tokens/functional/color/borderColor.json5 +64 -0
  111. package/src/tokens/functional/color/fgColor.json5 +14 -0
  112. package/dist/figma/themes/dark-colorblind-high-contrast.json +0 -14181
  113. package/dist/figma/themes/dark-dimmed-high-contrast.json +0 -14175
  114. package/dist/figma/themes/dark-tritanopia-high-contrast.json +0 -14177
  115. package/dist/figma/themes/light-colorblind-high-contrast.json +0 -14161
  116. package/dist/figma/themes/light-tritanopia-high-contrast.json +0 -14160
package/dist/css/functional/themes/light-colorblind-high-contrast.css CHANGED
@@ -612,6 +612,8 @@
612
612
  --label-yellow-fgColor-rest: #805900;
613
613
  --menu-bgColor-active: #ffffff00;
614
614
  --overlay-backdrop-bgColor: #393f4666;
615
+ --progressBar-bgColor-neutral: #818b98;
616
+ --progressBar-track-borderColor: #393f46;
615
617
  --reactionButton-selected-bgColor-rest: #dff7ff;
616
618
  --reactionButton-selected-fgColor-hover: #023b95;
617
619
  --selectMenu-bgColor-active: #9cd7ff;
@@ -627,6 +629,8 @@
627
629
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
628
630
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
629
631
  --bgColor-default: #ffffff;
632
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
633
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
630
634
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
631
635
  --bgColor-upsell-muted: var(--bgColor-done-muted);
632
636
  --bgColor-white: #ffffff;
@@ -649,6 +653,8 @@
649
653
  --border-success-muted: 0.0625rem solid #368cf9;
650
654
  --border-transparent: 0.0625rem solid #ffffff00;
651
655
  --borderColor-closed-muted: var(--borderColor-default);
656
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
657
+ --borderColor-draft-muted: var(--borderColor-default);
652
658
  --borderColor-emphasis: var(--borderColor-default);
653
659
  --borderColor-muted: var(--borderColor-default);
654
660
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -742,6 +748,7 @@
742
748
  --fgColor-black: #010409;
743
749
  --fgColor-closed: var(--fgColor-muted);
744
750
  --fgColor-default: #010409;
751
+ --fgColor-draft: var(--fgColor-neutral);
745
752
  --fgColor-link: var(--fgColor-accent);
746
753
  --fgColor-onEmphasis: #ffffff;
747
754
  --fgColor-onInverse: #ffffff;
@@ -772,6 +779,13 @@
772
779
  --overlay-bgColor: #ffffff;
773
780
  --overlay-borderColor: var(--borderColor-default);
774
781
  --page-header-bgColor: var(--bgColor-muted);
782
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
783
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
784
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
785
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
786
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
787
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
788
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
775
789
  --selection-bgColor: #0349b433;
776
790
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
777
791
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +849,7 @@
835
849
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
836
850
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
851
  --focus-outline: 2px solid #0349b4;
852
+ --progressBar-track-bgColor: var(--bgColor-default);
838
853
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
854
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
855
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1459,6 +1474,8 @@
1459
1474
  --label-yellow-fgColor-rest: #805900;
1460
1475
  --menu-bgColor-active: #ffffff00;
1461
1476
  --overlay-backdrop-bgColor: #393f4666;
1477
+ --progressBar-bgColor-neutral: #818b98;
1478
+ --progressBar-track-borderColor: #393f46;
1462
1479
  --reactionButton-selected-bgColor-rest: #dff7ff;
1463
1480
  --reactionButton-selected-fgColor-hover: #023b95;
1464
1481
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1474,6 +1491,8 @@
1474
1491
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
1475
1492
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
1476
1493
  --bgColor-default: #ffffff;
1494
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1495
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1477
1496
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1478
1497
  --bgColor-upsell-muted: var(--bgColor-done-muted);
1479
1498
  --bgColor-white: #ffffff;
@@ -1496,6 +1515,8 @@
1496
1515
  --border-success-muted: 0.0625rem solid #368cf9;
1497
1516
  --border-transparent: 0.0625rem solid #ffffff00;
1498
1517
  --borderColor-closed-muted: var(--borderColor-default);
1518
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1519
+ --borderColor-draft-muted: var(--borderColor-default);
1499
1520
  --borderColor-emphasis: var(--borderColor-default);
1500
1521
  --borderColor-muted: var(--borderColor-default);
1501
1522
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1589,6 +1610,7 @@
1589
1610
  --fgColor-black: #010409;
1590
1611
  --fgColor-closed: var(--fgColor-muted);
1591
1612
  --fgColor-default: #010409;
1613
+ --fgColor-draft: var(--fgColor-neutral);
1592
1614
  --fgColor-link: var(--fgColor-accent);
1593
1615
  --fgColor-onEmphasis: #ffffff;
1594
1616
  --fgColor-onInverse: #ffffff;
@@ -1619,6 +1641,13 @@
1619
1641
  --overlay-bgColor: #ffffff;
1620
1642
  --overlay-borderColor: var(--borderColor-default);
1621
1643
  --page-header-bgColor: var(--bgColor-muted);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1649
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1650
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1622
1651
  --selection-bgColor: #0349b433;
1623
1652
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1624
1653
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1711,7 @@
1682
1711
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1683
1712
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1713
  --focus-outline: 2px solid #0349b4;
1714
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1715
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1716
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
1717
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/functional/themes/light-colorblind.css CHANGED
@@ -627,6 +627,7 @@
627
627
  --label-yellow-fgColor-rest: #805900;
628
628
  --menu-bgColor-active: #ffffff00;
629
629
  --overlay-backdrop-bgColor: #c8d1da66;
630
+ --progressBar-track-borderColor: #ffffff00;
630
631
  --reactionButton-selected-bgColor-rest: #ddf4ff;
631
632
  --reactionButton-selected-fgColor-hover: #0550ae;
632
633
  --selectMenu-bgColor-active: #b6e3ff;
@@ -643,6 +644,8 @@
643
644
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
644
645
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
645
646
  --bgColor-default: #ffffff;
647
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
648
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
646
649
  --bgColor-inset: var(--bgColor-muted);
647
650
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
648
651
  --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -668,6 +671,8 @@
668
671
  --border-transparent: 0.0625rem solid #ffffff00;
669
672
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
670
673
  --borderColor-closed-muted: #d1d9e066;
674
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
675
+ --borderColor-draft-muted: #d1d9e066;
671
676
  --borderColor-muted: #d1d9e0b3;
672
677
  --borderColor-translucent: #1f232826;
673
678
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -762,6 +767,7 @@
762
767
  --fgColor-black: #1f2328;
763
768
  --fgColor-closed: var(--fgColor-muted);
764
769
  --fgColor-default: #1f2328;
770
+ --fgColor-draft: var(--fgColor-neutral);
765
771
  --fgColor-link: var(--fgColor-accent);
766
772
  --fgColor-onEmphasis: #ffffff;
767
773
  --fgColor-onInverse: #ffffff;
@@ -772,6 +778,15 @@
772
778
  --header-fgColor-logo: #ffffff;
773
779
  --overlay-bgColor: #ffffff;
774
780
  --page-header-bgColor: var(--bgColor-muted);
781
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
782
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
783
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
784
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
785
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
786
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
787
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
788
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
789
+ --progressBar-track-bgColor: var(--borderColor-default);
775
790
  --selection-bgColor: #0969da33;
776
791
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
777
792
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1474,6 +1489,7 @@
1474
1489
  --label-yellow-fgColor-rest: #805900;
1475
1490
  --menu-bgColor-active: #ffffff00;
1476
1491
  --overlay-backdrop-bgColor: #c8d1da66;
1492
+ --progressBar-track-borderColor: #ffffff00;
1477
1493
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1478
1494
  --reactionButton-selected-fgColor-hover: #0550ae;
1479
1495
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1490,6 +1506,8 @@
1490
1506
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
1491
1507
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
1492
1508
  --bgColor-default: #ffffff;
1509
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1510
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1493
1511
  --bgColor-inset: var(--bgColor-muted);
1494
1512
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1495
1513
  --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -1515,6 +1533,8 @@
1515
1533
  --border-transparent: 0.0625rem solid #ffffff00;
1516
1534
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
1517
1535
  --borderColor-closed-muted: #d1d9e066;
1536
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1537
+ --borderColor-draft-muted: #d1d9e066;
1518
1538
  --borderColor-muted: #d1d9e0b3;
1519
1539
  --borderColor-translucent: #1f232826;
1520
1540
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1609,6 +1629,7 @@
1609
1629
  --fgColor-black: #1f2328;
1610
1630
  --fgColor-closed: var(--fgColor-muted);
1611
1631
  --fgColor-default: #1f2328;
1632
+ --fgColor-draft: var(--fgColor-neutral);
1612
1633
  --fgColor-link: var(--fgColor-accent);
1613
1634
  --fgColor-onEmphasis: #ffffff;
1614
1635
  --fgColor-onInverse: #ffffff;
@@ -1619,6 +1640,15 @@
1619
1640
  --header-fgColor-logo: #ffffff;
1620
1641
  --overlay-bgColor: #ffffff;
1621
1642
  --page-header-bgColor: var(--bgColor-muted);
1643
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1644
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1645
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1646
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1647
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1648
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1649
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1650
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1651
+ --progressBar-track-bgColor: var(--borderColor-default);
1622
1652
  --selection-bgColor: #0969da33;
1623
1653
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1624
1654
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
package/dist/css/functional/themes/light-high-contrast.css CHANGED
@@ -605,6 +605,8 @@
605
605
  --label-yellow-fgColor-rest: #805900;
606
606
  --menu-bgColor-active: #ffffff00;
607
607
  --overlay-backdrop-bgColor: #393f4666;
608
+ --progressBar-bgColor-neutral: #818b98;
609
+ --progressBar-track-borderColor: #393f46;
608
610
  --reactionButton-selected-bgColor-rest: #dff7ff;
609
611
  --reactionButton-selected-fgColor-hover: #023b95;
610
612
  --selectMenu-bgColor-active: #9cd7ff;
@@ -620,6 +622,8 @@
620
622
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
621
623
  --bgColor-closed-muted: var(--bgColor-danger-muted);
622
624
  --bgColor-default: #ffffff;
625
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
626
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
623
627
  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
624
628
  --bgColor-open-muted: var(--bgColor-success-muted);
625
629
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -645,6 +649,7 @@
645
649
  --border-transparent: 0.0625rem solid #ffffff00;
646
650
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
647
651
  --borderColor-closed-muted: var(--borderColor-danger-muted);
652
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
648
653
  --borderColor-emphasis: var(--borderColor-default);
649
654
  --borderColor-muted: var(--borderColor-default);
650
655
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -742,6 +747,7 @@
742
747
  --fgColor-black: #010409;
743
748
  --fgColor-closed: var(--fgColor-danger);
744
749
  --fgColor-default: #010409;
750
+ --fgColor-draft: var(--fgColor-neutral);
745
751
  --fgColor-link: var(--fgColor-accent);
746
752
  --fgColor-onEmphasis: #ffffff;
747
753
  --fgColor-onInverse: #ffffff;
@@ -773,6 +779,13 @@
773
779
  --overlay-bgColor: #ffffff;
774
780
  --overlay-borderColor: var(--borderColor-default);
775
781
  --page-header-bgColor: var(--bgColor-muted);
782
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
783
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
784
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
785
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
786
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
787
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
788
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
776
789
  --selection-bgColor: #0349b433;
777
790
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
778
791
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +848,7 @@
835
848
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
836
849
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
850
  --focus-outline: 2px solid #0349b4;
851
+ --progressBar-track-bgColor: var(--bgColor-default);
838
852
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
853
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
854
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -843,6 +857,7 @@
843
857
  --tooltip-fgColor: var(--fgColor-onEmphasis);
844
858
  --underlineNav-borderColor-hover: var(--borderColor-muted);
845
859
  --border-neutral-muted: 0.0625rem solid #454c54;
860
+ --borderColor-draft-muted: var(--borderColor-neutral-muted);
846
861
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
847
862
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
848
863
  }
@@ -1452,6 +1467,8 @@
1452
1467
  --label-yellow-fgColor-rest: #805900;
1453
1468
  --menu-bgColor-active: #ffffff00;
1454
1469
  --overlay-backdrop-bgColor: #393f4666;
1470
+ --progressBar-bgColor-neutral: #818b98;
1471
+ --progressBar-track-borderColor: #393f46;
1455
1472
  --reactionButton-selected-bgColor-rest: #dff7ff;
1456
1473
  --reactionButton-selected-fgColor-hover: #023b95;
1457
1474
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1467,6 +1484,8 @@
1467
1484
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1468
1485
  --bgColor-closed-muted: var(--bgColor-danger-muted);
1469
1486
  --bgColor-default: #ffffff;
1487
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1488
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1470
1489
  --bgColor-open-emphasis: var(--bgColor-success-emphasis);
1471
1490
  --bgColor-open-muted: var(--bgColor-success-muted);
1472
1491
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -1492,6 +1511,7 @@
1492
1511
  --border-transparent: 0.0625rem solid #ffffff00;
1493
1512
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
1494
1513
  --borderColor-closed-muted: var(--borderColor-danger-muted);
1514
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1495
1515
  --borderColor-emphasis: var(--borderColor-default);
1496
1516
  --borderColor-muted: var(--borderColor-default);
1497
1517
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
@@ -1589,6 +1609,7 @@
1589
1609
  --fgColor-black: #010409;
1590
1610
  --fgColor-closed: var(--fgColor-danger);
1591
1611
  --fgColor-default: #010409;
1612
+ --fgColor-draft: var(--fgColor-neutral);
1592
1613
  --fgColor-link: var(--fgColor-accent);
1593
1614
  --fgColor-onEmphasis: #ffffff;
1594
1615
  --fgColor-onInverse: #ffffff;
@@ -1620,6 +1641,13 @@
1620
1641
  --overlay-bgColor: #ffffff;
1621
1642
  --overlay-borderColor: var(--borderColor-default);
1622
1643
  --page-header-bgColor: var(--bgColor-muted);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1649
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1650
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1623
1651
  --selection-bgColor: #0349b433;
1624
1652
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1625
1653
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1710,7 @@
1682
1710
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1683
1711
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1712
  --focus-outline: 2px solid #0349b4;
1713
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1714
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1715
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
1716
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1690,6 +1719,7 @@
1690
1719
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1691
1720
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1692
1721
  --border-neutral-muted: 0.0625rem solid #454c54;
1722
+ --borderColor-draft-muted: var(--borderColor-neutral-muted);
1693
1723
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1694
1724
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1695
1725
  }
package/dist/css/functional/themes/light-tritanopia-high-contrast.css CHANGED
@@ -612,6 +612,8 @@
612
612
  --label-yellow-fgColor-rest: #805900;
613
613
  --menu-bgColor-active: #ffffff00;
614
614
  --overlay-backdrop-bgColor: #393f4666;
615
+ --progressBar-bgColor-neutral: #818b98;
616
+ --progressBar-track-borderColor: #393f46;
615
617
  --reactionButton-selected-bgColor-rest: #dff7ff;
616
618
  --reactionButton-selected-fgColor-hover: #023b95;
617
619
  --selectMenu-bgColor-active: #9cd7ff;
@@ -627,6 +629,8 @@
627
629
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
628
630
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
629
631
  --bgColor-default: #ffffff;
632
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
633
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
630
634
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
631
635
  --bgColor-upsell-muted: var(--bgColor-done-muted);
632
636
  --bgColor-white: #ffffff;
@@ -649,6 +653,8 @@
649
653
  --border-success-muted: 0.0625rem solid #368cf9;
650
654
  --border-transparent: 0.0625rem solid #ffffff00;
651
655
  --borderColor-closed-muted: var(--borderColor-default);
656
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
657
+ --borderColor-draft-muted: var(--borderColor-default);
652
658
  --borderColor-emphasis: var(--borderColor-default);
653
659
  --borderColor-muted: var(--borderColor-default);
654
660
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -742,6 +748,7 @@
742
748
  --fgColor-black: #010409;
743
749
  --fgColor-closed: var(--fgColor-muted);
744
750
  --fgColor-default: #010409;
751
+ --fgColor-draft: var(--fgColor-neutral);
745
752
  --fgColor-link: var(--fgColor-accent);
746
753
  --fgColor-onEmphasis: #ffffff;
747
754
  --fgColor-onInverse: #ffffff;
@@ -772,6 +779,13 @@
772
779
  --overlay-bgColor: #ffffff;
773
780
  --overlay-borderColor: var(--borderColor-default);
774
781
  --page-header-bgColor: var(--bgColor-muted);
782
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
783
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
784
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
785
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
786
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
787
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
788
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
775
789
  --selection-bgColor: #0349b433;
776
790
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
777
791
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +849,7 @@
835
849
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
836
850
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
851
  --focus-outline: 2px solid #0349b4;
852
+ --progressBar-track-bgColor: var(--bgColor-default);
838
853
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
854
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
855
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
@@ -1459,6 +1474,8 @@
1459
1474
  --label-yellow-fgColor-rest: #805900;
1460
1475
  --menu-bgColor-active: #ffffff00;
1461
1476
  --overlay-backdrop-bgColor: #393f4666;
1477
+ --progressBar-bgColor-neutral: #818b98;
1478
+ --progressBar-track-borderColor: #393f46;
1462
1479
  --reactionButton-selected-bgColor-rest: #dff7ff;
1463
1480
  --reactionButton-selected-fgColor-hover: #023b95;
1464
1481
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1474,6 +1491,8 @@
1474
1491
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
1475
1492
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
1476
1493
  --bgColor-default: #ffffff;
1494
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1495
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1477
1496
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1478
1497
  --bgColor-upsell-muted: var(--bgColor-done-muted);
1479
1498
  --bgColor-white: #ffffff;
@@ -1496,6 +1515,8 @@
1496
1515
  --border-success-muted: 0.0625rem solid #368cf9;
1497
1516
  --border-transparent: 0.0625rem solid #ffffff00;
1498
1517
  --borderColor-closed-muted: var(--borderColor-default);
1518
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1519
+ --borderColor-draft-muted: var(--borderColor-default);
1499
1520
  --borderColor-emphasis: var(--borderColor-default);
1500
1521
  --borderColor-muted: var(--borderColor-default);
1501
1522
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1589,6 +1610,7 @@
1589
1610
  --fgColor-black: #010409;
1590
1611
  --fgColor-closed: var(--fgColor-muted);
1591
1612
  --fgColor-default: #010409;
1613
+ --fgColor-draft: var(--fgColor-neutral);
1592
1614
  --fgColor-link: var(--fgColor-accent);
1593
1615
  --fgColor-onEmphasis: #ffffff;
1594
1616
  --fgColor-onInverse: #ffffff;
@@ -1619,6 +1641,13 @@
1619
1641
  --overlay-bgColor: #ffffff;
1620
1642
  --overlay-borderColor: var(--borderColor-default);
1621
1643
  --page-header-bgColor: var(--bgColor-muted);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1649
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1650
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1622
1651
  --selection-bgColor: #0349b433;
1623
1652
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1624
1653
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1711,7 @@
1682
1711
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1683
1712
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1713
  --focus-outline: 2px solid #0349b4;
1714
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1715
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1716
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
1717
  --shadow-floating-medium: 0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14;
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -632,6 +632,7 @@
632
632
  --label-yellow-fgColor-rest: #805900;
633
633
  --menu-bgColor-active: #ffffff00;
634
634
  --overlay-backdrop-bgColor: #c8d1da66;
635
+ --progressBar-track-borderColor: #ffffff00;
635
636
  --reactionButton-selected-bgColor-rest: #ddf4ff;
636
637
  --reactionButton-selected-fgColor-hover: #0550ae;
637
638
  --selectMenu-bgColor-active: #b6e3ff;
@@ -648,6 +649,8 @@
648
649
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
649
650
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
650
651
  --bgColor-default: #ffffff;
652
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
653
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
651
654
  --bgColor-inset: var(--bgColor-muted);
652
655
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
653
656
  --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -673,6 +676,8 @@
673
676
  --border-transparent: 0.0625rem solid #ffffff00;
674
677
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
675
678
  --borderColor-closed-muted: #d1d9e066;
679
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
680
+ --borderColor-draft-muted: #d1d9e066;
676
681
  --borderColor-muted: #d1d9e0b3;
677
682
  --borderColor-translucent: #1f232826;
678
683
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -763,6 +768,7 @@
763
768
  --fgColor-black: #1f2328;
764
769
  --fgColor-closed: var(--fgColor-muted);
765
770
  --fgColor-default: #1f2328;
771
+ --fgColor-draft: var(--fgColor-neutral);
766
772
  --fgColor-link: var(--fgColor-accent);
767
773
  --fgColor-onEmphasis: #ffffff;
768
774
  --fgColor-onInverse: #ffffff;
@@ -773,6 +779,15 @@
773
779
  --header-fgColor-logo: #ffffff;
774
780
  --overlay-bgColor: #ffffff;
775
781
  --page-header-bgColor: var(--bgColor-muted);
782
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
783
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
784
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
785
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
786
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
787
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
788
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
789
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
790
+ --progressBar-track-bgColor: var(--borderColor-default);
776
791
  --selection-bgColor: #0969da33;
777
792
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
778
793
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1479,6 +1494,7 @@
1479
1494
  --label-yellow-fgColor-rest: #805900;
1480
1495
  --menu-bgColor-active: #ffffff00;
1481
1496
  --overlay-backdrop-bgColor: #c8d1da66;
1497
+ --progressBar-track-borderColor: #ffffff00;
1482
1498
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1483
1499
  --reactionButton-selected-fgColor-hover: #0550ae;
1484
1500
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1495,6 +1511,8 @@
1495
1511
  --bgColor-closed-emphasis: var(--bgColor-neutral-emphasis);
1496
1512
  --bgColor-closed-muted: var(--bgColor-neutral-muted);
1497
1513
  --bgColor-default: #ffffff;
1514
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1515
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1498
1516
  --bgColor-inset: var(--bgColor-muted);
1499
1517
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
1500
1518
  --bgColor-upsell-muted: var(--bgColor-done-muted);
@@ -1520,6 +1538,8 @@
1520
1538
  --border-transparent: 0.0625rem solid #ffffff00;
1521
1539
  --borderColor-closed-emphasis: var(--borderColor-emphasis);
1522
1540
  --borderColor-closed-muted: #d1d9e066;
1541
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1542
+ --borderColor-draft-muted: #d1d9e066;
1523
1543
  --borderColor-muted: #d1d9e0b3;
1524
1544
  --borderColor-translucent: #1f232826;
1525
1545
  --borderColor-upsell-emphasis: var(--borderColor-done-emphasis);
@@ -1610,6 +1630,7 @@
1610
1630
  --fgColor-black: #1f2328;
1611
1631
  --fgColor-closed: var(--fgColor-muted);
1612
1632
  --fgColor-default: #1f2328;
1633
+ --fgColor-draft: var(--fgColor-neutral);
1613
1634
  --fgColor-link: var(--fgColor-accent);
1614
1635
  --fgColor-onEmphasis: #ffffff;
1615
1636
  --fgColor-onInverse: #ffffff;
@@ -1620,6 +1641,15 @@
1620
1641
  --header-fgColor-logo: #ffffff;
1621
1642
  --overlay-bgColor: #ffffff;
1622
1643
  --page-header-bgColor: var(--bgColor-muted);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1649
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1650
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1651
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1652
+ --progressBar-track-bgColor: var(--borderColor-default);
1623
1653
  --selection-bgColor: #0969da33;
1624
1654
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1625
1655
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
package/dist/css/functional/themes/light.css CHANGED
@@ -628,6 +628,8 @@
628
628
  --label-yellow-fgColor-rest: #805900;
629
629
  --menu-bgColor-active: #ffffff00;
630
630
  --overlay-backdrop-bgColor: #c8d1da66;
631
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
632
+ --progressBar-track-borderColor: #ffffff00;
631
633
  --reactionButton-selected-bgColor-rest: #ddf4ff;
632
634
  --reactionButton-selected-fgColor-hover: #0550ae;
633
635
  --selectMenu-bgColor-active: #b6e3ff;
@@ -644,6 +646,8 @@
644
646
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
645
647
  --bgColor-closed-muted: var(--bgColor-danger-muted);
646
648
  --bgColor-default: #ffffff;
649
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
650
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
647
651
  --bgColor-inset: var(--bgColor-muted);
648
652
  --bgColor-open-muted: var(--bgColor-success-muted);
649
653
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -670,6 +674,7 @@
670
674
  --border-transparent: 0.0625rem solid #ffffff00;
671
675
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
672
676
  --borderColor-closed-muted: var(--borderColor-danger-muted);
677
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
673
678
  --borderColor-muted: #d1d9e0b3;
674
679
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
675
680
  --borderColor-open-muted: var(--borderColor-success-muted);
@@ -762,6 +767,7 @@
762
767
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
763
768
  --fgColor-black: #1f2328;
764
769
  --fgColor-default: #1f2328;
770
+ --fgColor-draft: var(--fgColor-neutral);
765
771
  --fgColor-link: var(--fgColor-accent);
766
772
  --fgColor-onEmphasis: #ffffff;
767
773
  --fgColor-onInverse: #ffffff;
@@ -773,6 +779,14 @@
773
779
  --header-fgColor-logo: #ffffff;
774
780
  --overlay-bgColor: #ffffff;
775
781
  --page-header-bgColor: var(--bgColor-muted);
782
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
783
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
784
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
785
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
786
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
787
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
788
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
789
+ --progressBar-track-bgColor: var(--borderColor-default);
776
790
  --selection-bgColor: #0969da33;
777
791
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
778
792
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -834,6 +848,7 @@
834
848
  --tooltip-fgColor: var(--fgColor-onEmphasis);
835
849
  --underlineNav-borderColor-hover: var(--borderColor-muted);
836
850
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
851
+ --borderColor-draft-muted: var(--borderColor-neutral-muted);
837
852
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
838
853
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
839
854
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);
@@ -1475,6 +1490,8 @@
1475
1490
  --label-yellow-fgColor-rest: #805900;
1476
1491
  --menu-bgColor-active: #ffffff00;
1477
1492
  --overlay-backdrop-bgColor: #c8d1da66;
1493
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1494
+ --progressBar-track-borderColor: #ffffff00;
1478
1495
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1479
1496
  --reactionButton-selected-fgColor-hover: #0550ae;
1480
1497
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1491,6 +1508,8 @@
1491
1508
  --bgColor-closed-emphasis: var(--bgColor-danger-emphasis);
1492
1509
  --bgColor-closed-muted: var(--bgColor-danger-muted);
1493
1510
  --bgColor-default: #ffffff;
1511
+ --bgColor-draft-emphasis: var(--bgColor-neutral-emphasis);
1512
+ --bgColor-draft-muted: var(--bgColor-neutral-muted);
1494
1513
  --bgColor-inset: var(--bgColor-muted);
1495
1514
  --bgColor-open-muted: var(--bgColor-success-muted);
1496
1515
  --bgColor-upsell-emphasis: var(--bgColor-done-emphasis);
@@ -1517,6 +1536,7 @@
1517
1536
  --border-transparent: 0.0625rem solid #ffffff00;
1518
1537
  --borderColor-closed-emphasis: var(--borderColor-danger-emphasis);
1519
1538
  --borderColor-closed-muted: var(--borderColor-danger-muted);
1539
+ --borderColor-draft-emphasis: var(--borderColor-neutral-emphasis);
1520
1540
  --borderColor-muted: #d1d9e0b3;
1521
1541
  --borderColor-open-emphasis: var(--borderColor-success-emphasis);
1522
1542
  --borderColor-open-muted: var(--borderColor-success-muted);
@@ -1609,6 +1629,7 @@
1609
1629
  --diffBlob-hunkNum-bgColor-hover: var(--bgColor-accent-emphasis);
1610
1630
  --fgColor-black: #1f2328;
1611
1631
  --fgColor-default: #1f2328;
1632
+ --fgColor-draft: var(--fgColor-neutral);
1612
1633
  --fgColor-link: var(--fgColor-accent);
1613
1634
  --fgColor-onEmphasis: #ffffff;
1614
1635
  --fgColor-onInverse: #ffffff;
@@ -1620,6 +1641,14 @@
1620
1641
  --header-fgColor-logo: #ffffff;
1621
1642
  --overlay-bgColor: #ffffff;
1622
1643
  --page-header-bgColor: var(--bgColor-muted);
1644
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1645
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1646
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1647
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1648
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1649
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1650
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1651
+ --progressBar-track-bgColor: var(--borderColor-default);
1623
1652
  --selection-bgColor: #0969da33;
1624
1653
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1625
1654
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1681,6 +1710,7 @@
1681
1710
  --tooltip-fgColor: var(--fgColor-onEmphasis);
1682
1711
  --underlineNav-borderColor-hover: var(--borderColor-muted);
1683
1712
  --border-neutral-muted: 0.0625rem solid #d1d9e0b3;
1713
+ --borderColor-draft-muted: var(--borderColor-neutral-muted);
1684
1714
  --button-danger-borderColor-hover: var(--button-primary-borderColor-rest);
1685
1715
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1686
1716
  --button-primary-borderColor-active: var(--button-primary-borderColor-rest);