@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.f820602a

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 (65) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/themes/dark-colorblind.css +12 -12
  3. package/dist/css/functional/themes/dark-dimmed.css +14 -14
  4. package/dist/css/functional/themes/dark-high-contrast.css +250 -250
  5. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  6. package/dist/css/functional/themes/dark.css +14 -14
  7. package/dist/css/functional/themes/light-colorblind.css +24 -24
  8. package/dist/css/functional/themes/light-high-contrast.css +146 -146
  9. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  10. package/dist/css/functional/themes/light.css +12 -12
  11. package/dist/docs/functional/themes/dark-colorblind.json +149 -149
  12. package/dist/docs/functional/themes/dark-dimmed.json +160 -158
  13. package/dist/docs/functional/themes/dark-high-contrast.json +464 -454
  14. package/dist/docs/functional/themes/dark-tritanopia.json +153 -153
  15. package/dist/docs/functional/themes/dark.json +160 -158
  16. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  17. package/dist/docs/functional/themes/light-high-contrast.json +362 -358
  18. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  19. package/dist/docs/functional/themes/light.json +159 -157
  20. package/dist/figma/themes/dark-colorblind.json +198 -198
  21. package/dist/figma/themes/dark-dimmed.json +201 -200
  22. package/dist/figma/themes/dark-high-contrast.json +598 -596
  23. package/dist/figma/themes/dark-tritanopia.json +200 -200
  24. package/dist/figma/themes/dark.json +201 -200
  25. package/dist/figma/themes/light-colorblind.json +217 -218
  26. package/dist/figma/themes/light-high-contrast.json +393 -391
  27. package/dist/figma/themes/light-tritanopia.json +216 -217
  28. package/dist/figma/themes/light.json +139 -138
  29. package/dist/internalCss/dark-colorblind.css +12 -12
  30. package/dist/internalCss/dark-dimmed.css +14 -14
  31. package/dist/internalCss/dark-high-contrast.css +250 -250
  32. package/dist/internalCss/dark-tritanopia.css +14 -14
  33. package/dist/internalCss/dark.css +14 -14
  34. package/dist/internalCss/light-colorblind.css +24 -24
  35. package/dist/internalCss/light-high-contrast.css +146 -146
  36. package/dist/internalCss/light-tritanopia.css +24 -24
  37. package/dist/internalCss/light.css +12 -12
  38. package/dist/styleLint/functional/themes/dark-colorblind.json +149 -149
  39. package/dist/styleLint/functional/themes/dark-dimmed.json +160 -158
  40. package/dist/styleLint/functional/themes/dark-high-contrast.json +464 -454
  41. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -153
  42. package/dist/styleLint/functional/themes/dark.json +160 -158
  43. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  44. package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
  45. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  46. package/dist/styleLint/functional/themes/light.json +159 -157
  47. package/package.json +28 -28
  48. package/src/formats/cssAdvanced.ts +3 -3
  49. package/src/formats/cssCustomMedia.ts +2 -2
  50. package/src/formats/javascriptCommonJs.ts +2 -2
  51. package/src/formats/javascriptEsm.ts +2 -2
  52. package/src/formats/jsonFigma.ts +2 -2
  53. package/src/formats/jsonNestedPrefixed.ts +2 -2
  54. package/src/formats/jsonOneDimensional.ts +2 -2
  55. package/src/formats/jsonPostCssFallback.ts +2 -2
  56. package/src/formats/typescriptExportDefinition.ts +2 -2
  57. package/src/schemas/designToken.ts +1 -1
  58. package/src/schemas/validTokenType.ts +1 -1
  59. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +512 -2
  60. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  61. package/src/tokens/functional/color/dark/primitives-dark.json5 +66 -65
  62. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
  63. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  64. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  65. package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
@@ -1088,45 +1088,6 @@
1088
1088
  "web": "var(--borderColor-sponsors-muted) /* utility class: .color-border-sponsors */"
1089
1089
  }
1090
1090
  },
