@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
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"path": ["highlight", "neutral", "bgColor"]
|
|
61
61
|
},
|
|
62
62
|
"page-header-bgColor": {
|
|
63
|
-
"value": "#
|
|
63
|
+
"value": "#010409",
|
|
64
64
|
"$type": "color",
|
|
65
65
|
"$extensions": {
|
|
66
66
|
"org.primer.figma": {
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"path": ["page", "header", "bgColor"]
|
|
90
90
|
},
|
|
91
91
|
"diffBlob-addition-fgColor-text": {
|
|
92
|
-
"value": "#
|
|
92
|
+
"value": "#010409",
|
|
93
93
|
"$type": "color",
|
|
94
94
|
"$extensions": {
|
|
95
95
|
"org.primer.figma": {
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
"path": ["diffBlob", "addition", "fgColor", "text"]
|
|
119
119
|
},
|
|
120
120
|
"diffBlob-addition-fgColor-num": {
|
|
121
|
-
"value": "#
|
|
121
|
+
"value": "#ffffff",
|
|
122
122
|
"$type": "color",
|
|
123
123
|
"$extensions": {
|
|
124
124
|
"org.primer.figma": {
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"path": ["diffBlob", "addition", "bgColor", "word"]
|
|
243
243
|
},
|
|
244
244
|
"diffBlob-deletion-fgColor-text": {
|
|
245
|
-
"value": "#
|
|
245
|
+
"value": "#010409",
|
|
246
246
|
"$type": "color",
|
|
247
247
|
"$extensions": {
|
|
248
248
|
"org.primer.figma": {
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
"path": ["diffBlob", "deletion", "fgColor", "text"]
|
|
272
272
|
},
|
|
273
273
|
"diffBlob-deletion-fgColor-num": {
|
|
274
|
-
"value": "#
|
|
274
|
+
"value": "#ffffff",
|
|
275
275
|
"$type": "color",
|
|
276
276
|
"$extensions": {
|
|
277
277
|
"org.primer.figma": {
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
427
427
|
},
|
|
428
428
|
"diffBlob-expander-iconColor": {
|
|
429
|
-
"value": "#
|
|
429
|
+
"value": "#ffffff",
|
|
430
430
|
"$type": "color",
|
|
431
431
|
"$extensions": {
|
|
432
432
|
"org.primer.figma": {
|
|
@@ -455,7 +455,7 @@
|
|
|
455
455
|
"path": ["diffBlob", "expander", "iconColor"]
|
|
456
456
|
},
|
|
457
457
|
"codeMirror-fgColor": {
|
|
458
|
-
"value": "#
|
|
458
|
+
"value": "#ffffff",
|
|
459
459
|
"$type": "color",
|
|
460
460
|
"$extensions": {
|
|
461
461
|
"org.primer.figma": {
|
|
@@ -484,7 +484,7 @@
|
|
|
484
484
|
"path": ["codeMirror", "fgColor"]
|
|
485
485
|
},
|
|
486
486
|
"codeMirror-bgColor": {
|
|
487
|
-
"value": "#
|
|
487
|
+
"value": "#010409",
|
|
488
488
|
"$type": "color",
|
|
489
489
|
"$extensions": {
|
|
490
490
|
"org.primer.figma": {
|
|
@@ -513,7 +513,7 @@
|
|
|
513
513
|
"path": ["codeMirror", "bgColor"]
|
|
514
514
|
},
|
|
515
515
|
"codeMirror-gutters-bgColor": {
|
|
516
|
-
"value": "#
|
|
516
|
+
"value": "#010409",
|
|
517
517
|
"$type": "color",
|
|
518
518
|
"$extensions": {
|
|
519
519
|
"org.primer.figma": {
|
|
@@ -542,7 +542,7 @@
|
|
|
542
542
|
"path": ["codeMirror", "gutters", "bgColor"]
|
|
543
543
|
},
|
|
544
544
|
"codeMirror-gutterMarker-fgColor-default": {
|
|
545
|
-
"value": "#
|
|
545
|
+
"value": "#010409",
|
|
546
546
|
"$type": "color",
|
|
547
547
|
"$extensions": {
|
|
548
548
|
"org.primer.figma": {
|
|
@@ -571,7 +571,7 @@
|
|
|
571
571
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
572
572
|
},
|
|
573
573
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
574
|
-
"value": "#
|
|
574
|
+
"value": "#b7bdc8",
|
|
575
575
|
"$type": "color",
|
|
576
576
|
"$extensions": {
|
|
577
577
|
"org.primer.figma": {
|
|
@@ -600,7 +600,7 @@
|
|
|
600
600
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
601
601
|
},
|
|
602
602
|
"codeMirror-lineNumber-fgColor": {
|
|
603
|
-
"value": "#
|
|
603
|
+
"value": "#b7bdc8",
|
|
604
604
|
"$type": "color",
|
|
605
605
|
"$extensions": {
|
|
606
606
|
"org.primer.figma": {
|
|
@@ -629,7 +629,7 @@
|
|
|
629
629
|
"path": ["codeMirror", "lineNumber", "fgColor"]
|
|
630
630
|
},
|
|
631
631
|
"codeMirror-cursor-fgColor": {
|
|
632
|
-
"value": "#
|
|
632
|
+
"value": "#ffffff",
|
|
633
633
|
"$type": "color",
|
|
634
634
|
"$extensions": {
|
|
635
635
|
"org.primer.figma": {
|
|
@@ -689,7 +689,7 @@
|
|
|
689
689
|
"path": ["codeMirror", "selection", "bgColor"]
|
|
690
690
|
},
|
|
691
691
|
"codeMirror-activeline-bgColor": {
|
|
692
|
-
"value": "#
|
|
692
|
+
"value": "#2f3742b3",
|
|
693
693
|
"$type": "color",
|
|
694
694
|
"$extensions": {
|
|
695
695
|
"org.primer.figma": {
|
|
@@ -718,7 +718,7 @@
|
|
|
718
718
|
"path": ["codeMirror", "activeline", "bgColor"]
|
|
719
719
|
},
|
|
720
720
|
"codeMirror-matchingBracket-fgColor": {
|
|
721
|
-
"value": "#
|
|
721
|
+
"value": "#ffffff",
|
|
722
722
|
"$type": "color",
|
|
723
723
|
"$extensions": {
|
|
724
724
|
"org.primer.figma": {
|
|
@@ -747,7 +747,7 @@
|
|
|
747
747
|
"path": ["codeMirror", "matchingBracket", "fgColor"]
|
|
748
748
|
},
|
|
749
749
|
"codeMirror-lines-bgColor": {
|
|
750
|
-
"value": "#
|
|
750
|
+
"value": "#010409",
|
|
751
751
|
"$type": "color",
|
|
752
752
|
"$extensions": {
|
|
753
753
|
"org.primer.figma": {
|
|
@@ -776,7 +776,7 @@
|
|
|
776
776
|
"path": ["codeMirror", "lines", "bgColor"]
|
|
777
777
|
},
|
|
778
778
|
"codeMirror-syntax-fgColor-comment": {
|
|
779
|
-
"value": "#
|
|
779
|
+
"value": "#656c76",
|
|
780
780
|
"$type": "color",
|
|
781
781
|
"$extensions": {
|
|
782
782
|
"org.primer.figma": {
|
|
@@ -789,7 +789,7 @@
|
|
|
789
789
|
"filePath": "src/tokens/functional/color/dark/app-dark.json5",
|
|
790
790
|
"isSource": true,
|
|
791
791
|
"original": {
|
|
792
|
-
"value": "{base.color.neutral.
|
|
792
|
+
"value": "{base.color.neutral.7}",
|
|
793
793
|
"$type": "color",
|
|
794
794
|
"$extensions": {
|
|
795
795
|
"org.primer.figma": {
|
|
@@ -1039,7 +1039,7 @@
|
|
|
1039
1039
|
"path": ["header", "fgColor", "default"]
|
|
1040
1040
|
},
|
|
1041
1041
|
"header-fgColor-logo": {
|
|
1042
|
-
"value": "#
|
|
1042
|
+
"value": "#f0f6fc",
|
|
1043
1043
|
"$type": "color",
|
|
1044
1044
|
"$extensions": {
|
|
1045
1045
|
"org.primer.figma": {
|
|
@@ -1052,7 +1052,7 @@
|
|
|
1052
1052
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1053
1053
|
"isSource": true,
|
|
1054
1054
|
"original": {
|
|
1055
|
-
"value": "{base.color.neutral.
|
|
1055
|
+
"value": "{base.color.neutral.11}",
|
|
1056
1056
|
"$type": "color",
|
|
1057
1057
|
"$extensions": {
|
|
1058
1058
|
"org.primer.figma": {
|
|
@@ -1068,7 +1068,7 @@
|
|
|
1068
1068
|
"path": ["header", "fgColor", "logo"]
|
|
1069
1069
|
},
|
|
1070
1070
|
"header-bgColor": {
|
|
1071
|
-
"value": "#
|
|
1071
|
+
"value": "#151b23f2",
|
|
1072
1072
|
"$type": "color",
|
|
1073
1073
|
"$extensions": {
|
|
1074
1074
|
"org.primer.figma": {
|
|
@@ -1082,7 +1082,7 @@
|
|
|
1082
1082
|
"isSource": true,
|
|
1083
1083
|
"alpha": 0.95,
|
|
1084
1084
|
"original": {
|
|
1085
|
-
"value": "{base.color.neutral.
|
|
1085
|
+
"value": "{base.color.neutral.1}",
|
|
1086
1086
|
"$type": "color",
|
|
1087
1087
|
"$extensions": {
|
|
1088
1088
|
"org.primer.figma": {
|
|
@@ -1099,7 +1099,7 @@
|
|
|
1099
1099
|
"path": ["header", "bgColor"]
|
|
1100
1100
|
},
|
|
1101
1101
|
"header-borderColor-divider": {
|
|
1102
|
-
"value": "#
|
|
1102
|
+
"value": "#656c76",
|
|
1103
1103
|
"$type": "color",
|
|
1104
1104
|
"$extensions": {
|
|
1105
1105
|
"org.primer.figma": {
|
|
@@ -1112,7 +1112,7 @@
|
|
|
1112
1112
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1113
1113
|
"isSource": true,
|
|
1114
1114
|
"original": {
|
|
1115
|
-
"value": "{base.color.neutral.
|
|
1115
|
+
"value": "{base.color.neutral.7}",
|
|
1116
1116
|
"$type": "color",
|
|
1117
1117
|
"$extensions": {
|
|
1118
1118
|
"org.primer.figma": {
|
|
@@ -1128,7 +1128,7 @@
|
|
|
1128
1128
|
"path": ["header", "borderColor", "divider"]
|
|
1129
1129
|
},
|
|
1130
1130
|
"headerSearch-bgColor": {
|
|
1131
|
-
"value": "#
|
|
1131
|
+
"value": "#0d1117",
|
|
1132
1132
|
"$type": "color",
|
|
1133
1133
|
"$extensions": {
|
|
1134
1134
|
"org.primer.figma": {
|
|
@@ -1141,7 +1141,7 @@
|
|
|
1141
1141
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1142
1142
|
"isSource": true,
|
|
1143
1143
|
"original": {
|
|
1144
|
-
"value": "{base.color.neutral.
|
|
1144
|
+
"value": "{base.color.neutral.0}",
|
|
1145
1145
|
"$type": "color",
|
|
1146
1146
|
"$extensions": {
|
|
1147
1147
|
"org.primer.figma": {
|
|
@@ -1157,7 +1157,7 @@
|
|
|
1157
1157
|
"path": ["headerSearch", "bgColor"]
|
|
1158
1158
|
},
|
|
1159
1159
|
"headerSearch-borderColor": {
|
|
1160
|
-
"value": "#
|
|
1160
|
+
"value": "#2a313c",
|
|
1161
1161
|
"$type": "color",
|
|
1162
1162
|
"$extensions": {
|
|
1163
1163
|
"org.primer.figma": {
|
|
@@ -1170,7 +1170,7 @@
|
|
|
1170
1170
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1171
1171
|
"isSource": true,
|
|
1172
1172
|
"original": {
|
|
1173
|
-
"value": "{base.color.neutral.
|
|
1173
|
+
"value": "{base.color.neutral.4}",
|
|
1174
1174
|
"$type": "color",
|
|
1175
1175
|
"$extensions": {
|
|
1176
1176
|
"org.primer.figma": {
|
|
@@ -1185,7 +1185,7 @@
|
|
|
1185
1185
|
"attributes": {},
|
|
1186
1186
|
"path": ["headerSearch", "borderColor"]
|
|
1187
1187
|
},
|
|
1188
|
-
"data-blue-color": {
|
|
1188
|
+
"data-blue-color-emphasis": {
|
|
1189
1189
|
"value": "#0576ff",
|
|
1190
1190
|
"$type": "color",
|
|
1191
1191
|
"$extensions": {
|
|
@@ -1210,9 +1210,9 @@
|
|
|
1210
1210
|
}
|
|
1211
1211
|
}
|
|
1212
1212
|
},
|
|
1213
|
-
"name": "data-blue-color",
|
|
1213
|
+
"name": "data-blue-color-emphasis",
|
|
1214
1214
|
"attributes": {},
|
|
1215
|
-
"path": ["data", "blue", "color", "
|
|
1215
|
+
"path": ["data", "blue", "color", "emphasis"]
|
|
1216
1216
|
},
|
|
1217
1217
|
"data-blue-color-muted": {
|
|
1218
1218
|
"value": "#001a47",
|
|
@@ -1243,7 +1243,7 @@
|
|
|
1243
1243
|
"attributes": {},
|
|
1244
1244
|
"path": ["data", "blue", "color", "muted"]
|
|
1245
1245
|
},
|
|
1246
|
-
"data-auburn-color": {
|
|
1246
|
+
"data-auburn-color-emphasis": {
|
|
1247
1247
|
"value": "#a86f6b",
|
|
1248
1248
|
"$type": "color",
|
|
1249
1249
|
"$extensions": {
|
|
@@ -1268,9 +1268,9 @@
|
|
|
1268
1268
|
}
|
|
1269
1269
|
}
|
|
1270
1270
|
},
|
|
1271
|
-
"name": "data-auburn-color",
|
|
1271
|
+
"name": "data-auburn-color-emphasis",
|
|
1272
1272
|
"attributes": {},
|
|
1273
|
-
"path": ["data", "auburn", "color", "
|
|
1273
|
+
"path": ["data", "auburn", "color", "emphasis"]
|
|
1274
1274
|
},
|
|
1275
1275
|
"data-auburn-color-muted": {
|
|
1276
1276
|
"value": "#271817",
|
|
@@ -1301,7 +1301,7 @@
|
|
|
1301
1301
|
"attributes": {},
|
|
1302
1302
|
"path": ["data", "auburn", "color", "muted"]
|
|
1303
1303
|
},
|
|
1304
|
-
"data-orange-color": {
|
|
1304
|
+
"data-orange-color-emphasis": {
|
|
1305
1305
|
"value": "#984b10",
|
|
1306
1306
|
"$type": "color",
|
|
1307
1307
|
"$extensions": {
|
|
@@ -1326,9 +1326,9 @@
|
|
|
1326
1326
|
}
|
|
1327
1327
|
}
|
|
1328
1328
|
},
|
|
1329
|
-
"name": "data-orange-color",
|
|
1329
|
+
"name": "data-orange-color-emphasis",
|
|
1330
1330
|
"attributes": {},
|
|
1331
|
-
"path": ["data", "orange", "color", "
|
|
1331
|
+
"path": ["data", "orange", "color", "emphasis"]
|
|
1332
1332
|
},
|
|
1333
1333
|
"data-orange-color-muted": {
|
|
1334
1334
|
"value": "#311708",
|
|
@@ -1359,7 +1359,7 @@
|
|
|
1359
1359
|
"attributes": {},
|
|
1360
1360
|
"path": ["data", "orange", "color", "muted"]
|
|
1361
1361
|
},
|
|
1362
|
-
"data-yellow-color": {
|
|
1362
|
+
"data-yellow-color-emphasis": {
|
|
1363
1363
|
"value": "#895906",
|
|
1364
1364
|
"$type": "color",
|
|
1365
1365
|
"$extensions": {
|
|
@@ -1384,9 +1384,9 @@
|
|
|
1384
1384
|
}
|
|
1385
1385
|
}
|
|
1386
1386
|
},
|
|
1387
|
-
"name": "data-yellow-color",
|
|
1387
|
+
"name": "data-yellow-color-emphasis",
|
|
1388
1388
|
"attributes": {},
|
|
1389
|
-
"path": ["data", "yellow", "color", "
|
|
1389
|
+
"path": ["data", "yellow", "color", "emphasis"]
|
|
1390
1390
|
},
|
|
1391
1391
|
"data-yellow-color-muted": {
|
|
1392
1392
|
"value": "#2e1a00",
|
|
@@ -1417,7 +1417,7 @@
|
|
|
1417
1417
|
"attributes": {},
|
|
1418
1418
|
"path": ["data", "yellow", "color", "muted"]
|
|
1419
1419
|
},
|
|
1420
|
-
"data-green-color": {
|
|
1420
|
+
"data-green-color-emphasis": {
|
|
1421
1421
|
"value": "#2f6f37",
|
|
1422
1422
|
"$type": "color",
|
|
1423
1423
|
"$extensions": {
|
|
@@ -1442,9 +1442,9 @@
|
|
|
1442
1442
|
}
|
|
1443
1443
|
}
|
|
1444
1444
|
},
|
|
1445
|
-
"name": "data-green-color",
|
|
1445
|
+
"name": "data-green-color-emphasis",
|
|
1446
1446
|
"attributes": {},
|
|
1447
|
-
"path": ["data", "green", "color", "
|
|
1447
|
+
"path": ["data", "green", "color", "emphasis"]
|
|
1448
1448
|
},
|
|
1449
1449
|
"data-green-color-muted": {
|
|
1450
1450
|
"value": "#122117",
|
|
@@ -1475,7 +1475,7 @@
|
|
|
1475
1475
|
"attributes": {},
|
|
1476
1476
|
"path": ["data", "green", "color", "muted"]
|
|
1477
1477
|
},
|
|
1478
|
-
"data-teal-color": {
|
|
1478
|
+
"data-teal-color-emphasis": {
|
|
1479
1479
|
"value": "#106c70",
|
|
1480
1480
|
"$type": "color",
|
|
1481
1481
|
"$extensions": {
|
|
@@ -1500,9 +1500,9 @@
|
|
|
1500
1500
|
}
|
|
1501
1501
|
}
|
|
1502
1502
|
},
|
|
1503
|
-
"name": "data-teal-color",
|
|
1503
|
+
"name": "data-teal-color-emphasis",
|
|
1504
1504
|
"attributes": {},
|
|
1505
|
-
"path": ["data", "teal", "color", "
|
|
1505
|
+
"path": ["data", "teal", "color", "emphasis"]
|
|
1506
1506
|
},
|
|
1507
1507
|
"data-teal-color-muted": {
|
|
1508
1508
|
"value": "#041f25",
|
|
@@ -1533,7 +1533,7 @@
|
|
|
1533
1533
|
"attributes": {},
|
|
1534
1534
|
"path": ["data", "teal", "color", "muted"]
|
|
1535
1535
|
},
|
|
1536
|
-
"data-purple-color": {
|
|
1536
|
+
"data-purple-color-emphasis": {
|
|
1537
1537
|
"value": "#975bf1",
|
|
1538
1538
|
"$type": "color",
|
|
1539
1539
|
"$extensions": {
|
|
@@ -1558,9 +1558,9 @@
|
|
|
1558
1558
|
}
|
|
1559
1559
|
}
|
|
1560
1560
|
},
|
|
1561
|
-
"name": "data-purple-color",
|
|
1561
|
+
"name": "data-purple-color-emphasis",
|
|
1562
1562
|
"attributes": {},
|
|
1563
|
-
"path": ["data", "purple", "color", "
|
|
1563
|
+
"path": ["data", "purple", "color", "emphasis"]
|
|
1564
1564
|
},
|
|
1565
1565
|
"data-purple-color-muted": {
|
|
1566
1566
|
"value": "#211047",
|
|
@@ -1591,7 +1591,7 @@
|
|
|
1591
1591
|
"attributes": {},
|
|
1592
1592
|
"path": ["data", "purple", "color", "muted"]
|
|
1593
1593
|
},
|
|
1594
|
-
"data-pink-color": {
|
|
1594
|
+
"data-pink-color-emphasis": {
|
|
1595
1595
|
"value": "#d34591",
|
|
1596
1596
|
"$type": "color",
|
|
1597
1597
|
"$extensions": {
|
|
@@ -1616,9 +1616,9 @@
|
|
|
1616
1616
|
}
|
|
1617
1617
|
}
|
|
1618
1618
|
},
|
|
1619
|
-
"name": "data-pink-color",
|
|
1619
|
+
"name": "data-pink-color-emphasis",
|
|
1620
1620
|
"attributes": {},
|
|
1621
|
-
"path": ["data", "pink", "color", "
|
|
1621
|
+
"path": ["data", "pink", "color", "emphasis"]
|
|
1622
1622
|
},
|
|
1623
1623
|
"data-pink-color-muted": {
|
|
1624
1624
|
"value": "#2d1524",
|
|
@@ -1649,7 +1649,7 @@
|
|
|
1649
1649
|
"attributes": {},
|
|
1650
1650
|
"path": ["data", "pink", "color", "muted"]
|
|
1651
1651
|
},
|
|
1652
|
-
"data-red-color": {
|
|
1652
|
+
"data-red-color-emphasis": {
|
|
1653
1653
|
"value": "#eb3342",
|
|
1654
1654
|
"$type": "color",
|
|
1655
1655
|
"$extensions": {
|
|
@@ -1674,9 +1674,9 @@
|
|
|
1674
1674
|
}
|
|
1675
1675
|
}
|
|
1676
1676
|
},
|
|
1677
|
-
"name": "data-red-color",
|
|
1677
|
+
"name": "data-red-color-emphasis",
|
|
1678
1678
|
"attributes": {},
|
|
1679
|
-
"path": ["data", "red", "color", "
|
|
1679
|
+
"path": ["data", "red", "color", "emphasis"]
|
|
1680
1680
|
},
|
|
1681
1681
|
"data-red-color-muted": {
|
|
1682
1682
|
"value": "#3c0614",
|
|
@@ -1707,7 +1707,7 @@
|
|
|
1707
1707
|
"attributes": {},
|
|
1708
1708
|
"path": ["data", "red", "color", "muted"]
|
|
1709
1709
|
},
|
|
1710
|
-
"data-gray-color": {
|
|
1710
|
+
"data-gray-color-emphasis": {
|
|
1711
1711
|
"value": "#576270",
|
|
1712
1712
|
"$type": "color",
|
|
1713
1713
|
"$extensions": {
|
|
@@ -1732,9 +1732,9 @@
|
|
|
1732
1732
|
}
|
|
1733
1733
|
}
|
|
1734
1734
|
},
|
|
1735
|
-
"name": "data-gray-color",
|
|
1735
|
+
"name": "data-gray-color-emphasis",
|
|
1736
1736
|
"attributes": {},
|
|
1737
|
-
"path": ["data", "gray", "color", "
|
|
1737
|
+
"path": ["data", "gray", "color", "emphasis"]
|
|
1738
1738
|
},
|
|
1739
1739
|
"data-gray-color-muted": {
|
|
1740
1740
|
"value": "#1c1c1c",
|
|
@@ -4583,7 +4583,7 @@
|
|
|
4583
4583
|
"path": ["avatar", "borderColor"]
|
|
4584
4584
|
},
|
|
4585
4585
|
"avatar-shadow": {
|
|
4586
|
-
"value": "0px 0px 0px 2px #
|
|
4586
|
+
"value": "0px 0px 0px 2px #0d1117",
|
|
4587
4587
|
"$type": "shadow",
|
|
4588
4588
|
"$extensions": {
|
|
4589
4589
|
"org.primer.figma": {
|
|
@@ -4597,7 +4597,7 @@
|
|
|
4597
4597
|
"original": {
|
|
4598
4598
|
"value": [
|
|
4599
4599
|
{
|
|
4600
|
-
"color": "{base.color.neutral.
|
|
4600
|
+
"color": "{base.color.neutral.0}",
|
|
4601
4601
|
"alpha": 1,
|
|
4602
4602
|
"offsetX": "0px",
|
|
4603
4603
|
"offsetY": "0px",
|
|
@@ -4619,7 +4619,7 @@
|
|
|
4619
4619
|
"path": ["avatar", "shadow"]
|
|
4620
4620
|
},
|
|
4621
4621
|
"avatarStack-fade-bgColor-default": {
|
|
4622
|
-
"value": "#
|
|
4622
|
+
"value": "#3d444d",
|
|
4623
4623
|
"$type": "color",
|
|
4624
4624
|
"$extensions": {
|
|
4625
4625
|
"org.primer.figma": {
|
|
@@ -4648,7 +4648,7 @@
|
|
|
4648
4648
|
"path": ["avatarStack", "fade", "bgColor", "default"]
|
|
4649
4649
|
},
|
|
4650
4650
|
"avatarStack-fade-bgColor-muted": {
|
|
4651
|
-
"value": "#
|
|
4651
|
+
"value": "#2a313c",
|
|
4652
4652
|
"$type": "color",
|
|
4653
4653
|
"$extensions": {
|
|
4654
4654
|
"org.primer.figma": {
|
|
@@ -4661,7 +4661,7 @@
|
|
|
4661
4661
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4662
4662
|
"isSource": true,
|
|
4663
4663
|
"original": {
|
|
4664
|
-
"value": "{base.color.neutral.
|
|
4664
|
+
"value": "{base.color.neutral.4}",
|
|
4665
4665
|
"$type": "color",
|
|
4666
4666
|
"$extensions": {
|
|
4667
4667
|
"org.primer.figma": {
|
|
@@ -4677,7 +4677,7 @@
|
|
|
4677
4677
|
"path": ["avatarStack", "fade", "bgColor", "muted"]
|
|
4678
4678
|
},
|
|
4679
4679
|
"control-bgColor-rest": {
|
|
4680
|
-
"value": "#
|
|
4680
|
+
"value": "#262c36",
|
|
4681
4681
|
"$type": "color",
|
|
4682
4682
|
"$extensions": {
|
|
4683
4683
|
"org.primer.figma": {
|
|
@@ -4687,10 +4687,10 @@
|
|
|
4687
4687
|
"scopes": ["bgColor"]
|
|
4688
4688
|
}
|
|
4689
4689
|
},
|
|
4690
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
4690
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4691
4691
|
"isSource": true,
|
|
4692
4692
|
"original": {
|
|
4693
|
-
"value": "{base.color.neutral.
|
|
4693
|
+
"value": "{base.color.neutral.3}",
|
|
4694
4694
|
"$type": "color",
|
|
4695
4695
|
"$extensions": {
|
|
4696
4696
|
"org.primer.figma": {
|
|
@@ -4706,7 +4706,7 @@
|
|
|
4706
4706
|
"path": ["control", "bgColor", "rest"]
|
|
4707
4707
|
},
|
|
4708
4708
|
"control-bgColor-hover": {
|
|
4709
|
-
"value": "#
|
|
4709
|
+
"value": "#2a313c",
|
|
4710
4710
|
"$type": "color",
|
|
4711
4711
|
"$extensions": {
|
|
4712
4712
|
"org.primer.figma": {
|
|
@@ -4716,14 +4716,10 @@
|
|
|
4716
4716
|
"scopes": ["bgColor"]
|
|
4717
4717
|
}
|
|
4718
4718
|
},
|
|
4719
|
-
"
|
|
4720
|
-
"color": "#7a828e",
|
|
4721
|
-
"weight": 0.2
|
|
4722
|
-
},
|
|
4723
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4719
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4724
4720
|
"isSource": true,
|
|
4725
4721
|
"original": {
|
|
4726
|
-
"value": "{base.color.neutral.
|
|
4722
|
+
"value": "{base.color.neutral.4}",
|
|
4727
4723
|
"$type": "color",
|
|
4728
4724
|
"$extensions": {
|
|
4729
4725
|
"org.primer.figma": {
|
|
@@ -4732,10 +4728,6 @@
|
|
|
4732
4728
|
"group": "component",
|
|
4733
4729
|
"scopes": ["bgColor"]
|
|
4734
4730
|
}
|
|
4735
|
-
},
|
|
4736
|
-
"mix": {
|
|
4737
|
-
"color": "{base.color.neutral.5}",
|
|
4738
|
-
"weight": 0.2
|
|
4739
4731
|
}
|
|
4740
4732
|
},
|
|
4741
4733
|
"name": "control-bgColor-hover",
|
|
@@ -4743,7 +4735,7 @@
|
|
|
4743
4735
|
"path": ["control", "bgColor", "hover"]
|
|
4744
4736
|
},
|
|
4745
4737
|
"control-bgColor-active": {
|
|
4746
|
-
"value": "#
|
|
4738
|
+
"value": "#2f3742",
|
|
4747
4739
|
"$type": "color",
|
|
4748
4740
|
"$extensions": {
|
|
4749
4741
|
"org.primer.figma": {
|
|
@@ -4753,14 +4745,10 @@
|
|
|
4753
4745
|
"scopes": ["bgColor"]
|
|
4754
4746
|
}
|
|
4755
4747
|
},
|
|
4756
|
-
"mix": {
|
|
4757
|
-
"color": "#272b33",
|
|
4758
|
-
"weight": 0.2
|
|
4759
|
-
},
|
|
4760
4748
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4761
4749
|
"isSource": true,
|
|
4762
4750
|
"original": {
|
|
4763
|
-
"value": "{base.color.neutral.
|
|
4751
|
+
"value": "{base.color.neutral.5}",
|
|
4764
4752
|
"$type": "color",
|
|
4765
4753
|
"$extensions": {
|
|
4766
4754
|
"org.primer.figma": {
|
|
@@ -4769,10 +4757,6 @@
|
|
|
4769
4757
|
"group": "component",
|
|
4770
4758
|
"scopes": ["bgColor"]
|
|
4771
4759
|
}
|
|
4772
|
-
},
|
|
4773
|
-
"mix": {
|
|
4774
|
-
"color": "{base.color.neutral.8}",
|
|
4775
|
-
"weight": 0.2
|
|
4776
4760
|
}
|
|
4777
4761
|
},
|
|
4778
4762
|
"name": "control-bgColor-active",
|
|
@@ -4780,7 +4764,7 @@
|
|
|
4780
4764
|
"path": ["control", "bgColor", "active"]
|
|
4781
4765
|
},
|
|
4782
4766
|
"control-bgColor-disabled": {
|
|
4783
|
-
"value": "#
|
|
4767
|
+
"value": "#262c36",
|
|
4784
4768
|
"$type": "color",
|
|
4785
4769
|
"$extensions": {
|
|
4786
4770
|
"org.primer.figma": {
|
|
@@ -4809,7 +4793,7 @@
|
|
|
4809
4793
|
"path": ["control", "bgColor", "disabled"]
|
|
4810
4794
|
},
|
|
4811
4795
|
"control-bgColor-selected": {
|
|
4812
|
-
"value": "#
|
|
4796
|
+
"value": "#262c36",
|
|
4813
4797
|
"$type": "color",
|
|
4814
4798
|
"$extensions": {
|
|
4815
4799
|
"org.primer.figma": {
|
|
@@ -4822,7 +4806,7 @@
|
|
|
4822
4806
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4823
4807
|
"isSource": true,
|
|
4824
4808
|
"original": {
|
|
4825
|
-
"value": "{
|
|
4809
|
+
"value": "{control.bgColor.rest}",
|
|
4826
4810
|
"$type": "color",
|
|
4827
4811
|
"$extensions": {
|
|
4828
4812
|
"org.primer.figma": {
|
|
@@ -4838,7 +4822,7 @@
|
|
|
4838
4822
|
"path": ["control", "bgColor", "selected"]
|
|
4839
4823
|
},
|
|
4840
4824
|
"control-fgColor-rest": {
|
|
4841
|
-
"value": "#
|
|
4825
|
+
"value": "#ffffff",
|
|
4842
4826
|
"$type": "color",
|
|
4843
4827
|
"$extensions": {
|
|
4844
4828
|
"org.primer.figma": {
|
|
@@ -4851,7 +4835,7 @@
|
|
|
4851
4835
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4852
4836
|
"isSource": true,
|
|
4853
4837
|
"original": {
|
|
4854
|
-
"value": "{
|
|
4838
|
+
"value": "{fgColor.default}",
|
|
4855
4839
|
"$type": "color",
|
|
4856
4840
|
"$extensions": {
|
|
4857
4841
|
"org.primer.figma": {
|
|
@@ -4867,12 +4851,8 @@
|
|
|
4867
4851
|
"path": ["control", "fgColor", "rest"]
|
|
4868
4852
|
},
|
|
4869
4853
|
"control-fgColor-placeholder": {
|
|
4870
|
-
"value": "#
|
|
4854
|
+
"value": "#b7bdc8",
|
|
4871
4855
|
"$type": "color",
|
|
4872
|
-
"mix": {
|
|
4873
|
-
"color": "#f0f3f6",
|
|
4874
|
-
"weight": 0.5
|
|
4875
|
-
},
|
|
4876
4856
|
"$extensions": {
|
|
4877
4857
|
"org.primer.figma": {
|
|
4878
4858
|
"collection": "mode",
|
|
@@ -4884,12 +4864,8 @@
|
|
|
4884
4864
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4885
4865
|
"isSource": true,
|
|
4886
4866
|
"original": {
|
|
4887
|
-
"value": "{base.color.neutral.
|
|
4867
|
+
"value": "{base.color.neutral.9}",
|
|
4888
4868
|
"$type": "color",
|
|
4889
|
-
"mix": {
|
|
4890
|
-
"color": "{base.color.neutral.1}",
|
|
4891
|
-
"weight": 0.5
|
|
4892
|
-
},
|
|
4893
4869
|
"$extensions": {
|
|
4894
4870
|
"org.primer.figma": {
|
|
4895
4871
|
"collection": "mode",
|
|
@@ -4904,7 +4880,7 @@
|
|
|
4904
4880
|
"path": ["control", "fgColor", "placeholder"]
|
|
4905
4881
|
},
|
|
4906
4882
|
"control-fgColor-disabled": {
|
|
4907
|
-
"value": "#
|
|
4883
|
+
"value": "#9198a1",
|
|
4908
4884
|
"$type": "color",
|
|
4909
4885
|
"$extensions": {
|
|
4910
4886
|
"org.primer.figma": {
|
|
@@ -4933,7 +4909,7 @@
|
|
|
4933
4909
|
"path": ["control", "fgColor", "disabled"]
|
|
4934
4910
|
},
|
|
4935
4911
|
"control-borderColor-rest": {
|
|
4936
|
-
"value": "#
|
|
4912
|
+
"value": "#b7bdc8",
|
|
4937
4913
|
"$type": "color",
|
|
4938
4914
|
"$extensions": {
|
|
4939
4915
|
"org.primer.figma": {
|
|
@@ -4962,7 +4938,7 @@
|
|
|
4962
4938
|
"path": ["control", "borderColor", "rest"]
|
|
4963
4939
|
},
|
|
4964
4940
|
"control-borderColor-emphasis": {
|
|
4965
|
-
"value": "#
|
|
4941
|
+
"value": "#b7bdc8",
|
|
4966
4942
|
"$type": "color",
|
|
4967
4943
|
"$extensions": {
|
|
4968
4944
|
"org.primer.figma": {
|
|
@@ -4972,9 +4948,9 @@
|
|
|
4972
4948
|
"scopes": ["borderColor"]
|
|
4973
4949
|
}
|
|
4974
4950
|
},
|
|
4975
|
-
"mix": null,
|
|
4976
4951
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4977
4952
|
"isSource": true,
|
|
4953
|
+
"mix": null,
|
|
4978
4954
|
"original": {
|
|
4979
4955
|
"value": "{borderColor.emphasis}",
|
|
4980
4956
|
"$type": "color",
|
|
@@ -4993,7 +4969,7 @@
|
|
|
4993
4969
|
"path": ["control", "borderColor", "emphasis"]
|
|
4994
4970
|
},
|
|
4995
4971
|
"control-borderColor-disabled": {
|
|
4996
|
-
"value": "#
|
|
4972
|
+
"value": "#262c36",
|
|
4997
4973
|
"$type": "color",
|
|
4998
4974
|
"$extensions": {
|
|
4999
4975
|
"org.primer.figma": {
|
|
@@ -5022,7 +4998,7 @@
|
|
|
5022
4998
|
"path": ["control", "borderColor", "disabled"]
|
|
5023
4999
|
},
|
|
5024
5000
|
"control-borderColor-selected": {
|
|
5025
|
-
"value": "#
|
|
5001
|
+
"value": "#f0f6fc",
|
|
5026
5002
|
"$type": "color",
|
|
5027
5003
|
"$extensions": {
|
|
5028
5004
|
"org.primer.figma": {
|
|
@@ -5035,7 +5011,7 @@
|
|
|
5035
5011
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5036
5012
|
"isSource": true,
|
|
5037
5013
|
"original": {
|
|
5038
|
-
"value": "{base.color.neutral.
|
|
5014
|
+
"value": "{base.color.neutral.11}",
|
|
5039
5015
|
"$type": "color",
|
|
5040
5016
|
"$extensions": {
|
|
5041
5017
|
"org.primer.figma": {
|
|
@@ -5138,7 +5114,7 @@
|
|
|
5138
5114
|
"path": ["control", "borderColor", "warning"]
|
|
5139
5115
|
},
|
|
5140
5116
|
"control-iconColor-rest": {
|
|
5141
|
-
"value": "#
|
|
5117
|
+
"value": "#b7bdc8",
|
|
5142
5118
|
"$type": "color",
|
|
5143
5119
|
"$extensions": {
|
|
5144
5120
|
"org.primer.figma": {
|
|
@@ -5196,7 +5172,7 @@
|
|
|
5196
5172
|
"path": ["control", "transparent", "bgColor", "rest"]
|
|
5197
5173
|
},
|
|
5198
5174
|
"control-transparent-bgColor-hover": {
|
|
5199
|
-
"value": "#
|
|
5175
|
+
"value": "#2f3742",
|
|
5200
5176
|
"$type": "color",
|
|
5201
5177
|
"$extensions": {
|
|
5202
5178
|
"org.primer.figma": {
|
|
@@ -5210,7 +5186,7 @@
|
|
|
5210
5186
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5211
5187
|
"isSource": true,
|
|
5212
5188
|
"original": {
|
|
5213
|
-
"value": "{base.color.neutral.
|
|
5189
|
+
"value": "{base.color.neutral.5}",
|
|
5214
5190
|
"$type": "color",
|
|
5215
5191
|
"$extensions": {
|
|
5216
5192
|
"org.primer.figma": {
|
|
@@ -5227,7 +5203,7 @@
|
|
|
5227
5203
|
"path": ["control", "transparent", "bgColor", "hover"]
|
|
5228
5204
|
},
|
|
5229
5205
|
"control-transparent-bgColor-active": {
|
|
5230
|
-
"value": "#
|
|
5206
|
+
"value": "#3d444d",
|
|
5231
5207
|
"$type": "color",
|
|
5232
5208
|
"$extensions": {
|
|
5233
5209
|
"org.primer.figma": {
|
|
@@ -5258,7 +5234,7 @@
|
|
|
5258
5234
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
5259
5235
|
},
|
|
5260
5236
|
"control-transparent-bgColor-disabled": {
|
|
5261
|
-
"value": "#
|
|
5237
|
+
"value": "#262c36",
|
|
5262
5238
|
"$type": "color",
|
|
5263
5239
|
"$extensions": {
|
|
5264
5240
|
"org.primer.figma": {
|
|
@@ -5287,7 +5263,7 @@
|
|
|
5287
5263
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
5288
5264
|
},
|
|
5289
5265
|
"control-transparent-bgColor-selected": {
|
|
5290
|
-
"value": "#
|
|
5266
|
+
"value": "#2f3742",
|
|
5291
5267
|
"$type": "color",
|
|
5292
5268
|
"$extensions": {
|
|
5293
5269
|
"org.primer.figma": {
|
|
@@ -5301,7 +5277,7 @@
|
|
|
5301
5277
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5302
5278
|
"isSource": true,
|
|
5303
5279
|
"original": {
|
|
5304
|
-
"value": "{base.color.neutral.
|
|
5280
|
+
"value": "{base.color.neutral.5}",
|
|
5305
5281
|
"$type": "color",
|
|
5306
5282
|
"$extensions": {
|
|
5307
5283
|
"org.primer.figma": {
|
|
@@ -5347,7 +5323,7 @@
|
|
|
5347
5323
|
"path": ["control", "transparent", "borderColor", "rest"]
|
|
5348
5324
|
},
|
|
5349
5325
|
"control-transparent-borderColor-hover": {
|
|
5350
|
-
"value": "#
|
|
5326
|
+
"value": "#b7bdc8",
|
|
5351
5327
|
"$type": "color",
|
|
5352
5328
|
"$extensions": {
|
|
5353
5329
|
"org.primer.figma": {
|
|
@@ -5376,7 +5352,7 @@
|
|
|
5376
5352
|
"path": ["control", "transparent", "borderColor", "hover"]
|
|
5377
5353
|
},
|
|
5378
5354
|
"control-transparent-borderColor-active": {
|
|
5379
|
-
"value": "#
|
|
5355
|
+
"value": "#b7bdc8",
|
|
5380
5356
|
"$type": "color",
|
|
5381
5357
|
"$extensions": {
|
|
5382
5358
|
"org.primer.figma": {
|
|
@@ -5389,7 +5365,7 @@
|
|
|
5389
5365
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5390
5366
|
"isSource": true,
|
|
5391
5367
|
"original": {
|
|
5392
|
-
"value": "{
|
|
5368
|
+
"value": "{borderColor.default}",
|
|
5393
5369
|
"$type": "color",
|
|
5394
5370
|
"$extensions": {
|
|
5395
5371
|
"org.primer.figma": {
|
|
@@ -5434,7 +5410,7 @@
|
|
|
5434
5410
|
"path": ["control", "danger", "fgColor", "rest"]
|
|
5435
5411
|
},
|
|
5436
5412
|
"control-danger-fgColor-hover": {
|
|
5437
|
-
"value": "#
|
|
5413
|
+
"value": "#010409",
|
|
5438
5414
|
"$type": "color",
|
|
5439
5415
|
"$extensions": {
|
|
5440
5416
|
"org.primer.figma": {
|
|
@@ -5634,7 +5610,7 @@
|
|
|
5634
5610
|
"path": ["control", "checked", "bgColor", "active"]
|
|
5635
5611
|
},
|
|
5636
5612
|
"control-checked-bgColor-disabled": {
|
|
5637
|
-
"value": "#
|
|
5613
|
+
"value": "#9198a1",
|
|
5638
5614
|
"$type": "color",
|
|
5639
5615
|
"$extensions": {
|
|
5640
5616
|
"org.primer.figma": {
|
|
@@ -5663,7 +5639,7 @@
|
|
|
5663
5639
|
"path": ["control", "checked", "bgColor", "disabled"]
|
|
5664
5640
|
},
|
|
5665
5641
|
"control-checked-fgColor-rest": {
|
|
5666
|
-
"value": "#
|
|
5642
|
+
"value": "#010409",
|
|
5667
5643
|
"$type": "color",
|
|
5668
5644
|
"$extensions": {
|
|
5669
5645
|
"org.primer.figma": {
|
|
@@ -5705,7 +5681,7 @@
|
|
|
5705
5681
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5706
5682
|
"isSource": true,
|
|
5707
5683
|
"original": {
|
|
5708
|
-
"value": "{base.color.
|
|
5684
|
+
"value": "{base.color.inset}",
|
|
5709
5685
|
"$type": "color",
|
|
5710
5686
|
"$extensions": {
|
|
5711
5687
|
"org.primer.figma": {
|
|
@@ -5824,7 +5800,7 @@
|
|
|
5824
5800
|
"path": ["control", "checked", "borderColor", "active"]
|
|
5825
5801
|
},
|
|
5826
5802
|
"control-checked-borderColor-disabled": {
|
|
5827
|
-
"value": "#
|
|
5803
|
+
"value": "#9198a1",
|
|
5828
5804
|
"$type": "color",
|
|
5829
5805
|
"$extensions": {
|
|
5830
5806
|
"org.primer.figma": {
|
|
@@ -5853,7 +5829,7 @@
|
|
|
5853
5829
|
"path": ["control", "checked", "borderColor", "disabled"]
|
|
5854
5830
|
},
|
|
5855
5831
|
"controlTrack-bgColor-rest": {
|
|
5856
|
-
"value": "#
|
|
5832
|
+
"value": "#2a313c",
|
|
5857
5833
|
"$type": "color",
|
|
5858
5834
|
"$extensions": {
|
|
5859
5835
|
"org.primer.figma": {
|
|
@@ -5863,10 +5839,10 @@
|
|
|
5863
5839
|
"scopes": ["bgColor"]
|
|
5864
5840
|
}
|
|
5865
5841
|
},
|
|
5866
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
5842
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5867
5843
|
"isSource": true,
|
|
5868
5844
|
"original": {
|
|
5869
|
-
"value": "{base.color.neutral.
|
|
5845
|
+
"value": "{base.color.neutral.4}",
|
|
5870
5846
|
"$type": "color",
|
|
5871
5847
|
"$extensions": {
|
|
5872
5848
|
"org.primer.figma": {
|
|
@@ -5882,7 +5858,7 @@
|
|
|
5882
5858
|
"path": ["controlTrack", "bgColor", "rest"]
|
|
5883
5859
|
},
|
|
5884
5860
|
"controlTrack-bgColor-hover": {
|
|
5885
|
-
"value": "#
|
|
5861
|
+
"value": "#2f3742",
|
|
5886
5862
|
"$type": "color",
|
|
5887
5863
|
"$extensions": {
|
|
5888
5864
|
"org.primer.figma": {
|
|
@@ -5892,14 +5868,10 @@
|
|
|
5892
5868
|
"scopes": ["bgColor"]
|
|
5893
5869
|
}
|
|
5894
5870
|
},
|
|
5895
|
-
"
|
|
5896
|
-
"color": "#7a828e",
|
|
5897
|
-
"weight": 0.2
|
|
5898
|
-
},
|
|
5899
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5871
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5900
5872
|
"isSource": true,
|
|
5901
5873
|
"original": {
|
|
5902
|
-
"value": "{base.color.neutral.
|
|
5874
|
+
"value": "{base.color.neutral.5}",
|
|
5903
5875
|
"$type": "color",
|
|
5904
5876
|
"$extensions": {
|
|
5905
5877
|
"org.primer.figma": {
|
|
@@ -5908,10 +5880,6 @@
|
|
|
5908
5880
|
"group": "component (internal)",
|
|
5909
5881
|
"scopes": ["bgColor"]
|
|
5910
5882
|
}
|
|
5911
|
-
},
|
|
5912
|
-
"mix": {
|
|
5913
|
-
"color": "{base.color.neutral.5}",
|
|
5914
|
-
"weight": 0.2
|
|
5915
5883
|
}
|
|
5916
5884
|
},
|
|
5917
5885
|
"name": "controlTrack-bgColor-hover",
|
|
@@ -5919,7 +5887,7 @@
|
|
|
5919
5887
|
"path": ["controlTrack", "bgColor", "hover"]
|
|
5920
5888
|
},
|
|
5921
5889
|
"controlTrack-bgColor-active": {
|
|
5922
|
-
"value": "#
|
|
5890
|
+
"value": "#3d444d",
|
|
5923
5891
|
"$type": "color",
|
|
5924
5892
|
"$extensions": {
|
|
5925
5893
|
"org.primer.figma": {
|
|
@@ -5929,14 +5897,10 @@
|
|
|
5929
5897
|
"scopes": ["bgColor"]
|
|
5930
5898
|
}
|
|
5931
5899
|
},
|
|
5932
|
-
"
|
|
5933
|
-
"color": "#7a828e",
|
|
5934
|
-
"weight": 0.4
|
|
5935
|
-
},
|
|
5936
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5900
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5937
5901
|
"isSource": true,
|
|
5938
5902
|
"original": {
|
|
5939
|
-
"value": "{base.color.neutral.
|
|
5903
|
+
"value": "{base.color.neutral.6}",
|
|
5940
5904
|
"$type": "color",
|
|
5941
5905
|
"$extensions": {
|
|
5942
5906
|
"org.primer.figma": {
|
|
@@ -5945,10 +5909,6 @@
|
|
|
5945
5909
|
"group": "component (internal)",
|
|
5946
5910
|
"scopes": ["bgColor"]
|
|
5947
5911
|
}
|
|
5948
|
-
},
|
|
5949
|
-
"mix": {
|
|
5950
|
-
"color": "{base.color.neutral.5}",
|
|
5951
|
-
"weight": 0.4
|
|
5952
5912
|
}
|
|
5953
5913
|
},
|
|
5954
5914
|
"name": "controlTrack-bgColor-active",
|
|
@@ -5956,7 +5916,7 @@
|
|
|
5956
5916
|
"path": ["controlTrack", "bgColor", "active"]
|
|
5957
5917
|
},
|
|
5958
5918
|
"controlTrack-bgColor-disabled": {
|
|
5959
|
-
"value": "#
|
|
5919
|
+
"value": "#9198a1",
|
|
5960
5920
|
"$type": "color",
|
|
5961
5921
|
"$extensions": {
|
|
5962
5922
|
"org.primer.figma": {
|
|
@@ -5985,7 +5945,7 @@
|
|
|
5985
5945
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5986
5946
|
},
|
|
5987
5947
|
"controlTrack-fgColor-rest": {
|
|
5988
|
-
"value": "#
|
|
5948
|
+
"value": "#ffffff",
|
|
5989
5949
|
"$type": "color",
|
|
5990
5950
|
"$extensions": {
|
|
5991
5951
|
"org.primer.figma": {
|
|
@@ -6014,7 +5974,7 @@
|
|
|
6014
5974
|
"path": ["controlTrack", "fgColor", "rest"]
|
|
6015
5975
|
},
|
|
6016
5976
|
"controlTrack-fgColor-disabled": {
|
|
6017
|
-
"value": "#
|
|
5977
|
+
"value": "#010409",
|
|
6018
5978
|
"$type": "color",
|
|
6019
5979
|
"$extensions": {
|
|
6020
5980
|
"org.primer.figma": {
|
|
@@ -6043,7 +6003,7 @@
|
|
|
6043
6003
|
"path": ["controlTrack", "fgColor", "disabled"]
|
|
6044
6004
|
},
|
|
6045
6005
|
"controlTrack-borderColor-rest": {
|
|
6046
|
-
"value": "#
|
|
6006
|
+
"value": "#b7bdc8",
|
|
6047
6007
|
"$type": "color",
|
|
6048
6008
|
"$extensions": {
|
|
6049
6009
|
"org.primer.figma": {
|
|
@@ -6072,7 +6032,7 @@
|
|
|
6072
6032
|
"path": ["controlTrack", "borderColor", "rest"]
|
|
6073
6033
|
},
|
|
6074
6034
|
"controlTrack-borderColor-disabled": {
|
|
6075
|
-
"value": "#
|
|
6035
|
+
"value": "#9198a1",
|
|
6076
6036
|
"$type": "color",
|
|
6077
6037
|
"$extensions": {
|
|
6078
6038
|
"org.primer.figma": {
|
|
@@ -6114,7 +6074,7 @@
|
|
|
6114
6074
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6115
6075
|
"isSource": true,
|
|
6116
6076
|
"original": {
|
|
6117
|
-
"value": "{
|
|
6077
|
+
"value": "{bgColor.inset}",
|
|
6118
6078
|
"$type": "color",
|
|
6119
6079
|
"$extensions": {
|
|
6120
6080
|
"org.primer.figma": {
|
|
@@ -6130,7 +6090,7 @@
|
|
|
6130
6090
|
"path": ["controlKnob", "bgColor", "rest"]
|
|
6131
6091
|
},
|
|
6132
6092
|
"controlKnob-bgColor-disabled": {
|
|
6133
|
-
"value": "#
|
|
6093
|
+
"value": "#262c36",
|
|
6134
6094
|
"$type": "color",
|
|
6135
6095
|
"$extensions": {
|
|
6136
6096
|
"org.primer.figma": {
|
|
@@ -6188,7 +6148,7 @@
|
|
|
6188
6148
|
"path": ["controlKnob", "bgColor", "checked"]
|
|
6189
6149
|
},
|
|
6190
6150
|
"controlKnob-borderColor-rest": {
|
|
6191
|
-
"value": "#
|
|
6151
|
+
"value": "#b7bdc8",
|
|
6192
6152
|
"$type": "color",
|
|
6193
6153
|
"$extensions": {
|
|
6194
6154
|
"org.primer.figma": {
|
|
@@ -6217,7 +6177,7 @@
|
|
|
6217
6177
|
"path": ["controlKnob", "borderColor", "rest"]
|
|
6218
6178
|
},
|
|
6219
6179
|
"controlKnob-borderColor-disabled": {
|
|
6220
|
-
"value": "#
|
|
6180
|
+
"value": "#262c36",
|
|
6221
6181
|
"$type": "color",
|
|
6222
6182
|
"$extensions": {
|
|
6223
6183
|
"org.primer.figma": {
|
|
@@ -6275,7 +6235,7 @@
|
|
|
6275
6235
|
"path": ["controlKnob", "borderColor", "checked"]
|
|
6276
6236
|
},
|
|
6277
6237
|
"counter-borderColor": {
|
|
6278
|
-
"value": "#
|
|
6238
|
+
"value": "#b7bdc8",
|
|
6279
6239
|
"$type": "color",
|
|
6280
6240
|
"$extensions": {
|
|
6281
6241
|
"org.primer.figma": {
|
|
@@ -6285,10 +6245,10 @@
|
|
|
6285
6245
|
"scopes": ["borderColor"]
|
|
6286
6246
|
}
|
|
6287
6247
|
},
|
|
6288
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
6248
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
6289
6249
|
"isSource": true,
|
|
6290
6250
|
"original": {
|
|
6291
|
-
"value": "{
|
|
6251
|
+
"value": "{borderColor.default}",
|
|
6292
6252
|
"$type": "color",
|
|
6293
6253
|
"$extensions": {
|
|
6294
6254
|
"org.primer.figma": {
|
|
@@ -6304,7 +6264,7 @@
|
|
|
6304
6264
|
"path": ["counter", "borderColor"]
|
|
6305
6265
|
},
|
|
6306
6266
|
"button-default-fgColor-rest": {
|
|
6307
|
-
"value": "#
|
|
6267
|
+
"value": "#ffffff",
|
|
6308
6268
|
"$type": "color",
|
|
6309
6269
|
"$extensions": {
|
|
6310
6270
|
"org.primer.figma": {
|
|
@@ -6333,7 +6293,7 @@
|
|
|
6333
6293
|
"path": ["button", "default", "fgColor", "rest"]
|
|
6334
6294
|
},
|
|
6335
6295
|
"button-default-bgColor-rest": {
|
|
6336
|
-
"value": "#
|
|
6296
|
+
"value": "#262c36",
|
|
6337
6297
|
"$type": "color",
|
|
6338
6298
|
"$extensions": {
|
|
6339
6299
|
"org.primer.figma": {
|
|
@@ -6362,7 +6322,7 @@
|
|
|
6362
6322
|
"path": ["button", "default", "bgColor", "rest"]
|
|
6363
6323
|
},
|
|
6364
6324
|
"button-default-bgColor-hover": {
|
|
6365
|
-
"value": "#
|
|
6325
|
+
"value": "#2a313c",
|
|
6366
6326
|
"$type": "color",
|
|
6367
6327
|
"$extensions": {
|
|
6368
6328
|
"org.primer.figma": {
|
|
@@ -6391,7 +6351,7 @@
|
|
|
6391
6351
|
"path": ["button", "default", "bgColor", "hover"]
|
|
6392
6352
|
},
|
|
6393
6353
|
"button-default-bgColor-active": {
|
|
6394
|
-
"value": "#
|
|
6354
|
+
"value": "#2f3742",
|
|
6395
6355
|
"$type": "color",
|
|
6396
6356
|
"$extensions": {
|
|
6397
6357
|
"org.primer.figma": {
|
|
@@ -6420,7 +6380,7 @@
|
|
|
6420
6380
|
"path": ["button", "default", "bgColor", "active"]
|
|
6421
6381
|
},
|
|
6422
6382
|
"button-default-bgColor-selected": {
|
|
6423
|
-
"value": "#
|
|
6383
|
+
"value": "#2f3742",
|
|
6424
6384
|
"$type": "color",
|
|
6425
6385
|
"$extensions": {
|
|
6426
6386
|
"org.primer.figma": {
|
|
@@ -6449,7 +6409,7 @@
|
|
|
6449
6409
|
"path": ["button", "default", "bgColor", "selected"]
|
|
6450
6410
|
},
|
|
6451
6411
|
"button-default-bgColor-disabled": {
|
|
6452
|
-
"value": "#
|
|
6412
|
+
"value": "#262c36",
|
|
6453
6413
|
"$type": "color",
|
|
6454
6414
|
"$extensions": {
|
|
6455
6415
|
"org.primer.figma": {
|
|
@@ -6478,7 +6438,7 @@
|
|
|
6478
6438
|
"path": ["button", "default", "bgColor", "disabled"]
|
|
6479
6439
|
},
|
|
6480
6440
|
"button-default-borderColor-rest": {
|
|
6481
|
-
"value": "#
|
|
6441
|
+
"value": "#b7bdc8",
|
|
6482
6442
|
"$type": "color",
|
|
6483
6443
|
"$extensions": {
|
|
6484
6444
|
"org.primer.figma": {
|
|
@@ -6491,7 +6451,7 @@
|
|
|
6491
6451
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6492
6452
|
"isSource": true,
|
|
6493
6453
|
"original": {
|
|
6494
|
-
"value": "{borderColor.
|
|
6454
|
+
"value": "{control.borderColor.rest}",
|
|
6495
6455
|
"$type": "color",
|
|
6496
6456
|
"$extensions": {
|
|
6497
6457
|
"org.primer.figma": {
|
|
@@ -6507,7 +6467,7 @@
|
|
|
6507
6467
|
"path": ["button", "default", "borderColor", "rest"]
|
|
6508
6468
|
},
|
|
6509
6469
|
"button-default-borderColor-hover": {
|
|
6510
|
-
"value": "#
|
|
6470
|
+
"value": "#b7bdc8",
|
|
6511
6471
|
"$type": "color",
|
|
6512
6472
|
"$extensions": {
|
|
6513
6473
|
"org.primer.figma": {
|
|
@@ -6536,7 +6496,7 @@
|
|
|
6536
6496
|
"path": ["button", "default", "borderColor", "hover"]
|
|
6537
6497
|
},
|
|
6538
6498
|
"button-default-borderColor-active": {
|
|
6539
|
-
"value": "#
|
|
6499
|
+
"value": "#b7bdc8",
|
|
6540
6500
|
"$type": "color",
|
|
6541
6501
|
"$extensions": {
|
|
6542
6502
|
"org.primer.figma": {
|
|
@@ -6565,7 +6525,7 @@
|
|
|
6565
6525
|
"path": ["button", "default", "borderColor", "active"]
|
|
6566
6526
|
},
|
|
6567
6527
|
"button-default-borderColor-disabled": {
|
|
6568
|
-
"value": "#
|
|
6528
|
+
"value": "#262c36",
|
|
6569
6529
|
"$type": "color",
|
|
6570
6530
|
"$extensions": {
|
|
6571
6531
|
"org.primer.figma": {
|
|
@@ -6631,7 +6591,7 @@
|
|
|
6631
6591
|
"path": ["button", "default", "shadow", "resting"]
|
|
6632
6592
|
},
|
|
6633
6593
|
"button-primary-fgColor-rest": {
|
|
6634
|
-
"value": "#
|
|
6594
|
+
"value": "#010409",
|
|
6635
6595
|
"$type": "color",
|
|
6636
6596
|
"$extensions": {
|
|
6637
6597
|
"org.primer.figma": {
|
|
@@ -6660,7 +6620,7 @@
|
|
|
6660
6620
|
"path": ["button", "primary", "fgColor", "rest"]
|
|
6661
6621
|
},
|
|
6662
6622
|
"button-primary-fgColor-disabled": {
|
|
6663
|
-
"value": "#
|
|
6623
|
+
"value": "#01040980",
|
|
6664
6624
|
"$type": "color",
|
|
6665
6625
|
"$extensions": {
|
|
6666
6626
|
"org.primer.figma": {
|
|
@@ -6691,7 +6651,7 @@
|
|
|
6691
6651
|
"path": ["button", "primary", "fgColor", "disabled"]
|
|
6692
6652
|
},
|
|
6693
6653
|
"button-primary-iconColor-rest": {
|
|
6694
|
-
"value": "#
|
|
6654
|
+
"value": "#010409",
|
|
6695
6655
|
"$type": "color",
|
|
6696
6656
|
"$extensions": {
|
|
6697
6657
|
"org.primer.figma": {
|
|
@@ -7021,7 +6981,7 @@
|
|
|
7021
6981
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7022
6982
|
},
|
|
7023
6983
|
"button-invisible-fgColor-rest": {
|
|
7024
|
-
"value": "#
|
|
6984
|
+
"value": "#b7bdc8",
|
|
7025
6985
|
"$type": "color",
|
|
7026
6986
|
"$extensions": {
|
|
7027
6987
|
"org.primer.figma": {
|
|
@@ -7034,7 +6994,7 @@
|
|
|
7034
6994
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7035
6995
|
"isSource": true,
|
|
7036
6996
|
"original": {
|
|
7037
|
-
"value": "{fgColor.
|
|
6997
|
+
"value": "{fgColor.muted}",
|
|
7038
6998
|
"$type": "color",
|
|
7039
6999
|
"$extensions": {
|
|
7040
7000
|
"org.primer.figma": {
|
|
@@ -7050,7 +7010,7 @@
|
|
|
7050
7010
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7051
7011
|
},
|
|
7052
7012
|
"button-invisible-fgColor-hover": {
|
|
7053
|
-
"value": "#
|
|
7013
|
+
"value": "#b7bdc8",
|
|
7054
7014
|
"$type": "color",
|
|
7055
7015
|
"$extensions": {
|
|
7056
7016
|
"org.primer.figma": {
|
|
@@ -7060,10 +7020,10 @@
|
|
|
7060
7020
|
"scopes": ["fgColor"]
|
|
7061
7021
|
}
|
|
7062
7022
|
},
|
|
7063
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7023
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7064
7024
|
"isSource": true,
|
|
7065
7025
|
"original": {
|
|
7066
|
-
"value": "{
|
|
7026
|
+
"value": "{fgColor.muted}",
|
|
7067
7027
|
"$type": "color",
|
|
7068
7028
|
"$extensions": {
|
|
7069
7029
|
"org.primer.figma": {
|
|
@@ -7079,7 +7039,7 @@
|
|
|
7079
7039
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7080
7040
|
},
|
|
7081
7041
|
"button-invisible-fgColor-disabled": {
|
|
7082
|
-
"value": "#
|
|
7042
|
+
"value": "#9198a1",
|
|
7083
7043
|
"$type": "color",
|
|
7084
7044
|
"$extensions": {
|
|
7085
7045
|
"org.primer.figma": {
|
|
@@ -7108,7 +7068,7 @@
|
|
|
7108
7068
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
7109
7069
|
},
|
|
7110
7070
|
"button-invisible-iconColor-rest": {
|
|
7111
|
-
"value": "#
|
|
7071
|
+
"value": "#d1d7e0",
|
|
7112
7072
|
"$type": "color",
|
|
7113
7073
|
"$extensions": {
|
|
7114
7074
|
"org.primer.figma": {
|
|
@@ -7118,10 +7078,10 @@
|
|
|
7118
7078
|
"scopes": ["fgColor"]
|
|
7119
7079
|
}
|
|
7120
7080
|
},
|
|
7121
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7081
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7122
7082
|
"isSource": true,
|
|
7123
7083
|
"original": {
|
|
7124
|
-
"value": "{
|
|
7084
|
+
"value": "{base.color.neutral.10}",
|
|
7125
7085
|
"$type": "color",
|
|
7126
7086
|
"$extensions": {
|
|
7127
7087
|
"org.primer.figma": {
|
|
@@ -7137,7 +7097,7 @@
|
|
|
7137
7097
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
7138
7098
|
},
|
|
7139
7099
|
"button-invisible-iconColor-hover": {
|
|
7140
|
-
"value": "#
|
|
7100
|
+
"value": "#d1d7e0",
|
|
7141
7101
|
"$type": "color",
|
|
7142
7102
|
"$extensions": {
|
|
7143
7103
|
"org.primer.figma": {
|
|
@@ -7150,7 +7110,7 @@
|
|
|
7150
7110
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7151
7111
|
"isSource": true,
|
|
7152
7112
|
"original": {
|
|
7153
|
-
"value": "{
|
|
7113
|
+
"value": "{base.color.neutral.10}",
|
|
7154
7114
|
"$type": "color",
|
|
7155
7115
|
"$extensions": {
|
|
7156
7116
|
"org.primer.figma": {
|
|
@@ -7166,7 +7126,7 @@
|
|
|
7166
7126
|
"path": ["button", "invisible", "iconColor", "hover"]
|
|
7167
7127
|
},
|
|
7168
7128
|
"button-invisible-iconColor-disabled": {
|
|
7169
|
-
"value": "#
|
|
7129
|
+
"value": "#9198a1",
|
|
7170
7130
|
"$type": "color",
|
|
7171
7131
|
"$extensions": {
|
|
7172
7132
|
"org.primer.figma": {
|
|
@@ -7224,7 +7184,7 @@
|
|
|
7224
7184
|
"path": ["button", "invisible", "bgColor", "rest"]
|
|
7225
7185
|
},
|
|
7226
7186
|
"button-invisible-bgColor-hover": {
|
|
7227
|
-
"value": "#
|
|
7187
|
+
"value": "#151b23",
|
|
7228
7188
|
"$type": "color",
|
|
7229
7189
|
"$extensions": {
|
|
7230
7190
|
"org.primer.figma": {
|
|
@@ -7257,7 +7217,7 @@
|
|
|
7257
7217
|
"path": ["button", "invisible", "bgColor", "hover"]
|
|
7258
7218
|
},
|
|
7259
7219
|
"button-invisible-bgColor-active": {
|
|
7260
|
-
"value": "#
|
|
7220
|
+
"value": "#212830",
|
|
7261
7221
|
"$type": "color",
|
|
7262
7222
|
"$extensions": {
|
|
7263
7223
|
"org.primer.figma": {
|
|
@@ -7290,7 +7250,7 @@
|
|
|
7290
7250
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
7291
7251
|
},
|
|
7292
7252
|
"button-invisible-bgColor-disabled": {
|
|
7293
|
-
"value": "#
|
|
7253
|
+
"value": "#262c36",
|
|
7294
7254
|
"$type": "color",
|
|
7295
7255
|
"$extensions": {
|
|
7296
7256
|
"org.primer.figma": {
|
|
@@ -7348,7 +7308,7 @@
|
|
|
7348
7308
|
"path": ["button", "invisible", "borderColor", "rest"]
|
|
7349
7309
|
},
|
|
7350
7310
|
"button-invisible-borderColor-hover": {
|
|
7351
|
-
"value": "#
|
|
7311
|
+
"value": "#b7bdc8",
|
|
7352
7312
|
"$type": "color",
|
|
7353
7313
|
"$extensions": {
|
|
7354
7314
|
"org.primer.figma": {
|
|
@@ -7377,7 +7337,7 @@
|
|
|
7377
7337
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
7378
7338
|
},
|
|
7379
7339
|
"button-invisible-borderColor-disabled": {
|
|
7380
|
-
"value": "#
|
|
7340
|
+
"value": "#262c36",
|
|
7381
7341
|
"$type": "color",
|
|
7382
7342
|
"$extensions": {
|
|
7383
7343
|
"org.primer.figma": {
|
|
@@ -7524,7 +7484,7 @@
|
|
|
7524
7484
|
"path": ["button", "outline", "fgColor", "disabled"]
|
|
7525
7485
|
},
|
|
7526
7486
|
"button-outline-bgColor-rest": {
|
|
7527
|
-
"value": "#
|
|
7487
|
+
"value": "#f0f6fc",
|
|
7528
7488
|
"$type": "color",
|
|
7529
7489
|
"$extensions": {
|
|
7530
7490
|
"org.primer.figma": {
|
|
@@ -7537,7 +7497,7 @@
|
|
|
7537
7497
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7538
7498
|
"isSource": true,
|
|
7539
7499
|
"original": {
|
|
7540
|
-
"value": "{base.color.neutral.
|
|
7500
|
+
"value": "{base.color.neutral.11}",
|
|
7541
7501
|
"$type": "color",
|
|
7542
7502
|
"$extensions": {
|
|
7543
7503
|
"org.primer.figma": {
|
|
@@ -7553,7 +7513,7 @@
|
|
|
7553
7513
|
"path": ["button", "outline", "bgColor", "rest"]
|
|
7554
7514
|
},
|
|
7555
7515
|
"button-outline-bgColor-hover": {
|
|
7556
|
-
"value": "#
|
|
7516
|
+
"value": "#2a313c",
|
|
7557
7517
|
"$type": "color",
|
|
7558
7518
|
"$extensions": {
|
|
7559
7519
|
"org.primer.figma": {
|
|
@@ -7566,7 +7526,7 @@
|
|
|
7566
7526
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7567
7527
|
"isSource": true,
|
|
7568
7528
|
"original": {
|
|
7569
|
-
"value": "{
|
|
7529
|
+
"value": "{control.bgColor.hover}",
|
|
7570
7530
|
"$type": "color",
|
|
7571
7531
|
"$extensions": {
|
|
7572
7532
|
"org.primer.figma": {
|
|
@@ -7611,7 +7571,7 @@
|
|
|
7611
7571
|
"path": ["button", "outline", "bgColor", "active"]
|
|
7612
7572
|
},
|
|
7613
7573
|
"button-outline-bgColor-disabled": {
|
|
7614
|
-
"value": "#
|
|
7574
|
+
"value": "#262c36",
|
|
7615
7575
|
"$type": "color",
|
|
7616
7576
|
"$extensions": {
|
|
7617
7577
|
"org.primer.figma": {
|
|
@@ -7624,7 +7584,7 @@
|
|
|
7624
7584
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7625
7585
|
"isSource": true,
|
|
7626
7586
|
"original": {
|
|
7627
|
-
"value": "{
|
|
7587
|
+
"value": "{control.bgColor.disabled}",
|
|
7628
7588
|
"$type": "color",
|
|
7629
7589
|
"$extensions": {
|
|
7630
7590
|
"org.primer.figma": {
|
|
@@ -7640,7 +7600,7 @@
|
|
|
7640
7600
|
"path": ["button", "outline", "bgColor", "disabled"]
|
|
7641
7601
|
},
|
|
7642
7602
|
"button-outline-borderColor-hover": {
|
|
7643
|
-
"value": "#
|
|
7603
|
+
"value": "#b7bdc8",
|
|
7644
7604
|
"$type": "color",
|
|
7645
7605
|
"$extensions": {
|
|
7646
7606
|
"org.primer.figma": {
|
|
@@ -7650,11 +7610,10 @@
|
|
|
7650
7610
|
"scopes": ["borderColor"]
|
|
7651
7611
|
}
|
|
7652
7612
|
},
|
|
7653
|
-
"alpha": 0.1,
|
|
7654
7613
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7655
7614
|
"isSource": true,
|
|
7656
7615
|
"original": {
|
|
7657
|
-
"value": "{
|
|
7616
|
+
"value": "{button.default.borderColor.hover}",
|
|
7658
7617
|
"$type": "color",
|
|
7659
7618
|
"$extensions": {
|
|
7660
7619
|
"org.primer.figma": {
|
|
@@ -7663,15 +7622,14 @@
|
|
|
7663
7622
|
"group": "component (internal)",
|
|
7664
7623
|
"scopes": ["borderColor"]
|
|
7665
7624
|
}
|
|
7666
|
-
}
|
|
7667
|
-
"alpha": 0.1
|
|
7625
|
+
}
|
|
7668
7626
|
},
|
|
7669
7627
|
"name": "button-outline-borderColor-hover",
|
|
7670
7628
|
"attributes": {},
|
|
7671
7629
|
"path": ["button", "outline", "borderColor", "hover"]
|
|
7672
7630
|
},
|
|
7673
7631
|
"button-outline-borderColor-selected": {
|
|
7674
|
-
"value": "#
|
|
7632
|
+
"value": "#b7bdc8",
|
|
7675
7633
|
"$type": "color",
|
|
7676
7634
|
"$extensions": {
|
|
7677
7635
|
"org.primer.figma": {
|
|
@@ -7913,7 +7871,7 @@
|
|
|
7913
7871
|
"path": ["button", "danger", "iconColor", "hover"]
|
|
7914
7872
|
},
|
|
7915
7873
|
"button-danger-bgColor-rest": {
|
|
7916
|
-
"value": "#
|
|
7874
|
+
"value": "#262c36",
|
|
7917
7875
|
"$type": "color",
|
|
7918
7876
|
"$extensions": {
|
|
7919
7877
|
"org.primer.figma": {
|
|
@@ -8008,7 +7966,7 @@
|
|
|
8008
7966
|
"path": ["button", "danger", "bgColor", "active"]
|
|
8009
7967
|
},
|
|
8010
7968
|
"button-danger-bgColor-disabled": {
|
|
8011
|
-
"value": "#
|
|
7969
|
+
"value": "#262c36",
|
|
8012
7970
|
"$type": "color",
|
|
8013
7971
|
"$extensions": {
|
|
8014
7972
|
"org.primer.figma": {
|
|
@@ -8037,7 +7995,7 @@
|
|
|
8037
7995
|
"path": ["button", "danger", "bgColor", "disabled"]
|
|
8038
7996
|
},
|
|
8039
7997
|
"button-danger-borderColor-rest": {
|
|
8040
|
-
"value": "#
|
|
7998
|
+
"value": "#b7bdc8",
|
|
8041
7999
|
"$type": "color",
|
|
8042
8000
|
"$extensions": {
|
|
8043
8001
|
"org.primer.figma": {
|
|
@@ -8050,7 +8008,7 @@
|
|
|
8050
8008
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8051
8009
|
"isSource": true,
|
|
8052
8010
|
"original": {
|
|
8053
|
-
"value": "{borderColor.
|
|
8011
|
+
"value": "{control.borderColor.rest}",
|
|
8054
8012
|
"$type": "color",
|
|
8055
8013
|
"$extensions": {
|
|
8056
8014
|
"org.primer.figma": {
|
|
@@ -8066,7 +8024,7 @@
|
|
|
8066
8024
|
"path": ["button", "danger", "borderColor", "rest"]
|
|
8067
8025
|
},
|
|
8068
8026
|
"button-danger-borderColor-hover": {
|
|
8069
|
-
"value": "#
|
|
8027
|
+
"value": "#ffb1af",
|
|
8070
8028
|
"$type": "color",
|
|
8071
8029
|
"$extensions": {
|
|
8072
8030
|
"org.primer.figma": {
|
|
@@ -8076,11 +8034,11 @@
|
|
|
8076
8034
|
"scopes": ["borderColor"]
|
|
8077
8035
|
}
|
|
8078
8036
|
},
|
|
8079
|
-
"
|
|
8080
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8037
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8081
8038
|
"isSource": true,
|
|
8039
|
+
"alpha": 1,
|
|
8082
8040
|
"original": {
|
|
8083
|
-
"value": "{base.color.
|
|
8041
|
+
"value": "{base.color.red.2}",
|
|
8084
8042
|
"$type": "color",
|
|
8085
8043
|
"$extensions": {
|
|
8086
8044
|
"org.primer.figma": {
|
|
@@ -8090,14 +8048,14 @@
|
|
|
8090
8048
|
"scopes": ["borderColor"]
|
|
8091
8049
|
}
|
|
8092
8050
|
},
|
|
8093
|
-
"alpha":
|
|
8051
|
+
"alpha": 1
|
|
8094
8052
|
},
|
|
8095
8053
|
"name": "button-danger-borderColor-hover",
|
|
8096
8054
|
"attributes": {},
|
|
8097
8055
|
"path": ["button", "danger", "borderColor", "hover"]
|
|
8098
8056
|
},
|
|
8099
8057
|
"button-danger-borderColor-active": {
|
|
8100
|
-
"value": "#
|
|
8058
|
+
"value": "#ffb1af",
|
|
8101
8059
|
"$type": "color",
|
|
8102
8060
|
"$extensions": {
|
|
8103
8061
|
"org.primer.figma": {
|
|
@@ -8107,10 +8065,11 @@
|
|
|
8107
8065
|
"scopes": ["borderColor"]
|
|
8108
8066
|
}
|
|
8109
8067
|
},
|
|
8110
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8068
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8111
8069
|
"isSource": true,
|
|
8070
|
+
"alpha": 1,
|
|
8112
8071
|
"original": {
|
|
8113
|
-
"value": "{
|
|
8072
|
+
"value": "{base.color.red.2}",
|
|
8114
8073
|
"$type": "color",
|
|
8115
8074
|
"$extensions": {
|
|
8116
8075
|
"org.primer.figma": {
|
|
@@ -8119,7 +8078,8 @@
|
|
|
8119
8078
|
"group": "component (internal)",
|
|
8120
8079
|
"scopes": ["borderColor"]
|
|
8121
8080
|
}
|
|
8122
|
-
}
|
|
8081
|
+
},
|
|
8082
|
+
"alpha": 1
|
|
8123
8083
|
},
|
|
8124
8084
|
"name": "button-danger-borderColor-active",
|
|
8125
8085
|
"attributes": {},
|
|
@@ -8163,7 +8123,7 @@
|
|
|
8163
8123
|
"path": ["button", "danger", "shadow", "selected"]
|
|
8164
8124
|
},
|
|
8165
8125
|
"button-inactive-fgColor": {
|
|
8166
|
-
"value": "#
|
|
8126
|
+
"value": "#b7bdc8",
|
|
8167
8127
|
"$type": "color",
|
|
8168
8128
|
"$extensions": {
|
|
8169
8129
|
"org.primer.figma": {
|
|
@@ -8173,10 +8133,10 @@
|
|
|
8173
8133
|
"scopes": ["fgColor"]
|
|
8174
8134
|
}
|
|
8175
8135
|
},
|
|
8176
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8136
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8177
8137
|
"isSource": true,
|
|
8178
8138
|
"original": {
|
|
8179
|
-
"value": "{base.color.neutral.
|
|
8139
|
+
"value": "{base.color.neutral.9}",
|
|
8180
8140
|
"$type": "color",
|
|
8181
8141
|
"$extensions": {
|
|
8182
8142
|
"org.primer.figma": {
|
|
@@ -8192,7 +8152,7 @@
|
|
|
8192
8152
|
"path": ["button", "inactive", "fgColor"]
|
|
8193
8153
|
},
|
|
8194
8154
|
"button-inactive-bgColor": {
|
|
8195
|
-
"value": "#
|
|
8155
|
+
"value": "#262c36",
|
|
8196
8156
|
"$type": "color",
|
|
8197
8157
|
"$extensions": {
|
|
8198
8158
|
"org.primer.figma": {
|
|
@@ -8202,10 +8162,10 @@
|
|
|
8202
8162
|
"scopes": ["bgColor"]
|
|
8203
8163
|
}
|
|
8204
8164
|
},
|
|
8205
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8165
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8206
8166
|
"isSource": true,
|
|
8207
8167
|
"original": {
|
|
8208
|
-
"value": "{
|
|
8168
|
+
"value": "{control.bgColor.rest}",
|
|
8209
8169
|
"$type": "color",
|
|
8210
8170
|
"$extensions": {
|
|
8211
8171
|
"org.primer.figma": {
|
|
@@ -8250,7 +8210,7 @@
|
|
|
8250
8210
|
"path": ["button", "star", "iconColor"]
|
|
8251
8211
|
},
|
|
8252
8212
|
"buttonCounter-default-bgColor-rest": {
|
|
8253
|
-
"value": "#
|
|
8213
|
+
"value": "#2f3742",
|
|
8254
8214
|
"$type": "color",
|
|
8255
8215
|
"$extensions": {
|
|
8256
8216
|
"org.primer.figma": {
|
|
@@ -8263,7 +8223,7 @@
|
|
|
8263
8223
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8264
8224
|
"isSource": true,
|
|
8265
8225
|
"original": {
|
|
8266
|
-
"value": "{base.color.neutral.
|
|
8226
|
+
"value": "{base.color.neutral.5}",
|
|
8267
8227
|
"$type": "color",
|
|
8268
8228
|
"$extensions": {
|
|
8269
8229
|
"org.primer.figma": {
|
|
@@ -8279,7 +8239,7 @@
|
|
|
8279
8239
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8280
8240
|
},
|
|
8281
8241
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8282
|
-
"value": "#
|
|
8242
|
+
"value": "#2f3742",
|
|
8283
8243
|
"$type": "color",
|
|
8284
8244
|
"$extensions": {
|
|
8285
8245
|
"org.primer.figma": {
|
|
@@ -8293,7 +8253,7 @@
|
|
|
8293
8253
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8294
8254
|
"isSource": true,
|
|
8295
8255
|
"original": {
|
|
8296
|
-
"value": "{
|
|
8256
|
+
"value": "{bgColor.neutral.muted}",
|
|
8297
8257
|
"$type": "color",
|
|
8298
8258
|
"$extensions": {
|
|
8299
8259
|
"org.primer.figma": {
|
|
@@ -8862,7 +8822,7 @@
|
|
|
8862
8822
|
"path": ["focus", "outlineColor"]
|
|
8863
8823
|
},
|
|
8864
8824
|
"menu-bgColor-active": {
|
|
8865
|
-
"value": "#
|
|
8825
|
+
"value": "#151b23",
|
|
8866
8826
|
"$type": "color",
|
|
8867
8827
|
"$extensions": {
|
|
8868
8828
|
"org.primer.figma": {
|
|
@@ -8875,7 +8835,7 @@
|
|
|
8875
8835
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8876
8836
|
"isSource": true,
|
|
8877
8837
|
"original": {
|
|
8878
|
-
"value": "{base.color.neutral.
|
|
8838
|
+
"value": "{base.color.neutral.1}",
|
|
8879
8839
|
"$type": "color",
|
|
8880
8840
|
"$extensions": {
|
|
8881
8841
|
"org.primer.figma": {
|
|
@@ -8891,7 +8851,7 @@
|
|
|
8891
8851
|
"path": ["menu", "bgColor", "active"]
|
|
8892
8852
|
},
|
|
8893
8853
|
"overlay-bgColor": {
|
|
8894
|
-
"value": "#
|
|
8854
|
+
"value": "#151b23",
|
|
8895
8855
|
"$type": "color",
|
|
8896
8856
|
"$extensions": {
|
|
8897
8857
|
"org.primer.figma": {
|
|
@@ -8904,7 +8864,7 @@
|
|
|
8904
8864
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8905
8865
|
"isSource": true,
|
|
8906
8866
|
"original": {
|
|
8907
|
-
"value": "{
|
|
8867
|
+
"value": "{bgColor.muted}",
|
|
8908
8868
|
"$type": "color",
|
|
8909
8869
|
"$extensions": {
|
|
8910
8870
|
"org.primer.figma": {
|
|
@@ -8920,7 +8880,7 @@
|
|
|
8920
8880
|
"path": ["overlay", "bgColor"]
|
|
8921
8881
|
},
|
|
8922
8882
|
"overlay-borderColor": {
|
|
8923
|
-
"value": "#
|
|
8883
|
+
"value": "#b7bdc8",
|
|
8924
8884
|
"$type": "color",
|
|
8925
8885
|
"$extensions": {
|
|
8926
8886
|
"org.primer.figma": {
|
|
@@ -8931,8 +8891,9 @@
|
|
|
8931
8891
|
},
|
|
8932
8892
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8933
8893
|
"isSource": true,
|
|
8894
|
+
"alpha": null,
|
|
8934
8895
|
"original": {
|
|
8935
|
-
"value": "{borderColor.
|
|
8896
|
+
"value": "{borderColor.default}",
|
|
8936
8897
|
"$type": "color",
|
|
8937
8898
|
"$extensions": {
|
|
8938
8899
|
"org.primer.figma": {
|
|
@@ -8940,14 +8901,15 @@
|
|
|
8940
8901
|
"mode": "dark",
|
|
8941
8902
|
"group": "component (internal)"
|
|
8942
8903
|
}
|
|
8943
|
-
}
|
|
8904
|
+
},
|
|
8905
|
+
"alpha": null
|
|
8944
8906
|
},
|
|
8945
8907
|
"name": "overlay-borderColor",
|
|
8946
8908
|
"attributes": {},
|
|
8947
8909
|
"path": ["overlay", "borderColor"]
|
|
8948
8910
|
},
|
|
8949
8911
|
"overlay-backdrop-bgColor": {
|
|
8950
|
-
"value": "#
|
|
8912
|
+
"value": "#d1d7e066",
|
|
8951
8913
|
"$type": "color",
|
|
8952
8914
|
"$extensions": {
|
|
8953
8915
|
"org.primer.figma": {
|
|
@@ -8958,10 +8920,10 @@
|
|
|
8958
8920
|
}
|
|
8959
8921
|
},
|
|
8960
8922
|
"alpha": 0.4,
|
|
8961
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8923
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8962
8924
|
"isSource": true,
|
|
8963
8925
|
"original": {
|
|
8964
|
-
"value": "{base.color.neutral.
|
|
8926
|
+
"value": "{base.color.neutral.10}",
|
|
8965
8927
|
"$type": "color",
|
|
8966
8928
|
"$extensions": {
|
|
8967
8929
|
"org.primer.figma": {
|
|
@@ -8978,7 +8940,7 @@
|
|
|
8978
8940
|
"path": ["overlay", "backdrop", "bgColor"]
|
|
8979
8941
|
},
|
|
8980
8942
|
"selectMenu-borderColor": {
|
|
8981
|
-
"value": "#
|
|
8943
|
+
"value": "#b7bdc8",
|
|
8982
8944
|
"$type": "color",
|
|
8983
8945
|
"$extensions": {
|
|
8984
8946
|
"org.primer.figma": {
|
|
@@ -8991,7 +8953,7 @@
|
|
|
8991
8953
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8992
8954
|
"isSource": true,
|
|
8993
8955
|
"original": {
|
|
8994
|
-
"value": "{
|
|
8956
|
+
"value": "{borderColor.default}",
|
|
8995
8957
|
"$type": "color",
|
|
8996
8958
|
"$extensions": {
|
|
8997
8959
|
"org.primer.figma": {
|
|
@@ -9036,7 +8998,7 @@
|
|
|
9036
8998
|
"path": ["selectMenu", "bgColor", "active"]
|
|
9037
8999
|
},
|
|
9038
9000
|
"sideNav-bgColor-selected": {
|
|
9039
|
-
"value": "#
|
|
9001
|
+
"value": "#212830",
|
|
9040
9002
|
"$type": "color",
|
|
9041
9003
|
"$extensions": {
|
|
9042
9004
|
"org.primer.figma": {
|
|
@@ -9049,7 +9011,7 @@
|
|
|
9049
9011
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9050
9012
|
"isSource": true,
|
|
9051
9013
|
"original": {
|
|
9052
|
-
"value": "{base.color.neutral.
|
|
9014
|
+
"value": "{base.color.neutral.2}",
|
|
9053
9015
|
"$type": "color",
|
|
9054
9016
|
"$extensions": {
|
|
9055
9017
|
"org.primer.figma": {
|
|
@@ -9065,7 +9027,7 @@
|
|
|
9065
9027
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9066
9028
|
},
|
|
9067
9029
|
"skeletonLoader-bgColor": {
|
|
9068
|
-
"value": "#
|
|
9030
|
+
"value": "#151b23",
|
|
9069
9031
|
"$type": "color",
|
|
9070
9032
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9071
9033
|
"isSource": true,
|
|
@@ -9078,7 +9040,7 @@
|
|
|
9078
9040
|
"path": ["skeletonLoader", "bgColor"]
|
|
9079
9041
|
},
|
|
9080
9042
|
"timelineBadge-bgColor": {
|
|
9081
|
-
"value": "#
|
|
9043
|
+
"value": "#212830",
|
|
9082
9044
|
"$type": "color",
|
|
9083
9045
|
"$extensions": {
|
|
9084
9046
|
"org.primer.figma": {
|
|
@@ -9091,7 +9053,7 @@
|
|
|
9091
9053
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9092
9054
|
"isSource": true,
|
|
9093
9055
|
"original": {
|
|
9094
|
-
"value": "{base.color.neutral.
|
|
9056
|
+
"value": "{base.color.neutral.2}",
|
|
9095
9057
|
"$type": "color",
|
|
9096
9058
|
"$extensions": {
|
|
9097
9059
|
"org.primer.figma": {
|
|
@@ -9107,7 +9069,7 @@
|
|
|
9107
9069
|
"path": ["timelineBadge", "bgColor"]
|
|
9108
9070
|
},
|
|
9109
9071
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
9110
|
-
"value": "#
|
|
9072
|
+
"value": "#b7bdc8",
|
|
9111
9073
|
"$type": "color",
|
|
9112
9074
|
"$extensions": {
|
|
9113
9075
|
"org.primer.figma": {
|
|
@@ -9165,7 +9127,7 @@
|
|
|
9165
9127
|
"path": ["underlineNav", "borderColor", "active"]
|
|
9166
9128
|
},
|
|
9167
9129
|
"underlineNav-borderColor-hover": {
|
|
9168
|
-
"value": "#
|
|
9130
|
+
"value": "#b7bdc8",
|
|
9169
9131
|
"$type": "color",
|
|
9170
9132
|
"$extensions": {
|
|
9171
9133
|
"org.primer.figma": {
|
|
@@ -9175,10 +9137,10 @@
|
|
|
9175
9137
|
"scopes": ["borderColor"]
|
|
9176
9138
|
}
|
|
9177
9139
|
},
|
|
9178
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
9140
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9179
9141
|
"isSource": true,
|
|
9180
9142
|
"original": {
|
|
9181
|
-
"value": "{
|
|
9143
|
+
"value": "{borderColor.neutral.muted}",
|
|
9182
9144
|
"$type": "color",
|
|
9183
9145
|
"$extensions": {
|
|
9184
9146
|
"org.primer.figma": {
|
|
@@ -9194,7 +9156,7 @@
|
|
|
9194
9156
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
9195
9157
|
},
|
|
9196
9158
|
"underlineNav-iconColor-rest": {
|
|
9197
|
-
"value": "#
|
|
9159
|
+
"value": "#b7bdc8",
|
|
9198
9160
|
"$type": "color",
|
|
9199
9161
|
"$extensions": {
|
|
9200
9162
|
"org.primer.figma": {
|
|
@@ -9204,10 +9166,10 @@
|
|
|
9204
9166
|
"scopes": ["fgColor"]
|
|
9205
9167
|
}
|
|
9206
9168
|
},
|
|
9207
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
9169
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9208
9170
|
"isSource": true,
|
|
9209
9171
|
"original": {
|
|
9210
|
-
"value": "{
|
|
9172
|
+
"value": "{fgColor.muted}",
|
|
9211
9173
|
"$type": "color",
|
|
9212
9174
|
"$extensions": {
|
|
9213
9175
|
"org.primer.figma": {
|
|
@@ -9254,7 +9216,7 @@
|
|
|
9254
9216
|
"path": ["selection", "bgColor"]
|
|
9255
9217
|
},
|
|
9256
9218
|
"card-bgColor": {
|
|
9257
|
-
"value": "#
|
|
9219
|
+
"value": "#151b23",
|
|
9258
9220
|
"$type": "color",
|
|
9259
9221
|
"$extensions": {
|
|
9260
9222
|
"org.primer.figma": {
|
|
@@ -12647,7 +12609,7 @@
|
|
|
12647
12609
|
"path": ["tooltip", "fgColor"]
|
|
12648
12610
|
},
|
|
12649
12611
|
"fgColor-default": {
|
|
12650
|
-
"value": "#
|
|
12612
|
+
"value": "#ffffff",
|
|
12651
12613
|
"$type": "color",
|
|
12652
12614
|
"$extensions": {
|
|
12653
12615
|
"org.primer.figma": {
|
|
@@ -12660,14 +12622,10 @@
|
|
|
12660
12622
|
}
|
|
12661
12623
|
}
|
|
12662
12624
|
},
|
|
12663
|
-
"
|
|
12664
|
-
"color": "#f0f3f6",
|
|
12665
|
-
"weight": 0.25
|
|
12666
|
-
},
|
|
12667
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12625
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12668
12626
|
"isSource": true,
|
|
12669
12627
|
"original": {
|
|
12670
|
-
"value": "{base.color.
|
|
12628
|
+
"value": "{base.color.white}",
|
|
12671
12629
|
"$type": "color",
|
|
12672
12630
|
"$extensions": {
|
|
12673
12631
|
"org.primer.figma": {
|
|
@@ -12679,10 +12637,6 @@
|
|
|
12679
12637
|
"web": "var(--fgColor-default) /* utility class: .color-fg-default */"
|
|
12680
12638
|
}
|
|
12681
12639
|
}
|
|
12682
|
-
},
|
|
12683
|
-
"mix": {
|
|
12684
|
-
"color": "{base.color.neutral.1}",
|
|
12685
|
-
"weight": 0.25
|
|
12686
12640
|
}
|
|
12687
12641
|
},
|
|
12688
12642
|
"name": "fgColor-default",
|
|
@@ -12690,7 +12644,7 @@
|
|
|
12690
12644
|
"path": ["fgColor", "default"]
|
|
12691
12645
|
},
|
|
12692
12646
|
"fgColor-muted": {
|
|
12693
|
-
"value": "#
|
|
12647
|
+
"value": "#b7bdc8",
|
|
12694
12648
|
"$type": "color",
|
|
12695
12649
|
"$extensions": {
|
|
12696
12650
|
"org.primer.figma": {
|
|
@@ -12703,12 +12657,10 @@
|
|
|
12703
12657
|
}
|
|
12704
12658
|
}
|
|
12705
12659
|
},
|
|
12706
|
-
"mix": null,
|
|
12707
12660
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12708
12661
|
"isSource": true,
|
|
12709
|
-
"alpha": 1,
|
|
12710
12662
|
"original": {
|
|
12711
|
-
"value": "{base.color.neutral.
|
|
12663
|
+
"value": "{base.color.neutral.9}",
|
|
12712
12664
|
"$type": "color",
|
|
12713
12665
|
"$extensions": {
|
|
12714
12666
|
"org.primer.figma": {
|
|
@@ -12720,16 +12672,14 @@
|
|
|
12720
12672
|
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12721
12673
|
}
|
|
12722
12674
|
}
|
|
12723
|
-
}
|
|
12724
|
-
"mix": null,
|
|
12725
|
-
"alpha": 1
|
|
12675
|
+
}
|
|
12726
12676
|
},
|
|
12727
12677
|
"name": "fgColor-muted",
|
|
12728
12678
|
"attributes": {},
|
|
12729
12679
|
"path": ["fgColor", "muted"]
|
|
12730
12680
|
},
|
|
12731
12681
|
"fgColor-onEmphasis": {
|
|
12732
|
-
"value": "#
|
|
12682
|
+
"value": "#010409",
|
|
12733
12683
|
"$type": "color",
|
|
12734
12684
|
"$extensions": {
|
|
12735
12685
|
"org.primer.figma": {
|
|
@@ -12745,7 +12695,7 @@
|
|
|
12745
12695
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12746
12696
|
"isSource": true,
|
|
12747
12697
|
"original": {
|
|
12748
|
-
"value": "{base.color.
|
|
12698
|
+
"value": "{base.color.black}",
|
|
12749
12699
|
"$type": "color",
|
|
12750
12700
|
"$extensions": {
|
|
12751
12701
|
"org.primer.figma": {
|
|
@@ -12851,7 +12801,7 @@
|
|
|
12851
12801
|
"path": ["fgColor", "black"]
|
|
12852
12802
|
},
|
|
12853
12803
|
"fgColor-disabled": {
|
|
12854
|
-
"value": "#
|
|
12804
|
+
"value": "#9198a1",
|
|
12855
12805
|
"$type": "color",
|
|
12856
12806
|
"$extensions": {
|
|
12857
12807
|
"org.primer.figma": {
|
|
@@ -12864,7 +12814,7 @@
|
|
|
12864
12814
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12865
12815
|
"isSource": true,
|
|
12866
12816
|
"original": {
|
|
12867
|
-
"value": "{base.color.neutral.
|
|
12817
|
+
"value": "{base.color.neutral.8}",
|
|
12868
12818
|
"$type": "color",
|
|
12869
12819
|
"$extensions": {
|
|
12870
12820
|
"org.primer.figma": {
|
|
@@ -12915,7 +12865,7 @@
|
|
|
12915
12865
|
"path": ["fgColor", "link"]
|
|
12916
12866
|
},
|
|
12917
12867
|
"fgColor-neutral": {
|
|
12918
|
-
"value": "#
|
|
12868
|
+
"value": "#b7bdc8",
|
|
12919
12869
|
"$type": "color",
|
|
12920
12870
|
"$extensions": {
|
|
12921
12871
|
"org.primer.figma": {
|
|
@@ -12928,7 +12878,7 @@
|
|
|
12928
12878
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12929
12879
|
"isSource": true,
|
|
12930
12880
|
"original": {
|
|
12931
|
-
"value": "{base.color.neutral.
|
|
12881
|
+
"value": "{base.color.neutral.9}",
|
|
12932
12882
|
"$type": "color",
|
|
12933
12883
|
"$extensions": {
|
|
12934
12884
|
"org.primer.figma": {
|
|
@@ -13302,7 +13252,7 @@
|
|
|
13302
13252
|
"path": ["fgColor", "sponsors"]
|
|
13303
13253
|
},
|
|
13304
13254
|
"bgColor-default": {
|
|
13305
|
-
"value": "#
|
|
13255
|
+
"value": "#010409",
|
|
13306
13256
|
"$type": "color",
|
|
13307
13257
|
"$extensions": {
|
|
13308
13258
|
"org.primer.figma": {
|
|
@@ -13315,10 +13265,10 @@
|
|
|
13315
13265
|
}
|
|
13316
13266
|
}
|
|
13317
13267
|
},
|
|
13318
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13268
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13319
13269
|
"isSource": true,
|
|
13320
13270
|
"original": {
|
|
13321
|
-
"value": "{base.color.
|
|
13271
|
+
"value": "{base.color.black}",
|
|
13322
13272
|
"$type": "color",
|
|
13323
13273
|
"$extensions": {
|
|
13324
13274
|
"org.primer.figma": {
|
|
@@ -13337,7 +13287,7 @@
|
|
|
13337
13287
|
"path": ["bgColor", "default"]
|
|
13338
13288
|
},
|
|
13339
13289
|
"bgColor-muted": {
|
|
13340
|
-
"value": "#
|
|
13290
|
+
"value": "#151b23",
|
|
13341
13291
|
"$type": "color",
|
|
13342
13292
|
"$extensions": {
|
|
13343
13293
|
"org.primer.figma": {
|
|
@@ -13352,12 +13302,8 @@
|
|
|
13352
13302
|
},
|
|
13353
13303
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13354
13304
|
"isSource": true,
|
|
13355
|
-
"mix": {
|
|
13356
|
-
"color": "#272b33",
|
|
13357
|
-
"weight": 0.5
|
|
13358
|
-
},
|
|
13359
13305
|
"original": {
|
|
13360
|
-
"value": "{base.color.neutral.
|
|
13306
|
+
"value": "{base.color.neutral.1}",
|
|
13361
13307
|
"$type": "color",
|
|
13362
13308
|
"$extensions": {
|
|
13363
13309
|
"org.primer.figma": {
|
|
@@ -13369,10 +13315,6 @@
|
|
|
13369
13315
|
"web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
|
|
13370
13316
|
}
|
|
13371
13317
|
}
|
|
13372
|
-
},
|
|
13373
|
-
"mix": {
|
|
13374
|
-
"color": "{base.color.neutral.8}",
|
|
13375
|
-
"weight": 0.5
|
|
13376
13318
|
}
|
|
13377
13319
|
},
|
|
13378
13320
|
"name": "bgColor-muted",
|
|
@@ -13537,7 +13479,7 @@
|
|
|
13537
13479
|
"path": ["bgColor", "black"]
|
|
13538
13480
|
},
|
|
13539
13481
|
"bgColor-disabled": {
|
|
13540
|
-
"value": "#
|
|
13482
|
+
"value": "#262c36",
|
|
13541
13483
|
"$type": "color",
|
|
13542
13484
|
"$extensions": {
|
|
13543
13485
|
"org.primer.figma": {
|
|
@@ -13547,11 +13489,10 @@
|
|
|
13547
13489
|
"scopes": ["bgColor"]
|
|
13548
13490
|
}
|
|
13549
13491
|
},
|
|
13550
|
-
"
|
|
13551
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13492
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13552
13493
|
"isSource": true,
|
|
13553
13494
|
"original": {
|
|
13554
|
-
"value": "{base.color.neutral.
|
|
13495
|
+
"value": "{base.color.neutral.3}",
|
|
13555
13496
|
"$type": "color",
|
|
13556
13497
|
"$extensions": {
|
|
13557
13498
|
"org.primer.figma": {
|
|
@@ -13560,8 +13501,7 @@
|
|
|
13560
13501
|
"group": "semantic",
|
|
13561
13502
|
"scopes": ["bgColor"]
|
|
13562
13503
|
}
|
|
13563
|
-
}
|
|
13564
|
-
"alpha": 0.7
|
|
13504
|
+
}
|
|
13565
13505
|
},
|
|
13566
13506
|
"name": "bgColor-disabled",
|
|
13567
13507
|
"attributes": {},
|
|
@@ -13603,7 +13543,7 @@
|
|
|
13603
13543
|
"path": ["bgColor", "transparent"]
|
|
13604
13544
|
},
|
|
13605
13545
|
"bgColor-neutral-muted": {
|
|
13606
|
-
"value": "#
|
|
13546
|
+
"value": "#2f3742b3",
|
|
13607
13547
|
"$type": "color",
|
|
13608
13548
|
"$extensions": {
|
|
13609
13549
|
"org.primer.figma": {
|
|
@@ -13613,8 +13553,8 @@
|
|
|
13613
13553
|
"scopes": ["bgColor"]
|
|
13614
13554
|
}
|
|
13615
13555
|
},
|
|
13616
|
-
"alpha": 0.
|
|
13617
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13556
|
+
"alpha": 0.7,
|
|
13557
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13618
13558
|
"isSource": true,
|
|
13619
13559
|
"original": {
|
|
13620
13560
|
"value": "{base.color.neutral.5}",
|
|
@@ -13627,14 +13567,14 @@
|
|
|
13627
13567
|
"scopes": ["bgColor"]
|
|
13628
13568
|
}
|
|
13629
13569
|
},
|
|
13630
|
-
"alpha": 0.
|
|
13570
|
+
"alpha": 0.7
|
|
13631
13571
|
},
|
|
13632
13572
|
"name": "bgColor-neutral-muted",
|
|
13633
13573
|
"attributes": {},
|
|
13634
13574
|
"path": ["bgColor", "neutral", "muted"]
|
|
13635
13575
|
},
|
|
13636
13576
|
"bgColor-neutral-emphasis": {
|
|
13637
|
-
"value": "#
|
|
13577
|
+
"value": "#b7bdc8",
|
|
13638
13578
|
"$type": "color",
|
|
13639
13579
|
"$extensions": {
|
|
13640
13580
|
"org.primer.figma": {
|
|
@@ -13647,7 +13587,7 @@
|
|
|
13647
13587
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13648
13588
|
"isSource": true,
|
|
13649
13589
|
"original": {
|
|
13650
|
-
"value": "{base.color.neutral.
|
|
13590
|
+
"value": "{base.color.neutral.9}",
|
|
13651
13591
|
"$type": "color",
|
|
13652
13592
|
"$extensions": {
|
|
13653
13593
|
"org.primer.figma": {
|
|
@@ -14383,7 +14323,7 @@
|
|
|
14383
14323
|
"path": ["bgColor", "sponsors", "emphasis"]
|
|
14384
14324
|
},
|
|
14385
14325
|
"borderColor-default": {
|
|
14386
|
-
"value": "#
|
|
14326
|
+
"value": "#b7bdc8",
|
|
14387
14327
|
"$type": "color",
|
|
14388
14328
|
"$extensions": {
|
|
14389
14329
|
"org.primer.figma": {
|
|
@@ -14399,7 +14339,7 @@
|
|
|
14399
14339
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14400
14340
|
"isSource": true,
|
|
14401
14341
|
"original": {
|
|
14402
|
-
"value": "{base.color.neutral.
|
|
14342
|
+
"value": "{base.color.neutral.9}",
|
|
14403
14343
|
"$type": "color",
|
|
14404
14344
|
"$extensions": {
|
|
14405
14345
|
"org.primer.figma": {
|
|
@@ -14418,7 +14358,7 @@
|
|
|
14418
14358
|
"path": ["borderColor", "default"]
|
|
14419
14359
|
},
|
|
14420
14360
|
"borderColor-muted": {
|
|
14421
|
-
"value": "#
|
|
14361
|
+
"value": "#b7bdc8",
|
|
14422
14362
|
"$type": "color",
|
|
14423
14363
|
"$extensions": {
|
|
14424
14364
|
"org.primer.figma": {
|
|
@@ -14435,7 +14375,7 @@
|
|
|
14435
14375
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14436
14376
|
"isSource": true,
|
|
14437
14377
|
"original": {
|
|
14438
|
-
"value": "{
|
|
14378
|
+
"value": "{borderColor.default}",
|
|
14439
14379
|
"$type": "color",
|
|
14440
14380
|
"$extensions": {
|
|
14441
14381
|
"org.primer.figma": {
|
|
@@ -14455,7 +14395,7 @@
|
|
|
14455
14395
|
"path": ["borderColor", "muted"]
|
|
14456
14396
|
},
|
|
14457
14397
|
"borderColor-emphasis": {
|
|
14458
|
-
"value": "#
|
|
14398
|
+
"value": "#b7bdc8",
|
|
14459
14399
|
"$type": "color",
|
|
14460
14400
|
"$extensions": {
|
|
14461
14401
|
"org.primer.figma": {
|
|
@@ -14468,7 +14408,7 @@
|
|
|
14468
14408
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14469
14409
|
"isSource": true,
|
|
14470
14410
|
"original": {
|
|
14471
|
-
"value": "{
|
|
14411
|
+
"value": "{borderColor.default}",
|
|
14472
14412
|
"$type": "color",
|
|
14473
14413
|
"$extensions": {
|
|
14474
14414
|
"org.primer.figma": {
|
|
@@ -14484,7 +14424,7 @@
|
|
|
14484
14424
|
"path": ["borderColor", "emphasis"]
|
|
14485
14425
|
},
|
|
14486
14426
|
"borderColor-disabled": {
|
|
14487
|
-
"value": "#
|
|
14427
|
+
"value": "#262c36",
|
|
14488
14428
|
"$type": "color",
|
|
14489
14429
|
"$extensions": {
|
|
14490
14430
|
"org.primer.figma": {
|
|
@@ -14542,7 +14482,7 @@
|
|
|
14542
14482
|
"path": ["borderColor", "transparent"]
|
|
14543
14483
|
},
|
|
14544
14484
|
"borderColor-translucent": {
|
|
14545
|
-
"value": "#
|
|
14485
|
+
"value": "#2f3742",
|
|
14546
14486
|
"$type": "color",
|
|
14547
14487
|
"$extensions": {
|
|
14548
14488
|
"org.primer.figma": {
|
|
@@ -14573,7 +14513,7 @@
|
|
|
14573
14513
|
"path": ["borderColor", "translucent"]
|
|
14574
14514
|
},
|
|
14575
14515
|
"borderColor-neutral-muted": {
|
|
14576
|
-
"value": "#
|
|
14516
|
+
"value": "#b7bdc8",
|
|
14577
14517
|
"$type": "color",
|
|
14578
14518
|
"$extensions": {
|
|
14579
14519
|
"org.primer.figma": {
|
|
@@ -14583,11 +14523,10 @@
|
|
|
14583
14523
|
"scopes": ["borderColor"]
|
|
14584
14524
|
}
|
|
14585
14525
|
},
|
|
14586
|
-
"
|
|
14587
|
-
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14526
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14588
14527
|
"isSource": true,
|
|
14589
14528
|
"original": {
|
|
14590
|
-
"value": "{
|
|
14529
|
+
"value": "{borderColor.muted}",
|
|
14591
14530
|
"$type": "color",
|
|
14592
14531
|
"$extensions": {
|
|
14593
14532
|
"org.primer.figma": {
|
|
@@ -14596,15 +14535,14 @@
|
|
|
14596
14535
|
"group": "semantic",
|
|
14597
14536
|
"scopes": ["borderColor"]
|
|
14598
14537
|
}
|
|
14599
|
-
}
|
|
14600
|
-
"alpha": 1
|
|
14538
|
+
}
|
|
14601
14539
|
},
|
|
14602
14540
|
"name": "borderColor-neutral-muted",
|
|
14603
14541
|
"attributes": {},
|
|
14604
14542
|
"path": ["borderColor", "neutral", "muted"]
|
|
14605
14543
|
},
|
|
14606
14544
|
"borderColor-neutral-emphasis": {
|
|
14607
|
-
"value": "#
|
|
14545
|
+
"value": "#b7bdc8",
|
|
14608
14546
|
"$type": "color",
|
|
14609
14547
|
"$extensions": {
|
|
14610
14548
|
"org.primer.figma": {
|
|
@@ -14614,10 +14552,10 @@
|
|
|
14614
14552
|
"scopes": ["borderColor"]
|
|
14615
14553
|
}
|
|
14616
14554
|
},
|
|
14617
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14555
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14618
14556
|
"isSource": true,
|
|
14619
14557
|
"original": {
|
|
14620
|
-
"value": "{
|
|
14558
|
+
"value": "{borderColor.emphasis}",
|
|
14621
14559
|
"$type": "color",
|
|
14622
14560
|
"$extensions": {
|
|
14623
14561
|
"org.primer.figma": {
|
|
@@ -15353,7 +15291,7 @@
|
|
|
15353
15291
|
"path": ["borderColor", "sponsors", "emphasis"]
|
|
15354
15292
|
},
|
|
15355
15293
|
"color-ansi-black": {
|
|
15356
|
-
"value": "#
|
|
15294
|
+
"value": "#2f3742",
|
|
15357
15295
|
"$type": "color",
|
|
15358
15296
|
"$extensions": {
|
|
15359
15297
|
"org.primer.figma": {
|
|
@@ -15380,7 +15318,7 @@
|
|
|
15380
15318
|
"path": ["color", "ansi", "black"]
|
|
15381
15319
|
},
|
|
15382
15320
|
"color-ansi-black-bright": {
|
|
15383
|
-
"value": "#
|
|
15321
|
+
"value": "#656c76",
|
|
15384
15322
|
"$type": "color",
|
|
15385
15323
|
"$extensions": {
|
|
15386
15324
|
"org.primer.figma": {
|
|
@@ -15392,7 +15330,7 @@
|
|
|
15392
15330
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15393
15331
|
"isSource": true,
|
|
15394
15332
|
"original": {
|
|
15395
|
-
"value": "{base.color.neutral.
|
|
15333
|
+
"value": "{base.color.neutral.7}",
|
|
15396
15334
|
"$type": "color",
|
|
15397
15335
|
"$extensions": {
|
|
15398
15336
|
"org.primer.figma": {
|
|
@@ -15407,7 +15345,7 @@
|
|
|
15407
15345
|
"path": ["color", "ansi", "black-bright"]
|
|
15408
15346
|
},
|
|
15409
15347
|
"color-ansi-white": {
|
|
15410
|
-
"value": "#
|
|
15348
|
+
"value": "#f0f6fc",
|
|
15411
15349
|
"$type": "color",
|
|
15412
15350
|
"$extensions": {
|
|
15413
15351
|
"org.primer.figma": {
|
|
@@ -15419,7 +15357,7 @@
|
|
|
15419
15357
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15420
15358
|
"isSource": true,
|
|
15421
15359
|
"original": {
|
|
15422
|
-
"value": "{base.color.neutral.
|
|
15360
|
+
"value": "{base.color.neutral.11}",
|
|
15423
15361
|
"$type": "color",
|
|
15424
15362
|
"$extensions": {
|
|
15425
15363
|
"org.primer.figma": {
|
|
@@ -15461,7 +15399,7 @@
|
|
|
15461
15399
|
"path": ["color", "ansi", "white-bright"]
|
|
15462
15400
|
},
|
|
15463
15401
|
"color-ansi-gray": {
|
|
15464
|
-
"value": "#
|
|
15402
|
+
"value": "#656c76",
|
|
15465
15403
|
"$type": "color",
|
|
15466
15404
|
"$extensions": {
|
|
15467
15405
|
"org.primer.figma": {
|
|
@@ -15473,7 +15411,7 @@
|
|
|
15473
15411
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15474
15412
|
"isSource": true,
|
|
15475
15413
|
"original": {
|
|
15476
|
-
"value": "{base.color.neutral.
|
|
15414
|
+
"value": "{base.color.neutral.7}",
|
|
15477
15415
|
"$type": "color",
|
|
15478
15416
|
"$extensions": {
|
|
15479
15417
|
"org.primer.figma": {
|
|
@@ -15812,7 +15750,7 @@
|
|
|
15812
15750
|
"path": ["color", "ansi", "cyan-bright"]
|
|
15813
15751
|
},
|
|
15814
15752
|
"color-prettylights-syntax-comment": {
|
|
15815
|
-
"value": "#
|
|
15753
|
+
"value": "#9198a1",
|
|
15816
15754
|
"$type": "color",
|
|
15817
15755
|
"$extensions": {
|
|
15818
15756
|
"org.primer.figma": {
|
|
@@ -15824,7 +15762,7 @@
|
|
|
15824
15762
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15825
15763
|
"isSource": true,
|
|
15826
15764
|
"original": {
|
|
15827
|
-
"value": "{base.color.neutral.
|
|
15765
|
+
"value": "{base.color.neutral.8}",
|
|
15828
15766
|
"$type": "color",
|
|
15829
15767
|
"$extensions": {
|
|
15830
15768
|
"org.primer.figma": {
|
|
@@ -15920,7 +15858,7 @@
|
|
|
15920
15858
|
"path": ["color", "prettylights", "syntax", "entity"]
|
|
15921
15859
|
},
|
|
15922
15860
|
"color-prettylights-syntax-storage-modifier-import": {
|
|
15923
|
-
"value": "#
|
|
15861
|
+
"value": "#f0f6fc",
|
|
15924
15862
|
"$type": "color",
|
|
15925
15863
|
"$extensions": {
|
|
15926
15864
|
"org.primer.figma": {
|
|
@@ -15932,7 +15870,7 @@
|
|
|
15932
15870
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15933
15871
|
"isSource": true,
|
|
15934
15872
|
"original": {
|
|
15935
|
-
"value": "{base.color.neutral.
|
|
15873
|
+
"value": "{base.color.neutral.11}",
|
|
15936
15874
|
"$type": "color",
|
|
15937
15875
|
"$extensions": {
|
|
15938
15876
|
"org.primer.figma": {
|
|
@@ -16082,7 +16020,7 @@
|
|
|
16082
16020
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
|
|
16083
16021
|
},
|
|
16084
16022
|
"color-prettylights-syntax-brackethighlighter-angle": {
|
|
16085
|
-
"value": "#
|
|
16023
|
+
"value": "#9198a1",
|
|
16086
16024
|
"$type": "color",
|
|
16087
16025
|
"$extensions": {
|
|
16088
16026
|
"org.primer.figma": {
|
|
@@ -16094,7 +16032,7 @@
|
|
|
16094
16032
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16095
16033
|
"isSource": true,
|
|
16096
16034
|
"original": {
|
|
16097
|
-
"value": "{base.color.neutral.
|
|
16035
|
+
"value": "{base.color.neutral.8}",
|
|
16098
16036
|
"$type": "color",
|
|
16099
16037
|
"$extensions": {
|
|
16100
16038
|
"org.primer.figma": {
|
|
@@ -16109,7 +16047,7 @@
|
|
|
16109
16047
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"]
|
|
16110
16048
|
},
|
|
16111
16049
|
"color-prettylights-syntax-invalid-illegal-text": {
|
|
16112
|
-
"value": "#
|
|
16050
|
+
"value": "#f0f6fc",
|
|
16113
16051
|
"$type": "color",
|
|
16114
16052
|
"$extensions": {
|
|
16115
16053
|
"org.primer.figma": {
|
|
@@ -16121,7 +16059,7 @@
|
|
|
16121
16059
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16122
16060
|
"isSource": true,
|
|
16123
16061
|
"original": {
|
|
16124
|
-
"value": "{base.color.neutral.
|
|
16062
|
+
"value": "{base.color.neutral.11}",
|
|
16125
16063
|
"$type": "color",
|
|
16126
16064
|
"$extensions": {
|
|
16127
16065
|
"org.primer.figma": {
|
|
@@ -16163,7 +16101,7 @@
|
|
|
16163
16101
|
"path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"]
|
|
16164
16102
|
},
|
|
16165
16103
|
"color-prettylights-syntax-carriage-return-text": {
|
|
16166
|
-
"value": "#
|
|
16104
|
+
"value": "#f0f6fc",
|
|
16167
16105
|
"$type": "color",
|
|
16168
16106
|
"$extensions": {
|
|
16169
16107
|
"org.primer.figma": {
|
|
@@ -16175,7 +16113,7 @@
|
|
|
16175
16113
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16176
16114
|
"isSource": true,
|
|
16177
16115
|
"original": {
|
|
16178
|
-
"value": "{base.color.neutral.
|
|
16116
|
+
"value": "{base.color.neutral.11}",
|
|
16179
16117
|
"$type": "color",
|
|
16180
16118
|
"$extensions": {
|
|
16181
16119
|
"org.primer.figma": {
|
|
@@ -16298,7 +16236,7 @@
|
|
|
16298
16236
|
"path": ["color", "prettylights", "syntax", "markup", "heading"]
|
|
16299
16237
|
},
|
|
16300
16238
|
"color-prettylights-syntax-markup-italic": {
|
|
16301
|
-
"value": "#
|
|
16239
|
+
"value": "#f0f6fc",
|
|
16302
16240
|
"$type": "color",
|
|
16303
16241
|
"$extensions": {
|
|
16304
16242
|
"org.primer.figma": {
|
|
@@ -16310,7 +16248,7 @@
|
|
|
16310
16248
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16311
16249
|
"isSource": true,
|
|
16312
16250
|
"original": {
|
|
16313
|
-
"value": "{base.color.neutral.
|
|
16251
|
+
"value": "{base.color.neutral.11}",
|
|
16314
16252
|
"$type": "color",
|
|
16315
16253
|
"$extensions": {
|
|
16316
16254
|
"org.primer.figma": {
|
|
@@ -16325,7 +16263,7 @@
|
|
|
16325
16263
|
"path": ["color", "prettylights", "syntax", "markup", "italic"]
|
|
16326
16264
|
},
|
|
16327
16265
|
"color-prettylights-syntax-markup-bold": {
|
|
16328
|
-
"value": "#
|
|
16266
|
+
"value": "#f0f6fc",
|
|
16329
16267
|
"$type": "color",
|
|
16330
16268
|
"$extensions": {
|
|
16331
16269
|
"org.primer.figma": {
|
|
@@ -16337,7 +16275,7 @@
|
|
|
16337
16275
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16338
16276
|
"isSource": true,
|
|
16339
16277
|
"original": {
|
|
16340
|
-
"value": "{base.color.neutral.
|
|
16278
|
+
"value": "{base.color.neutral.11}",
|
|
16341
16279
|
"$type": "color",
|
|
16342
16280
|
"$extensions": {
|
|
16343
16281
|
"org.primer.figma": {
|
|
@@ -16514,7 +16452,7 @@
|
|
|
16514
16452
|
"path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
|
|
16515
16453
|
},
|
|
16516
16454
|
"color-prettylights-syntax-markup-ignored-text": {
|
|
16517
|
-
"value": "#
|
|
16455
|
+
"value": "#f0f6fc",
|
|
16518
16456
|
"$type": "color",
|
|
16519
16457
|
"$extensions": {
|
|
16520
16458
|
"org.primer.figma": {
|
|
@@ -16526,7 +16464,7 @@
|
|
|
16526
16464
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16527
16465
|
"isSource": true,
|
|
16528
16466
|
"original": {
|
|
16529
|
-
"value": "{base.color.neutral.
|
|
16467
|
+
"value": "{base.color.neutral.11}",
|
|
16530
16468
|
"$type": "color",
|
|
16531
16469
|
"$extensions": {
|
|
16532
16470
|
"org.primer.figma": {
|
|
@@ -16595,7 +16533,7 @@
|
|
|
16595
16533
|
"path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
|
|
16596
16534
|
},
|
|
16597
16535
|
"color-prettylights-syntax-sublimelinter-gutter-mark": {
|
|
16598
|
-
"value": "#
|
|
16536
|
+
"value": "#3d444d",
|
|
16599
16537
|
"$type": "color",
|
|
16600
16538
|
"$extensions": {
|
|
16601
16539
|
"org.primer.figma": {
|
|
@@ -16607,7 +16545,7 @@
|
|
|
16607
16545
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16608
16546
|
"isSource": true,
|
|
16609
16547
|
"original": {
|
|
16610
|
-
"value": "{base.color.neutral.
|
|
16548
|
+
"value": "{base.color.neutral.6}",
|
|
16611
16549
|
"$type": "color",
|
|
16612
16550
|
"$extensions": {
|
|
16613
16551
|
"org.primer.figma": {
|
|
@@ -16765,7 +16703,7 @@
|
|
|
16765
16703
|
"path": ["shadow", "resting", "medium"]
|
|
16766
16704
|
},
|
|
16767
16705
|
"shadow-floating-small": {
|
|
16768
|
-
"value": "0px 0px 0px 1px #
|
|
16706
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
16769
16707
|
"$type": "shadow",
|
|
16770
16708
|
"$extensions": {
|
|
16771
16709
|
"org.primer.figma": {
|
|
@@ -16817,7 +16755,7 @@
|
|
|
16817
16755
|
"path": ["shadow", "floating", "small"]
|
|
16818
16756
|
},
|
|
16819
16757
|
"shadow-floating-medium": {
|
|
16820
|
-
"value": "0px 0px 0px 1px #
|
|
16758
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
|
|
16821
16759
|
"$type": "shadow",
|
|
16822
16760
|
"$extensions": {
|
|
16823
16761
|
"org.primer.figma": {
|
|
@@ -16885,7 +16823,7 @@
|
|
|
16885
16823
|
"path": ["shadow", "floating", "medium"]
|
|
16886
16824
|
},
|
|
16887
16825
|
"shadow-floating-large": {
|
|
16888
|
-
"value": "0px 0px 0px 1px #
|
|
16826
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409",
|
|
16889
16827
|
"$type": "shadow",
|
|
16890
16828
|
"$extensions": {
|
|
16891
16829
|
"org.primer.figma": {
|
|
@@ -16929,7 +16867,7 @@
|
|
|
16929
16867
|
"path": ["shadow", "floating", "large"]
|
|
16930
16868
|
},
|
|
16931
16869
|
"shadow-floating-xlarge": {
|
|
16932
|
-
"value": "0px 0px 0px 1px #
|
|
16870
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409",
|
|
16933
16871
|
"$type": "shadow",
|
|
16934
16872
|
"$extensions": {
|
|
16935
16873
|
"org.primer.figma": {
|