@primer/primitives 11.0.0-rc.a6a4b391 → 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 (74) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +38 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +42 -4
  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 +42 -4
  8. package/dist/css/functional/themes/dark.css +42 -4
  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 +2701 -24
  16. package/dist/docs/functional/themes/dark-colorblind.json +2699 -24
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2701 -24
  18. package/dist/docs/functional/themes/dark-dimmed.json +2870 -193
  19. package/dist/docs/functional/themes/dark-high-contrast.json +2701 -24
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2701 -24
  21. package/dist/docs/functional/themes/dark-tritanopia.json +2699 -24
  22. package/dist/docs/functional/themes/dark.json +2699 -24
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2702 -25
  24. package/dist/docs/functional/themes/light-colorblind.json +2871 -194
  25. package/dist/docs/functional/themes/light-high-contrast.json +2702 -25
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2702 -25
  27. package/dist/docs/functional/themes/light-tritanopia.json +2871 -194
  28. package/dist/docs/functional/themes/light.json +2871 -194
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
  30. package/dist/figma/themes/dark-colorblind.json +314 -11
  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 +314 -11
  36. package/dist/figma/themes/dark.json +314 -11
  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 +42 -4
  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 +42 -4
  50. package/dist/internalCss/dark.css +42 -4
  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 +2701 -24
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +2699 -24
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2701 -24
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +2868 -191
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +2701 -24
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2701 -24
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +2699 -24
  64. package/dist/styleLint/functional/themes/dark.json +2699 -24
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2702 -25
  66. package/dist/styleLint/functional/themes/light-colorblind.json +2869 -192
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +2702 -25
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2702 -25
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +2869 -192
  70. package/dist/styleLint/functional/themes/light.json +2869 -192
  71. package/package.json +1 -1
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/functional/color/control.json5 +1 -1
  74. package/src/tokens/functional/color/fgColor.json5 +0 -1
package/dist/css/functional/themes/light-tritanopia-high-contrast.css CHANGED
@@ -750,6 +750,25 @@
750
750
  --focus-outlineColor: var(--borderColor-accent-emphasis);
751
751
  --header-fgColor-default: #ffffffb3;
752
752
  --header-fgColor-logo: #ffffff;
753
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
754
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
755
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
756
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
757
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
758
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
759
+ --label-green-borderColor: var(--label-green-fgColor-rest);
760
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
761
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
762
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
763
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
764
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
765
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
766
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
767
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
768
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
769
+ --label-red-borderColor: var(--label-red-fgColor-rest);
770
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
771
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
753
772
  --overlay-bgColor: #ffffff;
754
773
  --overlay-borderColor: var(--borderColor-default);
755
774
  --page-header-bgColor: var(--bgColor-muted);
@@ -1578,6 +1597,25 @@
1578
1597
  --focus-outlineColor: var(--borderColor-accent-emphasis);
1579
1598
  --header-fgColor-default: #ffffffb3;
1580
1599
  --header-fgColor-logo: #ffffff;
1600
+ --label-auburn-borderColor: var(--label-auburn-fgColor-rest);
1601
+ --label-blue-borderColor: var(--label-blue-fgColor-rest);
1602
+ --label-brown-borderColor: var(--label-brown-fgColor-rest);
1603
+ --label-coral-borderColor: var(--label-coral-fgColor-rest);
1604
+ --label-cyan-borderColor: var(--label-cyan-fgColor-rest);
1605
+ --label-gray-borderColor: var(--label-gray-fgColor-rest);
1606
+ --label-green-borderColor: var(--label-green-fgColor-rest);
1607
+ --label-indigo-borderColor: var(--label-indigo-fgColor-rest);
1608
+ --label-lemon-borderColor: var(--label-lemon-fgColor-rest);
1609
+ --label-lime-borderColor: var(--label-lime-fgColor-rest);
1610
+ --label-olive-borderColor: var(--label-olive-fgColor-rest);
1611
+ --label-orange-borderColor: var(--label-orange-fgColor-rest);
1612
+ --label-pine-borderColor: var(--label-pine-fgColor-rest);
1613
+ --label-pink-borderColor: var(--label-pink-fgColor-rest);
1614
+ --label-plum-borderColor: var(--label-plum-fgColor-rest);
1615
+ --label-purple-borderColor: var(--label-purple-fgColor-rest);
1616
+ --label-red-borderColor: var(--label-red-fgColor-rest);
1617
+ --label-teal-borderColor: var(--label-teal-fgColor-rest);
1618
+ --label-yellow-borderColor: var(--label-yellow-fgColor-rest);
1581
1619
  --overlay-bgColor: #ffffff;
1582
1620
  --overlay-borderColor: var(--borderColor-default);
1583
1621
  --page-header-bgColor: var(--bgColor-muted);
package/dist/css/functional/themes/light-tritanopia.css CHANGED
@@ -500,114 +500,133 @@
500
500
  --label-auburn-bgColor-active: #d4b7b5;
501
501
  --label-auburn-bgColor-hover: #e6d6d5;
502
502
  --label-auburn-bgColor-rest: #f2e9e9;