1091
- {
1092
- "name": "borderColor/upsell-emphasis",
1093
- "value": {
1094
- "r": 0.5372549019607843,
1095
- "g": 0.3411764705882353,
1096
- "b": 0.8980392156862745,
1097
- "a": 1
1098
- },
1099
- "type": "COLOR",
1100
- "refId": "mode/borderColor/upsell-emphasis",
1101
- "reference": "base/color/dark/base/color/purple/5",
1102
- "collection": "mode",
1103
- "mode": "dark tritanopia",
1104
- "group": "semantic",
1105
- "scopes": ["STROKE_COLOR"],
1106
- "codeSyntax": {
1107
- "web": "var(--borderColor-upsell-emphasis"
1108
- }
1109
- },
1110
- {
1111
- "name": "borderColor/upsell-muted",
1112
- "value": {
1113
- "r": 0.6705882352941176,
1114
- "g": 0.49019607843137253,
1115
- "b": 0.9725490196078431,
1116
- "a": 0.4
1117
- },
1118
- "type": "COLOR",
1119
- "alpha": 0.4,
1120
- "refId": "mode/borderColor/upsell-muted",
1121
- "reference": "base/color/dark/base/color/purple/4",
1122
- "collection": "mode",
1123
- "mode": "dark tritanopia",
1124
- "group": "semantic",
1125
- "scopes": ["STROKE_COLOR"],
1126
- "codeSyntax": {
1127
- "web": "var(--borderColor-upsell-muted)"
1128
- }
1129
- },
1130
1091
  {
1131
1092
  "name": "borderColor/done-emphasis",
1132
1093
  "value": {
@@ -1205,45 +1166,6 @@
1205
1166
  "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1206
1167
  }
1207
1168
  },
1208
- {
1209
- "name": "borderColor/open-emphasis",
1210
- "value": {
1211
- "r": 0.8549019607843137,
1212
- "g": 0.21176470588235294,
1213
- "b": 0.2,
1214
- "a": 1
1215
- },
1216
- "type": "COLOR",
1217
- "refId": "mode/borderColor/open-emphasis",
1218
- "reference": "base/color/dark/base/color/red/5",
1219
- "collection": "mode",
1220
- "mode": "dark tritanopia",
1221
- "group": "semantic",
1222
- "scopes": ["STROKE_COLOR"],
1223
- "codeSyntax": {
1224
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1225
- }
1226
- },
1227
- {
1228
- "name": "borderColor/open-muted",
1229
- "value": {
1230
- "r": 0.9725490196078431,
1231
- "g": 0.3176470588235294,
1232
- "b": 0.28627450980392155,
1233
- "a": 0.4
1234
- },
1235
- "type": "COLOR",
1236
- "alpha": 0.4,
1237
- "refId": "mode/borderColor/open-muted",
1238
- "reference": "base/color/dark/base/color/red/4",
1239
- "collection": "mode",
1240
- "mode": "dark tritanopia",
1241
- "group": "semantic",
1242
- "scopes": ["STROKE_COLOR"],
1243
- "codeSyntax": {
1244
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1245
- }
1246
- },
1247
1169
  {
1248
1170
  "name": "borderColor/danger-emphasis",
1249
1171
  "value": {
@@ -1361,6 +1283,45 @@
1361
1283
  "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1362
1284
  }
1363
1285
  },
1286
+ {
1287
+ "name": "borderColor/open-emphasis",
1288
+ "value": {
1289
+ "r": 0.8549019607843137,
1290
+ "g": 0.21176470588235294,
1291
+ "b": 0.2,
1292
+ "a": 1
1293
+ },
1294
+ "type": "COLOR",
1295
+ "refId": "mode/borderColor/open-emphasis",
1296
+ "reference": "base/color/dark/base/color/red/5",
1297
+ "collection": "mode",
1298
+ "mode": "dark tritanopia",
1299
+ "group": "semantic",
1300
+ "scopes": ["STROKE_COLOR"],
1301
+ "codeSyntax": {
1302
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
1303
+ }
1304
+ },
1305
+ {
1306
+ "name": "borderColor/open-muted",
1307
+ "value": {
1308
+ "r": 0.9725490196078431,
1309
+ "g": 0.3176470588235294,
1310
+ "b": 0.28627450980392155,
1311
+ "a": 0.4
1312
+ },
1313
+ "type": "COLOR",
1314
+ "alpha": 0.4,
1315
+ "refId": "mode/borderColor/open-muted",
1316
+ "reference": "base/color/dark/base/color/red/4",
1317
+ "collection": "mode",
1318
+ "mode": "dark tritanopia",
1319
+ "group": "semantic",
1320
+ "scopes": ["STROKE_COLOR"],
1321
+ "codeSyntax": {
1322
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
1323
+ }
1324
+ },
1364
1325
  {
1365
1326
  "name": "borderColor/success-emphasis",
1366
1327
  "value": {
@@ -1579,45 +1540,6 @@
1579
1540
  "web": "var(--bgColor-sponsors-muted) /* utility class: .color-bg-sponsors */"
1580
1541
  }
1581
1542
  },
