@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948

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 (31) hide show
  1. package/dist/css/functional/themes/dark-high-contrast.css +72 -72
  2. package/dist/css/functional/themes/light-colorblind.css +22 -22
  3. package/dist/css/functional/themes/light-high-contrast.css +30 -30
  4. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  5. package/dist/css/functional/themes/light.css +10 -10
  6. package/dist/docs/functional/themes/dark-high-contrast.json +91 -99
  7. package/dist/docs/functional/themes/light-colorblind.json +171 -165
  8. package/dist/docs/functional/themes/light-high-contrast.json +184 -188
  9. package/dist/docs/functional/themes/light-tritanopia.json +169 -163
  10. package/dist/docs/functional/themes/light.json +155 -157
  11. package/dist/figma/themes/dark-high-contrast.json +98 -99
  12. package/dist/figma/themes/light-colorblind.json +214 -213
  13. package/dist/figma/themes/light-high-contrast.json +169 -171
  14. package/dist/figma/themes/light-tritanopia.json +213 -212
  15. package/dist/figma/themes/light.json +134 -135
  16. package/dist/internalCss/dark-high-contrast.css +72 -72
  17. package/dist/internalCss/light-colorblind.css +22 -22
  18. package/dist/internalCss/light-high-contrast.css +30 -30
  19. package/dist/internalCss/light-tritanopia.css +22 -22
  20. package/dist/internalCss/light.css +10 -10
  21. package/dist/styleLint/functional/themes/dark-high-contrast.json +91 -99
  22. package/dist/styleLint/functional/themes/light-colorblind.json +171 -165
  23. package/dist/styleLint/functional/themes/light-high-contrast.json +184 -188
  24. package/dist/styleLint/functional/themes/light-tritanopia.json +169 -163
  25. package/dist/styleLint/functional/themes/light.json +155 -157
  26. package/package.json +1 -1
  27. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +2 -108
  28. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -46
  29. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +6 -3
  30. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +6 -3
  31. package/src/tokens/functional/color/light/primitives-light.json5 +62 -63
@@ -988,6 +988,45 @@
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.5098039215686274,
995
+ "g": 0.3137254901960784,
996
+ "b": 0.8745098039215686,
997
+ "a": 1
998
+ },
999
+ "type": "COLOR",
1000
+ "refId": "mode/borderColor/upsell-emphasis",
1001
+ "reference": "base/color/light/base/color/purple/5",
1002
+ "collection": "mode",
1003
+ "mode": "light colorblind",
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.7607843137254902,
1014
+ "g": 0.592156862745098,
1015
+ "b": 1,
1016
+ "a": 0.4
1017
+ },
1018
+ "type": "COLOR",
1019
+ "alpha": 0.4,
1020
+ "refId": "mode/borderColor/upsell-muted",
1021
+ "reference": "base/color/light/base/color/purple/3",
1022
+ "collection": "mode",
1023
+ "mode": "light colorblind",
1024
+ "group": "semantic",
1025
+ "scopes": ["STROKE_COLOR"],
1026
+ "codeSyntax": {
1027
+ "web": "var(--borderColor-upsell-muted)"
1028
+ }
1029
+ },
991
1030
  {
992
1031
  "name": "borderColor/done-emphasis",
993
1032
  "value": {
@@ -1066,6 +1105,45 @@
1066
1105
  "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1067
1106
  }
1068
1107
  },
1108
+ {
1109
+ "name": "borderColor/open-emphasis",
1110
+ "value": {
1111
+ "r": 0.8823529411764706,
1112
+ "g": 0.43529411764705883,
1113
+ "b": 0.1411764705882353,
1114
+ "a": 1
1115
+ },
1116
+ "type": "COLOR",
1117
+ "refId": "mode/borderColor/open-emphasis",
1118
+ "reference": "base/color/light/base/color/orange/4",
1119
+ "collection": "mode",
1120
+ "mode": "light colorblind",
1121
+ "group": "semantic",
1122
+ "scopes": ["STROKE_COLOR"],
1123
+ "codeSyntax": {
1124
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1125
+ }
1126
+ },
1127
+ {
1128
+ "name": "borderColor/open-muted",
1129
+ "value": {
1130
+ "r": 0.984313725490196,
1131
+ "g": 0.5607843137254902,
1132
+ "b": 0.26666666666666666,
1133
+ "a": 0.4
1134
+ },
1135
+ "type": "COLOR",
1136
+ "alpha": 0.4,
1137
+ "refId": "mode/borderColor/open-muted",
1138
+ "reference": "base/color/light/base/color/orange/3",
1139
+ "collection": "mode",
1140
+ "mode": "light colorblind",
1141
+ "group": "semantic",
1142
+ "scopes": ["STROKE_COLOR"],
1143
+ "codeSyntax": {
1144
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1145
+ }
1146
+ },
1069
1147
  {
1070
1148
  "name": "borderColor/danger-emphasis",
1071
1149
  "value": {
@@ -1183,56 +1261,17 @@
1183
1261
  "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1184
1262
  }
1185
1263
  },
