@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.b28008e7

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 (29) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +10 -10
  2. package/dist/css/functional/themes/dark-dimmed.css +12 -12
  3. package/dist/css/functional/themes/dark-high-contrast.css +12 -12
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -12
  5. package/dist/css/functional/themes/dark.css +12 -12
  6. package/dist/docs/functional/themes/dark-colorblind.json +145 -145
  7. package/dist/docs/functional/themes/dark-dimmed.json +153 -155
  8. package/dist/docs/functional/themes/dark-high-contrast.json +154 -156
  9. package/dist/docs/functional/themes/dark-tritanopia.json +149 -149
  10. package/dist/docs/functional/themes/dark.json +153 -155
  11. package/dist/figma/themes/dark-colorblind.json +155 -155
  12. package/dist/figma/themes/dark-dimmed.json +138 -139
  13. package/dist/figma/themes/dark-high-contrast.json +138 -139
  14. package/dist/figma/themes/dark-tritanopia.json +157 -157
  15. package/dist/figma/themes/dark.json +138 -139
  16. package/dist/internalCss/dark-colorblind.css +10 -10
  17. package/dist/internalCss/dark-dimmed.css +12 -12
  18. package/dist/internalCss/dark-high-contrast.css +12 -12
  19. package/dist/internalCss/dark-tritanopia.css +12 -12
  20. package/dist/internalCss/dark.css +12 -12
  21. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -145
  22. package/dist/styleLint/functional/themes/dark-dimmed.json +153 -155
  23. package/dist/styleLint/functional/themes/dark-high-contrast.json +154 -156
  24. package/dist/styleLint/functional/themes/dark-tritanopia.json +149 -149
  25. package/dist/styleLint/functional/themes/dark.json +153 -155
  26. package/package.json +1 -1
  27. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -7
  28. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -4
  29. package/src/tokens/functional/color/dark/primitives-dark.json5 +61 -62
package/dist/figma/themes/dark-tritanopia.json CHANGED
@@ -1088,6 +1088,45 @@
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
+ },
1091
1130
  {
1092
1131
  "name": "borderColor/done-emphasis",
1093
1132
  "value": {
@@ -1166,6 +1205,45 @@
1166
1205
  "web": "var(--borderColor-closed-muted) /* utility class: .color-border-closed */"
1167
1206
  }
1168
1207
  },
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
+ },
1169
1247
  {
1170
1248
  "name": "borderColor/danger-emphasis",
1171
1249
  "value": {
@@ -1283,45 +1361,6 @@
1283
1361
  "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
1284
1362
  }
1285
1363
  },
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
- },
1325
1364
  {
1326
1365
  "name": "borderColor/success-emphasis",
1327
1366
  "value": {
@@ -1643,10 +1682,10 @@
1643
1682
  "r": 0.43137254901960786,
1644
1683
  "g": 0.4627450980392157,
1645
1684
  "b": 0.5058823529411764,
1646
- "a": 0.1
1685
+ "a": 0.15
1647
1686
  },
1648
1687
  "type": "COLOR",
1649
- "alpha": 0.1,
1688
+ "alpha": 0.15,
1650
1689
  "refId": "mode/bgColor/closed-muted",
1651
1690
  "reference": "base/color/dark/base/color/neutral/4",
1652
1691
  "collection": "mode",
@@ -1657,6 +1696,45 @@
1657
1696
  "web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
1658
1697
  }
1659
1698
  },
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
+ },
1660
1738
  {
1661
1739
  "name": "bgColor/danger-emphasis",
1662
1740
  "value": {
@@ -1774,45 +1852,6 @@
1774
1852
  "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
1775
1853
  }
1776
1854
  },