1582
- {
1583
- "name": "bgColor/upsell-emphasis",
1584
- "value": {
1585
- "r": 0.5372549019607843,
1586
- "g": 0.3411764705882353,
1587
- "b": 0.8980392156862745,
1588
- "a": 1
1589
- },
1590
- "type": "COLOR",
1591
- "refId": "mode/bgColor/upsell-emphasis",
1592
- "reference": "base/color/dark/base/color/purple/5",
1593
- "collection": "mode",
1594
- "mode": "dark tritanopia",
1595
- "group": "semantic",
1596
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1597
- "codeSyntax": {
1598
- "web": "var(--bgColor-upsell-emphasis)"
1599
- }
1600
- },
1601
- {
1602
- "name": "bgColor/upsell-muted",
1603
- "value": {
1604
- "r": 0.6705882352941176,
1605
- "g": 0.49019607843137253,
1606
- "b": 0.9725490196078431,
1607
- "a": 0.15
1608
- },
1609
- "type": "COLOR",
1610
- "alpha": 0.15,
1611
- "refId": "mode/bgColor/upsell-muted",
1612
- "reference": "base/color/dark/base/color/purple/4",
1613
- "collection": "mode",
1614
- "mode": "dark tritanopia",
1615
- "group": "semantic",
1616
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1617
- "codeSyntax": {
1618
- "web": "var(--bgColor-upsell-muted)"
1619
- }
1620
- },
1621
1543
  {
1622
1544
  "name": "bgColor/done-emphasis",
1623
1545
  "value": {
@@ -1682,10 +1604,10 @@
1682
1604
  "r": 0.43137254901960786,
1683
1605
  "g": 0.4627450980392157,
1684
1606
  "b": 0.5058823529411764,
1685
- "a": 0.15
1607
+ "a": 0.1
1686
1608
  },
1687
1609
  "type": "COLOR",
1688
- "alpha": 0.15,
1610
+ "alpha": 0.1,
1689
1611
  "refId": "mode/bgColor/closed-muted",
1690
1612
  "reference": "base/color/dark/base/color/neutral/4",
1691
1613
  "collection": "mode",
@@ -1696,45 +1618,6 @@
1696
1618
  "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1697
1619
  }
1698
1620
  },
1699
- {
1700
- "name": "bgColor/open-emphasis",
1701
- "value": {
1702
- "r": 0.8549019607843137,
1703
- "g": 0.21176470588235294,
1704
- "b": 0.2,
1705
- "a": 1
1706
- },
1707
- "type": "COLOR",
1708
- "refId": "mode/bgColor/open-emphasis",
1709
- "reference": "base/color/dark/base/color/red/5",
1710
- "collection": "mode",
1711
- "mode": "dark tritanopia",
1712
- "group": "semantic",
1713
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1714
- "codeSyntax": {
1715
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1716
- }
1717
- },
1718
- {
1719
- "name": "bgColor/open-muted",
1720
- "value": {
1721
- "r": 0.9725490196078431,
1722
- "g": 0.3176470588235294,
1723
- "b": 0.28627450980392155,
1724
- "a": 0.1
1725
- },
1726
- "type": "COLOR",
1727
- "alpha": 0.1,
1728
- "refId": "mode/bgColor/open-muted",
1729
- "reference": "base/color/dark/base/color/red/4",
1730
- "collection": "mode",
1731
- "mode": "dark tritanopia",
1732
- "group": "semantic",
1733
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1734
- "codeSyntax": {
1735
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1736
- }
1737
- },
1738
1621
  {
1739
1622
  "name": "bgColor/danger-emphasis",
1740
1623
  "value": {
@@ -1852,6 +1735,45 @@
1852
1735
  "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
1853
1736
  }
1854
1737
  },
