@primer/primitives 11.0.0 → 11.0.1-rc.84dc6db1

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 +38 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +38 -0
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +38 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +38 -0
  5. package/dist/css/functional/themes/dark-high-contrast.css +38 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +38 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +38 -0
  8. package/dist/css/functional/themes/dark.css +38 -0
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +38 -0
  10. package/dist/css/functional/themes/light-colorblind.css +38 -0
  11. package/dist/css/functional/themes/light-high-contrast.css +38 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +38 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +38 -0
  14. package/dist/css/functional/themes/light.css +38 -0
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2679 -0
  16. package/dist/docs/functional/themes/dark-colorblind.json +2871 -192
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2679 -0
  18. package/dist/docs/functional/themes/dark-dimmed.json +2871 -192
  19. package/dist/docs/functional/themes/dark-high-contrast.json +2679 -0
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2679 -0
  21. package/dist/docs/functional/themes/dark-tritanopia.json +2871 -192
  22. package/dist/docs/functional/themes/dark.json +2871 -192
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2679 -0
  24. package/dist/docs/functional/themes/light-colorblind.json +2871 -192
  25. package/dist/docs/functional/themes/light-high-contrast.json +2679 -0
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2679 -0
  27. package/dist/docs/functional/themes/light-tritanopia.json +2871 -192
  28. package/dist/docs/functional/themes/light.json +2871 -192
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
  30. package/dist/figma/themes/dark-colorblind.json +304 -0
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +304 -0
  32. package/dist/figma/themes/dark-dimmed.json +304 -0
  33. package/dist/figma/themes/dark-high-contrast.json +304 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +304 -0
  35. package/dist/figma/themes/dark-tritanopia.json +304 -0
  36. package/dist/figma/themes/dark.json +304 -0
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +304 -0
  38. package/dist/figma/themes/light-colorblind.json +304 -0
  39. package/dist/figma/themes/light-high-contrast.json +304 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +304 -0
  41. package/dist/figma/themes/light-tritanopia.json +304 -0
  42. package/dist/figma/themes/light.json +304 -0
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +38 -0
  44. package/dist/internalCss/dark-colorblind.css +38 -0
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +38 -0
  46. package/dist/internalCss/dark-dimmed.css +38 -0
  47. package/dist/internalCss/dark-high-contrast.css +38 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +38 -0
  49. package/dist/internalCss/dark-tritanopia.css +38 -0
  50. package/dist/internalCss/dark.css +38 -0
  51. package/dist/internalCss/light-colorblind-high-contrast.css +38 -0
  52. package/dist/internalCss/light-colorblind.css +38 -0
  53. package/dist/internalCss/light-high-contrast.css +38 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +38 -0
  55. package/dist/internalCss/light-tritanopia.css +38 -0
  56. package/dist/internalCss/light.css +38 -0
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2679 -0
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +2870 -191
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2679 -0
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +2870 -191
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +2679 -0
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2679 -0
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +2870 -191
  64. package/dist/styleLint/functional/themes/dark.json +2870 -191
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2679 -0
  66. package/dist/styleLint/functional/themes/light-colorblind.json +2870 -191
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +2679 -0
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2679 -0
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +2870 -191
  70. package/dist/styleLint/functional/themes/light.json +2870 -191
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
package/dist/css/functional/themes/dark-colorblind-high-contrast.css CHANGED
@@ -742,6 +742,25 @@
742
742
  --fgColor-white: #ffffff;
743
743
  --focus-outlineColor: var(--borderColor-accent-emphasis);
744
744
  --header-fgColor-default: #ffffffb3;
745
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
746
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
747
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
748
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
749
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
750
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
751
+ --label-green-borderColor: var(--label-green-fgColor-rest);
752
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
753
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
754
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
755
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
756
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
757
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
758
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
759
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
760
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
761
+ --label-red-borderColor: var(--label-red-fgColor-rest);
762
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
763
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
745
764
  --overlay-bgColor: #010409;
746
765
  --overlay-borderColor: var(--borderColor-default);
747
766
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
@@ -1570,6 +1589,25 @@
1570
1589
  --fgColor-white: #ffffff;
