@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-tritanopia.css CHANGED
@@ -516,119 +516,139 @@
516
516
  --label-auburn-bgColor-active: #543331;
517
517
  --label-auburn-bgColor-hover: #3a2422;
518
518
  --label-auburn-bgColor-rest: #271817;
519
+ --label-auburn-borderColor: #00000000;
519
520
  --label-auburn-fgColor-active: #d4b7b5;
520
521
  --label-auburn-fgColor-hover: #c6a19f;
521
522
  --label-auburn-fgColor-rest: #bf9592;
522
523
  --label-blue-bgColor-active: #00378a;
523
524
  --label-blue-bgColor-hover: #002766;
524
525
  --label-blue-bgColor-rest: #001a47;
526
+ --label-blue-borderColor: #00000000;
525
527
  --label-blue-fgColor-active: #85c2ff;
526
528
  --label-blue-fgColor-hover: #61adff;
527
529
  --label-blue-fgColor-rest: #4da0ff;
528
530
  --label-brown-bgColor-active: #483a28;
529
531
  --label-brown-bgColor-hover: #342a1d;
530
532
  --label-brown-bgColor-rest: #241c14;
533
+ --label-brown-borderColor: #00000000;
531
534
  --label-brown-fgColor-active: #cdbb98;
532
535
  --label-brown-fgColor-hover: #bfa77d;
533
536
  --label-brown-fgColor-rest: #b69a6d;
534
537
  --label-coral-bgColor-active: #72220d;
535
538
  --label-coral-bgColor-hover: #51180b;
536
539
  --label-coral-bgColor-rest: #351008;
540
+ --label-coral-borderColor: #00000000;
537
541
  --label-coral-fgColor-active: #fdaa86;
538
542
  --label-coral-fgColor-hover: #fa8c61;
539
543
  --label-coral-fgColor-rest: #f7794b;
540
544
  --label-cyan-bgColor-active: #014156;
541
545
  --label-cyan-bgColor-hover: #002e3d;
542
546
  --label-cyan-bgColor-rest: #001f29;
547
+ --label-cyan-borderColor: #00000000;
543
548
  --label-cyan-fgColor-active: #45cbf7;
544
549
  --label-cyan-fgColor-hover: #09b7f1;
545
550
  --label-cyan-fgColor-rest: #07ace4;
546
551
  --label-gray-bgColor-active: #393d41;
547
552
  --label-gray-bgColor-hover: #2a2b2d;
548
553
  --label-gray-bgColor-rest: #1c1c1c;
554
+ --label-gray-borderColor: #00000000;
549
555
  --label-gray-fgColor-active: #b3c0d1;
550
556
  --label-gray-fgColor-hover: #9babbf;
551
557
  --label-gray-fgColor-rest: #92a1b5;
552
558
  --label-green-bgColor-active: #214529;
553
559
  --label-green-bgColor-hover: #182f1f;
554
560
  --label-green-bgColor-rest: #122117;
561
+ --label-green-borderColor: #00000000;
555
562
  --label-green-fgColor-active: #75d36f;
556
563
  --label-green-fgColor-hover: #46c144;
557
564
  --label-green-fgColor-rest: #41b445;
558
565
  --label-indigo-bgColor-active: #312c90;
559
566
  --label-indigo-bgColor-hover: #25215f;
560
567
  --label-indigo-bgColor-rest: #1b183f;
568
+ --label-indigo-borderColor: #00000000;
561
569
  --label-indigo-fgColor-active: #b7baf6;
562
570
  --label-indigo-fgColor-hover: #a2a5f1;
563
571
  --label-indigo-fgColor-rest: #9899ec;
564
572
  --label-lemon-bgColor-active: #4f3c02;
565
573
  --label-lemon-bgColor-hover: #372901;
566
574
  --label-lemon-bgColor-rest: #291d00;
575
+ --label-lemon-borderColor: #00000000;
567
576
  --label-lemon-fgColor-active: #d7bc1d;
568
577
  --label-lemon-fgColor-hover: #c4a717;
569
578
  --label-lemon-fgColor-rest: #ba9b12;
570
579
  --label-lime-bgColor-active: #2c441d;
571
580
  --label-lime-bgColor-hover: #1f3116;
572
581
  --label-lime-bgColor-rest: #141f0f;
582
+ --label-lime-borderColor: #00000000;
573
583
  --label-lime-fgColor-active: #9fcc3e;
574
584
  --label-lime-fgColor-hover: #89ba36;
575
585
  --label-lime-fgColor-rest: #7dae37;
576
586
  --label-olive-bgColor-active: #374115;
577
587
  --label-olive-bgColor-hover: #252d10;
578
588
  --label-olive-bgColor-rest: #171e0b;
