@primer/primitives 11.0.0 → 11.1.0-rc.27a415da

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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +58 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +60 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +58 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +60 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +58 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +58 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +60 -2
  8. package/dist/css/functional/themes/dark.css +60 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +58 -0
  10. package/dist/css/functional/themes/light-colorblind.css +60 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +58 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +58 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +60 -2
  14. package/dist/css/functional/themes/light.css +60 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +3280 -243
  16. package/dist/docs/functional/themes/dark-colorblind.json +3269 -232
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +3280 -243
  18. package/dist/docs/functional/themes/dark-dimmed.json +3269 -232
  19. package/dist/docs/functional/themes/dark-high-contrast.json +3280 -243
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +3280 -243
  21. package/dist/docs/functional/themes/dark-tritanopia.json +3269 -232
  22. package/dist/docs/functional/themes/dark.json +3269 -232
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +3280 -243
  24. package/dist/docs/functional/themes/light-colorblind.json +3270 -233
  25. package/dist/docs/functional/themes/light-high-contrast.json +3280 -243
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +3280 -243
  27. package/dist/docs/functional/themes/light-tritanopia.json +3270 -233
  28. package/dist/docs/functional/themes/light.json +3270 -233
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +464 -0
  30. package/dist/figma/themes/dark-colorblind.json +468 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +464 -0
  32. package/dist/figma/themes/dark-dimmed.json +468 -4
  33. package/dist/figma/themes/dark-high-contrast.json +464 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +464 -0
  35. package/dist/figma/themes/dark-tritanopia.json +468 -4
  36. package/dist/figma/themes/dark.json +468 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +464 -0
  38. package/dist/figma/themes/light-colorblind.json +468 -4
  39. package/dist/figma/themes/light-high-contrast.json +464 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +464 -0
  41. package/dist/figma/themes/light-tritanopia.json +468 -4
  42. package/dist/figma/themes/light.json +468 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +58 -0
  44. package/dist/internalCss/dark-colorblind.css +60 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +58 -0
  46. package/dist/internalCss/dark-dimmed.css +60 -2
  47. package/dist/internalCss/dark-high-contrast.css +58 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +58 -0
  49. package/dist/internalCss/dark-tritanopia.css +60 -2
  50. package/dist/internalCss/dark.css +60 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +58 -0
  52. package/dist/internalCss/light-colorblind.css +60 -2
  53. package/dist/internalCss/light-high-contrast.css +58 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +58 -0
  55. package/dist/internalCss/light-tritanopia.css +60 -2
  56. package/dist/internalCss/light.css +60 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +3279 -242
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +3268 -231
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +3279 -242
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +3268 -231
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +3279 -242
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +3279 -242
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +3268 -231
  64. package/dist/styleLint/functional/themes/dark.json +3268 -231
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +3279 -242
  66. package/dist/styleLint/functional/themes/light-colorblind.json +3269 -232
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +3279 -242
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +3279 -242
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +3269 -232
  70. package/dist/styleLint/functional/themes/light.json +3269 -232
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/component/progressBar.json5 +145 -0
  74. package/src/tokens/functional/color/control.json5 +9 -2
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;
@@ -742,8 +743,34 @@
742
743
  --fgColor-white: #ffffff;
743
744
  --focus-outlineColor: var(--borderColor-accent-emphasis);
744
745
  --header-fgColor-default: #ffffffb3;
746
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
747
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
748
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
749
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
750
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
751
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
752
+ --label-green-borderColor: var(--label-green-fgColor-rest);
753
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
754
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
755
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
756
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
757
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
758
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
759
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
760
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
761
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
762
+ --label-red-borderColor: var(--label-red-fgColor-rest);
763
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
764
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
745
765
  --overlay-bgColor: #010409;
746
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);
747
774
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
748
775
  --selectMenu-borderColor: var(--borderColor-default);
749
776
  --selection-bgColor: #194fb1b3;
@@ -808,6 +835,7 @@
808
835
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
809
836
  --focus-outline: 2px solid #409eff;
810
837
  --page-header-bgColor: var(--bgColor-default);