503
+ --label-auburn-borderColor: #ffffff00;
503
504
  --label-auburn-fgColor-active: #5d3937;
504
505
  --label-auburn-fgColor-hover: #744744;
505
506
  --label-auburn-fgColor-rest: #8a5551;
506
507
  --label-blue-bgColor-active: #75c8ff;
507
508
  --label-blue-bgColor-hover: #ade1ff;
508
509
  --label-blue-bgColor-rest: #d1f0ff;
510
+ --label-blue-borderColor: #ffffff00;
509
511
  --label-blue-fgColor-active: #003d99;
510
512
  --label-blue-fgColor-hover: #004db3;
511
513
  --label-blue-fgColor-rest: #005fcc;
512
514
  --label-brown-bgColor-active: #cbbda4;
513
515
  --label-brown-bgColor-hover: #dfd7c8;
514
516
  --label-brown-bgColor-rest: #eeeae2;
517
+ --label-brown-borderColor: #ffffff00;
515
518
  --label-brown-fgColor-active: #51412f;
516
519
  --label-brown-fgColor-hover: #64513a;
517
520
  --label-brown-fgColor-rest: #755f43;
518
521
  --label-coral-bgColor-active: #fcab92;
519
522
  --label-coral-bgColor-hover: #fecebe;
520
523
  --label-coral-bgColor-rest: #ffe5db;
524
+ --label-coral-borderColor: #ffffff00;
521
525
  --label-coral-fgColor-active: #7e2011;
522
526
  --label-coral-fgColor-hover: #9b2712;
523
527
  --label-coral-fgColor-rest: #ba2e12;
524
528
  --label-cyan-bgColor-active: #00d0fa;
525
529
  --label-cyan-bgColor-hover: #7ae9ff;
526
530
  --label-cyan-bgColor-rest: #bdf4ff;
531
+ --label-cyan-borderColor: #ffffff00;
527
532
  --label-cyan-fgColor-active: #004857;
528
533
  --label-cyan-fgColor-hover: #00596b;
529
534
  --label-cyan-fgColor-rest: #006a80;
530
535
  --label-gray-bgColor-active: #b4c0cf;
531
536
  --label-gray-bgColor-hover: #d2dae4;
532
537
  --label-gray-bgColor-rest: #e8ecf2;
538
+ --label-gray-borderColor: #ffffff00;
533
539
  --label-gray-fgColor-active: #424448;
534
540
  --label-gray-fgColor-hover: #4e535a;
535
541
  --label-gray-fgColor-rest: #5c6570;
536
542
  --label-green-bgColor-active: #54d961;
537
543
  --label-green-bgColor-hover: #9ceda0;
538
544
  --label-green-bgColor-rest: #caf7ca;
545
+ --label-green-borderColor: #ffffff00;
539
546
  --label-green-fgColor-active: #254b34;
540
547
  --label-green-fgColor-hover: #285c3b;
541
548
  --label-green-fgColor-rest: #2b6e3f;
542
549
  --label-indigo-bgColor-active: #b1b9fb;
543
550
  --label-indigo-bgColor-hover: #d2d7fe;
544
551
  --label-indigo-bgColor-rest: #e5e9ff;
552
+ --label-indigo-borderColor: #ffffff00;
545
553
  --label-indigo-fgColor-active: #2d2db4;
546
554
  --label-indigo-fgColor-hover: #393cd5;
547
555
  --label-indigo-fgColor-rest: #494edf;
548
556
  --label-lemon-bgColor-active: #d8bd0e;
549
557
  --label-lemon-bgColor-hover: #f0db3d;
550
558
  --label-lemon-bgColor-rest: #f7eea1;
559
+ --label-lemon-borderColor: #ffffff00;
551
560
  --label-lemon-fgColor-active: #523f00;
552
561
  --label-lemon-fgColor-hover: #654f01;
553
562
  --label-lemon-fgColor-rest: #786002;
554
563
  --label-lime-bgColor-active: #9bd039;
555
564
  --label-lime-bgColor-hover: #c7e580;
556
565
  --label-lime-bgColor-rest: #e3f2b5;
566
+ --label-lime-borderColor: #ffffff00;
557
567
  --label-lime-fgColor-active: #2f4a21;
558
568
  --label-lime-fgColor-hover: #3a5b25;
559
569
  --label-lime-fgColor-rest: #476c28;
560
570
  --label-olive-bgColor-active: #b9c832;
561
571
  --label-olive-bgColor-hover: #dbe170;
562
572
  --label-olive-bgColor-rest: #f0f0ad;
573
+ --label-olive-borderColor: #ffffff00;
563
574
  --label-olive-fgColor-active: #3b4927;
564
575
  --label-olive-fgColor-hover: #495a2b;
565
576
  --label-olive-fgColor-rest: #56682c;
566
577
  --label-orange-bgColor-active: #fbaf74;
567
578
  --label-orange-bgColor-hover: #fecfaa;
568
579
  --label-orange-bgColor-rest: #ffe7d1;
580
+ --label-orange-borderColor: #ffffff00;
569
581
  --label-orange-fgColor-active: #70300f;