1186
- {
1187
- "name": "borderColor/open-emphasis",
1188
- "value": {
1189
- "r": 0.8823529411764706,
1190
- "g": 0.43529411764705883,
1191
- "b": 0.1411764705882353,
1192
- "a": 1
1193
- },
1194
- "type": "COLOR",
1195
- "refId": "mode/borderColor/open-emphasis",
1196
- "reference": "base/color/light/base/color/orange/4",
1197
- "collection": "mode",
1198
- "mode": "light colorblind",
1199
- "group": "semantic",
1200
- "scopes": ["STROKE_COLOR"],
1201
- "codeSyntax": {
1202
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1203
- }
1204
- },
1205
- {
1206
- "name": "borderColor/open-muted",
1207
- "value": {
1208
- "r": 0.984313725490196,
1209
- "g": 0.5607843137254902,
1210
- "b": 0.26666666666666666,
1211
- "a": 0.4
1212
- },
1213
- "type": "COLOR",
1214
- "alpha": 0.4,
1215
- "refId": "mode/borderColor/open-muted",
1216
- "reference": "base/color/light/base/color/orange/3",
1217
- "collection": "mode",
1218
- "mode": "light colorblind",
1219
- "group": "semantic",
1220
- "scopes": ["STROKE_COLOR"],
1221
- "codeSyntax": {
1222
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1223
- }
1224
- },
1225
1264
  {
1226
1265
  "name": "borderColor/success-emphasis",
1227
1266
  "value": {
1228
- "r": 0.03529411764705882,
1229
- "g": 0.4117647058823529,
1230
- "b": 0.8549019607843137,
1267
+ "r": 0.12941176470588237,
1268
+ "g": 0.5450980392156862,
1269
+ "b": 1,
1231
1270
  "a": 1
1232
1271
  },
1233
1272
  "type": "COLOR",
1234
1273
  "refId": "mode/borderColor/success-emphasis",
1235
- "reference": "base/color/light/base/color/blue/5",
1274
+ "reference": "base/color/light/base/color/blue/4",
1236
1275
  "collection": "mode",
1237
1276
  "mode": "light colorblind",
1238
1277
  "group": "semantic",
@@ -1439,6 +1478,44 @@
1439
1478
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1440
1479
  }
1441
1480
  },
1481
+ {
1482
+ "name": "bgColor/upsell-emphasis",
1483
+ "value": {
1484
+ "r": 0.5098039215686274,
1485
+ "g": 0.3137254901960784,
1486
+ "b": 0.8745098039215686,
1487
+ "a": 1
1488
+ },
1489
+ "type": "COLOR",
1490
+ "refId": "mode/bgColor/upsell-emphasis",
1491
+ "reference": "base/color/light/base/color/purple/5",
1492
+ "collection": "mode",
1493
+ "mode": "light colorblind",
1494
+ "group": "semantic",
1495
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1496
+ "codeSyntax": {
1497
+ "web": "var(--bgColor-upsell-emphasis)"
1498
+ }
1499
+ },
1500
+ {
1501
+ "name": "bgColor/upsell-muted",
1502
+ "value": {
1503
+ "r": 0.984313725490196,
1504
+ "g": 0.9372549019607843,
1505
+ "b": 1,
1506
+ "a": 1
1507
+ },
1508
+ "type": "COLOR",
1509
+ "refId": "mode/bgColor/upsell-muted",
1510
+ "reference": "base/color/light/base/color/purple/0",
1511
+ "collection": "mode",
1512
+ "mode": "light colorblind",
1513
+ "group": "semantic",
1514
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1515
+ "codeSyntax": {
1516
+ "web": "var(--bgColor-upsell-muted)"
1517
+ }
1518
+ },
1442
1519
  {
1443
1520
  "name": "bgColor/done-emphasis",
1444
1521
  "value": {
@@ -1516,6 +1593,45 @@
1516
1593
  "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1517
1594
  }
1518
1595
  },
