@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.cbbd0a9a
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.
- package/dist/css/functional/themes/dark-colorblind.css +10 -10
- package/dist/css/functional/themes/dark-dimmed.css +12 -12
- package/dist/css/functional/themes/dark-high-contrast.css +80 -80
- package/dist/css/functional/themes/dark-tritanopia.css +12 -12
- package/dist/css/functional/themes/dark.css +12 -12
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +30 -30
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +145 -145
- package/dist/docs/functional/themes/dark-dimmed.json +155 -153
- package/dist/docs/functional/themes/dark-high-contrast.json +245 -235
- package/dist/docs/functional/themes/dark-tritanopia.json +149 -149
- package/dist/docs/functional/themes/dark.json +155 -153
- package/dist/docs/functional/themes/light-colorblind.json +165 -171
- package/dist/docs/functional/themes/light-high-contrast.json +188 -184
- package/dist/docs/functional/themes/light-tritanopia.json +163 -169
- package/dist/docs/functional/themes/light.json +157 -155
- package/dist/figma/themes/dark-colorblind.json +155 -155
- package/dist/figma/themes/dark-dimmed.json +139 -138
- package/dist/figma/themes/dark-high-contrast.json +230 -228
- package/dist/figma/themes/dark-tritanopia.json +157 -157
- package/dist/figma/themes/dark.json +139 -138
- package/dist/figma/themes/light-colorblind.json +213 -214
- package/dist/figma/themes/light-high-contrast.json +171 -169
- package/dist/figma/themes/light-tritanopia.json +212 -213
- package/dist/figma/themes/light.json +135 -134
- package/dist/internalCss/dark-colorblind.css +10 -10
- package/dist/internalCss/dark-dimmed.css +12 -12
- package/dist/internalCss/dark-high-contrast.css +80 -80
- package/dist/internalCss/dark-tritanopia.css +12 -12
- package/dist/internalCss/dark.css +12 -12
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +30 -30
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +145 -145
- package/dist/styleLint/functional/themes/dark-dimmed.json +155 -153
- package/dist/styleLint/functional/themes/dark-high-contrast.json +245 -235
- package/dist/styleLint/functional/themes/dark-tritanopia.json +149 -149
- package/dist/styleLint/functional/themes/dark.json +155 -153
- package/dist/styleLint/functional/themes/light-colorblind.json +165 -171
- package/dist/styleLint/functional/themes/light-high-contrast.json +188 -184
- package/dist/styleLint/functional/themes/light-tritanopia.json +163 -169
- package/dist/styleLint/functional/themes/light.json +157 -155
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +115 -2
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +62 -61
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +46 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/primitives-light.json5 +63 -62
|
@@ -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 colorblind",
|
|
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 colorblind",
|
|
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.8588235294117647,
|
|
1212
|
-
"g": 0.42745098039215684,
|
|
1213
|
-
"b": 0.1568627450980392,
|
|
1214
|
-
"a": 1
|
|
1215
|
-
},
|
|
1216
|
-
"type": "COLOR",
|
|
1217
|
-
"refId": "mode/borderColor/open-emphasis",
|
|
1218
|
-
"reference": "base/color/dark/base/color/orange/4",
|
|
1219
|
-
"collection": "mode",
|
|
1220
|
-
"mode": "dark colorblind",
|
|
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.8588235294117647,
|
|
1231
|
-
"g": 0.42745098039215684,
|
|
1232
|
-
"b": 0.1568627450980392,
|
|
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/orange/4",
|
|
1239
|
-
"collection": "mode",
|
|
1240
|
-
"mode": "dark colorblind",
|
|
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.8588235294117647,
|
|
1290
|
+
"g": 0.42745098039215684,
|
|
1291
|
+
"b": 0.1568627450980392,
|
|
1292
|
+
"a": 1
|
|
1293
|
+
},
|
|
1294
|
+
"type": "COLOR",
|
|
1295
|
+
"refId": "mode/borderColor/open-emphasis",
|
|
1296
|
+
"reference": "base/color/dark/base/color/orange/4",
|
|
1297
|
+
"collection": "mode",
|
|
1298
|
+
"mode": "dark colorblind",
|
|
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.8588235294117647,
|
|
1309
|
+
"g": 0.42745098039215684,
|
|
1310
|
+
"b": 0.1568627450980392,
|
|
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/orange/4",
|
|
1317
|
+
"collection": "mode",
|
|
1318
|
+
"mode": "dark colorblind",
|
|
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": {
|
|
@@ -1696,45 +1657,6 @@
|
|
|
1696
1657
|
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
1697
1658
|
}
|
|
1698
1659
|
},
|
|
1699
|
-
{
|
|
1700
|
-
"name": "bgColor/open-emphasis",
|
|
1701
|
-
"value": {
|
|
1702
|
-
"r": 0.7411764705882353,
|
|
1703
|
-
"g": 0.33725490196078434,
|
|
1704
|
-
"b": 0.11372549019607843,
|
|
1705
|
-
"a": 1
|
|
1706
|
-
},
|
|
1707
|
-
"type": "COLOR",
|
|
1708
|
-
"refId": "mode/bgColor/open-emphasis",
|
|
1709
|
-
"reference": "base/color/dark/base/color/orange/5",
|
|
1710
|
-
"collection": "mode",
|
|
1711
|
-
"mode": "dark colorblind",
|
|
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.8588235294117647,
|
|
1722
|
-
"g": 0.42745098039215684,
|
|
1723
|
-
"b": 0.1568627450980392,
|
|
1724
|
-
"a": 0.4
|
|
1725
|
-
},
|
|
1726
|
-
"type": "COLOR",
|
|
1727
|
-
"alpha": 0.4,
|
|
1728
|
-
"refId": "mode/bgColor/open-muted",
|
|
1729
|
-
"reference": "base/color/dark/base/color/orange/4",
|
|
1730
|
-
"collection": "mode",
|
|
1731
|
-
"mode": "dark colorblind",
|
|
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
1660
|
{
|
|
1739
1661
|
"name": "bgColor/danger-emphasis",
|
|
1740
1662
|
"value": {
|
|
@@ -1852,6 +1774,45 @@
|
|
|
1852
1774
|
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
1853
1775
|
}
|
|
1854
1776
|
},
|
|
1777
|
+
{
|
|
1778
|
+
"name": "bgColor/open-emphasis",
|
|
1779
|
+
"value": {
|
|
1780
|
+
"r": 0.7411764705882353,
|
|
1781
|
+
"g": 0.33725490196078434,
|
|
1782
|
+
"b": 0.11372549019607843,
|
|
1783
|
+
"a": 1
|
|
1784
|
+
},
|
|
1785
|
+
"type": "COLOR",
|
|
1786
|
+
"refId": "mode/bgColor/open-emphasis",
|
|
1787
|
+
"reference": "base/color/dark/base/color/orange/5",
|
|
1788
|
+
"collection": "mode",
|
|
1789
|
+
"mode": "dark colorblind",
|
|
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.8588235294117647,
|
|
1800
|
+
"g": 0.42745098039215684,
|
|
1801
|
+
"b": 0.1568627450980392,
|
|
1802
|
+
"a": 0.4
|
|
1803
|
+
},
|
|
1804
|
+
"type": "COLOR",
|
|
1805
|
+
"alpha": 0.4,
|
|
1806
|
+
"refId": "mode/bgColor/open-muted",
|
|
1807
|
+
"reference": "base/color/dark/base/color/orange/4",
|
|
1808
|
+
"collection": "mode",
|
|
1809
|
+
"mode": "dark colorblind",
|
|
1810
|
+
"group": "semantic",
|
|
1811
|
+
"scopes": ["FRAME_FILL", "SHAPE_FILL"],
|
|
1812
|
+
"codeSyntax": {
|
|
1813
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
1814
|
+
}
|
|
1815
|
+
},
|
|
1855
1816
|
{
|
|
1856
1817
|
"name": "bgColor/success-emphasis",
|
|
1857
1818
|
"value": {
|
|
@@ -2142,25 +2103,6 @@
|
|
|
2142
2103
|
"web": "var(--fgColor-sponsors) /* utility class: .color-fg-sponsors */"
|
|
2143
2104
|
}
|
|
2144
2105
|
},
|
|
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 colorblind",
|
|
2158
|
-
"group": "semantic",
|
|
2159
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
2160
|
-
"codeSyntax": {
|
|
2161
|
-
"web": "var(--fgColor-upsell)"
|
|
2162
|
-
}
|
|
2163
|
-
},
|
|
2164
2106
|
{
|
|
2165
2107
|
"name": "fgColor/done",
|
|
2166
2108
|
"value": {
|
|
@@ -2199,25 +2141,6 @@
|
|
|
2199
2141
|
"web": "var(--fgColor-closed) /* utility class: .color-fg-closed */"
|
|
2200
2142
|
}
|
|
2201
2143
|
},
|
|
2202
|
-
{
|
|
2203
|
-
"name": "fgColor/open",
|
|
2204
|
-
"value": {
|
|
2205
|
-
"r": 0.9411764705882353,
|
|
2206
|
-
"g": 0.5333333333333333,
|
|
2207
|
-
"b": 0.24313725490196078,
|
|
2208
|
-
"a": 1
|
|
2209
|
-
},
|
|
2210
|
-
"type": "COLOR",
|
|
2211
|
-
"refId": "mode/fgColor/open",
|
|
2212
|
-
"reference": "base/color/dark/base/color/orange/3",
|
|
2213
|
-
"collection": "mode",
|
|
2214
|
-
"mode": "dark colorblind",
|
|
2215
|
-
"group": "semantic",
|
|
2216
|
-
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
2217
|
-
"codeSyntax": {
|
|
2218
|
-
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
2219
|
-
}
|
|
2220
|
-
},
|
|
2221
2144
|
{
|
|
2222
2145
|
"name": "fgColor/danger",
|
|
2223
2146
|
"value": {
|
|
@@ -2275,6 +2198,25 @@
|
|
|
2275
2198
|
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
2276
2199
|
}
|
|
2277
2200
|
},
|
|
2201
|
+
{
|
|
2202
|
+
"name": "fgColor/open",
|
|
2203
|
+
"value": {
|
|
2204
|
+
"r": 0.9411764705882353,
|
|
2205
|
+
"g": 0.5333333333333333,
|
|
2206
|
+
"b": 0.24313725490196078,
|
|
2207
|
+
"a": 1
|
|
2208
|
+
},
|
|
2209
|
+
"type": "COLOR",
|
|
2210
|
+
"refId": "mode/fgColor/open",
|
|
2211
|
+
"reference": "base/color/dark/base/color/orange/3",
|
|
2212
|
+
"collection": "mode",
|
|
2213
|
+
"mode": "dark colorblind",
|
|
2214
|
+
"group": "semantic",
|
|
2215
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
2216
|
+
"codeSyntax": {
|
|
2217
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
2218
|
+
}
|
|
2219
|
+
},
|
|
2278
2220
|
{
|
|
2279
2221
|
"name": "fgColor/success",
|
|
2280
2222
|
"value": {
|
|
@@ -7823,6 +7765,45 @@
|
|
|
7823
7765
|
"group": "component",
|
|
7824
7766
|
"scopes": ["STROKE_COLOR"]
|
|
7825
7767
|
},
|
|
7768
|
+
{
|
|
7769
|
+
"name": "borderColor/upsell-emphasis",
|
|
7770
|
+
"value": {
|
|
7771
|
+
"r": 0.5372549019607843,
|
|
7772
|
+
"g": 0.3411764705882353,
|
|
7773
|
+
"b": 0.8980392156862745,
|
|
7774
|
+
"a": 1
|
|
7775
|
+
},
|
|
7776
|
+
"type": "COLOR",
|
|
7777
|
+
"refId": "mode/borderColor/upsell-emphasis",
|
|
7778
|
+
"reference": "mode/borderColor/done-emphasis",
|
|
7779
|
+
"collection": "mode",
|
|
7780
|
+
"mode": "dark colorblind",
|
|
7781
|
+
"group": "semantic",
|
|
7782
|
+
"scopes": ["STROKE_COLOR"],
|
|
7783
|
+
"codeSyntax": {
|
|
7784
|
+
"web": "var(--borderColor-upsell-emphasis"
|
|
7785
|
+
}
|
|
7786
|
+
},
|
|
7787
|
+
{
|
|
7788
|
+
"name": "borderColor/upsell-muted",
|
|
7789
|
+
"value": {
|
|
7790
|
+
"r": 0.6705882352941176,
|
|
7791
|
+
"g": 0.49019607843137253,
|
|
7792
|
+
"b": 0.9725490196078431,
|
|
7793
|
+
"a": 0.4
|
|
7794
|
+
},
|
|
7795
|
+
"type": "COLOR",
|
|
7796
|
+
"alpha": 0.4,
|
|
7797
|
+
"refId": "mode/borderColor/upsell-muted",
|
|
7798
|
+
"reference": "mode/borderColor/done-muted",
|
|
7799
|
+
"collection": "mode",
|
|
7800
|
+
"mode": "dark colorblind",
|
|
7801
|
+
"group": "semantic",
|
|
7802
|
+
"scopes": ["STROKE_COLOR"],
|
|
7803
|
+
"codeSyntax": {
|
|
7804
|
+
"web": "var(--borderColor-upsell-muted)"
|
|
7805
|
+
}
|
|
7806
|
+
},
|
|
7826
7807
|
{
|
|
7827
7808
|
"name": "borderColor/disabled",
|
|
7828
7809
|
"value": {
|
|
@@ -7859,6 +7840,25 @@
|
|
|
7859
7840
|
"web": "var(--borderColor-muted) /* utility class: .color-border-muted */"
|
|
7860
7841
|
}
|
|
7861
7842
|
},
|
|
7843
|
+
{
|
|
7844
|
+
"name": "fgColor/upsell",
|
|
7845
|
+
"value": {
|
|
7846
|
+
"r": 0.6705882352941176,
|
|
7847
|
+
"g": 0.49019607843137253,
|
|
7848
|
+
"b": 0.9725490196078431,
|
|
7849
|
+
"a": 1
|
|
7850
|
+
},
|
|
7851
|
+
"type": "COLOR",
|
|
7852
|
+
"refId": "mode/fgColor/upsell",
|
|
7853
|
+
"reference": "mode/fgColor/done",
|
|
7854
|
+
"collection": "mode",
|
|
7855
|
+
"mode": "dark colorblind",
|
|
7856
|
+
"group": "semantic",
|
|
7857
|
+
"scopes": ["TEXT_FILL", "SHAPE_FILL"],
|
|
7858
|
+
"codeSyntax": {
|
|
7859
|
+
"web": "var(--fgColor-upsell)"
|
|
7860
|
+
}
|
|
7861
|
+
},
|
|
7862
7862
|
{
|
|
7863
7863
|
"name": "fgColor/link",
|
|
7864
7864
|
"value": {
|