589
+ --label-olive-borderColor: #00000000;
579
590
  --label-olive-fgColor-active: #cbc025;
580
591
  --label-olive-fgColor-hover: #b2af24;
581
592
  --label-olive-fgColor-rest: #a2a626;
582
593
  --label-orange-bgColor-active: #632f0d;
583
594
  --label-orange-bgColor-hover: #43200a;
584
595
  --label-orange-bgColor-rest: #311708;
596
+ --label-orange-borderColor: #00000000;
585
597
  --label-orange-fgColor-active: #f6b06a;
586
598
  --label-orange-fgColor-hover: #f1933b;
587
599
  --label-orange-fgColor-rest: #ed8326;
588
600
  --label-pine-bgColor-active: #0e4430;
589
601
  --label-pine-bgColor-hover: #0b3224;
590
602
  --label-pine-bgColor-rest: #082119;
603
+ --label-pine-borderColor: #00000000;
591
604
  --label-pine-fgColor-active: #1bda81;
592
605
  --label-pine-fgColor-hover: #1ac176;
593
606
  --label-pine-fgColor-rest: #1bb673;
594
607
  --label-pink-bgColor-active: #65244a;
595
608
  --label-pink-bgColor-hover: #451c35;
596
609
  --label-pink-bgColor-rest: #2d1524;
610
+ --label-pink-borderColor: #00000000;
597
611
  --label-pink-fgColor-active: #f4a9cd;
598
612
  --label-pink-fgColor-hover: #ec8dbd;
599
613
  --label-pink-fgColor-rest: #e57bb2;
600
614
  --label-plum-bgColor-active: #5c1688;
601
615
  --label-plum-bgColor-hover: #40125e;
602
616
  --label-plum-bgColor-rest: #2a0e3f;
617
+ --label-plum-borderColor: #00000000;
603
618
  --label-plum-fgColor-active: #e4a5fd;
604
619
  --label-plum-fgColor-hover: #d889fa;
605
620
  --label-plum-fgColor-rest: #d07ef7;
606
621
  --label-purple-bgColor-active: #481a9e;
607
622
  --label-purple-bgColor-hover: #31146b;
608
623
  --label-purple-bgColor-rest: #211047;
624
+ --label-purple-borderColor: #00000000;
609
625
  --label-purple-fgColor-active: #d2affd;
610
626
  --label-purple-fgColor-hover: #c398fb;
611
627
  --label-purple-fgColor-rest: #b687f7;
612
628
  --label-red-bgColor-active: #790c20;
613
629
  --label-red-bgColor-hover: #58091a;
614
630
  --label-red-bgColor-rest: #3c0614;
631
+ --label-red-borderColor: #00000000;
615
632
  --label-red-fgColor-active: #f7adab;
616
633
  --label-red-fgColor-hover: #f48b8d;
617
634
  --label-red-fgColor-rest: #f27d83;
618
635
  --label-teal-bgColor-active: #0a464d;
619
636
  --label-teal-bgColor-hover: #073036;
620
637
  --label-teal-bgColor-rest: #041f25;
638
+ --label-teal-borderColor: #00000000;
621
639
  --label-teal-fgColor-active: #24d6c4;
622
640
  --label-teal-fgColor-hover: #1fbdb2;
623
641
  --label-teal-fgColor-rest: #1cb0ab;
624
642
  --label-yellow-bgColor-active: #5a3702;
625
643
  --label-yellow-bgColor-hover: #3d2401;
626
644
  --label-yellow-bgColor-rest: #2e1a00;
645
+ --label-yellow-borderColor: #00000000;
627
646
  --label-yellow-fgColor-active: #edb431;
628
647
  --label-yellow-fgColor-hover: #df9e11;
629
648
  --label-yellow-fgColor-rest: #d3910d;
630
649
  --menu-bgColor-active: #151b23;
631
650
  --overlay-backdrop-bgColor: #21283066;
651
+ --progressBar-track-borderColor: #00000000;
632
652
  --reactionButton-selected-bgColor-rest: #388bfd33;
633
653
  --reactionButton-selected-fgColor-hover: #79c0ff;
634
654
  --selectMenu-bgColor-active: #0c2d6b;
@@ -764,6 +784,15 @@
764
784
  --header-fgColor-default: #ffffffb3;
765
785
  --overlay-bgColor: #010409;
766
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);
767
796
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
768
797
  --selectMenu-borderColor: var(--borderColor-default);
769
798
  --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;
@@ -1344,119 +1373,139 @@
1344
1373
  --label-auburn-bgColor-active: #543331;
1345
1374
  --label-auburn-bgColor-hover: #3a2422;
1346
1375
  --label-auburn-bgColor-rest: #271817;