1596
+ {
1597
+ "name": "bgColor/open-emphasis",
1598
+ "value": {
1599
+ "r": 0.8823529411764706,
1600
+ "g": 0.43529411764705883,
1601
+ "b": 0.1411764705882353,
1602
+ "a": 1
1603
+ },
1604
+ "type": "COLOR",
1605
+ "refId": "mode/bgColor/open-emphasis",
1606
+ "reference": "base/color/light/base/color/orange/4",
1607
+ "collection": "mode",
1608
+ "mode": "light colorblind",
1609
+ "group": "semantic",
1610
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1611
+ "codeSyntax": {
1612
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1613
+ }
1614
+ },
1615
+ {
1616
+ "name": "bgColor/open-muted",
1617
+ "value": {
1618
+ "r": 0.984313725490196,
1619
+ "g": 0.5607843137254902,
1620
+ "b": 0.26666666666666666,
1621
+ "a": 0.4
1622
+ },
1623
+ "type": "COLOR",
1624
+ "alpha": 0.4,
1625
+ "refId": "mode/bgColor/open-muted",
1626
+ "reference": "base/color/light/base/color/orange/3",
1627
+ "collection": "mode",
1628
+ "mode": "light colorblind",
1629
+ "group": "semantic",
1630
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1631
+ "codeSyntax": {
1632
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1633
+ }
1634
+ },
1519
1635
  {
1520
1636
  "name": "bgColor/danger-emphasis",
1521
1637
  "value": {
@@ -1630,56 +1746,18 @@
1630
1746
  "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
1631
1747
  }
1632
1748
  },
1633
- {
1634
- "name": "bgColor/open-emphasis",
1635
- "value": {
1636
- "r": 0.8823529411764706,
1637
- "g": 0.43529411764705883,
1638
- "b": 0.1411764705882353,
1639
- "a": 1
1640
- },
1641
- "type": "COLOR",
1642
- "refId": "mode/bgColor/open-emphasis",
1643
- "reference": "base/color/light/base/color/orange/4",
1644
- "collection": "mode",
1645
- "mode": "light colorblind",
1646
- "group": "semantic",
1647
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1648
- "codeSyntax": {
1649
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1650
- }
1651
- },
1652
- {
1653
- "name": "bgColor/open-muted",
1654
- "value": {
1655
- "r": 0.984313725490196,
1656
- "g": 0.5607843137254902,
1657
- "b": 0.26666666666666666,
1658
- "a": 0.4
1659
- },
1660
- "type": "COLOR",
1661
- "alpha": 0.4,
1662
- "refId": "mode/bgColor/open-muted",
1663
- "reference": "base/color/light/base/color/orange/3",
1664
- "collection": "mode",
1665
- "mode": "light colorblind",
1666
- "group": "semantic",
1667
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1668
- "codeSyntax": {
1669
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1670
- }
1671
- },
1672
1749
  {
1673
1750
  "name": "bgColor/success-emphasis",
1674
1751
  "value": {
1675
- "r": 0.03529411764705882,
1676
- "g": 0.4117647058823529,
1677
- "b": 0.8549019607843137,
1752
+ "r": 0.058823529411764705,
1753
+ "g": 0.4470588235294118,
1754
+ "b": 0.8901960784313725,
1678
1755
  "a": 1
1679
1756
  },
1680
1757
  "type": "COLOR",
1758
+ "isMix": true,
1681
1759
  "refId": "mode/bgColor/success-emphasis",
1682
- "reference": "base/color/light/base/color/blue/5",
1760
+ "reference": "base/color/light/base/color/blue/4",
1683
1761
  "collection": "mode",
1684
1762
  "mode": "light colorblind",
1685
1763
  "group": "semantic",
@@ -1957,6 +2035,25 @@
1957
2035
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
1958
2036
  }