570
582
  --label-orange-fgColor-hover: #8d3c11;
571
583
  --label-orange-fgColor-rest: #a24610;
572
584
  --label-pine-bgColor-active: #1dd781;
573
585
  --label-pine-bgColor-hover: #80efb9;
574
586
  --label-pine-bgColor-rest: #bff8db;
587
+ --label-pine-borderColor: #ffffff00;
575
588
  --label-pine-fgColor-active: #114b36;
576
589
  --label-pine-fgColor-hover: #135d41;
577
590
  --label-pine-fgColor-rest: #156f4b;
578
591
  --label-pink-bgColor-active: #f8a5cf;
579
592
  --label-pink-bgColor-hover: #fdc9e2;
580
593
  --label-pink-bgColor-rest: #ffe5f1;
594
+ --label-pink-borderColor: #ffffff00;
581
595
  --label-pink-fgColor-active: #6e2b53;
582
596
  --label-pink-fgColor-hover: #8e2e66;
583
597
  --label-pink-fgColor-rest: #b12f79;
584
598
  --label-plum-bgColor-active: #e2a7fb;
585
599
  --label-plum-bgColor-hover: #f0cdfe;
586
600
  --label-plum-bgColor-rest: #f8e5ff;
601
+ --label-plum-borderColor: #ffffff00;
587
602
  --label-plum-fgColor-active: #651d96;
588
603
  --label-plum-fgColor-hover: #7d1eb8;
589
604
  --label-plum-fgColor-rest: #961edc;
590
605
  --label-purple-bgColor-active: #d1b1fc;
591
606
  --label-purple-bgColor-hover: #e6d2fe;
592
607
  --label-purple-bgColor-rest: #f1e5ff;
608
+ --label-purple-borderColor: #ffffff00;
593
609
  --label-purple-fgColor-active: #4f21ab;
594
610
  --label-purple-fgColor-hover: #6223d7;
595
611
  --label-purple-fgColor-rest: #783ae4;
596
612
  --label-red-bgColor-active: #fda5a7;
597
613
  --label-red-bgColor-hover: #fecdcd;
598
614
  --label-red-bgColor-rest: #ffe2e0;
615
+ --label-red-borderColor: #ffffff00;
599
616
  --label-red-fgColor-active: #880c27;
600
617
  --label-red-fgColor-hover: #a60c29;
601
618
  --label-red-fgColor-rest: #c50d28;
602
619
  --label-teal-bgColor-active: #22d3c7;
603
620
  --label-teal-bgColor-hover: #89ebe1;
604
621
  --label-teal-bgColor-rest: #c7f5ef;
622
+ --label-teal-borderColor: #ffffff00;
605
623
  --label-teal-fgColor-active: #0a4852;
606
624
  --label-teal-fgColor-hover: #0d5b63;
607
625
  --label-teal-fgColor-rest: #106e75;
608
626
  --label-yellow-bgColor-active: #ebb400;
609
627
  --label-yellow-bgColor-hover: #ffd642;
610
628
  --label-yellow-bgColor-rest: #ffec9e;
629
+ --label-yellow-borderColor: #ffffff00;
611
630
  --label-yellow-fgColor-active: #5c3d00;
612
631
  --label-yellow-fgColor-hover: #704d00;
613
632
  --label-yellow-fgColor-rest: #805900;
@@ -1328,114 +1347,133 @@
1328
1347
  --label-auburn-bgColor-active: #d4b7b5;
1329
1348
  --label-auburn-bgColor-hover: #e6d6d5;
1330
1349
  --label-auburn-bgColor-rest: #f2e9e9;
1350
+ --label-auburn-borderColor: #ffffff00;
1331
1351
  --label-auburn-fgColor-active: #5d3937;
1332
1352
  --label-auburn-fgColor-hover: #744744;
1333
1353
  --label-auburn-fgColor-rest: #8a5551;
1334
1354
  --label-blue-bgColor-active: #75c8ff;
1335
1355
  --label-blue-bgColor-hover: #ade1ff;
1336
1356
  --label-blue-bgColor-rest: #d1f0ff;
1357
+ --label-blue-borderColor: #ffffff00;
1337
1358
  --label-blue-fgColor-active: #003d99;
1338
1359
  --label-blue-fgColor-hover: #004db3;
1339
1360
  --label-blue-fgColor-rest: #005fcc;
1340
1361
  --label-brown-bgColor-active: #cbbda4;
1341
1362
  --label-brown-bgColor-hover: #dfd7c8;
1342
1363
  --label-brown-bgColor-rest: #eeeae2;
1364
+ --label-brown-borderColor: #ffffff00;
1343
1365
  --label-brown-fgColor-active: #51412f;
1344
1366
  --label-brown-fgColor-hover: #64513a;
1345
1367
  --label-brown-fgColor-rest: #755f43;
1346
1368
  --label-coral-bgColor-active: #fcab92;
1347
1369
  --label-coral-bgColor-hover: #fecebe;
1348
1370
  --label-coral-bgColor-rest: #ffe5db;
1371
+ --label-coral-borderColor: #ffffff00;
1349
1372
  --label-coral-fgColor-active: #7e2011;