838
+ --progressBar-track-bgColor: var(--bgColor-inverse);
811
839
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
812
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;
813
841
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -823,6 +851,7 @@
823
851
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
824
852
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
825
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
826
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
827
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
828
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1454,6 +1483,7 @@
1454
1483
  --label-yellow-fgColor-rest: #d3910d;
1455
1484
  --menu-bgColor-active: #151b23;
1456
1485
  --overlay-backdrop-bgColor: #d1d7e066;
1486
+ --progressBar-bgColor-neutral: #656c76;
1457
1487
  --reactionButton-selected-bgColor-rest: #5cacff33;
1458
1488
  --reactionButton-selected-fgColor-hover: #91cbff;
1459
1489
  --selectMenu-bgColor-active: #1e60d5;
@@ -1570,8 +1600,34 @@
1570
1600
  --fgColor-white: #ffffff;
1571
1601
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1572
1602
  --header-fgColor-default: #ffffffb3;
1603
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1604
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1605
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1606
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1607
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1608
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1609
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1610
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1611
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1612
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1613
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1614
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1615
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1616
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1617
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1618
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1619
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1620
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1621
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1573
1622
  --overlay-bgColor: #010409;
1574
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);
1575
1631
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1576
1632
  --selectMenu-borderColor: var(--borderColor-default);
1577
1633
  --selection-bgColor: #194fb1b3;
@@ -1636,6 +1692,7 @@
1636
1692
  --diffBlob-hunkNum-fgColor-rest: var(--fgColor-default);
1637
1693
  --focus-outline: 2px solid #409eff;
1638
1694
  --page-header-bgColor: var(--bgColor-default);
1695
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1639
1696
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1640
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;
1641
1698
  --shadow-floating-small: 0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1651,6 +1708,7 @@
1651
1708
  --button-invisible-fgColor-hover: var(--control-fgColor-rest);
1652
1709
  --button-invisible-fgColor-rest: var(--control-fgColor-rest);
1653
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1654
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1655
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -513,119 +513,139 @@
513
513
  --label-auburn-bgColor-active: #543331;
514
514
  --label-auburn-bgColor-hover: #3a2422;
515
515
  --label-auburn-bgColor-rest: #271817;
516
+ --label-auburn-borderColor: #00000000;
516
517
  --label-auburn-fgColor-active: #d4b7b5;
517
518
  --label-auburn-fgColor-hover: #c6a19f;
518
519
  --label-auburn-fgColor-rest: #bf9592;
519
520
  --label-blue-bgColor-active: #00378a;
520
521
  --label-blue-bgColor-hover: #002766;
521
522
  --label-blue-bgColor-rest: #001a47;
523
+ --label-blue-borderColor: #00000000;
522
524
  --label-blue-fgColor-active: #85c2ff;
523
525
  --label-blue-fgColor-hover: #61adff;
524
526
  --label-blue-fgColor-rest: #4da0ff;
525
527
  --label-brown-bgColor-active: #483a28;
526
528
  --label-brown-bgColor-hover: #342a1d;
527
529
  --label-brown-bgColor-rest: #241c14;
530
+ --label-brown-borderColor: #00000000;
528
531
  --label-brown-fgColor-active: #cdbb98;
529
532
  --label-brown-fgColor-hover: #bfa77d;
530
533
  --label-brown-fgColor-rest: #b69a6d;
531
534
  --label-coral-bgColor-active: #72220d;
532
535
  --label-coral-bgColor-hover: #51180b;
533
536
  --label-coral-bgColor-rest: #351008;
537
+ --label-coral-borderColor: #00000000;
534
538
  --label-coral-fgColor-active: #fdaa86;
535
539
  --label-coral-fgColor-hover: #fa8c61;
536
540
  --label-coral-fgColor-rest: #f7794b;
537
541
  --label-cyan-bgColor-active: #014156;
538
542
  --label-cyan-bgColor-hover: #002e3d;
539
543
  --label-cyan-bgColor-rest: #001f29;
544
+ --label-cyan-borderColor: #00000000;
540
545
  --label-cyan-fgColor-active: #45cbf7;
541
546
  --label-cyan-fgColor-hover: #09b7f1;
542
547
  --label-cyan-fgColor-rest: #07ace4;