1777
- {
1778
- "name": "bgColor/open-emphasis",
1779
- "value": {
1780
- "r": 0.8549019607843137,
1781
- "g": 0.21176470588235294,
1782
- "b": 0.2,
1783
- "a": 1
1784
- },
1785
- "type": "COLOR",
1786
- "refId": "mode/bgColor/open-emphasis",
1787
- "reference": "base/color/dark/base/color/red/5",
1788
- "collection": "mode",
1789
- "mode": "dark tritanopia",
1790
- "group": "semantic",
1791
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1792
- "codeSyntax": {
1793
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
1794
- }
1795
- },
1796
- {
1797
- "name": "bgColor/open-muted",
1798
- "value": {
1799
- "r": 0.9725490196078431,
1800
- "g": 0.3176470588235294,
1801
- "b": 0.28627450980392155,
1802
- "a": 0.15
1803
- },
1804
- "type": "COLOR",
1805
- "alpha": 0.15,
1806
- "refId": "mode/bgColor/open-muted",
1807
- "reference": "base/color/dark/base/color/red/4",
1808
- "collection": "mode",
1809
- "mode": "dark tritanopia",
1810
- "group": "semantic",
1811
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
1812
- "codeSyntax": {
1813
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
1814
- }
1815
- },
1816
1855
  {
1817
1856
  "name": "bgColor/success-emphasis",
1818
1857
  "value": {
@@ -2103,6 +2142,25 @@
2103
2142
  "web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
2104
2143
  }
2105
2144
  },
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
+ },
2106
2164
  {
2107
2165
  "name": "fgColor/done",
2108
2166
  "value": {
@@ -2141,6 +2199,25 @@
2141
2199
  "web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
2142
2200
  }
2143
2201
  },
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
+ },
2144
2221
  {
2145
2222
  "name": "fgColor/danger",
2146
2223
  "value": {
@@ -2198,25 +2275,6 @@
2198
2275
  "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
2199
2276
  }
2200
2277
  },
2201
- {
2202
- "name": "fgColor/open",
2203
- "value": {
2204
- "r": 0.9725490196078431,
2205
- "g": 0.3176470588235294,
2206
- "b": 0.28627450980392155,
2207
- "a": 1
2208
- },
2209
- "type": "COLOR",
2210
- "refId": "mode/fgColor/open",
2211
- "reference": "base/color/dark/base/color/red/4",
2212
- "collection": "mode",
2213
- "mode": "dark tritanopia",
2214
- "group": "semantic",
2215
- "scopes": ["TEXT_FILL", "SHAPE_FILL"],
2216
- "codeSyntax": {
2217
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
2218
- }
2219
- },
2220
2278
  {
2221
2279
  "name": "fgColor/success",
2222
2280
  "value": {
@@ -7766,45 +7824,6 @@
7766
7824
  "group": "component",
7767
7825
  "scopes": ["STROKE_COLOR"]
7768
7826
  },
7769
- {
7770
- "name": "borderColor/upsell-emphasis",
7771
- "value": {
7772
- "r": 0.5372549019607843,
7773
- "g": 0.3411764705882353,
7774
- "b": 0.8980392156862745,
7775
- "a": 1
7776
- },
7777
- "type": "COLOR",
7778
- "refId": "mode/borderColor/upsell-emphasis",
7779
- "reference": "mode/borderColor/done-emphasis",
7780
- "collection": "mode",
7781
- "mode": "dark tritanopia",
7782
- "group": "semantic",
7783
- "scopes": ["STROKE_COLOR"],
7784
- "codeSyntax": {
7785
- "web": "var(--borderColor-upsell-emphasis"
7786
- }
7787
- },
7788
- {
7789
- "name": "borderColor/upsell-muted",
7790
- "value": {
7791
- "r": 0.6705882352941176,
7792
- "g": 0.49019607843137253,
7793
- "b": 0.9725490196078431,
7794
- "a": 0.4
7795
- },
7796
- "type": "COLOR",
7797
- "alpha": 0.4,
7798
- "refId": "mode/borderColor/upsell-muted",
7799
- "reference": "mode/borderColor/done-muted",
7800
- "collection": "mode",
7801
- "mode": "dark tritanopia",
7802
- "group": "semantic",
7803
- "scopes": ["STROKE_COLOR"],
7804
- "codeSyntax": {
7805
- "web": "var(--borderColor-upsell-muted)"
7806
- }
7807
- },
7808
7827
  {
7809
7828
  "name": "borderColor/disabled",
7810
7829
  "value": {
@@ -7841,25 +7860,6 @@
7841
7860
  "web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
7842
7861
  }
7843
7862
  },
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": {