1571
1590
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1572
1591
  --header-fgColor-default: #ffffffb3;
1592
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1593
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1594
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1595
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1596
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1597
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1598
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1599
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1600
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1601
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1602
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1603
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1604
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1605
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1606
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1607
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1608
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1609
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1610
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1573
1611
  --overlay-bgColor: #010409;
1574
1612
  --overlay-borderColor: var(--borderColor-default);
1575
1613
  --reactionButton-selected-fgColor-rest: var(--fgColor-link);
package/dist/css/functional/themes/dark-colorblind.css CHANGED
@@ -513,114 +513,133 @@
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;
@@ -1341,114 +1360,133 @@
1341
1360
  --label-auburn-bgColor-active: #543331;
1342
1361
  --label-auburn-bgColor-hover: #3a2422;
1343
1362
  --label-auburn-bgColor-rest: #271817;
1363
+ --label-auburn-borderColor: #00000000;
1344
1364
  --label-auburn-fgColor-active: #d4b7b5;
1345
1365
  --label-auburn-fgColor-hover: #c6a19f;
1346
1366
  --label-auburn-fgColor-rest: #bf9592;
1347
1367
  --label-blue-bgColor-active: #00378a;
1348
1368
  --label-blue-bgColor-hover: #002766;
1349
1369
  --label-blue-bgColor-rest: #001a47;
1370
+ --label-blue-borderColor: #00000000;
1350
1371
  --label-blue-fgColor-active: #85c2ff;
1351
1372
  --label-blue-fgColor-hover: #61adff;
1352
1373
  --label-blue-fgColor-rest: #4da0ff;
1353
1374
  --label-brown-bgColor-active: #483a28;
1354
1375
  --label-brown-bgColor-hover: #342a1d;
1355
1376
  --label-brown-bgColor-rest: #241c14;
1377
+ --label-brown-borderColor: #00000000;
1356
1378
  --label-brown-fgColor-active: #cdbb98;
1357
1379
  --label-brown-fgColor-hover: #bfa77d;
1358
1380
  --label-brown-fgColor-rest: #b69a6d;
1359
1381
  --label-coral-bgColor-active: #72220d;
1360
1382
  --label-coral-bgColor-hover: #51180b;
1361
1383
  --label-coral-bgColor-rest: #351008;
1384
+ --label-coral-borderColor: #00000000;
1362
1385
  --label-coral-fgColor-active: #fdaa86;
1363
1386
  --label-coral-fgColor-hover: #fa8c61;
1364
1387
  --label-coral-fgColor-rest: #f7794b;
1365
1388
  --label-cyan-bgColor-active: #014156;
1366
1389
  --label-cyan-bgColor-hover: #002e3d;
1367
1390
  --label-cyan-bgColor-rest: #001f29;
1391
+ --label-cyan-borderColor: #00000000;
1368
1392
  --label-cyan-fgColor-active: #45cbf7;
1369
1393
  --label-cyan-fgColor-hover: #09b7f1;
1370
1394
  --label-cyan-fgColor-rest: #07ace4;
1371
1395
  --label-gray-bgColor-active: #393d41;
1372
1396
  --label-gray-bgColor-hover: #2a2b2d;
1373
1397
  --label-gray-bgColor-rest: #1c1c1c;
1398
+ --label-gray-borderColor: #00000000;
1374
1399
  --label-gray-fgColor-active: #b3c0d1;
1375
1400
  --label-gray-fgColor-hover: #9babbf;
1376
1401
  --label-gray-fgColor-rest: #92a1b5;
1377
1402
  --label-green-bgColor-active: #214529;
1378
1403
  --label-green-bgColor-hover: #182f1f;
1379
1404
  --label-green-bgColor-rest: #122117;
1405
+ --label-green-borderColor: #00000000;
1380
1406
  --label-green-fgColor-active: #75d36f;
1381
1407
  --label-green-fgColor-hover: #46c144;
1382
1408
  --label-green-fgColor-rest: #41b445;
1383
1409
  --label-indigo-bgColor-active: #312c90;
1384
1410
  --label-indigo-bgColor-hover: #25215f;
