@primer/primitives 8.2.3 → 8.2.4-rc.20f0592f

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 (57) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +48 -48
  2. package/dist/css/functional/themes/dark-dimmed.css +50 -50
  3. package/dist/css/functional/themes/dark-high-contrast.css +50 -50
  4. package/dist/css/functional/themes/dark-tritanopia.css +50 -50
  5. package/dist/css/functional/themes/dark.css +50 -50
  6. package/dist/css/functional/themes/light-colorblind.css +22 -22
  7. package/dist/css/functional/themes/light-high-contrast.css +10 -10
  8. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  9. package/dist/css/functional/themes/light.css +10 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +202 -202
  11. package/dist/docs/functional/themes/dark-dimmed.json +212 -210
  12. package/dist/docs/functional/themes/dark-high-contrast.json +212 -210
  13. package/dist/docs/functional/themes/dark-tritanopia.json +206 -206
  14. package/dist/docs/functional/themes/dark.json +212 -210
  15. package/dist/docs/functional/themes/light-colorblind.json +187 -193
  16. package/dist/docs/functional/themes/light-high-contrast.json +185 -183
  17. package/dist/docs/functional/themes/light-tritanopia.json +187 -193
  18. package/dist/docs/functional/themes/light.json +180 -178
  19. package/dist/figma/themes/dark-colorblind.json +231 -231
  20. package/dist/figma/themes/dark-dimmed.json +215 -214
  21. package/dist/figma/themes/dark-high-contrast.json +215 -214
  22. package/dist/figma/themes/dark-tritanopia.json +233 -233
  23. package/dist/figma/themes/dark.json +215 -214
  24. package/dist/figma/themes/light-colorblind.json +213 -214
  25. package/dist/figma/themes/light-high-contrast.json +135 -134
  26. package/dist/figma/themes/light-tritanopia.json +212 -213
  27. package/dist/figma/themes/light.json +135 -134
  28. package/dist/internalCss/dark-colorblind.css +48 -48
  29. package/dist/internalCss/dark-dimmed.css +50 -50
  30. package/dist/internalCss/dark-high-contrast.css +50 -50
  31. package/dist/internalCss/dark-tritanopia.css +50 -50
  32. package/dist/internalCss/dark.css +50 -50
  33. package/dist/internalCss/light-colorblind.css +22 -22
  34. package/dist/internalCss/light-high-contrast.css +10 -10
  35. package/dist/internalCss/light-tritanopia.css +22 -22
  36. package/dist/internalCss/light.css +10 -10
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +202 -202
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +212 -210
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +212 -210
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +206 -206
  41. package/dist/styleLint/functional/themes/dark.json +212 -210
  42. package/dist/styleLint/functional/themes/light-colorblind.json +187 -193
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +185 -183
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +187 -193
  45. package/dist/styleLint/functional/themes/light.json +180 -178
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
  48. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
  49. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
  50. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +13 -17
  51. package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
  52. package/src/tokens/functional/color/dark/primitives-dark.json5 +174 -197
  53. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +11 -8
  54. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +14 -25
  55. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +11 -22
  56. package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
  57. package/src/tokens/functional/color/light/primitives-light.json5 +173 -196
package/dist/figma/themes/light-high-contrast.json CHANGED
@@ -988,45 +988,6 @@
988
988
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
989
989
  }
990
990
  },
991
- {
992
- "name": "borderColor/upsell-emphasis",
993
- "value": {
994
- "r": 0.3843137254901961,
995
- "g": 0.17254901960784313,
996
- "b": 0.7372549019607844,
997
- "a": 1
998
- },
999
- "type": "COLOR",
1000
- "refId": "mode/borderColor/upsell-emphasis",
1001
- "reference": "base/color/light-high-contrast/base/color/purple/5",
1002
- "collection": "mode",
1003
- "mode": "light high contrast",
1004
- "group": "semantic",
1005
- "scopes": ["STROKE_COLOR"],
1006
- "codeSyntax": {
1007
- "web": "var(--borderColor-upsell-emphasis)"
1008
- }
1009
- },
1010
- {
1011
- "name": "borderColor/upsell-muted",
1012
- "value": {
1013
- "r": 0.6392156862745098,
1014
- "g": 0.44313725490196076,
1015
- "b": 0.9686274509803922,
1016
- "a": 0.4
1017
- },
1018
- "type": "COLOR",
1019
- "alpha": 0.4,
1020
- "refId": "mode/borderColor/upsell-muted",
1021
- "reference": "base/color/light-high-contrast/base/color/purple/3",
1022
- "collection": "mode",
1023
- "mode": "light high contrast",
1024
- "group": "semantic",
1025
- "scopes": ["STROKE_COLOR"],
1026
- "codeSyntax": {
1027
- "web": "var(--borderColor-upsell-muted)"
1028
- }
1029
- },
1030
991
  {
1031
992
  "name": "borderColor/done-emphasis",
1032
993
  "value": {
@@ -1459,44 +1420,6 @@
1459
1420
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1460
1421
  }
1461
1422
  },
