@primer/primitives 11.0.0 → 11.1.0-rc.f0583fc7

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 (73) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +38 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +40 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +38 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +40 -2
  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 +40 -2
  8. package/dist/css/functional/themes/dark.css +40 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +38 -0
  10. package/dist/css/functional/themes/light-colorblind.css +40 -2
  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 +40 -2
  14. package/dist/css/functional/themes/light.css +40 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +2713 -20
  16. package/dist/docs/functional/themes/dark-colorblind.json +2882 -189
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +2713 -20
  18. package/dist/docs/functional/themes/dark-dimmed.json +2882 -189
  19. package/dist/docs/functional/themes/dark-high-contrast.json +2713 -20
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
  21. package/dist/docs/functional/themes/dark-tritanopia.json +2882 -189
  22. package/dist/docs/functional/themes/dark.json +2882 -189
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +2713 -20
  24. package/dist/docs/functional/themes/light-colorblind.json +2883 -190
  25. package/dist/docs/functional/themes/light-high-contrast.json +2713 -20
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +2713 -20
  27. package/dist/docs/functional/themes/light-tritanopia.json +2883 -190
  28. package/dist/docs/functional/themes/light.json +2883 -190
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +304 -0
  30. package/dist/figma/themes/dark-colorblind.json +308 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +304 -0
  32. package/dist/figma/themes/dark-dimmed.json +308 -4
  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 +308 -4
  36. package/dist/figma/themes/dark.json +308 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +304 -0
  38. package/dist/figma/themes/light-colorblind.json +308 -4
  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 +308 -4
  42. package/dist/figma/themes/light.json +308 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +38 -0
  44. package/dist/internalCss/dark-colorblind.css +40 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +38 -0
  46. package/dist/internalCss/dark-dimmed.css +40 -2
  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 +40 -2
  50. package/dist/internalCss/dark.css +40 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +38 -0
  52. package/dist/internalCss/light-colorblind.css +40 -2
  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 +40 -2
  56. package/dist/internalCss/light.css +40 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +2713 -20
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +2881 -188
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +2713 -20
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +2881 -188
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +2713 -20
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +2713 -20
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +2881 -188
  64. package/dist/styleLint/functional/themes/dark.json +2881 -188
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +2713 -20
  66. package/dist/styleLint/functional/themes/light-colorblind.json +2882 -189
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +2713 -20
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +2713 -20
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +2882 -189
  70. package/dist/styleLint/functional/themes/light.json +2882 -189
  71. package/package.json +2 -2
  72. package/src/tokens/component/label.json5 +760 -0
  73. package/src/tokens/functional/color/control.json5 +9 -2
@@ -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;
@@ -799,7 +818,7 @@
799
818
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
800
819
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
801
820
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
802
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
821
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
803
822
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
804
823
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
805
824
  --diffBlob-additionNum-fgColor: var(--fgColor-default);
@@ -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;
@@ -1627,7 +1665,7 @@
1627
1665
  --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
1628
1666
  --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
1629
1667
  --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
1630
- --controlKnob-borderColor-rest: var(--control-borderColor-emphasis);
1668
+ --controlKnob-borderColor-rest: var(--control-borderColor-rest);
1631
1669
  --controlTrack-fgColor-disabled: var(--fgColor-onEmphasis);
1632
1670
  --diffBlob-additionLine-fgColor: var(--fgColor-default);
1633
1671
  --diffBlob-additionNum-fgColor: var(--fgColor-default);