1376
+ --label-auburn-borderColor: #00000000;
1347
1377
  --label-auburn-fgColor-active: #d4b7b5;
1348
1378
  --label-auburn-fgColor-hover: #c6a19f;
1349
1379
  --label-auburn-fgColor-rest: #bf9592;
1350
1380
  --label-blue-bgColor-active: #00378a;
1351
1381
  --label-blue-bgColor-hover: #002766;
1352
1382
  --label-blue-bgColor-rest: #001a47;
1383
+ --label-blue-borderColor: #00000000;
1353
1384
  --label-blue-fgColor-active: #85c2ff;
1354
1385
  --label-blue-fgColor-hover: #61adff;
1355
1386
  --label-blue-fgColor-rest: #4da0ff;
1356
1387
  --label-brown-bgColor-active: #483a28;
1357
1388
  --label-brown-bgColor-hover: #342a1d;
1358
1389
  --label-brown-bgColor-rest: #241c14;
1390
+ --label-brown-borderColor: #00000000;
1359
1391
  --label-brown-fgColor-active: #cdbb98;
1360
1392
  --label-brown-fgColor-hover: #bfa77d;
1361
1393
  --label-brown-fgColor-rest: #b69a6d;
1362
1394
  --label-coral-bgColor-active: #72220d;
1363
1395
  --label-coral-bgColor-hover: #51180b;
1364
1396
  --label-coral-bgColor-rest: #351008;
1397
+ --label-coral-borderColor: #00000000;
1365
1398
  --label-coral-fgColor-active: #fdaa86;
1366
1399
  --label-coral-fgColor-hover: #fa8c61;
1367
1400
  --label-coral-fgColor-rest: #f7794b;
1368
1401
  --label-cyan-bgColor-active: #014156;
1369
1402
  --label-cyan-bgColor-hover: #002e3d;
1370
1403
  --label-cyan-bgColor-rest: #001f29;
1404
+ --label-cyan-borderColor: #00000000;
1371
1405
  --label-cyan-fgColor-active: #45cbf7;
1372
1406
  --label-cyan-fgColor-hover: #09b7f1;
1373
1407
  --label-cyan-fgColor-rest: #07ace4;
1374
1408
  --label-gray-bgColor-active: #393d41;
1375
1409
  --label-gray-bgColor-hover: #2a2b2d;
1376
1410
  --label-gray-bgColor-rest: #1c1c1c;
1411
+ --label-gray-borderColor: #00000000;
1377
1412
  --label-gray-fgColor-active: #b3c0d1;
1378
1413
  --label-gray-fgColor-hover: #9babbf;
1379
1414
  --label-gray-fgColor-rest: #92a1b5;
1380
1415
  --label-green-bgColor-active: #214529;
1381
1416
  --label-green-bgColor-hover: #182f1f;
1382
1417
  --label-green-bgColor-rest: #122117;
1418
+ --label-green-borderColor: #00000000;
1383
1419
  --label-green-fgColor-active: #75d36f;
1384
1420
  --label-green-fgColor-hover: #46c144;
1385
1421
  --label-green-fgColor-rest: #41b445;
1386
1422
  --label-indigo-bgColor-active: #312c90;
1387
1423
  --label-indigo-bgColor-hover: #25215f;
1388
1424
  --label-indigo-bgColor-rest: #1b183f;
1425
+ --label-indigo-borderColor: #00000000;
1389
1426
  --label-indigo-fgColor-active: #b7baf6;
1390
1427
  --label-indigo-fgColor-hover: #a2a5f1;
1391
1428
  --label-indigo-fgColor-rest: #9899ec;
1392
1429
  --label-lemon-bgColor-active: #4f3c02;
1393
1430
  --label-lemon-bgColor-hover: #372901;
1394
1431
  --label-lemon-bgColor-rest: #291d00;
1432
+ --label-lemon-borderColor: #00000000;
1395
1433
  --label-lemon-fgColor-active: #d7bc1d;
1396
1434
  --label-lemon-fgColor-hover: #c4a717;
1397
1435
  --label-lemon-fgColor-rest: #ba9b12;
1398
1436
  --label-lime-bgColor-active: #2c441d;
1399
1437
  --label-lime-bgColor-hover: #1f3116;
1400
1438
  --label-lime-bgColor-rest: #141f0f;
1439
+ --label-lime-borderColor: #00000000;
1401
1440
  --label-lime-fgColor-active: #9fcc3e;
1402
1441
  --label-lime-fgColor-hover: #89ba36;
1403
1442
  --label-lime-fgColor-rest: #7dae37;
1404
1443
  --label-olive-bgColor-active: #374115;
1405
1444
  --label-olive-bgColor-hover: #252d10;
1406
1445
  --label-olive-bgColor-rest: #171e0b;