543
548
  --label-gray-bgColor-active: #393d41;
544
549
  --label-gray-bgColor-hover: #2a2b2d;
545
550
  --label-gray-bgColor-rest: #1c1c1c;
551
+ --label-gray-borderColor: #00000000;
546
552
  --label-gray-fgColor-active: #b3c0d1;
547
553
  --label-gray-fgColor-hover: #9babbf;
548
554
  --label-gray-fgColor-rest: #92a1b5;
549
555
  --label-green-bgColor-active: #214529;
550
556
  --label-green-bgColor-hover: #182f1f;
551
557
  --label-green-bgColor-rest: #122117;
558
+ --label-green-borderColor: #00000000;
552
559
  --label-green-fgColor-active: #75d36f;
553
560
  --label-green-fgColor-hover: #46c144;
554
561
  --label-green-fgColor-rest: #41b445;
555
562
  --label-indigo-bgColor-active: #312c90;
556
563
  --label-indigo-bgColor-hover: #25215f;
557
564
  --label-indigo-bgColor-rest: #1b183f;
565
+ --label-indigo-borderColor: #00000000;
558
566
  --label-indigo-fgColor-active: #b7baf6;
559
567
  --label-indigo-fgColor-hover: #a2a5f1;
560
568
  --label-indigo-fgColor-rest: #9899ec;
561
569
  --label-lemon-bgColor-active: #4f3c02;
562
570
  --label-lemon-bgColor-hover: #372901;
563
571
  --label-lemon-bgColor-rest: #291d00;
572
+ --label-lemon-borderColor: #00000000;
564
573
  --label-lemon-fgColor-active: #d7bc1d;
565
574
  --label-lemon-fgColor-hover: #c4a717;
566
575
  --label-lemon-fgColor-rest: #ba9b12;
567
576
  --label-lime-bgColor-active: #2c441d;
568
577
  --label-lime-bgColor-hover: #1f3116;
569
578
  --label-lime-bgColor-rest: #141f0f;
579
+ --label-lime-borderColor: #00000000;
570
580
  --label-lime-fgColor-active: #9fcc3e;
571
581
  --label-lime-fgColor-hover: #89ba36;
572
582
  --label-lime-fgColor-rest: #7dae37;
573
583
  --label-olive-bgColor-active: #374115;
574
584
  --label-olive-bgColor-hover: #252d10;
575
585
  --label-olive-bgColor-rest: #171e0b;
586
+ --label-olive-borderColor: #00000000;
576
587
  --label-olive-fgColor-active: #cbc025;
577
588
  --label-olive-fgColor-hover: #b2af24;
578
589
  --label-olive-fgColor-rest: #a2a626;
579
590
  --label-orange-bgColor-active: #632f0d;
580
591
  --label-orange-bgColor-hover: #43200a;
581
592
  --label-orange-bgColor-rest: #311708;
593
+ --label-orange-borderColor: #00000000;
582
594
  --label-orange-fgColor-active: #f6b06a;
583
595
  --label-orange-fgColor-hover: #f1933b;
584
596
  --label-orange-fgColor-rest: #ed8326;
585
597
  --label-pine-bgColor-active: #0e4430;
586
598
  --label-pine-bgColor-hover: #0b3224;
587
599
  --label-pine-bgColor-rest: #082119;
600
+ --label-pine-borderColor: #00000000;
588
601
  --label-pine-fgColor-active: #1bda81;
589
602
  --label-pine-fgColor-hover: #1ac176;
590
603
  --label-pine-fgColor-rest: #1bb673;
591
604
  --label-pink-bgColor-active: #65244a;
592
605
  --label-pink-bgColor-hover: #451c35;
593
606
  --label-pink-bgColor-rest: #2d1524;
607
+ --label-pink-borderColor: #00000000;
594
608
  --label-pink-fgColor-active: #f4a9cd;
595
609
  --label-pink-fgColor-hover: #ec8dbd;
596
610
  --label-pink-fgColor-rest: #e57bb2;
597
611
  --label-plum-bgColor-active: #5c1688;
598
612
  --label-plum-bgColor-hover: #40125e;
599
613
  --label-plum-bgColor-rest: #2a0e3f;