1385
1411
  --label-indigo-bgColor-rest: #1b183f;
1412
+ --label-indigo-borderColor: #00000000;
1386
1413
  --label-indigo-fgColor-active: #b7baf6;
1387
1414
  --label-indigo-fgColor-hover: #a2a5f1;
1388
1415
  --label-indigo-fgColor-rest: #9899ec;
1389
1416
  --label-lemon-bgColor-active: #4f3c02;
1390
1417
  --label-lemon-bgColor-hover: #372901;
1391
1418
  --label-lemon-bgColor-rest: #291d00;
1419
+ --label-lemon-borderColor: #00000000;
1392
1420
  --label-lemon-fgColor-active: #d7bc1d;
1393
1421
  --label-lemon-fgColor-hover: #c4a717;
1394
1422
  --label-lemon-fgColor-rest: #ba9b12;
1395
1423
  --label-lime-bgColor-active: #2c441d;
1396
1424
  --label-lime-bgColor-hover: #1f3116;
1397
1425
  --label-lime-bgColor-rest: #141f0f;
1426
+ --label-lime-borderColor: #00000000;
1398
1427
  --label-lime-fgColor-active: #9fcc3e;
1399
1428
  --label-lime-fgColor-hover: #89ba36;
1400
1429
  --label-lime-fgColor-rest: #7dae37;
1401
1430
  --label-olive-bgColor-active: #374115;
1402
1431
  --label-olive-bgColor-hover: #252d10;
1403
1432
  --label-olive-bgColor-rest: #171e0b;
1433
+ --label-olive-borderColor: #00000000;
1404
1434
  --label-olive-fgColor-active: #cbc025;
1405
1435
  --label-olive-fgColor-hover: #b2af24;
1406
1436
  --label-olive-fgColor-rest: #a2a626;
1407
1437
  --label-orange-bgColor-active: #632f0d;
1408
1438
  --label-orange-bgColor-hover: #43200a;
1409
1439
  --label-orange-bgColor-rest: #311708;
1440
+ --label-orange-borderColor: #00000000;
1410
1441
  --label-orange-fgColor-active: #f6b06a;
1411
1442
  --label-orange-fgColor-hover: #f1933b;
1412
1443
  --label-orange-fgColor-rest: #ed8326;
1413
1444
  --label-pine-bgColor-active: #0e4430;
1414
1445
  --label-pine-bgColor-hover: #0b3224;
1415
1446
  --label-pine-bgColor-rest: #082119;
1447
+ --label-pine-borderColor: #00000000;
1416
1448
  --label-pine-fgColor-active: #1bda81;
1417
1449
  --label-pine-fgColor-hover: #1ac176;
1418
1450
  --label-pine-fgColor-rest: #1bb673;
1419
1451
  --label-pink-bgColor-active: #65244a;
1420
1452
  --label-pink-bgColor-hover: #451c35;
1421
1453
  --label-pink-bgColor-rest: #2d1524;
1454
+ --label-pink-borderColor: #00000000;
1422
1455
  --label-pink-fgColor-active: #f4a9cd;
1423
1456
  --label-pink-fgColor-hover: #ec8dbd;
1424
1457
  --label-pink-fgColor-rest: #e57bb2;
1425
1458
  --label-plum-bgColor-active: #5c1688;
1426
1459
  --label-plum-bgColor-hover: #40125e;
1427
1460
  --label-plum-bgColor-rest: #2a0e3f;
1461
+ --label-plum-borderColor: #00000000;
1428
1462
  --label-plum-fgColor-active: #e4a5fd;
1429
1463
  --label-plum-fgColor-hover: #d889fa;
1430
1464
  --label-plum-fgColor-rest: #d07ef7;
1431
1465
  --label-purple-bgColor-active: #481a9e;
1432
1466
  --label-purple-bgColor-hover: #31146b;
1433
1467
  --label-purple-bgColor-rest: #211047;
1468
+ --label-purple-borderColor: #00000000;
1434
1469
  --label-purple-fgColor-active: #d2affd;
1435
1470
  --label-purple-fgColor-hover: #c398fb;
