@primer/primitives 11.1.0-rc.f0583fc7 → 11.1.0

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 (72) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +20 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +20 -0
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +20 -0
  5. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +20 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +20 -0
  8. package/dist/css/functional/themes/dark.css +20 -0
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +20 -0
  10. package/dist/css/functional/themes/light-colorblind.css +20 -0
  11. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +20 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +20 -0
  14. package/dist/css/functional/themes/light.css +20 -0
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +344 -0
  16. package/dist/docs/functional/themes/dark-colorblind.json +344 -0
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +344 -0
  18. package/dist/docs/functional/themes/dark-dimmed.json +344 -0
  19. package/dist/docs/functional/themes/dark-high-contrast.json +344 -0
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +344 -0
  21. package/dist/docs/functional/themes/dark-tritanopia.json +344 -0
  22. package/dist/docs/functional/themes/dark.json +344 -0
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +344 -0
  24. package/dist/docs/functional/themes/light-colorblind.json +344 -0
  25. package/dist/docs/functional/themes/light-high-contrast.json +344 -0
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +344 -0
  27. package/dist/docs/functional/themes/light-tritanopia.json +344 -0
  28. package/dist/docs/functional/themes/light.json +344 -0
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +160 -0
  30. package/dist/figma/themes/dark-colorblind.json +160 -0
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +160 -0
  32. package/dist/figma/themes/dark-dimmed.json +160 -0
  33. package/dist/figma/themes/dark-high-contrast.json +160 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +160 -0
  35. package/dist/figma/themes/dark-tritanopia.json +160 -0
  36. package/dist/figma/themes/dark.json +160 -0
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +160 -0
  38. package/dist/figma/themes/light-colorblind.json +160 -0
  39. package/dist/figma/themes/light-high-contrast.json +160 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +160 -0
  41. package/dist/figma/themes/light-tritanopia.json +160 -0
  42. package/dist/figma/themes/light.json +160 -0
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +20 -0
  44. package/dist/internalCss/dark-colorblind.css +20 -0
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +20 -0
  46. package/dist/internalCss/dark-dimmed.css +20 -0
  47. package/dist/internalCss/dark-high-contrast.css +20 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +20 -0
  49. package/dist/internalCss/dark-tritanopia.css +20 -0
  50. package/dist/internalCss/dark.css +20 -0
  51. package/dist/internalCss/light-colorblind-high-contrast.css +20 -0
  52. package/dist/internalCss/light-colorblind.css +20 -0
  53. package/dist/internalCss/light-high-contrast.css +20 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -0
  55. package/dist/internalCss/light-tritanopia.css +20 -0
  56. package/dist/internalCss/light.css +20 -0
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +344 -0
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +344 -0
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +344 -0
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +344 -0
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +344 -0
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +344 -0
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +344 -0
  64. package/dist/styleLint/functional/themes/dark.json +344 -0
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +344 -0
  66. package/dist/styleLint/functional/themes/light-colorblind.json +344 -0
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +344 -0
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +344 -0
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +344 -0
  70. package/dist/styleLint/functional/themes/light.json +344 -0
  71. package/package.json +2 -2
  72. package/src/tokens/component/progressBar.json5 +145 -0
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -626,6 +626,7 @@
626
626
  --label-yellow-fgColor-rest: #d3910d;
627
627
  --menu-bgColor-active: #151b23;
628
628
  --overlay-backdrop-bgColor: #d1d7e066;
629
+ --progressBar-bgColor-neutral: #656c76;
629
630
  --reactionButton-selected-bgColor-rest: #5cacff33;
630
631
  --reactionButton-selected-fgColor-hover: #91cbff;
631
632
  --selectMenu-bgColor-active: #1e60d5;
@@ -763,6 +764,13 @@
763
764
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
764
765
  --overlay-bgColor: #010409;
765
766
  --overlay-borderColor: var(--borderColor-default);
767
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
768
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
769
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
770
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
771
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
772
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
773
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
766
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
767
775
  --selectMenu-borderColor: var(--borderColor-default);
768
776
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1473,6 +1483,7 @@
1473
1483
  --label-yellow-fgColor-rest: #d3910d;
1474
1484
  --menu-bgColor-active: #151b23;
1475
1485
  --overlay-backdrop-bgColor: #d1d7e066;