1462
- {
1463
- "name": "bgColor/upsell-emphasis",
1464
- "value": {
1465
- "r": 0.3843137254901961,
1466
- "g": 0.17254901960784313,
1467
- "b": 0.7372549019607844,
1468
- "a": 1
1469
- },
1470
- "type": "COLOR",
1471
- "refId": "mode/bgColor/upsell-emphasis",
1472
- "reference": "base/color/light-high-contrast/base/color/purple/5",
1473
- "collection": "mode",
1474
- "mode": "light high contrast",
1475
- "group": "semantic",
1476
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1477
- "codeSyntax": {
1478
- "web": "var(--bgColor-upsell-emphasis)"
1479
- }
1480
- },
1481
- {
1482
- "name": "bgColor/upsell-muted",
1483
- "value": {
1484
- "r": 0.9803921568627451,
1485
- "g": 0.9411764705882353,
1486
- "b": 0.996078431372549,
1487
- "a": 1
1488
- },
1489
- "type": "COLOR",
1490
- "refId": "mode/bgColor/upsell-muted",
1491
- "reference": "base/color/light-high-contrast/base/color/purple/0",
1492
- "collection": "mode",
1493
- "mode": "light high contrast",
1494
- "group": "semantic",
1495
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1496
- "codeSyntax": {
1497
- "web": "var(--bgColor-upsell-muted)"
1498
- }
1499
- },
1500
1423
  {
1501
1424
  "name": "bgColor/done-emphasis",
1502
1425
  "value": {
@@ -1535,44 +1458,6 @@
1535
1458
  "web": "var(--bgColor-done-muted) /* utility class: .color-bg-done */"
1536
1459
  }
1537
1460
  },
1538
- {
1539
- "name": "bgColor/closed-emphasis",
1540
- "value": {
1541
- "r": 0.6274509803921569,
1542
- "g": 0.06666666666666667,
1543
- "b": 0.12156862745098039,
1544
- "a": 1
1545
- },
1546
- "type": "COLOR",
1547
- "refId": "mode/bgColor/closed-emphasis",
1548
- "reference": "base/color/light-high-contrast/base/color/red/5",
1549
- "collection": "mode",
1550
- "mode": "light high contrast",
1551
- "group": "semantic",
1552
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1553
- "codeSyntax": {
1554
- "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
1555
- }
1556
- },
1557
- {
1558
- "name": "bgColor/closed-muted",
1559
- "value": {
1560
- "r": 1,
1561
- "g": 0.9411764705882353,
1562
- "b": 0.9333333333333333,
1563
- "a": 1
1564
- },
1565
- "type": "COLOR",
1566
- "refId": "mode/bgColor/closed-muted",
1567
- "reference": "base/color/light-high-contrast/base/color/red/0",
1568
- "collection": "mode",
1569
- "mode": "light high contrast",
1570
- "group": "semantic",
1571
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1572
- "codeSyntax": {
1573
- "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1574
- }
1575
- },
1576
1461
  {
1577
1462
  "name": "bgColor/danger-emphasis",
1578
1463
  "value": {
@@ -1975,25 +1860,6 @@
1975
1860
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1976
1861
  }
1977
1862
  },
