@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.23ee6c3f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/functional/themes/dark-colorblind.css +256 -256
- package/dist/css/functional/themes/dark-dimmed.css +274 -274
- package/dist/css/functional/themes/dark-high-contrast.css +288 -288
- package/dist/css/functional/themes/dark-tritanopia.css +256 -256
- package/dist/css/functional/themes/dark.css +246 -246
- package/dist/css/functional/themes/light-colorblind.css +210 -210
- package/dist/css/functional/themes/light-high-contrast.css +244 -244
- package/dist/css/functional/themes/light-tritanopia.css +210 -210
- package/dist/css/functional/themes/light.css +200 -200
- package/dist/docs/functional/themes/dark-colorblind.json +217 -289
- package/dist/docs/functional/themes/dark-dimmed.json +245 -317
- package/dist/docs/functional/themes/dark-high-contrast.json +255 -317
- package/dist/docs/functional/themes/dark-tritanopia.json +215 -287
- package/dist/docs/functional/themes/dark.json +205 -277
- package/dist/docs/functional/themes/light-colorblind.json +194 -260
- package/dist/docs/functional/themes/light-high-contrast.json +242 -308
- package/dist/docs/functional/themes/light-tritanopia.json +193 -257
- package/dist/docs/functional/themes/light.json +183 -247
- package/dist/figma/scales/dark-dimmed.json +106 -60
- package/dist/figma/scales/dark-high-constrast.json +106 -60
- package/dist/figma/scales/dark.json +76 -30
- package/dist/figma/scales/light-high-constrast.json +106 -60
- package/dist/figma/scales/light.json +73 -27
- package/dist/figma/shadows/dark-colorblind.json +12 -12
- package/dist/figma/shadows/dark-dimmed.json +15 -15
- package/dist/figma/shadows/dark-high-contrast.json +15 -15
- package/dist/figma/shadows/dark-tritanopia.json +12 -12
- package/dist/figma/shadows/dark.json +12 -12
- package/dist/figma/shadows/light-colorblind.json +39 -39
- package/dist/figma/shadows/light-high-contrast.json +39 -39
- package/dist/figma/shadows/light-tritanopia.json +39 -39
- package/dist/figma/shadows/light.json +39 -39
- package/dist/figma/themes/dark-colorblind.json +796 -808
- package/dist/figma/themes/dark-dimmed.json +765 -777
- package/dist/figma/themes/dark-high-contrast.json +850 -859
- package/dist/figma/themes/dark-tritanopia.json +802 -814
- package/dist/figma/themes/dark.json +699 -711
- package/dist/figma/themes/light-colorblind.json +756 -768
- package/dist/figma/themes/light-high-contrast.json +758 -772
- package/dist/figma/themes/light-tritanopia.json +752 -763
- package/dist/figma/themes/light.json +644 -655
- package/dist/internalCss/dark-colorblind.css +282 -276
- package/dist/internalCss/dark-dimmed.css +300 -294
- package/dist/internalCss/dark-high-contrast.css +314 -308
- package/dist/internalCss/dark-tritanopia.css +282 -276
- package/dist/internalCss/dark.css +272 -266
- package/dist/internalCss/light-colorblind.css +234 -228
- package/dist/internalCss/light-high-contrast.css +270 -264
- package/dist/internalCss/light-tritanopia.css +234 -228
- package/dist/internalCss/light.css +224 -218
- package/dist/styleLint/functional/themes/dark-colorblind.json +217 -289
- package/dist/styleLint/functional/themes/dark-dimmed.json +245 -317
- package/dist/styleLint/functional/themes/dark-high-contrast.json +255 -317
- package/dist/styleLint/functional/themes/dark-tritanopia.json +215 -287
- package/dist/styleLint/functional/themes/dark.json +205 -277
- package/dist/styleLint/functional/themes/light-colorblind.json +194 -260
- package/dist/styleLint/functional/themes/light-high-contrast.json +242 -308
- package/dist/styleLint/functional/themes/light-tritanopia.json +193 -257
- package/dist/styleLint/functional/themes/light.json +183 -247
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
- package/src/tokens/base/color/dark/dark.json5 +131 -104
- package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
- package/src/tokens/base/color/light/light.json5 +130 -103
- package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +126 -10
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +91 -81
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/dark/patterns-dark.json5 +46 -72
- package/src/tokens/functional/color/dark/primitives-dark.json5 +14 -24
- package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +51 -126
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +38 -64
- package/src/tokens/functional/color/light/primitives-light.json5 +12 -18
- package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
"path": ["page", "header", "bgColor"]
|
|
90
90
|
},
|
|
91
91
|
"diffBlob-addition-fgColor-text": {
|
|
92
|
-
"value": "#
|
|
92
|
+
"value": "#f0f6fc",
|
|
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": "#f0f6fc",
|
|
122
122
|
"$type": "color",
|
|
123
123
|
"$extensions": {
|
|
124
124
|
"org.primer.figma": {
|
|
@@ -242,7 +242,7 @@
|
|
|
242
242
|
"path": ["diffBlob", "addition", "bgColor", "word"]
|
|
243
243
|
},
|
|
244
244
|
"diffBlob-deletion-fgColor-text": {
|
|
245
|
-
"value": "#
|
|
245
|
+
"value": "#f0f6fc",
|
|
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": "#f0f6fc",
|
|
275
275
|
"$type": "color",
|
|
276
276
|
"$extensions": {
|
|
277
277
|
"org.primer.figma": {
|
|
@@ -424,7 +424,7 @@
|
|
|
424
424
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
425
425
|
},
|
|
426
426
|
"diffBlob-expander-iconColor": {
|
|
427
|
-
"value": "#
|
|
427
|
+
"value": "#9198a1",
|
|
428
428
|
"$type": "color",
|
|
429
429
|
"$extensions": {
|
|
430
430
|
"org.primer.figma": {
|
|
@@ -453,7 +453,7 @@
|
|
|
453
453
|
"path": ["diffBlob", "expander", "iconColor"]
|
|
454
454
|
},
|
|
455
455
|
"codeMirror-fgColor": {
|
|
456
|
-
"value": "#
|
|
456
|
+
"value": "#f0f6fc",
|
|
457
457
|
"$type": "color",
|
|
458
458
|
"$extensions": {
|
|
459
459
|
"org.primer.figma": {
|
|
@@ -569,7 +569,7 @@
|
|
|
569
569
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
570
570
|
},
|
|
571
571
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
572
|
-
"value": "#
|
|
572
|
+
"value": "#9198a1",
|
|
573
573
|
"$type": "color",
|
|
574
574
|
"$extensions": {
|
|
575
575
|
"org.primer.figma": {
|
|
@@ -598,7 +598,7 @@
|
|
|
598
598
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
599
599
|
},
|
|
600
600
|
"codeMirror-lineNumber-fgColor": {
|
|
601
|
-
"value": "#
|
|
601
|
+
"value": "#9198a1",
|
|
602
602
|
"$type": "color",
|
|
603
603
|
"$extensions": {
|
|
604
604
|
"org.primer.figma": {
|
|
@@ -627,7 +627,7 @@
|
|
|
627
627
|
"path": ["codeMirror", "lineNumber", "fgColor"]
|
|
628
628
|
},
|
|
629
629
|
"codeMirror-cursor-fgColor": {
|
|
630
|
-
"value": "#
|
|
630
|
+
"value": "#f0f6fc",
|
|
631
631
|
"$type": "color",
|
|
632
632
|
"$extensions": {
|
|
633
633
|
"org.primer.figma": {
|
|
@@ -685,7 +685,7 @@
|
|
|
685
685
|
"path": ["codeMirror", "selection", "bgColor"]
|
|
686
686
|
},
|
|
687
687
|
"codeMirror-activeline-bgColor": {
|
|
688
|
-
"value": "#
|
|
688
|
+
"value": "#2f3742b3",
|
|
689
689
|
"$type": "color",
|
|
690
690
|
"$extensions": {
|
|
691
691
|
"org.primer.figma": {
|
|
@@ -714,7 +714,7 @@
|
|
|
714
714
|
"path": ["codeMirror", "activeline", "bgColor"]
|
|
715
715
|
},
|
|
716
716
|
"codeMirror-matchingBracket-fgColor": {
|
|
717
|
-
"value": "#
|
|
717
|
+
"value": "#f0f6fc",
|
|
718
718
|
"$type": "color",
|
|
719
719
|
"$extensions": {
|
|
720
720
|
"org.primer.figma": {
|
|
@@ -772,7 +772,7 @@
|
|
|
772
772
|
"path": ["codeMirror", "lines", "bgColor"]
|
|
773
773
|
},
|
|
774
774
|
"codeMirror-syntax-fgColor-comment": {
|
|
775
|
-
"value": "#
|
|
775
|
+
"value": "#656c76",
|
|
776
776
|
"$type": "color",
|
|
777
777
|
"$extensions": {
|
|
778
778
|
"org.primer.figma": {
|
|
@@ -785,7 +785,7 @@
|
|
|
785
785
|
"filePath": "src/tokens/functional/color/dark/app-dark.json5",
|
|
786
786
|
"isSource": true,
|
|
787
787
|
"original": {
|
|
788
|
-
"value": "{base.color.neutral.
|
|
788
|
+
"value": "{base.color.neutral.7}",
|
|
789
789
|
"$type": "color",
|
|
790
790
|
"$extensions": {
|
|
791
791
|
"org.primer.figma": {
|
|
@@ -1048,7 +1048,7 @@
|
|
|
1048
1048
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1049
1049
|
"isSource": true,
|
|
1050
1050
|
"original": {
|
|
1051
|
-
"value": "{base.color.neutral.
|
|
1051
|
+
"value": "{base.color.neutral.11}",
|
|
1052
1052
|
"$type": "color",
|
|
1053
1053
|
"$extensions": {
|
|
1054
1054
|
"org.primer.figma": {
|
|
@@ -1064,7 +1064,7 @@
|
|
|
1064
1064
|
"path": ["header", "fgColor", "logo"]
|
|
1065
1065
|
},
|
|
1066
1066
|
"header-bgColor": {
|
|
1067
|
-
"value": "#
|
|
1067
|
+
"value": "#151b23f2",
|
|
1068
1068
|
"$type": "color",
|
|
1069
1069
|
"$extensions": {
|
|
1070
1070
|
"org.primer.figma": {
|
|
@@ -1078,7 +1078,7 @@
|
|
|
1078
1078
|
"isSource": true,
|
|
1079
1079
|
"alpha": 0.95,
|
|
1080
1080
|
"original": {
|
|
1081
|
-
"value": "{base.color.neutral.
|
|
1081
|
+
"value": "{base.color.neutral.1}",
|
|
1082
1082
|
"$type": "color",
|
|
1083
1083
|
"$extensions": {
|
|
1084
1084
|
"org.primer.figma": {
|
|
@@ -1095,7 +1095,7 @@
|
|
|
1095
1095
|
"path": ["header", "bgColor"]
|
|
1096
1096
|
},
|
|
1097
1097
|
"header-borderColor-divider": {
|
|
1098
|
-
"value": "#
|
|
1098
|
+
"value": "#656c76",
|
|
1099
1099
|
"$type": "color",
|
|
1100
1100
|
"$extensions": {
|
|
1101
1101
|
"org.primer.figma": {
|
|
@@ -1108,7 +1108,7 @@
|
|
|
1108
1108
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1109
1109
|
"isSource": true,
|
|
1110
1110
|
"original": {
|
|
1111
|
-
"value": "{base.color.neutral.
|
|
1111
|
+
"value": "{base.color.neutral.7}",
|
|
1112
1112
|
"$type": "color",
|
|
1113
1113
|
"$extensions": {
|
|
1114
1114
|
"org.primer.figma": {
|
|
@@ -1137,7 +1137,7 @@
|
|
|
1137
1137
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1138
1138
|
"isSource": true,
|
|
1139
1139
|
"original": {
|
|
1140
|
-
"value": "{base.color.neutral.
|
|
1140
|
+
"value": "{base.color.neutral.0}",
|
|
1141
1141
|
"$type": "color",
|
|
1142
1142
|
"$extensions": {
|
|
1143
1143
|
"org.primer.figma": {
|
|
@@ -1153,7 +1153,7 @@
|
|
|
1153
1153
|
"path": ["headerSearch", "bgColor"]
|
|
1154
1154
|
},
|
|
1155
1155
|
"headerSearch-borderColor": {
|
|
1156
|
-
"value": "#
|
|
1156
|
+
"value": "#2a313c",
|
|
1157
1157
|
"$type": "color",
|
|
1158
1158
|
"$extensions": {
|
|
1159
1159
|
"org.primer.figma": {
|
|
@@ -1166,7 +1166,7 @@
|
|
|
1166
1166
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
1167
1167
|
"isSource": true,
|
|
1168
1168
|
"original": {
|
|
1169
|
-
"value": "{base.color.neutral.
|
|
1169
|
+
"value": "{base.color.neutral.4}",
|
|
1170
1170
|
"$type": "color",
|
|
1171
1171
|
"$extensions": {
|
|
1172
1172
|
"org.primer.figma": {
|
|
@@ -4591,7 +4591,7 @@
|
|
|
4591
4591
|
"original": {
|
|
4592
4592
|
"value": [
|
|
4593
4593
|
{
|
|
4594
|
-
"color": "{base.color.neutral.
|
|
4594
|
+
"color": "{base.color.neutral.0}",
|
|
4595
4595
|
"alpha": 1,
|
|
4596
4596
|
"offsetX": "0px",
|
|
4597
4597
|
"offsetY": "0px",
|
|
@@ -4613,7 +4613,7 @@
|
|
|
4613
4613
|
"path": ["avatar", "shadow"]
|
|
4614
4614
|
},
|
|
4615
4615
|
"avatarStack-fade-bgColor-default": {
|
|
4616
|
-
"value": "#
|
|
4616
|
+
"value": "#3d444d",
|
|
4617
4617
|
"$type": "color",
|
|
4618
4618
|
"$extensions": {
|
|
4619
4619
|
"org.primer.figma": {
|
|
@@ -4642,7 +4642,7 @@
|
|
|
4642
4642
|
"path": ["avatarStack", "fade", "bgColor", "default"]
|
|
4643
4643
|
},
|
|
4644
4644
|
"avatarStack-fade-bgColor-muted": {
|
|
4645
|
-
"value": "#
|
|
4645
|
+
"value": "#2a313c",
|
|
4646
4646
|
"$type": "color",
|
|
4647
4647
|
"$extensions": {
|
|
4648
4648
|
"org.primer.figma": {
|
|
@@ -4655,7 +4655,7 @@
|
|
|
4655
4655
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4656
4656
|
"isSource": true,
|
|
4657
4657
|
"original": {
|
|
4658
|
-
"value": "{base.color.neutral.
|
|
4658
|
+
"value": "{base.color.neutral.4}",
|
|
4659
4659
|
"$type": "color",
|
|
4660
4660
|
"$extensions": {
|
|
4661
4661
|
"org.primer.figma": {
|
|
@@ -4671,7 +4671,7 @@
|
|
|
4671
4671
|
"path": ["avatarStack", "fade", "bgColor", "muted"]
|
|
4672
4672
|
},
|
|
4673
4673
|
"control-bgColor-rest": {
|
|
4674
|
-
"value": "#
|
|
4674
|
+
"value": "#212830",
|
|
4675
4675
|
"$type": "color",
|
|
4676
4676
|
"$extensions": {
|
|
4677
4677
|
"org.primer.figma": {
|
|
@@ -4684,7 +4684,7 @@
|
|
|
4684
4684
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4685
4685
|
"isSource": true,
|
|
4686
4686
|
"original": {
|
|
4687
|
-
"value": "{base.color.neutral.
|
|
4687
|
+
"value": "{base.color.neutral.2}",
|
|
4688
4688
|
"$type": "color",
|
|
4689
4689
|
"$extensions": {
|
|
4690
4690
|
"org.primer.figma": {
|
|
@@ -4700,7 +4700,7 @@
|
|
|
4700
4700
|
"path": ["control", "bgColor", "rest"]
|
|
4701
4701
|
},
|
|
4702
4702
|
"control-bgColor-hover": {
|
|
4703
|
-
"value": "#
|
|
4703
|
+
"value": "#262c36",
|
|
4704
4704
|
"$type": "color",
|
|
4705
4705
|
"$extensions": {
|
|
4706
4706
|
"org.primer.figma": {
|
|
@@ -4710,14 +4710,10 @@
|
|
|
4710
4710
|
"scopes": ["bgColor"]
|
|
4711
4711
|
}
|
|
4712
4712
|
},
|
|
4713
|
-
"mix": {
|
|
4714
|
-
"color": "#484f58",
|
|
4715
|
-
"weight": 0.2
|
|
4716
|
-
},
|
|
4717
4713
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4718
4714
|
"isSource": true,
|
|
4719
4715
|
"original": {
|
|
4720
|
-
"value": "{base.color.neutral.
|
|
4716
|
+
"value": "{base.color.neutral.3}",
|
|
4721
4717
|
"$type": "color",
|
|
4722
4718
|
"$extensions": {
|
|
4723
4719
|
"org.primer.figma": {
|
|
@@ -4726,10 +4722,6 @@
|
|
|
4726
4722
|
"group": "component",
|
|
4727
4723
|
"scopes": ["bgColor"]
|
|
4728
4724
|
}
|
|
4729
|
-
},
|
|
4730
|
-
"mix": {
|
|
4731
|
-
"color": "{base.color.neutral.5}",
|
|
4732
|
-
"weight": 0.2
|
|
4733
4725
|
}
|
|
4734
4726
|
},
|
|
4735
4727
|
"name": "control-bgColor-hover",
|
|
@@ -4737,7 +4729,7 @@
|
|
|
4737
4729
|
"path": ["control", "bgColor", "hover"]
|
|
4738
4730
|
},
|
|
4739
4731
|
"control-bgColor-active": {
|
|
4740
|
-
"value": "#
|
|
4732
|
+
"value": "#2a313c",
|
|
4741
4733
|
"$type": "color",
|
|
4742
4734
|
"$extensions": {
|
|
4743
4735
|
"org.primer.figma": {
|
|
@@ -4747,14 +4739,10 @@
|
|
|
4747
4739
|
"scopes": ["bgColor"]
|
|
4748
4740
|
}
|
|
4749
4741
|
},
|
|
4750
|
-
"mix": {
|
|
4751
|
-
"color": "#484f58",
|
|
4752
|
-
"weight": 0.4
|
|
4753
|
-
},
|
|
4754
4742
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4755
4743
|
"isSource": true,
|
|
4756
4744
|
"original": {
|
|
4757
|
-
"value": "{base.color.neutral.
|
|
4745
|
+
"value": "{base.color.neutral.4}",
|
|
4758
4746
|
"$type": "color",
|
|
4759
4747
|
"$extensions": {
|
|
4760
4748
|
"org.primer.figma": {
|
|
@@ -4763,10 +4751,6 @@
|
|
|
4763
4751
|
"group": "component",
|
|
4764
4752
|
"scopes": ["bgColor"]
|
|
4765
4753
|
}
|
|
4766
|
-
},
|
|
4767
|
-
"mix": {
|
|
4768
|
-
"color": "{base.color.neutral.5}",
|
|
4769
|
-
"weight": 0.4
|
|
4770
4754
|
}
|
|
4771
4755
|
},
|
|
4772
4756
|
"name": "control-bgColor-active",
|
|
@@ -4774,7 +4758,7 @@
|
|
|
4774
4758
|
"path": ["control", "bgColor", "active"]
|
|
4775
4759
|
},
|
|
4776
4760
|
"control-bgColor-disabled": {
|
|
4777
|
-
"value": "#
|
|
4761
|
+
"value": "#212830",
|
|
4778
4762
|
"$type": "color",
|
|
4779
4763
|
"$extensions": {
|
|
4780
4764
|
"org.primer.figma": {
|
|
@@ -4803,7 +4787,7 @@
|
|
|
4803
4787
|
"path": ["control", "bgColor", "disabled"]
|
|
4804
4788
|
},
|
|
4805
4789
|
"control-bgColor-selected": {
|
|
4806
|
-
"value": "#
|
|
4790
|
+
"value": "#212830",
|
|
4807
4791
|
"$type": "color",
|
|
4808
4792
|
"$extensions": {
|
|
4809
4793
|
"org.primer.figma": {
|
|
@@ -4816,7 +4800,7 @@
|
|
|
4816
4800
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4817
4801
|
"isSource": true,
|
|
4818
4802
|
"original": {
|
|
4819
|
-
"value": "{
|
|
4803
|
+
"value": "{control.bgColor.rest}",
|
|
4820
4804
|
"$type": "color",
|
|
4821
4805
|
"$extensions": {
|
|
4822
4806
|
"org.primer.figma": {
|
|
@@ -4832,7 +4816,7 @@
|
|
|
4832
4816
|
"path": ["control", "bgColor", "selected"]
|
|
4833
4817
|
},
|
|
4834
4818
|
"control-fgColor-rest": {
|
|
4835
|
-
"value": "#
|
|
4819
|
+
"value": "#f0f6fc",
|
|
4836
4820
|
"$type": "color",
|
|
4837
4821
|
"$extensions": {
|
|
4838
4822
|
"org.primer.figma": {
|
|
@@ -4845,7 +4829,7 @@
|
|
|
4845
4829
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4846
4830
|
"isSource": true,
|
|
4847
4831
|
"original": {
|
|
4848
|
-
"value": "{
|
|
4832
|
+
"value": "{fgColor.default}",
|
|
4849
4833
|
"$type": "color",
|
|
4850
4834
|
"$extensions": {
|
|
4851
4835
|
"org.primer.figma": {
|
|
@@ -4861,12 +4845,8 @@
|
|
|
4861
4845
|
"path": ["control", "fgColor", "rest"]
|
|
4862
4846
|
},
|
|
4863
4847
|
"control-fgColor-placeholder": {
|
|
4864
|
-
"value": "#
|
|
4848
|
+
"value": "#9198a1",
|
|
4865
4849
|
"$type": "color",
|
|
4866
|
-
"mix": {
|
|
4867
|
-
"color": "#6e7681",
|
|
4868
|
-
"weight": 0.2
|
|
4869
|
-
},
|
|
4870
4850
|
"$extensions": {
|
|
4871
4851
|
"org.primer.figma": {
|
|
4872
4852
|
"collection": "mode",
|
|
@@ -4878,12 +4858,8 @@
|
|
|
4878
4858
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4879
4859
|
"isSource": true,
|
|
4880
4860
|
"original": {
|
|
4881
|
-
"value": "{
|
|
4861
|
+
"value": "{fgColor.muted}",
|
|
4882
4862
|
"$type": "color",
|
|
4883
|
-
"mix": {
|
|
4884
|
-
"color": "{base.color.neutral.4}",
|
|
4885
|
-
"weight": 0.2
|
|
4886
|
-
},
|
|
4887
4863
|
"$extensions": {
|
|
4888
4864
|
"org.primer.figma": {
|
|
4889
4865
|
"collection": "mode",
|
|
@@ -4898,7 +4874,7 @@
|
|
|
4898
4874
|
"path": ["control", "fgColor", "placeholder"]
|
|
4899
4875
|
},
|
|
4900
4876
|
"control-fgColor-disabled": {
|
|
4901
|
-
"value": "#
|
|
4877
|
+
"value": "#656c76",
|
|
4902
4878
|
"$type": "color",
|
|
4903
4879
|
"$extensions": {
|
|
4904
4880
|
"org.primer.figma": {
|
|
@@ -4927,7 +4903,7 @@
|
|
|
4927
4903
|
"path": ["control", "fgColor", "disabled"]
|
|
4928
4904
|
},
|
|
4929
4905
|
"control-borderColor-rest": {
|
|
4930
|
-
"value": "#
|
|
4906
|
+
"value": "#3d444d",
|
|
4931
4907
|
"$type": "color",
|
|
4932
4908
|
"$extensions": {
|
|
4933
4909
|
"org.primer.figma": {
|
|
@@ -4956,7 +4932,7 @@
|
|
|
4956
4932
|
"path": ["control", "borderColor", "rest"]
|
|
4957
4933
|
},
|
|
4958
4934
|
"control-borderColor-emphasis": {
|
|
4959
|
-
"value": "#
|
|
4935
|
+
"value": "#656c76",
|
|
4960
4936
|
"$type": "color",
|
|
4961
4937
|
"$extensions": {
|
|
4962
4938
|
"org.primer.figma": {
|
|
@@ -4966,14 +4942,10 @@
|
|
|
4966
4942
|
"scopes": ["borderColor"]
|
|
4967
4943
|
}
|
|
4968
4944
|
},
|
|
4969
|
-
"mix": {
|
|
4970
|
-
"color": "#484f58",
|
|
4971
|
-
"weight": 0.2
|
|
4972
|
-
},
|
|
4973
4945
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
4974
4946
|
"isSource": true,
|
|
4975
4947
|
"original": {
|
|
4976
|
-
"value": "{
|
|
4948
|
+
"value": "{borderColor.emphasis}",
|
|
4977
4949
|
"$type": "color",
|
|
4978
4950
|
"$extensions": {
|
|
4979
4951
|
"org.primer.figma": {
|
|
@@ -4982,10 +4954,6 @@
|
|
|
4982
4954
|
"group": "component",
|
|
4983
4955
|
"scopes": ["borderColor"]
|
|
4984
4956
|
}
|
|
4985
|
-
},
|
|
4986
|
-
"mix": {
|
|
4987
|
-
"color": "{base.color.neutral.5}",
|
|
4988
|
-
"weight": 0.2
|
|
4989
4957
|
}
|
|
4990
4958
|
},
|
|
4991
4959
|
"name": "control-borderColor-emphasis",
|
|
@@ -4993,7 +4961,7 @@
|
|
|
4993
4961
|
"path": ["control", "borderColor", "emphasis"]
|
|
4994
4962
|
},
|
|
4995
4963
|
"control-borderColor-disabled": {
|
|
4996
|
-
"value": "#
|
|
4964
|
+
"value": "#212830",
|
|
4997
4965
|
"$type": "color",
|
|
4998
4966
|
"$extensions": {
|
|
4999
4967
|
"org.primer.figma": {
|
|
@@ -5035,7 +5003,7 @@
|
|
|
5035
5003
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5036
5004
|
"isSource": true,
|
|
5037
5005
|
"original": {
|
|
5038
|
-
"value": "{base.color.neutral.
|
|
5006
|
+
"value": "{base.color.neutral.11}",
|
|
5039
5007
|
"$type": "color",
|
|
5040
5008
|
"$extensions": {
|
|
5041
5009
|
"org.primer.figma": {
|
|
@@ -5138,7 +5106,7 @@
|
|
|
5138
5106
|
"path": ["control", "borderColor", "warning"]
|
|
5139
5107
|
},
|
|
5140
5108
|
"control-iconColor-rest": {
|
|
5141
|
-
"value": "#
|
|
5109
|
+
"value": "#9198a1",
|
|
5142
5110
|
"$type": "color",
|
|
5143
5111
|
"$extensions": {
|
|
5144
5112
|
"org.primer.figma": {
|
|
@@ -5196,7 +5164,7 @@
|
|
|
5196
5164
|
"path": ["control", "transparent", "bgColor", "rest"]
|
|
5197
5165
|
},
|
|
5198
5166
|
"control-transparent-bgColor-hover": {
|
|
5199
|
-
"value": "#
|
|
5167
|
+
"value": "#656c7633",
|
|
5200
5168
|
"$type": "color",
|
|
5201
5169
|
"$extensions": {
|
|
5202
5170
|
"org.primer.figma": {
|
|
@@ -5206,11 +5174,11 @@
|
|
|
5206
5174
|
"scopes": ["bgColor"]
|
|
5207
5175
|
}
|
|
5208
5176
|
},
|
|
5209
|
-
"alpha": 0.
|
|
5177
|
+
"alpha": 0.2,
|
|
5210
5178
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5211
5179
|
"isSource": true,
|
|
5212
5180
|
"original": {
|
|
5213
|
-
"value": "{base.color.neutral.
|
|
5181
|
+
"value": "{base.color.neutral.7}",
|
|
5214
5182
|
"$type": "color",
|
|
5215
5183
|
"$extensions": {
|
|
5216
5184
|
"org.primer.figma": {
|
|
@@ -5220,14 +5188,14 @@
|
|
|
5220
5188
|
"scopes": ["bgColor"]
|
|
5221
5189
|
}
|
|
5222
5190
|
},
|
|
5223
|
-
"alpha": 0.
|
|
5191
|
+
"alpha": 0.2
|
|
5224
5192
|
},
|
|
5225
5193
|
"name": "control-transparent-bgColor-hover",
|
|
5226
5194
|
"attributes": {},
|
|
5227
5195
|
"path": ["control", "transparent", "bgColor", "hover"]
|
|
5228
5196
|
},
|
|
5229
5197
|
"control-transparent-bgColor-active": {
|
|
5230
|
-
"value": "#
|
|
5198
|
+
"value": "#656c7640",
|
|
5231
5199
|
"$type": "color",
|
|
5232
5200
|
"$extensions": {
|
|
5233
5201
|
"org.primer.figma": {
|
|
@@ -5237,11 +5205,11 @@
|
|
|
5237
5205
|
"scopes": ["bgColor"]
|
|
5238
5206
|
}
|
|
5239
5207
|
},
|
|
5240
|
-
"alpha": 0.
|
|
5208
|
+
"alpha": 0.25,
|
|
5241
5209
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5242
5210
|
"isSource": true,
|
|
5243
5211
|
"original": {
|
|
5244
|
-
"value": "{base.color.neutral.
|
|
5212
|
+
"value": "{base.color.neutral.7}",
|
|
5245
5213
|
"$type": "color",
|
|
5246
5214
|
"$extensions": {
|
|
5247
5215
|
"org.primer.figma": {
|
|
@@ -5251,14 +5219,14 @@
|
|
|
5251
5219
|
"scopes": ["bgColor"]
|
|
5252
5220
|
}
|
|
5253
5221
|
},
|
|
5254
|
-
"alpha": 0.
|
|
5222
|
+
"alpha": 0.25
|
|
5255
5223
|
},
|
|
5256
5224
|
"name": "control-transparent-bgColor-active",
|
|
5257
5225
|
"attributes": {},
|
|
5258
5226
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
5259
5227
|
},
|
|
5260
5228
|
"control-transparent-bgColor-disabled": {
|
|
5261
|
-
"value": "#
|
|
5229
|
+
"value": "#212830",
|
|
5262
5230
|
"$type": "color",
|
|
5263
5231
|
"$extensions": {
|
|
5264
5232
|
"org.primer.figma": {
|
|
@@ -5287,7 +5255,7 @@
|
|
|
5287
5255
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
5288
5256
|
},
|
|
5289
5257
|
"control-transparent-bgColor-selected": {
|
|
5290
|
-
"value": "#
|
|
5258
|
+
"value": "#656c761a",
|
|
5291
5259
|
"$type": "color",
|
|
5292
5260
|
"$extensions": {
|
|
5293
5261
|
"org.primer.figma": {
|
|
@@ -5297,11 +5265,11 @@
|
|
|
5297
5265
|
"scopes": ["bgColor"]
|
|
5298
5266
|
}
|
|
5299
5267
|
},
|
|
5300
|
-
"alpha": 0.
|
|
5268
|
+
"alpha": 0.1,
|
|
5301
5269
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5302
5270
|
"isSource": true,
|
|
5303
5271
|
"original": {
|
|
5304
|
-
"value": "{base.color.neutral.
|
|
5272
|
+
"value": "{base.color.neutral.7}",
|
|
5305
5273
|
"$type": "color",
|
|
5306
5274
|
"$extensions": {
|
|
5307
5275
|
"org.primer.figma": {
|
|
@@ -5311,7 +5279,7 @@
|
|
|
5311
5279
|
"scopes": ["bgColor"]
|
|
5312
5280
|
}
|
|
5313
5281
|
},
|
|
5314
|
-
"alpha": 0.
|
|
5282
|
+
"alpha": 0.1
|
|
5315
5283
|
},
|
|
5316
5284
|
"name": "control-transparent-bgColor-selected",
|
|
5317
5285
|
"attributes": {},
|
|
@@ -5626,7 +5594,7 @@
|
|
|
5626
5594
|
"path": ["control", "checked", "bgColor", "active"]
|
|
5627
5595
|
},
|
|
5628
5596
|
"control-checked-bgColor-disabled": {
|
|
5629
|
-
"value": "#
|
|
5597
|
+
"value": "#656c76",
|
|
5630
5598
|
"$type": "color",
|
|
5631
5599
|
"$extensions": {
|
|
5632
5600
|
"org.primer.figma": {
|
|
@@ -5697,7 +5665,7 @@
|
|
|
5697
5665
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5698
5666
|
"isSource": true,
|
|
5699
5667
|
"original": {
|
|
5700
|
-
"value": "{base.color.
|
|
5668
|
+
"value": "{base.color.inset}",
|
|
5701
5669
|
"$type": "color",
|
|
5702
5670
|
"$extensions": {
|
|
5703
5671
|
"org.primer.figma": {
|
|
@@ -5816,7 +5784,7 @@
|
|
|
5816
5784
|
"path": ["control", "checked", "borderColor", "active"]
|
|
5817
5785
|
},
|
|
5818
5786
|
"control-checked-borderColor-disabled": {
|
|
5819
|
-
"value": "#
|
|
5787
|
+
"value": "#656c76",
|
|
5820
5788
|
"$type": "color",
|
|
5821
5789
|
"$extensions": {
|
|
5822
5790
|
"org.primer.figma": {
|
|
@@ -5845,7 +5813,7 @@
|
|
|
5845
5813
|
"path": ["control", "checked", "borderColor", "disabled"]
|
|
5846
5814
|
},
|
|
5847
5815
|
"controlTrack-bgColor-rest": {
|
|
5848
|
-
"value": "#
|
|
5816
|
+
"value": "#262c36",
|
|
5849
5817
|
"$type": "color",
|
|
5850
5818
|
"$extensions": {
|
|
5851
5819
|
"org.primer.figma": {
|
|
@@ -5858,7 +5826,7 @@
|
|
|
5858
5826
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5859
5827
|
"isSource": true,
|
|
5860
5828
|
"original": {
|
|
5861
|
-
"value": "{base.color.neutral.
|
|
5829
|
+
"value": "{base.color.neutral.3}",
|
|
5862
5830
|
"$type": "color",
|
|
5863
5831
|
"$extensions": {
|
|
5864
5832
|
"org.primer.figma": {
|
|
@@ -5874,7 +5842,7 @@
|
|
|
5874
5842
|
"path": ["controlTrack", "bgColor", "rest"]
|
|
5875
5843
|
},
|
|
5876
5844
|
"controlTrack-bgColor-hover": {
|
|
5877
|
-
"value": "#
|
|
5845
|
+
"value": "#2a313c",
|
|
5878
5846
|
"$type": "color",
|
|
5879
5847
|
"$extensions": {
|
|
5880
5848
|
"org.primer.figma": {
|
|
@@ -5884,14 +5852,10 @@
|
|
|
5884
5852
|
"scopes": ["bgColor"]
|
|
5885
5853
|
}
|
|
5886
5854
|
},
|
|
5887
|
-
"mix": {
|
|
5888
|
-
"color": "#484f58",
|
|
5889
|
-
"weight": 0.2
|
|
5890
|
-
},
|
|
5891
5855
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5892
5856
|
"isSource": true,
|
|
5893
5857
|
"original": {
|
|
5894
|
-
"value": "{base.color.neutral.
|
|
5858
|
+
"value": "{base.color.neutral.4}",
|
|
5895
5859
|
"$type": "color",
|
|
5896
5860
|
"$extensions": {
|
|
5897
5861
|
"org.primer.figma": {
|
|
@@ -5900,10 +5864,6 @@
|
|
|
5900
5864
|
"group": "component (internal)",
|
|
5901
5865
|
"scopes": ["bgColor"]
|
|
5902
5866
|
}
|
|
5903
|
-
},
|
|
5904
|
-
"mix": {
|
|
5905
|
-
"color": "{base.color.neutral.5}",
|
|
5906
|
-
"weight": 0.2
|
|
5907
5867
|
}
|
|
5908
5868
|
},
|
|
5909
5869
|
"name": "controlTrack-bgColor-hover",
|
|
@@ -5911,7 +5871,7 @@
|
|
|
5911
5871
|
"path": ["controlTrack", "bgColor", "hover"]
|
|
5912
5872
|
},
|
|
5913
5873
|
"controlTrack-bgColor-active": {
|
|
5914
|
-
"value": "#
|
|
5874
|
+
"value": "#2f3742",
|
|
5915
5875
|
"$type": "color",
|
|
5916
5876
|
"$extensions": {
|
|
5917
5877
|
"org.primer.figma": {
|
|
@@ -5921,14 +5881,10 @@
|
|
|
5921
5881
|
"scopes": ["bgColor"]
|
|
5922
5882
|
}
|
|
5923
5883
|
},
|
|
5924
|
-
"mix": {
|
|
5925
|
-
"color": "#484f58",
|
|
5926
|
-
"weight": 0.4
|
|
5927
|
-
},
|
|
5928
5884
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
5929
5885
|
"isSource": true,
|
|
5930
5886
|
"original": {
|
|
5931
|
-
"value": "{base.color.neutral.
|
|
5887
|
+
"value": "{base.color.neutral.5}",
|
|
5932
5888
|
"$type": "color",
|
|
5933
5889
|
"$extensions": {
|
|
5934
5890
|
"org.primer.figma": {
|
|
@@ -5937,10 +5893,6 @@
|
|
|
5937
5893
|
"group": "component (internal)",
|
|
5938
5894
|
"scopes": ["bgColor"]
|
|
5939
5895
|
}
|
|
5940
|
-
},
|
|
5941
|
-
"mix": {
|
|
5942
|
-
"color": "{base.color.neutral.5}",
|
|
5943
|
-
"weight": 0.4
|
|
5944
5896
|
}
|
|
5945
5897
|
},
|
|
5946
5898
|
"name": "controlTrack-bgColor-active",
|
|
@@ -5948,7 +5900,7 @@
|
|
|
5948
5900
|
"path": ["controlTrack", "bgColor", "active"]
|
|
5949
5901
|
},
|
|
5950
5902
|
"controlTrack-bgColor-disabled": {
|
|
5951
|
-
"value": "#
|
|
5903
|
+
"value": "#656c76",
|
|
5952
5904
|
"$type": "color",
|
|
5953
5905
|
"$extensions": {
|
|
5954
5906
|
"org.primer.figma": {
|
|
@@ -5977,7 +5929,7 @@
|
|
|
5977
5929
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5978
5930
|
},
|
|
5979
5931
|
"controlTrack-fgColor-rest": {
|
|
5980
|
-
"value": "#
|
|
5932
|
+
"value": "#9198a1",
|
|
5981
5933
|
"$type": "color",
|
|
5982
5934
|
"$extensions": {
|
|
5983
5935
|
"org.primer.figma": {
|
|
@@ -6064,7 +6016,7 @@
|
|
|
6064
6016
|
"path": ["controlTrack", "borderColor", "rest"]
|
|
6065
6017
|
},
|
|
6066
6018
|
"controlTrack-borderColor-disabled": {
|
|
6067
|
-
"value": "#
|
|
6019
|
+
"value": "#656c76",
|
|
6068
6020
|
"$type": "color",
|
|
6069
6021
|
"$extensions": {
|
|
6070
6022
|
"org.primer.figma": {
|
|
@@ -6106,7 +6058,7 @@
|
|
|
6106
6058
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6107
6059
|
"isSource": true,
|
|
6108
6060
|
"original": {
|
|
6109
|
-
"value": "{
|
|
6061
|
+
"value": "{bgColor.inset}",
|
|
6110
6062
|
"$type": "color",
|
|
6111
6063
|
"$extensions": {
|
|
6112
6064
|
"org.primer.figma": {
|
|
@@ -6122,7 +6074,7 @@
|
|
|
6122
6074
|
"path": ["controlKnob", "bgColor", "rest"]
|
|
6123
6075
|
},
|
|
6124
6076
|
"controlKnob-bgColor-disabled": {
|
|
6125
|
-
"value": "#
|
|
6077
|
+
"value": "#212830",
|
|
6126
6078
|
"$type": "color",
|
|
6127
6079
|
"$extensions": {
|
|
6128
6080
|
"org.primer.figma": {
|
|
@@ -6180,7 +6132,7 @@
|
|
|
6180
6132
|
"path": ["controlKnob", "bgColor", "checked"]
|
|
6181
6133
|
},
|
|
6182
6134
|
"controlKnob-borderColor-rest": {
|
|
6183
|
-
"value": "#
|
|
6135
|
+
"value": "#656c76",
|
|
6184
6136
|
"$type": "color",
|
|
6185
6137
|
"$extensions": {
|
|
6186
6138
|
"org.primer.figma": {
|
|
@@ -6209,7 +6161,7 @@
|
|
|
6209
6161
|
"path": ["controlKnob", "borderColor", "rest"]
|
|
6210
6162
|
},
|
|
6211
6163
|
"controlKnob-borderColor-disabled": {
|
|
6212
|
-
"value": "#
|
|
6164
|
+
"value": "#212830",
|
|
6213
6165
|
"$type": "color",
|
|
6214
6166
|
"$extensions": {
|
|
6215
6167
|
"org.primer.figma": {
|
|
@@ -6296,7 +6248,7 @@
|
|
|
6296
6248
|
"path": ["counter", "borderColor"]
|
|
6297
6249
|
},
|
|
6298
6250
|
"button-default-fgColor-rest": {
|
|
6299
|
-
"value": "#
|
|
6251
|
+
"value": "#f0f6fc",
|
|
6300
6252
|
"$type": "color",
|
|
6301
6253
|
"$extensions": {
|
|
6302
6254
|
"org.primer.figma": {
|
|
@@ -6325,7 +6277,7 @@
|
|
|
6325
6277
|
"path": ["button", "default", "fgColor", "rest"]
|
|
6326
6278
|
},
|
|
6327
6279
|
"button-default-bgColor-rest": {
|
|
6328
|
-
"value": "#
|
|
6280
|
+
"value": "#212830",
|
|
6329
6281
|
"$type": "color",
|
|
6330
6282
|
"$extensions": {
|
|
6331
6283
|
"org.primer.figma": {
|
|
@@ -6354,7 +6306,7 @@
|
|
|
6354
6306
|
"path": ["button", "default", "bgColor", "rest"]
|
|
6355
6307
|
},
|
|
6356
6308
|
"button-default-bgColor-hover": {
|
|
6357
|
-
"value": "#
|
|
6309
|
+
"value": "#262c36",
|
|
6358
6310
|
"$type": "color",
|
|
6359
6311
|
"$extensions": {
|
|
6360
6312
|
"org.primer.figma": {
|
|
@@ -6383,7 +6335,7 @@
|
|
|
6383
6335
|
"path": ["button", "default", "bgColor", "hover"]
|
|
6384
6336
|
},
|
|
6385
6337
|
"button-default-bgColor-active": {
|
|
6386
|
-
"value": "#
|
|
6338
|
+
"value": "#2a313c",
|
|
6387
6339
|
"$type": "color",
|
|
6388
6340
|
"$extensions": {
|
|
6389
6341
|
"org.primer.figma": {
|
|
@@ -6412,7 +6364,7 @@
|
|
|
6412
6364
|
"path": ["button", "default", "bgColor", "active"]
|
|
6413
6365
|
},
|
|
6414
6366
|
"button-default-bgColor-selected": {
|
|
6415
|
-
"value": "#
|
|
6367
|
+
"value": "#2a313c",
|
|
6416
6368
|
"$type": "color",
|
|
6417
6369
|
"$extensions": {
|
|
6418
6370
|
"org.primer.figma": {
|
|
@@ -6441,7 +6393,7 @@
|
|
|
6441
6393
|
"path": ["button", "default", "bgColor", "selected"]
|
|
6442
6394
|
},
|
|
6443
6395
|
"button-default-bgColor-disabled": {
|
|
6444
|
-
"value": "#
|
|
6396
|
+
"value": "#212830",
|
|
6445
6397
|
"$type": "color",
|
|
6446
6398
|
"$extensions": {
|
|
6447
6399
|
"org.primer.figma": {
|
|
@@ -6470,7 +6422,7 @@
|
|
|
6470
6422
|
"path": ["button", "default", "bgColor", "disabled"]
|
|
6471
6423
|
},
|
|
6472
6424
|
"button-default-borderColor-rest": {
|
|
6473
|
-
"value": "#
|
|
6425
|
+
"value": "#3d444d",
|
|
6474
6426
|
"$type": "color",
|
|
6475
6427
|
"$extensions": {
|
|
6476
6428
|
"org.primer.figma": {
|
|
@@ -6483,7 +6435,7 @@
|
|
|
6483
6435
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6484
6436
|
"isSource": true,
|
|
6485
6437
|
"original": {
|
|
6486
|
-
"value": "{borderColor.
|
|
6438
|
+
"value": "{control.borderColor.rest}",
|
|
6487
6439
|
"$type": "color",
|
|
6488
6440
|
"$extensions": {
|
|
6489
6441
|
"org.primer.figma": {
|
|
@@ -6499,7 +6451,7 @@
|
|
|
6499
6451
|
"path": ["button", "default", "borderColor", "rest"]
|
|
6500
6452
|
},
|
|
6501
6453
|
"button-default-borderColor-hover": {
|
|
6502
|
-
"value": "#
|
|
6454
|
+
"value": "#3d444d",
|
|
6503
6455
|
"$type": "color",
|
|
6504
6456
|
"$extensions": {
|
|
6505
6457
|
"org.primer.figma": {
|
|
@@ -6528,7 +6480,7 @@
|
|
|
6528
6480
|
"path": ["button", "default", "borderColor", "hover"]
|
|
6529
6481
|
},
|
|
6530
6482
|
"button-default-borderColor-active": {
|
|
6531
|
-
"value": "#
|
|
6483
|
+
"value": "#3d444d",
|
|
6532
6484
|
"$type": "color",
|
|
6533
6485
|
"$extensions": {
|
|
6534
6486
|
"org.primer.figma": {
|
|
@@ -6557,7 +6509,7 @@
|
|
|
6557
6509
|
"path": ["button", "default", "borderColor", "active"]
|
|
6558
6510
|
},
|
|
6559
6511
|
"button-default-borderColor-disabled": {
|
|
6560
|
-
"value": "#
|
|
6512
|
+
"value": "#212830",
|
|
6561
6513
|
"$type": "color",
|
|
6562
6514
|
"$extensions": {
|
|
6563
6515
|
"org.primer.figma": {
|
|
@@ -6852,7 +6804,7 @@
|
|
|
6852
6804
|
"path": ["button", "primary", "bgColor", "disabled"]
|
|
6853
6805
|
},
|
|
6854
6806
|
"button-primary-borderColor-rest": {
|
|
6855
|
-
"value": "#
|
|
6807
|
+
"value": "#ffffff1a",
|
|
6856
6808
|
"$type": "color",
|
|
6857
6809
|
"$extensions": {
|
|
6858
6810
|
"org.primer.figma": {
|
|
@@ -6866,7 +6818,7 @@
|
|
|
6866
6818
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
6867
6819
|
"isSource": true,
|
|
6868
6820
|
"original": {
|
|
6869
|
-
"value": "{base.color.
|
|
6821
|
+
"value": "{base.color.white}",
|
|
6870
6822
|
"$type": "color",
|
|
6871
6823
|
"$extensions": {
|
|
6872
6824
|
"org.primer.figma": {
|
|
@@ -6883,7 +6835,7 @@
|
|
|
6883
6835
|
"path": ["button", "primary", "borderColor", "rest"]
|
|
6884
6836
|
},
|
|
6885
6837
|
"button-primary-borderColor-hover": {
|
|
6886
|
-
"value": "#
|
|
6838
|
+
"value": "#ffffff1a",
|
|
6887
6839
|
"$type": "color",
|
|
6888
6840
|
"$extensions": {
|
|
6889
6841
|
"org.primer.figma": {
|
|
@@ -6912,7 +6864,7 @@
|
|
|
6912
6864
|
"path": ["button", "primary", "borderColor", "hover"]
|
|
6913
6865
|
},
|
|
6914
6866
|
"button-primary-borderColor-active": {
|
|
6915
|
-
"value": "#
|
|
6867
|
+
"value": "#ffffff1a",
|
|
6916
6868
|
"$type": "color",
|
|
6917
6869
|
"$extensions": {
|
|
6918
6870
|
"org.primer.figma": {
|
|
@@ -7007,7 +6959,7 @@
|
|
|
7007
6959
|
"path": ["button", "primary", "shadow", "selected"]
|
|
7008
6960
|
},
|
|
7009
6961
|
"button-invisible-fgColor-rest": {
|
|
7010
|
-
"value": "#
|
|
6962
|
+
"value": "#9198a1",
|
|
7011
6963
|
"$type": "color",
|
|
7012
6964
|
"$extensions": {
|
|
7013
6965
|
"org.primer.figma": {
|
|
@@ -7020,7 +6972,7 @@
|
|
|
7020
6972
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7021
6973
|
"isSource": true,
|
|
7022
6974
|
"original": {
|
|
7023
|
-
"value": "{fgColor.
|
|
6975
|
+
"value": "{fgColor.muted}",
|
|
7024
6976
|
"$type": "color",
|
|
7025
6977
|
"$extensions": {
|
|
7026
6978
|
"org.primer.figma": {
|
|
@@ -7036,7 +6988,7 @@
|
|
|
7036
6988
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7037
6989
|
},
|
|
7038
6990
|
"button-invisible-fgColor-hover": {
|
|
7039
|
-
"value": "#
|
|
6991
|
+
"value": "#9198a1",
|
|
7040
6992
|
"$type": "color",
|
|
7041
6993
|
"$extensions": {
|
|
7042
6994
|
"org.primer.figma": {
|
|
@@ -7049,7 +7001,7 @@
|
|
|
7049
7001
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7050
7002
|
"isSource": true,
|
|
7051
7003
|
"original": {
|
|
7052
|
-
"value": "{
|
|
7004
|
+
"value": "{fgColor.muted}",
|
|
7053
7005
|
"$type": "color",
|
|
7054
7006
|
"$extensions": {
|
|
7055
7007
|
"org.primer.figma": {
|
|
@@ -7065,7 +7017,7 @@
|
|
|
7065
7017
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7066
7018
|
},
|
|
7067
7019
|
"button-invisible-fgColor-disabled": {
|
|
7068
|
-
"value": "#
|
|
7020
|
+
"value": "#656c76",
|
|
7069
7021
|
"$type": "color",
|
|
7070
7022
|
"$extensions": {
|
|
7071
7023
|
"org.primer.figma": {
|
|
@@ -7094,7 +7046,7 @@
|
|
|
7094
7046
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
7095
7047
|
},
|
|
7096
7048
|
"button-invisible-iconColor-rest": {
|
|
7097
|
-
"value": "#
|
|
7049
|
+
"value": "#9198a1",
|
|
7098
7050
|
"$type": "color",
|
|
7099
7051
|
"$extensions": {
|
|
7100
7052
|
"org.primer.figma": {
|
|
@@ -7123,7 +7075,7 @@
|
|
|
7123
7075
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
7124
7076
|
},
|
|
7125
7077
|
"button-invisible-iconColor-hover": {
|
|
7126
|
-
"value": "#
|
|
7078
|
+
"value": "#9198a1",
|
|
7127
7079
|
"$type": "color",
|
|
7128
7080
|
"$extensions": {
|
|
7129
7081
|
"org.primer.figma": {
|
|
@@ -7136,7 +7088,7 @@
|
|
|
7136
7088
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7137
7089
|
"isSource": true,
|
|
7138
7090
|
"original": {
|
|
7139
|
-
"value": "{fgColor.
|
|
7091
|
+
"value": "{fgColor.muted}",
|
|
7140
7092
|
"$type": "color",
|
|
7141
7093
|
"$extensions": {
|
|
7142
7094
|
"org.primer.figma": {
|
|
@@ -7152,7 +7104,7 @@
|
|
|
7152
7104
|
"path": ["button", "invisible", "iconColor", "hover"]
|
|
7153
7105
|
},
|
|
7154
7106
|
"button-invisible-iconColor-disabled": {
|
|
7155
|
-
"value": "#
|
|
7107
|
+
"value": "#656c76",
|
|
7156
7108
|
"$type": "color",
|
|
7157
7109
|
"$extensions": {
|
|
7158
7110
|
"org.primer.figma": {
|
|
@@ -7210,7 +7162,7 @@
|
|
|
7210
7162
|
"path": ["button", "invisible", "bgColor", "rest"]
|
|
7211
7163
|
},
|
|
7212
7164
|
"button-invisible-bgColor-hover": {
|
|
7213
|
-
"value": "#
|
|
7165
|
+
"value": "#656c7633",
|
|
7214
7166
|
"$type": "color",
|
|
7215
7167
|
"$extensions": {
|
|
7216
7168
|
"org.primer.figma": {
|
|
@@ -7239,7 +7191,7 @@
|
|
|
7239
7191
|
"path": ["button", "invisible", "bgColor", "hover"]
|
|
7240
7192
|
},
|
|
7241
7193
|
"button-invisible-bgColor-active": {
|
|
7242
|
-
"value": "#
|
|
7194
|
+
"value": "#656c7640",
|
|
7243
7195
|
"$type": "color",
|
|
7244
7196
|
"$extensions": {
|
|
7245
7197
|
"org.primer.figma": {
|
|
@@ -7268,7 +7220,7 @@
|
|
|
7268
7220
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
7269
7221
|
},
|
|
7270
7222
|
"button-invisible-bgColor-disabled": {
|
|
7271
|
-
"value": "#
|
|
7223
|
+
"value": "#212830",
|
|
7272
7224
|
"$type": "color",
|
|
7273
7225
|
"$extensions": {
|
|
7274
7226
|
"org.primer.figma": {
|
|
@@ -7355,7 +7307,7 @@
|
|
|
7355
7307
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
7356
7308
|
},
|
|
7357
7309
|
"button-invisible-borderColor-disabled": {
|
|
7358
|
-
"value": "#
|
|
7310
|
+
"value": "#212830",
|
|
7359
7311
|
"$type": "color",
|
|
7360
7312
|
"$extensions": {
|
|
7361
7313
|
"org.primer.figma": {
|
|
@@ -7515,7 +7467,7 @@
|
|
|
7515
7467
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7516
7468
|
"isSource": true,
|
|
7517
7469
|
"original": {
|
|
7518
|
-
"value": "{base.color.neutral.
|
|
7470
|
+
"value": "{base.color.neutral.11}",
|
|
7519
7471
|
"$type": "color",
|
|
7520
7472
|
"$extensions": {
|
|
7521
7473
|
"org.primer.figma": {
|
|
@@ -7531,7 +7483,7 @@
|
|
|
7531
7483
|
"path": ["button", "outline", "bgColor", "rest"]
|
|
7532
7484
|
},
|
|
7533
7485
|
"button-outline-bgColor-hover": {
|
|
7534
|
-
"value": "#
|
|
7486
|
+
"value": "#262c36",
|
|
7535
7487
|
"$type": "color",
|
|
7536
7488
|
"$extensions": {
|
|
7537
7489
|
"org.primer.figma": {
|
|
@@ -7544,7 +7496,7 @@
|
|
|
7544
7496
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7545
7497
|
"isSource": true,
|
|
7546
7498
|
"original": {
|
|
7547
|
-
"value": "{
|
|
7499
|
+
"value": "{control.bgColor.hover}",
|
|
7548
7500
|
"$type": "color",
|
|
7549
7501
|
"$extensions": {
|
|
7550
7502
|
"org.primer.figma": {
|
|
@@ -7589,7 +7541,7 @@
|
|
|
7589
7541
|
"path": ["button", "outline", "bgColor", "active"]
|
|
7590
7542
|
},
|
|
7591
7543
|
"button-outline-bgColor-disabled": {
|
|
7592
|
-
"value": "#
|
|
7544
|
+
"value": "#212830",
|
|
7593
7545
|
"$type": "color",
|
|
7594
7546
|
"$extensions": {
|
|
7595
7547
|
"org.primer.figma": {
|
|
@@ -7602,7 +7554,7 @@
|
|
|
7602
7554
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7603
7555
|
"isSource": true,
|
|
7604
7556
|
"original": {
|
|
7605
|
-
"value": "{
|
|
7557
|
+
"value": "{control.bgColor.disabled}",
|
|
7606
7558
|
"$type": "color",
|
|
7607
7559
|
"$extensions": {
|
|
7608
7560
|
"org.primer.figma": {
|
|
@@ -7618,7 +7570,7 @@
|
|
|
7618
7570
|
"path": ["button", "outline", "bgColor", "disabled"]
|
|
7619
7571
|
},
|
|
7620
7572
|
"button-outline-borderColor-hover": {
|
|
7621
|
-
"value": "#
|
|
7573
|
+
"value": "#3d444d",
|
|
7622
7574
|
"$type": "color",
|
|
7623
7575
|
"$extensions": {
|
|
7624
7576
|
"org.primer.figma": {
|
|
@@ -7628,11 +7580,10 @@
|
|
|
7628
7580
|
"scopes": ["borderColor"]
|
|
7629
7581
|
}
|
|
7630
7582
|
},
|
|
7631
|
-
"alpha": 0.1,
|
|
7632
7583
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
7633
7584
|
"isSource": true,
|
|
7634
7585
|
"original": {
|
|
7635
|
-
"value": "{
|
|
7586
|
+
"value": "{button.default.borderColor.hover}",
|
|
7636
7587
|
"$type": "color",
|
|
7637
7588
|
"$extensions": {
|
|
7638
7589
|
"org.primer.figma": {
|
|
@@ -7641,15 +7592,14 @@
|
|
|
7641
7592
|
"group": "component (internal)",
|
|
7642
7593
|
"scopes": ["borderColor"]
|
|
7643
7594
|
}
|
|
7644
|
-
}
|
|
7645
|
-
"alpha": 0.1
|
|
7595
|
+
}
|
|
7646
7596
|
},
|
|
7647
7597
|
"name": "button-outline-borderColor-hover",
|
|
7648
7598
|
"attributes": {},
|
|
7649
7599
|
"path": ["button", "outline", "borderColor", "hover"]
|
|
7650
7600
|
},
|
|
7651
7601
|
"button-outline-borderColor-selected": {
|
|
7652
|
-
"value": "#
|
|
7602
|
+
"value": "#3d444d",
|
|
7653
7603
|
"$type": "color",
|
|
7654
7604
|
"$extensions": {
|
|
7655
7605
|
"org.primer.figma": {
|
|
@@ -7891,7 +7841,7 @@
|
|
|
7891
7841
|
"path": ["button", "danger", "iconColor", "hover"]
|
|
7892
7842
|
},
|
|
7893
7843
|
"button-danger-bgColor-rest": {
|
|
7894
|
-
"value": "#
|
|
7844
|
+
"value": "#212830",
|
|
7895
7845
|
"$type": "color",
|
|
7896
7846
|
"$extensions": {
|
|
7897
7847
|
"org.primer.figma": {
|
|
@@ -7986,7 +7936,7 @@
|
|
|
7986
7936
|
"path": ["button", "danger", "bgColor", "active"]
|
|
7987
7937
|
},
|
|
7988
7938
|
"button-danger-bgColor-disabled": {
|
|
7989
|
-
"value": "#
|
|
7939
|
+
"value": "#212830",
|
|
7990
7940
|
"$type": "color",
|
|
7991
7941
|
"$extensions": {
|
|
7992
7942
|
"org.primer.figma": {
|
|
@@ -8015,7 +7965,7 @@
|
|
|
8015
7965
|
"path": ["button", "danger", "bgColor", "disabled"]
|
|
8016
7966
|
},
|
|
8017
7967
|
"button-danger-borderColor-rest": {
|
|
8018
|
-
"value": "#
|
|
7968
|
+
"value": "#3d444d",
|
|
8019
7969
|
"$type": "color",
|
|
8020
7970
|
"$extensions": {
|
|
8021
7971
|
"org.primer.figma": {
|
|
@@ -8028,7 +7978,7 @@
|
|
|
8028
7978
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8029
7979
|
"isSource": true,
|
|
8030
7980
|
"original": {
|
|
8031
|
-
"value": "{borderColor.
|
|
7981
|
+
"value": "{control.borderColor.rest}",
|
|
8032
7982
|
"$type": "color",
|
|
8033
7983
|
"$extensions": {
|
|
8034
7984
|
"org.primer.figma": {
|
|
@@ -8044,7 +7994,7 @@
|
|
|
8044
7994
|
"path": ["button", "danger", "borderColor", "rest"]
|
|
8045
7995
|
},
|
|
8046
7996
|
"button-danger-borderColor-hover": {
|
|
8047
|
-
"value": "#
|
|
7997
|
+
"value": "#ffffff1a",
|
|
8048
7998
|
"$type": "color",
|
|
8049
7999
|
"$extensions": {
|
|
8050
8000
|
"org.primer.figma": {
|
|
@@ -8054,11 +8004,10 @@
|
|
|
8054
8004
|
"scopes": ["borderColor"]
|
|
8055
8005
|
}
|
|
8056
8006
|
},
|
|
8057
|
-
"alpha": 0.1,
|
|
8058
8007
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8059
8008
|
"isSource": true,
|
|
8060
8009
|
"original": {
|
|
8061
|
-
"value": "{
|
|
8010
|
+
"value": "{button.primary.borderColor.rest}",
|
|
8062
8011
|
"$type": "color",
|
|
8063
8012
|
"$extensions": {
|
|
8064
8013
|
"org.primer.figma": {
|
|
@@ -8067,15 +8016,14 @@
|
|
|
8067
8016
|
"group": "component (internal)",
|
|
8068
8017
|
"scopes": ["borderColor"]
|
|
8069
8018
|
}
|
|
8070
|
-
}
|
|
8071
|
-
"alpha": 0.1
|
|
8019
|
+
}
|
|
8072
8020
|
},
|
|
8073
8021
|
"name": "button-danger-borderColor-hover",
|
|
8074
8022
|
"attributes": {},
|
|
8075
8023
|
"path": ["button", "danger", "borderColor", "hover"]
|
|
8076
8024
|
},
|
|
8077
8025
|
"button-danger-borderColor-active": {
|
|
8078
|
-
"value": "#
|
|
8026
|
+
"value": "#ffffff1a",
|
|
8079
8027
|
"$type": "color",
|
|
8080
8028
|
"$extensions": {
|
|
8081
8029
|
"org.primer.figma": {
|
|
@@ -8141,7 +8089,7 @@
|
|
|
8141
8089
|
"path": ["button", "danger", "shadow", "selected"]
|
|
8142
8090
|
},
|
|
8143
8091
|
"button-inactive-fgColor": {
|
|
8144
|
-
"value": "#
|
|
8092
|
+
"value": "#9198a1",
|
|
8145
8093
|
"$type": "color",
|
|
8146
8094
|
"$extensions": {
|
|
8147
8095
|
"org.primer.figma": {
|
|
@@ -8154,7 +8102,7 @@
|
|
|
8154
8102
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8155
8103
|
"isSource": true,
|
|
8156
8104
|
"original": {
|
|
8157
|
-
"value": "{base.color.neutral.
|
|
8105
|
+
"value": "{base.color.neutral.8}",
|
|
8158
8106
|
"$type": "color",
|
|
8159
8107
|
"$extensions": {
|
|
8160
8108
|
"org.primer.figma": {
|
|
@@ -8170,7 +8118,7 @@
|
|
|
8170
8118
|
"path": ["button", "inactive", "fgColor"]
|
|
8171
8119
|
},
|
|
8172
8120
|
"button-inactive-bgColor": {
|
|
8173
|
-
"value": "#
|
|
8121
|
+
"value": "#262c36",
|
|
8174
8122
|
"$type": "color",
|
|
8175
8123
|
"$extensions": {
|
|
8176
8124
|
"org.primer.figma": {
|
|
@@ -8183,7 +8131,7 @@
|
|
|
8183
8131
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8184
8132
|
"isSource": true,
|
|
8185
8133
|
"original": {
|
|
8186
|
-
"value": "{base.color.neutral.
|
|
8134
|
+
"value": "{base.color.neutral.3}",
|
|
8187
8135
|
"$type": "color",
|
|
8188
8136
|
"$extensions": {
|
|
8189
8137
|
"org.primer.figma": {
|
|
@@ -8228,7 +8176,7 @@
|
|
|
8228
8176
|
"path": ["button", "star", "iconColor"]
|
|
8229
8177
|
},
|
|
8230
8178
|
"buttonCounter-default-bgColor-rest": {
|
|
8231
|
-
"value": "#
|
|
8179
|
+
"value": "#2f3742",
|
|
8232
8180
|
"$type": "color",
|
|
8233
8181
|
"$extensions": {
|
|
8234
8182
|
"org.primer.figma": {
|
|
@@ -8241,7 +8189,7 @@
|
|
|
8241
8189
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8242
8190
|
"isSource": true,
|
|
8243
8191
|
"original": {
|
|
8244
|
-
"value": "{base.color.neutral.
|
|
8192
|
+
"value": "{base.color.neutral.5}",
|
|
8245
8193
|
"$type": "color",
|
|
8246
8194
|
"$extensions": {
|
|
8247
8195
|
"org.primer.figma": {
|
|
@@ -8257,7 +8205,7 @@
|
|
|
8257
8205
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8258
8206
|
},
|
|
8259
8207
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8260
|
-
"value": "#
|
|
8208
|
+
"value": "#2f3742",
|
|
8261
8209
|
"$type": "color",
|
|
8262
8210
|
"$extensions": {
|
|
8263
8211
|
"org.primer.figma": {
|
|
@@ -8271,7 +8219,7 @@
|
|
|
8271
8219
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8272
8220
|
"isSource": true,
|
|
8273
8221
|
"original": {
|
|
8274
|
-
"value": "{
|
|
8222
|
+
"value": "{bgColor.neutral.muted}",
|
|
8275
8223
|
"$type": "color",
|
|
8276
8224
|
"$extensions": {
|
|
8277
8225
|
"org.primer.figma": {
|
|
@@ -8840,7 +8788,7 @@
|
|
|
8840
8788
|
"path": ["focus", "outlineColor"]
|
|
8841
8789
|
},
|
|
8842
8790
|
"menu-bgColor-active": {
|
|
8843
|
-
"value": "#
|
|
8791
|
+
"value": "#151b23",
|
|
8844
8792
|
"$type": "color",
|
|
8845
8793
|
"$extensions": {
|
|
8846
8794
|
"org.primer.figma": {
|
|
@@ -8853,7 +8801,7 @@
|
|
|
8853
8801
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8854
8802
|
"isSource": true,
|
|
8855
8803
|
"original": {
|
|
8856
|
-
"value": "{base.color.neutral.
|
|
8804
|
+
"value": "{base.color.neutral.1}",
|
|
8857
8805
|
"$type": "color",
|
|
8858
8806
|
"$extensions": {
|
|
8859
8807
|
"org.primer.figma": {
|
|
@@ -8869,7 +8817,7 @@
|
|
|
8869
8817
|
"path": ["menu", "bgColor", "active"]
|
|
8870
8818
|
},
|
|
8871
8819
|
"overlay-bgColor": {
|
|
8872
|
-
"value": "#
|
|
8820
|
+
"value": "#151b23",
|
|
8873
8821
|
"$type": "color",
|
|
8874
8822
|
"$extensions": {
|
|
8875
8823
|
"org.primer.figma": {
|
|
@@ -8882,7 +8830,7 @@
|
|
|
8882
8830
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8883
8831
|
"isSource": true,
|
|
8884
8832
|
"original": {
|
|
8885
|
-
"value": "{
|
|
8833
|
+
"value": "{bgColor.muted}",
|
|
8886
8834
|
"$type": "color",
|
|
8887
8835
|
"$extensions": {
|
|
8888
8836
|
"org.primer.figma": {
|
|
@@ -8898,7 +8846,7 @@
|
|
|
8898
8846
|
"path": ["overlay", "bgColor"]
|
|
8899
8847
|
},
|
|
8900
8848
|
"overlay-borderColor": {
|
|
8901
|
-
"value": "#
|
|
8849
|
+
"value": "#3d444db3",
|
|
8902
8850
|
"$type": "color",
|
|
8903
8851
|
"$extensions": {
|
|
8904
8852
|
"org.primer.figma": {
|
|
@@ -8925,7 +8873,7 @@
|
|
|
8925
8873
|
"path": ["overlay", "borderColor"]
|
|
8926
8874
|
},
|
|
8927
8875
|
"overlay-backdrop-bgColor": {
|
|
8928
|
-
"value": "#
|
|
8876
|
+
"value": "#21283066",
|
|
8929
8877
|
"$type": "color",
|
|
8930
8878
|
"$extensions": {
|
|
8931
8879
|
"org.primer.figma": {
|
|
@@ -8939,7 +8887,7 @@
|
|
|
8939
8887
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8940
8888
|
"isSource": true,
|
|
8941
8889
|
"original": {
|
|
8942
|
-
"value": "{base.color.neutral.
|
|
8890
|
+
"value": "{base.color.neutral.2}",
|
|
8943
8891
|
"$type": "color",
|
|
8944
8892
|
"$extensions": {
|
|
8945
8893
|
"org.primer.figma": {
|
|
@@ -8956,7 +8904,7 @@
|
|
|
8956
8904
|
"path": ["overlay", "backdrop", "bgColor"]
|
|
8957
8905
|
},
|
|
8958
8906
|
"selectMenu-borderColor": {
|
|
8959
|
-
"value": "#
|
|
8907
|
+
"value": "#3d444d",
|
|
8960
8908
|
"$type": "color",
|
|
8961
8909
|
"$extensions": {
|
|
8962
8910
|
"org.primer.figma": {
|
|
@@ -8969,7 +8917,7 @@
|
|
|
8969
8917
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
8970
8918
|
"isSource": true,
|
|
8971
8919
|
"original": {
|
|
8972
|
-
"value": "{
|
|
8920
|
+
"value": "{borderColor.default}",
|
|
8973
8921
|
"$type": "color",
|
|
8974
8922
|
"$extensions": {
|
|
8975
8923
|
"org.primer.figma": {
|
|
@@ -9014,7 +8962,7 @@
|
|
|
9014
8962
|
"path": ["selectMenu", "bgColor", "active"]
|
|
9015
8963
|
},
|
|
9016
8964
|
"sideNav-bgColor-selected": {
|
|
9017
|
-
"value": "#
|
|
8965
|
+
"value": "#212830",
|
|
9018
8966
|
"$type": "color",
|
|
9019
8967
|
"$extensions": {
|
|
9020
8968
|
"org.primer.figma": {
|
|
@@ -9027,7 +8975,7 @@
|
|
|
9027
8975
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9028
8976
|
"isSource": true,
|
|
9029
8977
|
"original": {
|
|
9030
|
-
"value": "{base.color.neutral.
|
|
8978
|
+
"value": "{base.color.neutral.2}",
|
|
9031
8979
|
"$type": "color",
|
|
9032
8980
|
"$extensions": {
|
|
9033
8981
|
"org.primer.figma": {
|
|
@@ -9043,7 +8991,7 @@
|
|
|
9043
8991
|
"path": ["sideNav", "bgColor", "selected"]
|
|
9044
8992
|
},
|
|
9045
8993
|
"skeletonLoader-bgColor": {
|
|
9046
|
-
"value": "#
|
|
8994
|
+
"value": "#151b23",
|
|
9047
8995
|
"$type": "color",
|
|
9048
8996
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9049
8997
|
"isSource": true,
|
|
@@ -9056,7 +9004,7 @@
|
|
|
9056
9004
|
"path": ["skeletonLoader", "bgColor"]
|
|
9057
9005
|
},
|
|
9058
9006
|
"timelineBadge-bgColor": {
|
|
9059
|
-
"value": "#
|
|
9007
|
+
"value": "#212830",
|
|
9060
9008
|
"$type": "color",
|
|
9061
9009
|
"$extensions": {
|
|
9062
9010
|
"org.primer.figma": {
|
|
@@ -9069,7 +9017,7 @@
|
|
|
9069
9017
|
"filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
|
|
9070
9018
|
"isSource": true,
|
|
9071
9019
|
"original": {
|
|
9072
|
-
"value": "{base.color.neutral.
|
|
9020
|
+
"value": "{base.color.neutral.2}",
|
|
9073
9021
|
"$type": "color",
|
|
9074
9022
|
"$extensions": {
|
|
9075
9023
|
"org.primer.figma": {
|
|
@@ -9085,7 +9033,7 @@
|
|
|
9085
9033
|
"path": ["timelineBadge", "bgColor"]
|
|
9086
9034
|
},
|
|
9087
9035
|
"treeViewItem-leadingVisual-iconColor-rest": {
|
|
9088
|
-
"value": "#
|
|
9036
|
+
"value": "#9198a1",
|
|
9089
9037
|
"$type": "color",
|
|
9090
9038
|
"$extensions": {
|
|
9091
9039
|
"org.primer.figma": {
|
|
@@ -9143,7 +9091,7 @@
|
|
|
9143
9091
|
"path": ["underlineNav", "borderColor", "active"]
|
|
9144
9092
|
},
|
|
9145
9093
|
"underlineNav-borderColor-hover": {
|
|
9146
|
-
"value": "#
|
|
9094
|
+
"value": "#3d444db3",
|
|
9147
9095
|
"$type": "color",
|
|
9148
9096
|
"$extensions": {
|
|
9149
9097
|
"org.primer.figma": {
|
|
@@ -9172,7 +9120,7 @@
|
|
|
9172
9120
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
9173
9121
|
},
|
|
9174
9122
|
"underlineNav-iconColor-rest": {
|
|
9175
|
-
"value": "#
|
|
9123
|
+
"value": "#9198a1",
|
|
9176
9124
|
"$type": "color",
|
|
9177
9125
|
"$extensions": {
|
|
9178
9126
|
"org.primer.figma": {
|
|
@@ -9232,7 +9180,7 @@
|
|
|
9232
9180
|
"path": ["selection", "bgColor"]
|
|
9233
9181
|
},
|
|
9234
9182
|
"card-bgColor": {
|
|
9235
|
-
"value": "#
|
|
9183
|
+
"value": "#151b23",
|
|
9236
9184
|
"$type": "color",
|
|
9237
9185
|
"$extensions": {
|
|
9238
9186
|
"org.primer.figma": {
|
|
@@ -12567,7 +12515,7 @@
|
|
|
12567
12515
|
"path": ["label", "coral", "fgColor", "active"]
|
|
12568
12516
|
},
|
|
12569
12517
|
"tooltip-bgColor": {
|
|
12570
|
-
"value": "#
|
|
12518
|
+
"value": "#3d444d",
|
|
12571
12519
|
"$type": "color",
|
|
12572
12520
|
"$extensions": {
|
|
12573
12521
|
"org.primer.figma": {
|
|
@@ -12625,7 +12573,7 @@
|
|
|
12625
12573
|
"path": ["tooltip", "fgColor"]
|
|
12626
12574
|
},
|
|
12627
12575
|
"fgColor-default": {
|
|
12628
|
-
"value": "#
|
|
12576
|
+
"value": "#f0f6fc",
|
|
12629
12577
|
"$type": "color",
|
|
12630
12578
|
"$extensions": {
|
|
12631
12579
|
"org.primer.figma": {
|
|
@@ -12638,14 +12586,10 @@
|
|
|
12638
12586
|
}
|
|
12639
12587
|
}
|
|
12640
12588
|
},
|
|
12641
|
-
"mix": {
|
|
12642
|
-
"color": "#c9d1d9",
|
|
12643
|
-
"weight": 0.25
|
|
12644
|
-
},
|
|
12645
12589
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12646
12590
|
"isSource": true,
|
|
12647
12591
|
"original": {
|
|
12648
|
-
"value": "{base.color.neutral.
|
|
12592
|
+
"value": "{base.color.neutral.11}",
|
|
12649
12593
|
"$type": "color",
|
|
12650
12594
|
"$extensions": {
|
|
12651
12595
|
"org.primer.figma": {
|
|
@@ -12657,10 +12601,6 @@
|
|
|
12657
12601
|
"web": "var(--fgColor-default) /* utility class: .color-fg-default */"
|
|
12658
12602
|
}
|
|
12659
12603
|
}
|
|
12660
|
-
},
|
|
12661
|
-
"mix": {
|
|
12662
|
-
"color": "{base.color.neutral.1}",
|
|
12663
|
-
"weight": 0.25
|
|
12664
12604
|
}
|
|
12665
12605
|
},
|
|
12666
12606
|
"name": "fgColor-default",
|
|
@@ -12668,7 +12608,7 @@
|
|
|
12668
12608
|
"path": ["fgColor", "default"]
|
|
12669
12609
|
},
|
|
12670
12610
|
"fgColor-muted": {
|
|
12671
|
-
"value": "#
|
|
12611
|
+
"value": "#9198a1",
|
|
12672
12612
|
"$type": "color",
|
|
12673
12613
|
"$extensions": {
|
|
12674
12614
|
"org.primer.figma": {
|
|
@@ -12681,14 +12621,10 @@
|
|
|
12681
12621
|
}
|
|
12682
12622
|
}
|
|
12683
12623
|
},
|
|
12684
|
-
"mix": {
|
|
12685
|
-
"color": "#8b949e",
|
|
12686
|
-
"weight": 0.95
|
|
12687
|
-
},
|
|
12688
12624
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12689
12625
|
"isSource": true,
|
|
12690
12626
|
"original": {
|
|
12691
|
-
"value": "{base.color.neutral.
|
|
12627
|
+
"value": "{base.color.neutral.8}",
|
|
12692
12628
|
"$type": "color",
|
|
12693
12629
|
"$extensions": {
|
|
12694
12630
|
"org.primer.figma": {
|
|
@@ -12700,10 +12636,6 @@
|
|
|
12700
12636
|
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12701
12637
|
}
|
|
12702
12638
|
}
|
|
12703
|
-
},
|
|
12704
|
-
"mix": {
|
|
12705
|
-
"color": "{base.color.neutral.3}",
|
|
12706
|
-
"weight": 0.95
|
|
12707
12639
|
}
|
|
12708
12640
|
},
|
|
12709
12641
|
"name": "fgColor-muted",
|
|
@@ -12833,7 +12765,7 @@
|
|
|
12833
12765
|
"path": ["fgColor", "black"]
|
|
12834
12766
|
},
|
|
12835
12767
|
"fgColor-disabled": {
|
|
12836
|
-
"value": "#
|
|
12768
|
+
"value": "#656c76",
|
|
12837
12769
|
"$type": "color",
|
|
12838
12770
|
"$extensions": {
|
|
12839
12771
|
"org.primer.figma": {
|
|
@@ -12846,7 +12778,7 @@
|
|
|
12846
12778
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12847
12779
|
"isSource": true,
|
|
12848
12780
|
"original": {
|
|
12849
|
-
"value": "{base.color.neutral.
|
|
12781
|
+
"value": "{base.color.neutral.7}",
|
|
12850
12782
|
"$type": "color",
|
|
12851
12783
|
"$extensions": {
|
|
12852
12784
|
"org.primer.figma": {
|
|
@@ -12897,7 +12829,7 @@
|
|
|
12897
12829
|
"path": ["fgColor", "link"]
|
|
12898
12830
|
},
|
|
12899
12831
|
"fgColor-neutral": {
|
|
12900
|
-
"value": "#
|
|
12832
|
+
"value": "#9198a1",
|
|
12901
12833
|
"$type": "color",
|
|
12902
12834
|
"$extensions": {
|
|
12903
12835
|
"org.primer.figma": {
|
|
@@ -12910,7 +12842,7 @@
|
|
|
12910
12842
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
12911
12843
|
"isSource": true,
|
|
12912
12844
|
"original": {
|
|
12913
|
-
"value": "{base.color.neutral.
|
|
12845
|
+
"value": "{base.color.neutral.8}",
|
|
12914
12846
|
"$type": "color",
|
|
12915
12847
|
"$extensions": {
|
|
12916
12848
|
"org.primer.figma": {
|
|
@@ -13144,7 +13076,7 @@
|
|
|
13144
13076
|
"path": ["fgColor", "danger"]
|
|
13145
13077
|
},
|
|
13146
13078
|
"fgColor-closed": {
|
|
13147
|
-
"value": "#
|
|
13079
|
+
"value": "#9198a1",
|
|
13148
13080
|
"$type": "color",
|
|
13149
13081
|
"$extensions": {
|
|
13150
13082
|
"org.primer.figma": {
|
|
@@ -13160,7 +13092,7 @@
|
|
|
13160
13092
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
|
|
13161
13093
|
"isSource": true,
|
|
13162
13094
|
"original": {
|
|
13163
|
-
"value": "{
|
|
13095
|
+
"value": "{fgColor.muted}",
|
|
13164
13096
|
"$type": "color",
|
|
13165
13097
|
"$extensions": {
|
|
13166
13098
|
"org.primer.figma": {
|
|
@@ -13300,7 +13232,7 @@
|
|
|
13300
13232
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13301
13233
|
"isSource": true,
|
|
13302
13234
|
"original": {
|
|
13303
|
-
"value": "{base.color.neutral.
|
|
13235
|
+
"value": "{base.color.neutral.0}",
|
|
13304
13236
|
"$type": "color",
|
|
13305
13237
|
"$extensions": {
|
|
13306
13238
|
"org.primer.figma": {
|
|
@@ -13319,7 +13251,7 @@
|
|
|
13319
13251
|
"path": ["bgColor", "default"]
|
|
13320
13252
|
},
|
|
13321
13253
|
"bgColor-muted": {
|
|
13322
|
-
"value": "#
|
|
13254
|
+
"value": "#151b23",
|
|
13323
13255
|
"$type": "color",
|
|
13324
13256
|
"$extensions": {
|
|
13325
13257
|
"org.primer.figma": {
|
|
@@ -13335,7 +13267,7 @@
|
|
|
13335
13267
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13336
13268
|
"isSource": true,
|
|
13337
13269
|
"original": {
|
|
13338
|
-
"value": "{base.color.neutral.
|
|
13270
|
+
"value": "{base.color.neutral.1}",
|
|
13339
13271
|
"$type": "color",
|
|
13340
13272
|
"$extensions": {
|
|
13341
13273
|
"org.primer.figma": {
|
|
@@ -13389,7 +13321,7 @@
|
|
|
13389
13321
|
"path": ["bgColor", "inset"]
|
|
13390
13322
|
},
|
|
13391
13323
|
"bgColor-emphasis": {
|
|
13392
|
-
"value": "#
|
|
13324
|
+
"value": "#3d444d",
|
|
13393
13325
|
"$type": "color",
|
|
13394
13326
|
"$extensions": {
|
|
13395
13327
|
"org.primer.figma": {
|
|
@@ -13405,7 +13337,7 @@
|
|
|
13405
13337
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13406
13338
|
"isSource": true,
|
|
13407
13339
|
"original": {
|
|
13408
|
-
"value": "{base.color.neutral.
|
|
13340
|
+
"value": "{base.color.neutral.6}",
|
|
13409
13341
|
"$type": "color",
|
|
13410
13342
|
"$extensions": {
|
|
13411
13343
|
"org.primer.figma": {
|
|
@@ -13511,7 +13443,7 @@
|
|
|
13511
13443
|
"path": ["bgColor", "black"]
|
|
13512
13444
|
},
|
|
13513
13445
|
"bgColor-disabled": {
|
|
13514
|
-
"value": "#
|
|
13446
|
+
"value": "#212830",
|
|
13515
13447
|
"$type": "color",
|
|
13516
13448
|
"$extensions": {
|
|
13517
13449
|
"org.primer.figma": {
|
|
@@ -13521,11 +13453,10 @@
|
|
|
13521
13453
|
"scopes": ["bgColor"]
|
|
13522
13454
|
}
|
|
13523
13455
|
},
|
|
13524
|
-
"alpha": 0.7,
|
|
13525
13456
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13526
13457
|
"isSource": true,
|
|
13527
13458
|
"original": {
|
|
13528
|
-
"value": "{base.color.neutral.
|
|
13459
|
+
"value": "{base.color.neutral.2}",
|
|
13529
13460
|
"$type": "color",
|
|
13530
13461
|
"$extensions": {
|
|
13531
13462
|
"org.primer.figma": {
|
|
@@ -13534,8 +13465,7 @@
|
|
|
13534
13465
|
"group": "semantic",
|
|
13535
13466
|
"scopes": ["bgColor"]
|
|
13536
13467
|
}
|
|
13537
|
-
}
|
|
13538
|
-
"alpha": 0.7
|
|
13468
|
+
}
|
|
13539
13469
|
},
|
|
13540
13470
|
"name": "bgColor-disabled",
|
|
13541
13471
|
"attributes": {},
|
|
@@ -13577,7 +13507,7 @@
|
|
|
13577
13507
|
"path": ["bgColor", "transparent"]
|
|
13578
13508
|
},
|
|
13579
13509
|
"bgColor-neutral-muted": {
|
|
13580
|
-
"value": "#
|
|
13510
|
+
"value": "#2f3742b3",
|
|
13581
13511
|
"$type": "color",
|
|
13582
13512
|
"$extensions": {
|
|
13583
13513
|
"org.primer.figma": {
|
|
@@ -13587,11 +13517,11 @@
|
|
|
13587
13517
|
"scopes": ["bgColor"]
|
|
13588
13518
|
}
|
|
13589
13519
|
},
|
|
13590
|
-
"alpha": 0.
|
|
13520
|
+
"alpha": 0.7,
|
|
13591
13521
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13592
13522
|
"isSource": true,
|
|
13593
13523
|
"original": {
|
|
13594
|
-
"value": "{base.color.neutral.
|
|
13524
|
+
"value": "{base.color.neutral.5}",
|
|
13595
13525
|
"$type": "color",
|
|
13596
13526
|
"$extensions": {
|
|
13597
13527
|
"org.primer.figma": {
|
|
@@ -13601,14 +13531,14 @@
|
|
|
13601
13531
|
"scopes": ["bgColor"]
|
|
13602
13532
|
}
|
|
13603
13533
|
},
|
|
13604
|
-
"alpha": 0.
|
|
13534
|
+
"alpha": 0.7
|
|
13605
13535
|
},
|
|
13606
13536
|
"name": "bgColor-neutral-muted",
|
|
13607
13537
|
"attributes": {},
|
|
13608
13538
|
"path": ["bgColor", "neutral", "muted"]
|
|
13609
13539
|
},
|
|
13610
13540
|
"bgColor-neutral-emphasis": {
|
|
13611
|
-
"value": "#
|
|
13541
|
+
"value": "#656c76",
|
|
13612
13542
|
"$type": "color",
|
|
13613
13543
|
"$extensions": {
|
|
13614
13544
|
"org.primer.figma": {
|
|
@@ -13621,7 +13551,7 @@
|
|
|
13621
13551
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
13622
13552
|
"isSource": true,
|
|
13623
13553
|
"original": {
|
|
13624
|
-
"value": "{base.color.neutral.
|
|
13554
|
+
"value": "{base.color.neutral.7}",
|
|
13625
13555
|
"$type": "color",
|
|
13626
13556
|
"$extensions": {
|
|
13627
13557
|
"org.primer.figma": {
|
|
@@ -14069,7 +13999,7 @@
|
|
|
14069
13999
|
"path": ["bgColor", "danger", "emphasis"]
|
|
14070
14000
|
},
|
|
14071
14001
|
"bgColor-closed-muted": {
|
|
14072
|
-
"value": "#
|
|
14002
|
+
"value": "#2f37421a",
|
|
14073
14003
|
"$type": "color",
|
|
14074
14004
|
"$extensions": {
|
|
14075
14005
|
"org.primer.figma": {
|
|
@@ -14086,7 +14016,7 @@
|
|
|
14086
14016
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
|
|
14087
14017
|
"isSource": true,
|
|
14088
14018
|
"original": {
|
|
14089
|
-
"value": "{
|
|
14019
|
+
"value": "{bgColor.neutral.muted}",
|
|
14090
14020
|
"$type": "color",
|
|
14091
14021
|
"$extensions": {
|
|
14092
14022
|
"org.primer.figma": {
|
|
@@ -14106,7 +14036,7 @@
|
|
|
14106
14036
|
"path": ["bgColor", "closed", "muted"]
|
|
14107
14037
|
},
|
|
14108
14038
|
"bgColor-closed-emphasis": {
|
|
14109
|
-
"value": "#
|
|
14039
|
+
"value": "#656c76",
|
|
14110
14040
|
"$type": "color",
|
|
14111
14041
|
"$extensions": {
|
|
14112
14042
|
"org.primer.figma": {
|
|
@@ -14122,7 +14052,7 @@
|
|
|
14122
14052
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
|
|
14123
14053
|
"isSource": true,
|
|
14124
14054
|
"original": {
|
|
14125
|
-
"value": "{
|
|
14055
|
+
"value": "{bgColor.neutral.emphasis}",
|
|
14126
14056
|
"$type": "color",
|
|
14127
14057
|
"$extensions": {
|
|
14128
14058
|
"org.primer.figma": {
|
|
@@ -14357,7 +14287,7 @@
|
|
|
14357
14287
|
"path": ["bgColor", "sponsors", "emphasis"]
|
|
14358
14288
|
},
|
|
14359
14289
|
"borderColor-default": {
|
|
14360
|
-
"value": "#
|
|
14290
|
+
"value": "#3d444d",
|
|
14361
14291
|
"$type": "color",
|
|
14362
14292
|
"$extensions": {
|
|
14363
14293
|
"org.primer.figma": {
|
|
@@ -14392,7 +14322,7 @@
|
|
|
14392
14322
|
"path": ["borderColor", "default"]
|
|
14393
14323
|
},
|
|
14394
14324
|
"borderColor-muted": {
|
|
14395
|
-
"value": "#
|
|
14325
|
+
"value": "#3d444db3",
|
|
14396
14326
|
"$type": "color",
|
|
14397
14327
|
"$extensions": {
|
|
14398
14328
|
"org.primer.figma": {
|
|
@@ -14429,7 +14359,7 @@
|
|
|
14429
14359
|
"path": ["borderColor", "muted"]
|
|
14430
14360
|
},
|
|
14431
14361
|
"borderColor-emphasis": {
|
|
14432
|
-
"value": "#
|
|
14362
|
+
"value": "#656c76",
|
|
14433
14363
|
"$type": "color",
|
|
14434
14364
|
"$extensions": {
|
|
14435
14365
|
"org.primer.figma": {
|
|
@@ -14442,7 +14372,7 @@
|
|
|
14442
14372
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14443
14373
|
"isSource": true,
|
|
14444
14374
|
"original": {
|
|
14445
|
-
"value": "{base.color.neutral.
|
|
14375
|
+
"value": "{base.color.neutral.7}",
|
|
14446
14376
|
"$type": "color",
|
|
14447
14377
|
"$extensions": {
|
|
14448
14378
|
"org.primer.figma": {
|
|
@@ -14458,7 +14388,7 @@
|
|
|
14458
14388
|
"path": ["borderColor", "emphasis"]
|
|
14459
14389
|
},
|
|
14460
14390
|
"borderColor-disabled": {
|
|
14461
|
-
"value": "#
|
|
14391
|
+
"value": "#212830",
|
|
14462
14392
|
"$type": "color",
|
|
14463
14393
|
"$extensions": {
|
|
14464
14394
|
"org.primer.figma": {
|
|
@@ -14547,7 +14477,7 @@
|
|
|
14547
14477
|
"path": ["borderColor", "translucent"]
|
|
14548
14478
|
},
|
|
14549
14479
|
"borderColor-neutral-muted": {
|
|
14550
|
-
"value": "#
|
|
14480
|
+
"value": "#3d444db3",
|
|
14551
14481
|
"$type": "color",
|
|
14552
14482
|
"$extensions": {
|
|
14553
14483
|
"org.primer.figma": {
|
|
@@ -14557,11 +14487,10 @@
|
|
|
14557
14487
|
"scopes": ["borderColor"]
|
|
14558
14488
|
}
|
|
14559
14489
|
},
|
|
14560
|
-
"alpha": 0.4,
|
|
14561
14490
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14562
14491
|
"isSource": true,
|
|
14563
14492
|
"original": {
|
|
14564
|
-
"value": "{
|
|
14493
|
+
"value": "{borderColor.muted}",
|
|
14565
14494
|
"$type": "color",
|
|
14566
14495
|
"$extensions": {
|
|
14567
14496
|
"org.primer.figma": {
|
|
@@ -14570,15 +14499,14 @@
|
|
|
14570
14499
|
"group": "semantic",
|
|
14571
14500
|
"scopes": ["borderColor"]
|
|
14572
14501
|
}
|
|
14573
|
-
}
|
|
14574
|
-
"alpha": 0.4
|
|
14502
|
+
}
|
|
14575
14503
|
},
|
|
14576
14504
|
"name": "borderColor-neutral-muted",
|
|
14577
14505
|
"attributes": {},
|
|
14578
14506
|
"path": ["borderColor", "neutral", "muted"]
|
|
14579
14507
|
},
|
|
14580
14508
|
"borderColor-neutral-emphasis": {
|
|
14581
|
-
"value": "#
|
|
14509
|
+
"value": "#656c76",
|
|
14582
14510
|
"$type": "color",
|
|
14583
14511
|
"$extensions": {
|
|
14584
14512
|
"org.primer.figma": {
|
|
@@ -14591,7 +14519,7 @@
|
|
|
14591
14519
|
"filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
|
|
14592
14520
|
"isSource": true,
|
|
14593
14521
|
"original": {
|
|
14594
|
-
"value": "{
|
|
14522
|
+
"value": "{borderColor.emphasis}",
|
|
14595
14523
|
"$type": "color",
|
|
14596
14524
|
"$extensions": {
|
|
14597
14525
|
"org.primer.figma": {
|
|
@@ -15039,7 +14967,7 @@
|
|
|
15039
14967
|
"path": ["borderColor", "danger", "emphasis"]
|
|
15040
14968
|
},
|
|
15041
14969
|
"borderColor-closed-muted": {
|
|
15042
|
-
"value": "#
|
|
14970
|
+
"value": "#3d444d66",
|
|
15043
14971
|
"$type": "color",
|
|
15044
14972
|
"$extensions": {
|
|
15045
14973
|
"org.primer.figma": {
|
|
@@ -15056,7 +14984,7 @@
|
|
|
15056
14984
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
|
|
15057
14985
|
"isSource": true,
|
|
15058
14986
|
"original": {
|
|
15059
|
-
"value": "{
|
|
14987
|
+
"value": "{borderColor.default}",
|
|
15060
14988
|
"$type": "color",
|
|
15061
14989
|
"$extensions": {
|
|
15062
14990
|
"org.primer.figma": {
|
|
@@ -15076,7 +15004,7 @@
|
|
|
15076
15004
|
"path": ["borderColor", "closed", "muted"]
|
|
15077
15005
|
},
|
|
15078
15006
|
"borderColor-closed-emphasis": {
|
|
15079
|
-
"value": "#
|
|
15007
|
+
"value": "#656c76",
|
|
15080
15008
|
"$type": "color",
|
|
15081
15009
|
"$extensions": {
|
|
15082
15010
|
"org.primer.figma": {
|
|
@@ -15092,7 +15020,7 @@
|
|
|
15092
15020
|
"filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
|
|
15093
15021
|
"isSource": true,
|
|
15094
15022
|
"original": {
|
|
15095
|
-
"value": "{
|
|
15023
|
+
"value": "{borderColor.emphasis}",
|
|
15096
15024
|
"$type": "color",
|
|
15097
15025
|
"$extensions": {
|
|
15098
15026
|
"org.primer.figma": {
|
|
@@ -15327,7 +15255,7 @@
|
|
|
15327
15255
|
"path": ["borderColor", "sponsors", "emphasis"]
|
|
15328
15256
|
},
|
|
15329
15257
|
"color-ansi-black": {
|
|
15330
|
-
"value": "#
|
|
15258
|
+
"value": "#2f3742",
|
|
15331
15259
|
"$type": "color",
|
|
15332
15260
|
"$extensions": {
|
|
15333
15261
|
"org.primer.figma": {
|
|
@@ -15354,7 +15282,7 @@
|
|
|
15354
15282
|
"path": ["color", "ansi", "black"]
|
|
15355
15283
|
},
|
|
15356
15284
|
"color-ansi-black-bright": {
|
|
15357
|
-
"value": "#
|
|
15285
|
+
"value": "#656c76",
|
|
15358
15286
|
"$type": "color",
|
|
15359
15287
|
"$extensions": {
|
|
15360
15288
|
"org.primer.figma": {
|
|
@@ -15366,7 +15294,7 @@
|
|
|
15366
15294
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15367
15295
|
"isSource": true,
|
|
15368
15296
|
"original": {
|
|
15369
|
-
"value": "{base.color.neutral.
|
|
15297
|
+
"value": "{base.color.neutral.7}",
|
|
15370
15298
|
"$type": "color",
|
|
15371
15299
|
"$extensions": {
|
|
15372
15300
|
"org.primer.figma": {
|
|
@@ -15381,7 +15309,7 @@
|
|
|
15381
15309
|
"path": ["color", "ansi", "black-bright"]
|
|
15382
15310
|
},
|
|
15383
15311
|
"color-ansi-white": {
|
|
15384
|
-
"value": "#
|
|
15312
|
+
"value": "#f0f6fc",
|
|
15385
15313
|
"$type": "color",
|
|
15386
15314
|
"$extensions": {
|
|
15387
15315
|
"org.primer.figma": {
|
|
@@ -15393,7 +15321,7 @@
|
|
|
15393
15321
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15394
15322
|
"isSource": true,
|
|
15395
15323
|
"original": {
|
|
15396
|
-
"value": "{base.color.neutral.
|
|
15324
|
+
"value": "{base.color.neutral.11}",
|
|
15397
15325
|
"$type": "color",
|
|
15398
15326
|
"$extensions": {
|
|
15399
15327
|
"org.primer.figma": {
|
|
@@ -15435,7 +15363,7 @@
|
|
|
15435
15363
|
"path": ["color", "ansi", "white-bright"]
|
|
15436
15364
|
},
|
|
15437
15365
|
"color-ansi-gray": {
|
|
15438
|
-
"value": "#
|
|
15366
|
+
"value": "#656c76",
|
|
15439
15367
|
"$type": "color",
|
|
15440
15368
|
"$extensions": {
|
|
15441
15369
|
"org.primer.figma": {
|
|
@@ -15447,7 +15375,7 @@
|
|
|
15447
15375
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15448
15376
|
"isSource": true,
|
|
15449
15377
|
"original": {
|
|
15450
|
-
"value": "{base.color.neutral.
|
|
15378
|
+
"value": "{base.color.neutral.7}",
|
|
15451
15379
|
"$type": "color",
|
|
15452
15380
|
"$extensions": {
|
|
15453
15381
|
"org.primer.figma": {
|
|
@@ -15786,7 +15714,7 @@
|
|
|
15786
15714
|
"path": ["color", "ansi", "cyan-bright"]
|
|
15787
15715
|
},
|
|
15788
15716
|
"color-prettylights-syntax-comment": {
|
|
15789
|
-
"value": "#
|
|
15717
|
+
"value": "#9198a1",
|
|
15790
15718
|
"$type": "color",
|
|
15791
15719
|
"$extensions": {
|
|
15792
15720
|
"org.primer.figma": {
|
|
@@ -15798,7 +15726,7 @@
|
|
|
15798
15726
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15799
15727
|
"isSource": true,
|
|
15800
15728
|
"original": {
|
|
15801
|
-
"value": "{base.color.neutral.
|
|
15729
|
+
"value": "{base.color.neutral.8}",
|
|
15802
15730
|
"$type": "color",
|
|
15803
15731
|
"$extensions": {
|
|
15804
15732
|
"org.primer.figma": {
|
|
@@ -15894,7 +15822,7 @@
|
|
|
15894
15822
|
"path": ["color", "prettylights", "syntax", "entity"]
|
|
15895
15823
|
},
|
|
15896
15824
|
"color-prettylights-syntax-storage-modifier-import": {
|
|
15897
|
-
"value": "#
|
|
15825
|
+
"value": "#f0f6fc",
|
|
15898
15826
|
"$type": "color",
|
|
15899
15827
|
"$extensions": {
|
|
15900
15828
|
"org.primer.figma": {
|
|
@@ -15906,7 +15834,7 @@
|
|
|
15906
15834
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
15907
15835
|
"isSource": true,
|
|
15908
15836
|
"original": {
|
|
15909
|
-
"value": "{base.color.neutral.
|
|
15837
|
+
"value": "{base.color.neutral.11}",
|
|
15910
15838
|
"$type": "color",
|
|
15911
15839
|
"$extensions": {
|
|
15912
15840
|
"org.primer.figma": {
|
|
@@ -16056,7 +15984,7 @@
|
|
|
16056
15984
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
|
|
16057
15985
|
},
|
|
16058
15986
|
"color-prettylights-syntax-brackethighlighter-angle": {
|
|
16059
|
-
"value": "#
|
|
15987
|
+
"value": "#9198a1",
|
|
16060
15988
|
"$type": "color",
|
|
16061
15989
|
"$extensions": {
|
|
16062
15990
|
"org.primer.figma": {
|
|
@@ -16068,7 +15996,7 @@
|
|
|
16068
15996
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16069
15997
|
"isSource": true,
|
|
16070
15998
|
"original": {
|
|
16071
|
-
"value": "{base.color.neutral.
|
|
15999
|
+
"value": "{base.color.neutral.8}",
|
|
16072
16000
|
"$type": "color",
|
|
16073
16001
|
"$extensions": {
|
|
16074
16002
|
"org.primer.figma": {
|
|
@@ -16095,7 +16023,7 @@
|
|
|
16095
16023
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16096
16024
|
"isSource": true,
|
|
16097
16025
|
"original": {
|
|
16098
|
-
"value": "{base.color.neutral.
|
|
16026
|
+
"value": "{base.color.neutral.11}",
|
|
16099
16027
|
"$type": "color",
|
|
16100
16028
|
"$extensions": {
|
|
16101
16029
|
"org.primer.figma": {
|
|
@@ -16149,7 +16077,7 @@
|
|
|
16149
16077
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16150
16078
|
"isSource": true,
|
|
16151
16079
|
"original": {
|
|
16152
|
-
"value": "{base.color.neutral.
|
|
16080
|
+
"value": "{base.color.neutral.11}",
|
|
16153
16081
|
"$type": "color",
|
|
16154
16082
|
"$extensions": {
|
|
16155
16083
|
"org.primer.figma": {
|
|
@@ -16272,7 +16200,7 @@
|
|
|
16272
16200
|
"path": ["color", "prettylights", "syntax", "markup", "heading"]
|
|
16273
16201
|
},
|
|
16274
16202
|
"color-prettylights-syntax-markup-italic": {
|
|
16275
|
-
"value": "#
|
|
16203
|
+
"value": "#f0f6fc",
|
|
16276
16204
|
"$type": "color",
|
|
16277
16205
|
"$extensions": {
|
|
16278
16206
|
"org.primer.figma": {
|
|
@@ -16284,7 +16212,7 @@
|
|
|
16284
16212
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16285
16213
|
"isSource": true,
|
|
16286
16214
|
"original": {
|
|
16287
|
-
"value": "{base.color.neutral.
|
|
16215
|
+
"value": "{base.color.neutral.11}",
|
|
16288
16216
|
"$type": "color",
|
|
16289
16217
|
"$extensions": {
|
|
16290
16218
|
"org.primer.figma": {
|
|
@@ -16299,7 +16227,7 @@
|
|
|
16299
16227
|
"path": ["color", "prettylights", "syntax", "markup", "italic"]
|
|
16300
16228
|
},
|
|
16301
16229
|
"color-prettylights-syntax-markup-bold": {
|
|
16302
|
-
"value": "#
|
|
16230
|
+
"value": "#f0f6fc",
|
|
16303
16231
|
"$type": "color",
|
|
16304
16232
|
"$extensions": {
|
|
16305
16233
|
"org.primer.figma": {
|
|
@@ -16311,7 +16239,7 @@
|
|
|
16311
16239
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16312
16240
|
"isSource": true,
|
|
16313
16241
|
"original": {
|
|
16314
|
-
"value": "{base.color.neutral.
|
|
16242
|
+
"value": "{base.color.neutral.11}",
|
|
16315
16243
|
"$type": "color",
|
|
16316
16244
|
"$extensions": {
|
|
16317
16245
|
"org.primer.figma": {
|
|
@@ -16488,7 +16416,7 @@
|
|
|
16488
16416
|
"path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
|
|
16489
16417
|
},
|
|
16490
16418
|
"color-prettylights-syntax-markup-ignored-text": {
|
|
16491
|
-
"value": "#
|
|
16419
|
+
"value": "#f0f6fc",
|
|
16492
16420
|
"$type": "color",
|
|
16493
16421
|
"$extensions": {
|
|
16494
16422
|
"org.primer.figma": {
|
|
@@ -16500,7 +16428,7 @@
|
|
|
16500
16428
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16501
16429
|
"isSource": true,
|
|
16502
16430
|
"original": {
|
|
16503
|
-
"value": "{base.color.neutral.
|
|
16431
|
+
"value": "{base.color.neutral.11}",
|
|
16504
16432
|
"$type": "color",
|
|
16505
16433
|
"$extensions": {
|
|
16506
16434
|
"org.primer.figma": {
|
|
@@ -16569,7 +16497,7 @@
|
|
|
16569
16497
|
"path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
|
|
16570
16498
|
},
|
|
16571
16499
|
"color-prettylights-syntax-sublimelinter-gutter-mark": {
|
|
16572
|
-
"value": "#
|
|
16500
|
+
"value": "#3d444d",
|
|
16573
16501
|
"$type": "color",
|
|
16574
16502
|
"$extensions": {
|
|
16575
16503
|
"org.primer.figma": {
|
|
@@ -16581,7 +16509,7 @@
|
|
|
16581
16509
|
"filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
|
|
16582
16510
|
"isSource": true,
|
|
16583
16511
|
"original": {
|
|
16584
|
-
"value": "{base.color.neutral.
|
|
16512
|
+
"value": "{base.color.neutral.6}",
|
|
16585
16513
|
"$type": "color",
|
|
16586
16514
|
"$extensions": {
|
|
16587
16515
|
"org.primer.figma": {
|
|
@@ -16739,7 +16667,7 @@
|
|
|
16739
16667
|
"path": ["shadow", "resting", "medium"]
|
|
16740
16668
|
},
|
|
16741
16669
|
"shadow-floating-small": {
|
|
16742
|
-
"value": "0px 0px 0px 1px #
|
|
16670
|
+
"value": "0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
|
|
16743
16671
|
"$type": "shadow",
|
|
16744
16672
|
"$extensions": {
|
|
16745
16673
|
"org.primer.figma": {
|
|
@@ -16791,7 +16719,7 @@
|
|
|
16791
16719
|
"path": ["shadow", "floating", "small"]
|
|
16792
16720
|
},
|
|
16793
16721
|
"shadow-floating-medium": {
|
|
16794
|
-
"value": "0px 0px 0px 1px #
|
|
16722
|
+
"value": "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
|
|
16795
16723
|
"$type": "shadow",
|
|
16796
16724
|
"$extensions": {
|
|
16797
16725
|
"org.primer.figma": {
|
|
@@ -16859,7 +16787,7 @@
|
|
|
16859
16787
|
"path": ["shadow", "floating", "medium"]
|
|
16860
16788
|
},
|
|
16861
16789
|
"shadow-floating-large": {
|
|
16862
|
-
"value": "0px 0px 0px 1px #
|
|
16790
|
+
"value": "0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409",
|
|
16863
16791
|
"$type": "shadow",
|
|
16864
16792
|
"$extensions": {
|
|
16865
16793
|
"org.primer.figma": {
|
|
@@ -16903,7 +16831,7 @@
|
|
|
16903
16831
|
"path": ["shadow", "floating", "large"]
|
|
16904
16832
|
},
|
|
16905
16833
|
"shadow-floating-xlarge": {
|
|
16906
|
-
"value": "0px 0px 0px 1px #
|
|
16834
|
+
"value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
|
|
16907
16835
|
"$type": "shadow",
|
|
16908
16836
|
"$extensions": {
|
|
16909
16837
|
"org.primer.figma": {
|