1350
1373
  --label-coral-fgColor-hover: #9b2712;
1351
1374
  --label-coral-fgColor-rest: #ba2e12;
1352
1375
  --label-cyan-bgColor-active: #00d0fa;
1353
1376
  --label-cyan-bgColor-hover: #7ae9ff;
1354
1377
  --label-cyan-bgColor-rest: #bdf4ff;
1378
+ --label-cyan-borderColor: #ffffff00;
1355
1379
  --label-cyan-fgColor-active: #004857;
1356
1380
  --label-cyan-fgColor-hover: #00596b;
1357
1381
  --label-cyan-fgColor-rest: #006a80;
1358
1382
  --label-gray-bgColor-active: #b4c0cf;
1359
1383
  --label-gray-bgColor-hover: #d2dae4;
1360
1384
  --label-gray-bgColor-rest: #e8ecf2;
1385
+ --label-gray-borderColor: #ffffff00;
1361
1386
  --label-gray-fgColor-active: #424448;
1362
1387
  --label-gray-fgColor-hover: #4e535a;
1363
1388
  --label-gray-fgColor-rest: #5c6570;
1364
1389
  --label-green-bgColor-active: #54d961;
1365
1390
  --label-green-bgColor-hover: #9ceda0;
1366
1391
  --label-green-bgColor-rest: #caf7ca;
1392
+ --label-green-borderColor: #ffffff00;
1367
1393
  --label-green-fgColor-active: #254b34;
1368
1394
  --label-green-fgColor-hover: #285c3b;
1369
1395
  --label-green-fgColor-rest: #2b6e3f;
1370
1396
  --label-indigo-bgColor-active: #b1b9fb;
1371
1397
  --label-indigo-bgColor-hover: #d2d7fe;
1372
1398
  --label-indigo-bgColor-rest: #e5e9ff;
1399
+ --label-indigo-borderColor: #ffffff00;
1373
1400
  --label-indigo-fgColor-active: #2d2db4;
1374
1401
  --label-indigo-fgColor-hover: #393cd5;
1375
1402
  --label-indigo-fgColor-rest: #494edf;
1376
1403
  --label-lemon-bgColor-active: #d8bd0e;
1377
1404
  --label-lemon-bgColor-hover: #f0db3d;
1378
1405
  --label-lemon-bgColor-rest: #f7eea1;
1406
+ --label-lemon-borderColor: #ffffff00;
1379
1407
  --label-lemon-fgColor-active: #523f00;
1380
1408
  --label-lemon-fgColor-hover: #654f01;
1381
1409
  --label-lemon-fgColor-rest: #786002;
1382
1410
  --label-lime-bgColor-active: #9bd039;
1383
1411
  --label-lime-bgColor-hover: #c7e580;
1384
1412
  --label-lime-bgColor-rest: #e3f2b5;
1413
+ --label-lime-borderColor: #ffffff00;
1385
1414
  --label-lime-fgColor-active: #2f4a21;
1386
1415
  --label-lime-fgColor-hover: #3a5b25;
1387
1416
  --label-lime-fgColor-rest: #476c28;
1388
1417
  --label-olive-bgColor-active: #b9c832;
1389
1418
  --label-olive-bgColor-hover: #dbe170;
1390
1419
  --label-olive-bgColor-rest: #f0f0ad;
1420
+ --label-olive-borderColor: #ffffff00;
1391
1421
  --label-olive-fgColor-active: #3b4927;
1392
1422
  --label-olive-fgColor-hover: #495a2b;
1393
1423
  --label-olive-fgColor-rest: #56682c;
1394
1424
  --label-orange-bgColor-active: #fbaf74;
1395
1425
  --label-orange-bgColor-hover: #fecfaa;
1396
1426
  --label-orange-bgColor-rest: #ffe7d1;
1427
+ --label-orange-borderColor: #ffffff00;
1397
1428
  --label-orange-fgColor-active: #70300f;
1398
1429
  --label-orange-fgColor-hover: #8d3c11;
1399
1430
  --label-orange-fgColor-rest: #a24610;
1400
1431
  --label-pine-bgColor-active: #1dd781;
1401
1432
  --label-pine-bgColor-hover: #80efb9;
1402
1433
  --label-pine-bgColor-rest: #bff8db;
1434
+ --label-pine-borderColor: #ffffff00;
1403
1435
  --label-pine-fgColor-active: #114b36;
1404
1436
  --label-pine-fgColor-hover: #135d41;
1405
1437
  --label-pine-fgColor-rest: #156f4b;
1406
1438
  --label-pink-bgColor-active: #f8a5cf;
1407
1439
  --label-pink-bgColor-hover: #fdc9e2;
1408
1440
  --label-pink-bgColor-rest: #ffe5f1;
1441
+ --label-pink-borderColor: #ffffff00;
1409
1442
  --label-pink-fgColor-active: #6e2b53;
1410
1443
  --label-pink-fgColor-hover: #8e2e66;
1411
1444
  --label-pink-fgColor-rest: #b12f79;
1412
1445
  --label-plum-bgColor-active: #e2a7fb;