1486
+ --progressBar-bgColor-neutral: #656c76;
1476
1487
  --reactionButton-selected-bgColor-rest: #5cacff33;
1477
1488
  --reactionButton-selected-fgColor-hover: #91cbff;
1478
1489
  --selectMenu-bgColor-active: #1e60d5;
@@ -1610,6 +1621,13 @@
1610
1621
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1611
1622
  --overlay-bgColor: #010409;
1612
1623
  --overlay-borderColor: var(--borderColor-default);
1624
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1625
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1626
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1627
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1628
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1629
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1630
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1613
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1614
1632
  --selectMenu-borderColor: var(--borderColor-default);
1615
1633
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -645,6 +645,7 @@
645
645
  --label-yellow-fgColor-rest: #d3910d;
646
646
  --menu-bgColor-active: #151b23;
647
647
  --overlay-backdrop-bgColor: #21283066;
648
+ --progressBar-track-borderColor: #00000000;
648
649
  --reactionButton-selected-bgColor-rest: #388bfd33;
649
650
  --reactionButton-selected-fgColor-hover: #79c0ff;
650
651
  --selectMenu-bgColor-active: #0c2d6b;
@@ -781,6 +782,15 @@
781
782
  --header-fgColor-default: #ffffffb3;
782
783
  --overlay-bgColor: #010409;
783
784
  --page-header-bgColor: var(--bgColor-default);
785
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
786
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
787
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
788
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
789
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
790
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
791
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
792
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
793
+ --progressBar-track-bgColor: var(--borderColor-default);
784
794
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
785
795
  --selectMenu-borderColor: var(--borderColor-default);
786
796
  --selection-bgColor: #1f6febb3;
@@ -1492,6 +1502,7 @@
1492
1502
  --label-yellow-fgColor-rest: #d3910d;
1493
1503
  --menu-bgColor-active: #151b23;
1494
1504
  --overlay-backdrop-bgColor: #21283066;
1505
+ --progressBar-track-borderColor: #00000000;
1495
1506
  --reactionButton-selected-bgColor-rest: #388bfd33;
1496
1507
  --reactionButton-selected-fgColor-hover: #79c0ff;
1497
1508
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1628,6 +1639,15 @@
1628
1639
  --header-fgColor-default: #ffffffb3;
1629
1640
  --overlay-bgColor: #010409;
1630
1641
  --page-header-bgColor: var(--bgColor-default);
1642
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1643
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1644
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1645
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1646
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1647
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1648
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1649
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1650
+ --progressBar-track-bgColor: var(--borderColor-default);
1631
1651
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1632
1652
  --selectMenu-borderColor: var(--borderColor-default);
1633
1653
  --selection-bgColor: #1f6febb3;
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -631,6 +631,7 @@
631
631
  --label-yellow-fgColor-rest: #d3910d;
632
632
  --menu-bgColor-active: #151b23;
633
633
  --overlay-backdrop-bgColor: #9198a166;
634
+ --progressBar-bgColor-neutral: #656c76;
634
635
  --reactionButton-selected-bgColor-rest: #4184e433;
635
636
  --reactionButton-selected-fgColor-hover: #6cb6ff;
636
637
  --selectMenu-bgColor-active: #143d79;
@@ -789,6 +790,13 @@
789
790
  --overlay-bgColor: #010409;
790
791
  --overlay-borderColor: var(--borderColor-default);
791
792
  --page-header-bgColor: var(--bgColor-default);
793
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
794
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
795
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
796
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
797
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
798
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
799
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
792
800
  --selectMenu-borderColor: var(--borderColor-default);
793
801
  --selection-bgColor: #1b4b91b3;
794
802
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -830,6 +838,7 @@
830
838
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
831
839
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
832
840
  --focus-outline: 2px solid #6cb6ff;
841
+ --progressBar-track-bgColor: var(--bgColor-inverse);
833
842
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
834
843
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
835
844
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
843
852
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1478,6 +1488,7 @@
1478
1488
  --label-yellow-fgColor-rest: #d3910d;
1479
1489
  --menu-bgColor-active: #151b23;
1480
1490
  --overlay-backdrop-bgColor: #9198a166;