1446
+ --label-olive-borderColor: #00000000;
1407
1447
  --label-olive-fgColor-active: #cbc025;
1408
1448
  --label-olive-fgColor-hover: #b2af24;
1409
1449
  --label-olive-fgColor-rest: #a2a626;
1410
1450
  --label-orange-bgColor-active: #632f0d;
1411
1451
  --label-orange-bgColor-hover: #43200a;
1412
1452
  --label-orange-bgColor-rest: #311708;
1453
+ --label-orange-borderColor: #00000000;
1413
1454
  --label-orange-fgColor-active: #f6b06a;
1414
1455
  --label-orange-fgColor-hover: #f1933b;
1415
1456
  --label-orange-fgColor-rest: #ed8326;
1416
1457
  --label-pine-bgColor-active: #0e4430;
1417
1458
  --label-pine-bgColor-hover: #0b3224;
1418
1459
  --label-pine-bgColor-rest: #082119;
1460
+ --label-pine-borderColor: #00000000;
1419
1461
  --label-pine-fgColor-active: #1bda81;
1420
1462
  --label-pine-fgColor-hover: #1ac176;
1421
1463
  --label-pine-fgColor-rest: #1bb673;
1422
1464
  --label-pink-bgColor-active: #65244a;
1423
1465
  --label-pink-bgColor-hover: #451c35;
1424
1466
  --label-pink-bgColor-rest: #2d1524;
1467
+ --label-pink-borderColor: #00000000;
1425
1468
  --label-pink-fgColor-active: #f4a9cd;
1426
1469
  --label-pink-fgColor-hover: #ec8dbd;
1427
1470
  --label-pink-fgColor-rest: #e57bb2;
1428
1471
  --label-plum-bgColor-active: #5c1688;
1429
1472
  --label-plum-bgColor-hover: #40125e;
1430
1473
  --label-plum-bgColor-rest: #2a0e3f;
1474
+ --label-plum-borderColor: #00000000;
1431
1475
  --label-plum-fgColor-active: #e4a5fd;
1432
1476
  --label-plum-fgColor-hover: #d889fa;
1433
1477
  --label-plum-fgColor-rest: #d07ef7;
1434
1478
  --label-purple-bgColor-active: #481a9e;
1435
1479
  --label-purple-bgColor-hover: #31146b;
1436
1480
  --label-purple-bgColor-rest: #211047;
1481
+ --label-purple-borderColor: #00000000;
1437
1482
  --label-purple-fgColor-active: #d2affd;
1438
1483
  --label-purple-fgColor-hover: #c398fb;
1439
1484
  --label-purple-fgColor-rest: #b687f7;
1440
1485
  --label-red-bgColor-active: #790c20;
1441
1486
  --label-red-bgColor-hover: #58091a;
1442
1487
  --label-red-bgColor-rest: #3c0614;
1488
+ --label-red-borderColor: #00000000;
1443
1489
  --label-red-fgColor-active: #f7adab;
1444
1490
  --label-red-fgColor-hover: #f48b8d;
1445
1491
  --label-red-fgColor-rest: #f27d83;
1446
1492
  --label-teal-bgColor-active: #0a464d;
1447
1493
  --label-teal-bgColor-hover: #073036;
1448
1494
  --label-teal-bgColor-rest: #041f25;
1495
+ --label-teal-borderColor: #00000000;
1449
1496
  --label-teal-fgColor-active: #24d6c4;
1450
1497
  --label-teal-fgColor-hover: #1fbdb2;
1451
1498
  --label-teal-fgColor-rest: #1cb0ab;
1452
1499
  --label-yellow-bgColor-active: #5a3702;
1453
1500
  --label-yellow-bgColor-hover: #3d2401;
1454
1501
  --label-yellow-bgColor-rest: #2e1a00;
1502
+ --label-yellow-borderColor: #00000000;
1455
1503
  --label-yellow-fgColor-active: #edb431;
1456
1504
  --label-yellow-fgColor-hover: #df9e11;
1457
1505
  --label-yellow-fgColor-rest: #d3910d;
1458
1506
  --menu-bgColor-active: #151b23;
1459
1507
  --overlay-backdrop-bgColor: #21283066;
1508
+ --progressBar-track-borderColor: #00000000;
1460
1509
  --reactionButton-selected-bgColor-rest: #388bfd33;
1461
1510
  --reactionButton-selected-fgColor-hover: #79c0ff;
1462
1511
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1592,6 +1641,15 @@
1592
1641
  --header-fgColor-default: #ffffffb3;
1593
1642
  --overlay-bgColor: #010409;
1594
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);
1595
1653
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1596
1654
  --selectMenu-borderColor: var(--borderColor-default);
1597
1655
  --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.css CHANGED