1959
2037
  },
2038
+ {
2039
+ "name": "fgColor/upsell",
2040
+ "value": {
2041
+ "r": 0.5098039215686274,
2042
+ "g": 0.3137254901960784,
2043
+ "b": 0.8745098039215686,
2044
+ "a": 1
2045
+ },
2046
+ "type": "COLOR",
2047
+ "refId": "mode/fgColor/upsell",
2048
+ "reference": "base/color/light/base/color/purple/5",
2049
+ "collection": "mode",
2050
+ "mode": "light colorblind",
2051
+ "group": "semantic",
2052
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2053
+ "codeSyntax": {
2054
+ "web": "var(--fgColor-upsell)"
2055
+ }
2056
+ },
1960
2057
  {
1961
2058
  "name": "fgColor/done",
1962
2059
  "value": {
@@ -1995,6 +2092,25 @@
1995
2092
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
1996
2093
  }
1997
2094
  },
2095
+ {
2096
+ "name": "fgColor/open",
2097
+ "value": {
2098
+ "r": 0.7372549019607844,
2099
+ "g": 0.2980392156862745,
2100
+ "b": 0,
2101
+ "a": 1
2102
+ },
2103
+ "type": "COLOR",
2104
+ "refId": "mode/fgColor/open",
2105
+ "reference": "base/color/light/base/color/orange/5",
2106
+ "collection": "mode",
2107
+ "mode": "light colorblind",
2108
+ "group": "semantic",
2109
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2110
+ "codeSyntax": {
2111
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2112
+ }
2113
+ },
1998
2114
  {
1999
2115
  "name": "fgColor/danger",
2000
2116
  "value": {
@@ -2053,25 +2169,6 @@
2053
2169
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
2054
2170
  }
2055
2171
  },