1491
+ --progressBar-bgColor-neutral: #656c76;
1481
1492
  --reactionButton-selected-bgColor-rest: #4184e433;
1482
1493
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1483
1494
  --selectMenu-bgColor-active: #143d79;
@@ -1636,6 +1647,13 @@
1636
1647
  --overlay-bgColor: #010409;
1637
1648
  --overlay-borderColor: var(--borderColor-default);
1638
1649
  --page-header-bgColor: var(--bgColor-default);
1650
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1651
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1652
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1653
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1654
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1655
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1656
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1639
1657
  --selectMenu-borderColor: var(--borderColor-default);
1640
1658
  --selection-bgColor: #1b4b91b3;
1641
1659
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1677,6 +1695,7 @@
1677
1695
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1678
1696
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1679
1697
  --focus-outline: 2px solid #6cb6ff;
1698
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1680
1699
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1681
1700
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1682
1701
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1690
1709
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -657,6 +657,7 @@
657
657
  --overlay-backdrop-bgColor: #262c3666;
658
658
  --overlay-bgColor: #2a313c;
659
659
  --overlay-borderColor: #3d444db3;
660
+ --progressBar-track-borderColor: #00000000;
660
661
  --reactionButton-selected-bgColor-rest: #4184e433;
661
662
  --reactionButton-selected-fgColor-hover: #6cb6ff;
662
663
  --selectMenu-bgColor-active: #143d79;
@@ -798,6 +799,15 @@
798
799
  --focus-outlineColor: var(--borderColor-accent-emphasis);
799
800
  --header-fgColor-default: #cdd9e5b3;
800
801
  --page-header-bgColor: var(--bgColor-default);
802
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
803
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
804
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
805
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
806
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
807
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
808
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
809
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
810
+ --progressBar-track-bgColor: var(--borderColor-default);
801
811
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
802
812
  --selectMenu-borderColor: var(--borderColor-default);
803
813
  --selection-bgColor: #316dcab3;
@@ -1504,6 +1514,7 @@
1504
1514
  --overlay-backdrop-bgColor: #262c3666;
1505
1515
  --overlay-bgColor: #2a313c;
1506
1516
  --overlay-borderColor: #3d444db3;
1517
+ --progressBar-track-borderColor: #00000000;
1507
1518
  --reactionButton-selected-bgColor-rest: #4184e433;
1508
1519
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1509
1520
  --selectMenu-bgColor-active: #143d79;
@@ -1645,6 +1656,15 @@
1645
1656
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1646
1657
  --header-fgColor-default: #cdd9e5b3;
1647
1658
  --page-header-bgColor: var(--bgColor-default);
1659
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1660
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1661
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1662
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1663
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1664
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1665
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1666
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1667
+ --progressBar-track-bgColor: var(--borderColor-default);
1648
1668
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1649
1669
  --selectMenu-borderColor: var(--borderColor-default);
1650
1670
  --selection-bgColor: #316dcab3;
package/dist/css/functional/themes/dark-high-contrast.css CHANGED
@@ -620,6 +620,7 @@
620
620
  --label-yellow-fgColor-rest: #d3910d;
621
621
  --menu-bgColor-active: #151b23;
622
622
  --overlay-backdrop-bgColor: #d1d7e066;
623
+ --progressBar-bgColor-neutral: #656c76;
623
624
  --reactionButton-selected-bgColor-rest: #5cacff33;
624
625
  --reactionButton-selected-fgColor-hover: #91cbff;
625
626
  --selectMenu-bgColor-active: #1e60d5;
@@ -764,6 +765,13 @@
764
765
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
765
766
  --overlay-bgColor: #010409;
766
767
  --overlay-borderColor: var(--borderColor-default);
768
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
769
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
770
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
771
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
772
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
773
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
774
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
767
775
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
768
776
  --selectMenu-borderColor: var(--borderColor-default);
769
777
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1467,6 +1477,7 @@
1467
1477
  --label-yellow-fgColor-rest: #d3910d;
1468
1478
  --menu-bgColor-active: #151b23;
1469
1479
  --overlay-backdrop-bgColor: #d1d7e066;
1480
+ --progressBar-bgColor-neutral: #656c76;
1470
1481
  --reactionButton-selected-bgColor-rest: #5cacff33;
1471
1482
  --reactionButton-selected-fgColor-hover: #91cbff;