@@ -507,119 +507,139 @@
507
507
  --label-auburn-bgColor-active: #543331;
508
508
  --label-auburn-bgColor-hover: #3a2422;
509
509
  --label-auburn-bgColor-rest: #271817;
510
+ --label-auburn-borderColor: #00000000;
510
511
  --label-auburn-fgColor-active: #d4b7b5;
511
512
  --label-auburn-fgColor-hover: #c6a19f;
512
513
  --label-auburn-fgColor-rest: #bf9592;
513
514
  --label-blue-bgColor-active: #00378a;
514
515
  --label-blue-bgColor-hover: #002766;
515
516
  --label-blue-bgColor-rest: #001a47;
517
+ --label-blue-borderColor: #00000000;
516
518
  --label-blue-fgColor-active: #85c2ff;
517
519
  --label-blue-fgColor-hover: #61adff;
518
520
  --label-blue-fgColor-rest: #4da0ff;
519
521
  --label-brown-bgColor-active: #483a28;
520
522
  --label-brown-bgColor-hover: #342a1d;
521
523
  --label-brown-bgColor-rest: #241c14;
524
+ --label-brown-borderColor: #00000000;
522
525
  --label-brown-fgColor-active: #cdbb98;
523
526
  --label-brown-fgColor-hover: #bfa77d;
524
527
  --label-brown-fgColor-rest: #b69a6d;
525
528
  --label-coral-bgColor-active: #72220d;
526
529
  --label-coral-bgColor-hover: #51180b;
527
530
  --label-coral-bgColor-rest: #351008;
531
+ --label-coral-borderColor: #00000000;
528
532
  --label-coral-fgColor-active: #fdaa86;
529
533
  --label-coral-fgColor-hover: #fa8c61;
530
534
  --label-coral-fgColor-rest: #f7794b;
531
535
  --label-cyan-bgColor-active: #014156;
532
536
  --label-cyan-bgColor-hover: #002e3d;
533
537
  --label-cyan-bgColor-rest: #001f29;
538
+ --label-cyan-borderColor: #00000000;
534
539
  --label-cyan-fgColor-active: #45cbf7;
535
540
  --label-cyan-fgColor-hover: #09b7f1;
536
541
  --label-cyan-fgColor-rest: #07ace4;
537
542
  --label-gray-bgColor-active: #393d41;
538
543
  --label-gray-bgColor-hover: #2a2b2d;
539
544
  --label-gray-bgColor-rest: #1c1c1c;
545
+ --label-gray-borderColor: #00000000;
540
546
  --label-gray-fgColor-active: #b3c0d1;
541
547
  --label-gray-fgColor-hover: #9babbf;
542
548
  --label-gray-fgColor-rest: #92a1b5;
543
549
  --label-green-bgColor-active: #214529;
544
550
  --label-green-bgColor-hover: #182f1f;
545
551
  --label-green-bgColor-rest: #122117;
552
+ --label-green-borderColor: #00000000;
546
553
  --label-green-fgColor-active: #75d36f;
547
554
  --label-green-fgColor-hover: #46c144;
548
555
  --label-green-fgColor-rest: #41b445;
549
556
  --label-indigo-bgColor-active: #312c90;
550
557
  --label-indigo-bgColor-hover: #25215f;
551
558
  --label-indigo-bgColor-rest: #1b183f;
559
+ --label-indigo-borderColor: #00000000;
552
560
  --label-indigo-fgColor-active: #b7baf6;
553
561
  --label-indigo-fgColor-hover: #a2a5f1;
554
562
  --label-indigo-fgColor-rest: #9899ec;
555
563
  --label-lemon-bgColor-active: #4f3c02;
556
564
  --label-lemon-bgColor-hover: #372901;
557
565
  --label-lemon-bgColor-rest: #291d00;
566
+ --label-lemon-borderColor: #00000000;
558
567
  --label-lemon-fgColor-active: #d7bc1d;
559
568
  --label-lemon-fgColor-hover: #c4a717;
560
569
  --label-lemon-fgColor-rest: #ba9b12;
561
570
  --label-lime-bgColor-active: #2c441d;
562
571
  --label-lime-bgColor-hover: #1f3116;
563
572
  --label-lime-bgColor-rest: #141f0f;
573
+ --label-lime-borderColor: #00000000;
564
574
  --label-lime-fgColor-active: #9fcc3e;
565
575
  --label-lime-fgColor-hover: #89ba36;
566
576
  --label-lime-fgColor-rest: #7dae37;
567
577
  --label-olive-bgColor-active: #374115;
568
578
  --label-olive-bgColor-hover: #252d10;
569
579
  --label-olive-bgColor-rest: #171e0b;
580
+ --label-olive-borderColor: #00000000;
570
581
  --label-olive-fgColor-active: #cbc025;