614
+ --label-plum-borderColor: #00000000;
600
615
  --label-plum-fgColor-active: #e4a5fd;
601
616
  --label-plum-fgColor-hover: #d889fa;
602
617
  --label-plum-fgColor-rest: #d07ef7;
603
618
  --label-purple-bgColor-active: #481a9e;
604
619
  --label-purple-bgColor-hover: #31146b;
605
620
  --label-purple-bgColor-rest: #211047;
621
+ --label-purple-borderColor: #00000000;
606
622
  --label-purple-fgColor-active: #d2affd;
607
623
  --label-purple-fgColor-hover: #c398fb;
608
624
  --label-purple-fgColor-rest: #b687f7;
609
625
  --label-red-bgColor-active: #790c20;
610
626
  --label-red-bgColor-hover: #58091a;
611
627
  --label-red-bgColor-rest: #3c0614;
628
+ --label-red-borderColor: #00000000;
612
629
  --label-red-fgColor-active: #f7adab;
613
630
  --label-red-fgColor-hover: #f48b8d;
614
631
  --label-red-fgColor-rest: #f27d83;
615
632
  --label-teal-bgColor-active: #0a464d;
616
633
  --label-teal-bgColor-hover: #073036;
617
634
  --label-teal-bgColor-rest: #041f25;
635
+ --label-teal-borderColor: #00000000;
618
636
  --label-teal-fgColor-active: #24d6c4;
619
637
  --label-teal-fgColor-hover: #1fbdb2;
620
638
  --label-teal-fgColor-rest: #1cb0ab;
621
639
  --label-yellow-bgColor-active: #5a3702;
622
640
  --label-yellow-bgColor-hover: #3d2401;
623
641
  --label-yellow-bgColor-rest: #2e1a00;
642
+ --label-yellow-borderColor: #00000000;
624
643
  --label-yellow-fgColor-active: #edb431;
625
644
  --label-yellow-fgColor-hover: #df9e11;
626
645
  --label-yellow-fgColor-rest: #d3910d;
627
646
  --menu-bgColor-active: #151b23;
628
647
  --overlay-backdrop-bgColor: #21283066;
648
+ --progressBar-track-borderColor: #00000000;
629
649
  --reactionButton-selected-bgColor-rest: #388bfd33;
630
650
  --reactionButton-selected-fgColor-hover: #79c0ff;
631
651
  --selectMenu-bgColor-active: #0c2d6b;
@@ -762,6 +782,15 @@
762
782
  --header-fgColor-default: #ffffffb3;
763
783
  --overlay-bgColor: #010409;
764
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);
765
794
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
766
795
  --selectMenu-borderColor: var(--borderColor-default);
767
796
  --selection-bgColor: #1f6febb3;
@@ -806,7 +835,7 @@
806
835
  --controlKnob-bgColor-rest: var(--bgColor-inset);
807
836
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
808
837
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
809
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
838
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
810
839
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
811
840
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
812
841
  --focus-outline: 2px solid #1f6feb;
@@ -1341,119 +1370,139 @@
1341
1370
  --label-auburn-bgColor-active: #543331;
1342
1371
  --label-auburn-bgColor-hover: #3a2422;
1343
1372
  --label-auburn-bgColor-rest: #271817;
1373
+ --label-auburn-borderColor: #00000000;
1344
1374
  --label-auburn-fgColor-active: #d4b7b5;
1345
1375
  --label-auburn-fgColor-hover: #c6a19f;
1346
1376
  --label-auburn-fgColor-rest: #bf9592;
1347
1377
  --label-blue-bgColor-active: #00378a;
1348
1378
  --label-blue-bgColor-hover: #002766;
1349
1379
  --label-blue-bgColor-rest: #001a47;
1380
+ --label-blue-borderColor: #00000000;
1350
1381
  --label-blue-fgColor-active: #85c2ff;
1351
1382
  --label-blue-fgColor-hover: #61adff;
1352
1383
  --label-blue-fgColor-rest: #4da0ff;
1353
1384
  --label-brown-bgColor-active: #483a28;
1354
1385
  --label-brown-bgColor-hover: #342a1d;
1355
1386
  --label-brown-bgColor-rest: #241c14;