1436
1471
  --label-purple-fgColor-rest: #b687f7;
1437
1472
  --label-red-bgColor-active: #790c20;
1438
1473
  --label-red-bgColor-hover: #58091a;
1439
1474
  --label-red-bgColor-rest: #3c0614;
1475
+ --label-red-borderColor: #00000000;
1440
1476
  --label-red-fgColor-active: #f7adab;
1441
1477
  --label-red-fgColor-hover: #f48b8d;
1442
1478
  --label-red-fgColor-rest: #f27d83;
1443
1479
  --label-teal-bgColor-active: #0a464d;
1444
1480
  --label-teal-bgColor-hover: #073036;
1445
1481
  --label-teal-bgColor-rest: #041f25;
1482
+ --label-teal-borderColor: #00000000;
1446
1483
  --label-teal-fgColor-active: #24d6c4;
1447
1484
  --label-teal-fgColor-hover: #1fbdb2;
1448
1485
  --label-teal-fgColor-rest: #1cb0ab;
1449
1486
  --label-yellow-bgColor-active: #5a3702;
1450
1487
  --label-yellow-bgColor-hover: #3d2401;
1451
1488
  --label-yellow-bgColor-rest: #2e1a00;
1489
+ --label-yellow-borderColor: #00000000;
1452
1490
  --label-yellow-fgColor-active: #edb431;
1453
1491
  --label-yellow-fgColor-hover: #df9e11;
1454
1492
  --label-yellow-fgColor-rest: #d3910d;
package/dist/css/functional/themes/dark-dimmed-high-contrast.css CHANGED
@@ -767,6 +767,25 @@
767
767
  --fgColor-white: #cdd9e5;
768
768
  --focus-outlineColor: var(--borderColor-accent-emphasis);
769
769
  --header-fgColor-default: #cdd9e5b3;
770
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
771
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
772
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
773
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
774
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
775
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
776
+ --label-green-borderColor: var(--label-green-fgColor-rest);
777
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
778
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
779
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
780
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
781
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
782
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
783
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
784
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
785
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
786
+ --label-red-borderColor: var(--label-red-fgColor-rest);
787
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
788
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
770
789
  --overlay-bgColor: #010409;
771
790
  --overlay-borderColor: var(--borderColor-default);
772
791
  --page-header-bgColor: var(--bgColor-default);
@@ -1595,6 +1614,25 @@
1595
1614
  --fgColor-white: #cdd9e5;
1596
1615
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1597
1616
  --header-fgColor-default: #cdd9e5b3;
1617
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1618
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1619
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1620
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1621
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1622
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1623
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1624
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1625
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1626
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1627
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1628
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1629
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1630
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1631
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1632
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1633
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1634
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1635
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1598
1636
  --overlay-bgColor: #010409;
1599
1637
  --overlay-borderColor: var(--borderColor-default);
1600
1638
  --page-header-bgColor: var(--bgColor-default);
package/dist/css/functional/themes/dark-dimmed.css CHANGED
@@ -522,114 +522,133 @@
522
522
  --label-auburn-bgColor-active: #543331;
523
523
  --label-auburn-bgColor-hover: #3a2422;
524
524
  --label-auburn-bgColor-rest: #271817;
525
+ --label-auburn-borderColor: #00000000;
525
526
  --label-auburn-fgColor-active: #d4b7b5;
526
527
  --label-auburn-fgColor-hover: #c6a19f;
527
528
  --label-auburn-fgColor-rest: #bf9592;
528
529
  --label-blue-bgColor-active: #00378a;
529
530
  --label-blue-bgColor-hover: #002766;
530
531
  --label-blue-bgColor-rest: #001a47;
532
+ --label-blue-borderColor: #00000000;
531
533
  --label-blue-fgColor-active: #85c2ff;
532
534
  --label-blue-fgColor-hover: #61adff;
533
535
  --label-blue-fgColor-rest: #4da0ff;
534
536
  --label-brown-bgColor-active: #483a28;
535
537
  --label-brown-bgColor-hover: #342a1d;
536
538
  --label-brown-bgColor-rest: #241c14;