571
582
  --label-olive-fgColor-hover: #b2af24;
572
583
  --label-olive-fgColor-rest: #a2a626;
573
584
  --label-orange-bgColor-active: #632f0d;
574
585
  --label-orange-bgColor-hover: #43200a;
575
586
  --label-orange-bgColor-rest: #311708;
587
+ --label-orange-borderColor: #00000000;
576
588
  --label-orange-fgColor-active: #f6b06a;
577
589
  --label-orange-fgColor-hover: #f1933b;
578
590
  --label-orange-fgColor-rest: #ed8326;
579
591
  --label-pine-bgColor-active: #0e4430;
580
592
  --label-pine-bgColor-hover: #0b3224;
581
593
  --label-pine-bgColor-rest: #082119;
594
+ --label-pine-borderColor: #00000000;
582
595
  --label-pine-fgColor-active: #1bda81;
583
596
  --label-pine-fgColor-hover: #1ac176;
584
597
  --label-pine-fgColor-rest: #1bb673;
585
598
  --label-pink-bgColor-active: #65244a;
586
599
  --label-pink-bgColor-hover: #451c35;
587
600
  --label-pink-bgColor-rest: #2d1524;
601
+ --label-pink-borderColor: #00000000;
588
602
  --label-pink-fgColor-active: #f4a9cd;
589
603
  --label-pink-fgColor-hover: #ec8dbd;
590
604
  --label-pink-fgColor-rest: #e57bb2;
591
605
  --label-plum-bgColor-active: #5c1688;
592
606
  --label-plum-bgColor-hover: #40125e;
593
607
  --label-plum-bgColor-rest: #2a0e3f;
608
+ --label-plum-borderColor: #00000000;
594
609
  --label-plum-fgColor-active: #e4a5fd;
595
610
  --label-plum-fgColor-hover: #d889fa;
596
611
  --label-plum-fgColor-rest: #d07ef7;
597
612
  --label-purple-bgColor-active: #481a9e;
598
613
  --label-purple-bgColor-hover: #31146b;
599
614
  --label-purple-bgColor-rest: #211047;
615
+ --label-purple-borderColor: #00000000;
600
616
  --label-purple-fgColor-active: #d2affd;
601
617
  --label-purple-fgColor-hover: #c398fb;
602
618
  --label-purple-fgColor-rest: #b687f7;
603
619
  --label-red-bgColor-active: #790c20;
604
620
  --label-red-bgColor-hover: #58091a;
605
621
  --label-red-bgColor-rest: #3c0614;
622
+ --label-red-borderColor: #00000000;
606
623
  --label-red-fgColor-active: #f7adab;
607
624
  --label-red-fgColor-hover: #f48b8d;
608
625
  --label-red-fgColor-rest: #f27d83;
609
626
  --label-teal-bgColor-active: #0a464d;
610
627
  --label-teal-bgColor-hover: #073036;
611
628
  --label-teal-bgColor-rest: #041f25;
629
+ --label-teal-borderColor: #00000000;
612
630
  --label-teal-fgColor-active: #24d6c4;
613
631
  --label-teal-fgColor-hover: #1fbdb2;
614
632
  --label-teal-fgColor-rest: #1cb0ab;
615
633
  --label-yellow-bgColor-active: #5a3702;
616
634
  --label-yellow-bgColor-hover: #3d2401;
617
635
  --label-yellow-bgColor-rest: #2e1a00;
636
+ --label-yellow-borderColor: #00000000;
618
637
  --label-yellow-fgColor-active: #edb431;
619
638
  --label-yellow-fgColor-hover: #df9e11;
620
639
  --label-yellow-fgColor-rest: #d3910d;
621
640
  --menu-bgColor-active: #151b23;
622
641
  --overlay-backdrop-bgColor: #21283066;
642
+ --progressBar-track-borderColor: #00000000;
623
643
  --reactionButton-selected-bgColor-rest: #388bfd33;
624
644
  --reactionButton-selected-fgColor-hover: #79c0ff;
625
645
  --selectMenu-bgColor-active: #0c2d6b;
@@ -763,6 +783,15 @@
763
783
  --header-fgColor-default: #ffffffb3;
764
784
  --overlay-bgColor: #010409;
765
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);
766
795
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
767
796
  --selectMenu-borderColor: var(--borderColor-default);
768
797
  --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;
@@ -1335,119 +1364,139 @@
1335
1364
  --label-auburn-bgColor-active: #543331;
1336
1365
  --label-auburn-bgColor-hover: #3a2422;
1337
1366
  --label-auburn-bgColor-rest: #271817;
1367
+ --label-auburn-borderColor: #00000000;
1338
1368
  --label-auburn-fgColor-active: #d4b7b5;