1387
+ --label-brown-borderColor: #00000000;
1356
1388
  --label-brown-fgColor-active: #cdbb98;
1357
1389
  --label-brown-fgColor-hover: #bfa77d;
1358
1390
  --label-brown-fgColor-rest: #b69a6d;
1359
1391
  --label-coral-bgColor-active: #72220d;
1360
1392
  --label-coral-bgColor-hover: #51180b;
1361
1393
  --label-coral-bgColor-rest: #351008;
1394
+ --label-coral-borderColor: #00000000;
1362
1395
  --label-coral-fgColor-active: #fdaa86;
1363
1396
  --label-coral-fgColor-hover: #fa8c61;
1364
1397
  --label-coral-fgColor-rest: #f7794b;
1365
1398
  --label-cyan-bgColor-active: #014156;
1366
1399
  --label-cyan-bgColor-hover: #002e3d;
1367
1400
  --label-cyan-bgColor-rest: #001f29;
1401
+ --label-cyan-borderColor: #00000000;
1368
1402
  --label-cyan-fgColor-active: #45cbf7;
1369
1403
  --label-cyan-fgColor-hover: #09b7f1;
1370
1404
  --label-cyan-fgColor-rest: #07ace4;
1371
1405
  --label-gray-bgColor-active: #393d41;
1372
1406
  --label-gray-bgColor-hover: #2a2b2d;
1373
1407
  --label-gray-bgColor-rest: #1c1c1c;
1408
+ --label-gray-borderColor: #00000000;
1374
1409
  --label-gray-fgColor-active: #b3c0d1;
1375
1410
  --label-gray-fgColor-hover: #9babbf;
1376
1411
  --label-gray-fgColor-rest: #92a1b5;
1377
1412
  --label-green-bgColor-active: #214529;
1378
1413
  --label-green-bgColor-hover: #182f1f;
1379
1414
  --label-green-bgColor-rest: #122117;
1415
+ --label-green-borderColor: #00000000;
1380
1416
  --label-green-fgColor-active: #75d36f;
1381
1417
  --label-green-fgColor-hover: #46c144;
1382
1418
  --label-green-fgColor-rest: #41b445;
1383
1419
  --label-indigo-bgColor-active: #312c90;
1384
1420
  --label-indigo-bgColor-hover: #25215f;
1385
1421
  --label-indigo-bgColor-rest: #1b183f;
1422
+ --label-indigo-borderColor: #00000000;
1386
1423
  --label-indigo-fgColor-active: #b7baf6;
1387
1424
  --label-indigo-fgColor-hover: #a2a5f1;
1388
1425
  --label-indigo-fgColor-rest: #9899ec;
1389
1426
  --label-lemon-bgColor-active: #4f3c02;
1390
1427
  --label-lemon-bgColor-hover: #372901;
1391
1428
  --label-lemon-bgColor-rest: #291d00;
1429
+ --label-lemon-borderColor: #00000000;
1392
1430
  --label-lemon-fgColor-active: #d7bc1d;
1393
1431
  --label-lemon-fgColor-hover: #c4a717;
1394
1432
  --label-lemon-fgColor-rest: #ba9b12;
1395
1433
  --label-lime-bgColor-active: #2c441d;
1396
1434
  --label-lime-bgColor-hover: #1f3116;
1397
1435
  --label-lime-bgColor-rest: #141f0f;
1436
+ --label-lime-borderColor: #00000000;
1398
1437
  --label-lime-fgColor-active: #9fcc3e;
1399
1438
  --label-lime-fgColor-hover: #89ba36;
1400
1439
  --label-lime-fgColor-rest: #7dae37;
1401
1440
  --label-olive-bgColor-active: #374115;
1402
1441
  --label-olive-bgColor-hover: #252d10;
1403
1442
  --label-olive-bgColor-rest: #171e0b;
1443
+ --label-olive-borderColor: #00000000;
1404
1444
  --label-olive-fgColor-active: #cbc025;
1405
1445
  --label-olive-fgColor-hover: #b2af24;
1406
1446
  --label-olive-fgColor-rest: #a2a626;
1407
1447
  --label-orange-bgColor-active: #632f0d;