1738
+ {
1739
+ "name": "bgColor/open-emphasis",
1740
+ "value": {
1741
+ "r": 0.8549019607843137,
1742
+ "g": 0.21176470588235294,
1743
+ "b": 0.2,
1744
+ "a": 1
1745
+ },
1746
+ "type": "COLOR",
1747
+ "refId": "mode/bgColor/open-emphasis",
1748
+ "reference": "base/color/dark/base/color/red/5",
1749
+ "collection": "mode",
1750
+ "mode": "dark tritanopia",
1751
+ "group": "semantic",
1752
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1753
+ "codeSyntax": {
1754
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1755
+ }
1756
+ },
1757
+ {
1758
+ "name": "bgColor/open-muted",
1759
+ "value": {
1760
+ "r": 0.9725490196078431,
1761
+ "g": 0.3176470588235294,
1762
+ "b": 0.28627450980392155,
1763
+ "a": 0.15
1764
+ },
1765
+ "type": "COLOR",
1766
+ "alpha": 0.15,
1767
+ "refId": "mode/bgColor/open-muted",
1768
+ "reference": "base/color/dark/base/color/red/4",
1769
+ "collection": "mode",
1770
+ "mode": "dark tritanopia",
1771
+ "group": "semantic",
1772
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1773
+ "codeSyntax": {
1774
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1775
+ }
1776
+ },
1855
1777
  {
1856
1778
  "name": "bgColor/success-emphasis",
1857
1779
  "value": {
@@ -2142,25 +2064,6 @@
2142
2064
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2143
2065
  }
2144
2066
  },
2145
- {
2146
- "name": "fgColor/upsell",
2147
- "value": {
2148
- "r": 0.6705882352941176,
2149
- "g": 0.49019607843137253,
2150
- "b": 0.9725490196078431,
2151
- "a": 1
2152
- },
2153
- "type": "COLOR",
2154
- "refId": "mode/fgColor/upsell",
2155
- "reference": "base/color/dark/base/color/purple/4",
2156
- "collection": "mode",
2157
- "mode": "dark tritanopia",
2158
- "group": "semantic",
2159
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2160
- "codeSyntax": {
2161
- "web": "var(--fgColor-upsell)"
2162
- }
2163
- },
2164
2067
  {
2165
2068
  "name": "fgColor/done",
2166
2069
  "value": {
@@ -2199,25 +2102,6 @@
2199
2102
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2200
2103
  }
2201
2104
  },
2202
- {
2203
- "name": "fgColor/open",
2204
- "value": {
2205
- "r": 0.9725490196078431,
2206
- "g": 0.3176470588235294,
2207
- "b": 0.28627450980392155,
2208
- "a": 1
2209
- },
2210
- "type": "COLOR",
2211
- "refId": "mode/fgColor/open",
2212
- "reference": "base/color/dark/base/color/red/4",
2213
- "collection": "mode",
2214
- "mode": "dark tritanopia",
2215
- "group": "semantic",
2216
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2217
- "codeSyntax": {
2218
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2219
- }
2220
- },
2221
2105
  {
2222
2106
  "name": "fgColor/danger",
2223
2107
  "value": {
@@ -2275,6 +2159,25 @@
2275
2159
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
2276
2160
  }
2277
2161
  },