1413
1446
  --label-plum-bgColor-hover: #f0cdfe;
1414
1447
  --label-plum-bgColor-rest: #f8e5ff;
1448
+ --label-plum-borderColor: #ffffff00;
1415
1449
  --label-plum-fgColor-active: #651d96;
1416
1450
  --label-plum-fgColor-hover: #7d1eb8;
1417
1451
  --label-plum-fgColor-rest: #961edc;
1418
1452
  --label-purple-bgColor-active: #d1b1fc;
1419
1453
  --label-purple-bgColor-hover: #e6d2fe;
1420
1454
  --label-purple-bgColor-rest: #f1e5ff;
1455
+ --label-purple-borderColor: #ffffff00;
1421
1456
  --label-purple-fgColor-active: #4f21ab;
1422
1457
  --label-purple-fgColor-hover: #6223d7;
1423
1458
  --label-purple-fgColor-rest: #783ae4;
1424
1459
  --label-red-bgColor-active: #fda5a7;
1425
1460
  --label-red-bgColor-hover: #fecdcd;
1426
1461
  --label-red-bgColor-rest: #ffe2e0;
1462
+ --label-red-borderColor: #ffffff00;
1427
1463
  --label-red-fgColor-active: #880c27;
1428
1464
  --label-red-fgColor-hover: #a60c29;
1429
1465
  --label-red-fgColor-rest: #c50d28;
1430
1466
  --label-teal-bgColor-active: #22d3c7;
1431
1467
  --label-teal-bgColor-hover: #89ebe1;
1432
1468
  --label-teal-bgColor-rest: #c7f5ef;
1469
+ --label-teal-borderColor: #ffffff00;
1433
1470
  --label-teal-fgColor-active: #0a4852;
1434
1471
  --label-teal-fgColor-hover: #0d5b63;
1435
1472
  --label-teal-fgColor-rest: #106e75;
1436
1473
  --label-yellow-bgColor-active: #ebb400;
1437
1474
  --label-yellow-bgColor-hover: #ffd642;
1438
1475
  --label-yellow-bgColor-rest: #ffec9e;
1476
+ --label-yellow-borderColor: #ffffff00;
1439
1477
  --label-yellow-fgColor-active: #5c3d00;
1440
1478
  --label-yellow-fgColor-hover: #704d00;
1441
1479
  --label-yellow-fgColor-rest: #805900;
package/dist/css/functional/themes/light.css CHANGED
@@ -496,114 +496,133 @@
496
496
  --label-auburn-bgColor-active: #d4b7b5;
497
497
  --label-auburn-bgColor-hover: #e6d6d5;
498
498
  --label-auburn-bgColor-rest: #f2e9e9;
499
+ --label-auburn-borderColor: #ffffff00;
499
500
  --label-auburn-fgColor-active: #5d3937;
500
501
  --label-auburn-fgColor-hover: #744744;
501
502
  --label-auburn-fgColor-rest: #8a5551;
502
503
  --label-blue-bgColor-active: #75c8ff;
503
504
  --label-blue-bgColor-hover: #ade1ff;
504
505
  --label-blue-bgColor-rest: #d1f0ff;
506
+ --label-blue-borderColor: #ffffff00;
505
507
  --label-blue-fgColor-active: #003d99;
506
508
  --label-blue-fgColor-hover: #004db3;
507
509
  --label-blue-fgColor-rest: #005fcc;
508
510
  --label-brown-bgColor-active: #cbbda4;
509
511
  --label-brown-bgColor-hover: #dfd7c8;
510
512
  --label-brown-bgColor-rest: #eeeae2;
513
+ --label-brown-borderColor: #ffffff00;
511
514
  --label-brown-fgColor-active: #51412f;
512
515
  --label-brown-fgColor-hover: #64513a;
513
516
  --label-brown-fgColor-rest: #755f43;
514
517
  --label-coral-bgColor-active: #fcab92;
515
518
  --label-coral-bgColor-hover: #fecebe;
516
519
  --label-coral-bgColor-rest: #ffe5db;
520
+ --label-coral-borderColor: #ffffff00;
517
521
  --label-coral-fgColor-active: #7e2011;
518
522
  --label-coral-fgColor-hover: #9b2712;
519
523
  --label-coral-fgColor-rest: #ba2e12;
520
524
  --label-cyan-bgColor-active: #00d0fa;
521
525
  --label-cyan-bgColor-hover: #7ae9ff;
522
526
  --label-cyan-bgColor-rest: #bdf4ff;
527
+ --label-cyan-borderColor: #ffffff00;
523
528
  --label-cyan-fgColor-active: #004857;
524
529
  --label-cyan-fgColor-hover: #00596b;
525
530
  --label-cyan-fgColor-rest: #006a80;
526
531
  --label-gray-bgColor-active: #b4c0cf;
527
532
  --label-gray-bgColor-hover: #d2dae4;
528
533
  --label-gray-bgColor-rest: #e8ecf2;
534
+ --label-gray-borderColor: #ffffff00;
529
535
  --label-gray-fgColor-active: #424448;