1339
1369
  --label-auburn-fgColor-hover: #c6a19f;
1340
1370
  --label-auburn-fgColor-rest: #bf9592;
1341
1371
  --label-blue-bgColor-active: #00378a;
1342
1372
  --label-blue-bgColor-hover: #002766;
1343
1373
  --label-blue-bgColor-rest: #001a47;
1374
+ --label-blue-borderColor: #00000000;
1344
1375
  --label-blue-fgColor-active: #85c2ff;
1345
1376
  --label-blue-fgColor-hover: #61adff;
1346
1377
  --label-blue-fgColor-rest: #4da0ff;
1347
1378
  --label-brown-bgColor-active: #483a28;
1348
1379
  --label-brown-bgColor-hover: #342a1d;
1349
1380
  --label-brown-bgColor-rest: #241c14;
1381
+ --label-brown-borderColor: #00000000;
1350
1382
  --label-brown-fgColor-active: #cdbb98;
1351
1383
  --label-brown-fgColor-hover: #bfa77d;
1352
1384
  --label-brown-fgColor-rest: #b69a6d;
1353
1385
  --label-coral-bgColor-active: #72220d;
1354
1386
  --label-coral-bgColor-hover: #51180b;
1355
1387
  --label-coral-bgColor-rest: #351008;
1388
+ --label-coral-borderColor: #00000000;
1356
1389
  --label-coral-fgColor-active: #fdaa86;
1357
1390
  --label-coral-fgColor-hover: #fa8c61;
1358
1391
  --label-coral-fgColor-rest: #f7794b;
1359
1392
  --label-cyan-bgColor-active: #014156;
1360
1393
  --label-cyan-bgColor-hover: #002e3d;
1361
1394
  --label-cyan-bgColor-rest: #001f29;
1395
+ --label-cyan-borderColor: #00000000;
1362
1396
  --label-cyan-fgColor-active: #45cbf7;
1363
1397
  --label-cyan-fgColor-hover: #09b7f1;
1364
1398
  --label-cyan-fgColor-rest: #07ace4;
1365
1399
  --label-gray-bgColor-active: #393d41;
1366
1400
  --label-gray-bgColor-hover: #2a2b2d;
1367
1401
  --label-gray-bgColor-rest: #1c1c1c;
1402
+ --label-gray-borderColor: #00000000;
1368
1403
  --label-gray-fgColor-active: #b3c0d1;
1369
1404
  --label-gray-fgColor-hover: #9babbf;
1370
1405
  --label-gray-fgColor-rest: #92a1b5;
1371
1406
  --label-green-bgColor-active: #214529;
1372
1407
  --label-green-bgColor-hover: #182f1f;
1373
1408
  --label-green-bgColor-rest: #122117;
1409
+ --label-green-borderColor: #00000000;
1374
1410
  --label-green-fgColor-active: #75d36f;
1375
1411
  --label-green-fgColor-hover: #46c144;
1376
1412
  --label-green-fgColor-rest: #41b445;
1377
1413
  --label-indigo-bgColor-active: #312c90;
1378
1414
  --label-indigo-bgColor-hover: #25215f;
1379
1415
  --label-indigo-bgColor-rest: #1b183f;
1416
+ --label-indigo-borderColor: #00000000;
1380
1417
  --label-indigo-fgColor-active: #b7baf6;
1381
1418
  --label-indigo-fgColor-hover: #a2a5f1;
1382
1419
  --label-indigo-fgColor-rest: #9899ec;
1383
1420
  --label-lemon-bgColor-active: #4f3c02;
1384
1421
  --label-lemon-bgColor-hover: #372901;
1385
1422
  --label-lemon-bgColor-rest: #291d00;
1423
+ --label-lemon-borderColor: #00000000;
1386
1424
  --label-lemon-fgColor-active: #d7bc1d;
1387
1425
  --label-lemon-fgColor-hover: #c4a717;
1388
1426
  --label-lemon-fgColor-rest: #ba9b12;
1389
1427
  --label-lime-bgColor-active: #2c441d;
1390
1428
  --label-lime-bgColor-hover: #1f3116;
1391
1429
  --label-lime-bgColor-rest: #141f0f;
1430
+ --label-lime-borderColor: #00000000;
1392
1431
  --label-lime-fgColor-active: #9fcc3e;
1393
1432
  --label-lime-fgColor-hover: #89ba36;
1394
1433
  --label-lime-fgColor-rest: #7dae37;
1395
1434
  --label-olive-bgColor-active: #374115;
1396
1435
  --label-olive-bgColor-hover: #252d10;
1397
1436
  --label-olive-bgColor-rest: #171e0b;