2056
- {
2057
- "name": "fgColor/open",
2058
- "value": {
2059
- "r": 0.7372549019607844,
2060
- "g": 0.2980392156862745,
2061
- "b": 0,
2062
- "a": 1
2063
- },
2064
- "type": "COLOR",
2065
- "refId": "mode/fgColor/open",
2066
- "reference": "base/color/light/base/color/orange/5",
2067
- "collection": "mode",
2068
- "mode": "light colorblind",
2069
- "group": "semantic",
2070
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2071
- "codeSyntax": {
2072
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2073
- }
2074
- },
2075
2172
  {
2076
2173
  "name": "fgColor/success",
2077
2174
  "value": {
@@ -7486,45 +7583,6 @@
7486
7583
  "group": "component",
7487
7584
  "scopes": ["STROKE_COLOR"]
7488
7585
  },
7489
- {
7490
- "name": "borderColor/upsell-emphasis",
7491
- "value": {
7492
- "r": 0.5098039215686274,
7493
- "g": 0.3137254901960784,
7494
- "b": 0.8745098039215686,
7495
- "a": 1
7496
- },
7497
- "type": "COLOR",
7498
- "refId": "mode/borderColor/upsell-emphasis",
7499
- "reference": "mode/borderColor/done-emphasis",
7500
- "collection": "mode",
7501
- "mode": "light colorblind",
7502
- "group": "semantic",
7503
- "scopes": ["STROKE_COLOR"],
7504
- "codeSyntax": {
7505
- "web": "var(--borderColor-upsell-emphasis)"
7506
- }
7507
- },
7508
- {
7509
- "name": "borderColor/upsell-muted",
7510
- "value": {
7511
- "r": 0.7607843137254902,
7512
- "g": 0.592156862745098,
7513
- "b": 1,
7514
- "a": 0.4
7515
- },
7516
- "type": "COLOR",
7517
- "alpha": 0.4,
7518
- "refId": "mode/borderColor/upsell-muted",
7519
- "reference": "mode/borderColor/done-muted",
7520
- "collection": "mode",
7521
- "mode": "light colorblind",
7522
- "group": "semantic",
7523
- "scopes": ["STROKE_COLOR"],
7524
- "codeSyntax": {
7525
- "web": "var(--borderColor-upsell-muted)"
7526
- }
7527
- },
7528
7586
  {
7529
7587
  "name": "borderColor/disabled",
7530
7588
  "value": {
@@ -7561,63 +7619,6 @@
7561
7619
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7562
7620
  }
7563
7621
  },
7564
- {
7565
- "name": "bgColor/upsell-emphasis",
7566
- "value": {
7567
- "r": 0.5098039215686274,
7568
- "g": 0.3137254901960784,
7569
- "b": 0.8745098039215686,
7570
- "a": 1
7571
- },
7572
- "type": "COLOR",
7573
- "refId": "mode/bgColor/upsell-emphasis",
7574
- "reference": "mode/bgColor/done-emphasis",
7575
- "collection": "mode",
7576
- "mode": "light colorblind",
7577
- "group": "semantic",
7578
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7579
- "codeSyntax": {
7580
- "web": "var(--bgColor-upsell-emphasis)"
7581
- }
7582
- },
7583
- {
7584
- "name": "bgColor/upsell-muted",
7585
- "value": {
7586
- "r": 0.984313725490196,
7587
- "g": 0.9372549019607843,
7588
- "b": 1,
7589
- "a": 1
7590
- },
7591
- "type": "COLOR",
7592
- "refId": "mode/bgColor/upsell-muted",
7593
- "reference": "mode/bgColor/done-muted",
7594
- "collection": "mode",
7595
- "mode": "light colorblind",
7596
- "group": "semantic",
7597
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7598
- "codeSyntax": {
7599
- "web": "var(--bgColor-upsell-muted)"
7600
- }
7601
- },
7602
- {
7603
- "name": "fgColor/upsell",
7604
- "value": {
7605
- "r": 0.5098039215686274,
7606
- "g": 0.3137254901960784,
7607
- "b": 0.8745098039215686,
7608
- "a": 1
7609
- },
7610
- "type": "COLOR",
7611
- "refId": "mode/fgColor/upsell",
7612
- "reference": "mode/fgColor/done",
7613
- "collection": "mode",
7614
- "mode": "light colorblind",
7615
- "group": "semantic",
7616
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7617
- "codeSyntax": {
7618
- "web": "var(--fgColor-upsell)"
7619
- }
7620
- },
7621
7622
  {
7622
7623
  "name": "fgColor/link",
7623
7624
  "value": {
@@ -8259,9 +8260,9 @@
8259
8260
  {
8260
8261
  "name": "button/primary/bgColor/active",
8261
8262
  "value": {
8262
- "r": 0.027450980392156862,
8263
- "g": 0.37254901960784315,
8264
- "b": 0.7843137254901961,
8263
+ "r": 0.043137254901960784,
8264
+ "g": 0.39215686274509803,
8265
+ "b": 0.807843137254902,
8265
8266
  "a": 1
8266
8267
  },
8267
8268
  "type": "COLOR",
@@ -8276,9 +8277,9 @@
8276
8277
  {
8277
8278
  "name": "button/primary/bgColor/hover",
8278
8279
  "value": {
8279
- "r": 0.03137254901960784,
8280
- "g": 0.39215686274509803,
8281
- "b": 0.8196078431372549,
8280
+ "r": 0.050980392156862744,
8281
+ "g": 0.4196078431372549,
8282
+ "b": 0.8470588235294118,
8282
8283
  "a": 1
8283
8284
  },
8284
8285
  "type": "COLOR",
@@ -8293,9 +8294,9 @@
8293
8294
  {
8294
8295
  "name": "button/primary/bgColor/rest",
8295
8296
  "value": {
8296
- "r": 0.03529411764705882,
8297
- "g": 0.4117647058823529,
8298
- "b": 0.8549019607843137,
8297
+ "r": 0.058823529411764705,
8298
+ "g": 0.4470588235294118,
8299
+ "b": 0.8901960784313725,
8299
8300
  "a": 1
8300
8301
  },
8301
8302
  "type": "COLOR",
@@ -8843,9 +8844,9 @@
8843
8844
  {
8844
8845
  "name": "control/borderColor/success",
8845
8846
  "value": {
8846
- "r": 0.03529411764705882,
8847
- "g": 0.4117647058823529,
8848
- "b": 0.8549019607843137,
8847
+ "r": 0.12941176470588237,
8848
+ "g": 0.5450980392156862,
8849
+ "b": 1,
8849
8850
  "a": 1
8850
8851
  },
8851
8852
  "type": "COLOR",