539
+ --label-brown-borderColor: #00000000;
537
540
  --label-brown-fgColor-active: #cdbb98;
538
541
  --label-brown-fgColor-hover: #bfa77d;
539
542
  --label-brown-fgColor-rest: #b69a6d;
540
543
  --label-coral-bgColor-active: #72220d;
541
544
  --label-coral-bgColor-hover: #51180b;
542
545
  --label-coral-bgColor-rest: #351008;
546
+ --label-coral-borderColor: #00000000;
543
547
  --label-coral-fgColor-active: #fdaa86;
544
548
  --label-coral-fgColor-hover: #fa8c61;
545
549
  --label-coral-fgColor-rest: #f7794b;
546
550
  --label-cyan-bgColor-active: #014156;
547
551
  --label-cyan-bgColor-hover: #002e3d;
548
552
  --label-cyan-bgColor-rest: #001f29;
553
+ --label-cyan-borderColor: #00000000;
549
554
  --label-cyan-fgColor-active: #45cbf7;
550
555
  --label-cyan-fgColor-hover: #09b7f1;
551
556
  --label-cyan-fgColor-rest: #07ace4;
552
557
  --label-gray-bgColor-active: #393d41;
553
558
  --label-gray-bgColor-hover: #2a2b2d;
554
559
  --label-gray-bgColor-rest: #1c1c1c;
560
+ --label-gray-borderColor: #00000000;
555
561
  --label-gray-fgColor-active: #b3c0d1;
556
562
  --label-gray-fgColor-hover: #9babbf;
557
563
  --label-gray-fgColor-rest: #92a1b5;
558
564
  --label-green-bgColor-active: #214529;
559
565
  --label-green-bgColor-hover: #182f1f;
560
566
  --label-green-bgColor-rest: #122117;
567
+ --label-green-borderColor: #00000000;
561
568
  --label-green-fgColor-active: #75d36f;
562
569
  --label-green-fgColor-hover: #46c144;
563
570
  --label-green-fgColor-rest: #41b445;
564
571
  --label-indigo-bgColor-active: #312c90;
565
572
  --label-indigo-bgColor-hover: #25215f;
566
573
  --label-indigo-bgColor-rest: #1b183f;
574
+ --label-indigo-borderColor: #00000000;
567
575
  --label-indigo-fgColor-active: #b7baf6;
568
576
  --label-indigo-fgColor-hover: #a2a5f1;
569
577
  --label-indigo-fgColor-rest: #9899ec;
570
578
  --label-lemon-bgColor-active: #4f3c02;
571
579
  --label-lemon-bgColor-hover: #372901;
572
580
  --label-lemon-bgColor-rest: #291d00;
581
+ --label-lemon-borderColor: #00000000;
573
582
  --label-lemon-fgColor-active: #d7bc1d;
574
583
  --label-lemon-fgColor-hover: #c4a717;
575
584
  --label-lemon-fgColor-rest: #ba9b12;
576
585
  --label-lime-bgColor-active: #2c441d;
577
586
  --label-lime-bgColor-hover: #1f3116;
578
587
  --label-lime-bgColor-rest: #141f0f;
588
+ --label-lime-borderColor: #00000000;
579
589
  --label-lime-fgColor-active: #9fcc3e;
580
590
  --label-lime-fgColor-hover: #89ba36;
581
591
  --label-lime-fgColor-rest: #7dae37;
582
592
  --label-olive-bgColor-active: #374115;
583
593
  --label-olive-bgColor-hover: #252d10;
584
594
  --label-olive-bgColor-rest: #171e0b;
595
+ --label-olive-borderColor: #00000000;
585
596
  --label-olive-fgColor-active: #cbc025;
586
597
  --label-olive-fgColor-hover: #b2af24;
587
598
  --label-olive-fgColor-rest: #a2a626;
588
599
  --label-orange-bgColor-active: #632f0d;
589
600
  --label-orange-bgColor-hover: #43200a;
590
601
  --label-orange-bgColor-rest: #311708;
602
+ --label-orange-borderColor: #00000000;
591
603
  --label-orange-fgColor-active: #f6b06a;