1978
- {
1979
- "name": "fgColor/upsell",
1980
- "value": {
1981
- "r": 0.3843137254901961,
1982
- "g": 0.17254901960784313,
1983
- "b": 0.7372549019607844,
1984
- "a": 1
1985
- },
1986
- "type": "COLOR",
1987
- "refId": "mode/fgColor/upsell",
1988
- "reference": "base/color/light-high-contrast/base/color/purple/5",
1989
- "collection": "mode",
1990
- "mode": "light high contrast",
1991
- "group": "semantic",
1992
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
1993
- "codeSyntax": {
1994
- "web": "var(--fgColor-upsell)"
1995
- }
1996
- },
1997
1863
  {
1998
1864
  "name": "fgColor/done",
1999
1865
  "value": {
@@ -7566,6 +7432,45 @@
7566
7432
  "group": "component",
7567
7433
  "scopes": ["FRAME_FILL", "SHAPE_FILL"]
7568
7434
  },
7435
+ {
7436
+ "name": "borderColor/upsell-emphasis",
7437
+ "value": {
7438
+ "r": 0.3843137254901961,
7439
+ "g": 0.17254901960784313,
7440
+ "b": 0.7372549019607844,
7441
+ "a": 1
7442
+ },
7443
+ "type": "COLOR",
7444
+ "refId": "mode/borderColor/upsell-emphasis",
7445
+ "reference": "mode/borderColor/done-emphasis",
7446
+ "collection": "mode",
7447
+ "mode": "light high contrast",
7448
+ "group": "semantic",
7449
+ "scopes": ["STROKE_COLOR"],
7450
+ "codeSyntax": {
7451
+ "web": "var(--borderColor-upsell-emphasis)"
7452
+ }
7453
+ },
7454
+ {
7455
+ "name": "borderColor/upsell-muted",
7456
+ "value": {
7457
+ "r": 0.6392156862745098,
7458
+ "g": 0.44313725490196076,
7459
+ "b": 0.9686274509803922,
7460
+ "a": 0.4
7461
+ },
7462
+ "type": "COLOR",
7463
+ "alpha": 0.4,
7464
+ "refId": "mode/borderColor/upsell-muted",
7465
+ "reference": "mode/borderColor/done-muted",
7466
+ "collection": "mode",
7467
+ "mode": "light high contrast",
7468
+ "group": "semantic",
7469
+ "scopes": ["STROKE_COLOR"],
7470
+ "codeSyntax": {
7471
+ "web": "var(--borderColor-upsell-muted)"
7472
+ }
7473
+ },
7569
7474
  {
7570
7475
  "name": "borderColor/open-emphasis",
7571
7476
  "value": {
@@ -7594,6 +7499,7 @@
7594
7499
  "a": 1
7595
7500
  },
7596
7501
  "type": "COLOR",
7502
+ "alpha": 1,
7597
7503
  "refId": "mode/borderColor/open-muted",
7598
7504
  "reference": "mode/borderColor/success-muted",
7599
7505
  "collection": "mode",
@@ -7620,6 +7526,82 @@
7620
7526
  "group": "semantic",
7621
7527
  "scopes": ["STROKE_COLOR"]
7622
7528
  },
7529
+ {
7530
+ "name": "bgColor/upsell-emphasis",
7531
+ "value": {
7532
+ "r": 0.3843137254901961,
7533
+ "g": 0.17254901960784313,
7534
+ "b": 0.7372549019607844,
7535
+ "a": 1
7536
+ },
7537
+ "type": "COLOR",
7538
+ "refId": "mode/bgColor/upsell-emphasis",
7539
+ "reference": "mode/bgColor/done-emphasis",
7540
+ "collection": "mode",
7541
+ "mode": "light high contrast",
7542
+ "group": "semantic",
7543
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7544
+ "codeSyntax": {
7545
+ "web": "var(--bgColor-upsell-emphasis)"
7546
+ }
7547
+ },
7548
+ {
7549
+ "name": "bgColor/upsell-muted",
7550
+ "value": {
7551
+ "r": 0.9803921568627451,
7552
+ "g": 0.9411764705882353,
7553
+ "b": 0.996078431372549,
7554
+ "a": 1
7555
+ },
7556
+ "type": "COLOR",
7557
+ "refId": "mode/bgColor/upsell-muted",
7558
+ "reference": "mode/bgColor/done-muted",
7559
+ "collection": "mode",
7560
+ "mode": "light high contrast",
7561
+ "group": "semantic",
7562
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7563
+ "codeSyntax": {
7564
+ "web": "var(--bgColor-upsell-muted)"
7565
+ }
7566
+ },
7567
+ {
7568
+ "name": "bgColor/closed-emphasis",
7569
+ "value": {
7570
+ "r": 0.6274509803921569,
7571
+ "g": 0.06666666666666667,
7572
+ "b": 0.12156862745098039,
7573
+ "a": 1
7574
+ },
7575
+ "type": "COLOR",
7576
+ "refId": "mode/bgColor/closed-emphasis",
7577
+ "reference": "mode/bgColor/danger-emphasis",
7578
+ "collection": "mode",
7579
+ "mode": "light high contrast",
7580
+ "group": "semantic",
7581
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7582
+ "codeSyntax": {
7583
+ "web": "var(--bgColor-closed-emphasis) /* utility class: .color-bg-closed-emphasis */"
7584
+ }
7585
+ },
7586
+ {
7587
+ "name": "bgColor/closed-muted",
7588
+ "value": {
7589
+ "r": 1,
7590
+ "g": 0.9411764705882353,
7591
+ "b": 0.9333333333333333,
7592
+ "a": 1
7593
+ },
7594
+ "type": "COLOR",
7595
+ "refId": "mode/bgColor/closed-muted",
7596
+ "reference": "mode/bgColor/danger-muted",
7597
+ "collection": "mode",
7598
+ "mode": "light high contrast",
7599
+ "group": "semantic",
7600
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7601
+ "codeSyntax": {
7602
+ "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
7603
+ }
7604
+ },
7623
7605
  {
7624
7606
  "name": "bgColor/open-emphasis",
7625
7607
  "value": {
@@ -7658,6 +7640,25 @@
7658
7640
  "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
7659
7641
  }
7660
7642
  },
7643
+ {
7644
+ "name": "fgColor/upsell",
7645
+ "value": {
7646
+ "r": 0.3843137254901961,
7647
+ "g": 0.17254901960784313,
7648
+ "b": 0.7372549019607844,
7649
+ "a": 1
7650
+ },
7651
+ "type": "COLOR",
7652
+ "refId": "mode/fgColor/upsell",
7653
+ "reference": "mode/fgColor/done",
7654
+ "collection": "mode",
7655
+ "mode": "light high contrast",
7656
+ "group": "semantic",
7657
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7658
+ "codeSyntax": {
7659
+ "web": "var(--fgColor-upsell)"
7660
+ }
7661
+ },
7661
7662
  {
7662
7663
  "name": "fgColor/closed",
7663
7664
  "value": {