@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.2cba8cbe
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/functional/themes/dark-colorblind.css +258 -258
- package/dist/css/functional/themes/dark-dimmed.css +276 -276
- package/dist/css/functional/themes/dark-high-contrast.css +408 -408
- package/dist/css/functional/themes/dark-tritanopia.css +258 -258
- package/dist/css/functional/themes/dark.css +248 -248
- package/dist/css/functional/themes/light-colorblind.css +216 -216
- package/dist/css/functional/themes/light-high-contrast.css +248 -248
- package/dist/css/functional/themes/light-tritanopia.css +216 -216
- package/dist/css/functional/themes/light.css +206 -206
- package/dist/docs/functional/themes/dark-colorblind.json +266 -350
- package/dist/docs/functional/themes/dark-dimmed.json +292 -376
- package/dist/docs/functional/themes/dark-high-contrast.json +452 -524
- package/dist/docs/functional/themes/dark-tritanopia.json +264 -348
- package/dist/docs/functional/themes/dark.json +254 -338
- package/dist/docs/functional/themes/light-colorblind.json +245 -325
- package/dist/docs/functional/themes/light-high-contrast.json +295 -375
- package/dist/docs/functional/themes/light-tritanopia.json +244 -322
- package/dist/docs/functional/themes/light.json +234 -312
- package/dist/figma/figma.json +3 -3
- package/dist/figma/scales/dark-dimmed.json +147 -69
- package/dist/figma/scales/dark-high-constrast.json +145 -67
- package/dist/figma/scales/dark.json +120 -42
- package/dist/figma/scales/light-high-constrast.json +147 -69
- package/dist/figma/scales/light.json +118 -40
- package/dist/figma/shadows/dark-colorblind.json +179 -179
- package/dist/figma/shadows/dark-dimmed.json +179 -179
- package/dist/figma/shadows/dark-high-contrast.json +179 -179
- package/dist/figma/shadows/dark-tritanopia.json +179 -179
- package/dist/figma/shadows/dark.json +179 -179
- package/dist/figma/shadows/light-colorblind.json +123 -123
- package/dist/figma/shadows/light-high-contrast.json +123 -123
- package/dist/figma/shadows/light-tritanopia.json +123 -123
- package/dist/figma/shadows/light.json +123 -123
- package/dist/figma/themes/dark-colorblind.json +4646 -4658
- package/dist/figma/themes/dark-dimmed.json +2034 -2046
- package/dist/figma/themes/dark-high-contrast.json +2645 -2653
- package/dist/figma/themes/dark-tritanopia.json +4595 -4607
- package/dist/figma/themes/dark.json +4743 -4755
- package/dist/figma/themes/light-colorblind.json +2177 -2190
- package/dist/figma/themes/light-high-contrast.json +2415 -2430
- package/dist/figma/themes/light-tritanopia.json +2173 -2185
- package/dist/figma/themes/light.json +2158 -2170
- package/dist/internalCss/dark-colorblind.css +288 -278
- package/dist/internalCss/dark-dimmed.css +306 -296
- package/dist/internalCss/dark-high-contrast.css +438 -428
- package/dist/internalCss/dark-tritanopia.css +288 -278
- package/dist/internalCss/dark.css +278 -268
- package/dist/internalCss/light-colorblind.css +246 -236
- package/dist/internalCss/light-high-contrast.css +276 -266
- package/dist/internalCss/light-tritanopia.css +246 -236
- package/dist/internalCss/light.css +236 -226
- package/dist/styleLint/functional/themes/dark-colorblind.json +266 -350
- package/dist/styleLint/functional/themes/dark-dimmed.json +292 -376
- package/dist/styleLint/functional/themes/dark-high-contrast.json +452 -524
- package/dist/styleLint/functional/themes/dark-tritanopia.json +264 -348
- package/dist/styleLint/functional/themes/dark.json +254 -338
- package/dist/styleLint/functional/themes/light-colorblind.json +245 -325
- package/dist/styleLint/functional/themes/light-high-contrast.json +295 -375
- package/dist/styleLint/functional/themes/light-tritanopia.json +244 -322
- package/dist/styleLint/functional/themes/light.json +234 -312
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
- package/src/tokens/base/color/dark/dark.json5 +149 -104
- package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
- package/src/tokens/base/color/light/light.json5 +148 -103
- package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +174 -192
- 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 +61 -95
- package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
- package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -129
- 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 +62 -96
- package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
- package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
- package/src/tokens/functional/shadow/dark.json5 +15 -15
- package/src/tokens/functional/shadow/light.json5 +16 -16
|
@@ -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": "#ffffff",
|
|
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": {
|
|
@@ -211,7 +211,7 @@
|
|
|
211
211
|
"path": ["diffBlob", "addition", "bgColor", "line"]
|
|
212
212
|
},
|
|
213
213
|
"diffBlob-addition-bgColor-word": {
|
|
214
|
-
"value": "#
|
|
214
|
+
"value": "#006222",
|
|
215
215
|
"$type": "color",
|
|
216
216
|
"$extensions": {
|
|
217
217
|
"org.primer.figma": {
|
|
@@ -225,7 +225,7 @@
|
|
|
225
225
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
226
226
|
"isSource": true,
|
|
227
227
|
"original": {
|
|
228
|
-
"value": "{
|
|
228
|
+
"value": "{bgColor.success.emphasis}",
|
|
229
229
|
"$type": "color",
|
|
230
230
|
"$extensions": {
|
|
231
231
|
"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": "#ffffff",
|
|
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": {
|
|
@@ -364,7 +364,7 @@
|
|
|
364
364
|
"path": ["diffBlob", "deletion", "bgColor", "line"]
|
|
365
365
|
},
|
|
366
366
|
"diffBlob-deletion-bgColor-word": {
|
|
367
|
-
"value": "#
|
|
367
|
+
"value": "#ad0116",
|
|
368
368
|
"$type": "color",
|
|
369
369
|
"$extensions": {
|
|
370
370
|
"org.primer.figma": {
|
|
@@ -378,7 +378,7 @@
|
|
|
378
378
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
379
379
|
"isSource": true,
|
|
380
380
|
"original": {
|
|
381
|
-
"value": "{
|
|
381
|
+
"value": "{bgColor.danger.emphasis}",
|
|
382
382
|
"$type": "color",
|
|
383
383
|
"$extensions": {
|
|
384
384
|
"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.8}",
|
|
793
793
|
"$type": "color",
|
|
794
794
|
"$extensions": {
|
|
795
795
|
"org.primer.figma": {
|
|
@@ -1022,7 +1022,7 @@
|
|
|
1022
1022
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1023
1023
|
"isSource": true,
|
|
1024
1024
|
"original": {
|
|
1025
|
-
"value": "{base.color.
|
|
1025
|
+
"value": "{base.color.neutral.13}",
|
|
1026
1026
|
"$type": "color",
|
|
1027
1027
|
"$extensions": {
|
|
1028
1028
|
"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.12}",
|
|
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.2}",
|
|
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.8}",
|
|
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.1}",
|
|
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.5}",
|
|
1174
1174
|
"$type": "color",
|
|
1175
1175
|
"$extensions": {
|
|
1176
1176
|
"org.primer.figma": {
|
|
@@ -1795,7 +1795,7 @@
|
|
|
1795
1795
|
"path": ["display", "blue", "bgColor", "muted"]
|
|
1796
1796
|
},
|
|
1797
1797
|
"display-blue-bgColor-emphasis": {
|
|
1798
|
-
"value": "#
|
|
1798
|
+
"value": "#0046a8",
|
|
1799
1799
|
"$type": "color",
|
|
1800
1800
|
"$extensions": {
|
|
1801
1801
|
"org.primer.figma": {
|
|
@@ -1808,7 +1808,7 @@
|
|
|
1808
1808
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
1809
1809
|
"isSource": true,
|
|
1810
1810
|
"original": {
|
|
1811
|
-
"value": "{base.display.color.blue.
|
|
1811
|
+
"value": "{base.display.color.blue.3}",
|
|
1812
1812
|
"$type": "color",
|
|
1813
1813
|
"$extensions": {
|
|
1814
1814
|
"org.primer.figma": {
|
|
@@ -1940,7 +1940,7 @@
|
|
|
1940
1940
|
"path": ["display", "green", "bgColor", "muted"]
|
|
1941
1941
|
},
|
|
1942
1942
|
"display-green-bgColor-emphasis": {
|
|
1943
|
-
"value": "#
|
|
1943
|
+
"value": "#285830",
|
|
1944
1944
|
"$type": "color",
|
|
1945
1945
|
"$extensions": {
|
|
1946
1946
|
"org.primer.figma": {
|
|
@@ -1953,7 +1953,7 @@
|
|
|
1953
1953
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
1954
1954
|
"isSource": true,
|
|
1955
1955
|
"original": {
|
|
1956
|
-
"value": "{base.display.color.green.
|
|
1956
|
+
"value": "{base.display.color.green.3}",
|
|
1957
1957
|
"$type": "color",
|
|
1958
1958
|
"$extensions": {
|
|
1959
1959
|
"org.primer.figma": {
|
|
@@ -2085,7 +2085,7 @@
|
|
|
2085
2085
|
"path": ["display", "orange", "bgColor", "muted"]
|
|
2086
2086
|
},
|
|
2087
2087
|
"display-orange-bgColor-emphasis": {
|
|
2088
|
-
"value": "#
|
|
2088
|
+
"value": "#7b3c0e",
|
|
2089
2089
|
"$type": "color",
|
|
2090
2090
|
"$extensions": {
|
|
2091
2091
|
"org.primer.figma": {
|
|
@@ -2098,7 +2098,7 @@
|
|
|
2098
2098
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2099
2099
|
"isSource": true,
|
|
2100
2100
|
"original": {
|
|
2101
|
-
"value": "{base.display.color.orange.
|
|
2101
|
+
"value": "{base.display.color.orange.3}",
|
|
2102
2102
|
"$type": "color",
|
|
2103
2103
|
"$extensions": {
|
|
2104
2104
|
"org.primer.figma": {
|
|
@@ -2230,7 +2230,7 @@
|
|
|
2230
2230
|
"path": ["display", "purple", "bgColor", "muted"]
|
|
2231
2231
|
},
|
|
2232
2232
|
"display-purple-bgColor-emphasis": {
|
|
2233
|
-
"value": "#
|
|
2233
|
+
"value": "#5b1cca",
|
|
2234
2234
|
"$type": "color",
|
|
2235
2235
|
"$extensions": {
|
|
2236
2236
|
"org.primer.figma": {
|
|
@@ -2243,7 +2243,7 @@
|
|
|
2243
2243
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2244
2244
|
"isSource": true,
|
|
2245
2245
|
"original": {
|
|
2246
|
-
"value": "{base.display.color.purple.
|
|
2246
|
+
"value": "{base.display.color.purple.3}",
|
|
2247
2247
|
"$type": "color",
|
|
2248
2248
|
"$extensions": {
|
|
2249
2249
|
"org.primer.figma": {
|
|
@@ -2375,7 +2375,7 @@
|
|
|
2375
2375
|
"path": ["display", "plum", "bgColor", "muted"]
|
|
2376
2376
|
},
|
|
2377
2377
|
"display-plum-bgColor-emphasis": {
|
|
2378
|
-
"value": "#
|
|
2378
|
+
"value": "#7517ab",
|
|
2379
2379
|
"$type": "color",
|
|
2380
2380
|
"$extensions": {
|
|
2381
2381
|
"org.primer.figma": {
|
|
@@ -2388,7 +2388,7 @@
|
|
|
2388
2388
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2389
2389
|
"isSource": true,
|
|
2390
2390
|
"original": {
|
|
2391
|
-
"value": "{base.display.color.plum.
|
|
2391
|
+
"value": "{base.display.color.plum.3}",
|
|
2392
2392
|
"$type": "color",
|
|
2393
2393
|
"$extensions": {
|
|
2394
2394
|
"org.primer.figma": {
|
|
@@ -2520,7 +2520,7 @@
|
|
|
2520
2520
|
"path": ["display", "red", "bgColor", "muted"]
|
|
2521
2521
|
},
|
|
2522
2522
|
"display-red-bgColor-emphasis": {
|
|
2523
|
-
"value": "#
|
|
2523
|
+
"value": "#990f24",
|
|
2524
2524
|
"$type": "color",
|
|
2525
2525
|
"$extensions": {
|
|
2526
2526
|
"org.primer.figma": {
|
|
@@ -2533,7 +2533,7 @@
|
|
|
2533
2533
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2534
2534
|
"isSource": true,
|
|
2535
2535
|
"original": {
|
|
2536
|
-
"value": "{base.display.color.red.
|
|
2536
|
+
"value": "{base.display.color.red.3}",
|
|
2537
2537
|
"$type": "color",
|
|
2538
2538
|
"$extensions": {
|
|
2539
2539
|
"org.primer.figma": {
|
|
@@ -2665,7 +2665,7 @@
|
|
|
2665
2665
|
"path": ["display", "coral", "bgColor", "muted"]
|
|
2666
2666
|
},
|
|
2667
2667
|
"display-coral-bgColor-emphasis": {
|
|
2668
|
-
"value": "#
|
|
2668
|
+
"value": "#902a0e",
|
|
2669
2669
|
"$type": "color",
|
|
2670
2670
|
"$extensions": {
|
|
2671
2671
|
"org.primer.figma": {
|
|
@@ -2678,7 +2678,7 @@
|
|
|
2678
2678
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2679
2679
|
"isSource": true,
|
|
2680
2680
|
"original": {
|
|
2681
|
-
"value": "{base.display.color.coral.
|
|
2681
|
+
"value": "{base.display.color.coral.3}",
|
|
2682
2682
|
"$type": "color",
|
|
2683
2683
|
"$extensions": {
|
|
2684
2684
|
"org.primer.figma": {
|
|
@@ -2810,7 +2810,7 @@
|
|
|
2810
2810
|
"path": ["display", "yellow", "bgColor", "muted"]
|
|
2811
2811
|
},
|
|
2812
2812
|
"display-yellow-bgColor-emphasis": {
|
|
2813
|
-
"value": "#
|
|
2813
|
+
"value": "#6d4403",
|
|
2814
2814
|
"$type": "color",
|
|
2815
2815
|
"$extensions": {
|
|
2816
2816
|
"org.primer.figma": {
|
|
@@ -2823,7 +2823,7 @@
|
|
|
2823
2823
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2824
2824
|
"isSource": true,
|
|
2825
2825
|
"original": {
|
|
2826
|
-
"value": "{base.display.color.yellow.
|
|
2826
|
+
"value": "{base.display.color.yellow.3}",
|
|
2827
2827
|
"$type": "color",
|
|
2828
2828
|
"$extensions": {
|
|
2829
2829
|
"org.primer.figma": {
|
|
@@ -2955,7 +2955,7 @@
|
|
|
2955
2955
|
"path": ["display", "gray", "bgColor", "muted"]
|
|
2956
2956
|
},
|
|
2957
2957
|
"display-gray-bgColor-emphasis": {
|
|
2958
|
-
"value": "#
|
|
2958
|
+
"value": "#474e57",
|
|
2959
2959
|
"$type": "color",
|
|
2960
2960
|
"$extensions": {
|
|
2961
2961
|
"org.primer.figma": {
|
|
@@ -2968,7 +2968,7 @@
|
|
|
2968
2968
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
2969
2969
|
"isSource": true,
|
|
2970
2970
|
"original": {
|
|
2971
|
-
"value": "{base.display.color.gray.
|
|
2971
|
+
"value": "{base.display.color.gray.3}",
|
|
2972
2972
|
"$type": "color",
|
|
2973
2973
|
"$extensions": {
|
|
2974
2974
|
"org.primer.figma": {
|
|
@@ -3100,7 +3100,7 @@
|
|
|
3100
3100
|
"path": ["display", "auburn", "bgColor", "muted"]
|
|
3101
3101
|
},
|
|
3102
3102
|
"display-auburn-bgColor-emphasis": {
|
|
3103
|
-
"value": "#
|
|
3103
|
+
"value": "#6d4340",
|
|
3104
3104
|
"$type": "color",
|
|
3105
3105
|
"$extensions": {
|
|
3106
3106
|
"org.primer.figma": {
|
|
@@ -3113,7 +3113,7 @@
|
|
|
3113
3113
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3114
3114
|
"isSource": true,
|
|
3115
3115
|
"original": {
|
|
3116
|
-
"value": "{base.display.color.auburn.
|
|
3116
|
+
"value": "{base.display.color.auburn.3}",
|
|
3117
3117
|
"$type": "color",
|
|
3118
3118
|
"$extensions": {
|
|
3119
3119
|
"org.primer.figma": {
|
|
@@ -3245,7 +3245,7 @@
|
|
|
3245
3245
|
"path": ["display", "brown", "bgColor", "muted"]
|
|
3246
3246
|
},
|
|
3247
3247
|
"display-brown-bgColor-emphasis": {
|
|
3248
|
-
"value": "#
|
|
3248
|
+
"value": "#5d4a32",
|
|
3249
3249
|
"$type": "color",
|
|
3250
3250
|
"$extensions": {
|
|
3251
3251
|
"org.primer.figma": {
|
|
@@ -3258,7 +3258,7 @@
|
|
|
3258
3258
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3259
3259
|
"isSource": true,
|
|
3260
3260
|
"original": {
|
|
3261
|
-
"value": "{base.display.color.brown.
|
|
3261
|
+
"value": "{base.display.color.brown.3}",
|
|
3262
3262
|
"$type": "color",
|
|
3263
3263
|
"$extensions": {
|
|
3264
3264
|
"org.primer.figma": {
|
|
@@ -3390,7 +3390,7 @@
|
|
|
3390
3390
|
"path": ["display", "lemon", "bgColor", "muted"]
|
|
3391
3391
|
},
|
|
3392
3392
|
"display-lemon-bgColor-emphasis": {
|
|
3393
|
-
"value": "#
|
|
3393
|
+
"value": "#614c05",
|
|
3394
3394
|
"$type": "color",
|
|
3395
3395
|
"$extensions": {
|
|
3396
3396
|
"org.primer.figma": {
|
|
@@ -3403,7 +3403,7 @@
|
|
|
3403
3403
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3404
3404
|
"isSource": true,
|
|
3405
3405
|
"original": {
|
|
3406
|
-
"value": "{base.display.color.lemon.
|
|
3406
|
+
"value": "{base.display.color.lemon.3}",
|
|
3407
3407
|
"$type": "color",
|
|
3408
3408
|
"$extensions": {
|
|
3409
3409
|
"org.primer.figma": {
|
|
@@ -3535,7 +3535,7 @@
|
|
|
3535
3535
|
"path": ["display", "olive", "bgColor", "muted"]
|
|
3536
3536
|
},
|
|
3537
3537
|
"display-olive-bgColor-emphasis": {
|
|
3538
|
-
"value": "#
|
|
3538
|
+
"value": "#485219",
|
|
3539
3539
|
"$type": "color",
|
|
3540
3540
|
"$extensions": {
|
|
3541
3541
|
"org.primer.figma": {
|
|
@@ -3548,7 +3548,7 @@
|
|
|
3548
3548
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3549
3549
|
"isSource": true,
|
|
3550
3550
|
"original": {
|
|
3551
|
-
"value": "{base.display.color.olive.
|
|
3551
|
+
"value": "{base.display.color.olive.3}",
|
|
3552
3552
|
"$type": "color",
|
|
3553
3553
|
"$extensions": {
|
|
3554
3554
|
"org.primer.figma": {
|
|
@@ -3680,7 +3680,7 @@
|
|
|
3680
3680
|
"path": ["display", "lime", "bgColor", "muted"]
|
|
3681
3681
|
},
|
|
3682
3682
|
"display-lime-bgColor-emphasis": {
|
|
3683
|
-
"value": "#
|
|
3683
|
+
"value": "#375421",
|
|
3684
3684
|
"$type": "color",
|
|
3685
3685
|
"$extensions": {
|
|
3686
3686
|
"org.primer.figma": {
|
|
@@ -3693,7 +3693,7 @@
|
|
|
3693
3693
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3694
3694
|
"isSource": true,
|
|
3695
3695
|
"original": {
|
|
3696
|
-
"value": "{base.display.color.lime.
|
|
3696
|
+
"value": "{base.display.color.lime.3}",
|
|
3697
3697
|
"$type": "color",
|
|
3698
3698
|
"$extensions": {
|
|
3699
3699
|
"org.primer.figma": {
|
|
@@ -3825,7 +3825,7 @@
|
|
|
3825
3825
|
"path": ["display", "pine", "bgColor", "muted"]
|
|
3826
3826
|
},
|
|
3827
3827
|
"display-pine-bgColor-emphasis": {
|
|
3828
|
-
"value": "#
|
|
3828
|
+
"value": "#115a3e",
|
|
3829
3829
|
"$type": "color",
|
|
3830
3830
|
"$extensions": {
|
|
3831
3831
|
"org.primer.figma": {
|
|
@@ -3838,7 +3838,7 @@
|
|
|
3838
3838
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3839
3839
|
"isSource": true,
|
|
3840
3840
|
"original": {
|
|
3841
|
-
"value": "{base.display.color.pine.
|
|
3841
|
+
"value": "{base.display.color.pine.3}",
|
|
3842
3842
|
"$type": "color",
|
|
3843
3843
|
"$extensions": {
|
|
3844
3844
|
"org.primer.figma": {
|
|
@@ -3970,7 +3970,7 @@
|
|
|
3970
3970
|
"path": ["display", "teal", "bgColor", "muted"]
|
|
3971
3971
|
},
|
|
3972
3972
|
"display-teal-bgColor-emphasis": {
|
|
3973
|
-
"value": "#
|
|
3973
|
+
"value": "#0c555a",
|
|
3974
3974
|
"$type": "color",
|
|
3975
3975
|
"$extensions": {
|
|
3976
3976
|
"org.primer.figma": {
|
|
@@ -3983,7 +3983,7 @@
|
|
|
3983
3983
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
3984
3984
|
"isSource": true,
|
|
3985
3985
|
"original": {
|
|
3986
|
-
"value": "{base.display.color.teal.
|
|
3986
|
+
"value": "{base.display.color.teal.3}",
|
|
3987
3987
|
"$type": "color",
|
|
3988
3988
|
"$extensions": {
|
|
3989
3989
|
"org.primer.figma": {
|
|
@@ -4115,7 +4115,7 @@
|
|
|
4115
4115
|
"path": ["display", "cyan", "bgColor", "muted"]
|
|
4116
4116
|
},
|
|
4117
4117
|
"display-cyan-bgColor-emphasis": {
|
|
4118
|
-
"value": "#
|
|
4118
|
+
"value": "#02536f",
|
|
4119
4119
|
"$type": "color",
|
|
4120
4120
|
"$extensions": {
|
|
4121
4121
|
"org.primer.figma": {
|
|
@@ -4128,7 +4128,7 @@
|
|
|
4128
4128
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4129
4129
|
"isSource": true,
|
|
4130
4130
|
"original": {
|
|
4131
|
-
"value": "{base.display.color.cyan.
|
|
4131
|
+
"value": "{base.display.color.cyan.3}",
|
|
4132
4132
|
"$type": "color",
|
|
4133
4133
|
"$extensions": {
|
|
4134
4134
|
"org.primer.figma": {
|
|
@@ -4260,7 +4260,7 @@
|
|
|
4260
4260
|
"path": ["display", "indigo", "bgColor", "muted"]
|
|
4261
4261
|
},
|
|
4262
4262
|
"display-indigo-bgColor-emphasis": {
|
|
4263
|
-
"value": "#
|
|
4263
|
+
"value": "#3935c0",
|
|
4264
4264
|
"$type": "color",
|
|
4265
4265
|
"$extensions": {
|
|
4266
4266
|
"org.primer.figma": {
|
|
@@ -4273,7 +4273,7 @@
|
|
|
4273
4273
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4274
4274
|
"isSource": true,
|
|
4275
4275
|
"original": {
|
|
4276
|
-
"value": "{base.display.color.indigo.
|
|
4276
|
+
"value": "{base.display.color.indigo.3}",
|
|
4277
4277
|
"$type": "color",
|
|
4278
4278
|
"$extensions": {
|
|
4279
4279
|
"org.primer.figma": {
|
|
@@ -4405,7 +4405,7 @@
|
|
|
4405
4405
|
"path": ["display", "pink", "bgColor", "muted"]
|
|
4406
4406
|
},
|
|
4407
4407
|
"display-pink-bgColor-emphasis": {
|
|
4408
|
-
"value": "#
|
|
4408
|
+
"value": "#842a5d",
|
|
4409
4409
|
"$type": "color",
|
|
4410
4410
|
"$extensions": {
|
|
4411
4411
|
"org.primer.figma": {
|
|
@@ -4418,7 +4418,7 @@
|
|
|
4418
4418
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
4419
4419
|
"isSource": true,
|
|
4420
4420
|
"original": {
|
|
4421
|
-
"value": "{base.display.color.pink.
|
|
4421
|
+
"value": "{base.display.color.pink.3}",
|
|
4422
4422
|
"$type": "color",
|
|
4423
4423
|
"$extensions": {
|
|
4424
4424
|
"org.primer.figma": {
|
|
@@ -4535,7 +4535,7 @@
|
|
|
4535
4535
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4536
4536
|
"isSource": true,
|
|
4537
4537
|
"original": {
|
|
4538
|
-
"value": "{base.color.
|
|
4538
|
+
"value": "{base.color.neutral.13}",
|
|
4539
4539
|
"$type": "color",
|
|
4540
4540
|
"$extensions": {
|
|
4541
4541
|
"org.primer.figma": {
|
|
@@ -4566,7 +4566,7 @@
|
|
|
4566
4566
|
"isSource": true,
|
|
4567
4567
|
"alpha": 0.9,
|
|
4568
4568
|
"original": {
|
|
4569
|
-
"value": "{base.color.
|
|
4569
|
+
"value": "{base.color.neutral.13}",
|
|
4570
4570
|
"$type": "color",
|
|
4571
4571
|
"$extensions": {
|
|
4572
4572
|
"org.primer.figma": {
|
|
@@ -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.1}",
|
|
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": {
|
|
@@ -4632,7 +4632,7 @@
|
|
|
4632
4632
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4633
4633
|
"isSource": true,
|
|
4634
4634
|
"original": {
|
|
4635
|
-
"value": "{base.color.neutral.
|
|
4635
|
+
"value": "{base.color.neutral.7}",
|
|
4636
4636
|
"$type": "color",
|
|
4637
4637
|
"$extensions": {
|
|
4638
4638
|
"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.5}",
|
|
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.4}",
|
|
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.5}",
|
|
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.6}",
|
|
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.10}",
|
|
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": "#9198a199",
|
|
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": "#9198a11f",
|
|
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.12}",
|
|
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.6}",
|
|
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": {
|
|
@@ -5241,7 +5217,7 @@
|
|
|
5241
5217
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5242
5218
|
"isSource": true,
|
|
5243
5219
|
"original": {
|
|
5244
|
-
"value": "{base.color.neutral.
|
|
5220
|
+
"value": "{base.color.neutral.7}",
|
|
5245
5221
|
"$type": "color",
|
|
5246
5222
|
"$extensions": {
|
|
5247
5223
|
"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": {
|
|
@@ -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": "#ff9492",
|
|
5438
5414
|
"$type": "color",
|
|
5439
5415
|
"$extensions": {
|
|
5440
5416
|
"org.primer.figma": {
|
|
@@ -5444,10 +5420,10 @@
|
|
|
5444
5420
|
"scopes": ["fgColor"]
|
|
5445
5421
|
}
|
|
5446
5422
|
},
|
|
5447
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
5423
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5448
5424
|
"isSource": true,
|
|
5449
5425
|
"original": {
|
|
5450
|
-
"value": "{
|
|
5426
|
+
"value": "{base.color.red.3}",
|
|
5451
5427
|
"$type": "color",
|
|
5452
5428
|
"$extensions": {
|
|
5453
5429
|
"org.primer.figma": {
|
|
@@ -5463,7 +5439,7 @@
|
|
|
5463
5439
|
"path": ["control", "danger", "fgColor", "hover"]
|
|
5464
5440
|
},
|
|
5465
5441
|
"control-danger-bgColor-hover": {
|
|
5466
|
-
"value": "#
|
|
5442
|
+
"value": "#ad0116",
|
|
5467
5443
|
"$type": "color",
|
|
5468
5444
|
"$extensions": {
|
|
5469
5445
|
"org.primer.figma": {
|
|
@@ -5492,7 +5468,7 @@
|
|
|
5492
5468
|
"path": ["control", "danger", "bgColor", "hover"]
|
|
5493
5469
|
},
|
|
5494
5470
|
"control-danger-bgColor-active": {
|
|
5495
|
-
"value": "#
|
|
5471
|
+
"value": "#c51120",
|
|
5496
5472
|
"$type": "color",
|
|
5497
5473
|
"$extensions": {
|
|
5498
5474
|
"org.primer.figma": {
|
|
@@ -5531,7 +5507,7 @@
|
|
|
5531
5507
|
"path": ["control", "danger", "bgColor", "active"]
|
|
5532
5508
|
},
|
|
5533
5509
|
"control-checked-bgColor-rest": {
|
|
5534
|
-
"value": "#
|
|
5510
|
+
"value": "#194fb1",
|
|
5535
5511
|
"$type": "color",
|
|
5536
5512
|
"$extensions": {
|
|
5537
5513
|
"org.primer.figma": {
|
|
@@ -5560,7 +5536,7 @@
|
|
|
5560
5536
|
"path": ["control", "checked", "bgColor", "rest"]
|
|
5561
5537
|
},
|
|
5562
5538
|
"control-checked-bgColor-hover": {
|
|
5563
|
-
"value": "#
|
|
5539
|
+
"value": "#2b64c1",
|
|
5564
5540
|
"$type": "color",
|
|
5565
5541
|
"$extensions": {
|
|
5566
5542
|
"org.primer.figma": {
|
|
@@ -5597,7 +5573,7 @@
|
|
|
5597
5573
|
"path": ["control", "checked", "bgColor", "hover"]
|
|
5598
5574
|
},
|
|
5599
5575
|
"control-checked-bgColor-active": {
|
|
5600
|
-
"value": "#
|
|
5576
|
+
"value": "#3c79d0",
|
|
5601
5577
|
"$type": "color",
|
|
5602
5578
|
"$extensions": {
|
|
5603
5579
|
"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": "#9198a199",
|
|
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": "#ffffff",
|
|
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": {
|
|
@@ -5721,7 +5697,7 @@
|
|
|
5721
5697
|
"path": ["control", "checked", "fgColor", "disabled"]
|
|
5722
5698
|
},
|
|
5723
5699
|
"control-checked-borderColor-rest": {
|
|
5724
|
-
"value": "#
|
|
5700
|
+
"value": "#91cbff",
|
|
5725
5701
|
"$type": "color",
|
|
5726
5702
|
"$extensions": {
|
|
5727
5703
|
"org.primer.figma": {
|
|
@@ -5731,10 +5707,10 @@
|
|
|
5731
5707
|
"scopes": ["borderColor"]
|
|
5732
5708
|
}
|
|
5733
5709
|
},
|
|
5734
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
5710
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5735
5711
|
"isSource": true,
|
|
5736
5712
|
"original": {
|
|
5737
|
-
"value": "{
|
|
5713
|
+
"value": "{base.color.blue.2}",
|
|
5738
5714
|
"$type": "color",
|
|
5739
5715
|
"$extensions": {
|
|
5740
5716
|
"org.primer.figma": {
|
|
@@ -5750,7 +5726,7 @@
|
|
|
5750
5726
|
"path": ["control", "checked", "borderColor", "rest"]
|
|
5751
5727
|
},
|
|
5752
5728
|
"control-checked-borderColor-hover": {
|
|
5753
|
-
"value": "#
|
|
5729
|
+
"value": "#91cbff",
|
|
5754
5730
|
"$type": "color",
|
|
5755
5731
|
"$extensions": {
|
|
5756
5732
|
"org.primer.figma": {
|
|
@@ -5760,14 +5736,10 @@
|
|
|
5760
5736
|
"scopes": ["borderColor"]
|
|
5761
5737
|
}
|
|
5762
5738
|
},
|
|
5763
|
-
"
|
|
5764
|
-
"color": "#71b7ff",
|
|
5765
|
-
"weight": 0.2
|
|
5766
|
-
},
|
|
5767
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5739
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5768
5740
|
"isSource": true,
|
|
5769
5741
|
"original": {
|
|
5770
|
-
"value": "{
|
|
5742
|
+
"value": "{base.color.blue.2}",
|
|
5771
5743
|
"$type": "color",
|
|
5772
5744
|
"$extensions": {
|
|
5773
5745
|
"org.primer.figma": {
|
|
@@ -5776,10 +5748,6 @@
|
|
|
5776
5748
|
"group": "component",
|
|
5777
5749
|
"scopes": ["borderColor"]
|
|
5778
5750
|
}
|
|
5779
|
-
},
|
|
5780
|
-
"mix": {
|
|
5781
|
-
"color": "{base.color.blue.3}",
|
|
5782
|
-
"weight": 0.2
|
|
5783
5751
|
}
|
|
5784
5752
|
},
|
|
5785
5753
|
"name": "control-checked-borderColor-hover",
|
|
@@ -5787,7 +5755,7 @@
|
|
|
5787
5755
|
"path": ["control", "checked", "borderColor", "hover"]
|
|
5788
5756
|
},
|
|
5789
5757
|
"control-checked-borderColor-active": {
|
|
5790
|
-
"value": "#
|
|
5758
|
+
"value": "#91cbff",
|
|
5791
5759
|
"$type": "color",
|
|
5792
5760
|
"$extensions": {
|
|
5793
5761
|
"org.primer.figma": {
|
|
@@ -5797,14 +5765,10 @@
|
|
|
5797
5765
|
"scopes": ["borderColor"]
|
|
5798
5766
|
}
|
|
5799
5767
|
},
|
|
5800
|
-
"
|
|
5801
|
-
"color": "#71b7ff",
|
|
5802
|
-
"weight": 0.4
|
|
5803
|
-
},
|
|
5804
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5768
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5805
5769
|
"isSource": true,
|
|
5806
5770
|
"original": {
|
|
5807
|
-
"value": "{
|
|
5771
|
+
"value": "{base.color.blue.2}",
|
|
5808
5772
|
"$type": "color",
|
|
5809
5773
|
"$extensions": {
|
|
5810
5774
|
"org.primer.figma": {
|
|
@@ -5813,10 +5777,6 @@
|
|
|
5813
5777
|
"group": "component",
|
|
5814
5778
|
"scopes": ["borderColor"]
|
|
5815
5779
|
}
|
|
5816
|
-
},
|
|
5817
|
-
"mix": {
|
|
5818
|
-
"color": "{base.color.blue.3}",
|
|
5819
|
-
"weight": 0.4
|
|
5820
5780
|
}
|
|
5821
5781
|
},
|
|
5822
5782
|
"name": "control-checked-borderColor-active",
|
|
@@ -5824,7 +5784,7 @@
|
|
|
5824
5784
|
"path": ["control", "checked", "borderColor", "active"]
|
|
5825
5785
|
},
|
|
5826
5786
|
"control-checked-borderColor-disabled": {
|
|
5827
|
-
"value": "#
|
|
5787
|
+
"value": "#9198a199",
|
|
5828
5788
|
"$type": "color",
|
|
5829
5789
|
"$extensions": {
|
|
5830
5790
|
"org.primer.figma": {
|
|
@@ -5837,7 +5797,7 @@
|
|
|
5837
5797
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5838
5798
|
"isSource": true,
|
|
5839
5799
|
"original": {
|
|
5840
|
-
"value": "{
|
|
5800
|
+
"value": "{control.checked.bgColor.disabled}",
|
|
5841
5801
|
"$type": "color",
|
|
5842
5802
|
"$extensions": {
|
|
5843
5803
|
"org.primer.figma": {
|
|
@@ -5853,7 +5813,7 @@
|
|
|
5853
5813
|
"path": ["control", "checked", "borderColor", "disabled"]
|
|
5854
5814
|
},
|
|
5855
5815
|
"controlTrack-bgColor-rest": {
|
|
5856
|
-
"value": "#
|
|
5816
|
+
"value": "#2a313c",
|
|
5857
5817
|
"$type": "color",
|
|
5858
5818
|
"$extensions": {
|
|
5859
5819
|
"org.primer.figma": {
|
|
@@ -5863,10 +5823,10 @@
|
|
|
5863
5823
|
"scopes": ["bgColor"]
|
|
5864
5824
|
}
|
|
5865
5825
|
},
|
|
5866
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
5826
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5867
5827
|
"isSource": true,
|
|
5868
5828
|
"original": {
|
|
5869
|
-
"value": "{base.color.neutral.
|
|
5829
|
+
"value": "{base.color.neutral.5}",
|
|
5870
5830
|
"$type": "color",
|
|
5871
5831
|
"$extensions": {
|
|
5872
5832
|
"org.primer.figma": {
|
|
@@ -5882,7 +5842,7 @@
|
|
|
5882
5842
|
"path": ["controlTrack", "bgColor", "rest"]
|
|
5883
5843
|
},
|
|
5884
5844
|
"controlTrack-bgColor-hover": {
|
|
5885
|
-
"value": "#
|
|
5845
|
+
"value": "#2f3742",
|
|
5886
5846
|
"$type": "color",
|
|
5887
5847
|
"$extensions": {
|
|
5888
5848
|
"org.primer.figma": {
|
|
@@ -5892,14 +5852,10 @@
|
|
|
5892
5852
|
"scopes": ["bgColor"]
|
|
5893
5853
|
}
|
|
5894
5854
|
},
|
|
5895
|
-
"
|
|
5896
|
-
"color": "#7a828e",
|
|
5897
|
-
"weight": 0.2
|
|
5898
|
-
},
|
|
5899
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5855
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5900
5856
|
"isSource": true,
|
|
5901
5857
|
"original": {
|
|
5902
|
-
"value": "{base.color.neutral.
|
|
5858
|
+
"value": "{base.color.neutral.6}",
|
|
5903
5859
|
"$type": "color",
|
|
5904
5860
|
"$extensions": {
|
|
5905
5861
|
"org.primer.figma": {
|
|
@@ -5908,10 +5864,6 @@
|
|
|
5908
5864
|
"group": "component (internal)",
|
|
5909
5865
|
"scopes": ["bgColor"]
|
|
5910
5866
|
}
|
|
5911
|
-
},
|
|
5912
|
-
"mix": {
|
|
5913
|
-
"color": "{base.color.neutral.5}",
|
|
5914
|
-
"weight": 0.2
|
|
5915
5867
|
}
|
|
5916
5868
|
},
|
|
5917
5869
|
"name": "controlTrack-bgColor-hover",
|
|
@@ -5919,7 +5871,7 @@
|
|
|
5919
5871
|
"path": ["controlTrack", "bgColor", "hover"]
|
|
5920
5872
|
},
|
|
5921
5873
|
"controlTrack-bgColor-active": {
|
|
5922
|
-
"value": "#
|
|
5874
|
+
"value": "#3d444d",
|
|
5923
5875
|
"$type": "color",
|
|
5924
5876
|
"$extensions": {
|
|
5925
5877
|
"org.primer.figma": {
|
|
@@ -5929,11 +5881,7 @@
|
|
|
5929
5881
|
"scopes": ["bgColor"]
|
|
5930
5882
|
}
|
|
5931
5883
|
},
|
|
5932
|
-
"
|
|
5933
|
-
"color": "#7a828e",
|
|
5934
|
-
"weight": 0.4
|
|
5935
|
-
},
|
|
5936
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5884
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
5937
5885
|
"isSource": true,
|
|
5938
5886
|
"original": {
|
|
5939
5887
|
"value": "{base.color.neutral.7}",
|
|
@@ -5945,10 +5893,6 @@
|
|
|
5945
5893
|
"group": "component (internal)",
|
|
5946
5894
|
"scopes": ["bgColor"]
|
|
5947
5895
|
}
|
|
5948
|
-
},
|
|
5949
|
-
"mix": {
|
|
5950
|
-
"color": "{base.color.neutral.5}",
|
|
5951
|
-
"weight": 0.4
|
|
5952
5896
|
}
|
|
5953
5897
|
},
|
|
5954
5898
|
"name": "controlTrack-bgColor-active",
|
|
@@ -5956,7 +5900,7 @@
|
|
|
5956
5900
|
"path": ["controlTrack", "bgColor", "active"]
|
|
5957
5901
|
},
|
|
5958
5902
|
"controlTrack-bgColor-disabled": {
|
|
5959
|
-
"value": "#
|
|
5903
|
+
"value": "#9198a199",
|
|
5960
5904
|
"$type": "color",
|
|
5961
5905
|
"$extensions": {
|
|
5962
5906
|
"org.primer.figma": {
|
|
@@ -5985,7 +5929,7 @@
|
|
|
5985
5929
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5986
5930
|
},
|
|
5987
5931
|
"controlTrack-fgColor-rest": {
|
|
5988
|
-
"value": "#
|
|
5932
|
+
"value": "#ffffff",
|
|
5989
5933
|
"$type": "color",
|
|
5990
5934
|
"$extensions": {
|
|
5991
5935
|
"org.primer.figma": {
|
|
@@ -6014,7 +5958,7 @@
|
|
|
6014
5958
|
"path": ["controlTrack", "fgColor", "rest"]
|
|
6015
5959
|
},
|
|
6016
5960
|
"controlTrack-fgColor-disabled": {
|
|
6017
|
-
"value": "#
|
|
5961
|
+
"value": "#ffffff",
|
|
6018
5962
|
"$type": "color",
|
|
6019
5963
|
"$extensions": {
|
|
6020
5964
|
"org.primer.figma": {
|
|
@@ -6043,7 +5987,7 @@
|
|
|
6043
5987
|
"path": ["controlTrack", "fgColor", "disabled"]
|
|
6044
5988
|
},
|
|
6045
5989
|
"controlTrack-borderColor-rest": {
|
|
6046
|
-
"value": "#
|
|
5990
|
+
"value": "#b7bdc8",
|
|
6047
5991
|
"$type": "color",
|
|
6048
5992
|
"$extensions": {
|
|
6049
5993
|
"org.primer.figma": {
|
|
@@ -6072,7 +6016,7 @@
|
|
|
6072
6016
|
"path": ["controlTrack", "borderColor", "rest"]
|
|
6073
6017
|
},
|
|
6074
6018
|
"controlTrack-borderColor-disabled": {
|
|
6075
|
-
"value": "#
|
|
6019
|
+
"value": "#9198a199",
|
|
6076
6020
|
"$type": "color",
|
|
6077
6021
|
"$extensions": {
|
|
6078
6022
|
"org.primer.figma": {
|
|
@@ -6114,7 +6058,7 @@
|
|
|
6114
6058
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6115
6059
|
"isSource": true,
|
|
6116
6060
|
"original": {
|
|
6117
|
-
"value": "{
|
|
6061
|
+
"value": "{bgColor.inset}",
|
|
6118
6062
|
"$type": "color",
|
|
6119
6063
|
"$extensions": {
|
|
6120
6064
|
"org.primer.figma": {
|
|
@@ -6130,7 +6074,7 @@
|
|
|
6130
6074
|
"path": ["controlKnob", "bgColor", "rest"]
|
|
6131
6075
|
},
|
|
6132
6076
|
"controlKnob-bgColor-disabled": {
|
|
6133
|
-
"value": "#
|
|
6077
|
+
"value": "#262c36",
|
|
6134
6078
|
"$type": "color",
|
|
6135
6079
|
"$extensions": {
|
|
6136
6080
|
"org.primer.figma": {
|
|
@@ -6172,7 +6116,7 @@
|
|
|
6172
6116
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6173
6117
|
"isSource": true,
|
|
6174
6118
|
"original": {
|
|
6175
|
-
"value": "{base.color.
|
|
6119
|
+
"value": "{base.color.neutral.13}",
|
|
6176
6120
|
"$type": "color",
|
|
6177
6121
|
"$extensions": {
|
|
6178
6122
|
"org.primer.figma": {
|
|
@@ -6188,7 +6132,7 @@
|
|
|
6188
6132
|
"path": ["controlKnob", "bgColor", "checked"]
|
|
6189
6133
|
},
|
|
6190
6134
|
"controlKnob-borderColor-rest": {
|
|
6191
|
-
"value": "#
|
|
6135
|
+
"value": "#b7bdc8",
|
|
6192
6136
|
"$type": "color",
|
|
6193
6137
|
"$extensions": {
|
|
6194
6138
|
"org.primer.figma": {
|
|
@@ -6217,7 +6161,7 @@
|
|
|
6217
6161
|
"path": ["controlKnob", "borderColor", "rest"]
|
|
6218
6162
|
},
|
|
6219
6163
|
"controlKnob-borderColor-disabled": {
|
|
6220
|
-
"value": "#
|
|
6164
|
+
"value": "#262c36",
|
|
6221
6165
|
"$type": "color",
|
|
6222
6166
|
"$extensions": {
|
|
6223
6167
|
"org.primer.figma": {
|
|
@@ -6246,7 +6190,7 @@
|
|
|
6246
6190
|
"path": ["controlKnob", "borderColor", "disabled"]
|
|
6247
6191
|
},
|
|
6248
6192
|
"controlKnob-borderColor-checked": {
|
|
6249
|
-
"value": "#
|
|
6193
|
+
"value": "#194fb1",
|
|
6250
6194
|
"$type": "color",
|
|
6251
6195
|
"$extensions": {
|
|
6252
6196
|
"org.primer.figma": {
|
|
@@ -6275,7 +6219,7 @@
|
|
|
6275
6219
|
"path": ["controlKnob", "borderColor", "checked"]
|
|
6276
6220
|
},
|
|
6277
6221
|
"counter-borderColor": {
|
|
6278
|
-
"value": "#
|
|
6222
|
+
"value": "#b7bdc8",
|
|
6279
6223
|
"$type": "color",
|
|
6280
6224
|
"$extensions": {
|
|
6281
6225
|
"org.primer.figma": {
|
|
@@ -6285,10 +6229,10 @@
|
|
|
6285
6229
|
"scopes": ["borderColor"]
|
|
6286
6230
|
}
|
|
6287
6231
|
},
|
|
6288
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
6232
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
6289
6233
|
"isSource": true,
|
|
6290
6234
|
"original": {
|
|
6291
|
-
"value": "{
|
|
6235
|
+
"value": "{borderColor.default}",
|
|
6292
6236
|
"$type": "color",
|
|
6293
6237
|
"$extensions": {
|
|
6294
6238
|
"org.primer.figma": {
|
|
@@ -6304,7 +6248,7 @@
|
|
|
6304
6248
|
"path": ["counter", "borderColor"]
|
|
6305
6249
|
},
|
|
6306
6250
|
"button-default-fgColor-rest": {
|
|
6307
|
-
"value": "#
|
|
6251
|
+
"value": "#ffffff",
|
|
6308
6252
|
"$type": "color",
|
|
6309
6253
|
"$extensions": {
|
|
6310
6254
|
"org.primer.figma": {
|
|
@@ -6333,7 +6277,7 @@
|
|
|
6333
6277
|
"path": ["button", "default", "fgColor", "rest"]
|
|
6334
6278
|
},
|
|
6335
6279
|
"button-default-bgColor-rest": {
|
|
6336
|
-
"value": "#
|
|
6280
|
+
"value": "#262c36",
|
|
6337
6281
|
"$type": "color",
|
|
6338
6282
|
"$extensions": {
|
|
6339
6283
|
"org.primer.figma": {
|
|
@@ -6362,7 +6306,7 @@
|
|
|
6362
6306
|
"path": ["button", "default", "bgColor", "rest"]
|
|
6363
6307
|
},
|
|
6364
6308
|
"button-default-bgColor-hover": {
|
|
6365
|
-
"value": "#
|
|
6309
|
+
"value": "#2a313c",
|
|
6366
6310
|
"$type": "color",
|
|
6367
6311
|
"$extensions": {
|
|
6368
6312
|
"org.primer.figma": {
|
|
@@ -6391,7 +6335,7 @@
|
|
|
6391
6335
|
"path": ["button", "default", "bgColor", "hover"]
|
|
6392
6336
|
},
|
|
6393
6337
|
"button-default-bgColor-active": {
|
|
6394
|
-
"value": "#
|
|
6338
|
+
"value": "#2f3742",
|
|
6395
6339
|
"$type": "color",
|
|
6396
6340
|
"$extensions": {
|
|
6397
6341
|
"org.primer.figma": {
|
|
@@ -6420,7 +6364,7 @@
|
|
|
6420
6364
|
"path": ["button", "default", "bgColor", "active"]
|
|
6421
6365
|
},
|
|
6422
6366
|
"button-default-bgColor-selected": {
|
|
6423
|
-
"value": "#
|
|
6367
|
+
"value": "#2f3742",
|
|
6424
6368
|
"$type": "color",
|
|
6425
6369
|
"$extensions": {
|
|
6426
6370
|
"org.primer.figma": {
|
|
@@ -6449,7 +6393,7 @@
|
|
|
6449
6393
|
"path": ["button", "default", "bgColor", "selected"]
|
|
6450
6394
|
},
|
|
6451
6395
|
"button-default-bgColor-disabled": {
|
|
6452
|
-
"value": "#
|
|
6396
|
+
"value": "#262c36",
|
|
6453
6397
|
"$type": "color",
|
|
6454
6398
|
"$extensions": {
|
|
6455
6399
|
"org.primer.figma": {
|
|
@@ -6478,7 +6422,7 @@
|
|
|
6478
6422
|
"path": ["button", "default", "bgColor", "disabled"]
|
|
6479
6423
|
},
|
|
6480
6424
|
"button-default-borderColor-rest": {
|
|
6481
|
-
"value": "#
|
|
6425
|
+
"value": "#b7bdc8",
|
|
6482
6426
|
"$type": "color",
|
|
6483
6427
|
"$extensions": {
|
|
6484
6428
|
"org.primer.figma": {
|
|
@@ -6491,7 +6435,7 @@
|
|
|
6491
6435
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6492
6436
|
"isSource": true,
|
|
6493
6437
|
"original": {
|
|
6494
|
-
"value": "{borderColor.
|
|
6438
|
+
"value": "{control.borderColor.rest}",
|
|
6495
6439
|
"$type": "color",
|
|
6496
6440
|
"$extensions": {
|
|
6497
6441
|
"org.primer.figma": {
|
|
@@ -6507,7 +6451,7 @@
|
|
|
6507
6451
|
"path": ["button", "default", "borderColor", "rest"]
|
|
6508
6452
|
},
|
|
6509
6453
|
"button-default-borderColor-hover": {
|
|
6510
|
-
"value": "#
|
|
6454
|
+
"value": "#b7bdc8",
|
|
6511
6455
|
"$type": "color",
|
|
6512
6456
|
"$extensions": {
|
|
6513
6457
|
"org.primer.figma": {
|
|
@@ -6536,7 +6480,7 @@
|
|
|
6536
6480
|
"path": ["button", "default", "borderColor", "hover"]
|
|
6537
6481
|
},
|
|
6538
6482
|
"button-default-borderColor-active": {
|
|
6539
|
-
"value": "#
|
|
6483
|
+
"value": "#b7bdc8",
|
|
6540
6484
|
"$type": "color",
|
|
6541
6485
|
"$extensions": {
|
|
6542
6486
|
"org.primer.figma": {
|
|
@@ -6565,7 +6509,7 @@
|
|
|
6565
6509
|
"path": ["button", "default", "borderColor", "active"]
|
|
6566
6510
|
},
|
|
6567
6511
|
"button-default-borderColor-disabled": {
|
|
6568
|
-
"value": "#
|
|
6512
|
+
"value": "#9198a11f",
|
|
6569
6513
|
"$type": "color",
|
|
6570
6514
|
"$extensions": {
|
|
6571
6515
|
"org.primer.figma": {
|
|
@@ -6631,7 +6575,7 @@
|
|
|
6631
6575
|
"path": ["button", "default", "shadow", "resting"]
|
|
6632
6576
|
},
|
|
6633
6577
|
"button-primary-fgColor-rest": {
|
|
6634
|
-
"value": "#
|
|
6578
|
+
"value": "#ffffff",
|
|
6635
6579
|
"$type": "color",
|
|
6636
6580
|
"$extensions": {
|
|
6637
6581
|
"org.primer.figma": {
|
|
@@ -6641,10 +6585,10 @@
|
|
|
6641
6585
|
"scopes": ["fgColor"]
|
|
6642
6586
|
}
|
|
6643
6587
|
},
|
|
6644
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
6588
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6645
6589
|
"isSource": true,
|
|
6646
6590
|
"original": {
|
|
6647
|
-
"value": "{fgColor.
|
|
6591
|
+
"value": "{fgColor.white}",
|
|
6648
6592
|
"$type": "color",
|
|
6649
6593
|
"$extensions": {
|
|
6650
6594
|
"org.primer.figma": {
|
|
@@ -6660,7 +6604,7 @@
|
|
|
6660
6604
|
"path": ["button", "primary", "fgColor", "rest"]
|
|
6661
6605
|
},
|
|
6662
6606
|
"button-primary-fgColor-disabled": {
|
|
6663
|
-
"value": "#
|
|
6607
|
+
"value": "#ffffff66",
|
|
6664
6608
|
"$type": "color",
|
|
6665
6609
|
"$extensions": {
|
|
6666
6610
|
"org.primer.figma": {
|
|
@@ -6670,11 +6614,11 @@
|
|
|
6670
6614
|
"scopes": ["fgColor"]
|
|
6671
6615
|
}
|
|
6672
6616
|
},
|
|
6673
|
-
"alpha": 0.
|
|
6674
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
6617
|
+
"alpha": 0.4,
|
|
6618
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6675
6619
|
"isSource": true,
|
|
6676
6620
|
"original": {
|
|
6677
|
-
"value": "{
|
|
6621
|
+
"value": "{base.color.neutral.13}",
|
|
6678
6622
|
"$type": "color",
|
|
6679
6623
|
"$extensions": {
|
|
6680
6624
|
"org.primer.figma": {
|
|
@@ -6684,14 +6628,14 @@
|
|
|
6684
6628
|
"scopes": ["fgColor"]
|
|
6685
6629
|
}
|
|
6686
6630
|
},
|
|
6687
|
-
"alpha": 0.
|
|
6631
|
+
"alpha": 0.4
|
|
6688
6632
|
},
|
|
6689
6633
|
"name": "button-primary-fgColor-disabled",
|
|
6690
6634
|
"attributes": {},
|
|
6691
6635
|
"path": ["button", "primary", "fgColor", "disabled"]
|
|
6692
6636
|
},
|
|
6693
6637
|
"button-primary-iconColor-rest": {
|
|
6694
|
-
"value": "#
|
|
6638
|
+
"value": "#ffffff",
|
|
6695
6639
|
"$type": "color",
|
|
6696
6640
|
"$extensions": {
|
|
6697
6641
|
"org.primer.figma": {
|
|
@@ -6701,10 +6645,10 @@
|
|
|
6701
6645
|
"scopes": ["fgColor"]
|
|
6702
6646
|
}
|
|
6703
6647
|
},
|
|
6704
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
6648
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6705
6649
|
"isSource": true,
|
|
6706
6650
|
"original": {
|
|
6707
|
-
"value": "{fgColor.
|
|
6651
|
+
"value": "{fgColor.white}",
|
|
6708
6652
|
"$type": "color",
|
|
6709
6653
|
"$extensions": {
|
|
6710
6654
|
"org.primer.figma": {
|
|
@@ -6720,7 +6664,7 @@
|
|
|
6720
6664
|
"path": ["button", "primary", "iconColor", "rest"]
|
|
6721
6665
|
},
|
|
6722
6666
|
"button-primary-bgColor-rest": {
|
|
6723
|
-
"value": "#
|
|
6667
|
+
"value": "#006222",
|
|
6724
6668
|
"$type": "color",
|
|
6725
6669
|
"$extensions": {
|
|
6726
6670
|
"org.primer.figma": {
|
|
@@ -6749,7 +6693,7 @@
|
|
|
6749
6693
|
"path": ["button", "primary", "bgColor", "rest"]
|
|
6750
6694
|
},
|
|
6751
6695
|
"button-primary-bgColor-hover": {
|
|
6752
|
-
"value": "#
|
|
6696
|
+
"value": "#08792b",
|
|
6753
6697
|
"$type": "color",
|
|
6754
6698
|
"$extensions": {
|
|
6755
6699
|
"org.primer.figma": {
|
|
@@ -6786,7 +6730,7 @@
|
|
|
6786
6730
|
"path": ["button", "primary", "bgColor", "hover"]
|
|
6787
6731
|
},
|
|
6788
6732
|
"button-primary-bgColor-active": {
|
|
6789
|
-
"value": "#
|
|
6733
|
+
"value": "#109135",
|
|
6790
6734
|
"$type": "color",
|
|
6791
6735
|
"$extensions": {
|
|
6792
6736
|
"org.primer.figma": {
|
|
@@ -7021,7 +6965,7 @@
|
|
|
7021
6965
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7022
6966
|
},
|
|
7023
6967
|
"button-invisible-fgColor-rest": {
|
|
7024
|
-
"value": "#
|
|
6968
|
+
"value": "#b7bdc8",
|
|
7025
6969
|
"$type": "color",
|
|
7026
6970
|
"$extensions": {
|
|
7027
6971
|
"org.primer.figma": {
|
|
@@ -7034,7 +6978,7 @@
|
|
|
7034
6978
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7035
6979
|
"isSource": true,
|
|
7036
6980
|
"original": {
|
|
7037
|
-
"value": "{fgColor.
|
|
6981
|
+
"value": "{fgColor.muted}",
|
|
7038
6982
|
"$type": "color",
|
|
7039
6983
|
"$extensions": {
|
|
7040
6984
|
"org.primer.figma": {
|
|
@@ -7050,7 +6994,7 @@
|
|
|
7050
6994
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7051
6995
|
},
|
|
7052
6996
|
"button-invisible-fgColor-hover": {
|
|
7053
|
-
"value": "#
|
|
6997
|
+
"value": "#b7bdc8",
|
|
7054
6998
|
"$type": "color",
|
|
7055
6999
|
"$extensions": {
|
|
7056
7000
|
"org.primer.figma": {
|
|
@@ -7060,10 +7004,10 @@
|
|
|
7060
7004
|
"scopes": ["fgColor"]
|
|
7061
7005
|
}
|
|
7062
7006
|
},
|
|
7063
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7007
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7064
7008
|
"isSource": true,
|
|
7065
7009
|
"original": {
|
|
7066
|
-
"value": "{
|
|
7010
|
+
"value": "{fgColor.muted}",
|
|
7067
7011
|
"$type": "color",
|
|
7068
7012
|
"$extensions": {
|
|
7069
7013
|
"org.primer.figma": {
|
|
@@ -7079,7 +7023,7 @@
|
|
|
7079
7023
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7080
7024
|
},
|
|
7081
7025
|
"button-invisible-fgColor-disabled": {
|
|
7082
|
-
"value": "#
|
|
7026
|
+
"value": "#9198a199",
|
|
7083
7027
|
"$type": "color",
|
|
7084
7028
|
"$extensions": {
|
|
7085
7029
|
"org.primer.figma": {
|
|
@@ -7108,7 +7052,7 @@
|
|
|
7108
7052
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
7109
7053
|
},
|
|
7110
7054
|
"button-invisible-iconColor-rest": {
|
|
7111
|
-
"value": "#
|
|
7055
|
+
"value": "#d1d7e0",
|
|
7112
7056
|
"$type": "color",
|
|
7113
7057
|
"$extensions": {
|
|
7114
7058
|
"org.primer.figma": {
|
|
@@ -7118,10 +7062,10 @@
|
|
|
7118
7062
|
"scopes": ["fgColor"]
|
|
7119
7063
|
}
|
|
7120
7064
|
},
|
|
7121
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7065
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7122
7066
|
"isSource": true,
|
|
7123
7067
|
"original": {
|
|
7124
|
-
"value": "{
|
|
7068
|
+
"value": "{base.color.neutral.11}",
|
|
7125
7069
|
"$type": "color",
|
|
7126
7070
|
"$extensions": {
|
|
7127
7071
|
"org.primer.figma": {
|
|
@@ -7137,7 +7081,7 @@
|
|
|
7137
7081
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
7138
7082
|
},
|
|
7139
7083
|
"button-invisible-iconColor-hover": {
|
|
7140
|
-
"value": "#
|
|
7084
|
+
"value": "#d1d7e0",
|
|
7141
7085
|
"$type": "color",
|
|
7142
7086
|
"$extensions": {
|
|
7143
7087
|
"org.primer.figma": {
|
|
@@ -7150,7 +7094,7 @@
|
|
|
7150
7094
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7151
7095
|
"isSource": true,
|
|
7152
7096
|
"original": {
|
|
7153
|
-
"value": "{
|
|
7097
|
+
"value": "{base.color.neutral.11}",
|
|
7154
7098
|
"$type": "color",
|
|
7155
7099
|
"$extensions": {
|
|
7156
7100
|
"org.primer.figma": {
|
|
@@ -7166,7 +7110,7 @@
|
|
|
7166
7110
|
"path": ["button", "invisible", "iconColor", "hover"]
|
|
7167
7111
|
},
|
|
7168
7112
|
"button-invisible-iconColor-disabled": {
|
|
7169
|
-
"value": "#
|
|
7113
|
+
"value": "#9198a199",
|
|
7170
7114
|
"$type": "color",
|
|
7171
7115
|
"$extensions": {
|
|
7172
7116
|
"org.primer.figma": {
|
|
@@ -7224,7 +7168,7 @@
|
|
|
7224
7168
|
"path": ["button", "invisible", "bgColor", "rest"]
|
|
7225
7169
|
},
|
|
7226
7170
|
"button-invisible-bgColor-hover": {
|
|
7227
|
-
"value": "#
|
|
7171
|
+
"value": "#151b23",
|
|
7228
7172
|
"$type": "color",
|
|
7229
7173
|
"$extensions": {
|
|
7230
7174
|
"org.primer.figma": {
|
|
@@ -7239,7 +7183,7 @@
|
|
|
7239
7183
|
"alpha": null,
|
|
7240
7184
|
"mix": null,
|
|
7241
7185
|
"original": {
|
|
7242
|
-
"value": "{base.color.neutral.
|
|
7186
|
+
"value": "{base.color.neutral.2}",
|
|
7243
7187
|
"$type": "color",
|
|
7244
7188
|
"$extensions": {
|
|
7245
7189
|
"org.primer.figma": {
|
|
@@ -7257,7 +7201,7 @@
|
|
|
7257
7201
|
"path": ["button", "invisible", "bgColor", "hover"]
|
|
7258
7202
|
},
|
|
7259
7203
|
"button-invisible-bgColor-active": {
|
|
7260
|
-
"value": "#
|
|
7204
|
+
"value": "#212830",
|
|
7261
7205
|
"$type": "color",
|
|
7262
7206
|
"$extensions": {
|
|
7263
7207
|
"org.primer.figma": {
|
|
@@ -7272,7 +7216,7 @@
|
|
|
7272
7216
|
"alpha": null,
|
|
7273
7217
|
"mix": null,
|
|
7274
7218
|
"original": {
|
|
7275
|
-
"value": "{base.color.neutral.
|
|
7219
|
+
"value": "{base.color.neutral.3}",
|
|
7276
7220
|
"$type": "color",
|
|
7277
7221
|
"$extensions": {
|
|
7278
7222
|
"org.primer.figma": {
|
|
@@ -7290,7 +7234,7 @@
|
|
|
7290
7234
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
7291
7235
|
},
|
|
7292
7236
|
"button-invisible-bgColor-disabled": {
|
|
7293
|
-
"value": "#
|
|
7237
|
+
"value": "#262c36",
|
|
7294
7238
|
"$type": "color",
|
|
7295
7239
|
"$extensions": {
|
|
7296
7240
|
"org.primer.figma": {
|
|
@@ -7348,7 +7292,7 @@
|
|
|
7348
7292
|
"path": ["button", "invisible", "borderColor", "rest"]
|
|
7349
7293
|
},
|
|
7350
7294
|
"button-invisible-borderColor-hover": {
|
|
7351
|
-
"value": "#
|
|
7295
|
+
"value": "#b7bdc8",
|
|
7352
7296
|
"$type": "color",
|
|
7353
7297
|
"$extensions": {
|
|
7354
7298
|
"org.primer.figma": {
|
|
@@ -7377,7 +7321,7 @@
|
|
|
7377
7321
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
7378
7322
|
},
|
|
7379
7323
|
"button-invisible-borderColor-disabled": {
|
|
7380
|
-
"value": "#
|
|
7324
|
+
"value": "#9198a11f",
|
|
7381
7325
|
"$type": "color",
|
|
7382
7326
|
"$extensions": {
|
|
7383
7327
|
"org.primer.figma": {
|
|
@@ -7477,7 +7421,7 @@
|
|
|
7477
7421
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7478
7422
|
"isSource": true,
|
|
7479
7423
|
"original": {
|
|
7480
|
-
"value": "{base.color.
|
|
7424
|
+
"value": "{base.color.neutral.13}",
|
|
7481
7425
|
"$type": "color",
|
|
7482
7426
|
"$extensions": {
|
|
7483
7427
|
"org.primer.figma": {
|
|
@@ -7524,7 +7468,7 @@
|
|
|
7524
7468
|
"path": ["button", "outline", "fgColor", "disabled"]
|
|
7525
7469
|
},
|
|
7526
7470
|
"button-outline-bgColor-rest": {
|
|
7527
|
-
"value": "#
|
|
7471
|
+
"value": "#f0f6fc",
|
|
7528
7472
|
"$type": "color",
|
|
7529
7473
|
"$extensions": {
|
|
7530
7474
|
"org.primer.figma": {
|
|
@@ -7537,7 +7481,7 @@
|
|
|
7537
7481
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7538
7482
|
"isSource": true,
|
|
7539
7483
|
"original": {
|
|
7540
|
-
"value": "{base.color.neutral.
|
|
7484
|
+
"value": "{base.color.neutral.12}",
|
|
7541
7485
|
"$type": "color",
|
|
7542
7486
|
"$extensions": {
|
|
7543
7487
|
"org.primer.figma": {
|
|
@@ -7553,7 +7497,7 @@
|
|
|
7553
7497
|
"path": ["button", "outline", "bgColor", "rest"]
|
|
7554
7498
|
},
|
|
7555
7499
|
"button-outline-bgColor-hover": {
|
|
7556
|
-
"value": "#
|
|
7500
|
+
"value": "#2a313c",
|
|
7557
7501
|
"$type": "color",
|
|
7558
7502
|
"$extensions": {
|
|
7559
7503
|
"org.primer.figma": {
|
|
@@ -7566,7 +7510,7 @@
|
|
|
7566
7510
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7567
7511
|
"isSource": true,
|
|
7568
7512
|
"original": {
|
|
7569
|
-
"value": "{
|
|
7513
|
+
"value": "{control.bgColor.hover}",
|
|
7570
7514
|
"$type": "color",
|
|
7571
7515
|
"$extensions": {
|
|
7572
7516
|
"org.primer.figma": {
|
|
@@ -7611,7 +7555,7 @@
|
|
|
7611
7555
|
"path": ["button", "outline", "bgColor", "active"]
|
|
7612
7556
|
},
|
|
7613
7557
|
"button-outline-bgColor-disabled": {
|
|
7614
|
-
"value": "#
|
|
7558
|
+
"value": "#262c36",
|
|
7615
7559
|
"$type": "color",
|
|
7616
7560
|
"$extensions": {
|
|
7617
7561
|
"org.primer.figma": {
|
|
@@ -7624,7 +7568,7 @@
|
|
|
7624
7568
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7625
7569
|
"isSource": true,
|
|
7626
7570
|
"original": {
|
|
7627
|
-
"value": "{
|
|
7571
|
+
"value": "{control.bgColor.disabled}",
|
|
7628
7572
|
"$type": "color",
|
|
7629
7573
|
"$extensions": {
|
|
7630
7574
|
"org.primer.figma": {
|
|
@@ -7640,7 +7584,7 @@
|
|
|
7640
7584
|
"path": ["button", "outline", "bgColor", "disabled"]
|
|
7641
7585
|
},
|
|
7642
7586
|
"button-outline-borderColor-hover": {
|
|
7643
|
-
"value": "#
|
|
7587
|
+
"value": "#b7bdc8",
|
|
7644
7588
|
"$type": "color",
|
|
7645
7589
|
"$extensions": {
|
|
7646
7590
|
"org.primer.figma": {
|
|
@@ -7650,11 +7594,10 @@
|
|
|
7650
7594
|
"scopes": ["borderColor"]
|
|
7651
7595
|
}
|
|
7652
7596
|
},
|
|
7653
|
-
"alpha": 0.1,
|
|
7654
7597
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7655
7598
|
"isSource": true,
|
|
7656
7599
|
"original": {
|
|
7657
|
-
"value": "{
|
|
7600
|
+
"value": "{button.default.borderColor.hover}",
|
|
7658
7601
|
"$type": "color",
|
|
7659
7602
|
"$extensions": {
|
|
7660
7603
|
"org.primer.figma": {
|
|
@@ -7663,15 +7606,14 @@
|
|
|
7663
7606
|
"group": "component (internal)",
|
|
7664
7607
|
"scopes": ["borderColor"]
|
|
7665
7608
|
}
|
|
7666
|
-
}
|
|
7667
|
-
"alpha": 0.1
|
|
7609
|
+
}
|
|
7668
7610
|
},
|
|
7669
7611
|
"name": "button-outline-borderColor-hover",
|
|
7670
7612
|
"attributes": {},
|
|
7671
7613
|
"path": ["button", "outline", "borderColor", "hover"]
|
|
7672
7614
|
},
|
|
7673
7615
|
"button-outline-borderColor-selected": {
|
|
7674
|
-
"value": "#
|
|
7616
|
+
"value": "#b7bdc8",
|
|
7675
7617
|
"$type": "color",
|
|
7676
7618
|
"$extensions": {
|
|
7677
7619
|
"org.primer.figma": {
|
|
@@ -7779,7 +7721,7 @@
|
|
|
7779
7721
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7780
7722
|
"isSource": true,
|
|
7781
7723
|
"original": {
|
|
7782
|
-
"value": "{base.color.
|
|
7724
|
+
"value": "{base.color.neutral.13}",
|
|
7783
7725
|
"$type": "color",
|
|
7784
7726
|
"$extensions": {
|
|
7785
7727
|
"org.primer.figma": {
|
|
@@ -7808,7 +7750,7 @@
|
|
|
7808
7750
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7809
7751
|
"isSource": true,
|
|
7810
7752
|
"original": {
|
|
7811
|
-
"value": "{base.color.
|
|
7753
|
+
"value": "{base.color.neutral.13}",
|
|
7812
7754
|
"$type": "color",
|
|
7813
7755
|
"$extensions": {
|
|
7814
7756
|
"org.primer.figma": {
|
|
@@ -7897,7 +7839,7 @@
|
|
|
7897
7839
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7898
7840
|
"isSource": true,
|
|
7899
7841
|
"original": {
|
|
7900
|
-
"value": "{base.color.
|
|
7842
|
+
"value": "{base.color.neutral.13}",
|
|
7901
7843
|
"$type": "color",
|
|
7902
7844
|
"$extensions": {
|
|
7903
7845
|
"org.primer.figma": {
|
|
@@ -7913,7 +7855,7 @@
|
|
|
7913
7855
|
"path": ["button", "danger", "iconColor", "hover"]
|
|
7914
7856
|
},
|
|
7915
7857
|
"button-danger-bgColor-rest": {
|
|
7916
|
-
"value": "#
|
|
7858
|
+
"value": "#262c36",
|
|
7917
7859
|
"$type": "color",
|
|
7918
7860
|
"$extensions": {
|
|
7919
7861
|
"org.primer.figma": {
|
|
@@ -7942,7 +7884,7 @@
|
|
|
7942
7884
|
"path": ["button", "danger", "bgColor", "rest"]
|
|
7943
7885
|
},
|
|
7944
7886
|
"button-danger-bgColor-hover": {
|
|
7945
|
-
"value": "#
|
|
7887
|
+
"value": "#ad0116",
|
|
7946
7888
|
"$type": "color",
|
|
7947
7889
|
"$extensions": {
|
|
7948
7890
|
"org.primer.figma": {
|
|
@@ -7952,10 +7894,10 @@
|
|
|
7952
7894
|
"scopes": ["bgColor"]
|
|
7953
7895
|
}
|
|
7954
7896
|
},
|
|
7955
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7897
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7956
7898
|
"isSource": true,
|
|
7957
7899
|
"original": {
|
|
7958
|
-
"value": "{
|
|
7900
|
+
"value": "{bgColor.danger.emphasis}",
|
|
7959
7901
|
"$type": "color",
|
|
7960
7902
|
"$extensions": {
|
|
7961
7903
|
"org.primer.figma": {
|
|
@@ -7971,7 +7913,7 @@
|
|
|
7971
7913
|
"path": ["button", "danger", "bgColor", "hover"]
|
|
7972
7914
|
},
|
|
7973
7915
|
"button-danger-bgColor-active": {
|
|
7974
|
-
"value": "#
|
|
7916
|
+
"value": "#c51120",
|
|
7975
7917
|
"$type": "color",
|
|
7976
7918
|
"$extensions": {
|
|
7977
7919
|
"org.primer.figma": {
|
|
@@ -7982,13 +7924,14 @@
|
|
|
7982
7924
|
}
|
|
7983
7925
|
},
|
|
7984
7926
|
"mix": {
|
|
7985
|
-
"color": "#
|
|
7927
|
+
"color": "#e82a2f",
|
|
7986
7928
|
"weight": 0.4
|
|
7987
7929
|
},
|
|
7988
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
7930
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
7989
7931
|
"isSource": true,
|
|
7932
|
+
"alpha": 1,
|
|
7990
7933
|
"original": {
|
|
7991
|
-
"value": "{
|
|
7934
|
+
"value": "{bgColor.danger.emphasis}",
|
|
7992
7935
|
"$type": "color",
|
|
7993
7936
|
"$extensions": {
|
|
7994
7937
|
"org.primer.figma": {
|
|
@@ -7999,16 +7942,17 @@
|
|
|
7999
7942
|
}
|
|
8000
7943
|
},
|
|
8001
7944
|
"mix": {
|
|
8002
|
-
"color": "{base.color.red.
|
|
7945
|
+
"color": "{base.color.red.7}",
|
|
8003
7946
|
"weight": 0.4
|
|
8004
|
-
}
|
|
7947
|
+
},
|
|
7948
|
+
"alpha": 1
|
|
8005
7949
|
},
|
|
8006
7950
|
"name": "button-danger-bgColor-active",
|
|
8007
7951
|
"attributes": {},
|
|
8008
7952
|
"path": ["button", "danger", "bgColor", "active"]
|
|
8009
7953
|
},
|
|
8010
7954
|
"button-danger-bgColor-disabled": {
|
|
8011
|
-
"value": "#
|
|
7955
|
+
"value": "#262c36",
|
|
8012
7956
|
"$type": "color",
|
|
8013
7957
|
"$extensions": {
|
|
8014
7958
|
"org.primer.figma": {
|
|
@@ -8037,7 +7981,7 @@
|
|
|
8037
7981
|
"path": ["button", "danger", "bgColor", "disabled"]
|
|
8038
7982
|
},
|
|
8039
7983
|
"button-danger-borderColor-rest": {
|
|
8040
|
-
"value": "#
|
|
7984
|
+
"value": "#b7bdc8",
|
|
8041
7985
|
"$type": "color",
|
|
8042
7986
|
"$extensions": {
|
|
8043
7987
|
"org.primer.figma": {
|
|
@@ -8050,7 +7994,7 @@
|
|
|
8050
7994
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8051
7995
|
"isSource": true,
|
|
8052
7996
|
"original": {
|
|
8053
|
-
"value": "{borderColor.
|
|
7997
|
+
"value": "{control.borderColor.rest}",
|
|
8054
7998
|
"$type": "color",
|
|
8055
7999
|
"$extensions": {
|
|
8056
8000
|
"org.primer.figma": {
|
|
@@ -8066,7 +8010,7 @@
|
|
|
8066
8010
|
"path": ["button", "danger", "borderColor", "rest"]
|
|
8067
8011
|
},
|
|
8068
8012
|
"button-danger-borderColor-hover": {
|
|
8069
|
-
"value": "#
|
|
8013
|
+
"value": "#ffb1af",
|
|
8070
8014
|
"$type": "color",
|
|
8071
8015
|
"$extensions": {
|
|
8072
8016
|
"org.primer.figma": {
|
|
@@ -8076,11 +8020,11 @@
|
|
|
8076
8020
|
"scopes": ["borderColor"]
|
|
8077
8021
|
}
|
|
8078
8022
|
},
|
|
8079
|
-
"
|
|
8080
|
-
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8023
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8081
8024
|
"isSource": true,
|
|
8025
|
+
"alpha": 1,
|
|
8082
8026
|
"original": {
|
|
8083
|
-
"value": "{base.color.
|
|
8027
|
+
"value": "{base.color.red.2}",
|
|
8084
8028
|
"$type": "color",
|
|
8085
8029
|
"$extensions": {
|
|
8086
8030
|
"org.primer.figma": {
|
|
@@ -8090,14 +8034,14 @@
|
|
|
8090
8034
|
"scopes": ["borderColor"]
|
|
8091
8035
|
}
|
|
8092
8036
|
},
|
|
8093
|
-
"alpha":
|
|
8037
|
+
"alpha": 1
|
|
8094
8038
|
},
|
|
8095
8039
|
"name": "button-danger-borderColor-hover",
|
|
8096
8040
|
"attributes": {},
|
|
8097
8041
|
"path": ["button", "danger", "borderColor", "hover"]
|
|
8098
8042
|
},
|
|
8099
8043
|
"button-danger-borderColor-active": {
|
|
8100
|
-
"value": "#
|
|
8044
|
+
"value": "#ffb1af",
|
|
8101
8045
|
"$type": "color",
|
|
8102
8046
|
"$extensions": {
|
|
8103
8047
|
"org.primer.figma": {
|
|
@@ -8107,10 +8051,11 @@
|
|
|
8107
8051
|
"scopes": ["borderColor"]
|
|
8108
8052
|
}
|
|
8109
8053
|
},
|
|
8110
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8054
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8111
8055
|
"isSource": true,
|
|
8056
|
+
"alpha": 1,
|
|
8112
8057
|
"original": {
|
|
8113
|
-
"value": "{
|
|
8058
|
+
"value": "{base.color.red.2}",
|
|
8114
8059
|
"$type": "color",
|
|
8115
8060
|
"$extensions": {
|
|
8116
8061
|
"org.primer.figma": {
|
|
@@ -8119,7 +8064,8 @@
|
|
|
8119
8064
|
"group": "component (internal)",
|
|
8120
8065
|
"scopes": ["borderColor"]
|
|
8121
8066
|
}
|
|
8122
|
-
}
|
|
8067
|
+
},
|
|
8068
|
+
"alpha": 1
|
|
8123
8069
|
},
|
|
8124
8070
|
"name": "button-danger-borderColor-active",
|
|
8125
8071
|
"attributes": {},
|
|
@@ -8163,7 +8109,7 @@
|
|
|
8163
8109
|
"path": ["button", "danger", "shadow", "selected"]
|
|
8164
8110
|
},
|
|
8165
8111
|
"button-inactive-fgColor": {
|
|
8166
|
-
"value": "#
|
|
8112
|
+
"value": "#b7bdc8",
|
|
8167
8113
|
"$type": "color",
|
|
8168
8114
|
"$extensions": {
|
|
8169
8115
|
"org.primer.figma": {
|
|
@@ -8173,10 +8119,10 @@
|
|
|
8173
8119
|
"scopes": ["fgColor"]
|
|
8174
8120
|
}
|
|
8175
8121
|
},
|
|
8176
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8122
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8177
8123
|
"isSource": true,
|
|
8178
8124
|
"original": {
|
|
8179
|
-
"value": "{base.color.neutral.
|
|
8125
|
+
"value": "{base.color.neutral.10}",
|
|
8180
8126
|
"$type": "color",
|
|
8181
8127
|
"$extensions": {
|
|
8182
8128
|
"org.primer.figma": {
|
|
@@ -8192,7 +8138,7 @@
|
|
|
8192
8138
|
"path": ["button", "inactive", "fgColor"]
|
|
8193
8139
|
},
|
|
8194
8140
|
"button-inactive-bgColor": {
|
|
8195
|
-
"value": "#
|
|
8141
|
+
"value": "#262c36",
|
|
8196
8142
|
"$type": "color",
|
|
8197
8143
|
"$extensions": {
|
|
8198
8144
|
"org.primer.figma": {
|
|
@@ -8202,10 +8148,10 @@
|
|
|
8202
8148
|
"scopes": ["bgColor"]
|
|
8203
8149
|
}
|
|
8204
8150
|
},
|
|
8205
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8151
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8206
8152
|
"isSource": true,
|
|
8207
8153
|
"original": {
|
|
8208
|
-
"value": "{
|
|
8154
|
+
"value": "{control.bgColor.rest}",
|
|
8209
8155
|
"$type": "color",
|
|
8210
8156
|
"$extensions": {
|
|
8211
8157
|
"org.primer.figma": {
|
|
@@ -8250,7 +8196,7 @@
|
|
|
8250
8196
|
"path": ["button", "star", "iconColor"]
|
|
8251
8197
|
},
|
|
8252
8198
|
"buttonCounter-default-bgColor-rest": {
|
|
8253
|
-
"value": "#
|
|
8199
|
+
"value": "#2f3742",
|
|
8254
8200
|
"$type": "color",
|
|
8255
8201
|
"$extensions": {
|
|
8256
8202
|
"org.primer.figma": {
|
|
@@ -8279,7 +8225,7 @@
|
|
|
8279
8225
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8280
8226
|
},
|
|
8281
8227
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8282
|
-
"value": "#
|
|
8228
|
+
"value": "#2f3742",
|
|
8283
8229
|
"$type": "color",
|
|
8284
8230
|
"$extensions": {
|
|
8285
8231
|
"org.primer.figma": {
|
|
@@ -8293,7 +8239,7 @@
|
|
|
8293
8239
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8294
8240
|
"isSource": true,
|
|
8295
8241
|
"original": {
|
|
8296
|
-
"value": "{
|
|
8242
|
+
"value": "{bgColor.neutral.muted}",
|
|
8297
8243
|
"$type": "color",
|
|
8298
8244
|
"$extensions": {
|
|
8299
8245
|
"org.primer.figma": {
|
|
@@ -8324,7 +8270,7 @@
|
|
|
8324
8270
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8325
8271
|
"isSource": true,
|
|
8326
8272
|
"original": {
|
|
8327
|
-
"value": "{base.color.
|
|
8273
|
+
"value": "{base.color.neutral.0}",
|
|
8328
8274
|
"$type": "color",
|
|
8329
8275
|
"$extensions": {
|
|
8330
8276
|
"org.primer.figma": {
|
|
@@ -8403,7 +8349,7 @@
|
|
|
8403
8349
|
"path": ["buttonCounter", "outline", "bgColor", "hover"]
|
|
8404
8350
|
},
|
|
8405
8351
|
"buttonCounter-outline-bgColor-disabled": {
|
|
8406
|
-
"value": "#
|
|
8352
|
+
"value": "#194fb10d",
|
|
8407
8353
|
"$type": "color",
|
|
8408
8354
|
"$extensions": {
|
|
8409
8355
|
"org.primer.figma": {
|
|
@@ -8537,7 +8483,7 @@
|
|
|
8537
8483
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8538
8484
|
"isSource": true,
|
|
8539
8485
|
"original": {
|
|
8540
|
-
"value": "{base.color.
|
|
8486
|
+
"value": "{base.color.neutral.0}",
|
|
8541
8487
|
"$type": "color",
|
|
8542
8488
|
"$extensions": {
|
|
8543
8489
|
"org.primer.figma": {
|
|
@@ -8554,7 +8500,7 @@
|
|
|
8554
8500
|
"path": ["buttonCounter", "danger", "bgColor", "hover"]
|
|
8555
8501
|
},
|
|
8556
8502
|
"buttonCounter-danger-bgColor-disabled": {
|
|
8557
|
-
"value": "#
|
|
8503
|
+
"value": "#ad01160d",
|
|
8558
8504
|
"$type": "color",
|
|
8559
8505
|
"$extensions": {
|
|
8560
8506
|
"org.primer.figma": {
|
|
@@ -8599,7 +8545,7 @@
|
|
|
8599
8545
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8600
8546
|
"isSource": true,
|
|
8601
8547
|
"original": {
|
|
8602
|
-
"value": "{base.color.
|
|
8548
|
+
"value": "{base.color.neutral.0}",
|
|
8603
8549
|
"$type": "color",
|
|
8604
8550
|
"$extensions": {
|
|
8605
8551
|
"org.primer.figma": {
|
|
@@ -8658,7 +8604,7 @@
|
|
|
8658
8604
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8659
8605
|
"isSource": true,
|
|
8660
8606
|
"original": {
|
|
8661
|
-
"value": "{base.color.
|
|
8607
|
+
"value": "{base.color.neutral.13}",
|
|
8662
8608
|
"$type": "color",
|
|
8663
8609
|
"$extensions": {
|
|
8664
8610
|
"org.primer.figma": {
|
|
@@ -8862,7 +8808,7 @@
|
|
|
8862
8808
|
"path": ["focus", "outlineColor"]
|
|
8863
8809
|
},
|
|
8864
8810
|
"menu-bgColor-active": {
|
|
8865
|
-
"value": "#
|
|
8811
|
+
"value": "#151b23",
|
|
8866
8812
|
"$type": "color",
|
|
8867
8813
|
"$extensions": {
|
|
8868
8814
|
"org.primer.figma": {
|
|
@@ -8875,7 +8821,7 @@
|
|
|
8875
8821
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8876
8822
|
"isSource": true,
|
|
8877
8823
|
"original": {
|
|
8878
|
-
"value": "{base.color.neutral.
|
|
8824
|
+
"value": "{base.color.neutral.2}",
|
|
8879
8825
|
"$type": "color",
|
|
8880
8826
|
"$extensions": {
|
|
8881
8827
|
"org.primer.figma": {
|
|
@@ -8891,7 +8837,7 @@
|
|
|
8891
8837
|
"path": ["menu", "bgColor", "active"]
|
|
8892
8838
|
},
|
|
8893
8839
|
"overlay-bgColor": {
|
|
8894
|
-
"value": "#
|
|
8840
|
+
"value": "#151b23",
|
|
8895
8841
|
"$type": "color",
|
|
8896
8842
|
"$extensions": {
|
|
8897
8843
|
"org.primer.figma": {
|
|
@@ -8904,7 +8850,7 @@
|
|
|
8904
8850
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8905
8851
|
"isSource": true,
|
|
8906
8852
|
"original": {
|
|
8907
|
-
"value": "{
|
|
8853
|
+
"value": "{bgColor.muted}",
|
|
8908
8854
|
"$type": "color",
|
|
8909
8855
|
"$extensions": {
|
|
8910
8856
|
"org.primer.figma": {
|
|
@@ -8920,7 +8866,7 @@
|
|
|
8920
8866
|
"path": ["overlay", "bgColor"]
|
|
8921
8867
|
},
|
|
8922
8868
|
"overlay-borderColor": {
|
|
8923
|
-
"value": "#
|
|
8869
|
+
"value": "#b7bdc8",
|
|
8924
8870
|
"$type": "color",
|
|
8925
8871
|
"$extensions": {
|
|
8926
8872
|
"org.primer.figma": {
|
|
@@ -8931,8 +8877,9 @@
|
|
|
8931
8877
|
},
|
|
8932
8878
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8933
8879
|
"isSource": true,
|
|
8880
|
+
"alpha": null,
|
|
8934
8881
|
"original": {
|
|
8935
|
-
"value": "{borderColor.
|
|
8882
|
+
"value": "{borderColor.default}",
|
|
8936
8883
|
"$type": "color",
|
|
8937
8884
|
"$extensions": {
|
|
8938
8885
|
"org.primer.figma": {
|
|
@@ -8940,14 +8887,15 @@
|
|
|
8940
8887
|
"mode": "dark",
|
|
8941
8888
|
"group": "component (internal)"
|
|
8942
8889
|
}
|
|
8943
|
-
}
|
|
8890
|
+
},
|
|
8891
|
+
"alpha": null
|
|
8944
8892
|
},
|
|
8945
8893
|
"name": "overlay-borderColor",
|
|
8946
8894
|
"attributes": {},
|
|
8947
8895
|
"path": ["overlay", "borderColor"]
|
|
8948
8896
|
},
|
|
8949
8897
|
"overlay-backdrop-bgColor": {
|
|
8950
|
-
"value": "#
|
|
8898
|
+
"value": "#d1d7e066",
|
|
8951
8899
|
"$type": "color",
|
|
8952
8900
|
"$extensions": {
|
|
8953
8901
|
"org.primer.figma": {
|
|
@@ -8958,10 +8906,10 @@
|
|
|
8958
8906
|
}
|
|
8959
8907
|
},
|
|
8960
8908
|
"alpha": 0.4,
|
|
8961
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
8909
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
8962
8910
|
"isSource": true,
|
|
8963
8911
|
"original": {
|
|
8964
|
-
"value": "{base.color.neutral.
|
|
8912
|
+
"value": "{base.color.neutral.11}",
|
|
8965
8913
|
"$type": "color",
|
|
8966
8914
|
"$extensions": {
|
|
8967
8915
|
"org.primer.figma": {
|
|
@@ -8978,7 +8926,7 @@
|
|
|
8978
8926
|
"path": ["overlay", "backdrop", "bgColor"]
|
|
8979
8927
|
},
|
|
8980
8928
|
"selectMenu-borderColor": {
|
|
8981
|
-
"value": "#
|
|
8929
|
+
"value": "#b7bdc8",
|
|
8982
8930
|
"$type": "color",
|
|
8983
8931
|
"$extensions": {
|
|
8984
8932
|
"org.primer.figma": {
|
|
@@ -8991,7 +8939,7 @@
|
|
|
8991
8939
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8992
8940
|
"isSource": true,
|
|
8993
8941
|
"original": {
|
|
8994
|
-
"value": "{
|
|
8942
|
+
"value": "{borderColor.default}",
|
|
8995
8943
|
"$type": "color",
|
|
8996
8944
|
"$extensions": {
|
|
8997
8945
|
"org.primer.figma": {
|
|
@@ -9036,7 +8984,7 @@
|
|
|
9036
8984
|
"path": ["selectMenu", "bgColor", "active"]
|
|
9037
8985
|
},
|
|
9038
8986
|
"sideNav-bgColor-selected": {
|
|
9039
|
-
"value": "#
|
|
8987
|
+
"value": "#212830",
|
|
9040
8988
|
"$type": "color",
|
|
9041
8989
|
"$extensions": {
|
|
9042
8990
|
"org.primer.figma": {
|
|
@@ -9049,7 +8997,7 @@
|
|
|
9049
8997
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9050
8998
|
"isSource": true,
|
|
9051
8999
|
"original": {
|
|
9052
|
-
"value": "{base.color.neutral.
|
|
9000
|
+
"value": "{base.color.neutral.3}",
|
|
9053
9001
|
"$type": "color",
|
|
9054
9002
|
"$extensions": {
|
|
9055
9003
|
"org.primer.figma": {
|
|
@@ -9065,7 +9013,7 @@
|
|
|
9065
9013
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9066
9014
|
},
|
|
9067
9015
|
"skeletonLoader-bgColor": {
|
|
9068
|
-
"value": "#
|
|
9016
|
+
"value": "#151b23",
|
|
9069
9017
|
"$type": "color",
|
|
9070
9018
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9071
9019
|
"isSource": true,
|
|
@@ -9078,7 +9026,7 @@
|
|
|
9078
9026
|
"path": ["skeletonLoader", "bgColor"]
|
|
9079
9027
|
},
|
|
9080
9028
|
"timelineBadge-bgColor": {
|
|
9081
|
-
"value": "#
|
|
9029
|
+
"value": "#212830",
|
|
9082
9030
|
"$type": "color",
|
|
9083
9031
|
"$extensions": {
|
|
9084
9032
|
"org.primer.figma": {
|
|
@@ -9091,7 +9039,7 @@
|
|
|
9091
9039
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9092
9040
|
"isSource": true,
|
|
9093
9041
|
"original": {
|
|
9094
|
-
"value": "{base.color.neutral.
|
|
9042
|
+
"value": "{base.color.neutral.3}",
|
|
9095
9043
|
"$type": "color",
|
|
9096
9044
|
"$extensions": {
|
|
9097
9045
|
"org.primer.figma": {
|
|
@@ -9107,7 +9055,7 @@
|
|
|
9107
9055
|
"path": ["timelineBadge", "bgColor"]
|
|
9108
9056
|
},
|
|
9109
9057
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
9110
|
-
"value": "#
|
|
9058
|
+
"value": "#b7bdc8",
|
|
9111
9059
|
"$type": "color",
|
|
9112
9060
|
"$extensions": {
|
|
9113
9061
|
"org.primer.figma": {
|
|
@@ -9165,7 +9113,7 @@
|
|
|
9165
9113
|
"path": ["underlineNav", "borderColor", "active"]
|
|
9166
9114
|
},
|
|
9167
9115
|
"underlineNav-borderColor-hover": {
|
|
9168
|
-
"value": "#
|
|
9116
|
+
"value": "#b7bdc8",
|
|
9169
9117
|
"$type": "color",
|
|
9170
9118
|
"$extensions": {
|
|
9171
9119
|
"org.primer.figma": {
|
|
@@ -9175,10 +9123,10 @@
|
|
|
9175
9123
|
"scopes": ["borderColor"]
|
|
9176
9124
|
}
|
|
9177
9125
|
},
|
|
9178
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
9126
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9179
9127
|
"isSource": true,
|
|
9180
9128
|
"original": {
|
|
9181
|
-
"value": "{
|
|
9129
|
+
"value": "{borderColor.neutral.muted}",
|
|
9182
9130
|
"$type": "color",
|
|
9183
9131
|
"$extensions": {
|
|
9184
9132
|
"org.primer.figma": {
|
|
@@ -9194,7 +9142,7 @@
|
|
|
9194
9142
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
9195
9143
|
},
|
|
9196
9144
|
"underlineNav-iconColor-rest": {
|
|
9197
|
-
"value": "#
|
|
9145
|
+
"value": "#b7bdc8",
|
|
9198
9146
|
"$type": "color",
|
|
9199
9147
|
"$extensions": {
|
|
9200
9148
|
"org.primer.figma": {
|
|
@@ -9204,10 +9152,10 @@
|
|
|
9204
9152
|
"scopes": ["fgColor"]
|
|
9205
9153
|
}
|
|
9206
9154
|
},
|
|
9207
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
9155
|
+
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9208
9156
|
"isSource": true,
|
|
9209
9157
|
"original": {
|
|
9210
|
-
"value": "{
|
|
9158
|
+
"value": "{fgColor.muted}",
|
|
9211
9159
|
"$type": "color",
|
|
9212
9160
|
"$extensions": {
|
|
9213
9161
|
"org.primer.figma": {
|
|
@@ -9223,7 +9171,7 @@
|
|
|
9223
9171
|
"path": ["underlineNav", "iconColor", "rest"]
|
|
9224
9172
|
},
|
|
9225
9173
|
"selection-bgColor": {
|
|
9226
|
-
"value": "#
|
|
9174
|
+
"value": "#194fb1b3",
|
|
9227
9175
|
"$type": "color",
|
|
9228
9176
|
"$extensions": {
|
|
9229
9177
|
"org.primer.figma": {
|
|
@@ -9254,7 +9202,7 @@
|
|
|
9254
9202
|
"path": ["selection", "bgColor"]
|
|
9255
9203
|
},
|
|
9256
9204
|
"card-bgColor": {
|
|
9257
|
-
"value": "#
|
|
9205
|
+
"value": "#151b23",
|
|
9258
9206
|
"$type": "color",
|
|
9259
9207
|
"$extensions": {
|
|
9260
9208
|
"org.primer.figma": {
|
|
@@ -12647,7 +12595,7 @@
|
|
|
12647
12595
|
"path": ["tooltip", "fgColor"]
|
|
12648
12596
|
},
|
|
12649
12597
|
"fgColor-default": {
|
|
12650
|
-
"value": "#
|
|
12598
|
+
"value": "#ffffff",
|
|
12651
12599
|
"$type": "color",
|
|
12652
12600
|
"$extensions": {
|
|
12653
12601
|
"org.primer.figma": {
|
|
@@ -12660,14 +12608,10 @@
|
|
|
12660
12608
|
}
|
|
12661
12609
|
}
|
|
12662
12610
|
},
|
|
12663
|
-
"
|
|
12664
|
-
"color": "#f0f3f6",
|
|
12665
|
-
"weight": 0.25
|
|
12666
|
-
},
|
|
12667
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12611
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12668
12612
|
"isSource": true,
|
|
12669
12613
|
"original": {
|
|
12670
|
-
"value": "{base.color.neutral.
|
|
12614
|
+
"value": "{base.color.neutral.13}",
|
|
12671
12615
|
"$type": "color",
|
|
12672
12616
|
"$extensions": {
|
|
12673
12617
|
"org.primer.figma": {
|
|
@@ -12679,10 +12623,6 @@
|
|
|
12679
12623
|
"web": "var(--fgColor-default) /* utility class: .color-fg-default */"
|
|
12680
12624
|
}
|
|
12681
12625
|
}
|
|
12682
|
-
},
|
|
12683
|
-
"mix": {
|
|
12684
|
-
"color": "{base.color.neutral.1}",
|
|
12685
|
-
"weight": 0.25
|
|
12686
12626
|
}
|
|
12687
12627
|
},
|
|
12688
12628
|
"name": "fgColor-default",
|
|
@@ -12690,7 +12630,7 @@
|
|
|
12690
12630
|
"path": ["fgColor", "default"]
|
|
12691
12631
|
},
|
|
12692
12632
|
"fgColor-muted": {
|
|
12693
|
-
"value": "#
|
|
12633
|
+
"value": "#b7bdc8",
|
|
12694
12634
|
"$type": "color",
|
|
12695
12635
|
"$extensions": {
|
|
12696
12636
|
"org.primer.figma": {
|
|
@@ -12703,12 +12643,10 @@
|
|
|
12703
12643
|
}
|
|
12704
12644
|
}
|
|
12705
12645
|
},
|
|
12706
|
-
"mix": null,
|
|
12707
12646
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12708
12647
|
"isSource": true,
|
|
12709
|
-
"alpha": 1,
|
|
12710
12648
|
"original": {
|
|
12711
|
-
"value": "{base.color.neutral.
|
|
12649
|
+
"value": "{base.color.neutral.10}",
|
|
12712
12650
|
"$type": "color",
|
|
12713
12651
|
"$extensions": {
|
|
12714
12652
|
"org.primer.figma": {
|
|
@@ -12720,16 +12658,14 @@
|
|
|
12720
12658
|
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12721
12659
|
}
|
|
12722
12660
|
}
|
|
12723
|
-
}
|
|
12724
|
-
"mix": null,
|
|
12725
|
-
"alpha": 1
|
|
12661
|
+
}
|
|
12726
12662
|
},
|
|
12727
12663
|
"name": "fgColor-muted",
|
|
12728
12664
|
"attributes": {},
|
|
12729
12665
|
"path": ["fgColor", "muted"]
|
|
12730
12666
|
},
|
|
12731
12667
|
"fgColor-onEmphasis": {
|
|
12732
|
-
"value": "#
|
|
12668
|
+
"value": "#ffffff",
|
|
12733
12669
|
"$type": "color",
|
|
12734
12670
|
"$extensions": {
|
|
12735
12671
|
"org.primer.figma": {
|
|
@@ -12742,10 +12678,10 @@
|
|
|
12742
12678
|
}
|
|
12743
12679
|
}
|
|
12744
12680
|
},
|
|
12745
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
12681
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12746
12682
|
"isSource": true,
|
|
12747
12683
|
"original": {
|
|
12748
|
-
"value": "{base.color.neutral.
|
|
12684
|
+
"value": "{base.color.neutral.13}",
|
|
12749
12685
|
"$type": "color",
|
|
12750
12686
|
"$extensions": {
|
|
12751
12687
|
"org.primer.figma": {
|
|
@@ -12777,7 +12713,7 @@
|
|
|
12777
12713
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12778
12714
|
"isSource": true,
|
|
12779
12715
|
"original": {
|
|
12780
|
-
"value": "{base.color.
|
|
12716
|
+
"value": "{base.color.neutral.0}",
|
|
12781
12717
|
"$type": "color",
|
|
12782
12718
|
"$extensions": {
|
|
12783
12719
|
"org.primer.figma": {
|
|
@@ -12806,7 +12742,7 @@
|
|
|
12806
12742
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12807
12743
|
"isSource": true,
|
|
12808
12744
|
"original": {
|
|
12809
|
-
"value": "{base.color.
|
|
12745
|
+
"value": "{base.color.neutral.13}",
|
|
12810
12746
|
"$type": "color",
|
|
12811
12747
|
"$extensions": {
|
|
12812
12748
|
"org.primer.figma": {
|
|
@@ -12835,7 +12771,7 @@
|
|
|
12835
12771
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12836
12772
|
"isSource": true,
|
|
12837
12773
|
"original": {
|
|
12838
|
-
"value": "{base.color.
|
|
12774
|
+
"value": "{base.color.neutral.0}",
|
|
12839
12775
|
"$type": "color",
|
|
12840
12776
|
"$extensions": {
|
|
12841
12777
|
"org.primer.figma": {
|
|
@@ -12851,7 +12787,7 @@
|
|
|
12851
12787
|
"path": ["fgColor", "black"]
|
|
12852
12788
|
},
|
|
12853
12789
|
"fgColor-disabled": {
|
|
12854
|
-
"value": "#
|
|
12790
|
+
"value": "#9198a199",
|
|
12855
12791
|
"$type": "color",
|
|
12856
12792
|
"$extensions": {
|
|
12857
12793
|
"org.primer.figma": {
|
|
@@ -12861,10 +12797,11 @@
|
|
|
12861
12797
|
"scopes": ["fgColor"]
|
|
12862
12798
|
}
|
|
12863
12799
|
},
|
|
12800
|
+
"alpha": 0.6,
|
|
12864
12801
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12865
12802
|
"isSource": true,
|
|
12866
12803
|
"original": {
|
|
12867
|
-
"value": "{base.color.neutral.
|
|
12804
|
+
"value": "{base.color.neutral.9}",
|
|
12868
12805
|
"$type": "color",
|
|
12869
12806
|
"$extensions": {
|
|
12870
12807
|
"org.primer.figma": {
|
|
@@ -12873,7 +12810,8 @@
|
|
|
12873
12810
|
"group": "semantic",
|
|
12874
12811
|
"scopes": ["fgColor"]
|
|
12875
12812
|
}
|
|
12876
|
-
}
|
|
12813
|
+
},
|
|
12814
|
+
"alpha": 0.6
|
|
12877
12815
|
},
|
|
12878
12816
|
"name": "fgColor-disabled",
|
|
12879
12817
|
"attributes": {},
|
|
@@ -12915,7 +12853,7 @@
|
|
|
12915
12853
|
"path": ["fgColor", "link"]
|
|
12916
12854
|
},
|
|
12917
12855
|
"fgColor-neutral": {
|
|
12918
|
-
"value": "#
|
|
12856
|
+
"value": "#b7bdc8",
|
|
12919
12857
|
"$type": "color",
|
|
12920
12858
|
"$extensions": {
|
|
12921
12859
|
"org.primer.figma": {
|
|
@@ -12928,7 +12866,7 @@
|
|
|
12928
12866
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
12929
12867
|
"isSource": true,
|
|
12930
12868
|
"original": {
|
|
12931
|
-
"value": "{base.color.neutral.
|
|
12869
|
+
"value": "{base.color.neutral.10}",
|
|
12932
12870
|
"$type": "color",
|
|
12933
12871
|
"$extensions": {
|
|
12934
12872
|
"org.primer.figma": {
|
|
@@ -13302,7 +13240,7 @@
|
|
|
13302
13240
|
"path": ["fgColor", "sponsors"]
|
|
13303
13241
|
},
|
|
13304
13242
|
"bgColor-default": {
|
|
13305
|
-
"value": "#
|
|
13243
|
+
"value": "#010409",
|
|
13306
13244
|
"$type": "color",
|
|
13307
13245
|
"$extensions": {
|
|
13308
13246
|
"org.primer.figma": {
|
|
@@ -13315,10 +13253,10 @@
|
|
|
13315
13253
|
}
|
|
13316
13254
|
}
|
|
13317
13255
|
},
|
|
13318
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13256
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13319
13257
|
"isSource": true,
|
|
13320
13258
|
"original": {
|
|
13321
|
-
"value": "{base.color.neutral.
|
|
13259
|
+
"value": "{base.color.neutral.0}",
|
|
13322
13260
|
"$type": "color",
|
|
13323
13261
|
"$extensions": {
|
|
13324
13262
|
"org.primer.figma": {
|
|
@@ -13337,7 +13275,7 @@
|
|
|
13337
13275
|
"path": ["bgColor", "default"]
|
|
13338
13276
|
},
|
|
13339
13277
|
"bgColor-muted": {
|
|
13340
|
-
"value": "#
|
|
13278
|
+
"value": "#151b23",
|
|
13341
13279
|
"$type": "color",
|
|
13342
13280
|
"$extensions": {
|
|
13343
13281
|
"org.primer.figma": {
|
|
@@ -13352,12 +13290,8 @@
|
|
|
13352
13290
|
},
|
|
13353
13291
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13354
13292
|
"isSource": true,
|
|
13355
|
-
"mix": {
|
|
13356
|
-
"color": "#272b33",
|
|
13357
|
-
"weight": 0.5
|
|
13358
|
-
},
|
|
13359
13293
|
"original": {
|
|
13360
|
-
"value": "{base.color.neutral.
|
|
13294
|
+
"value": "{base.color.neutral.2}",
|
|
13361
13295
|
"$type": "color",
|
|
13362
13296
|
"$extensions": {
|
|
13363
13297
|
"org.primer.figma": {
|
|
@@ -13369,10 +13303,6 @@
|
|
|
13369
13303
|
"web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
|
|
13370
13304
|
}
|
|
13371
13305
|
}
|
|
13372
|
-
},
|
|
13373
|
-
"mix": {
|
|
13374
|
-
"color": "{base.color.neutral.8}",
|
|
13375
|
-
"weight": 0.5
|
|
13376
13306
|
}
|
|
13377
13307
|
},
|
|
13378
13308
|
"name": "bgColor-muted",
|
|
@@ -13396,7 +13326,7 @@
|
|
|
13396
13326
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13397
13327
|
"isSource": true,
|
|
13398
13328
|
"original": {
|
|
13399
|
-
"value": "{base.color.
|
|
13329
|
+
"value": "{base.color.neutral.0}",
|
|
13400
13330
|
"$type": "color",
|
|
13401
13331
|
"$extensions": {
|
|
13402
13332
|
"org.primer.figma": {
|
|
@@ -13415,7 +13345,7 @@
|
|
|
13415
13345
|
"path": ["bgColor", "inset"]
|
|
13416
13346
|
},
|
|
13417
13347
|
"bgColor-emphasis": {
|
|
13418
|
-
"value": "#
|
|
13348
|
+
"value": "#3d444d",
|
|
13419
13349
|
"$type": "color",
|
|
13420
13350
|
"$extensions": {
|
|
13421
13351
|
"org.primer.figma": {
|
|
@@ -13428,10 +13358,10 @@
|
|
|
13428
13358
|
}
|
|
13429
13359
|
}
|
|
13430
13360
|
},
|
|
13431
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13361
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13432
13362
|
"isSource": true,
|
|
13433
13363
|
"original": {
|
|
13434
|
-
"value": "{base.color.
|
|
13364
|
+
"value": "{base.color.neutral.7}",
|
|
13435
13365
|
"$type": "color",
|
|
13436
13366
|
"$extensions": {
|
|
13437
13367
|
"org.primer.figma": {
|
|
@@ -13463,7 +13393,7 @@
|
|
|
13463
13393
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13464
13394
|
"isSource": true,
|
|
13465
13395
|
"original": {
|
|
13466
|
-
"value": "{base.color.
|
|
13396
|
+
"value": "{base.color.neutral.13}",
|
|
13467
13397
|
"$type": "color",
|
|
13468
13398
|
"$extensions": {
|
|
13469
13399
|
"org.primer.figma": {
|
|
@@ -13492,7 +13422,7 @@
|
|
|
13492
13422
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13493
13423
|
"isSource": true,
|
|
13494
13424
|
"original": {
|
|
13495
|
-
"value": "{base.color.
|
|
13425
|
+
"value": "{base.color.neutral.13}",
|
|
13496
13426
|
"$type": "color",
|
|
13497
13427
|
"$extensions": {
|
|
13498
13428
|
"org.primer.figma": {
|
|
@@ -13521,7 +13451,7 @@
|
|
|
13521
13451
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13522
13452
|
"isSource": true,
|
|
13523
13453
|
"original": {
|
|
13524
|
-
"value": "{base.color.
|
|
13454
|
+
"value": "{base.color.neutral.0}",
|
|
13525
13455
|
"$type": "color",
|
|
13526
13456
|
"$extensions": {
|
|
13527
13457
|
"org.primer.figma": {
|
|
@@ -13537,7 +13467,7 @@
|
|
|
13537
13467
|
"path": ["bgColor", "black"]
|
|
13538
13468
|
},
|
|
13539
13469
|
"bgColor-disabled": {
|
|
13540
|
-
"value": "#
|
|
13470
|
+
"value": "#262c36",
|
|
13541
13471
|
"$type": "color",
|
|
13542
13472
|
"$extensions": {
|
|
13543
13473
|
"org.primer.figma": {
|
|
@@ -13547,11 +13477,10 @@
|
|
|
13547
13477
|
"scopes": ["bgColor"]
|
|
13548
13478
|
}
|
|
13549
13479
|
},
|
|
13550
|
-
"
|
|
13551
|
-
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13480
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13552
13481
|
"isSource": true,
|
|
13553
13482
|
"original": {
|
|
13554
|
-
"value": "{base.color.neutral.
|
|
13483
|
+
"value": "{base.color.neutral.4}",
|
|
13555
13484
|
"$type": "color",
|
|
13556
13485
|
"$extensions": {
|
|
13557
13486
|
"org.primer.figma": {
|
|
@@ -13560,8 +13489,7 @@
|
|
|
13560
13489
|
"group": "semantic",
|
|
13561
13490
|
"scopes": ["bgColor"]
|
|
13562
13491
|
}
|
|
13563
|
-
}
|
|
13564
|
-
"alpha": 0.7
|
|
13492
|
+
}
|
|
13565
13493
|
},
|
|
13566
13494
|
"name": "bgColor-disabled",
|
|
13567
13495
|
"attributes": {},
|
|
@@ -13603,7 +13531,7 @@
|
|
|
13603
13531
|
"path": ["bgColor", "transparent"]
|
|
13604
13532
|
},
|
|
13605
13533
|
"bgColor-neutral-muted": {
|
|
13606
|
-
"value": "#
|
|
13534
|
+
"value": "#2f3742b3",
|
|
13607
13535
|
"$type": "color",
|
|
13608
13536
|
"$extensions": {
|
|
13609
13537
|
"org.primer.figma": {
|
|
@@ -13613,11 +13541,11 @@
|
|
|
13613
13541
|
"scopes": ["bgColor"]
|
|
13614
13542
|
}
|
|
13615
13543
|
},
|
|
13616
|
-
"alpha": 0.
|
|
13617
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13544
|
+
"alpha": 0.7,
|
|
13545
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13618
13546
|
"isSource": true,
|
|
13619
13547
|
"original": {
|
|
13620
|
-
"value": "{base.color.neutral.
|
|
13548
|
+
"value": "{base.color.neutral.6}",
|
|
13621
13549
|
"$type": "color",
|
|
13622
13550
|
"$extensions": {
|
|
13623
13551
|
"org.primer.figma": {
|
|
@@ -13627,14 +13555,14 @@
|
|
|
13627
13555
|
"scopes": ["bgColor"]
|
|
13628
13556
|
}
|
|
13629
13557
|
},
|
|
13630
|
-
"alpha": 0.
|
|
13558
|
+
"alpha": 0.7
|
|
13631
13559
|
},
|
|
13632
13560
|
"name": "bgColor-neutral-muted",
|
|
13633
13561
|
"attributes": {},
|
|
13634
13562
|
"path": ["bgColor", "neutral", "muted"]
|
|
13635
13563
|
},
|
|
13636
13564
|
"bgColor-neutral-emphasis": {
|
|
13637
|
-
"value": "#
|
|
13565
|
+
"value": "#3d444d",
|
|
13638
13566
|
"$type": "color",
|
|
13639
13567
|
"$extensions": {
|
|
13640
13568
|
"org.primer.figma": {
|
|
@@ -13647,7 +13575,7 @@
|
|
|
13647
13575
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13648
13576
|
"isSource": true,
|
|
13649
13577
|
"original": {
|
|
13650
|
-
"value": "{base.color.neutral.
|
|
13578
|
+
"value": "{base.color.neutral.7}",
|
|
13651
13579
|
"$type": "color",
|
|
13652
13580
|
"$extensions": {
|
|
13653
13581
|
"org.primer.figma": {
|
|
@@ -13663,7 +13591,7 @@
|
|
|
13663
13591
|
"path": ["bgColor", "neutral", "emphasis"]
|
|
13664
13592
|
},
|
|
13665
13593
|
"bgColor-accent-muted": {
|
|
13666
|
-
"value": "#
|
|
13594
|
+
"value": "#5cacff1a",
|
|
13667
13595
|
"$type": "color",
|
|
13668
13596
|
"$extensions": {
|
|
13669
13597
|
"org.primer.figma": {
|
|
@@ -13677,10 +13605,10 @@
|
|
|
13677
13605
|
}
|
|
13678
13606
|
},
|
|
13679
13607
|
"alpha": 0.1,
|
|
13680
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13608
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13681
13609
|
"isSource": true,
|
|
13682
13610
|
"original": {
|
|
13683
|
-
"value": "{base.color.blue.
|
|
13611
|
+
"value": "{base.color.blue.4}",
|
|
13684
13612
|
"$type": "color",
|
|
13685
13613
|
"$extensions": {
|
|
13686
13614
|
"org.primer.figma": {
|
|
@@ -13700,7 +13628,7 @@
|
|
|
13700
13628
|
"path": ["bgColor", "accent", "muted"]
|
|
13701
13629
|
},
|
|
13702
13630
|
"bgColor-accent-emphasis": {
|
|
13703
|
-
"value": "#
|
|
13631
|
+
"value": "#194fb1",
|
|
13704
13632
|
"$type": "color",
|
|
13705
13633
|
"$extensions": {
|
|
13706
13634
|
"org.primer.figma": {
|
|
@@ -13716,7 +13644,7 @@
|
|
|
13716
13644
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13717
13645
|
"isSource": true,
|
|
13718
13646
|
"original": {
|
|
13719
|
-
"value": "{base.color.blue.
|
|
13647
|
+
"value": "{base.color.blue.9}",
|
|
13720
13648
|
"$type": "color",
|
|
13721
13649
|
"$extensions": {
|
|
13722
13650
|
"org.primer.figma": {
|
|
@@ -13735,7 +13663,7 @@
|
|
|
13735
13663
|
"path": ["bgColor", "accent", "emphasis"]
|
|
13736
13664
|
},
|
|
13737
13665
|
"bgColor-success-muted": {
|
|
13738
|
-
"value": "#
|
|
13666
|
+
"value": "#0ac74026",
|
|
13739
13667
|
"$type": "color",
|
|
13740
13668
|
"$extensions": {
|
|
13741
13669
|
"org.primer.figma": {
|
|
@@ -13748,8 +13676,8 @@
|
|
|
13748
13676
|
}
|
|
13749
13677
|
}
|
|
13750
13678
|
},
|
|
13751
|
-
"alpha": 0.
|
|
13752
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13679
|
+
"alpha": 0.15,
|
|
13680
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13753
13681
|
"isSource": true,
|
|
13754
13682
|
"original": {
|
|
13755
13683
|
"value": "{base.color.green.4}",
|
|
@@ -13765,14 +13693,14 @@
|
|
|
13765
13693
|
}
|
|
13766
13694
|
}
|
|
13767
13695
|
},
|
|
13768
|
-
"alpha": 0.
|
|
13696
|
+
"alpha": 0.15
|
|
13769
13697
|
},
|
|
13770
13698
|
"name": "bgColor-success-muted",
|
|
13771
13699
|
"attributes": {},
|
|
13772
13700
|
"path": ["bgColor", "success", "muted"]
|
|
13773
13701
|
},
|
|
13774
13702
|
"bgColor-success-emphasis": {
|
|
13775
|
-
"value": "#
|
|
13703
|
+
"value": "#006222",
|
|
13776
13704
|
"$type": "color",
|
|
13777
13705
|
"$extensions": {
|
|
13778
13706
|
"org.primer.figma": {
|
|
@@ -13788,7 +13716,7 @@
|
|
|
13788
13716
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13789
13717
|
"isSource": true,
|
|
13790
13718
|
"original": {
|
|
13791
|
-
"value": "{base.color.green.
|
|
13719
|
+
"value": "{base.color.green.9}",
|
|
13792
13720
|
"$type": "color",
|
|
13793
13721
|
"$extensions": {
|
|
13794
13722
|
"org.primer.figma": {
|
|
@@ -13807,7 +13735,7 @@
|
|
|
13807
13735
|
"path": ["bgColor", "success", "emphasis"]
|
|
13808
13736
|
},
|
|
13809
13737
|
"bgColor-open-muted": {
|
|
13810
|
-
"value": "#
|
|
13738
|
+
"value": "#0ac74026",
|
|
13811
13739
|
"$type": "color",
|
|
13812
13740
|
"$extensions": {
|
|
13813
13741
|
"org.primer.figma": {
|
|
@@ -13820,8 +13748,8 @@
|
|
|
13820
13748
|
}
|
|
13821
13749
|
}
|
|
13822
13750
|
},
|
|
13823
|
-
"alpha": 0.
|
|
13824
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13751
|
+
"alpha": 0.15,
|
|
13752
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13825
13753
|
"isSource": true,
|
|
13826
13754
|
"original": {
|
|
13827
13755
|
"value": "{bgColor.success.muted}",
|
|
@@ -13837,14 +13765,14 @@
|
|
|
13837
13765
|
}
|
|
13838
13766
|
}
|
|
13839
13767
|
},
|
|
13840
|
-
"alpha": 0.
|
|
13768
|
+
"alpha": 0.15
|
|
13841
13769
|
},
|
|
13842
13770
|
"name": "bgColor-open-muted",
|
|
13843
13771
|
"attributes": {},
|
|
13844
13772
|
"path": ["bgColor", "open", "muted"]
|
|
13845
13773
|
},
|
|
13846
13774
|
"bgColor-open-emphasis": {
|
|
13847
|
-
"value": "#
|
|
13775
|
+
"value": "#006222",
|
|
13848
13776
|
"$type": "color",
|
|
13849
13777
|
"$extensions": {
|
|
13850
13778
|
"org.primer.figma": {
|
|
@@ -13916,7 +13844,7 @@
|
|
|
13916
13844
|
"path": ["bgColor", "attention", "muted"]
|
|
13917
13845
|
},
|
|
13918
13846
|
"bgColor-attention-emphasis": {
|
|
13919
|
-
"value": "#
|
|
13847
|
+
"value": "#7b4900",
|
|
13920
13848
|
"$type": "color",
|
|
13921
13849
|
"$extensions": {
|
|
13922
13850
|
"org.primer.figma": {
|
|
@@ -13932,7 +13860,7 @@
|
|
|
13932
13860
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
13933
13861
|
"isSource": true,
|
|
13934
13862
|
"original": {
|
|
13935
|
-
"value": "{base.color.yellow.
|
|
13863
|
+
"value": "{base.color.yellow.9}",
|
|
13936
13864
|
"$type": "color",
|
|
13937
13865
|
"$extensions": {
|
|
13938
13866
|
"org.primer.figma": {
|
|
@@ -13951,7 +13879,7 @@
|
|
|
13951
13879
|
"path": ["bgColor", "attention", "emphasis"]
|
|
13952
13880
|
},
|
|
13953
13881
|
"bgColor-severe-muted": {
|
|
13954
|
-
"value": "#
|
|
13882
|
+
"value": "#f48b251a",
|
|
13955
13883
|
"$type": "color",
|
|
13956
13884
|
"$extensions": {
|
|
13957
13885
|
"org.primer.figma": {
|
|
@@ -13964,8 +13892,8 @@
|
|
|
13964
13892
|
}
|
|
13965
13893
|
}
|
|
13966
13894
|
},
|
|
13967
|
-
"alpha": 0.
|
|
13968
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13895
|
+
"alpha": 0.1,
|
|
13896
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13969
13897
|
"isSource": true,
|
|
13970
13898
|
"original": {
|
|
13971
13899
|
"value": "{base.color.orange.4}",
|
|
@@ -13981,14 +13909,14 @@
|
|
|
13981
13909
|
}
|
|
13982
13910
|
}
|
|
13983
13911
|
},
|
|
13984
|
-
"alpha": 0.
|
|
13912
|
+
"alpha": 0.1
|
|
13985
13913
|
},
|
|
13986
13914
|
"name": "bgColor-severe-muted",
|
|
13987
13915
|
"attributes": {},
|
|
13988
13916
|
"path": ["bgColor", "severe", "muted"]
|
|
13989
13917
|
},
|
|
13990
13918
|
"bgColor-severe-emphasis": {
|
|
13991
|
-
"value": "#
|
|
13919
|
+
"value": "#8f3c00",
|
|
13992
13920
|
"$type": "color",
|
|
13993
13921
|
"$extensions": {
|
|
13994
13922
|
"org.primer.figma": {
|
|
@@ -14004,7 +13932,7 @@
|
|
|
14004
13932
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14005
13933
|
"isSource": true,
|
|
14006
13934
|
"original": {
|
|
14007
|
-
"value": "{base.color.orange.
|
|
13935
|
+
"value": "{base.color.orange.9}",
|
|
14008
13936
|
"$type": "color",
|
|
14009
13937
|
"$extensions": {
|
|
14010
13938
|
"org.primer.figma": {
|
|
@@ -14023,7 +13951,7 @@
|
|
|
14023
13951
|
"path": ["bgColor", "severe", "emphasis"]
|
|
14024
13952
|
},
|
|
14025
13953
|
"bgColor-danger-muted": {
|
|
14026
|
-
"value": "#
|
|
13954
|
+
"value": "#ff80801a",
|
|
14027
13955
|
"$type": "color",
|
|
14028
13956
|
"$extensions": {
|
|
14029
13957
|
"org.primer.figma": {
|
|
@@ -14036,8 +13964,8 @@
|
|
|
14036
13964
|
}
|
|
14037
13965
|
}
|
|
14038
13966
|
},
|
|
14039
|
-
"alpha": 0.
|
|
14040
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
13967
|
+
"alpha": 0.1,
|
|
13968
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14041
13969
|
"isSource": true,
|
|
14042
13970
|
"original": {
|
|
14043
13971
|
"value": "{base.color.red.4}",
|
|
@@ -14053,14 +13981,14 @@
|
|
|
14053
13981
|
}
|
|
14054
13982
|
}
|
|
14055
13983
|
},
|
|
14056
|
-
"alpha": 0.
|
|
13984
|
+
"alpha": 0.1
|
|
14057
13985
|
},
|
|
14058
13986
|
"name": "bgColor-danger-muted",
|
|
14059
13987
|
"attributes": {},
|
|
14060
13988
|
"path": ["bgColor", "danger", "muted"]
|
|
14061
13989
|
},
|
|
14062
13990
|
"bgColor-danger-emphasis": {
|
|
14063
|
-
"value": "#
|
|
13991
|
+
"value": "#ad0116",
|
|
14064
13992
|
"$type": "color",
|
|
14065
13993
|
"$extensions": {
|
|
14066
13994
|
"org.primer.figma": {
|
|
@@ -14076,7 +14004,7 @@
|
|
|
14076
14004
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14077
14005
|
"isSource": true,
|
|
14078
14006
|
"original": {
|
|
14079
|
-
"value": "{base.color.red.
|
|
14007
|
+
"value": "{base.color.red.9}",
|
|
14080
14008
|
"$type": "color",
|
|
14081
14009
|
"$extensions": {
|
|
14082
14010
|
"org.primer.figma": {
|
|
@@ -14095,7 +14023,7 @@
|
|
|
14095
14023
|
"path": ["bgColor", "danger", "emphasis"]
|
|
14096
14024
|
},
|
|
14097
14025
|
"bgColor-closed-muted": {
|
|
14098
|
-
"value": "#
|
|
14026
|
+
"value": "#ff80801a",
|
|
14099
14027
|
"$type": "color",
|
|
14100
14028
|
"$extensions": {
|
|
14101
14029
|
"org.primer.figma": {
|
|
@@ -14108,8 +14036,8 @@
|
|
|
14108
14036
|
}
|
|
14109
14037
|
}
|
|
14110
14038
|
},
|
|
14111
|
-
"alpha": 0.
|
|
14112
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14039
|
+
"alpha": 0.1,
|
|
14040
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14113
14041
|
"isSource": true,
|
|
14114
14042
|
"original": {
|
|
14115
14043
|
"value": "{bgColor.danger.muted}",
|
|
@@ -14125,14 +14053,14 @@
|
|
|
14125
14053
|
}
|
|
14126
14054
|
}
|
|
14127
14055
|
},
|
|
14128
|
-
"alpha": 0.
|
|
14056
|
+
"alpha": 0.1
|
|
14129
14057
|
},
|
|
14130
14058
|
"name": "bgColor-closed-muted",
|
|
14131
14059
|
"attributes": {},
|
|
14132
14060
|
"path": ["bgColor", "closed", "muted"]
|
|
14133
14061
|
},
|
|
14134
14062
|
"bgColor-closed-emphasis": {
|
|
14135
|
-
"value": "#
|
|
14063
|
+
"value": "#ad0116",
|
|
14136
14064
|
"$type": "color",
|
|
14137
14065
|
"$extensions": {
|
|
14138
14066
|
"org.primer.figma": {
|
|
@@ -14167,7 +14095,7 @@
|
|
|
14167
14095
|
"path": ["bgColor", "closed", "emphasis"]
|
|
14168
14096
|
},
|
|
14169
14097
|
"bgColor-done-muted": {
|
|
14170
|
-
"value": "#
|
|
14098
|
+
"value": "#bf8fff26",
|
|
14171
14099
|
"$type": "color",
|
|
14172
14100
|
"$extensions": {
|
|
14173
14101
|
"org.primer.figma": {
|
|
@@ -14180,11 +14108,11 @@
|
|
|
14180
14108
|
}
|
|
14181
14109
|
}
|
|
14182
14110
|
},
|
|
14183
|
-
"alpha": 0.
|
|
14184
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14111
|
+
"alpha": 0.15,
|
|
14112
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14185
14113
|
"isSource": true,
|
|
14186
14114
|
"original": {
|
|
14187
|
-
"value": "{base.color.purple.
|
|
14115
|
+
"value": "{base.color.purple.4}",
|
|
14188
14116
|
"$type": "color",
|
|
14189
14117
|
"$extensions": {
|
|
14190
14118
|
"org.primer.figma": {
|
|
@@ -14197,14 +14125,14 @@
|
|
|
14197
14125
|
}
|
|
14198
14126
|
}
|
|
14199
14127
|
},
|
|
14200
|
-
"alpha": 0.
|
|
14128
|
+
"alpha": 0.15
|
|
14201
14129
|
},
|
|
14202
14130
|
"name": "bgColor-done-muted",
|
|
14203
14131
|
"attributes": {},
|
|
14204
14132
|
"path": ["bgColor", "done", "muted"]
|
|
14205
14133
|
},
|
|
14206
14134
|
"bgColor-done-emphasis": {
|
|
14207
|
-
"value": "#
|
|
14135
|
+
"value": "#6921d7",
|
|
14208
14136
|
"$type": "color",
|
|
14209
14137
|
"$extensions": {
|
|
14210
14138
|
"org.primer.figma": {
|
|
@@ -14220,7 +14148,7 @@
|
|
|
14220
14148
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14221
14149
|
"isSource": true,
|
|
14222
14150
|
"original": {
|
|
14223
|
-
"value": "{base.color.purple.
|
|
14151
|
+
"value": "{base.color.purple.9}",
|
|
14224
14152
|
"$type": "color",
|
|
14225
14153
|
"$extensions": {
|
|
14226
14154
|
"org.primer.figma": {
|
|
@@ -14239,7 +14167,7 @@
|
|
|
14239
14167
|
"path": ["bgColor", "done", "emphasis"]
|
|
14240
14168
|
},
|
|
14241
14169
|
"bgColor-upsell-muted": {
|
|
14242
|
-
"value": "#
|
|
14170
|
+
"value": "#bf8fff26",
|
|
14243
14171
|
"$type": "color",
|
|
14244
14172
|
"$extensions": {
|
|
14245
14173
|
"org.primer.figma": {
|
|
@@ -14252,8 +14180,8 @@
|
|
|
14252
14180
|
}
|
|
14253
14181
|
}
|
|
14254
14182
|
},
|
|
14255
|
-
"alpha": 0.
|
|
14256
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14183
|
+
"alpha": 0.15,
|
|
14184
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14257
14185
|
"isSource": true,
|
|
14258
14186
|
"original": {
|
|
14259
14187
|
"value": "{bgColor.done.muted}",
|
|
@@ -14269,14 +14197,14 @@
|
|
|
14269
14197
|
}
|
|
14270
14198
|
}
|
|
14271
14199
|
},
|
|
14272
|
-
"alpha": 0.
|
|
14200
|
+
"alpha": 0.15
|
|
14273
14201
|
},
|
|
14274
14202
|
"name": "bgColor-upsell-muted",
|
|
14275
14203
|
"attributes": {},
|
|
14276
14204
|
"path": ["bgColor", "upsell", "muted"]
|
|
14277
14205
|
},
|
|
14278
14206
|
"bgColor-upsell-emphasis": {
|
|
14279
|
-
"value": "#
|
|
14207
|
+
"value": "#6921d7",
|
|
14280
14208
|
"$type": "color",
|
|
14281
14209
|
"$extensions": {
|
|
14282
14210
|
"org.primer.figma": {
|
|
@@ -14311,7 +14239,7 @@
|
|
|
14311
14239
|
"path": ["bgColor", "upsell", "emphasis"]
|
|
14312
14240
|
},
|
|
14313
14241
|
"bgColor-sponsors-muted": {
|
|
14314
|
-
"value": "#
|
|
14242
|
+
"value": "#f87cbd1a",
|
|
14315
14243
|
"$type": "color",
|
|
14316
14244
|
"$extensions": {
|
|
14317
14245
|
"org.primer.figma": {
|
|
@@ -14324,11 +14252,11 @@
|
|
|
14324
14252
|
}
|
|
14325
14253
|
}
|
|
14326
14254
|
},
|
|
14327
|
-
"alpha": 0.
|
|
14328
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14255
|
+
"alpha": 0.1,
|
|
14256
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14329
14257
|
"isSource": true,
|
|
14330
14258
|
"original": {
|
|
14331
|
-
"value": "{base.color.pink.
|
|
14259
|
+
"value": "{base.color.pink.4}",
|
|
14332
14260
|
"$type": "color",
|
|
14333
14261
|
"$extensions": {
|
|
14334
14262
|
"org.primer.figma": {
|
|
@@ -14341,14 +14269,14 @@
|
|
|
14341
14269
|
}
|
|
14342
14270
|
}
|
|
14343
14271
|
},
|
|
14344
|
-
"alpha": 0.
|
|
14272
|
+
"alpha": 0.1
|
|
14345
14273
|
},
|
|
14346
14274
|
"name": "bgColor-sponsors-muted",
|
|
14347
14275
|
"attributes": {},
|
|
14348
14276
|
"path": ["bgColor", "sponsors", "muted"]
|
|
14349
14277
|
},
|
|
14350
14278
|
"bgColor-sponsors-emphasis": {
|
|
14351
|
-
"value": "#
|
|
14279
|
+
"value": "#9c1d6a",
|
|
14352
14280
|
"$type": "color",
|
|
14353
14281
|
"$extensions": {
|
|
14354
14282
|
"org.primer.figma": {
|
|
@@ -14364,7 +14292,7 @@
|
|
|
14364
14292
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14365
14293
|
"isSource": true,
|
|
14366
14294
|
"original": {
|
|
14367
|
-
"value": "{base.color.pink.
|
|
14295
|
+
"value": "{base.color.pink.9}",
|
|
14368
14296
|
"$type": "color",
|
|
14369
14297
|
"$extensions": {
|
|
14370
14298
|
"org.primer.figma": {
|
|
@@ -14383,7 +14311,7 @@
|
|
|
14383
14311
|
"path": ["bgColor", "sponsors", "emphasis"]
|
|
14384
14312
|
},
|
|
14385
14313
|
"borderColor-default": {
|
|
14386
|
-
"value": "#
|
|
14314
|
+
"value": "#b7bdc8",
|
|
14387
14315
|
"$type": "color",
|
|
14388
14316
|
"$extensions": {
|
|
14389
14317
|
"org.primer.figma": {
|
|
@@ -14399,7 +14327,7 @@
|
|
|
14399
14327
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14400
14328
|
"isSource": true,
|
|
14401
14329
|
"original": {
|
|
14402
|
-
"value": "{base.color.neutral.
|
|
14330
|
+
"value": "{base.color.neutral.10}",
|
|
14403
14331
|
"$type": "color",
|
|
14404
14332
|
"$extensions": {
|
|
14405
14333
|
"org.primer.figma": {
|
|
@@ -14418,7 +14346,7 @@
|
|
|
14418
14346
|
"path": ["borderColor", "default"]
|
|
14419
14347
|
},
|
|
14420
14348
|
"borderColor-muted": {
|
|
14421
|
-
"value": "#
|
|
14349
|
+
"value": "#b7bdc8",
|
|
14422
14350
|
"$type": "color",
|
|
14423
14351
|
"$extensions": {
|
|
14424
14352
|
"org.primer.figma": {
|
|
@@ -14435,7 +14363,7 @@
|
|
|
14435
14363
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14436
14364
|
"isSource": true,
|
|
14437
14365
|
"original": {
|
|
14438
|
-
"value": "{
|
|
14366
|
+
"value": "{borderColor.default}",
|
|
14439
14367
|
"$type": "color",
|
|
14440
14368
|
"$extensions": {
|
|
14441
14369
|
"org.primer.figma": {
|
|
@@ -14455,7 +14383,7 @@
|
|
|
14455
14383
|
"path": ["borderColor", "muted"]
|
|
14456
14384
|
},
|
|
14457
14385
|
"borderColor-emphasis": {
|
|
14458
|
-
"value": "#
|
|
14386
|
+
"value": "#b7bdc8",
|
|
14459
14387
|
"$type": "color",
|
|
14460
14388
|
"$extensions": {
|
|
14461
14389
|
"org.primer.figma": {
|
|
@@ -14468,7 +14396,7 @@
|
|
|
14468
14396
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14469
14397
|
"isSource": true,
|
|
14470
14398
|
"original": {
|
|
14471
|
-
"value": "{
|
|
14399
|
+
"value": "{borderColor.default}",
|
|
14472
14400
|
"$type": "color",
|
|
14473
14401
|
"$extensions": {
|
|
14474
14402
|
"org.primer.figma": {
|
|
@@ -14484,7 +14412,7 @@
|
|
|
14484
14412
|
"path": ["borderColor", "emphasis"]
|
|
14485
14413
|
},
|
|
14486
14414
|
"borderColor-disabled": {
|
|
14487
|
-
"value": "#
|
|
14415
|
+
"value": "#9198a11f",
|
|
14488
14416
|
"$type": "color",
|
|
14489
14417
|
"$extensions": {
|
|
14490
14418
|
"org.primer.figma": {
|
|
@@ -14494,10 +14422,11 @@
|
|
|
14494
14422
|
"scopes": ["borderColor"]
|
|
14495
14423
|
}
|
|
14496
14424
|
},
|
|
14497
|
-
"
|
|
14425
|
+
"alpha": 0.12,
|
|
14426
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14498
14427
|
"isSource": true,
|
|
14499
14428
|
"original": {
|
|
14500
|
-
"value": "{
|
|
14429
|
+
"value": "{base.color.neutral.9}",
|
|
14501
14430
|
"$type": "color",
|
|
14502
14431
|
"$extensions": {
|
|
14503
14432
|
"org.primer.figma": {
|
|
@@ -14506,7 +14435,8 @@
|
|
|
14506
14435
|
"group": "semantic",
|
|
14507
14436
|
"scopes": ["borderColor"]
|
|
14508
14437
|
}
|
|
14509
|
-
}
|
|
14438
|
+
},
|
|
14439
|
+
"alpha": 0.12
|
|
14510
14440
|
},
|
|
14511
14441
|
"name": "borderColor-disabled",
|
|
14512
14442
|
"attributes": {},
|
|
@@ -14542,7 +14472,7 @@
|
|
|
14542
14472
|
"path": ["borderColor", "transparent"]
|
|
14543
14473
|
},
|
|
14544
14474
|
"borderColor-translucent": {
|
|
14545
|
-
"value": "#
|
|
14475
|
+
"value": "#2f3742",
|
|
14546
14476
|
"$type": "color",
|
|
14547
14477
|
"$extensions": {
|
|
14548
14478
|
"org.primer.figma": {
|
|
@@ -14556,7 +14486,7 @@
|
|
|
14556
14486
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14557
14487
|
"isSource": true,
|
|
14558
14488
|
"original": {
|
|
14559
|
-
"value": "{base.color.neutral.
|
|
14489
|
+
"value": "{base.color.neutral.6}",
|
|
14560
14490
|
"$type": "color",
|
|
14561
14491
|
"$extensions": {
|
|
14562
14492
|
"org.primer.figma": {
|
|
@@ -14573,7 +14503,7 @@
|
|
|
14573
14503
|
"path": ["borderColor", "translucent"]
|
|
14574
14504
|
},
|
|
14575
14505
|
"borderColor-neutral-muted": {
|
|
14576
|
-
"value": "#
|
|
14506
|
+
"value": "#b7bdc8",
|
|
14577
14507
|
"$type": "color",
|
|
14578
14508
|
"$extensions": {
|
|
14579
14509
|
"org.primer.figma": {
|
|
@@ -14583,11 +14513,10 @@
|
|
|
14583
14513
|
"scopes": ["borderColor"]
|
|
14584
14514
|
}
|
|
14585
14515
|
},
|
|
14586
|
-
"
|
|
14587
|
-
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
14516
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14588
14517
|
"isSource": true,
|
|
14589
14518
|
"original": {
|
|
14590
|
-
"value": "{
|
|
14519
|
+
"value": "{borderColor.muted}",
|
|
14591
14520
|
"$type": "color",
|
|
14592
14521
|
"$extensions": {
|
|
14593
14522
|
"org.primer.figma": {
|
|
@@ -14596,15 +14525,14 @@
|
|
|
14596
14525
|
"group": "semantic",
|
|
14597
14526
|
"scopes": ["borderColor"]
|
|
14598
14527
|
}
|
|
14599
|
-
}
|
|
14600
|
-
"alpha": 1
|
|
14528
|
+
}
|
|
14601
14529
|
},
|
|
14602
14530
|
"name": "borderColor-neutral-muted",
|
|
14603
14531
|
"attributes": {},
|
|
14604
14532
|
"path": ["borderColor", "neutral", "muted"]
|
|
14605
14533
|
},
|
|
14606
14534
|
"borderColor-neutral-emphasis": {
|
|
14607
|
-
"value": "#
|
|
14535
|
+
"value": "#b7bdc8",
|
|
14608
14536
|
"$type": "color",
|
|
14609
14537
|
"$extensions": {
|
|
14610
14538
|
"org.primer.figma": {
|
|
@@ -14614,10 +14542,10 @@
|
|
|
14614
14542
|
"scopes": ["borderColor"]
|
|
14615
14543
|
}
|
|
14616
14544
|
},
|
|
14617
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
14545
|
+
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14618
14546
|
"isSource": true,
|
|
14619
14547
|
"original": {
|
|
14620
|
-
"value": "{
|
|
14548
|
+
"value": "{borderColor.emphasis}",
|
|
14621
14549
|
"$type": "color",
|
|
14622
14550
|
"$extensions": {
|
|
14623
14551
|
"org.primer.figma": {
|
|
@@ -15065,7 +14993,7 @@
|
|
|
15065
14993
|
"path": ["borderColor", "danger", "emphasis"]
|
|
15066
14994
|
},
|
|
15067
14995
|
"borderColor-closed-muted": {
|
|
15068
|
-
"value": "#
|
|
14996
|
+
"value": "#ff8080",
|
|
15069
14997
|
"$type": "color",
|
|
15070
14998
|
"$extensions": {
|
|
15071
14999
|
"org.primer.figma": {
|
|
@@ -15078,8 +15006,8 @@
|
|
|
15078
15006
|
}
|
|
15079
15007
|
}
|
|
15080
15008
|
},
|
|
15081
|
-
"alpha":
|
|
15082
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
15009
|
+
"alpha": 1,
|
|
15010
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
15083
15011
|
"isSource": true,
|
|
15084
15012
|
"original": {
|
|
15085
15013
|
"value": "{borderColor.danger.muted}",
|
|
@@ -15095,7 +15023,7 @@
|
|
|
15095
15023
|
}
|
|
15096
15024
|
}
|
|
15097
15025
|
},
|
|
15098
|
-
"alpha":
|
|
15026
|
+
"alpha": 1
|
|
15099
15027
|
},
|
|
15100
15028
|
"name": "borderColor-closed-muted",
|
|
15101
15029
|
"attributes": {},
|
|
@@ -15209,7 +15137,7 @@
|
|
|
15209
15137
|
"path": ["borderColor", "done", "emphasis"]
|
|
15210
15138
|
},
|
|
15211
15139
|
"borderColor-upsell-muted": {
|
|
15212
|
-
"value": "#
|
|
15140
|
+
"value": "#bf8fff",
|
|
15213
15141
|
"$type": "color",
|
|
15214
15142
|
"$extensions": {
|
|
15215
15143
|
"org.primer.figma": {
|
|
@@ -15222,8 +15150,8 @@
|
|
|
15222
15150
|
}
|
|
15223
15151
|
}
|
|
15224
15152
|
},
|
|
15225
|
-
"alpha":
|
|
15226
|
-
"filePath": "src/tokens/functional/color/dark/
|
|
15153
|
+
"alpha": 1,
|
|
15154
|
+
"filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
|
|
15227
15155
|
"isSource": true,
|
|
15228
15156
|
"original": {
|
|
15229
15157
|
"value": "{borderColor.done.muted}",
|
|
@@ -15239,7 +15167,7 @@
|
|
|
15239
15167
|
}
|
|
15240
15168
|
}
|
|
15241
15169
|
},
|
|
15242
|
-
"alpha":
|
|
15170
|
+
"alpha": 1
|
|
15243
15171
|
},
|
|
15244
15172
|
"name": "borderColor-upsell-muted",
|
|
15245
15173
|
"attributes": {},
|
|
@@ -15353,7 +15281,7 @@
|
|
|
15353
15281
|
"path": ["borderColor", "sponsors", "emphasis"]
|
|
15354
15282
|
},
|
|
15355
15283
|
"color-ansi-black": {
|
|
15356
|
-
"value": "#
|
|
15284
|
+
"value": "#2f3742",
|
|
15357
15285
|
"$type": "color",
|
|
15358
15286
|
"$extensions": {
|
|
15359
15287
|
"org.primer.figma": {
|
|
@@ -15365,7 +15293,7 @@
|
|
|
15365
15293
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15366
15294
|
"isSource": true,
|
|
15367
15295
|
"original": {
|
|
15368
|
-
"value": "{base.color.neutral.
|
|
15296
|
+
"value": "{base.color.neutral.6}",
|
|
15369
15297
|
"$type": "color",
|
|
15370
15298
|
"$extensions": {
|
|
15371
15299
|
"org.primer.figma": {
|
|
@@ -15380,7 +15308,7 @@
|
|
|
15380
15308
|
"path": ["color", "ansi", "black"]
|
|
15381
15309
|
},
|
|
15382
15310
|
"color-ansi-black-bright": {
|
|
15383
|
-
"value": "#
|
|
15311
|
+
"value": "#656c76",
|
|
15384
15312
|
"$type": "color",
|
|
15385
15313
|
"$extensions": {
|
|
15386
15314
|
"org.primer.figma": {
|
|
@@ -15392,7 +15320,7 @@
|
|
|
15392
15320
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15393
15321
|
"isSource": true,
|
|
15394
15322
|
"original": {
|
|
15395
|
-
"value": "{base.color.neutral.
|
|
15323
|
+
"value": "{base.color.neutral.8}",
|
|
15396
15324
|
"$type": "color",
|
|
15397
15325
|
"$extensions": {
|
|
15398
15326
|
"org.primer.figma": {
|
|
@@ -15407,7 +15335,7 @@
|
|
|
15407
15335
|
"path": ["color", "ansi", "black-bright"]
|
|
15408
15336
|
},
|
|
15409
15337
|
"color-ansi-white": {
|
|
15410
|
-
"value": "#
|
|
15338
|
+
"value": "#f0f6fc",
|
|
15411
15339
|
"$type": "color",
|
|
15412
15340
|
"$extensions": {
|
|
15413
15341
|
"org.primer.figma": {
|
|
@@ -15419,7 +15347,7 @@
|
|
|
15419
15347
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15420
15348
|
"isSource": true,
|
|
15421
15349
|
"original": {
|
|
15422
|
-
"value": "{base.color.neutral.
|
|
15350
|
+
"value": "{base.color.neutral.12}",
|
|
15423
15351
|
"$type": "color",
|
|
15424
15352
|
"$extensions": {
|
|
15425
15353
|
"org.primer.figma": {
|
|
@@ -15446,7 +15374,7 @@
|
|
|
15446
15374
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15447
15375
|
"isSource": true,
|
|
15448
15376
|
"original": {
|
|
15449
|
-
"value": "{base.color.
|
|
15377
|
+
"value": "{base.color.neutral.13}",
|
|
15450
15378
|
"$type": "color",
|
|
15451
15379
|
"$extensions": {
|
|
15452
15380
|
"org.primer.figma": {
|
|
@@ -15461,7 +15389,7 @@
|
|
|
15461
15389
|
"path": ["color", "ansi", "white-bright"]
|
|
15462
15390
|
},
|
|
15463
15391
|
"color-ansi-gray": {
|
|
15464
|
-
"value": "#
|
|
15392
|
+
"value": "#656c76",
|
|
15465
15393
|
"$type": "color",
|
|
15466
15394
|
"$extensions": {
|
|
15467
15395
|
"org.primer.figma": {
|
|
@@ -15473,7 +15401,7 @@
|
|
|
15473
15401
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15474
15402
|
"isSource": true,
|
|
15475
15403
|
"original": {
|
|
15476
|
-
"value": "{base.color.neutral.
|
|
15404
|
+
"value": "{base.color.neutral.8}",
|
|
15477
15405
|
"$type": "color",
|
|
15478
15406
|
"$extensions": {
|
|
15479
15407
|
"org.primer.figma": {
|
|
@@ -15812,7 +15740,7 @@
|
|
|
15812
15740
|
"path": ["color", "ansi", "cyan-bright"]
|
|
15813
15741
|
},
|
|
15814
15742
|
"color-prettylights-syntax-comment": {
|
|
15815
|
-
"value": "#
|
|
15743
|
+
"value": "#9198a1",
|
|
15816
15744
|
"$type": "color",
|
|
15817
15745
|
"$extensions": {
|
|
15818
15746
|
"org.primer.figma": {
|
|
@@ -15824,7 +15752,7 @@
|
|
|
15824
15752
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15825
15753
|
"isSource": true,
|
|
15826
15754
|
"original": {
|
|
15827
|
-
"value": "{base.color.neutral.
|
|
15755
|
+
"value": "{base.color.neutral.9}",
|
|
15828
15756
|
"$type": "color",
|
|
15829
15757
|
"$extensions": {
|
|
15830
15758
|
"org.primer.figma": {
|
|
@@ -15920,7 +15848,7 @@
|
|
|
15920
15848
|
"path": ["color", "prettylights", "syntax", "entity"]
|
|
15921
15849
|
},
|
|
15922
15850
|
"color-prettylights-syntax-storage-modifier-import": {
|
|
15923
|
-
"value": "#
|
|
15851
|
+
"value": "#f0f6fc",
|
|
15924
15852
|
"$type": "color",
|
|
15925
15853
|
"$extensions": {
|
|
15926
15854
|
"org.primer.figma": {
|
|
@@ -15932,7 +15860,7 @@
|
|
|
15932
15860
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15933
15861
|
"isSource": true,
|
|
15934
15862
|
"original": {
|
|
15935
|
-
"value": "{base.color.neutral.
|
|
15863
|
+
"value": "{base.color.neutral.12}",
|
|
15936
15864
|
"$type": "color",
|
|
15937
15865
|
"$extensions": {
|
|
15938
15866
|
"org.primer.figma": {
|
|
@@ -16082,7 +16010,7 @@
|
|
|
16082
16010
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
|
|
16083
16011
|
},
|
|
16084
16012
|
"color-prettylights-syntax-brackethighlighter-angle": {
|
|
16085
|
-
"value": "#
|
|
16013
|
+
"value": "#9198a1",
|
|
16086
16014
|
"$type": "color",
|
|
16087
16015
|
"$extensions": {
|
|
16088
16016
|
"org.primer.figma": {
|
|
@@ -16094,7 +16022,7 @@
|
|
|
16094
16022
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16095
16023
|
"isSource": true,
|
|
16096
16024
|
"original": {
|
|
16097
|
-
"value": "{base.color.neutral.
|
|
16025
|
+
"value": "{base.color.neutral.9}",
|
|
16098
16026
|
"$type": "color",
|
|
16099
16027
|
"$extensions": {
|
|
16100
16028
|
"org.primer.figma": {
|
|
@@ -16109,7 +16037,7 @@
|
|
|
16109
16037
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "angle"]
|
|
16110
16038
|
},
|
|
16111
16039
|
"color-prettylights-syntax-invalid-illegal-text": {
|
|
16112
|
-
"value": "#
|
|
16040
|
+
"value": "#f0f6fc",
|
|
16113
16041
|
"$type": "color",
|
|
16114
16042
|
"$extensions": {
|
|
16115
16043
|
"org.primer.figma": {
|
|
@@ -16121,7 +16049,7 @@
|
|
|
16121
16049
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16122
16050
|
"isSource": true,
|
|
16123
16051
|
"original": {
|
|
16124
|
-
"value": "{base.color.neutral.
|
|
16052
|
+
"value": "{base.color.neutral.12}",
|
|
16125
16053
|
"$type": "color",
|
|
16126
16054
|
"$extensions": {
|
|
16127
16055
|
"org.primer.figma": {
|
|
@@ -16163,7 +16091,7 @@
|
|
|
16163
16091
|
"path": ["color", "prettylights", "syntax", "invalid", "illegal", "bg"]
|
|
16164
16092
|
},
|
|
16165
16093
|
"color-prettylights-syntax-carriage-return-text": {
|
|
16166
|
-
"value": "#
|
|
16094
|
+
"value": "#f0f6fc",
|
|
16167
16095
|
"$type": "color",
|
|
16168
16096
|
"$extensions": {
|
|
16169
16097
|
"org.primer.figma": {
|
|
@@ -16175,7 +16103,7 @@
|
|
|
16175
16103
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16176
16104
|
"isSource": true,
|
|
16177
16105
|
"original": {
|
|
16178
|
-
"value": "{base.color.neutral.
|
|
16106
|
+
"value": "{base.color.neutral.12}",
|
|
16179
16107
|
"$type": "color",
|
|
16180
16108
|
"$extensions": {
|
|
16181
16109
|
"org.primer.figma": {
|
|
@@ -16298,7 +16226,7 @@
|
|
|
16298
16226
|
"path": ["color", "prettylights", "syntax", "markup", "heading"]
|
|
16299
16227
|
},
|
|
16300
16228
|
"color-prettylights-syntax-markup-italic": {
|
|
16301
|
-
"value": "#
|
|
16229
|
+
"value": "#f0f6fc",
|
|
16302
16230
|
"$type": "color",
|
|
16303
16231
|
"$extensions": {
|
|
16304
16232
|
"org.primer.figma": {
|
|
@@ -16310,7 +16238,7 @@
|
|
|
16310
16238
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16311
16239
|
"isSource": true,
|
|
16312
16240
|
"original": {
|
|
16313
|
-
"value": "{base.color.neutral.
|
|
16241
|
+
"value": "{base.color.neutral.12}",
|
|
16314
16242
|
"$type": "color",
|
|
16315
16243
|
"$extensions": {
|
|
16316
16244
|
"org.primer.figma": {
|
|
@@ -16325,7 +16253,7 @@
|
|
|
16325
16253
|
"path": ["color", "prettylights", "syntax", "markup", "italic"]
|
|
16326
16254
|
},
|
|
16327
16255
|
"color-prettylights-syntax-markup-bold": {
|
|
16328
|
-
"value": "#
|
|
16256
|
+
"value": "#f0f6fc",
|
|
16329
16257
|
"$type": "color",
|
|
16330
16258
|
"$extensions": {
|
|
16331
16259
|
"org.primer.figma": {
|
|
@@ -16337,7 +16265,7 @@
|
|
|
16337
16265
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16338
16266
|
"isSource": true,
|
|
16339
16267
|
"original": {
|
|
16340
|
-
"value": "{base.color.neutral.
|
|
16268
|
+
"value": "{base.color.neutral.12}",
|
|
16341
16269
|
"$type": "color",
|
|
16342
16270
|
"$extensions": {
|
|
16343
16271
|
"org.primer.figma": {
|
|
@@ -16514,7 +16442,7 @@
|
|
|
16514
16442
|
"path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
|
|
16515
16443
|
},
|
|
16516
16444
|
"color-prettylights-syntax-markup-ignored-text": {
|
|
16517
|
-
"value": "#
|
|
16445
|
+
"value": "#f0f6fc",
|
|
16518
16446
|
"$type": "color",
|
|
16519
16447
|
"$extensions": {
|
|
16520
16448
|
"org.primer.figma": {
|
|
@@ -16526,7 +16454,7 @@
|
|
|
16526
16454
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16527
16455
|
"isSource": true,
|
|
16528
16456
|
"original": {
|
|
16529
|
-
"value": "{base.color.neutral.
|
|
16457
|
+
"value": "{base.color.neutral.12}",
|
|
16530
16458
|
"$type": "color",
|
|
16531
16459
|
"$extensions": {
|
|
16532
16460
|
"org.primer.figma": {
|
|
@@ -16595,7 +16523,7 @@
|
|
|
16595
16523
|
"path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
|
|
16596
16524
|
},
|
|
16597
16525
|
"color-prettylights-syntax-sublimelinter-gutter-mark": {
|
|
16598
|
-
"value": "#
|
|
16526
|
+
"value": "#3d444d",
|
|
16599
16527
|
"$type": "color",
|
|
16600
16528
|
"$extensions": {
|
|
16601
16529
|
"org.primer.figma": {
|
|
@@ -16607,7 +16535,7 @@
|
|
|
16607
16535
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16608
16536
|
"isSource": true,
|
|
16609
16537
|
"original": {
|
|
16610
|
-
"value": "{base.color.neutral.
|
|
16538
|
+
"value": "{base.color.neutral.7}",
|
|
16611
16539
|
"$type": "color",
|
|
16612
16540
|
"$extensions": {
|
|
16613
16541
|
"org.primer.figma": {
|
|
@@ -16635,7 +16563,7 @@
|
|
|
16635
16563
|
"isSource": true,
|
|
16636
16564
|
"original": {
|
|
16637
16565
|
"value": {
|
|
16638
|
-
"color": "{base.color.
|
|
16566
|
+
"color": "{base.color.neutral.0}",
|
|
16639
16567
|
"alpha": 0.24,
|
|
16640
16568
|
"offsetX": "0px",
|
|
16641
16569
|
"offsetY": "1px",
|
|
@@ -16670,7 +16598,7 @@
|
|
|
16670
16598
|
"isSource": true,
|
|
16671
16599
|
"original": {
|
|
16672
16600
|
"value": {
|
|
16673
|
-
"color": "{base.color.
|
|
16601
|
+
"color": "{base.color.neutral.0}",
|
|
16674
16602
|
"alpha": 0.8,
|
|
16675
16603
|
"offsetX": "0px",
|
|
16676
16604
|
"offsetY": "1px",
|
|
@@ -16706,7 +16634,7 @@
|
|
|
16706
16634
|
"original": {
|
|
16707
16635
|
"value": [
|
|
16708
16636
|
{
|
|
16709
|
-
"color": "{base.color.
|
|
16637
|
+
"color": "{base.color.neutral.0}",
|
|
16710
16638
|
"alpha": 0.4,
|
|
16711
16639
|
"offsetX": "0px",
|
|
16712
16640
|
"offsetY": "1px",
|
|
@@ -16743,7 +16671,7 @@
|
|
|
16743
16671
|
"original": {
|
|
16744
16672
|
"value": [
|
|
16745
16673
|
{
|
|
16746
|
-
"color": "{base.color.
|
|
16674
|
+
"color": "{base.color.neutral.0}",
|
|
16747
16675
|
"alpha": 0.8,
|
|
16748
16676
|
"offsetX": "0px",
|
|
16749
16677
|
"offsetY": "3px",
|
|
@@ -16765,7 +16693,7 @@
|
|
|
16765
16693
|
"path": ["shadow", "resting", "medium"]
|
|
16766
16694
|
},
|
|
16767
16695
|
"shadow-floating-small": {
|
|
16768
|
-
"value": "0px 0px 0px 1px #
|
|
16696
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
16769
16697
|
"$type": "shadow",
|
|
16770
16698
|
"$extensions": {
|
|
16771
16699
|
"org.primer.figma": {
|
|
@@ -16787,7 +16715,7 @@
|
|
|
16787
16715
|
"spread": "1px"
|
|
16788
16716
|
},
|
|
16789
16717
|
{
|
|
16790
|
-
"color": "{base.color.
|
|
16718
|
+
"color": "{base.color.neutral.0}",
|
|
16791
16719
|
"alpha": 0.4,
|
|
16792
16720
|
"offsetX": "0px",
|
|
16793
16721
|
"offsetY": "6px",
|
|
@@ -16795,7 +16723,7 @@
|
|
|
16795
16723
|
"spread": "-3px"
|
|
16796
16724
|
},
|
|
16797
16725
|
{
|
|
16798
|
-
"color": "{base.color.
|
|
16726
|
+
"color": "{base.color.neutral.0}",
|
|
16799
16727
|
"alpha": 0.4,
|
|
16800
16728
|
"offsetX": "0px",
|
|
16801
16729
|
"offsetY": "6px",
|
|
@@ -16817,7 +16745,7 @@
|
|
|
16817
16745
|
"path": ["shadow", "floating", "small"]
|
|
16818
16746
|
},
|
|
16819
16747
|
"shadow-floating-medium": {
|
|
16820
|
-
"value": "0px 0px 0px 1px #
|
|
16748
|
+
"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
16749
|
"$type": "shadow",
|
|
16822
16750
|
"$extensions": {
|
|
16823
16751
|
"org.primer.figma": {
|
|
@@ -16839,7 +16767,7 @@
|
|
|
16839
16767
|
"spread": "1px"
|
|
16840
16768
|
},
|
|
16841
16769
|
{
|
|
16842
|
-
"color": "{base.color.
|
|
16770
|
+
"color": "{base.color.neutral.0}",
|
|
16843
16771
|
"alpha": 0.4,
|
|
16844
16772
|
"offsetX": "0px",
|
|
16845
16773
|
"offsetY": "8px",
|
|
@@ -16847,7 +16775,7 @@
|
|
|
16847
16775
|
"spread": "-4px"
|
|
16848
16776
|
},
|
|
16849
16777
|
{
|
|
16850
|
-
"color": "{base.color.
|
|
16778
|
+
"color": "{base.color.neutral.0}",
|
|
16851
16779
|
"alpha": 0.4,
|
|
16852
16780
|
"offsetX": "0px",
|
|
16853
16781
|
"offsetY": "4px",
|
|
@@ -16855,7 +16783,7 @@
|
|
|
16855
16783
|
"spread": "-4px"
|
|
16856
16784
|
},
|
|
16857
16785
|
{
|
|
16858
|
-
"color": "{base.color.
|
|
16786
|
+
"color": "{base.color.neutral.0}",
|
|
16859
16787
|
"alpha": 0.4,
|
|
16860
16788
|
"offsetX": "0px",
|
|
16861
16789
|
"offsetY": "24px",
|
|
@@ -16863,7 +16791,7 @@
|
|
|
16863
16791
|
"spread": "-12px"
|
|
16864
16792
|
},
|
|
16865
16793
|
{
|
|
16866
|
-
"color": "{base.color.
|
|
16794
|
+
"color": "{base.color.neutral.0}",
|
|
16867
16795
|
"alpha": 0.4,
|
|
16868
16796
|
"offsetX": "0px",
|
|
16869
16797
|
"offsetY": "48px",
|
|
@@ -16885,7 +16813,7 @@
|
|
|
16885
16813
|
"path": ["shadow", "floating", "medium"]
|
|
16886
16814
|
},
|
|
16887
16815
|
"shadow-floating-large": {
|
|
16888
|
-
"value": "0px 0px 0px 1px #
|
|
16816
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 24px 48px 0px #010409",
|
|
16889
16817
|
"$type": "shadow",
|
|
16890
16818
|
"$extensions": {
|
|
16891
16819
|
"org.primer.figma": {
|
|
@@ -16907,7 +16835,7 @@
|
|
|
16907
16835
|
"spread": "1px"
|
|
16908
16836
|
},
|
|
16909
16837
|
{
|
|
16910
|
-
"color": "{base.color.
|
|
16838
|
+
"color": "{base.color.neutral.0}",
|
|
16911
16839
|
"alpha": 1,
|
|
16912
16840
|
"offsetX": "0px",
|
|
16913
16841
|
"offsetY": "24px",
|
|
@@ -16929,7 +16857,7 @@
|
|
|
16929
16857
|
"path": ["shadow", "floating", "large"]
|
|
16930
16858
|
},
|
|
16931
16859
|
"shadow-floating-xlarge": {
|
|
16932
|
-
"value": "0px 0px 0px 1px #
|
|
16860
|
+
"value": "0px 0px 0px 1px #b7bdc8, 0px 32px 64px 0px #010409",
|
|
16933
16861
|
"$type": "shadow",
|
|
16934
16862
|
"$extensions": {
|
|
16935
16863
|
"org.primer.figma": {
|
|
@@ -16951,7 +16879,7 @@
|
|
|
16951
16879
|
"spread": "1px"
|
|
16952
16880
|
},
|
|
16953
16881
|
{
|
|
16954
|
-
"color": "{base.color.
|
|
16882
|
+
"color": "{base.color.neutral.0}",
|
|
16955
16883
|
"alpha": 1,
|
|
16956
16884
|
"offsetX": "0px",
|
|
16957
16885
|
"offsetY": "32px",
|
|
@@ -16987,7 +16915,7 @@
|
|
|
16987
16915
|
"original": {
|
|
16988
16916
|
"value": [
|
|
16989
16917
|
{
|
|
16990
|
-
"color": "{base.color.
|
|
16918
|
+
"color": "{base.color.neutral.0}",
|
|
16991
16919
|
"alpha": 0.4,
|
|
16992
16920
|
"offsetX": "0px",
|
|
16993
16921
|
"offsetY": "6px",
|
|
@@ -16995,7 +16923,7 @@
|
|
|
16995
16923
|
"spread": "-3px"
|
|
16996
16924
|
},
|
|
16997
16925
|
{
|
|
16998
|
-
"color": "{base.color.
|
|
16926
|
+
"color": "{base.color.neutral.0}",
|
|
16999
16927
|
"alpha": 0.4,
|
|
17000
16928
|
"offsetX": "0px",
|
|
17001
16929
|
"offsetY": "6px",
|