2162
+ {
2163
+ "name": "fgColor/open",
2164
+ "value": {
2165
+ "r": 0.9725490196078431,
2166
+ "g": 0.3176470588235294,
2167
+ "b": 0.28627450980392155,
2168
+ "a": 1
2169
+ },
2170
+ "type": "COLOR",
2171
+ "refId": "mode/fgColor/open",
2172
+ "reference": "base/color/dark/base/color/red/4",
2173
+ "collection": "mode",
2174
+ "mode": "dark tritanopia",
2175
+ "group": "semantic",
2176
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2177
+ "codeSyntax": {
2178
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2179
+ }
2180
+ },
2278
2181
  {
2279
2182
  "name": "fgColor/success",
2280
2183
  "value": {
@@ -2317,14 +2220,14 @@
2317
2220
  {
2318
2221
  "name": "fgColor/neutral",
2319
2222
  "value": {
2320
- "r": 0.43137254901960786,
2321
- "g": 0.4627450980392157,
2322
- "b": 0.5058823529411764,
2223
+ "r": 0.6941176470588235,
2224
+ "g": 0.7294117647058823,
2225
+ "b": 0.7686274509803922,
2323
2226
  "a": 1
2324
2227
  },
2325
2228
  "type": "COLOR",
2326
2229
  "refId": "mode/fgColor/neutral",
2327
- "reference": "base/color/dark/base/color/neutral/4",
2230
+ "reference": "base/color/dark/base/color/neutral/2",
2328
2231
  "collection": "mode",
2329
2232
  "mode": "dark tritanopia",
2330
2233
  "group": "semantic",
@@ -7824,6 +7727,45 @@
7824
7727
  "group": "component",
7825
7728
  "scopes": ["STROKE_COLOR"]
7826
7729
  },
7730
+ {
7731
+ "name": "borderColor/upsell-emphasis",
7732
+ "value": {
7733
+ "r": 0.5372549019607843,
7734
+ "g": 0.3411764705882353,
7735
+ "b": 0.8980392156862745,
7736
+ "a": 1
7737
+ },
7738
+ "type": "COLOR",
7739
+ "refId": "mode/borderColor/upsell-emphasis",
7740
+ "reference": "mode/borderColor/done-emphasis",
7741
+ "collection": "mode",
7742
+ "mode": "dark tritanopia",
7743
+ "group": "semantic",
7744
+ "scopes": ["STROKE_COLOR"],
7745
+ "codeSyntax": {
7746
+ "web": "var(--borderColor-upsell-emphasis"
7747
+ }
7748
+ },
7749
+ {
7750
+ "name": "borderColor/upsell-muted",
7751
+ "value": {
7752
+ "r": 0.6705882352941176,
7753
+ "g": 0.49019607843137253,
7754
+ "b": 0.9725490196078431,
7755
+ "a": 0.4
7756
+ },
7757
+ "type": "COLOR",
7758
+ "alpha": 0.4,
7759
+ "refId": "mode/borderColor/upsell-muted",
7760
+ "reference": "mode/borderColor/done-muted",
7761
+ "collection": "mode",
7762
+ "mode": "dark tritanopia",
7763
+ "group": "semantic",
7764
+ "scopes": ["STROKE_COLOR"],
7765
+ "codeSyntax": {
7766
+ "web": "var(--borderColor-upsell-muted)"
7767
+ }
7768
+ },
7827
7769
  {
7828
7770
  "name": "borderColor/disabled",
7829
7771
  "value": {
@@ -7860,6 +7802,64 @@
7860
7802
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7861
7803
  }
7862
7804
  },
7805
+ {
7806
+ "name": "bgColor/upsell-emphasis",
7807
+ "value": {
7808
+ "r": 0.5372549019607843,
7809
+ "g": 0.3411764705882353,
7810
+ "b": 0.8980392156862745,
7811
+ "a": 1
7812
+ },
7813
+ "type": "COLOR",
7814
+ "refId": "mode/bgColor/upsell-emphasis",
7815
+ "reference": "mode/bgColor/done-emphasis",
7816
+ "collection": "mode",
7817
+ "mode": "dark tritanopia",
7818
+ "group": "semantic",
7819
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7820
+ "codeSyntax": {
7821
+ "web": "var(--bgColor-upsell-emphasis)"
7822
+ }
7823
+ },
7824
+ {
7825
+ "name": "bgColor/upsell-muted",
7826
+ "value": {
7827
+ "r": 0.6705882352941176,
7828
+ "g": 0.49019607843137253,
7829
+ "b": 0.9725490196078431,
7830
+ "a": 0.15
7831
+ },
7832
+ "type": "COLOR",
7833
+ "alpha": 0.15,
7834
+ "refId": "mode/bgColor/upsell-muted",
7835
+ "reference": "mode/bgColor/done-muted",
7836
+ "collection": "mode",
7837
+ "mode": "dark tritanopia",
7838
+ "group": "semantic",
7839
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
7840
+ "codeSyntax": {
7841
+ "web": "var(--bgColor-upsell-muted)"
7842
+ }
7843
+ },
7844
+ {
7845
+ "name": "fgColor/upsell",
7846
+ "value": {
7847
+ "r": 0.6705882352941176,
7848
+ "g": 0.49019607843137253,
7849
+ "b": 0.9725490196078431,
7850
+ "a": 1
7851
+ },
7852
+ "type": "COLOR",
7853
+ "refId": "mode/fgColor/upsell",
7854
+ "reference": "mode/fgColor/done",
7855
+ "collection": "mode",
7856
+ "mode": "dark tritanopia",
7857
+ "group": "semantic",
7858
+ "scopes": ["TEXT_FILL", "SHAPE_FILL"],
7859
+ "codeSyntax": {
7860
+ "web": "var(--fgColor-upsell)"
7861
+ }
7862
+ },
7863
7863
  {
7864
7864
  "name": "fgColor/link",
7865
7865
  "value": {