530
536
  --label-gray-fgColor-hover: #4e535a;
531
537
  --label-gray-fgColor-rest: #5c6570;
532
538
  --label-green-bgColor-active: #54d961;
533
539
  --label-green-bgColor-hover: #9ceda0;
534
540
  --label-green-bgColor-rest: #caf7ca;
541
+ --label-green-borderColor: #ffffff00;
535
542
  --label-green-fgColor-active: #254b34;
536
543
  --label-green-fgColor-hover: #285c3b;
537
544
  --label-green-fgColor-rest: #2b6e3f;
538
545
  --label-indigo-bgColor-active: #b1b9fb;
539
546
  --label-indigo-bgColor-hover: #d2d7fe;
540
547
  --label-indigo-bgColor-rest: #e5e9ff;
548
+ --label-indigo-borderColor: #ffffff00;
541
549
  --label-indigo-fgColor-active: #2d2db4;
542
550
  --label-indigo-fgColor-hover: #393cd5;
543
551
  --label-indigo-fgColor-rest: #494edf;
544
552
  --label-lemon-bgColor-active: #d8bd0e;
545
553
  --label-lemon-bgColor-hover: #f0db3d;
546
554
  --label-lemon-bgColor-rest: #f7eea1;
555
+ --label-lemon-borderColor: #ffffff00;
547
556
  --label-lemon-fgColor-active: #523f00;
548
557
  --label-lemon-fgColor-hover: #654f01;
549
558
  --label-lemon-fgColor-rest: #786002;
550
559
  --label-lime-bgColor-active: #9bd039;
551
560
  --label-lime-bgColor-hover: #c7e580;
552
561
  --label-lime-bgColor-rest: #e3f2b5;
562
+ --label-lime-borderColor: #ffffff00;
553
563
  --label-lime-fgColor-active: #2f4a21;
554
564
  --label-lime-fgColor-hover: #3a5b25;
555
565
  --label-lime-fgColor-rest: #476c28;
556
566
  --label-olive-bgColor-active: #b9c832;
557
567
  --label-olive-bgColor-hover: #dbe170;
558
568
  --label-olive-bgColor-rest: #f0f0ad;
569
+ --label-olive-borderColor: #ffffff00;
559
570
  --label-olive-fgColor-active: #3b4927;
560
571
  --label-olive-fgColor-hover: #495a2b;
561
572
  --label-olive-fgColor-rest: #56682c;
562
573
  --label-orange-bgColor-active: #fbaf74;
563
574
  --label-orange-bgColor-hover: #fecfaa;
564
575
  --label-orange-bgColor-rest: #ffe7d1;
576
+ --label-orange-borderColor: #ffffff00;
565
577
  --label-orange-fgColor-active: #70300f;
566
578
  --label-orange-fgColor-hover: #8d3c11;
567
579
  --label-orange-fgColor-rest: #a24610;
568
580
  --label-pine-bgColor-active: #1dd781;
569
581
  --label-pine-bgColor-hover: #80efb9;
570
582
  --label-pine-bgColor-rest: #bff8db;
583
+ --label-pine-borderColor: #ffffff00;
571
584
  --label-pine-fgColor-active: #114b36;
572
585
  --label-pine-fgColor-hover: #135d41;
573
586
  --label-pine-fgColor-rest: #156f4b;
574
587
  --label-pink-bgColor-active: #f8a5cf;
575
588
  --label-pink-bgColor-hover: #fdc9e2;
576
589
  --label-pink-bgColor-rest: #ffe5f1;
590
+ --label-pink-borderColor: #ffffff00;
577
591
  --label-pink-fgColor-active: #6e2b53;
578
592
  --label-pink-fgColor-hover: #8e2e66;
579
593
  --label-pink-fgColor-rest: #b12f79;
580
594
  --label-plum-bgColor-active: #e2a7fb;
581
595
  --label-plum-bgColor-hover: #f0cdfe;
582
596
  --label-plum-bgColor-rest: #f8e5ff;
597
+ --label-plum-borderColor: #ffffff00;
583
598
  --label-plum-fgColor-active: #651d96;
584
599
  --label-plum-fgColor-hover: #7d1eb8;
585
600
  --label-plum-fgColor-rest: #961edc;
586
601
  --label-purple-bgColor-active: #d1b1fc;
587
602
  --label-purple-bgColor-hover: #e6d2fe;
588
603
  --label-purple-bgColor-rest: #f1e5ff;
604
+ --label-purple-borderColor: #ffffff00;
589
605
  --label-purple-fgColor-active: #4f21ab;
590
606
  --label-purple-fgColor-hover: #6223d7;
591
607
  --label-purple-fgColor-rest: #783ae4;
592
608
  --label-red-bgColor-active: #fda5a7;
593
609
  --label-red-bgColor-hover: #fecdcd;
594
610
  --label-red-bgColor-rest: #ffe2e0;
611
+ --label-red-borderColor: #ffffff00;
595
612
  --label-red-fgColor-active: #880c27;
596
613
  --label-red-fgColor-hover: #a60c29;
597
614
  --label-red-fgColor-rest: #c50d28;