1408
1448
  --label-orange-bgColor-hover: #43200a;
1409
1449
  --label-orange-bgColor-rest: #311708;
1450
+ --label-orange-borderColor: #00000000;
1410
1451
  --label-orange-fgColor-active: #f6b06a;
1411
1452
  --label-orange-fgColor-hover: #f1933b;
1412
1453
  --label-orange-fgColor-rest: #ed8326;
1413
1454
  --label-pine-bgColor-active: #0e4430;
1414
1455
  --label-pine-bgColor-hover: #0b3224;
1415
1456
  --label-pine-bgColor-rest: #082119;
1457
+ --label-pine-borderColor: #00000000;
1416
1458
  --label-pine-fgColor-active: #1bda81;
1417
1459
  --label-pine-fgColor-hover: #1ac176;
1418
1460
  --label-pine-fgColor-rest: #1bb673;
1419
1461
  --label-pink-bgColor-active: #65244a;
1420
1462
  --label-pink-bgColor-hover: #451c35;
1421
1463
  --label-pink-bgColor-rest: #2d1524;
1464
+ --label-pink-borderColor: #00000000;
1422
1465
  --label-pink-fgColor-active: #f4a9cd;
1423
1466
  --label-pink-fgColor-hover: #ec8dbd;
1424
1467
  --label-pink-fgColor-rest: #e57bb2;
1425
1468
  --label-plum-bgColor-active: #5c1688;
1426
1469
  --label-plum-bgColor-hover: #40125e;
1427
1470
  --label-plum-bgColor-rest: #2a0e3f;
1471
+ --label-plum-borderColor: #00000000;
1428
1472
  --label-plum-fgColor-active: #e4a5fd;
1429
1473
  --label-plum-fgColor-hover: #d889fa;
1430
1474
  --label-plum-fgColor-rest: #d07ef7;
1431
1475
  --label-purple-bgColor-active: #481a9e;
1432
1476
  --label-purple-bgColor-hover: #31146b;
1433
1477
  --label-purple-bgColor-rest: #211047;
1478
+ --label-purple-borderColor: #00000000;
1434
1479
  --label-purple-fgColor-active: #d2affd;
1435
1480
  --label-purple-fgColor-hover: #c398fb;
1436
1481
  --label-purple-fgColor-rest: #b687f7;
1437
1482
  --label-red-bgColor-active: #790c20;
1438
1483
  --label-red-bgColor-hover: #58091a;
1439
1484
  --label-red-bgColor-rest: #3c0614;
1485
+ --label-red-borderColor: #00000000;
1440
1486
  --label-red-fgColor-active: #f7adab;
1441
1487
  --label-red-fgColor-hover: #f48b8d;
1442
1488
  --label-red-fgColor-rest: #f27d83;
1443
1489
  --label-teal-bgColor-active: #0a464d;
1444
1490
  --label-teal-bgColor-hover: #073036;
1445
1491
  --label-teal-bgColor-rest: #041f25;
1492
+ --label-teal-borderColor: #00000000;
1446
1493
  --label-teal-fgColor-active: #24d6c4;
1447
1494
  --label-teal-fgColor-hover: #1fbdb2;
1448
1495
  --label-teal-fgColor-rest: #1cb0ab;
1449
1496
  --label-yellow-bgColor-active: #5a3702;
1450
1497
  --label-yellow-bgColor-hover: #3d2401;
1451
1498
  --label-yellow-bgColor-rest: #2e1a00;
1499
+ --label-yellow-borderColor: #00000000;
1452
1500
  --label-yellow-fgColor-active: #edb431;
1453
1501
  --label-yellow-fgColor-hover: #df9e11;
1454
1502
  --label-yellow-fgColor-rest: #d3910d;
1455
1503
  --menu-bgColor-active: #151b23;
1456
1504
  --overlay-backdrop-bgColor: #21283066;
1505
+ --progressBar-track-borderColor: #00000000;
1457
1506
  --reactionButton-selected-bgColor-rest: #388bfd33;
1458
1507
  --reactionButton-selected-fgColor-hover: #79c0ff;
1459
1508
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1590,6 +1639,15 @@
1590
1639
  --header-fgColor-default: #ffffffb3;