1472
1483
  --selectMenu-bgColor-active: #1e60d5;
@@ -1611,6 +1622,13 @@
1611
1622
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1612
1623
  --overlay-bgColor: #010409;
1613
1624
  --overlay-borderColor: var(--borderColor-default);
1625
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1626
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1627
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1628
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1629
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1630
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1631
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1614
1632
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1615
1633
  --selectMenu-borderColor: var(--borderColor-default);
1616
1634
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-tritanopia-high-contrast.css CHANGED
@@ -626,6 +626,7 @@
626
626
  --label-yellow-fgColor-rest: #d3910d;
627
627
  --menu-bgColor-active: #151b23;
628
628
  --overlay-backdrop-bgColor: #d1d7e066;
629
+ --progressBar-bgColor-neutral: #656c76;
629
630
  --reactionButton-selected-bgColor-rest: #5cacff33;
630
631
  --reactionButton-selected-fgColor-hover: #91cbff;
631
632
  --selectMenu-bgColor-active: #1e60d5;
@@ -763,6 +764,13 @@
763
764
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
764
765
  --overlay-bgColor: #010409;
765
766
  --overlay-borderColor: var(--borderColor-default);
767
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
768
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
769
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
770
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
771
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
772
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
773
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
766
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
767
775
  --selectMenu-borderColor: var(--borderColor-default);
768
776
  --selection-bgColor: #194fb1b3;
@@ -827,6 +835,7 @@
827
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
828
836
  --focus-outline: 2px solid #409eff;
829
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
830
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
831
840
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
832
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -842,6 +851,7 @@
842
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
843
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
844
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
845
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
846
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
847
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1473,6 +1483,7 @@
1473
1483
  --label-yellow-fgColor-rest: #d3910d;
1474
1484
  --menu-bgColor-active: #151b23;
1475
1485
  --overlay-backdrop-bgColor: #d1d7e066;
1486
+ --progressBar-bgColor-neutral: #656c76;
1476
1487
  --reactionButton-selected-bgColor-rest: #5cacff33;
1477
1488
  --reactionButton-selected-fgColor-hover: #91cbff;
1478
1489
  --selectMenu-bgColor-active: #1e60d5;
@@ -1610,6 +1621,13 @@
1610
1621
  --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1611
1622
  --overlay-bgColor: #010409;
1612
1623
  --overlay-borderColor: var(--borderColor-default);
1624
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1625
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1626
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1627
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1628
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1629
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1630
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1613
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1614
1632
  --selectMenu-borderColor: var(--borderColor-default);
1615
1633
  --selection-bgColor: #194fb1b3;
@@ -1674,6 +1692,7 @@
1674
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1675
1693
  --focus-outline: 2px solid #409eff;
1676
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1677
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1678
1697
  --shadow-floating-medium: 0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966;
1679
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1689,6 +1708,7 @@
1689
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1690
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1691
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1692
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1693
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1694
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-tritanopia.css CHANGED
@@ -648,6 +648,7 @@
648
648
  --label-yellow-fgColor-rest: #d3910d;
649
649
  --menu-bgColor-active: #151b23;
650
650
  --overlay-backdrop-bgColor: #21283066;
651
+ --progressBar-track-borderColor: #00000000;
651
652
  --reactionButton-selected-bgColor-rest: #388bfd33;
652
653
  --reactionButton-selected-fgColor-hover: #79c0ff;
653
654
  --selectMenu-bgColor-active: #0c2d6b;
@@ -783,6 +784,15 @@
783
784
  --header-fgColor-default: #ffffffb3;
784
785
  --overlay-bgColor: #010409;
785
786
  --page-header-bgColor: var(--bgColor-default);
787
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
788
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
789
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
790
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
791
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
792
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
793
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
794
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
795
+ --progressBar-track-bgColor: var(--borderColor-default);
786
796
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
787
797
  --selectMenu-borderColor: var(--borderColor-default);
788
798
  --selection-bgColor: #1f6febb3;
@@ -1495,6 +1505,7 @@
1495
1505
  --label-yellow-fgColor-rest: #d3910d;
1496
1506
  --menu-bgColor-active: #151b23;
1497
1507
  --overlay-backdrop-bgColor: #21283066;