592
604
  --label-orange-fgColor-hover: #f1933b;
593
605
  --label-orange-fgColor-rest: #ed8326;
594
606
  --label-pine-bgColor-active: #0e4430;
595
607
  --label-pine-bgColor-hover: #0b3224;
596
608
  --label-pine-bgColor-rest: #082119;
609
+ --label-pine-borderColor: #00000000;
597
610
  --label-pine-fgColor-active: #1bda81;
598
611
  --label-pine-fgColor-hover: #1ac176;
599
612
  --label-pine-fgColor-rest: #1bb673;
600
613
  --label-pink-bgColor-active: #65244a;
601
614
  --label-pink-bgColor-hover: #451c35;
602
615
  --label-pink-bgColor-rest: #2d1524;
616
+ --label-pink-borderColor: #00000000;
603
617
  --label-pink-fgColor-active: #f4a9cd;
604
618
  --label-pink-fgColor-hover: #ec8dbd;
605
619
  --label-pink-fgColor-rest: #e57bb2;
606
620
  --label-plum-bgColor-active: #5c1688;
607
621
  --label-plum-bgColor-hover: #40125e;
608
622
  --label-plum-bgColor-rest: #2a0e3f;
623
+ --label-plum-borderColor: #00000000;
609
624
  --label-plum-fgColor-active: #e4a5fd;
610
625
  --label-plum-fgColor-hover: #d889fa;
611
626
  --label-plum-fgColor-rest: #d07ef7;
612
627
  --label-purple-bgColor-active: #481a9e;
613
628
  --label-purple-bgColor-hover: #31146b;
614
629
  --label-purple-bgColor-rest: #211047;
630
+ --label-purple-borderColor: #00000000;
615
631
  --label-purple-fgColor-active: #d2affd;
616
632
  --label-purple-fgColor-hover: #c398fb;
617
633
  --label-purple-fgColor-rest: #b687f7;
618
634
  --label-red-bgColor-active: #790c20;
619
635
  --label-red-bgColor-hover: #58091a;
620
636
  --label-red-bgColor-rest: #3c0614;
637
+ --label-red-borderColor: #00000000;
621
638
  --label-red-fgColor-active: #f7adab;
622
639
  --label-red-fgColor-hover: #f48b8d;
623
640
  --label-red-fgColor-rest: #f27d83;
624
641
  --label-teal-bgColor-active: #0a464d;
625
642
  --label-teal-bgColor-hover: #073036;
626
643
  --label-teal-bgColor-rest: #041f25;
644
+ --label-teal-borderColor: #00000000;
627
645
  --label-teal-fgColor-active: #24d6c4;
628
646
  --label-teal-fgColor-hover: #1fbdb2;
629
647
  --label-teal-fgColor-rest: #1cb0ab;
630
648
  --label-yellow-bgColor-active: #5a3702;
631
649
  --label-yellow-bgColor-hover: #3d2401;
632
650
  --label-yellow-bgColor-rest: #2e1a00;
651
+ --label-yellow-borderColor: #00000000;
633
652
  --label-yellow-fgColor-active: #edb431;
634
653
  --label-yellow-fgColor-hover: #df9e11;
635
654
  --label-yellow-fgColor-rest: #d3910d;
@@ -1350,114 +1369,133 @@
1350
1369
  --label-auburn-bgColor-active: #543331;
1351
1370
  --label-auburn-bgColor-hover: #3a2422;
1352
1371
  --label-auburn-bgColor-rest: #271817;
1372
+ --label-auburn-borderColor: #00000000;
1353
1373
  --label-auburn-fgColor-active: #d4b7b5;
1354
1374
  --label-auburn-fgColor-hover: #c6a19f;
1355
1375
  --label-auburn-fgColor-rest: #bf9592;
1356
1376
  --label-blue-bgColor-active: #00378a;
1357
1377
  --label-blue-bgColor-hover: #002766;
1358
1378
  --label-blue-bgColor-rest: #001a47;
1379
+ --label-blue-borderColor: #00000000;
1359
1380
  --label-blue-fgColor-active: #85c2ff;