598
615
  --label-teal-bgColor-active: #22d3c7;
599
616
  --label-teal-bgColor-hover: #89ebe1;
600
617
  --label-teal-bgColor-rest: #c7f5ef;
618
+ --label-teal-borderColor: #ffffff00;
601
619
  --label-teal-fgColor-active: #0a4852;
602
620
  --label-teal-fgColor-hover: #0d5b63;
603
621
  --label-teal-fgColor-rest: #106e75;
604
622
  --label-yellow-bgColor-active: #ebb400;
605
623
  --label-yellow-bgColor-hover: #ffd642;
606
624
  --label-yellow-bgColor-rest: #ffec9e;
625
+ --label-yellow-borderColor: #ffffff00;
607
626
  --label-yellow-fgColor-active: #5c3d00;
608
627
  --label-yellow-fgColor-hover: #704d00;
609
628
  --label-yellow-fgColor-rest: #805900;
@@ -1324,114 +1343,133 @@
1324
1343
  --label-auburn-bgColor-active: #d4b7b5;
1325
1344
  --label-auburn-bgColor-hover: #e6d6d5;
1326
1345
  --label-auburn-bgColor-rest: #f2e9e9;
1346
+ --label-auburn-borderColor: #ffffff00;
1327
1347
  --label-auburn-fgColor-active: #5d3937;
1328
1348
  --label-auburn-fgColor-hover: #744744;
1329
1349
  --label-auburn-fgColor-rest: #8a5551;
1330
1350
  --label-blue-bgColor-active: #75c8ff;
1331
1351
  --label-blue-bgColor-hover: #ade1ff;
1332
1352
  --label-blue-bgColor-rest: #d1f0ff;
1353
+ --label-blue-borderColor: #ffffff00;
1333
1354
  --label-blue-fgColor-active: #003d99;
1334
1355
  --label-blue-fgColor-hover: #004db3;
1335
1356
  --label-blue-fgColor-rest: #005fcc;
1336
1357
  --label-brown-bgColor-active: #cbbda4;
1337
1358
  --label-brown-bgColor-hover: #dfd7c8;
1338
1359
  --label-brown-bgColor-rest: #eeeae2;
1360
+ --label-brown-borderColor: #ffffff00;
1339
1361
  --label-brown-fgColor-active: #51412f;
1340
1362
  --label-brown-fgColor-hover: #64513a;
1341
1363
  --label-brown-fgColor-rest: #755f43;
1342
1364
  --label-coral-bgColor-active: #fcab92;
1343
1365
  --label-coral-bgColor-hover: #fecebe;
1344
1366
  --label-coral-bgColor-rest: #ffe5db;
1367
+ --label-coral-borderColor: #ffffff00;
1345
1368
  --label-coral-fgColor-active: #7e2011;
1346
1369
  --label-coral-fgColor-hover: #9b2712;
1347
1370
  --label-coral-fgColor-rest: #ba2e12;
1348
1371
  --label-cyan-bgColor-active: #00d0fa;
1349
1372
  --label-cyan-bgColor-hover: #7ae9ff;
1350
1373
  --label-cyan-bgColor-rest: #bdf4ff;
1374
+ --label-cyan-borderColor: #ffffff00;
1351
1375
  --label-cyan-fgColor-active: #004857;
1352
1376
  --label-cyan-fgColor-hover: #00596b;
1353
1377
  --label-cyan-fgColor-rest: #006a80;
1354
1378
  --label-gray-bgColor-active: #b4c0cf;
1355
1379
  --label-gray-bgColor-hover: #d2dae4;
1356
1380
  --label-gray-bgColor-rest: #e8ecf2;
1381
+ --label-gray-borderColor: #ffffff00;
1357
1382
  --label-gray-fgColor-active: #424448;
1358
1383
  --label-gray-fgColor-hover: #4e535a;
1359
1384
  --label-gray-fgColor-rest: #5c6570;
1360
1385
  --label-green-bgColor-active: #54d961;
1361
1386
  --label-green-bgColor-hover: #9ceda0;
1362
1387
  --label-green-bgColor-rest: #caf7ca;
1388
+ --label-green-borderColor: #ffffff00;
1363
1389
  --label-green-fgColor-active: #254b34;
1364
1390
  --label-green-fgColor-hover: #285c3b;
1365
1391
  --label-green-fgColor-rest: #2b6e3f;
1366
1392
  --label-indigo-bgColor-active: #b1b9fb;
1367
1393
  --label-indigo-bgColor-hover: #d2d7fe;
1368
1394
  --label-indigo-bgColor-rest: #e5e9ff;
1395
+ --label-indigo-borderColor: #ffffff00;
1369
1396
  --label-indigo-fgColor-active: #2d2db4;
1370
1397
  --label-indigo-fgColor-hover: #393cd5;
1371
1398
  --label-indigo-fgColor-rest: #494edf;
1372
1399
  --label-lemon-bgColor-active: #d8bd0e;
1373
1400
  --label-lemon-bgColor-hover: #f0db3d;
1374
1401
  --label-lemon-bgColor-rest: #f7eea1;