1508
+ --progressBar-track-borderColor: #00000000;
1498
1509
  --reactionButton-selected-bgColor-rest: #388bfd33;
1499
1510
  --reactionButton-selected-fgColor-hover: #79c0ff;
1500
1511
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1630,6 +1641,15 @@
1630
1641
  --header-fgColor-default: #ffffffb3;
1631
1642
  --overlay-bgColor: #010409;
1632
1643
  --page-header-bgColor: var(--bgColor-default);
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);
1633
1653
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1634
1654
  --selectMenu-borderColor: var(--borderColor-default);
1635
1655
  --selection-bgColor: #1f6febb3;
package/dist/css/functional/themes/dark.css CHANGED
@@ -639,6 +639,7 @@
639
639
  --label-yellow-fgColor-rest: #d3910d;
640
640
  --menu-bgColor-active: #151b23;
641
641
  --overlay-backdrop-bgColor: #21283066;
642
+ --progressBar-track-borderColor: #00000000;
642
643
  --reactionButton-selected-bgColor-rest: #388bfd33;
643
644
  --reactionButton-selected-fgColor-hover: #79c0ff;
644
645
  --selectMenu-bgColor-active: #0c2d6b;
@@ -782,6 +783,15 @@
782
783
  --header-fgColor-default: #ffffffb3;
783
784
  --overlay-bgColor: #010409;
784
785
  --page-header-bgColor: var(--bgColor-default);
786
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
787
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
788
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
789
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
790
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
791
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
792
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
793
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
794
+ --progressBar-track-bgColor: var(--borderColor-default);
785
795
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
786
796
  --selectMenu-borderColor: var(--borderColor-default);
787
797
  --selection-bgColor: #1f6febb3;
@@ -1486,6 +1496,7 @@
1486
1496
  --label-yellow-fgColor-rest: #d3910d;
1487
1497
  --menu-bgColor-active: #151b23;
1488
1498
  --overlay-backdrop-bgColor: #21283066;
1499
+ --progressBar-track-borderColor: #00000000;
1489
1500
  --reactionButton-selected-bgColor-rest: #388bfd33;
1490
1501
  --reactionButton-selected-fgColor-hover: #79c0ff;
1491
1502
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1629,6 +1640,15 @@
1629
1640
  --header-fgColor-default: #ffffffb3;
1630
1641
  --overlay-bgColor: #010409;
1631
1642
  --page-header-bgColor: var(--bgColor-default);
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);
1632
1652
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1633
1653
  --selectMenu-borderColor: var(--borderColor-default);
1634
1654
  --selection-bgColor: #1f6febb3;
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;
@@ -772,6 +774,13 @@
772
774
  --overlay-bgColor: #ffffff;
773
775
  --overlay-borderColor: var(--borderColor-default);
774
776
  --page-header-bgColor: var(--bgColor-muted);
777
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
778
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
779
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
780
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
781
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
782
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
783
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
775
784
  --selection-bgColor: #0349b433;
776
785
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
777
786
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +844,7 @@
835
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
836
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
838
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
850
  --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 +1469,8 @@
1459
1469
  --label-yellow-fgColor-rest: #805900;
1460
1470
  --menu-bgColor-active: #ffffff00;
1461
1471
  --overlay-backdrop-bgColor: #393f4666;
1472
+ --progressBar-bgColor-neutral: #818b98;
1473
+ --progressBar-track-borderColor: #393f46;
1462
1474
  --reactionButton-selected-bgColor-rest: #dff7ff;
1463
1475
  --reactionButton-selected-fgColor-hover: #023b95;
1464
1476
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1619,6 +1631,13 @@
1619
1631
  --overlay-bgColor: #ffffff;
1620
1632
  --overlay-borderColor: var(--borderColor-default);
1621
1633
  --page-header-bgColor: var(--bgColor-muted);
1634
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1635
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1636
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1637
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1638
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1639
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1640
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1622
1641
  --selection-bgColor: #0349b433;
1623
1642
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1624
1643
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1701,7 @@
1682
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-default);
1683
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
1707
  --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;
@@ -772,6 +773,15 @@
772
773
  --header-fgColor-logo: #ffffff;
773
774
  --overlay-bgColor: #ffffff;
774
775
  --page-header-bgColor: var(--bgColor-muted);