1360
1381
  --label-blue-fgColor-hover: #61adff;
1361
1382
  --label-blue-fgColor-rest: #4da0ff;
1362
1383
  --label-brown-bgColor-active: #483a28;
1363
1384
  --label-brown-bgColor-hover: #342a1d;
1364
1385
  --label-brown-bgColor-rest: #241c14;
1386
+ --label-brown-borderColor: #00000000;
1365
1387
  --label-brown-fgColor-active: #cdbb98;
1366
1388
  --label-brown-fgColor-hover: #bfa77d;
1367
1389
  --label-brown-fgColor-rest: #b69a6d;
1368
1390
  --label-coral-bgColor-active: #72220d;
1369
1391
  --label-coral-bgColor-hover: #51180b;
1370
1392
  --label-coral-bgColor-rest: #351008;
1393
+ --label-coral-borderColor: #00000000;
1371
1394
  --label-coral-fgColor-active: #fdaa86;
1372
1395
  --label-coral-fgColor-hover: #fa8c61;
1373
1396
  --label-coral-fgColor-rest: #f7794b;
1374
1397
  --label-cyan-bgColor-active: #014156;
1375
1398
  --label-cyan-bgColor-hover: #002e3d;
1376
1399
  --label-cyan-bgColor-rest: #001f29;
1400
+ --label-cyan-borderColor: #00000000;
1377
1401
  --label-cyan-fgColor-active: #45cbf7;
1378
1402
  --label-cyan-fgColor-hover: #09b7f1;
1379
1403
  --label-cyan-fgColor-rest: #07ace4;
1380
1404
  --label-gray-bgColor-active: #393d41;
1381
1405
  --label-gray-bgColor-hover: #2a2b2d;
1382
1406
  --label-gray-bgColor-rest: #1c1c1c;
1407
+ --label-gray-borderColor: #00000000;
1383
1408
  --label-gray-fgColor-active: #b3c0d1;
1384
1409
  --label-gray-fgColor-hover: #9babbf;
1385
1410
  --label-gray-fgColor-rest: #92a1b5;
1386
1411
  --label-green-bgColor-active: #214529;
1387
1412
  --label-green-bgColor-hover: #182f1f;
1388
1413
  --label-green-bgColor-rest: #122117;
1414
+ --label-green-borderColor: #00000000;
1389
1415
  --label-green-fgColor-active: #75d36f;
1390
1416
  --label-green-fgColor-hover: #46c144;
1391
1417
  --label-green-fgColor-rest: #41b445;
1392
1418
  --label-indigo-bgColor-active: #312c90;
1393
1419
  --label-indigo-bgColor-hover: #25215f;
1394
1420
  --label-indigo-bgColor-rest: #1b183f;
1421
+ --label-indigo-borderColor: #00000000;
1395
1422
  --label-indigo-fgColor-active: #b7baf6;
1396
1423
  --label-indigo-fgColor-hover: #a2a5f1;
1397
1424
  --label-indigo-fgColor-rest: #9899ec;
1398
1425
  --label-lemon-bgColor-active: #4f3c02;
1399
1426
  --label-lemon-bgColor-hover: #372901;
1400
1427
  --label-lemon-bgColor-rest: #291d00;
1428
+ --label-lemon-borderColor: #00000000;
1401
1429
  --label-lemon-fgColor-active: #d7bc1d;
1402
1430
  --label-lemon-fgColor-hover: #c4a717;
1403
1431
  --label-lemon-fgColor-rest: #ba9b12;
1404
1432
  --label-lime-bgColor-active: #2c441d;
1405
1433
  --label-lime-bgColor-hover: #1f3116;
1406
1434
  --label-lime-bgColor-rest: #141f0f;
1435
+ --label-lime-borderColor: #00000000;
1407
1436
  --label-lime-fgColor-active: #9fcc3e;
1408
1437
  --label-lime-fgColor-hover: #89ba36;
1409
1438
  --label-lime-fgColor-rest: #7dae37;
1410
1439
  --label-olive-bgColor-active: #374115;
1411
1440
  --label-olive-bgColor-hover: #252d10;
