@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.d08fdd34

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 (64) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +12 -12
  2. package/dist/css/functional/themes/dark-dimmed.css +14 -14
  3. package/dist/css/functional/themes/dark-high-contrast.css +250 -250
  4. package/dist/css/functional/themes/dark-tritanopia.css +14 -14
  5. package/dist/css/functional/themes/dark.css +14 -14
  6. package/dist/css/functional/themes/light-colorblind.css +24 -24
  7. package/dist/css/functional/themes/light-high-contrast.css +146 -146
  8. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  9. package/dist/css/functional/themes/light.css +12 -12
  10. package/dist/docs/functional/themes/dark-colorblind.json +149 -149
  11. package/dist/docs/functional/themes/dark-dimmed.json +160 -158
  12. package/dist/docs/functional/themes/dark-high-contrast.json +464 -454
  13. package/dist/docs/functional/themes/dark-tritanopia.json +153 -153
  14. package/dist/docs/functional/themes/dark.json +160 -158
  15. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  16. package/dist/docs/functional/themes/light-high-contrast.json +362 -358
  17. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  18. package/dist/docs/functional/themes/light.json +159 -157
  19. package/dist/figma/themes/dark-colorblind.json +198 -198
  20. package/dist/figma/themes/dark-dimmed.json +201 -200
  21. package/dist/figma/themes/dark-high-contrast.json +598 -596
  22. package/dist/figma/themes/dark-tritanopia.json +200 -200
  23. package/dist/figma/themes/dark.json +201 -200
  24. package/dist/figma/themes/light-colorblind.json +217 -218
  25. package/dist/figma/themes/light-high-contrast.json +393 -391
  26. package/dist/figma/themes/light-tritanopia.json +216 -217
  27. package/dist/figma/themes/light.json +139 -138
  28. package/dist/internalCss/dark-colorblind.css +12 -12
  29. package/dist/internalCss/dark-dimmed.css +14 -14
  30. package/dist/internalCss/dark-high-contrast.css +250 -250
  31. package/dist/internalCss/dark-tritanopia.css +14 -14
  32. package/dist/internalCss/dark.css +14 -14
  33. package/dist/internalCss/light-colorblind.css +24 -24
  34. package/dist/internalCss/light-high-contrast.css +146 -146
  35. package/dist/internalCss/light-tritanopia.css +24 -24
  36. package/dist/internalCss/light.css +12 -12
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +149 -149
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +160 -158
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +464 -454
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -153
  41. package/dist/styleLint/functional/themes/dark.json +160 -158
  42. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  45. package/dist/styleLint/functional/themes/light.json +159 -157
  46. package/package.json +27 -26
  47. package/src/formats/cssAdvanced.ts +3 -3
  48. package/src/formats/cssCustomMedia.ts +2 -2
  49. package/src/formats/javascriptCommonJs.ts +2 -2
  50. package/src/formats/javascriptEsm.ts +2 -2
  51. package/src/formats/jsonFigma.ts +2 -2
  52. package/src/formats/jsonNestedPrefixed.ts +2 -2
  53. package/src/formats/jsonOneDimensional.ts +2 -2
  54. package/src/formats/jsonPostCssFallback.ts +2 -2
  55. package/src/formats/typescriptExportDefinition.ts +2 -2
  56. package/src/schemas/designToken.ts +1 -1
  57. package/src/schemas/validTokenType.ts +1 -1
  58. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +512 -2
  59. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  60. package/src/tokens/functional/color/dark/primitives-dark.json5 +66 -65
  61. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
  62. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  63. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  64. 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": {