1437
+ --label-olive-borderColor: #00000000;
1398
1438
  --label-olive-fgColor-active: #cbc025;
1399
1439
  --label-olive-fgColor-hover: #b2af24;
1400
1440
  --label-olive-fgColor-rest: #a2a626;
1401
1441
  --label-orange-bgColor-active: #632f0d;
1402
1442
  --label-orange-bgColor-hover: #43200a;
1403
1443
  --label-orange-bgColor-rest: #311708;
1444
+ --label-orange-borderColor: #00000000;
1404
1445
  --label-orange-fgColor-active: #f6b06a;
1405
1446
  --label-orange-fgColor-hover: #f1933b;
1406
1447
  --label-orange-fgColor-rest: #ed8326;
1407
1448
  --label-pine-bgColor-active: #0e4430;
1408
1449
  --label-pine-bgColor-hover: #0b3224;
1409
1450
  --label-pine-bgColor-rest: #082119;
1451
+ --label-pine-borderColor: #00000000;
1410
1452
  --label-pine-fgColor-active: #1bda81;
1411
1453
  --label-pine-fgColor-hover: #1ac176;
1412
1454
  --label-pine-fgColor-rest: #1bb673;
1413
1455
  --label-pink-bgColor-active: #65244a;
1414
1456
  --label-pink-bgColor-hover: #451c35;
1415
1457
  --label-pink-bgColor-rest: #2d1524;
1458
+ --label-pink-borderColor: #00000000;
1416
1459
  --label-pink-fgColor-active: #f4a9cd;
1417
1460
  --label-pink-fgColor-hover: #ec8dbd;
1418
1461
  --label-pink-fgColor-rest: #e57bb2;
1419
1462
  --label-plum-bgColor-active: #5c1688;
1420
1463
  --label-plum-bgColor-hover: #40125e;
1421
1464
  --label-plum-bgColor-rest: #2a0e3f;
1465
+ --label-plum-borderColor: #00000000;
1422
1466
  --label-plum-fgColor-active: #e4a5fd;
1423
1467
  --label-plum-fgColor-hover: #d889fa;
1424
1468
  --label-plum-fgColor-rest: #d07ef7;
1425
1469
  --label-purple-bgColor-active: #481a9e;
1426
1470
  --label-purple-bgColor-hover: #31146b;
1427
1471
  --label-purple-bgColor-rest: #211047;
1472
+ --label-purple-borderColor: #00000000;
1428
1473
  --label-purple-fgColor-active: #d2affd;
1429
1474
  --label-purple-fgColor-hover: #c398fb;
1430
1475
  --label-purple-fgColor-rest: #b687f7;
1431
1476
  --label-red-bgColor-active: #790c20;
1432
1477
  --label-red-bgColor-hover: #58091a;
1433
1478
  --label-red-bgColor-rest: #3c0614;
1479
+ --label-red-borderColor: #00000000;
1434
1480
  --label-red-fgColor-active: #f7adab;
1435
1481
  --label-red-fgColor-hover: #f48b8d;
1436
1482
  --label-red-fgColor-rest: #f27d83;
1437
1483
  --label-teal-bgColor-active: #0a464d;
1438
1484
  --label-teal-bgColor-hover: #073036;
1439
1485
  --label-teal-bgColor-rest: #041f25;
1486
+ --label-teal-borderColor: #00000000;
1440
1487
  --label-teal-fgColor-active: #24d6c4;
1441
1488
  --label-teal-fgColor-hover: #1fbdb2;
1442
1489
  --label-teal-fgColor-rest: #1cb0ab;
1443
1490
  --label-yellow-bgColor-active: #5a3702;
1444
1491
  --label-yellow-bgColor-hover: #3d2401;
1445
1492
  --label-yellow-bgColor-rest: #2e1a00;
1493
+ --label-yellow-borderColor: #00000000;
1446
1494
  --label-yellow-fgColor-active: #edb431;
1447
1495
  --label-yellow-fgColor-hover: #df9e11;
1448
1496
  --label-yellow-fgColor-rest: #d3910d;
1449
1497
  --menu-bgColor-active: #151b23;
1450
1498
  --overlay-backdrop-bgColor: #21283066;
1499
+ --progressBar-track-borderColor: #00000000;
1451
1500
  --reactionButton-selected-bgColor-rest: #388bfd33;
1452
1501
  --reactionButton-selected-fgColor-hover: #79c0ff;
1453
1502
  --selectMenu-bgColor-active: #0c2d6b;
@@ -1591,6 +1640,15 @@
1591
1640
  --header-fgColor-default: #ffffffb3;
1592
1641
  --overlay-bgColor: #010409;
1593
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);
1594
1652
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
1595
1653
  --selectMenu-borderColor: var(--borderColor-default);
1596
1654
  --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;