1591
1640
  --overlay-bgColor: #010409;
1592
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);
1593
1651
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1594
1652
  --selectMenu-borderColor: var(--borderColor-default);
1595
1653
  --selection-bgColor: #1f6febb3;
@@ -1634,7 +1692,7 @@
1634
1692
  --controlKnob-bgColor-rest: var(--bgColor-inset);
1635
1693
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1636
1694
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1637
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1695
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1638
1696
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1639
1697
  --diffBlob-hunkNum-fgColor-hover: var(--fgColor-onEmphasis);
1640
1698
  --focus-outline: 2px solid #1f6feb;
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;
@@ -767,9 +768,35 @@
767
768
  --fgColor-white: #cdd9e5;
768
769
  --focus-outlineColor: var(--borderColor-accent-emphasis);
769
770
  --header-fgColor-default: #cdd9e5b3;
771
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
772
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
773
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
774
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
775
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
776
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
777
+ --label-green-borderColor: var(--label-green-fgColor-rest);
778
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
779
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
780
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
781
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
782
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
783
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
784
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
785
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
786
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
787
+ --label-red-borderColor: var(--label-red-fgColor-rest);
788
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
789
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
770
790
  --overlay-bgColor: #010409;
771
791
  --overlay-borderColor: var(--borderColor-default);
772
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);
773
800
  --selectMenu-borderColor: var(--borderColor-default);
774
801
  --selection-bgColor: #1b4b91b3;
775
802
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -811,6 +838,7 @@
811
838
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
812
839
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
813
840
  --focus-outline: 2px solid #6cb6ff;
841
+ --progressBar-track-bgColor: var(--bgColor-inverse);
814
842
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
815
843
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
816
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;
@@ -823,6 +851,7 @@
823
851
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
824
852
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
825
853
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
854
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
826
855
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
827
856
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
828
857
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);
@@ -1459,6 +1488,7 @@
1459
1488
  --label-yellow-fgColor-rest: #d3910d;
1460
1489
  --menu-bgColor-active: #151b23;
1461
1490
  --overlay-backdrop-bgColor: #9198a166;
1491
+ --progressBar-bgColor-neutral: #656c76;
1462
1492
  --reactionButton-selected-bgColor-rest: #4184e433;
1463
1493
  --reactionButton-selected-fgColor-hover: #6cb6ff;
1464
1494
  --selectMenu-bgColor-active: #143d79;
@@ -1595,9 +1625,35 @@
1595
1625
  --fgColor-white: #cdd9e5;
1596
1626
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1597
1627
  --header-fgColor-default: #cdd9e5b3;
1628
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1629
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1630
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1631
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1632
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1633
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1634
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1635
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1636
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1637
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1638
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1639
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1640
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1641
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1642
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1643
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1644
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1645
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1646
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1598
1647
  --overlay-bgColor: #010409;
1599
1648
  --overlay-borderColor: var(--borderColor-default);
1600
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);
1601
1657
  --selectMenu-borderColor: var(--borderColor-default);
1602
1658
  --selection-bgColor: #1b4b91b3;
1603
1659
  --shadow-floating-legacy: 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966;
@@ -1639,6 +1695,7 @@
1639
1695
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1640
1696
  --controlTrack-borderColor-rest: var(--borderColor-emphasis);
1641
1697
  --focus-outline: 2px solid #6cb6ff;
1698
+ --progressBar-track-bgColor: var(--bgColor-inverse);
1642
1699
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1643
1700
  --shadow-floating-large: 0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409;
1644
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;
@@ -1651,6 +1708,7 @@
1651
1708
  --button-default-borderColor-active: var(--button-default-borderColor-rest);
1652
1709
  --button-default-borderColor-hover: var(--button-default-borderColor-rest);
1653
1710
  --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1711
+ --progressBar-track-borderColor: var(--progressBar-track-bgColor);
1654
1712
  --underlineNav-borderColor-hover: var(--borderColor-neutral-muted);
1655
1713
  --button-outline-borderColor-hover: var(--button-default-borderColor-hover);
1656
1714
  --button-outline-borderColor-active: var(--button-outline-borderColor-hover);