1412
1441
  --label-olive-bgColor-rest: #171e0b;
1442
+ --label-olive-borderColor: #00000000;
1413
1443
  --label-olive-fgColor-active: #cbc025;
1414
1444
  --label-olive-fgColor-hover: #b2af24;
1415
1445
  --label-olive-fgColor-rest: #a2a626;
1416
1446
  --label-orange-bgColor-active: #632f0d;
1417
1447
  --label-orange-bgColor-hover: #43200a;
1418
1448
  --label-orange-bgColor-rest: #311708;
1449
+ --label-orange-borderColor: #00000000;
1419
1450
  --label-orange-fgColor-active: #f6b06a;
1420
1451
  --label-orange-fgColor-hover: #f1933b;
1421
1452
  --label-orange-fgColor-rest: #ed8326;
1422
1453
  --label-pine-bgColor-active: #0e4430;
1423
1454
  --label-pine-bgColor-hover: #0b3224;
1424
1455
  --label-pine-bgColor-rest: #082119;
1456
+ --label-pine-borderColor: #00000000;
1425
1457
  --label-pine-fgColor-active: #1bda81;
1426
1458
  --label-pine-fgColor-hover: #1ac176;
1427
1459
  --label-pine-fgColor-rest: #1bb673;
1428
1460
  --label-pink-bgColor-active: #65244a;
1429
1461
  --label-pink-bgColor-hover: #451c35;
1430
1462
  --label-pink-bgColor-rest: #2d1524;
1463
+ --label-pink-borderColor: #00000000;
1431
1464
  --label-pink-fgColor-active: #f4a9cd;
1432
1465
  --label-pink-fgColor-hover: #ec8dbd;
1433
1466
  --label-pink-fgColor-rest: #e57bb2;
1434
1467
  --label-plum-bgColor-active: #5c1688;
1435
1468
  --label-plum-bgColor-hover: #40125e;
1436
1469
  --label-plum-bgColor-rest: #2a0e3f;
1470
+ --label-plum-borderColor: #00000000;
1437
1471
  --label-plum-fgColor-active: #e4a5fd;
1438
1472
  --label-plum-fgColor-hover: #d889fa;
1439
1473
  --label-plum-fgColor-rest: #d07ef7;
1440
1474
  --label-purple-bgColor-active: #481a9e;
1441
1475
  --label-purple-bgColor-hover: #31146b;
1442
1476
  --label-purple-bgColor-rest: #211047;
1477
+ --label-purple-borderColor: #00000000;
1443
1478
  --label-purple-fgColor-active: #d2affd;
1444
1479
  --label-purple-fgColor-hover: #c398fb;
1445
1480
  --label-purple-fgColor-rest: #b687f7;
1446
1481
  --label-red-bgColor-active: #790c20;
1447
1482
  --label-red-bgColor-hover: #58091a;
1448
1483
  --label-red-bgColor-rest: #3c0614;
1484
+ --label-red-borderColor: #00000000;
1449
1485
  --label-red-fgColor-active: #f7adab;
1450
1486
  --label-red-fgColor-hover: #f48b8d;
1451
1487
  --label-red-fgColor-rest: #f27d83;
1452
1488
  --label-teal-bgColor-active: #0a464d;
1453
1489
  --label-teal-bgColor-hover: #073036;
1454
1490
  --label-teal-bgColor-rest: #041f25;
1491
+ --label-teal-borderColor: #00000000;
1455
1492
  --label-teal-fgColor-active: #24d6c4;
1456
1493
  --label-teal-fgColor-hover: #1fbdb2;
1457
1494
  --label-teal-fgColor-rest: #1cb0ab;
1458
1495
  --label-yellow-bgColor-active: #5a3702;
1459
1496
  --label-yellow-bgColor-hover: #3d2401;
1460
1497
  --label-yellow-bgColor-rest: #2e1a00;
1498
+ --label-yellow-borderColor: #00000000;
1461
1499
  --label-yellow-fgColor-active: #edb431;
1462
1500
  --label-yellow-fgColor-hover: #df9e11;
1463
1501
  --label-yellow-fgColor-rest: #d3910d;