@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f
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/size/size.css +0 -6
- package/dist/css/functional/themes/dark-colorblind.css +276 -276
- package/dist/css/functional/themes/dark-dimmed.css +294 -294
- package/dist/css/functional/themes/dark-high-contrast.css +308 -308
- package/dist/css/functional/themes/dark-tritanopia.css +276 -276
- package/dist/css/functional/themes/dark.css +266 -266
- package/dist/css/functional/themes/light-colorblind.css +230 -230
- package/dist/css/functional/themes/light-high-contrast.css +264 -264
- package/dist/css/functional/themes/light-tritanopia.css +230 -230
- package/dist/css/functional/themes/light.css +220 -220
- package/dist/css/primitives.css +0 -6
- package/dist/docs/functional/size/size.json +0 -162
- package/dist/docs/functional/themes/dark-colorblind.json +247 -319
- package/dist/docs/functional/themes/dark-dimmed.json +275 -347
- package/dist/docs/functional/themes/dark-high-contrast.json +285 -347
- package/dist/docs/functional/themes/dark-tritanopia.json +245 -317
- package/dist/docs/functional/themes/dark.json +235 -307
- package/dist/docs/functional/themes/light-colorblind.json +224 -290
- package/dist/docs/functional/themes/light-high-contrast.json +272 -338
- package/dist/docs/functional/themes/light-tritanopia.json +223 -287
- package/dist/docs/functional/themes/light.json +213 -277
- package/dist/fallbacks/color-fallbacks.json +11 -1
- package/dist/fallbacks/functional/size/size.json +0 -6
- package/dist/figma/dimension/dimension.json +0 -64
- package/dist/figma/scales/dark-dimmed.json +106 -60
- package/dist/figma/scales/dark-high-constrast.json +106 -60
- package/dist/figma/scales/dark.json +76 -30
- package/dist/figma/scales/light-high-constrast.json +106 -60
- package/dist/figma/scales/light.json +73 -27
- package/dist/figma/shadows/dark-colorblind.json +12 -12
- package/dist/figma/shadows/dark-dimmed.json +15 -15
- package/dist/figma/shadows/dark-high-contrast.json +15 -15
- package/dist/figma/shadows/dark-tritanopia.json +12 -12
- package/dist/figma/shadows/dark.json +12 -12
- package/dist/figma/shadows/light-colorblind.json +39 -39
- package/dist/figma/shadows/light-high-contrast.json +39 -39
- package/dist/figma/shadows/light-tritanopia.json +39 -39
- package/dist/figma/shadows/light.json +39 -39
- package/dist/figma/themes/dark-colorblind.json +816 -828
- package/dist/figma/themes/dark-dimmed.json +785 -797
- package/dist/figma/themes/dark-high-contrast.json +870 -879
- package/dist/figma/themes/dark-tritanopia.json +822 -834
- package/dist/figma/themes/dark.json +719 -731
- package/dist/figma/themes/light-colorblind.json +776 -788
- package/dist/figma/themes/light-high-contrast.json +778 -792
- package/dist/figma/themes/light-tritanopia.json +772 -783
- package/dist/figma/themes/light.json +664 -675
- package/dist/internalCss/dark-colorblind.css +302 -296
- package/dist/internalCss/dark-dimmed.css +320 -314
- package/dist/internalCss/dark-high-contrast.css +334 -328
- package/dist/internalCss/dark-tritanopia.css +302 -296
- package/dist/internalCss/dark.css +292 -286
- package/dist/internalCss/light-colorblind.css +254 -248
- package/dist/internalCss/light-high-contrast.css +290 -284
- package/dist/internalCss/light-tritanopia.css +254 -248
- package/dist/internalCss/light.css +244 -238
- package/dist/styleLint/functional/size/size.json +0 -162
- package/dist/styleLint/functional/themes/dark-colorblind.json +247 -319
- package/dist/styleLint/functional/themes/dark-dimmed.json +275 -347
- package/dist/styleLint/functional/themes/dark-high-contrast.json +285 -347
- package/dist/styleLint/functional/themes/dark-tritanopia.json +245 -317
- package/dist/styleLint/functional/themes/dark.json +235 -307
- package/dist/styleLint/functional/themes/light-colorblind.json +224 -290
- package/dist/styleLint/functional/themes/light-high-contrast.json +272 -338
- package/dist/styleLint/functional/themes/light-tritanopia.json +223 -287
- package/dist/styleLint/functional/themes/light.json +213 -277
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
- package/src/tokens/base/color/dark/dark.json5 +131 -104
- package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
- package/src/tokens/base/color/light/light.json5 +130 -103
- package/src/tokens/fallback/color-fallbacks.json +11 -1
- package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
- package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +126 -10
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +91 -81
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/dark/patterns-dark.json5 +46 -72
- package/src/tokens/functional/color/dark/primitives-dark.json5 +14 -24
- package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +51 -126
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +38 -64
- package/src/tokens/functional/color/light/primitives-light.json5 +12 -18
- package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
- package/src/tokens/functional/size/size.json +0 -68
- package/dist/deprecated/size.json +0 -8
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"path": ["highlight", "neutral", "bgColor"]
|
|
59
59
|
},
|
|
60
60
|
"page-header-bgColor": {
|
|
61
|
-
"value": "#
|
|
61
|
+
"value": "#e6eaef",
|
|
62
62
|
"$type": "color",
|
|
63
63
|
"$extensions": {
|
|
64
64
|
"org.primer.figma": {
|
|
@@ -420,7 +420,7 @@
|
|
|
420
420
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
421
421
|
},
|
|
422
422
|
"diffBlob-expander-iconColor": {
|
|
423
|
-
"value": "#
|
|
423
|
+
"value": "#454c54",
|
|
424
424
|
"$type": "color",
|
|
425
425
|
"$extensions": {
|
|
426
426
|
"org.primer.figma": {
|
|
@@ -565,7 +565,7 @@
|
|
|
565
565
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
566
566
|
},
|
|
567
567
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
568
|
-
"value": "#
|
|
568
|
+
"value": "#454c54",
|
|
569
569
|
"$type": "color",
|
|
570
570
|
"$extensions": {
|
|
571
571
|
"org.primer.figma": {
|
|
@@ -594,7 +594,7 @@
|
|
|
594
594
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
595
595
|
},
|
|
596
596
|
"codeMirror-lineNumber-fgColor": {
|
|
597
|
-
"value": "#
|
|
597
|
+
"value": "#454c54",
|
|
598
598
|
"$type": "color",
|
|
599
599
|
"$extensions": {
|
|
600
600
|
"org.primer.figma": {
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
"path": ["codeMirror", "selection", "bgColor"]
|
|
682
682
|
},
|
|
683
683
|
"codeMirror-activeline-bgColor": {
|
|
684
|
-
"value": "#
|
|
684
|
+
"value": "#e0e6ebb3",
|
|
685
685
|
"$type": "color",
|
|
686
686
|
"$extensions": {
|
|
687
687
|
"org.primer.figma": {
|
|
@@ -768,7 +768,7 @@
|
|
|
768
768
|
"path": ["codeMirror", "lines", "bgColor"]
|
|
769
769
|
},
|
|
770
770
|
"codeMirror-syntax-fgColor-comment": {
|
|
771
|
-
"value": "#
|
|
771
|
+
"value": "#010409",
|
|
772
772
|
"$type": "color",
|
|
773
773
|
"$extensions": {
|
|
774
774
|
"org.primer.figma": {
|
|
@@ -781,7 +781,7 @@
|
|
|
781
781
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
782
782
|
"isSource": true,
|
|
783
783
|
"original": {
|
|
784
|
-
"value": "{base.color.
|
|
784
|
+
"value": "{base.color.black}",
|
|
785
785
|
"$type": "color",
|
|
786
786
|
"$extensions": {
|
|
787
787
|
"org.primer.figma": {
|
|
@@ -1060,7 +1060,7 @@
|
|
|
1060
1060
|
"path": ["header", "fgColor", "logo"]
|
|
1061
1061
|
},
|
|
1062
1062
|
"header-bgColor": {
|
|
1063
|
-
"value": "#
|
|
1063
|
+
"value": "#25292e",
|
|
1064
1064
|
"$type": "color",
|
|
1065
1065
|
"$extensions": {
|
|
1066
1066
|
"org.primer.figma": {
|
|
@@ -1073,7 +1073,7 @@
|
|
|
1073
1073
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1074
1074
|
"isSource": true,
|
|
1075
1075
|
"original": {
|
|
1076
|
-
"value": "{base.color.neutral.
|
|
1076
|
+
"value": "{base.color.neutral.11}",
|
|
1077
1077
|
"$type": "color",
|
|
1078
1078
|
"$extensions": {
|
|
1079
1079
|
"org.primer.figma": {
|
|
@@ -1089,7 +1089,7 @@
|
|
|
1089
1089
|
"path": ["header", "bgColor"]
|
|
1090
1090
|
},
|
|
1091
1091
|
"header-borderColor-divider": {
|
|
1092
|
-
"value": "#
|
|
1092
|
+
"value": "#c8d1da",
|
|
1093
1093
|
"$type": "color",
|
|
1094
1094
|
"$extensions": {
|
|
1095
1095
|
"org.primer.figma": {
|
|
@@ -1102,7 +1102,7 @@
|
|
|
1102
1102
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
1103
1103
|
"isSource": true,
|
|
1104
1104
|
"original": {
|
|
1105
|
-
"value": "{base.color.neutral.
|
|
1105
|
+
"value": "{base.color.neutral.6}",
|
|
1106
1106
|
"$type": "color",
|
|
1107
1107
|
"$extensions": {
|
|
1108
1108
|
"org.primer.figma": {
|
|
@@ -1118,7 +1118,7 @@
|
|
|
1118
1118
|
"path": ["header", "borderColor", "divider"]
|
|
1119
1119
|
},
|
|
1120
1120
|
"headerSearch-bgColor": {
|
|
1121
|
-
"value": "#
|
|
1121
|
+
"value": "#25292e",
|
|
1122
1122
|
"$type": "color",
|
|
1123
1123
|
"$extensions": {
|
|
1124
1124
|
"org.primer.figma": {
|
|
@@ -1131,7 +1131,7 @@
|
|
|
1131
1131
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1132
1132
|
"isSource": true,
|
|
1133
1133
|
"original": {
|
|
1134
|
-
"value": "{base.color.neutral.
|
|
1134
|
+
"value": "{base.color.neutral.11}",
|
|
1135
1135
|
"$type": "color",
|
|
1136
1136
|
"$extensions": {
|
|
1137
1137
|
"org.primer.figma": {
|
|
@@ -1147,7 +1147,7 @@
|
|
|
1147
1147
|
"path": ["headerSearch", "bgColor"]
|
|
1148
1148
|
},
|
|
1149
1149
|
"headerSearch-borderColor": {
|
|
1150
|
-
"value": "#
|
|
1150
|
+
"value": "#818b98",
|
|
1151
1151
|
"$type": "color",
|
|
1152
1152
|
"$extensions": {
|
|
1153
1153
|
"org.primer.figma": {
|
|
@@ -1160,7 +1160,7 @@
|
|
|
1160
1160
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1161
1161
|
"isSource": true,
|
|
1162
1162
|
"original": {
|
|
1163
|
-
"value": "{base.color.neutral.
|
|
1163
|
+
"value": "{base.color.neutral.7}",
|
|
1164
1164
|
"$type": "color",
|
|
1165
1165
|
"$extensions": {
|
|
1166
1166
|
"org.primer.figma": {
|
|
@@ -1175,7 +1175,7 @@
|
|
|
1175
1175
|
"attributes": {},
|
|
1176
1176
|
"path": ["headerSearch", "borderColor"]
|
|
1177
1177
|
},
|
|
1178
|
-
"data-blue-color": {
|
|
1178
|
+
"data-blue-color-emphasis": {
|
|
1179
1179
|
"value": "#006edb",
|
|
1180
1180
|
"$type": "color",
|
|
1181
1181
|
"$extensions": {
|
|
@@ -1200,9 +1200,9 @@
|
|
|
1200
1200
|
}
|
|
1201
1201
|
}
|
|
1202
1202
|
},
|
|
1203
|
-
"name": "data-blue-color",
|
|
1203
|
+
"name": "data-blue-color-emphasis",
|
|
1204
1204
|
"attributes": {},
|
|
1205
|
-
"path": ["data", "blue", "color", "
|
|
1205
|
+
"path": ["data", "blue", "color", "emphasis"]
|
|
1206
1206
|
},
|
|
1207
1207
|
"data-blue-color-muted": {
|
|
1208
1208
|
"value": "#d1f0ff",
|
|
@@ -1233,7 +1233,7 @@
|
|
|
1233
1233
|
"attributes": {},
|
|
1234
1234
|
"path": ["data", "blue", "color", "muted"]
|
|
1235
1235
|
},
|
|
1236
|
-
"data-auburn-color": {
|
|
1236
|
+
"data-auburn-color-emphasis": {
|
|
1237
1237
|
"value": "#9d615c",
|
|
1238
1238
|
"$type": "color",
|
|
1239
1239
|
"$extensions": {
|
|
@@ -1258,9 +1258,9 @@
|
|
|
1258
1258
|
}
|
|
1259
1259
|
}
|
|
1260
1260
|
},
|
|
1261
|
-
"name": "data-auburn-color",
|
|
1261
|
+
"name": "data-auburn-color-emphasis",
|
|
1262
1262
|
"attributes": {},
|
|
1263
|
-
"path": ["data", "auburn", "color", "
|
|
1263
|
+
"path": ["data", "auburn", "color", "emphasis"]
|
|
1264
1264
|
},
|
|
1265
1265
|
"data-auburn-color-muted": {
|
|
1266
1266
|
"value": "#f2e9e9",
|
|
@@ -1291,7 +1291,7 @@
|
|
|
1291
1291
|
"attributes": {},
|
|
1292
1292
|
"path": ["data", "auburn", "color", "muted"]
|
|
1293
1293
|
},
|
|
1294
|
-
"data-orange-color": {
|
|
1294
|
+
"data-orange-color-emphasis": {
|
|
1295
1295
|
"value": "#eb670f",
|
|
1296
1296
|
"$type": "color",
|
|
1297
1297
|
"$extensions": {
|
|
@@ -1316,9 +1316,9 @@
|
|
|
1316
1316
|
}
|
|
1317
1317
|
}
|
|
1318
1318
|
},
|
|
1319
|
-
"name": "data-orange-color",
|
|
1319
|
+
"name": "data-orange-color-emphasis",
|
|
1320
1320
|
"attributes": {},
|
|
1321
|
-
"path": ["data", "orange", "color", "
|
|
1321
|
+
"path": ["data", "orange", "color", "emphasis"]
|
|
1322
1322
|
},
|
|
1323
1323
|
"data-orange-color-muted": {
|
|
1324
1324
|
"value": "#ffe7d1",
|
|
@@ -1349,7 +1349,7 @@
|
|
|
1349
1349
|
"attributes": {},
|
|
1350
1350
|
"path": ["data", "orange", "color", "muted"]
|
|
1351
1351
|
},
|
|
1352
|
-
"data-yellow-color": {
|
|
1352
|
+
"data-yellow-color-emphasis": {
|
|
1353
1353
|
"value": "#b88700",
|
|
1354
1354
|
"$type": "color",
|
|
1355
1355
|
"$extensions": {
|
|
@@ -1374,9 +1374,9 @@
|
|
|
1374
1374
|
}
|
|
1375
1375
|
}
|
|
1376
1376
|
},
|
|
1377
|
-
"name": "data-yellow-color",
|
|
1377
|
+
"name": "data-yellow-color-emphasis",
|
|
1378
1378
|
"attributes": {},
|
|
1379
|
-
"path": ["data", "yellow", "color", "
|
|
1379
|
+
"path": ["data", "yellow", "color", "emphasis"]
|
|
1380
1380
|
},
|
|
1381
1381
|
"data-yellow-color-muted": {
|
|
1382
1382
|
"value": "#ffec9e",
|
|
@@ -1407,7 +1407,7 @@
|
|
|
1407
1407
|
"attributes": {},
|
|
1408
1408
|
"path": ["data", "yellow", "color", "muted"]
|
|
1409
1409
|
},
|
|
1410
|
-
"data-green-color": {
|
|
1410
|
+
"data-green-color-emphasis": {
|
|
1411
1411
|
"value": "#30a147",
|
|
1412
1412
|
"$type": "color",
|
|
1413
1413
|
"$extensions": {
|
|
@@ -1432,9 +1432,9 @@
|
|
|
1432
1432
|
}
|
|
1433
1433
|
}
|
|
1434
1434
|
},
|
|
1435
|
-
"name": "data-green-color",
|
|
1435
|
+
"name": "data-green-color-emphasis",
|
|
1436
1436
|
"attributes": {},
|
|
1437
|
-
"path": ["data", "green", "color", "
|
|
1437
|
+
"path": ["data", "green", "color", "emphasis"]
|
|
1438
1438
|
},
|
|
1439
1439
|
"data-green-color-muted": {
|
|
1440
1440
|
"value": "#caf7ca",
|
|
@@ -1465,7 +1465,7 @@
|
|
|
1465
1465
|
"attributes": {},
|
|
1466
1466
|
"path": ["data", "green", "color", "muted"]
|
|
1467
1467
|
},
|
|
1468
|
-
"data-teal-color": {
|
|
1468
|
+
"data-teal-color-emphasis": {
|
|
1469
1469
|
"value": "#179b9b",
|
|
1470
1470
|
"$type": "color",
|
|
1471
1471
|
"$extensions": {
|
|
@@ -1490,9 +1490,9 @@
|
|
|
1490
1490
|
}
|
|
1491
1491
|
}
|
|
1492
1492
|
},
|
|
1493
|
-
"name": "data-teal-color",
|
|
1493
|
+
"name": "data-teal-color-emphasis",
|
|
1494
1494
|
"attributes": {},
|
|
1495
|
-
"path": ["data", "teal", "color", "
|
|
1495
|
+
"path": ["data", "teal", "color", "emphasis"]
|
|
1496
1496
|
},
|
|
1497
1497
|
"data-teal-color-muted": {
|
|
1498
1498
|
"value": "#c7f5ef",
|
|
@@ -1523,7 +1523,7 @@
|
|
|
1523
1523
|
"attributes": {},
|
|
1524
1524
|
"path": ["data", "teal", "color", "muted"]
|
|
1525
1525
|
},
|
|
1526
|
-
"data-purple-color": {
|
|
1526
|
+
"data-purple-color-emphasis": {
|
|
1527
1527
|
"value": "#894ceb",
|
|
1528
1528
|
"$type": "color",
|
|
1529
1529
|
"$extensions": {
|
|
@@ -1548,9 +1548,9 @@
|
|
|
1548
1548
|
}
|
|
1549
1549
|
}
|
|
1550
1550
|
},
|
|
1551
|
-
"name": "data-purple-color",
|
|
1551
|
+
"name": "data-purple-color-emphasis",
|
|
1552
1552
|
"attributes": {},
|
|
1553
|
-
"path": ["data", "purple", "color", "
|
|
1553
|
+
"path": ["data", "purple", "color", "emphasis"]
|
|
1554
1554
|
},
|
|
1555
1555
|
"data-purple-color-muted": {
|
|
1556
1556
|
"value": "#f1e5ff",
|
|
@@ -1581,7 +1581,7 @@
|
|
|
1581
1581
|
"attributes": {},
|
|
1582
1582
|
"path": ["data", "purple", "color", "muted"]
|
|
1583
1583
|
},
|
|
1584
|
-
"data-pink-color": {
|
|
1584
|
+
"data-pink-color-emphasis": {
|
|
1585
1585
|
"value": "#ce2c85",
|
|
1586
1586
|
"$type": "color",
|
|
1587
1587
|
"$extensions": {
|
|
@@ -1606,9 +1606,9 @@
|
|
|
1606
1606
|
}
|
|
1607
1607
|
}
|
|
1608
1608
|
},
|
|
1609
|
-
"name": "data-pink-color",
|
|
1609
|
+
"name": "data-pink-color-emphasis",
|
|
1610
1610
|
"attributes": {},
|
|
1611
|
-
"path": ["data", "pink", "color", "
|
|
1611
|
+
"path": ["data", "pink", "color", "emphasis"]
|
|
1612
1612
|
},
|
|
1613
1613
|
"data-pink-color-muted": {
|
|
1614
1614
|
"value": "#ffe5f1",
|
|
@@ -1639,7 +1639,7 @@
|
|
|
1639
1639
|
"attributes": {},
|
|
1640
1640
|
"path": ["data", "pink", "color", "muted"]
|
|
1641
1641
|
},
|
|
1642
|
-
"data-red-color": {
|
|
1642
|
+
"data-red-color-emphasis": {
|
|
1643
1643
|
"value": "#df0c24",
|
|
1644
1644
|
"$type": "color",
|
|
1645
1645
|
"$extensions": {
|
|
@@ -1664,9 +1664,9 @@
|
|
|
1664
1664
|
}
|
|
1665
1665
|
}
|
|
1666
1666
|
},
|
|
1667
|
-
"name": "data-red-color",
|
|
1667
|
+
"name": "data-red-color-emphasis",
|
|
1668
1668
|
"attributes": {},
|
|
1669
|
-
"path": ["data", "red", "color", "
|
|
1669
|
+
"path": ["data", "red", "color", "emphasis"]
|
|
1670
1670
|
},
|
|
1671
1671
|
"data-red-color-muted": {
|
|
1672
1672
|
"value": "#ffe2e0",
|
|
@@ -1697,7 +1697,7 @@
|
|
|
1697
1697
|
"attributes": {},
|
|
1698
1698
|
"path": ["data", "red", "color", "muted"]
|
|
1699
1699
|
},
|
|
1700
|
-
"data-gray-color": {
|
|
1700
|
+
"data-gray-color-emphasis": {
|
|
1701
1701
|
"value": "#808fa3",
|
|
1702
1702
|
"$type": "color",
|
|
1703
1703
|
"$extensions": {
|
|
@@ -1722,9 +1722,9 @@
|
|
|
1722
1722
|
}
|
|
1723
1723
|
}
|
|
1724
1724
|
},
|
|
1725
|
-
"name": "data-gray-color",
|
|
1725
|
+
"name": "data-gray-color-emphasis",
|
|
1726
1726
|
"attributes": {},
|
|
1727
|
-
"path": ["data", "gray", "color", "
|
|
1727
|
+
"path": ["data", "gray", "color", "emphasis"]
|
|
1728
1728
|
},
|
|
1729
1729
|
"data-gray-color-muted": {
|
|
1730
1730
|
"value": "#e8ecf2",
|
|
@@ -4607,7 +4607,7 @@
|
|
|
4607
4607
|
"path": ["avatar", "shadow"]
|
|
4608
4608
|
},
|
|
4609
4609
|
"avatarStack-fade-bgColor-default": {
|
|
4610
|
-
"value": "#
|
|
4610
|
+
"value": "#c8d1da",
|
|
4611
4611
|
"$type": "color",
|
|
4612
4612
|
"$extensions": {
|
|
4613
4613
|
"org.primer.figma": {
|
|
@@ -4620,7 +4620,7 @@
|
|
|
4620
4620
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4621
4621
|
"isSource": true,
|
|
4622
4622
|
"original": {
|
|
4623
|
-
"value": "{base.color.neutral.
|
|
4623
|
+
"value": "{base.color.neutral.6}",
|
|
4624
4624
|
"$type": "color",
|
|
4625
4625
|
"$extensions": {
|
|
4626
4626
|
"org.primer.figma": {
|
|
@@ -4636,7 +4636,7 @@
|
|
|
4636
4636
|
"path": ["avatarStack", "fade", "bgColor", "default"]
|
|
4637
4637
|
},
|
|
4638
4638
|
"avatarStack-fade-bgColor-muted": {
|
|
4639
|
-
"value": "#
|
|
4639
|
+
"value": "#dae0e7",
|
|
4640
4640
|
"$type": "color",
|
|
4641
4641
|
"$extensions": {
|
|
4642
4642
|
"org.primer.figma": {
|
|
@@ -4649,7 +4649,7 @@
|
|
|
4649
4649
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4650
4650
|
"isSource": true,
|
|
4651
4651
|
"original": {
|
|
4652
|
-
"value": "{base.color.neutral.
|
|
4652
|
+
"value": "{base.color.neutral.4}",
|
|
4653
4653
|
"$type": "color",
|
|
4654
4654
|
"$extensions": {
|
|
4655
4655
|
"org.primer.figma": {
|
|
@@ -4665,7 +4665,7 @@
|
|
|
4665
4665
|
"path": ["avatarStack", "fade", "bgColor", "muted"]
|
|
4666
4666
|
},
|
|
4667
4667
|
"control-bgColor-rest": {
|
|
4668
|
-
"value": "#
|
|
4668
|
+
"value": "#e0e6eb",
|
|
4669
4669
|
"$type": "color",
|
|
4670
4670
|
"$extensions": {
|
|
4671
4671
|
"org.primer.figma": {
|
|
@@ -4678,7 +4678,7 @@
|
|
|
4678
4678
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
4679
4679
|
"isSource": true,
|
|
4680
4680
|
"original": {
|
|
4681
|
-
"value": "{base.color.neutral.
|
|
4681
|
+
"value": "{base.color.neutral.3}",
|
|
4682
4682
|
"$type": "color",
|
|
4683
4683
|
"$extensions": {
|
|
4684
4684
|
"org.primer.figma": {
|
|
@@ -4694,7 +4694,7 @@
|
|
|
4694
4694
|
"path": ["control", "bgColor", "rest"]
|
|
4695
4695
|
},
|
|
4696
4696
|
"control-bgColor-hover": {
|
|
4697
|
-
"value": "#
|
|
4697
|
+
"value": "#dae0e7",
|
|
4698
4698
|
"$type": "color",
|
|
4699
4699
|
"$extensions": {
|
|
4700
4700
|
"org.primer.figma": {
|
|
@@ -4704,14 +4704,10 @@
|
|
|
4704
4704
|
"scopes": ["bgColor"]
|
|
4705
4705
|
}
|
|
4706
4706
|
},
|
|
4707
|
-
"mix": {
|
|
4708
|
-
"color": "#acb6c0",
|
|
4709
|
-
"weight": 0.2
|
|
4710
|
-
},
|
|
4711
4707
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
4712
4708
|
"isSource": true,
|
|
4713
4709
|
"original": {
|
|
4714
|
-
"value": "{base.color.neutral.
|
|
4710
|
+
"value": "{base.color.neutral.4}",
|
|
4715
4711
|
"$type": "color",
|
|
4716
4712
|
"$extensions": {
|
|
4717
4713
|
"org.primer.figma": {
|
|
@@ -4720,10 +4716,6 @@
|
|
|
4720
4716
|
"group": "component",
|
|
4721
4717
|
"scopes": ["bgColor"]
|
|
4722
4718
|
}
|
|
4723
|
-
},
|
|
4724
|
-
"mix": {
|
|
4725
|
-
"color": "{base.color.neutral.3}",
|
|
4726
|
-
"weight": 0.2
|
|
4727
4719
|
}
|
|
4728
4720
|
},
|
|
4729
4721
|
"name": "control-bgColor-hover",
|
|
@@ -4731,7 +4723,7 @@
|
|
|
4731
4723
|
"path": ["control", "bgColor", "hover"]
|
|
4732
4724
|
},
|
|
4733
4725
|
"control-bgColor-active": {
|
|
4734
|
-
"value": "#
|
|
4726
|
+
"value": "#d1d9e0",
|
|
4735
4727
|
"$type": "color",
|
|
4736
4728
|
"$extensions": {
|
|
4737
4729
|
"org.primer.figma": {
|
|
@@ -4741,14 +4733,10 @@
|
|
|
4741
4733
|
"scopes": ["bgColor"]
|
|
4742
4734
|
}
|
|
4743
4735
|
},
|
|
4744
|
-
"mix": {
|
|
4745
|
-
"color": "#acb6c0",
|
|
4746
|
-
"weight": 0.4
|
|
4747
|
-
},
|
|
4748
4736
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
4749
4737
|
"isSource": true,
|
|
4750
4738
|
"original": {
|
|
4751
|
-
"value": "{base.color.neutral.
|
|
4739
|
+
"value": "{base.color.neutral.5}",
|
|
4752
4740
|
"$type": "color",
|
|
4753
4741
|
"$extensions": {
|
|
4754
4742
|
"org.primer.figma": {
|
|
@@ -4757,10 +4745,6 @@
|
|
|
4757
4745
|
"group": "component",
|
|
4758
4746
|
"scopes": ["bgColor"]
|
|
4759
4747
|
}
|
|
4760
|
-
},
|
|
4761
|
-
"mix": {
|
|
4762
|
-
"color": "{base.color.neutral.3}",
|
|
4763
|
-
"weight": 0.4
|
|
4764
4748
|
}
|
|
4765
4749
|
},
|
|
4766
4750
|
"name": "control-bgColor-active",
|
|
@@ -4768,7 +4752,7 @@
|
|
|
4768
4752
|
"path": ["control", "bgColor", "active"]
|
|
4769
4753
|
},
|
|
4770
4754
|
"control-bgColor-disabled": {
|
|
4771
|
-
"value": "#
|
|
4755
|
+
"value": "#e0e6eb",
|
|
4772
4756
|
"$type": "color",
|
|
4773
4757
|
"$extensions": {
|
|
4774
4758
|
"org.primer.figma": {
|
|
@@ -4797,7 +4781,7 @@
|
|
|
4797
4781
|
"path": ["control", "bgColor", "disabled"]
|
|
4798
4782
|
},
|
|
4799
4783
|
"control-bgColor-selected": {
|
|
4800
|
-
"value": "#
|
|
4784
|
+
"value": "#e0e6eb",
|
|
4801
4785
|
"$type": "color",
|
|
4802
4786
|
"$extensions": {
|
|
4803
4787
|
"org.primer.figma": {
|
|
@@ -4807,10 +4791,10 @@
|
|
|
4807
4791
|
"scopes": ["bgColor"]
|
|
4808
4792
|
}
|
|
4809
4793
|
},
|
|
4810
|
-
"filePath": "src/tokens/functional/color/light/
|
|
4794
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4811
4795
|
"isSource": true,
|
|
4812
4796
|
"original": {
|
|
4813
|
-
"value": "{
|
|
4797
|
+
"value": "{control.bgColor.rest}",
|
|
4814
4798
|
"$type": "color",
|
|
4815
4799
|
"$extensions": {
|
|
4816
4800
|
"org.primer.figma": {
|
|
@@ -4826,7 +4810,7 @@
|
|
|
4826
4810
|
"path": ["control", "bgColor", "selected"]
|
|
4827
4811
|
},
|
|
4828
4812
|
"control-fgColor-rest": {
|
|
4829
|
-
"value": "#
|
|
4813
|
+
"value": "#25292e",
|
|
4830
4814
|
"$type": "color",
|
|
4831
4815
|
"$extensions": {
|
|
4832
4816
|
"org.primer.figma": {
|
|
@@ -4839,7 +4823,7 @@
|
|
|
4839
4823
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4840
4824
|
"isSource": true,
|
|
4841
4825
|
"original": {
|
|
4842
|
-
"value": "{base.color.neutral.
|
|
4826
|
+
"value": "{base.color.neutral.11}",
|
|
4843
4827
|
"$type": "color",
|
|
4844
4828
|
"$extensions": {
|
|
4845
4829
|
"org.primer.figma": {
|
|
@@ -4855,12 +4839,8 @@
|
|
|
4855
4839
|
"path": ["control", "fgColor", "rest"]
|
|
4856
4840
|
},
|
|
4857
4841
|
"control-fgColor-placeholder": {
|
|
4858
|
-
"value": "#
|
|
4842
|
+
"value": "#454c54",
|
|
4859
4843
|
"$type": "color",
|
|
4860
|
-
"mix": {
|
|
4861
|
-
"color": "#343b43",
|
|
4862
|
-
"weight": 0.2
|
|
4863
|
-
},
|
|
4864
4844
|
"$extensions": {
|
|
4865
4845
|
"org.primer.figma": {
|
|
4866
4846
|
"collection": "mode",
|
|
@@ -4872,12 +4852,8 @@
|
|
|
4872
4852
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
4873
4853
|
"isSource": true,
|
|
4874
4854
|
"original": {
|
|
4875
|
-
"value": "{base.color.neutral.
|
|
4855
|
+
"value": "{base.color.neutral.9}",
|
|
4876
4856
|
"$type": "color",
|
|
4877
|
-
"mix": {
|
|
4878
|
-
"color": "{base.color.neutral.7}",
|
|
4879
|
-
"weight": 0.2
|
|
4880
|
-
},
|
|
4881
4857
|
"$extensions": {
|
|
4882
4858
|
"org.primer.figma": {
|
|
4883
4859
|
"collection": "mode",
|
|
@@ -4892,7 +4868,7 @@
|
|
|
4892
4868
|
"path": ["control", "fgColor", "placeholder"]
|
|
4893
4869
|
},
|
|
4894
4870
|
"control-fgColor-disabled": {
|
|
4895
|
-
"value": "#
|
|
4871
|
+
"value": "#59636e",
|
|
4896
4872
|
"$type": "color",
|
|
4897
4873
|
"$extensions": {
|
|
4898
4874
|
"org.primer.figma": {
|
|
@@ -4921,7 +4897,7 @@
|
|
|
4921
4897
|
"path": ["control", "fgColor", "disabled"]
|
|
4922
4898
|
},
|
|
4923
4899
|
"control-borderColor-rest": {
|
|
4924
|
-
"value": "#
|
|
4900
|
+
"value": "#454c54",
|
|
4925
4901
|
"$type": "color",
|
|
4926
4902
|
"$extensions": {
|
|
4927
4903
|
"org.primer.figma": {
|
|
@@ -4950,7 +4926,7 @@
|
|
|
4950
4926
|
"path": ["control", "borderColor", "rest"]
|
|
4951
4927
|
},
|
|
4952
4928
|
"control-borderColor-emphasis": {
|
|
4953
|
-
"value": "#
|
|
4929
|
+
"value": "#454c54",
|
|
4954
4930
|
"$type": "color",
|
|
4955
4931
|
"$extensions": {
|
|
4956
4932
|
"org.primer.figma": {
|
|
@@ -4960,11 +4936,10 @@
|
|
|
4960
4936
|
"scopes": ["borderColor"]
|
|
4961
4937
|
}
|
|
4962
4938
|
},
|
|
4963
|
-
"
|
|
4964
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
4939
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4965
4940
|
"isSource": true,
|
|
4966
4941
|
"original": {
|
|
4967
|
-
"value": "{borderColor.
|
|
4942
|
+
"value": "{borderColor.emphasis}",
|
|
4968
4943
|
"$type": "color",
|
|
4969
4944
|
"$extensions": {
|
|
4970
4945
|
"org.primer.figma": {
|
|
@@ -4973,15 +4948,14 @@
|
|
|
4973
4948
|
"group": "component",
|
|
4974
4949
|
"scopes": ["borderColor"]
|
|
4975
4950
|
}
|
|
4976
|
-
}
|
|
4977
|
-
"mix": null
|
|
4951
|
+
}
|
|
4978
4952
|
},
|
|
4979
4953
|
"name": "control-borderColor-emphasis",
|
|
4980
4954
|
"attributes": {},
|
|
4981
4955
|
"path": ["control", "borderColor", "emphasis"]
|
|
4982
4956
|
},
|
|
4983
4957
|
"control-borderColor-disabled": {
|
|
4984
|
-
"value": "#
|
|
4958
|
+
"value": "#e0e6eb",
|
|
4985
4959
|
"$type": "color",
|
|
4986
4960
|
"$extensions": {
|
|
4987
4961
|
"org.primer.figma": {
|
|
@@ -5010,7 +4984,7 @@
|
|
|
5010
4984
|
"path": ["control", "borderColor", "disabled"]
|
|
5011
4985
|
},
|
|
5012
4986
|
"control-borderColor-selected": {
|
|
5013
|
-
"value": "#
|
|
4987
|
+
"value": "#e0e6eb",
|
|
5014
4988
|
"$type": "color",
|
|
5015
4989
|
"$extensions": {
|
|
5016
4990
|
"org.primer.figma": {
|
|
@@ -5023,7 +4997,7 @@
|
|
|
5023
4997
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5024
4998
|
"isSource": true,
|
|
5025
4999
|
"original": {
|
|
5026
|
-
"value": "{
|
|
5000
|
+
"value": "{control.bgColor.selected}",
|
|
5027
5001
|
"$type": "color",
|
|
5028
5002
|
"$extensions": {
|
|
5029
5003
|
"org.primer.figma": {
|
|
@@ -5126,7 +5100,7 @@
|
|
|
5126
5100
|
"path": ["control", "borderColor", "warning"]
|
|
5127
5101
|
},
|
|
5128
5102
|
"control-iconColor-rest": {
|
|
5129
|
-
"value": "#
|
|
5103
|
+
"value": "#454c54",
|
|
5130
5104
|
"$type": "color",
|
|
5131
5105
|
"$extensions": {
|
|
5132
5106
|
"org.primer.figma": {
|
|
@@ -5184,7 +5158,7 @@
|
|
|
5184
5158
|
"path": ["control", "transparent", "bgColor", "rest"]
|
|
5185
5159
|
},
|
|
5186
5160
|
"control-transparent-bgColor-hover": {
|
|
5187
|
-
"value": "#
|
|
5161
|
+
"value": "#dae0e7",
|
|
5188
5162
|
"$type": "color",
|
|
5189
5163
|
"$extensions": {
|
|
5190
5164
|
"org.primer.figma": {
|
|
@@ -5194,12 +5168,11 @@
|
|
|
5194
5168
|
"scopes": ["bgColor"]
|
|
5195
5169
|
}
|
|
5196
5170
|
},
|
|
5197
|
-
"alpha":
|
|
5171
|
+
"alpha": 1,
|
|
5198
5172
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5199
5173
|
"isSource": true,
|
|
5200
|
-
"mix": null,
|
|
5201
5174
|
"original": {
|
|
5202
|
-
"value": "{base.color.neutral.
|
|
5175
|
+
"value": "{base.color.neutral.4}",
|
|
5203
5176
|
"$type": "color",
|
|
5204
5177
|
"$extensions": {
|
|
5205
5178
|
"org.primer.figma": {
|
|
@@ -5209,15 +5182,14 @@
|
|
|
5209
5182
|
"scopes": ["bgColor"]
|
|
5210
5183
|
}
|
|
5211
5184
|
},
|
|
5212
|
-
"alpha":
|
|
5213
|
-
"mix": null
|
|
5185
|
+
"alpha": 1
|
|
5214
5186
|
},
|
|
5215
5187
|
"name": "control-transparent-bgColor-hover",
|
|
5216
5188
|
"attributes": {},
|
|
5217
5189
|
"path": ["control", "transparent", "bgColor", "hover"]
|
|
5218
5190
|
},
|
|
5219
5191
|
"control-transparent-bgColor-active": {
|
|
5220
|
-
"value": "#
|
|
5192
|
+
"value": "#d1d9e0",
|
|
5221
5193
|
"$type": "color",
|
|
5222
5194
|
"$extensions": {
|
|
5223
5195
|
"org.primer.figma": {
|
|
@@ -5227,12 +5199,11 @@
|
|
|
5227
5199
|
"scopes": ["bgColor"]
|
|
5228
5200
|
}
|
|
5229
5201
|
},
|
|
5230
|
-
"alpha":
|
|
5202
|
+
"alpha": 1,
|
|
5231
5203
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5232
5204
|
"isSource": true,
|
|
5233
|
-
"mix": null,
|
|
5234
5205
|
"original": {
|
|
5235
|
-
"value": "{base.color.neutral.
|
|
5206
|
+
"value": "{base.color.neutral.5}",
|
|
5236
5207
|
"$type": "color",
|
|
5237
5208
|
"$extensions": {
|
|
5238
5209
|
"org.primer.figma": {
|
|
@@ -5242,15 +5213,14 @@
|
|
|
5242
5213
|
"scopes": ["bgColor"]
|
|
5243
5214
|
}
|
|
5244
5215
|
},
|
|
5245
|
-
"alpha":
|
|
5246
|
-
"mix": null
|
|
5216
|
+
"alpha": 1
|
|
5247
5217
|
},
|
|
5248
5218
|
"name": "control-transparent-bgColor-active",
|
|
5249
5219
|
"attributes": {},
|
|
5250
5220
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
5251
5221
|
},
|
|
5252
5222
|
"control-transparent-bgColor-disabled": {
|
|
5253
|
-
"value": "#
|
|
5223
|
+
"value": "#e0e6eb",
|
|
5254
5224
|
"$type": "color",
|
|
5255
5225
|
"$extensions": {
|
|
5256
5226
|
"org.primer.figma": {
|
|
@@ -5279,7 +5249,7 @@
|
|
|
5279
5249
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
5280
5250
|
},
|
|
5281
5251
|
"control-transparent-bgColor-selected": {
|
|
5282
|
-
"value": "#
|
|
5252
|
+
"value": "#dae0e7",
|
|
5283
5253
|
"$type": "color",
|
|
5284
5254
|
"$extensions": {
|
|
5285
5255
|
"org.primer.figma": {
|
|
@@ -5289,11 +5259,11 @@
|
|
|
5289
5259
|
"scopes": ["bgColor"]
|
|
5290
5260
|
}
|
|
5291
5261
|
},
|
|
5292
|
-
"alpha":
|
|
5262
|
+
"alpha": 1,
|
|
5293
5263
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5294
5264
|
"isSource": true,
|
|
5295
5265
|
"original": {
|
|
5296
|
-
"value": "{base.color.neutral.
|
|
5266
|
+
"value": "{base.color.neutral.4}",
|
|
5297
5267
|
"$type": "color",
|
|
5298
5268
|
"$extensions": {
|
|
5299
5269
|
"org.primer.figma": {
|
|
@@ -5303,7 +5273,7 @@
|
|
|
5303
5273
|
"scopes": ["bgColor"]
|
|
5304
5274
|
}
|
|
5305
5275
|
},
|
|
5306
|
-
"alpha":
|
|
5276
|
+
"alpha": 1
|
|
5307
5277
|
},
|
|
5308
5278
|
"name": "control-transparent-bgColor-selected",
|
|
5309
5279
|
"attributes": {},
|
|
@@ -5339,7 +5309,7 @@
|
|
|
5339
5309
|
"path": ["control", "transparent", "borderColor", "rest"]
|
|
5340
5310
|
},
|
|
5341
5311
|
"control-transparent-borderColor-hover": {
|
|
5342
|
-
"value": "#
|
|
5312
|
+
"value": "#454c54",
|
|
5343
5313
|
"$type": "color",
|
|
5344
5314
|
"$extensions": {
|
|
5345
5315
|
"org.primer.figma": {
|
|
@@ -5368,7 +5338,7 @@
|
|
|
5368
5338
|
"path": ["control", "transparent", "borderColor", "hover"]
|
|
5369
5339
|
},
|
|
5370
5340
|
"control-transparent-borderColor-active": {
|
|
5371
|
-
"value": "#
|
|
5341
|
+
"value": "#454c54",
|
|
5372
5342
|
"$type": "color",
|
|
5373
5343
|
"$extensions": {
|
|
5374
5344
|
"org.primer.figma": {
|
|
@@ -5378,10 +5348,10 @@
|
|
|
5378
5348
|
"scopes": ["borderColor"]
|
|
5379
5349
|
}
|
|
5380
5350
|
},
|
|
5381
|
-
"filePath": "src/tokens/functional/color/light/
|
|
5351
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5382
5352
|
"isSource": true,
|
|
5383
5353
|
"original": {
|
|
5384
|
-
"value": "{
|
|
5354
|
+
"value": "{borderColor.default}",
|
|
5385
5355
|
"$type": "color",
|
|
5386
5356
|
"$extensions": {
|
|
5387
5357
|
"org.primer.figma": {
|
|
@@ -5630,7 +5600,7 @@
|
|
|
5630
5600
|
"path": ["control", "checked", "bgColor", "active"]
|
|
5631
5601
|
},
|
|
5632
5602
|
"control-checked-bgColor-disabled": {
|
|
5633
|
-
"value": "#
|
|
5603
|
+
"value": "#59636e",
|
|
5634
5604
|
"$type": "color",
|
|
5635
5605
|
"$extensions": {
|
|
5636
5606
|
"org.primer.figma": {
|
|
@@ -5820,7 +5790,7 @@
|
|
|
5820
5790
|
"path": ["control", "checked", "borderColor", "active"]
|
|
5821
5791
|
},
|
|
5822
5792
|
"control-checked-borderColor-disabled": {
|
|
5823
|
-
"value": "#
|
|
5793
|
+
"value": "#59636e",
|
|
5824
5794
|
"$type": "color",
|
|
5825
5795
|
"$extensions": {
|
|
5826
5796
|
"org.primer.figma": {
|
|
@@ -5849,7 +5819,7 @@
|
|
|
5849
5819
|
"path": ["control", "checked", "borderColor", "disabled"]
|
|
5850
5820
|
},
|
|
5851
5821
|
"controlTrack-bgColor-rest": {
|
|
5852
|
-
"value": "#
|
|
5822
|
+
"value": "#dae0e7",
|
|
5853
5823
|
"$type": "color",
|
|
5854
5824
|
"$extensions": {
|
|
5855
5825
|
"org.primer.figma": {
|
|
@@ -5862,7 +5832,7 @@
|
|
|
5862
5832
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5863
5833
|
"isSource": true,
|
|
5864
5834
|
"original": {
|
|
5865
|
-
"value": "{base.color.neutral.
|
|
5835
|
+
"value": "{base.color.neutral.4}",
|
|
5866
5836
|
"$type": "color",
|
|
5867
5837
|
"$extensions": {
|
|
5868
5838
|
"org.primer.figma": {
|
|
@@ -5878,7 +5848,7 @@
|
|
|
5878
5848
|
"path": ["controlTrack", "bgColor", "rest"]
|
|
5879
5849
|
},
|
|
5880
5850
|
"controlTrack-bgColor-hover": {
|
|
5881
|
-
"value": "#
|
|
5851
|
+
"value": "#d1d9e0",
|
|
5882
5852
|
"$type": "color",
|
|
5883
5853
|
"$extensions": {
|
|
5884
5854
|
"org.primer.figma": {
|
|
@@ -5888,14 +5858,10 @@
|
|
|
5888
5858
|
"scopes": ["bgColor"]
|
|
5889
5859
|
}
|
|
5890
5860
|
},
|
|
5891
|
-
"mix": {
|
|
5892
|
-
"color": "#66707b",
|
|
5893
|
-
"weight": 0.2
|
|
5894
|
-
},
|
|
5895
5861
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5896
5862
|
"isSource": true,
|
|
5897
5863
|
"original": {
|
|
5898
|
-
"value": "{base.color.neutral.
|
|
5864
|
+
"value": "{base.color.neutral.5}",
|
|
5899
5865
|
"$type": "color",
|
|
5900
5866
|
"$extensions": {
|
|
5901
5867
|
"org.primer.figma": {
|
|
@@ -5904,10 +5870,6 @@
|
|
|
5904
5870
|
"group": "component (internal)",
|
|
5905
5871
|
"scopes": ["bgColor"]
|
|
5906
5872
|
}
|
|
5907
|
-
},
|
|
5908
|
-
"mix": {
|
|
5909
|
-
"color": "{base.color.neutral.5}",
|
|
5910
|
-
"weight": 0.2
|
|
5911
5873
|
}
|
|
5912
5874
|
},
|
|
5913
5875
|
"name": "controlTrack-bgColor-hover",
|
|
@@ -5915,7 +5877,7 @@
|
|
|
5915
5877
|
"path": ["controlTrack", "bgColor", "hover"]
|
|
5916
5878
|
},
|
|
5917
5879
|
"controlTrack-bgColor-active": {
|
|
5918
|
-
"value": "#
|
|
5880
|
+
"value": "#c8d1da",
|
|
5919
5881
|
"$type": "color",
|
|
5920
5882
|
"$extensions": {
|
|
5921
5883
|
"org.primer.figma": {
|
|
@@ -5925,14 +5887,10 @@
|
|
|
5925
5887
|
"scopes": ["bgColor"]
|
|
5926
5888
|
}
|
|
5927
5889
|
},
|
|
5928
|
-
"mix": {
|
|
5929
|
-
"color": "#66707b",
|
|
5930
|
-
"weight": 0.4
|
|
5931
|
-
},
|
|
5932
5890
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
5933
5891
|
"isSource": true,
|
|
5934
5892
|
"original": {
|
|
5935
|
-
"value": "{base.color.neutral.
|
|
5893
|
+
"value": "{base.color.neutral.6}",
|
|
5936
5894
|
"$type": "color",
|
|
5937
5895
|
"$extensions": {
|
|
5938
5896
|
"org.primer.figma": {
|
|
@@ -5941,10 +5899,6 @@
|
|
|
5941
5899
|
"group": "component (internal)",
|
|
5942
5900
|
"scopes": ["bgColor"]
|
|
5943
5901
|
}
|
|
5944
|
-
},
|
|
5945
|
-
"mix": {
|
|
5946
|
-
"color": "{base.color.neutral.5}",
|
|
5947
|
-
"weight": 0.4
|
|
5948
5902
|
}
|
|
5949
5903
|
},
|
|
5950
5904
|
"name": "controlTrack-bgColor-active",
|
|
@@ -5952,7 +5906,7 @@
|
|
|
5952
5906
|
"path": ["controlTrack", "bgColor", "active"]
|
|
5953
5907
|
},
|
|
5954
5908
|
"controlTrack-bgColor-disabled": {
|
|
5955
|
-
"value": "#
|
|
5909
|
+
"value": "#59636e",
|
|
5956
5910
|
"$type": "color",
|
|
5957
5911
|
"$extensions": {
|
|
5958
5912
|
"org.primer.figma": {
|
|
@@ -5962,7 +5916,7 @@
|
|
|
5962
5916
|
"scopes": ["bgColor"]
|
|
5963
5917
|
}
|
|
5964
5918
|
},
|
|
5965
|
-
"filePath": "src/tokens/functional/color/light/
|
|
5919
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5966
5920
|
"isSource": true,
|
|
5967
5921
|
"original": {
|
|
5968
5922
|
"value": "{fgColor.disabled}",
|
|
@@ -5981,7 +5935,7 @@
|
|
|
5981
5935
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5982
5936
|
},
|
|
5983
5937
|
"controlTrack-fgColor-rest": {
|
|
5984
|
-
"value": "#
|
|
5938
|
+
"value": "#59636e",
|
|
5985
5939
|
"$type": "color",
|
|
5986
5940
|
"$extensions": {
|
|
5987
5941
|
"org.primer.figma": {
|
|
@@ -5991,10 +5945,10 @@
|
|
|
5991
5945
|
"scopes": ["fgColor"]
|
|
5992
5946
|
}
|
|
5993
5947
|
},
|
|
5994
|
-
"filePath": "src/tokens/functional/color/light/
|
|
5948
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5995
5949
|
"isSource": true,
|
|
5996
5950
|
"original": {
|
|
5997
|
-
"value": "{
|
|
5951
|
+
"value": "{base.color.neutral.8}",
|
|
5998
5952
|
"$type": "color",
|
|
5999
5953
|
"$extensions": {
|
|
6000
5954
|
"org.primer.figma": {
|
|
@@ -6039,7 +5993,7 @@
|
|
|
6039
5993
|
"path": ["controlTrack", "fgColor", "disabled"]
|
|
6040
5994
|
},
|
|
6041
5995
|
"controlTrack-borderColor-rest": {
|
|
6042
|
-
"value": "#
|
|
5996
|
+
"value": "#454c54",
|
|
6043
5997
|
"$type": "color",
|
|
6044
5998
|
"$extensions": {
|
|
6045
5999
|
"org.primer.figma": {
|
|
@@ -6068,7 +6022,7 @@
|
|
|
6068
6022
|
"path": ["controlTrack", "borderColor", "rest"]
|
|
6069
6023
|
},
|
|
6070
6024
|
"controlTrack-borderColor-disabled": {
|
|
6071
|
-
"value": "#
|
|
6025
|
+
"value": "#59636e",
|
|
6072
6026
|
"$type": "color",
|
|
6073
6027
|
"$extensions": {
|
|
6074
6028
|
"org.primer.figma": {
|
|
@@ -6126,7 +6080,7 @@
|
|
|
6126
6080
|
"path": ["controlKnob", "bgColor", "rest"]
|
|
6127
6081
|
},
|
|
6128
6082
|
"controlKnob-bgColor-disabled": {
|
|
6129
|
-
"value": "#
|
|
6083
|
+
"value": "#e0e6eb",
|
|
6130
6084
|
"$type": "color",
|
|
6131
6085
|
"$extensions": {
|
|
6132
6086
|
"org.primer.figma": {
|
|
@@ -6184,7 +6138,7 @@
|
|
|
6184
6138
|
"path": ["controlKnob", "bgColor", "checked"]
|
|
6185
6139
|
},
|
|
6186
6140
|
"controlKnob-borderColor-rest": {
|
|
6187
|
-
"value": "#
|
|
6141
|
+
"value": "#454c54",
|
|
6188
6142
|
"$type": "color",
|
|
6189
6143
|
"$extensions": {
|
|
6190
6144
|
"org.primer.figma": {
|
|
@@ -6213,7 +6167,7 @@
|
|
|
6213
6167
|
"path": ["controlKnob", "borderColor", "rest"]
|
|
6214
6168
|
},
|
|
6215
6169
|
"controlKnob-borderColor-disabled": {
|
|
6216
|
-
"value": "#
|
|
6170
|
+
"value": "#e0e6eb",
|
|
6217
6171
|
"$type": "color",
|
|
6218
6172
|
"$extensions": {
|
|
6219
6173
|
"org.primer.figma": {
|
|
@@ -6271,7 +6225,7 @@
|
|
|
6271
6225
|
"path": ["controlKnob", "borderColor", "checked"]
|
|
6272
6226
|
},
|
|
6273
6227
|
"counter-borderColor": {
|
|
6274
|
-
"value": "#
|
|
6228
|
+
"value": "#454c54",
|
|
6275
6229
|
"$type": "color",
|
|
6276
6230
|
"$extensions": {
|
|
6277
6231
|
"org.primer.figma": {
|
|
@@ -6300,7 +6254,7 @@
|
|
|
6300
6254
|
"path": ["counter", "borderColor"]
|
|
6301
6255
|
},
|
|
6302
6256
|
"button-default-fgColor-rest": {
|
|
6303
|
-
"value": "#
|
|
6257
|
+
"value": "#25292e",
|
|
6304
6258
|
"$type": "color",
|
|
6305
6259
|
"$extensions": {
|
|
6306
6260
|
"org.primer.figma": {
|
|
@@ -6329,7 +6283,7 @@
|
|
|
6329
6283
|
"path": ["button", "default", "fgColor", "rest"]
|
|
6330
6284
|
},
|
|
6331
6285
|
"button-default-bgColor-rest": {
|
|
6332
|
-
"value": "#
|
|
6286
|
+
"value": "#e0e6eb",
|
|
6333
6287
|
"$type": "color",
|
|
6334
6288
|
"$extensions": {
|
|
6335
6289
|
"org.primer.figma": {
|
|
@@ -6358,7 +6312,7 @@
|
|
|
6358
6312
|
"path": ["button", "default", "bgColor", "rest"]
|
|
6359
6313
|
},
|
|
6360
6314
|
"button-default-bgColor-hover": {
|
|
6361
|
-
"value": "#
|
|
6315
|
+
"value": "#dae0e7",
|
|
6362
6316
|
"$type": "color",
|
|
6363
6317
|
"$extensions": {
|
|
6364
6318
|
"org.primer.figma": {
|
|
@@ -6387,7 +6341,7 @@
|
|
|
6387
6341
|
"path": ["button", "default", "bgColor", "hover"]
|
|
6388
6342
|
},
|
|
6389
6343
|
"button-default-bgColor-active": {
|
|
6390
|
-
"value": "#
|
|
6344
|
+
"value": "#d1d9e0",
|
|
6391
6345
|
"$type": "color",
|
|
6392
6346
|
"$extensions": {
|
|
6393
6347
|
"org.primer.figma": {
|
|
@@ -6416,7 +6370,7 @@
|
|
|
6416
6370
|
"path": ["button", "default", "bgColor", "active"]
|
|
6417
6371
|
},
|
|
6418
6372
|
"button-default-bgColor-selected": {
|
|
6419
|
-
"value": "#
|
|
6373
|
+
"value": "#d1d9e0",
|
|
6420
6374
|
"$type": "color",
|
|
6421
6375
|
"$extensions": {
|
|
6422
6376
|
"org.primer.figma": {
|
|
@@ -6445,7 +6399,7 @@
|
|
|
6445
6399
|
"path": ["button", "default", "bgColor", "selected"]
|
|
6446
6400
|
},
|
|
6447
6401
|
"button-default-bgColor-disabled": {
|
|
6448
|
-
"value": "#
|
|
6402
|
+
"value": "#e0e6eb",
|
|
6449
6403
|
"$type": "color",
|
|
6450
6404
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6451
6405
|
"isSource": true,
|
|
@@ -6458,7 +6412,7 @@
|
|
|
6458
6412
|
"path": ["button", "default", "bgColor", "disabled"]
|
|
6459
6413
|
},
|
|
6460
6414
|
"button-default-borderColor-rest": {
|
|
6461
|
-
"value": "#
|
|
6415
|
+
"value": "#454c54",
|
|
6462
6416
|
"$type": "color",
|
|
6463
6417
|
"$extensions": {
|
|
6464
6418
|
"org.primer.figma": {
|
|
@@ -6468,10 +6422,10 @@
|
|
|
6468
6422
|
"scopes": ["borderColor"]
|
|
6469
6423
|
}
|
|
6470
6424
|
},
|
|
6471
|
-
"filePath": "src/tokens/functional/color/light/
|
|
6425
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6472
6426
|
"isSource": true,
|
|
6473
6427
|
"original": {
|
|
6474
|
-
"value": "{borderColor.
|
|
6428
|
+
"value": "{control.borderColor.rest}",
|
|
6475
6429
|
"$type": "color",
|
|
6476
6430
|
"$extensions": {
|
|
6477
6431
|
"org.primer.figma": {
|
|
@@ -6487,7 +6441,7 @@
|
|
|
6487
6441
|
"path": ["button", "default", "borderColor", "rest"]
|
|
6488
6442
|
},
|
|
6489
6443
|
"button-default-borderColor-hover": {
|
|
6490
|
-
"value": "#
|
|
6444
|
+
"value": "#454c54",
|
|
6491
6445
|
"$type": "color",
|
|
6492
6446
|
"$extensions": {
|
|
6493
6447
|
"org.primer.figma": {
|
|
@@ -6497,10 +6451,10 @@
|
|
|
6497
6451
|
"scopes": ["borderColor"]
|
|
6498
6452
|
}
|
|
6499
6453
|
},
|
|
6500
|
-
"filePath": "src/tokens/functional/color/light/
|
|
6454
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6501
6455
|
"isSource": true,
|
|
6502
6456
|
"original": {
|
|
6503
|
-
"value": "{borderColor.
|
|
6457
|
+
"value": "{control.borderColor.rest}",
|
|
6504
6458
|
"$type": "color",
|
|
6505
6459
|
"$extensions": {
|
|
6506
6460
|
"org.primer.figma": {
|
|
@@ -6516,7 +6470,7 @@
|
|
|
6516
6470
|
"path": ["button", "default", "borderColor", "hover"]
|
|
6517
6471
|
},
|
|
6518
6472
|
"button-default-borderColor-active": {
|
|
6519
|
-
"value": "#
|
|
6473
|
+
"value": "#454c54",
|
|
6520
6474
|
"$type": "color",
|
|
6521
6475
|
"$extensions": {
|
|
6522
6476
|
"org.primer.figma": {
|
|
@@ -6526,10 +6480,10 @@
|
|
|
6526
6480
|
"scopes": ["borderColor"]
|
|
6527
6481
|
}
|
|
6528
6482
|
},
|
|
6529
|
-
"filePath": "src/tokens/functional/color/light/
|
|
6483
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6530
6484
|
"isSource": true,
|
|
6531
6485
|
"original": {
|
|
6532
|
-
"value": "{borderColor.
|
|
6486
|
+
"value": "{control.borderColor.rest}",
|
|
6533
6487
|
"$type": "color",
|
|
6534
6488
|
"$extensions": {
|
|
6535
6489
|
"org.primer.figma": {
|
|
@@ -6545,7 +6499,7 @@
|
|
|
6545
6499
|
"path": ["button", "default", "borderColor", "active"]
|
|
6546
6500
|
},
|
|
6547
6501
|
"button-default-borderColor-disabled": {
|
|
6548
|
-
"value": "#
|
|
6502
|
+
"value": "#e0e6eb",
|
|
6549
6503
|
"$type": "color",
|
|
6550
6504
|
"$extensions": {
|
|
6551
6505
|
"org.primer.figma": {
|
|
@@ -7001,7 +6955,7 @@
|
|
|
7001
6955
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7002
6956
|
},
|
|
7003
6957
|
"button-invisible-fgColor-rest": {
|
|
7004
|
-
"value": "#
|
|
6958
|
+
"value": "#454c54",
|
|
7005
6959
|
"$type": "color",
|
|
7006
6960
|
"$extensions": {
|
|
7007
6961
|
"org.primer.figma": {
|
|
@@ -7014,7 +6968,7 @@
|
|
|
7014
6968
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7015
6969
|
"isSource": true,
|
|
7016
6970
|
"original": {
|
|
7017
|
-
"value": "{fgColor.
|
|
6971
|
+
"value": "{fgColor.muted}",
|
|
7018
6972
|
"$type": "color",
|
|
7019
6973
|
"$extensions": {
|
|
7020
6974
|
"org.primer.figma": {
|
|
@@ -7030,7 +6984,7 @@
|
|
|
7030
6984
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7031
6985
|
},
|
|
7032
6986
|
"button-invisible-fgColor-hover": {
|
|
7033
|
-
"value": "#
|
|
6987
|
+
"value": "#454c54",
|
|
7034
6988
|
"$type": "color",
|
|
7035
6989
|
"$extensions": {
|
|
7036
6990
|
"org.primer.figma": {
|
|
@@ -7040,10 +6994,10 @@
|
|
|
7040
6994
|
"scopes": ["fgColor"]
|
|
7041
6995
|
}
|
|
7042
6996
|
},
|
|
7043
|
-
"filePath": "src/tokens/functional/color/light/
|
|
6997
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7044
6998
|
"isSource": true,
|
|
7045
6999
|
"original": {
|
|
7046
|
-
"value": "{
|
|
7000
|
+
"value": "{fgColor.muted}",
|
|
7047
7001
|
"$type": "color",
|
|
7048
7002
|
"$extensions": {
|
|
7049
7003
|
"org.primer.figma": {
|
|
@@ -7059,7 +7013,7 @@
|
|
|
7059
7013
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7060
7014
|
},
|
|
7061
7015
|
"button-invisible-fgColor-disabled": {
|
|
7062
|
-
"value": "#
|
|
7016
|
+
"value": "#59636e",
|
|
7063
7017
|
"$type": "color",
|
|
7064
7018
|
"$extensions": {
|
|
7065
7019
|
"org.primer.figma": {
|
|
@@ -7088,7 +7042,7 @@
|
|
|
7088
7042
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
7089
7043
|
},
|
|
7090
7044
|
"button-invisible-iconColor-rest": {
|
|
7091
|
-
"value": "#
|
|
7045
|
+
"value": "#454c54",
|
|
7092
7046
|
"$type": "color",
|
|
7093
7047
|
"$extensions": {
|
|
7094
7048
|
"org.primer.figma": {
|
|
@@ -7117,7 +7071,7 @@
|
|
|
7117
7071
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
7118
7072
|
},
|
|
7119
7073
|
"button-invisible-iconColor-hover": {
|
|
7120
|
-
"value": "#
|
|
7074
|
+
"value": "#454c54",
|
|
7121
7075
|
"$type": "color",
|
|
7122
7076
|
"$extensions": {
|
|
7123
7077
|
"org.primer.figma": {
|
|
@@ -7127,10 +7081,10 @@
|
|
|
7127
7081
|
"scopes": ["fgColor"]
|
|
7128
7082
|
}
|
|
7129
7083
|
},
|
|
7130
|
-
"filePath": "src/tokens/functional/color/light/
|
|
7084
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7131
7085
|
"isSource": true,
|
|
7132
7086
|
"original": {
|
|
7133
|
-
"value": "{fgColor.
|
|
7087
|
+
"value": "{fgColor.muted}",
|
|
7134
7088
|
"$type": "color",
|
|
7135
7089
|
"$extensions": {
|
|
7136
7090
|
"org.primer.figma": {
|
|
@@ -7146,7 +7100,7 @@
|
|
|
7146
7100
|
"path": ["button", "invisible", "iconColor", "hover"]
|
|
7147
7101
|
},
|
|
7148
7102
|
"button-invisible-iconColor-disabled": {
|
|
7149
|
-
"value": "#
|
|
7103
|
+
"value": "#59636e",
|
|
7150
7104
|
"$type": "color",
|
|
7151
7105
|
"$extensions": {
|
|
7152
7106
|
"org.primer.figma": {
|
|
@@ -7204,7 +7158,7 @@
|
|
|
7204
7158
|
"path": ["button", "invisible", "bgColor", "rest"]
|
|
7205
7159
|
},
|
|
7206
7160
|
"button-invisible-bgColor-hover": {
|
|
7207
|
-
"value": "#
|
|
7161
|
+
"value": "#dae0e7",
|
|
7208
7162
|
"$type": "color",
|
|
7209
7163
|
"$extensions": {
|
|
7210
7164
|
"org.primer.figma": {
|
|
@@ -7214,11 +7168,10 @@
|
|
|
7214
7168
|
"scopes": ["bgColor"]
|
|
7215
7169
|
}
|
|
7216
7170
|
},
|
|
7217
|
-
"filePath": "src/tokens/functional/color/light/
|
|
7171
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7218
7172
|
"isSource": true,
|
|
7219
|
-
"alpha": 1,
|
|
7220
7173
|
"original": {
|
|
7221
|
-
"value": "{
|
|
7174
|
+
"value": "{control.transparent.bgColor.hover}",
|
|
7222
7175
|
"$type": "color",
|
|
7223
7176
|
"$extensions": {
|
|
7224
7177
|
"org.primer.figma": {
|
|
@@ -7227,15 +7180,14 @@
|
|
|
7227
7180
|
"group": "component (internal)",
|
|
7228
7181
|
"scopes": ["bgColor"]
|
|
7229
7182
|
}
|
|
7230
|
-
}
|
|
7231
|
-
"alpha": 1
|
|
7183
|
+
}
|
|
7232
7184
|
},
|
|
7233
7185
|
"name": "button-invisible-bgColor-hover",
|
|
7234
7186
|
"attributes": {},
|
|
7235
7187
|
"path": ["button", "invisible", "bgColor", "hover"]
|
|
7236
7188
|
},
|
|
7237
7189
|
"button-invisible-bgColor-active": {
|
|
7238
|
-
"value": "#
|
|
7190
|
+
"value": "#d1d9e0",
|
|
7239
7191
|
"$type": "color",
|
|
7240
7192
|
"$extensions": {
|
|
7241
7193
|
"org.primer.figma": {
|
|
@@ -7245,11 +7197,10 @@
|
|
|
7245
7197
|
"scopes": ["bgColor"]
|
|
7246
7198
|
}
|
|
7247
7199
|
},
|
|
7248
|
-
"filePath": "src/tokens/functional/color/light/
|
|
7200
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7249
7201
|
"isSource": true,
|
|
7250
|
-
"alpha": 1,
|
|
7251
7202
|
"original": {
|
|
7252
|
-
"value": "{
|
|
7203
|
+
"value": "{control.transparent.bgColor.active}",
|
|
7253
7204
|
"$type": "color",
|
|
7254
7205
|
"$extensions": {
|
|
7255
7206
|
"org.primer.figma": {
|
|
@@ -7258,15 +7209,14 @@
|
|
|
7258
7209
|
"group": "component (internal)",
|
|
7259
7210
|
"scopes": ["bgColor"]
|
|
7260
7211
|
}
|
|
7261
|
-
}
|
|
7262
|
-
"alpha": 1
|
|
7212
|
+
}
|
|
7263
7213
|
},
|
|
7264
7214
|
"name": "button-invisible-bgColor-active",
|
|
7265
7215
|
"attributes": {},
|
|
7266
7216
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
7267
7217
|
},
|
|
7268
7218
|
"button-invisible-bgColor-disabled": {
|
|
7269
|
-
"value": "#
|
|
7219
|
+
"value": "#e0e6eb",
|
|
7270
7220
|
"$type": "color",
|
|
7271
7221
|
"$extensions": {
|
|
7272
7222
|
"org.primer.figma": {
|
|
@@ -7324,7 +7274,7 @@
|
|
|
7324
7274
|
"path": ["button", "invisible", "borderColor", "rest"]
|
|
7325
7275
|
},
|
|
7326
7276
|
"button-invisible-borderColor-hover": {
|
|
7327
|
-
"value": "#
|
|
7277
|
+
"value": "#454c54",
|
|
7328
7278
|
"$type": "color",
|
|
7329
7279
|
"$extensions": {
|
|
7330
7280
|
"org.primer.figma": {
|
|
@@ -7353,7 +7303,7 @@
|
|
|
7353
7303
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
7354
7304
|
},
|
|
7355
7305
|
"button-invisible-borderColor-disabled": {
|
|
7356
|
-
"value": "#
|
|
7306
|
+
"value": "#e0e6eb",
|
|
7357
7307
|
"$type": "color",
|
|
7358
7308
|
"$extensions": {
|
|
7359
7309
|
"org.primer.figma": {
|
|
@@ -7500,7 +7450,7 @@
|
|
|
7500
7450
|
"path": ["button", "outline", "fgColor", "disabled"]
|
|
7501
7451
|
},
|
|
7502
7452
|
"button-outline-bgColor-rest": {
|
|
7503
|
-
"value": "#
|
|
7453
|
+
"value": "#e0e6eb",
|
|
7504
7454
|
"$type": "color",
|
|
7505
7455
|
"$extensions": {
|
|
7506
7456
|
"org.primer.figma": {
|
|
@@ -7595,7 +7545,7 @@
|
|
|
7595
7545
|
"path": ["button", "outline", "bgColor", "active"]
|
|
7596
7546
|
},
|
|
7597
7547
|
"button-outline-bgColor-disabled": {
|
|
7598
|
-
"value": "#
|
|
7548
|
+
"value": "#e0e6eb",
|
|
7599
7549
|
"$type": "color",
|
|
7600
7550
|
"$extensions": {
|
|
7601
7551
|
"org.primer.figma": {
|
|
@@ -7608,7 +7558,7 @@
|
|
|
7608
7558
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7609
7559
|
"isSource": true,
|
|
7610
7560
|
"original": {
|
|
7611
|
-
"value": "{
|
|
7561
|
+
"value": "{control.bgColor.disabled}",
|
|
7612
7562
|
"$type": "color",
|
|
7613
7563
|
"$extensions": {
|
|
7614
7564
|
"org.primer.figma": {
|
|
@@ -7624,7 +7574,7 @@
|
|
|
7624
7574
|
"path": ["button", "outline", "bgColor", "disabled"]
|
|
7625
7575
|
},
|
|
7626
7576
|
"button-outline-borderColor-hover": {
|
|
7627
|
-
"value": "#
|
|
7577
|
+
"value": "#013d14",
|
|
7628
7578
|
"$type": "color",
|
|
7629
7579
|
"$extensions": {
|
|
7630
7580
|
"org.primer.figma": {
|
|
@@ -7634,11 +7584,10 @@
|
|
|
7634
7584
|
"scopes": ["borderColor"]
|
|
7635
7585
|
}
|
|
7636
7586
|
},
|
|
7637
|
-
"alpha": 0.15,
|
|
7638
7587
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7639
7588
|
"isSource": true,
|
|
7640
7589
|
"original": {
|
|
7641
|
-
"value": "{
|
|
7590
|
+
"value": "{button.primary.borderColor.hover}",
|
|
7642
7591
|
"$type": "color",
|
|
7643
7592
|
"$extensions": {
|
|
7644
7593
|
"org.primer.figma": {
|
|
@@ -7647,15 +7596,14 @@
|
|
|
7647
7596
|
"group": "component (internal)",
|
|
7648
7597
|
"scopes": ["borderColor"]
|
|
7649
7598
|
}
|
|
7650
|
-
}
|
|
7651
|
-
"alpha": 0.15
|
|
7599
|
+
}
|
|
7652
7600
|
},
|
|
7653
7601
|
"name": "button-outline-borderColor-hover",
|
|
7654
7602
|
"attributes": {},
|
|
7655
7603
|
"path": ["button", "outline", "borderColor", "hover"]
|
|
7656
7604
|
},
|
|
7657
7605
|
"button-outline-borderColor-active": {
|
|
7658
|
-
"value": "#
|
|
7606
|
+
"value": "#013d14",
|
|
7659
7607
|
"$type": "color",
|
|
7660
7608
|
"$extensions": {
|
|
7661
7609
|
"org.primer.figma": {
|
|
@@ -7897,7 +7845,7 @@
|
|
|
7897
7845
|
"path": ["button", "danger", "iconColor", "hover"]
|
|
7898
7846
|
},
|
|
7899
7847
|
"button-danger-bgColor-rest": {
|
|
7900
|
-
"value": "#
|
|
7848
|
+
"value": "#e0e6eb",
|
|
7901
7849
|
"$type": "color",
|
|
7902
7850
|
"$extensions": {
|
|
7903
7851
|
"org.primer.figma": {
|
|
@@ -7992,7 +7940,7 @@
|
|
|
7992
7940
|
"path": ["button", "danger", "bgColor", "active"]
|
|
7993
7941
|
},
|
|
7994
7942
|
"button-danger-bgColor-disabled": {
|
|
7995
|
-
"value": "#
|
|
7943
|
+
"value": "#e0e6eb",
|
|
7996
7944
|
"$type": "color",
|
|
7997
7945
|
"$extensions": {
|
|
7998
7946
|
"org.primer.figma": {
|
|
@@ -8021,7 +7969,7 @@
|
|
|
8021
7969
|
"path": ["button", "danger", "bgColor", "disabled"]
|
|
8022
7970
|
},
|
|
8023
7971
|
"button-danger-borderColor-rest": {
|
|
8024
|
-
"value": "#
|
|
7972
|
+
"value": "#454c54",
|
|
8025
7973
|
"$type": "color",
|
|
8026
7974
|
"$extensions": {
|
|
8027
7975
|
"org.primer.figma": {
|
|
@@ -8034,7 +7982,7 @@
|
|
|
8034
7982
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8035
7983
|
"isSource": true,
|
|
8036
7984
|
"original": {
|
|
8037
|
-
"value": "{borderColor.
|
|
7985
|
+
"value": "{control.borderColor.rest}",
|
|
8038
7986
|
"$type": "color",
|
|
8039
7987
|
"$extensions": {
|
|
8040
7988
|
"org.primer.figma": {
|
|
@@ -8050,7 +7998,7 @@
|
|
|
8050
7998
|
"path": ["button", "danger", "borderColor", "rest"]
|
|
8051
7999
|
},
|
|
8052
8000
|
"button-danger-borderColor-hover": {
|
|
8053
|
-
"value": "#
|
|
8001
|
+
"value": "#013d14",
|
|
8054
8002
|
"$type": "color",
|
|
8055
8003
|
"$extensions": {
|
|
8056
8004
|
"org.primer.figma": {
|
|
@@ -8060,11 +8008,10 @@
|
|
|
8060
8008
|
"scopes": ["borderColor"]
|
|
8061
8009
|
}
|
|
8062
8010
|
},
|
|
8063
|
-
"alpha": 0.15,
|
|
8064
8011
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8065
8012
|
"isSource": true,
|
|
8066
8013
|
"original": {
|
|
8067
|
-
"value": "{
|
|
8014
|
+
"value": "{button.primary.borderColor.rest}",
|
|
8068
8015
|
"$type": "color",
|
|
8069
8016
|
"$extensions": {
|
|
8070
8017
|
"org.primer.figma": {
|
|
@@ -8073,15 +8020,14 @@
|
|
|
8073
8020
|
"group": "component (internal)",
|
|
8074
8021
|
"scopes": ["borderColor"]
|
|
8075
8022
|
}
|
|
8076
|
-
}
|
|
8077
|
-
"alpha": 0.15
|
|
8023
|
+
}
|
|
8078
8024
|
},
|
|
8079
8025
|
"name": "button-danger-borderColor-hover",
|
|
8080
8026
|
"attributes": {},
|
|
8081
8027
|
"path": ["button", "danger", "borderColor", "hover"]
|
|
8082
8028
|
},
|
|
8083
8029
|
"button-danger-borderColor-active": {
|
|
8084
|
-
"value": "#
|
|
8030
|
+
"value": "#013d14",
|
|
8085
8031
|
"$type": "color",
|
|
8086
8032
|
"$extensions": {
|
|
8087
8033
|
"org.primer.figma": {
|
|
@@ -8147,7 +8093,7 @@
|
|
|
8147
8093
|
"path": ["button", "danger", "shadow", "selected"]
|
|
8148
8094
|
},
|
|
8149
8095
|
"button-inactive-fgColor": {
|
|
8150
|
-
"value": "#
|
|
8096
|
+
"value": "#454c54",
|
|
8151
8097
|
"$type": "color",
|
|
8152
8098
|
"$extensions": {
|
|
8153
8099
|
"org.primer.figma": {
|
|
@@ -8157,10 +8103,10 @@
|
|
|
8157
8103
|
"scopes": ["fgColor"]
|
|
8158
8104
|
}
|
|
8159
8105
|
},
|
|
8160
|
-
"filePath": "src/tokens/functional/color/light/
|
|
8106
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
8161
8107
|
"isSource": true,
|
|
8162
8108
|
"original": {
|
|
8163
|
-
"value": "{base.color.neutral.
|
|
8109
|
+
"value": "{base.color.neutral.9}",
|
|
8164
8110
|
"$type": "color",
|
|
8165
8111
|
"$extensions": {
|
|
8166
8112
|
"org.primer.figma": {
|
|
@@ -8176,7 +8122,7 @@
|
|
|
8176
8122
|
"path": ["button", "inactive", "fgColor"]
|
|
8177
8123
|
},
|
|
8178
8124
|
"button-inactive-bgColor": {
|
|
8179
|
-
"value": "#
|
|
8125
|
+
"value": "#e0e6eb",
|
|
8180
8126
|
"$type": "color",
|
|
8181
8127
|
"$extensions": {
|
|
8182
8128
|
"org.primer.figma": {
|
|
@@ -8186,10 +8132,10 @@
|
|
|
8186
8132
|
"scopes": ["bgColor"]
|
|
8187
8133
|
}
|
|
8188
8134
|
},
|
|
8189
|
-
"filePath": "src/tokens/functional/color/light/
|
|
8135
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
8190
8136
|
"isSource": true,
|
|
8191
8137
|
"original": {
|
|
8192
|
-
"value": "{
|
|
8138
|
+
"value": "{control.bgColor.rest}",
|
|
8193
8139
|
"$type": "color",
|
|
8194
8140
|
"$extensions": {
|
|
8195
8141
|
"org.primer.figma": {
|
|
@@ -8234,7 +8180,7 @@
|
|
|
8234
8180
|
"path": ["button", "star", "iconColor"]
|
|
8235
8181
|
},
|
|
8236
8182
|
"buttonCounter-default-bgColor-rest": {
|
|
8237
|
-
"value": "#
|
|
8183
|
+
"value": "#c8d1da",
|
|
8238
8184
|
"$type": "color",
|
|
8239
8185
|
"$extensions": {
|
|
8240
8186
|
"org.primer.figma": {
|
|
@@ -8246,9 +8192,8 @@
|
|
|
8246
8192
|
},
|
|
8247
8193
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
8248
8194
|
"isSource": true,
|
|
8249
|
-
"alpha": 0.2,
|
|
8250
8195
|
"original": {
|
|
8251
|
-
"value": "{
|
|
8196
|
+
"value": "{base.color.neutral.6}",
|
|
8252
8197
|
"$type": "color",
|
|
8253
8198
|
"$extensions": {
|
|
8254
8199
|
"org.primer.figma": {
|
|
@@ -8257,15 +8202,14 @@
|
|
|
8257
8202
|
"group": "component (internal)",
|
|
8258
8203
|
"scopes": ["bgColor"]
|
|
8259
8204
|
}
|
|
8260
|
-
}
|
|
8261
|
-
"alpha": 0.2
|
|
8205
|
+
}
|
|
8262
8206
|
},
|
|
8263
8207
|
"name": "buttonCounter-default-bgColor-rest",
|
|
8264
8208
|
"attributes": {},
|
|
8265
8209
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8266
8210
|
},
|
|
8267
8211
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8268
|
-
"value": "#
|
|
8212
|
+
"value": "#e0e6ebb3",
|
|
8269
8213
|
"$type": "color",
|
|
8270
8214
|
"$extensions": {
|
|
8271
8215
|
"org.primer.figma": {
|
|
@@ -8275,11 +8219,10 @@
|
|
|
8275
8219
|
"scopes": ["bgColor"]
|
|
8276
8220
|
}
|
|
8277
8221
|
},
|
|
8278
|
-
"filePath": "src/tokens/functional/color/light/
|
|
8222
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8279
8223
|
"isSource": true,
|
|
8280
|
-
"alpha": 0.2,
|
|
8281
8224
|
"original": {
|
|
8282
|
-
"value": "{bgColor.neutral.
|
|
8225
|
+
"value": "{bgColor.neutral.muted}",
|
|
8283
8226
|
"$type": "color",
|
|
8284
8227
|
"$extensions": {
|
|
8285
8228
|
"org.primer.figma": {
|
|
@@ -8288,8 +8231,7 @@
|
|
|
8288
8231
|
"group": "component (internal)",
|
|
8289
8232
|
"scopes": ["bgColor"]
|
|
8290
8233
|
}
|
|
8291
|
-
}
|
|
8292
|
-
"alpha": 0.2
|
|
8234
|
+
}
|
|
8293
8235
|
},
|
|
8294
8236
|
"name": "buttonCounter-invisible-bgColor-rest",
|
|
8295
8237
|
"attributes": {},
|
|
@@ -8927,7 +8869,7 @@
|
|
|
8927
8869
|
"path": ["overlay", "bgColor"]
|
|
8928
8870
|
},
|
|
8929
8871
|
"overlay-borderColor": {
|
|
8930
|
-
"value": "#
|
|
8872
|
+
"value": "#454c54",
|
|
8931
8873
|
"$type": "color",
|
|
8932
8874
|
"$extensions": {
|
|
8933
8875
|
"org.primer.figma": {
|
|
@@ -8940,7 +8882,7 @@
|
|
|
8940
8882
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
8941
8883
|
"isSource": true,
|
|
8942
8884
|
"original": {
|
|
8943
|
-
"value": "{borderColor.
|
|
8885
|
+
"value": "{borderColor.default}",
|
|
8944
8886
|
"$type": "color",
|
|
8945
8887
|
"$extensions": {
|
|
8946
8888
|
"org.primer.figma": {
|
|
@@ -8956,7 +8898,7 @@
|
|
|
8956
8898
|
"path": ["overlay", "borderColor"]
|
|
8957
8899
|
},
|
|
8958
8900
|
"overlay-backdrop-bgColor": {
|
|
8959
|
-
"value": "#
|
|
8901
|
+
"value": "#393f4666",
|
|
8960
8902
|
"$type": "color",
|
|
8961
8903
|
"$extensions": {
|
|
8962
8904
|
"org.primer.figma": {
|
|
@@ -8966,11 +8908,11 @@
|
|
|
8966
8908
|
"scopes": ["bgColor"]
|
|
8967
8909
|
}
|
|
8968
8910
|
},
|
|
8969
|
-
"alpha": 0.
|
|
8970
|
-
"filePath": "src/tokens/functional/color/light/
|
|
8911
|
+
"alpha": 0.4,
|
|
8912
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
8971
8913
|
"isSource": true,
|
|
8972
8914
|
"original": {
|
|
8973
|
-
"value": "{base.color.neutral.
|
|
8915
|
+
"value": "{base.color.neutral.10}",
|
|
8974
8916
|
"$type": "color",
|
|
8975
8917
|
"$extensions": {
|
|
8976
8918
|
"org.primer.figma": {
|
|
@@ -8980,7 +8922,7 @@
|
|
|
8980
8922
|
"scopes": ["bgColor"]
|
|
8981
8923
|
}
|
|
8982
8924
|
},
|
|
8983
|
-
"alpha": 0.
|
|
8925
|
+
"alpha": 0.4
|
|
8984
8926
|
},
|
|
8985
8927
|
"name": "overlay-backdrop-bgColor",
|
|
8986
8928
|
"attributes": {},
|
|
@@ -9074,7 +9016,7 @@
|
|
|
9074
9016
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9075
9017
|
},
|
|
9076
9018
|
"skeletonLoader-bgColor": {
|
|
9077
|
-
"value": "#
|
|
9019
|
+
"value": "#e6eaef",
|
|
9078
9020
|
"$type": "color",
|
|
9079
9021
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9080
9022
|
"isSource": true,
|
|
@@ -9087,7 +9029,7 @@
|
|
|
9087
9029
|
"path": ["skeletonLoader", "bgColor"]
|
|
9088
9030
|
},
|
|
9089
9031
|
"timelineBadge-bgColor": {
|
|
9090
|
-
"value": "#
|
|
9032
|
+
"value": "#e6eaef",
|
|
9091
9033
|
"$type": "color",
|
|
9092
9034
|
"$extensions": {
|
|
9093
9035
|
"org.primer.figma": {
|
|
@@ -9100,7 +9042,7 @@
|
|
|
9100
9042
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9101
9043
|
"isSource": true,
|
|
9102
9044
|
"original": {
|
|
9103
|
-
"value": "{
|
|
9045
|
+
"value": "{bgColor.muted}",
|
|
9104
9046
|
"$type": "color",
|
|
9105
9047
|
"$extensions": {
|
|
9106
9048
|
"org.primer.figma": {
|
|
@@ -9174,7 +9116,7 @@
|
|
|
9174
9116
|
"path": ["underlineNav", "borderColor", "active"]
|
|
9175
9117
|
},
|
|
9176
9118
|
"underlineNav-borderColor-hover": {
|
|
9177
|
-
"value": "#
|
|
9119
|
+
"value": "#454c54",
|
|
9178
9120
|
"$type": "color",
|
|
9179
9121
|
"$extensions": {
|
|
9180
9122
|
"org.primer.figma": {
|
|
@@ -9187,7 +9129,7 @@
|
|
|
9187
9129
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9188
9130
|
"isSource": true,
|
|
9189
9131
|
"original": {
|
|
9190
|
-
"value": "{borderColor.
|
|
9132
|
+
"value": "{borderColor.muted}",
|
|
9191
9133
|
"$type": "color",
|
|
9192
9134
|
"$extensions": {
|
|
9193
9135
|
"org.primer.figma": {
|
|
@@ -9203,7 +9145,7 @@
|
|
|
9203
9145
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
9204
9146
|
},
|
|
9205
9147
|
"underlineNav-iconColor-rest": {
|
|
9206
|
-
"value": "#
|
|
9148
|
+
"value": "#454c54",
|
|
9207
9149
|
"$type": "color",
|
|
9208
9150
|
"$extensions": {
|
|
9209
9151
|
"org.primer.figma": {
|
|
@@ -12598,7 +12540,7 @@
|
|
|
12598
12540
|
"path": ["label", "coral", "fgColor", "active"]
|
|
12599
12541
|
},
|
|
12600
12542
|
"tooltip-bgColor": {
|
|
12601
|
-
"value": "#
|
|
12543
|
+
"value": "#25292e",
|
|
12602
12544
|
"$type": "color",
|
|
12603
12545
|
"$extensions": {
|
|
12604
12546
|
"org.primer.figma": {
|
|
@@ -12691,7 +12633,7 @@
|
|
|
12691
12633
|
"path": ["fgColor", "default"]
|
|
12692
12634
|
},
|
|
12693
12635
|
"fgColor-muted": {
|
|
12694
|
-
"value": "#
|
|
12636
|
+
"value": "#454c54",
|
|
12695
12637
|
"$type": "color",
|
|
12696
12638
|
"$extensions": {
|
|
12697
12639
|
"org.primer.figma": {
|
|
@@ -12704,7 +12646,6 @@
|
|
|
12704
12646
|
}
|
|
12705
12647
|
}
|
|
12706
12648
|
},
|
|
12707
|
-
"mix": null,
|
|
12708
12649
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
12709
12650
|
"isSource": true,
|
|
12710
12651
|
"original": {
|
|
@@ -12720,8 +12661,7 @@
|
|
|
12720
12661
|
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12721
12662
|
}
|
|
12722
12663
|
}
|
|
12723
|
-
}
|
|
12724
|
-
"mix": null
|
|
12664
|
+
}
|
|
12725
12665
|
},
|
|
12726
12666
|
"name": "fgColor-muted",
|
|
12727
12667
|
"attributes": {},
|
|
@@ -12850,7 +12790,7 @@
|
|
|
12850
12790
|
"path": ["fgColor", "black"]
|
|
12851
12791
|
},
|
|
12852
12792
|
"fgColor-disabled": {
|
|
12853
|
-
"value": "#
|
|
12793
|
+
"value": "#59636e",
|
|
12854
12794
|
"$type": "color",
|
|
12855
12795
|
"$extensions": {
|
|
12856
12796
|
"org.primer.figma": {
|
|
@@ -12863,7 +12803,7 @@
|
|
|
12863
12803
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
12864
12804
|
"isSource": true,
|
|
12865
12805
|
"original": {
|
|
12866
|
-
"value": "{base.color.neutral.
|
|
12806
|
+
"value": "{base.color.neutral.8}",
|
|
12867
12807
|
"$type": "color",
|
|
12868
12808
|
"$extensions": {
|
|
12869
12809
|
"org.primer.figma": {
|
|
@@ -12914,7 +12854,7 @@
|
|
|
12914
12854
|
"path": ["fgColor", "link"]
|
|
12915
12855
|
},
|
|
12916
12856
|
"fgColor-neutral": {
|
|
12917
|
-
"value": "#
|
|
12857
|
+
"value": "#454c54",
|
|
12918
12858
|
"$type": "color",
|
|
12919
12859
|
"$extensions": {
|
|
12920
12860
|
"org.primer.figma": {
|
|
@@ -12927,7 +12867,7 @@
|
|
|
12927
12867
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
12928
12868
|
"isSource": true,
|
|
12929
12869
|
"original": {
|
|
12930
|
-
"value": "{base.color.neutral.
|
|
12870
|
+
"value": "{base.color.neutral.9}",
|
|
12931
12871
|
"$type": "color",
|
|
12932
12872
|
"$extensions": {
|
|
12933
12873
|
"org.primer.figma": {
|
|
@@ -13336,7 +13276,7 @@
|
|
|
13336
13276
|
"path": ["bgColor", "default"]
|
|
13337
13277
|
},
|
|
13338
13278
|
"bgColor-muted": {
|
|
13339
|
-
"value": "#
|
|
13279
|
+
"value": "#e6eaef",
|
|
13340
13280
|
"$type": "color",
|
|
13341
13281
|
"$extensions": {
|
|
13342
13282
|
"org.primer.figma": {
|
|
@@ -13352,7 +13292,7 @@
|
|
|
13352
13292
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13353
13293
|
"isSource": true,
|
|
13354
13294
|
"original": {
|
|
13355
|
-
"value": "{base.color.neutral.
|
|
13295
|
+
"value": "{base.color.neutral.2}",
|
|
13356
13296
|
"$type": "color",
|
|
13357
13297
|
"$extensions": {
|
|
13358
13298
|
"org.primer.figma": {
|
|
@@ -13371,7 +13311,7 @@
|
|
|
13371
13311
|
"path": ["bgColor", "muted"]
|
|
13372
13312
|
},
|
|
13373
13313
|
"bgColor-inset": {
|
|
13374
|
-
"value": "#
|
|
13314
|
+
"value": "#eff2f5",
|
|
13375
13315
|
"$type": "color",
|
|
13376
13316
|
"$extensions": {
|
|
13377
13317
|
"org.primer.figma": {
|
|
@@ -13387,7 +13327,7 @@
|
|
|
13387
13327
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13388
13328
|
"isSource": true,
|
|
13389
13329
|
"original": {
|
|
13390
|
-
"value": "{base.color.
|
|
13330
|
+
"value": "{base.color.neutral.1}",
|
|
13391
13331
|
"$type": "color",
|
|
13392
13332
|
"$extensions": {
|
|
13393
13333
|
"org.primer.figma": {
|
|
@@ -13406,7 +13346,7 @@
|
|
|
13406
13346
|
"path": ["bgColor", "inset"]
|
|
13407
13347
|
},
|
|
13408
13348
|
"bgColor-emphasis": {
|
|
13409
|
-
"value": "#
|
|
13349
|
+
"value": "#25292e",
|
|
13410
13350
|
"$type": "color",
|
|
13411
13351
|
"$extensions": {
|
|
13412
13352
|
"org.primer.figma": {
|
|
@@ -13422,7 +13362,7 @@
|
|
|
13422
13362
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13423
13363
|
"isSource": true,
|
|
13424
13364
|
"original": {
|
|
13425
|
-
"value": "{base.color.neutral.
|
|
13365
|
+
"value": "{base.color.neutral.11}",
|
|
13426
13366
|
"$type": "color",
|
|
13427
13367
|
"$extensions": {
|
|
13428
13368
|
"org.primer.figma": {
|
|
@@ -13441,7 +13381,7 @@
|
|
|
13441
13381
|
"path": ["bgColor", "emphasis"]
|
|
13442
13382
|
},
|
|
13443
13383
|
"bgColor-inverse": {
|
|
13444
|
-
"value": "#
|
|
13384
|
+
"value": "#25292e",
|
|
13445
13385
|
"$type": "color",
|
|
13446
13386
|
"$extensions": {
|
|
13447
13387
|
"org.primer.figma": {
|
|
@@ -13454,7 +13394,7 @@
|
|
|
13454
13394
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13455
13395
|
"isSource": true,
|
|
13456
13396
|
"original": {
|
|
13457
|
-
"value": "{base.color.neutral.
|
|
13397
|
+
"value": "{base.color.neutral.11}",
|
|
13458
13398
|
"$type": "color",
|
|
13459
13399
|
"$extensions": {
|
|
13460
13400
|
"org.primer.figma": {
|
|
@@ -13528,7 +13468,7 @@
|
|
|
13528
13468
|
"path": ["bgColor", "black"]
|
|
13529
13469
|
},
|
|
13530
13470
|
"bgColor-disabled": {
|
|
13531
|
-
"value": "#
|
|
13471
|
+
"value": "#e0e6eb",
|
|
13532
13472
|
"$type": "color",
|
|
13533
13473
|
"$extensions": {
|
|
13534
13474
|
"org.primer.figma": {
|
|
@@ -13538,11 +13478,10 @@
|
|
|
13538
13478
|
"scopes": ["bgColor"]
|
|
13539
13479
|
}
|
|
13540
13480
|
},
|
|
13541
|
-
"alpha": 0.7,
|
|
13542
13481
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13543
13482
|
"isSource": true,
|
|
13544
13483
|
"original": {
|
|
13545
|
-
"value": "{base.color.neutral.
|
|
13484
|
+
"value": "{base.color.neutral.3}",
|
|
13546
13485
|
"$type": "color",
|
|
13547
13486
|
"$extensions": {
|
|
13548
13487
|
"org.primer.figma": {
|
|
@@ -13551,8 +13490,7 @@
|
|
|
13551
13490
|
"group": "semantic",
|
|
13552
13491
|
"scopes": ["bgColor"]
|
|
13553
13492
|
}
|
|
13554
|
-
}
|
|
13555
|
-
"alpha": 0.7
|
|
13493
|
+
}
|
|
13556
13494
|
},
|
|
13557
13495
|
"name": "bgColor-disabled",
|
|
13558
13496
|
"attributes": {},
|
|
@@ -13594,7 +13532,7 @@
|
|
|
13594
13532
|
"path": ["bgColor", "transparent"]
|
|
13595
13533
|
},
|
|
13596
13534
|
"bgColor-neutral-muted": {
|
|
13597
|
-
"value": "#
|
|
13535
|
+
"value": "#e0e6ebb3",
|
|
13598
13536
|
"$type": "color",
|
|
13599
13537
|
"$extensions": {
|
|
13600
13538
|
"org.primer.figma": {
|
|
@@ -13604,11 +13542,11 @@
|
|
|
13604
13542
|
"scopes": ["bgColor"]
|
|
13605
13543
|
}
|
|
13606
13544
|
},
|
|
13607
|
-
"alpha":
|
|
13608
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13545
|
+
"alpha": 0.7,
|
|
13546
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13609
13547
|
"isSource": true,
|
|
13610
13548
|
"original": {
|
|
13611
|
-
"value": "{base.color.neutral.
|
|
13549
|
+
"value": "{base.color.neutral.3}",
|
|
13612
13550
|
"$type": "color",
|
|
13613
13551
|
"$extensions": {
|
|
13614
13552
|
"org.primer.figma": {
|
|
@@ -13618,14 +13556,14 @@
|
|
|
13618
13556
|
"scopes": ["bgColor"]
|
|
13619
13557
|
}
|
|
13620
13558
|
},
|
|
13621
|
-
"alpha":
|
|
13559
|
+
"alpha": 0.7
|
|
13622
13560
|
},
|
|
13623
13561
|
"name": "bgColor-neutral-muted",
|
|
13624
13562
|
"attributes": {},
|
|
13625
13563
|
"path": ["bgColor", "neutral", "muted"]
|
|
13626
13564
|
},
|
|
13627
13565
|
"bgColor-neutral-emphasis": {
|
|
13628
|
-
"value": "#
|
|
13566
|
+
"value": "#454c54",
|
|
13629
13567
|
"$type": "color",
|
|
13630
13568
|
"$extensions": {
|
|
13631
13569
|
"org.primer.figma": {
|
|
@@ -13637,9 +13575,8 @@
|
|
|
13637
13575
|
},
|
|
13638
13576
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13639
13577
|
"isSource": true,
|
|
13640
|
-
"alpha": 1,
|
|
13641
13578
|
"original": {
|
|
13642
|
-
"value": "{base.color.neutral.
|
|
13579
|
+
"value": "{base.color.neutral.9}",
|
|
13643
13580
|
"$type": "color",
|
|
13644
13581
|
"$extensions": {
|
|
13645
13582
|
"org.primer.figma": {
|
|
@@ -13648,8 +13585,7 @@
|
|
|
13648
13585
|
"group": "semantic",
|
|
13649
13586
|
"scopes": ["bgColor"]
|
|
13650
13587
|
}
|
|
13651
|
-
}
|
|
13652
|
-
"alpha": 1
|
|
13588
|
+
}
|
|
13653
13589
|
},
|
|
13654
13590
|
"name": "bgColor-neutral-emphasis",
|
|
13655
13591
|
"attributes": {},
|
|
@@ -14358,7 +14294,7 @@
|
|
|
14358
14294
|
"path": ["bgColor", "sponsors", "emphasis"]
|
|
14359
14295
|
},
|
|
14360
14296
|
"borderColor-default": {
|
|
14361
|
-
"value": "#
|
|
14297
|
+
"value": "#454c54",
|
|
14362
14298
|
"$type": "color",
|
|
14363
14299
|
"$extensions": {
|
|
14364
14300
|
"org.primer.figma": {
|
|
@@ -14374,7 +14310,7 @@
|
|
|
14374
14310
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14375
14311
|
"isSource": true,
|
|
14376
14312
|
"original": {
|
|
14377
|
-
"value": "{base.color.neutral.
|
|
14313
|
+
"value": "{base.color.neutral.9}",
|
|
14378
14314
|
"$type": "color",
|
|
14379
14315
|
"$extensions": {
|
|
14380
14316
|
"org.primer.figma": {
|
|
@@ -14393,7 +14329,7 @@
|
|
|
14393
14329
|
"path": ["borderColor", "default"]
|
|
14394
14330
|
},
|
|
14395
14331
|
"borderColor-muted": {
|
|
14396
|
-
"value": "#
|
|
14332
|
+
"value": "#454c54",
|
|
14397
14333
|
"$type": "color",
|
|
14398
14334
|
"$extensions": {
|
|
14399
14335
|
"org.primer.figma": {
|
|
@@ -14410,7 +14346,7 @@
|
|
|
14410
14346
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14411
14347
|
"isSource": true,
|
|
14412
14348
|
"original": {
|
|
14413
|
-
"value": "{
|
|
14349
|
+
"value": "{borderColor.default}",
|
|
14414
14350
|
"$type": "color",
|
|
14415
14351
|
"$extensions": {
|
|
14416
14352
|
"org.primer.figma": {
|
|
@@ -14430,7 +14366,7 @@
|
|
|
14430
14366
|
"path": ["borderColor", "muted"]
|
|
14431
14367
|
},
|
|
14432
14368
|
"borderColor-emphasis": {
|
|
14433
|
-
"value": "#
|
|
14369
|
+
"value": "#454c54",
|
|
14434
14370
|
"$type": "color",
|
|
14435
14371
|
"$extensions": {
|
|
14436
14372
|
"org.primer.figma": {
|
|
@@ -14440,10 +14376,10 @@
|
|
|
14440
14376
|
"scopes": ["borderColor"]
|
|
14441
14377
|
}
|
|
14442
14378
|
},
|
|
14443
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14379
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14444
14380
|
"isSource": true,
|
|
14445
14381
|
"original": {
|
|
14446
|
-
"value": "{
|
|
14382
|
+
"value": "{borderColor.default}",
|
|
14447
14383
|
"$type": "color",
|
|
14448
14384
|
"$extensions": {
|
|
14449
14385
|
"org.primer.figma": {
|
|
@@ -14459,7 +14395,7 @@
|
|
|
14459
14395
|
"path": ["borderColor", "emphasis"]
|
|
14460
14396
|
},
|
|
14461
14397
|
"borderColor-disabled": {
|
|
14462
|
-
"value": "#
|
|
14398
|
+
"value": "#e0e6eb",
|
|
14463
14399
|
"$type": "color",
|
|
14464
14400
|
"$extensions": {
|
|
14465
14401
|
"org.primer.figma": {
|
|
@@ -14517,7 +14453,7 @@
|
|
|
14517
14453
|
"path": ["borderColor", "transparent"]
|
|
14518
14454
|
},
|
|
14519
14455
|
"borderColor-translucent": {
|
|
14520
|
-
"value": "#
|
|
14456
|
+
"value": "#59636e",
|
|
14521
14457
|
"$type": "color",
|
|
14522
14458
|
"$extensions": {
|
|
14523
14459
|
"org.primer.figma": {
|
|
@@ -14548,7 +14484,7 @@
|
|
|
14548
14484
|
"path": ["borderColor", "translucent"]
|
|
14549
14485
|
},
|
|
14550
14486
|
"borderColor-neutral-muted": {
|
|
14551
|
-
"value": "#
|
|
14487
|
+
"value": "#454c54",
|
|
14552
14488
|
"$type": "color",
|
|
14553
14489
|
"$extensions": {
|
|
14554
14490
|
"org.primer.figma": {
|
|
@@ -14558,11 +14494,10 @@
|
|
|
14558
14494
|
"scopes": ["borderColor"]
|
|
14559
14495
|
}
|
|
14560
14496
|
},
|
|
14561
|
-
"
|
|
14562
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14497
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14563
14498
|
"isSource": true,
|
|
14564
14499
|
"original": {
|
|
14565
|
-
"value": "{
|
|
14500
|
+
"value": "{borderColor.muted}",
|
|
14566
14501
|
"$type": "color",
|
|
14567
14502
|
"$extensions": {
|
|
14568
14503
|
"org.primer.figma": {
|
|
@@ -14571,15 +14506,14 @@
|
|
|
14571
14506
|
"group": "semantic",
|
|
14572
14507
|
"scopes": ["borderColor"]
|
|
14573
14508
|
}
|
|
14574
|
-
}
|
|
14575
|
-
"alpha": 1
|
|
14509
|
+
}
|
|
14576
14510
|
},
|
|
14577
14511
|
"name": "borderColor-neutral-muted",
|
|
14578
14512
|
"attributes": {},
|
|
14579
14513
|
"path": ["borderColor", "neutral", "muted"]
|
|
14580
14514
|
},
|
|
14581
14515
|
"borderColor-neutral-emphasis": {
|
|
14582
|
-
"value": "#
|
|
14516
|
+
"value": "#454c54",
|
|
14583
14517
|
"$type": "color",
|
|
14584
14518
|
"$extensions": {
|
|
14585
14519
|
"org.primer.figma": {
|
|
@@ -14592,7 +14526,7 @@
|
|
|
14592
14526
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14593
14527
|
"isSource": true,
|
|
14594
14528
|
"original": {
|
|
14595
|
-
"value": "{
|
|
14529
|
+
"value": "{borderColor.emphasis}",
|
|
14596
14530
|
"$type": "color",
|
|
14597
14531
|
"$extensions": {
|
|
14598
14532
|
"org.primer.figma": {
|
|
@@ -15328,7 +15262,7 @@
|
|
|
15328
15262
|
"path": ["borderColor", "sponsors", "emphasis"]
|
|
15329
15263
|
},
|
|
15330
15264
|
"color-ansi-black": {
|
|
15331
|
-
"value": "#
|
|
15265
|
+
"value": "#010409",
|
|
15332
15266
|
"$type": "color",
|
|
15333
15267
|
"$extensions": {
|
|
15334
15268
|
"org.primer.figma": {
|
|
@@ -15340,7 +15274,7 @@
|
|
|
15340
15274
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15341
15275
|
"isSource": true,
|
|
15342
15276
|
"original": {
|
|
15343
|
-
"value": "{base.color.
|
|
15277
|
+
"value": "{base.color.black}",
|
|
15344
15278
|
"$type": "color",
|
|
15345
15279
|
"$extensions": {
|
|
15346
15280
|
"org.primer.figma": {
|
|
@@ -15355,7 +15289,7 @@
|
|
|
15355
15289
|
"path": ["color", "ansi", "black"]
|
|
15356
15290
|
},
|
|
15357
15291
|
"color-ansi-black-bright": {
|
|
15358
|
-
"value": "#
|
|
15292
|
+
"value": "#393f46",
|
|
15359
15293
|
"$type": "color",
|
|
15360
15294
|
"$extensions": {
|
|
15361
15295
|
"org.primer.figma": {
|
|
@@ -15367,7 +15301,7 @@
|
|
|
15367
15301
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15368
15302
|
"isSource": true,
|
|
15369
15303
|
"original": {
|
|
15370
|
-
"value": "{base.color.neutral.
|
|
15304
|
+
"value": "{base.color.neutral.10}",
|
|
15371
15305
|
"$type": "color",
|
|
15372
15306
|
"$extensions": {
|
|
15373
15307
|
"org.primer.figma": {
|
|
@@ -15382,7 +15316,7 @@
|
|
|
15382
15316
|
"path": ["color", "ansi", "black-bright"]
|
|
15383
15317
|
},
|
|
15384
15318
|
"color-ansi-white": {
|
|
15385
|
-
"value": "#
|
|
15319
|
+
"value": "#59636e",
|
|
15386
15320
|
"$type": "color",
|
|
15387
15321
|
"$extensions": {
|
|
15388
15322
|
"org.primer.figma": {
|
|
@@ -15394,7 +15328,7 @@
|
|
|
15394
15328
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15395
15329
|
"isSource": true,
|
|
15396
15330
|
"original": {
|
|
15397
|
-
"value": "{base.color.neutral.
|
|
15331
|
+
"value": "{base.color.neutral.8}",
|
|
15398
15332
|
"$type": "color",
|
|
15399
15333
|
"$extensions": {
|
|
15400
15334
|
"org.primer.figma": {
|
|
@@ -15409,7 +15343,7 @@
|
|
|
15409
15343
|
"path": ["color", "ansi", "white"]
|
|
15410
15344
|
},
|
|
15411
15345
|
"color-ansi-white-bright": {
|
|
15412
|
-
"value": "#
|
|
15346
|
+
"value": "#818b98",
|
|
15413
15347
|
"$type": "color",
|
|
15414
15348
|
"$extensions": {
|
|
15415
15349
|
"org.primer.figma": {
|
|
@@ -15421,7 +15355,7 @@
|
|
|
15421
15355
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15422
15356
|
"isSource": true,
|
|
15423
15357
|
"original": {
|
|
15424
|
-
"value": "{base.color.neutral.
|
|
15358
|
+
"value": "{base.color.neutral.7}",
|
|
15425
15359
|
"$type": "color",
|
|
15426
15360
|
"$extensions": {
|
|
15427
15361
|
"org.primer.figma": {
|
|
@@ -15436,7 +15370,7 @@
|
|
|
15436
15370
|
"path": ["color", "ansi", "white-bright"]
|
|
15437
15371
|
},
|
|
15438
15372
|
"color-ansi-gray": {
|
|
15439
|
-
"value": "#
|
|
15373
|
+
"value": "#59636e",
|
|
15440
15374
|
"$type": "color",
|
|
15441
15375
|
"$extensions": {
|
|
15442
15376
|
"org.primer.figma": {
|
|
@@ -15448,7 +15382,7 @@
|
|
|
15448
15382
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15449
15383
|
"isSource": true,
|
|
15450
15384
|
"original": {
|
|
15451
|
-
"value": "{base.color.neutral.
|
|
15385
|
+
"value": "{base.color.neutral.8}",
|
|
15452
15386
|
"$type": "color",
|
|
15453
15387
|
"$extensions": {
|
|
15454
15388
|
"org.primer.figma": {
|
|
@@ -15787,7 +15721,7 @@
|
|
|
15787
15721
|
"path": ["color", "ansi", "cyan-bright"]
|
|
15788
15722
|
},
|
|
15789
15723
|
"color-prettylights-syntax-comment": {
|
|
15790
|
-
"value": "#
|
|
15724
|
+
"value": "#59636e",
|
|
15791
15725
|
"$type": "color",
|
|
15792
15726
|
"$extensions": {
|
|
15793
15727
|
"org.primer.figma": {
|
|
@@ -15799,7 +15733,7 @@
|
|
|
15799
15733
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15800
15734
|
"isSource": true,
|
|
15801
15735
|
"original": {
|
|
15802
|
-
"value": "{base.color.neutral.
|
|
15736
|
+
"value": "{base.color.neutral.8}",
|
|
15803
15737
|
"$type": "color",
|
|
15804
15738
|
"$extensions": {
|
|
15805
15739
|
"org.primer.figma": {
|
|
@@ -15895,7 +15829,7 @@
|
|
|
15895
15829
|
"path": ["color", "prettylights", "syntax", "entity"]
|
|
15896
15830
|
},
|
|
15897
15831
|
"color-prettylights-syntax-storage-modifier-import": {
|
|
15898
|
-
"value": "#
|
|
15832
|
+
"value": "#010409",
|
|
15899
15833
|
"$type": "color",
|
|
15900
15834
|
"$extensions": {
|
|
15901
15835
|
"org.primer.figma": {
|
|
@@ -15907,7 +15841,7 @@
|
|
|
15907
15841
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15908
15842
|
"isSource": true,
|
|
15909
15843
|
"original": {
|
|
15910
|
-
"value": "{base.color.
|
|
15844
|
+
"value": "{base.color.black}",
|
|
15911
15845
|
"$type": "color",
|
|
15912
15846
|
"$extensions": {
|
|
15913
15847
|
"org.primer.figma": {
|
|
@@ -16057,7 +15991,7 @@
|
|
|
16057
15991
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
|
|
16058
15992
|
},
|
|
16059
15993
|
"color-prettylights-syntax-brackethighlighter-angle": {
|
|
16060
|
-
"value": "#
|
|
15994
|
+
"value": "#59636e",
|
|
16061
15995
|
"$type": "color",
|
|
16062
15996
|
"$extensions": {
|
|
16063
15997
|
"org.primer.figma": {
|
|
@@ -16069,7 +16003,7 @@
|
|
|
16069
16003
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16070
16004
|
"isSource": true,
|
|
16071
16005
|
"original": {
|
|
16072
|
-
"value": "{base.color.neutral.
|
|
16006
|
+
"value": "{base.color.neutral.8}",
|
|
16073
16007
|
"$type": "color",
|
|
16074
16008
|
"$extensions": {
|
|
16075
16009
|
"org.primer.figma": {
|
|
@@ -16084,7 +16018,7 @@
|
|
|
16084
16018
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"]
|
|
16085
16019
|
},
|
|
16086
16020
|
"color-prettylights-syntax-invalid-illegal-text": {
|
|
16087
|
-
"value": "#
|
|
16021
|
+
"value": "#f6f8fa",
|
|
16088
16022
|
"$type": "color",
|
|
16089
16023
|
"$extensions": {
|
|
16090
16024
|
"org.primer.figma": {
|
|
@@ -16138,7 +16072,7 @@
|
|
|
16138
16072
|
"path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"]
|
|
16139
16073
|
},
|
|
16140
16074
|
"color-prettylights-syntax-carriage-return-text": {
|
|
16141
|
-
"value": "#
|
|
16075
|
+
"value": "#f6f8fa",
|
|
16142
16076
|
"$type": "color",
|
|
16143
16077
|
"$extensions": {
|
|
16144
16078
|
"org.primer.figma": {
|
|
@@ -16273,7 +16207,7 @@
|
|
|
16273
16207
|
"path": ["color", "prettylights", "syntax", "markup", "heading"]
|
|
16274
16208
|
},
|
|
16275
16209
|
"color-prettylights-syntax-markup-italic": {
|
|
16276
|
-
"value": "#
|
|
16210
|
+
"value": "#010409",
|
|
16277
16211
|
"$type": "color",
|
|
16278
16212
|
"$extensions": {
|
|
16279
16213
|
"org.primer.figma": {
|
|
@@ -16285,7 +16219,7 @@
|
|
|
16285
16219
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16286
16220
|
"isSource": true,
|
|
16287
16221
|
"original": {
|
|
16288
|
-
"value": "{base.color.
|
|
16222
|
+
"value": "{base.color.black}",
|
|
16289
16223
|
"$type": "color",
|
|
16290
16224
|
"$extensions": {
|
|
16291
16225
|
"org.primer.figma": {
|
|
@@ -16300,7 +16234,7 @@
|
|
|
16300
16234
|
"path": ["color", "prettylights", "syntax", "markup", "italic"]
|
|
16301
16235
|
},
|
|
16302
16236
|
"color-prettylights-syntax-markup-bold": {
|
|
16303
|
-
"value": "#
|
|
16237
|
+
"value": "#010409",
|
|
16304
16238
|
"$type": "color",
|
|
16305
16239
|
"$extensions": {
|
|
16306
16240
|
"org.primer.figma": {
|
|
@@ -16312,7 +16246,7 @@
|
|
|
16312
16246
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16313
16247
|
"isSource": true,
|
|
16314
16248
|
"original": {
|
|
16315
|
-
"value": "{base.color.
|
|
16249
|
+
"value": "{base.color.black}",
|
|
16316
16250
|
"$type": "color",
|
|
16317
16251
|
"$extensions": {
|
|
16318
16252
|
"org.primer.figma": {
|
|
@@ -16489,7 +16423,7 @@
|
|
|
16489
16423
|
"path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
|
|
16490
16424
|
},
|
|
16491
16425
|
"color-prettylights-syntax-markup-ignored-text": {
|
|
16492
|
-
"value": "#
|
|
16426
|
+
"value": "#d1d9e0",
|
|
16493
16427
|
"$type": "color",
|
|
16494
16428
|
"$extensions": {
|
|
16495
16429
|
"org.primer.figma": {
|
|
@@ -16501,7 +16435,7 @@
|
|
|
16501
16435
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16502
16436
|
"isSource": true,
|
|
16503
16437
|
"original": {
|
|
16504
|
-
"value": "{base.color.neutral.
|
|
16438
|
+
"value": "{base.color.neutral.5}",
|
|
16505
16439
|
"$type": "color",
|
|
16506
16440
|
"$extensions": {
|
|
16507
16441
|
"org.primer.figma": {
|
|
@@ -16570,7 +16504,7 @@
|
|
|
16570
16504
|
"path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
|
|
16571
16505
|
},
|
|
16572
16506
|
"color-prettylights-syntax-sublimelinter-gutter-mark": {
|
|
16573
|
-
"value": "#
|
|
16507
|
+
"value": "#818b98",
|
|
16574
16508
|
"$type": "color",
|
|
16575
16509
|
"$extensions": {
|
|
16576
16510
|
"org.primer.figma": {
|
|
@@ -16582,7 +16516,7 @@
|
|
|
16582
16516
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16583
16517
|
"isSource": true,
|
|
16584
16518
|
"original": {
|
|
16585
|
-
"value": "{base.color.neutral.
|
|
16519
|
+
"value": "{base.color.neutral.7}",
|
|
16586
16520
|
"$type": "color",
|
|
16587
16521
|
"$extensions": {
|
|
16588
16522
|
"org.primer.figma": {
|
|
@@ -16704,7 +16638,7 @@
|
|
|
16704
16638
|
"path": ["shadow", "resting", "small"]
|
|
16705
16639
|
},
|
|
16706
16640
|
"shadow-resting-medium": {
|
|
16707
|
-
"value": "0px 3px 6px 0px #
|
|
16641
|
+
"value": "0px 3px 6px 0px #25292e1f",
|
|
16708
16642
|
"$type": "shadow",
|
|
16709
16643
|
"$extensions": {
|
|
16710
16644
|
"org.primer.figma": {
|
|
@@ -16718,7 +16652,7 @@
|
|
|
16718
16652
|
"original": {
|
|
16719
16653
|
"value": [
|
|
16720
16654
|
{
|
|
16721
|
-
"color": "{base.color.neutral.
|
|
16655
|
+
"color": "{base.color.neutral.11}",
|
|
16722
16656
|
"alpha": 0.12,
|
|
16723
16657
|
"offsetX": "0px",
|
|
16724
16658
|
"offsetY": "3px",
|
|
@@ -16740,7 +16674,7 @@
|
|
|
16740
16674
|
"path": ["shadow", "resting", "medium"]
|
|
16741
16675
|
},
|
|
16742
16676
|
"shadow-floating-small": {
|
|
16743
|
-
"value": "0px 0px 0px 1px #
|
|
16677
|
+
"value": "0px 0px 0px 1px #454c5480, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
|
|
16744
16678
|
"$type": "shadow",
|
|
16745
16679
|
"$extensions": {
|
|
16746
16680
|
"org.primer.figma": {
|
|
@@ -16762,7 +16696,7 @@
|
|
|
16762
16696
|
"spread": "1px"
|
|
16763
16697
|
},
|
|
16764
16698
|
{
|
|
16765
|
-
"color": "{base.color.neutral.
|
|
16699
|
+
"color": "{base.color.neutral.11}",
|
|
16766
16700
|
"alpha": 0.04,
|
|
16767
16701
|
"offsetX": "0px",
|
|
16768
16702
|
"offsetY": "6px",
|
|
@@ -16770,7 +16704,7 @@
|
|
|
16770
16704
|
"spread": "-3px"
|
|
16771
16705
|
},
|
|
16772
16706
|
{
|
|
16773
|
-
"color": "{base.color.neutral.
|
|
16707
|
+
"color": "{base.color.neutral.11}",
|
|
16774
16708
|
"alpha": 0.12,
|
|
16775
16709
|
"offsetX": "0px",
|
|
16776
16710
|
"offsetY": "6px",
|
|
@@ -16792,7 +16726,7 @@
|
|
|
16792
16726
|
"path": ["shadow", "floating", "small"]
|
|
16793
16727
|
},
|
|
16794
16728
|
"shadow-floating-medium": {
|
|
16795
|
-
"value": "0px 0px 0px 1px #
|
|
16729
|
+
"value": "0px 0px 0px 1px #454c54, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14",
|
|
16796
16730
|
"$type": "shadow",
|
|
16797
16731
|
"$extensions": {
|
|
16798
16732
|
"org.primer.figma": {
|
|
@@ -16814,7 +16748,7 @@
|
|
|
16814
16748
|
"spread": "1px"
|
|
16815
16749
|
},
|
|
16816
16750
|
{
|
|
16817
|
-
"color": "{base.color.neutral.
|
|
16751
|
+
"color": "{base.color.neutral.11}",
|
|
16818
16752
|
"alpha": 0.08,
|
|
16819
16753
|
"offsetX": "0px",
|
|
16820
16754
|
"offsetY": "8px",
|
|
@@ -16822,7 +16756,7 @@
|
|
|
16822
16756
|
"spread": "-4px"
|
|
16823
16757
|
},
|
|
16824
16758
|
{
|
|
16825
|
-
"color": "{base.color.neutral.
|
|
16759
|
+
"color": "{base.color.neutral.11}",
|
|
16826
16760
|
"alpha": 0.08,
|
|
16827
16761
|
"offsetX": "0px",
|
|
16828
16762
|
"offsetY": "4px",
|
|
@@ -16830,7 +16764,7 @@
|
|
|
16830
16764
|
"spread": "-4px"
|
|
16831
16765
|
},
|
|
16832
16766
|
{
|
|
16833
|
-
"color": "{base.color.neutral.
|
|
16767
|
+
"color": "{base.color.neutral.11}",
|
|
16834
16768
|
"alpha": 0.08,
|
|
16835
16769
|
"offsetX": "0px",
|
|
16836
16770
|
"offsetY": "24px",
|
|
@@ -16838,7 +16772,7 @@
|
|
|
16838
16772
|
"spread": "-12px"
|
|
16839
16773
|
},
|
|
16840
16774
|
{
|
|
16841
|
-
"color": "{base.color.neutral.
|
|
16775
|
+
"color": "{base.color.neutral.11}",
|
|
16842
16776
|
"alpha": 0.08,
|
|
16843
16777
|
"offsetX": "0px",
|
|
16844
16778
|
"offsetY": "48px",
|
|
@@ -16860,7 +16794,7 @@
|
|
|
16860
16794
|
"path": ["shadow", "floating", "medium"]
|
|
16861
16795
|
},
|
|
16862
16796
|
"shadow-floating-large": {
|
|
16863
|
-
"value": "0px 0px 0px 1px #
|
|
16797
|
+
"value": "0px 0px 0px 1px #454c54, 0px 40px 80px 0px #25292e3d",
|
|
16864
16798
|
"$type": "shadow",
|
|
16865
16799
|
"$extensions": {
|
|
16866
16800
|
"org.primer.figma": {
|
|
@@ -16882,7 +16816,7 @@
|
|
|
16882
16816
|
"spread": "1px"
|
|
16883
16817
|
},
|
|
16884
16818
|
{
|
|
16885
|
-
"color": "{base.color.neutral.
|
|
16819
|
+
"color": "{base.color.neutral.11}",
|
|
16886
16820
|
"alpha": 0.24,
|
|
16887
16821
|
"offsetX": "0px",
|
|
16888
16822
|
"offsetY": "40px",
|
|
@@ -16904,7 +16838,7 @@
|
|
|
16904
16838
|
"path": ["shadow", "floating", "large"]
|
|
16905
16839
|
},
|
|
16906
16840
|
"shadow-floating-xlarge": {
|
|
16907
|
-
"value": "0px 0px 0px 1px #
|
|
16841
|
+
"value": "0px 0px 0px 1px #454c54, 0px 56px 112px 0px #25292e52",
|
|
16908
16842
|
"$type": "shadow",
|
|
16909
16843
|
"$extensions": {
|
|
16910
16844
|
"org.primer.figma": {
|
|
@@ -16926,7 +16860,7 @@
|
|
|
16926
16860
|
"spread": "1px"
|
|
16927
16861
|
},
|
|
16928
16862
|
{
|
|
16929
|
-
"color": "{base.color.neutral.
|
|
16863
|
+
"color": "{base.color.neutral.11}",
|
|
16930
16864
|
"alpha": 0.32,
|
|
16931
16865
|
"offsetX": "0px",
|
|
16932
16866
|
"offsetY": "56px",
|
|
@@ -16948,14 +16882,14 @@
|
|
|
16948
16882
|
"path": ["shadow", "floating", "xlarge"]
|
|
16949
16883
|
},
|
|
16950
16884
|
"shadow-floating-legacy": {
|
|
16951
|
-
"value": "0px 6px 12px -3px #
|
|
16885
|
+
"value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
|
|
16952
16886
|
"$type": "shadow",
|
|
16953
16887
|
"filePath": "src/tokens/functional/shadow/light.json5",
|
|
16954
16888
|
"isSource": true,
|
|
16955
16889
|
"original": {
|
|
16956
16890
|
"value": [
|
|
16957
16891
|
{
|
|
16958
|
-
"color": "{base.color.neutral.
|
|
16892
|
+
"color": "{base.color.neutral.11}",
|
|
16959
16893
|
"alpha": 0.04,
|
|
16960
16894
|
"offsetX": "0px",
|
|
16961
16895
|
"offsetY": "6px",
|
|
@@ -16963,7 +16897,7 @@
|
|
|
16963
16897
|
"spread": "-3px"
|
|
16964
16898
|
},
|
|
16965
16899
|
{
|
|
16966
|
-
"color": "{base.color.neutral.
|
|
16900
|
+
"color": "{base.color.neutral.11}",
|
|
16967
16901
|
"alpha": 0.12,
|
|
16968
16902
|
"offsetX": "0px",
|
|
16969
16903
|
"offsetY": "6px",
|