1402
+ --label-lemon-borderColor: #ffffff00;
1375
1403
  --label-lemon-fgColor-active: #523f00;
1376
1404
  --label-lemon-fgColor-hover: #654f01;
1377
1405
  --label-lemon-fgColor-rest: #786002;
1378
1406
  --label-lime-bgColor-active: #9bd039;
1379
1407
  --label-lime-bgColor-hover: #c7e580;
1380
1408
  --label-lime-bgColor-rest: #e3f2b5;
1409
+ --label-lime-borderColor: #ffffff00;
1381
1410
  --label-lime-fgColor-active: #2f4a21;
1382
1411
  --label-lime-fgColor-hover: #3a5b25;
1383
1412
  --label-lime-fgColor-rest: #476c28;
1384
1413
  --label-olive-bgColor-active: #b9c832;
1385
1414
  --label-olive-bgColor-hover: #dbe170;
1386
1415
  --label-olive-bgColor-rest: #f0f0ad;
1416
+ --label-olive-borderColor: #ffffff00;
1387
1417
  --label-olive-fgColor-active: #3b4927;
1388
1418
  --label-olive-fgColor-hover: #495a2b;
1389
1419
  --label-olive-fgColor-rest: #56682c;
1390
1420
  --label-orange-bgColor-active: #fbaf74;
1391
1421
  --label-orange-bgColor-hover: #fecfaa;
1392
1422
  --label-orange-bgColor-rest: #ffe7d1;
1423
+ --label-orange-borderColor: #ffffff00;
1393
1424
  --label-orange-fgColor-active: #70300f;
1394
1425
  --label-orange-fgColor-hover: #8d3c11;
1395
1426
  --label-orange-fgColor-rest: #a24610;
1396
1427
  --label-pine-bgColor-active: #1dd781;
1397
1428
  --label-pine-bgColor-hover: #80efb9;
1398
1429
  --label-pine-bgColor-rest: #bff8db;
1430
+ --label-pine-borderColor: #ffffff00;
1399
1431
  --label-pine-fgColor-active: #114b36;
1400
1432
  --label-pine-fgColor-hover: #135d41;
1401
1433
  --label-pine-fgColor-rest: #156f4b;
1402
1434
  --label-pink-bgColor-active: #f8a5cf;
1403
1435
  --label-pink-bgColor-hover: #fdc9e2;
1404
1436
  --label-pink-bgColor-rest: #ffe5f1;
1437
+ --label-pink-borderColor: #ffffff00;
1405
1438
  --label-pink-fgColor-active: #6e2b53;
1406
1439
  --label-pink-fgColor-hover: #8e2e66;
1407
1440
  --label-pink-fgColor-rest: #b12f79;
1408
1441
  --label-plum-bgColor-active: #e2a7fb;
1409
1442
  --label-plum-bgColor-hover: #f0cdfe;
1410
1443
  --label-plum-bgColor-rest: #f8e5ff;
1444
+ --label-plum-borderColor: #ffffff00;
1411
1445
  --label-plum-fgColor-active: #651d96;
1412
1446
  --label-plum-fgColor-hover: #7d1eb8;
1413
1447
  --label-plum-fgColor-rest: #961edc;
1414
1448
  --label-purple-bgColor-active: #d1b1fc;
1415
1449
  --label-purple-bgColor-hover: #e6d2fe;
1416
1450
  --label-purple-bgColor-rest: #f1e5ff;
1451
+ --label-purple-borderColor: #ffffff00;
1417
1452
  --label-purple-fgColor-active: #4f21ab;
1418
1453
  --label-purple-fgColor-hover: #6223d7;
1419
1454
  --label-purple-fgColor-rest: #783ae4;
1420
1455
  --label-red-bgColor-active: #fda5a7;
1421
1456
  --label-red-bgColor-hover: #fecdcd;
1422
1457
  --label-red-bgColor-rest: #ffe2e0;
1458
+ --label-red-borderColor: #ffffff00;
1423
1459
  --label-red-fgColor-active: #880c27;
1424
1460
  --label-red-fgColor-hover: #a60c29;
1425
1461
  --label-red-fgColor-rest: #c50d28;
1426
1462
  --label-teal-bgColor-active: #22d3c7;
1427
1463
  --label-teal-bgColor-hover: #89ebe1;
1428
1464
  --label-teal-bgColor-rest: #c7f5ef;
1465
+ --label-teal-borderColor: #ffffff00;
1429
1466
  --label-teal-fgColor-active: #0a4852;
1430
1467
  --label-teal-fgColor-hover: #0d5b63;
1431
1468
  --label-teal-fgColor-rest: #106e75;
1432
1469
  --label-yellow-bgColor-active: #ebb400;
1433
1470
  --label-yellow-bgColor-hover: #ffd642;
1434
1471
  --label-yellow-bgColor-rest: #ffec9e;
1472
+ --label-yellow-borderColor: #ffffff00;
1435
1473
  --label-yellow-fgColor-active: #5c3d00;
1436
1474
  --label-yellow-fgColor-hover: #704d00;
1437
1475
  --label-yellow-fgColor-rest: #805900;