776
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
777
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
778
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
779
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
780
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
781
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
782
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
783
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
784
+ --progressBar-track-bgColor: var(--borderColor-default);
775
785
  --selection-bgColor: #0969da33;
776
786
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
777
787
  --shadow-resting-small: 0px 1px 1px 0px #1f23280f, 0px 1px 3px 0px #1f23280f;
@@ -1474,6 +1484,7 @@
1474
1484
  --label-yellow-fgColor-rest: #805900;
1475
1485
  --menu-bgColor-active: #ffffff00;
1476
1486
  --overlay-backdrop-bgColor: #c8d1da66;
1487
+ --progressBar-track-borderColor: #ffffff00;
1477
1488
  --reactionButton-selected-bgColor-rest: #ddf4ff;
1478
1489
  --reactionButton-selected-fgColor-hover: #0550ae;
1479
1490
  --selectMenu-bgColor-active: #b6e3ff;
@@ -1619,6 +1630,15 @@
1619
1630
  --header-fgColor-logo: #ffffff;
1620
1631
  --overlay-bgColor: #ffffff;
1621
1632
  --page-header-bgColor: var(--bgColor-muted);
1633
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1634
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1635
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1636
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1637
+ --progressBar-bgColor-neutral: var(--bgColor-neutral-emphasis);
1638
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1639
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1640
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1641
+ --progressBar-track-bgColor: var(--borderColor-default);
1622
1642
  --selection-bgColor: #0969da33;
1623
1643
  --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
1624
1644
  --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;
@@ -773,6 +775,13 @@
773
775
  --overlay-bgColor: #ffffff;
774
776
  --overlay-borderColor: var(--borderColor-default);
775
777
  --page-header-bgColor: var(--bgColor-muted);
778
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
779
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
780
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
781
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
782
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
783
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
784
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
776
785
  --selection-bgColor: #0349b433;
777
786
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
778
787
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -835,6 +844,7 @@
835
844
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
836
845
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
837
846
  --focus-outline: 2px solid #0349b4;
847
+ --progressBar-track-bgColor: var(--bgColor-default);
838
848
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
839
849
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
840
850
  --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;
@@ -1452,6 +1462,8 @@
1452
1462
  --label-yellow-fgColor-rest: #805900;
1453
1463
  --menu-bgColor-active: #ffffff00;
1454
1464
  --overlay-backdrop-bgColor: #393f4666;
1465
+ --progressBar-bgColor-neutral: #818b98;
1466
+ --progressBar-track-borderColor: #393f46;
1455
1467
  --reactionButton-selected-bgColor-rest: #dff7ff;
1456
1468
  --reactionButton-selected-fgColor-hover: #023b95;
1457
1469
  --selectMenu-bgColor-active: #9cd7ff;
@@ -1620,6 +1632,13 @@
1620
1632
  --overlay-bgColor: #ffffff;
1621
1633
  --overlay-borderColor: var(--borderColor-default);
1622
1634
  --page-header-bgColor: var(--bgColor-muted);
1635
+ --progressBar-bgColor-accent: var(--bgColor-accent-emphasis);
1636
+ --progressBar-bgColor-attention: var(--bgColor-attention-emphasis);
1637
+ --progressBar-bgColor-danger: var(--bgColor-danger-emphasis);
1638
+ --progressBar-bgColor-done: var(--bgColor-done-emphasis);
1639
+ --progressBar-bgColor-severe: var(--bgColor-severe-emphasis);
1640
+ --progressBar-bgColor-sponsors: var(--bgColor-sponsors-emphasis);
1641
+ --progressBar-bgColor-success: var(--bgColor-success-emphasis);
1623
1642
  --selection-bgColor: #0349b433;
1624
1643
  --shadow-inset: inset 0px 1px 0px 0px #0104090a;
1625
1644
  --shadow-resting-small: 0px 1px 1px 0px #0104090f, 0px 1px 3px 0px #0104090f;
@@ -1682,6 +1701,7 @@
1682
1701
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1683
1702
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1684
1703
  --focus-outline: 2px solid #0349b4;
1704
+ --progressBar-track-bgColor: var(--bgColor-default);
1685
1705
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1686
1706
  --shadow-floating-large: 0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d;
1687
1707
  --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;