@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
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
"path": ["diffBlob", "hunk", "bgColor", "num"]
|
|
423
423
|
},
|
|
424
424
|
"diffBlob-expander-iconColor": {
|
|
425
|
-
"value": "#
|
|
425
|
+
"value": "#59636e",
|
|
426
426
|
"$type": "color",
|
|
427
427
|
"$extensions": {
|
|
428
428
|
"org.primer.figma": {
|
|
@@ -567,7 +567,7 @@
|
|
|
567
567
|
"path": ["codeMirror", "gutterMarker", "fgColor", "default"]
|
|
568
568
|
},
|
|
569
569
|
"codeMirror-gutterMarker-fgColor-muted": {
|
|
570
|
-
"value": "#
|
|
570
|
+
"value": "#59636e",
|
|
571
571
|
"$type": "color",
|
|
572
572
|
"$extensions": {
|
|
573
573
|
"org.primer.figma": {
|
|
@@ -596,7 +596,7 @@
|
|
|
596
596
|
"path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
|
|
597
597
|
},
|
|
598
598
|
"codeMirror-lineNumber-fgColor": {
|
|
599
|
-
"value": "#
|
|
599
|
+
"value": "#59636e",
|
|
600
600
|
"$type": "color",
|
|
601
601
|
"$extensions": {
|
|
602
602
|
"org.primer.figma": {
|
|
@@ -683,7 +683,7 @@
|
|
|
683
683
|
"path": ["codeMirror", "selection", "bgColor"]
|
|
684
684
|
},
|
|
685
685
|
"codeMirror-activeline-bgColor": {
|
|
686
|
-
"value": "#
|
|
686
|
+
"value": "#e0e6ebb3",
|
|
687
687
|
"$type": "color",
|
|
688
688
|
"$extensions": {
|
|
689
689
|
"org.primer.figma": {
|
|
@@ -770,7 +770,7 @@
|
|
|
770
770
|
"path": ["codeMirror", "lines", "bgColor"]
|
|
771
771
|
},
|
|
772
772
|
"codeMirror-syntax-fgColor-comment": {
|
|
773
|
-
"value": "#
|
|
773
|
+
"value": "#1f2328",
|
|
774
774
|
"$type": "color",
|
|
775
775
|
"$extensions": {
|
|
776
776
|
"org.primer.figma": {
|
|
@@ -783,7 +783,7 @@
|
|
|
783
783
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
784
784
|
"isSource": true,
|
|
785
785
|
"original": {
|
|
786
|
-
"value": "{base.color.neutral.
|
|
786
|
+
"value": "{base.color.neutral.13}",
|
|
787
787
|
"$type": "color",
|
|
788
788
|
"$extensions": {
|
|
789
789
|
"org.primer.figma": {
|
|
@@ -1016,7 +1016,7 @@
|
|
|
1016
1016
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1017
1017
|
"isSource": true,
|
|
1018
1018
|
"original": {
|
|
1019
|
-
"value": "{base.color.
|
|
1019
|
+
"value": "{base.color.neutral.0}",
|
|
1020
1020
|
"$type": "color",
|
|
1021
1021
|
"$extensions": {
|
|
1022
1022
|
"org.primer.figma": {
|
|
@@ -1046,7 +1046,7 @@
|
|
|
1046
1046
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1047
1047
|
"isSource": true,
|
|
1048
1048
|
"original": {
|
|
1049
|
-
"value": "{base.color.
|
|
1049
|
+
"value": "{base.color.neutral.0}",
|
|
1050
1050
|
"$type": "color",
|
|
1051
1051
|
"$extensions": {
|
|
1052
1052
|
"org.primer.figma": {
|
|
@@ -1062,7 +1062,7 @@
|
|
|
1062
1062
|
"path": ["header", "fgColor", "logo"]
|
|
1063
1063
|
},
|
|
1064
1064
|
"header-bgColor": {
|
|
1065
|
-
"value": "#
|
|
1065
|
+
"value": "#25292e",
|
|
1066
1066
|
"$type": "color",
|
|
1067
1067
|
"$extensions": {
|
|
1068
1068
|
"org.primer.figma": {
|
|
@@ -1075,7 +1075,7 @@
|
|
|
1075
1075
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1076
1076
|
"isSource": true,
|
|
1077
1077
|
"original": {
|
|
1078
|
-
"value": "{base.color.neutral.
|
|
1078
|
+
"value": "{base.color.neutral.12}",
|
|
1079
1079
|
"$type": "color",
|
|
1080
1080
|
"$extensions": {
|
|
1081
1081
|
"org.primer.figma": {
|
|
@@ -1091,7 +1091,7 @@
|
|
|
1091
1091
|
"path": ["header", "bgColor"]
|
|
1092
1092
|
},
|
|
1093
1093
|
"header-borderColor-divider": {
|
|
1094
|
-
"value": "#
|
|
1094
|
+
"value": "#818b98",
|
|
1095
1095
|
"$type": "color",
|
|
1096
1096
|
"$extensions": {
|
|
1097
1097
|
"org.primer.figma": {
|
|
@@ -1104,7 +1104,7 @@
|
|
|
1104
1104
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1105
1105
|
"isSource": true,
|
|
1106
1106
|
"original": {
|
|
1107
|
-
"value": "{base.color.neutral.
|
|
1107
|
+
"value": "{base.color.neutral.8}",
|
|
1108
1108
|
"$type": "color",
|
|
1109
1109
|
"$extensions": {
|
|
1110
1110
|
"org.primer.figma": {
|
|
@@ -1120,7 +1120,7 @@
|
|
|
1120
1120
|
"path": ["header", "borderColor", "divider"]
|
|
1121
1121
|
},
|
|
1122
1122
|
"headerSearch-bgColor": {
|
|
1123
|
-
"value": "#
|
|
1123
|
+
"value": "#25292e",
|
|
1124
1124
|
"$type": "color",
|
|
1125
1125
|
"$extensions": {
|
|
1126
1126
|
"org.primer.figma": {
|
|
@@ -1133,7 +1133,7 @@
|
|
|
1133
1133
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1134
1134
|
"isSource": true,
|
|
1135
1135
|
"original": {
|
|
1136
|
-
"value": "{base.color.neutral.
|
|
1136
|
+
"value": "{base.color.neutral.12}",
|
|
1137
1137
|
"$type": "color",
|
|
1138
1138
|
"$extensions": {
|
|
1139
1139
|
"org.primer.figma": {
|
|
@@ -1149,7 +1149,7 @@
|
|
|
1149
1149
|
"path": ["headerSearch", "bgColor"]
|
|
1150
1150
|
},
|
|
1151
1151
|
"headerSearch-borderColor": {
|
|
1152
|
-
"value": "#
|
|
1152
|
+
"value": "#818b98",
|
|
1153
1153
|
"$type": "color",
|
|
1154
1154
|
"$extensions": {
|
|
1155
1155
|
"org.primer.figma": {
|
|
@@ -1162,7 +1162,7 @@
|
|
|
1162
1162
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
1163
1163
|
"isSource": true,
|
|
1164
1164
|
"original": {
|
|
1165
|
-
"value": "{base.color.neutral.
|
|
1165
|
+
"value": "{base.color.neutral.8}",
|
|
1166
1166
|
"$type": "color",
|
|
1167
1167
|
"$extensions": {
|
|
1168
1168
|
"org.primer.figma": {
|
|
@@ -4526,7 +4526,7 @@
|
|
|
4526
4526
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4527
4527
|
"isSource": true,
|
|
4528
4528
|
"original": {
|
|
4529
|
-
"value": "{base.color.
|
|
4529
|
+
"value": "{base.color.neutral.0}",
|
|
4530
4530
|
"$type": "color",
|
|
4531
4531
|
"$extensions": {
|
|
4532
4532
|
"org.primer.figma": {
|
|
@@ -4585,7 +4585,7 @@
|
|
|
4585
4585
|
"original": {
|
|
4586
4586
|
"value": [
|
|
4587
4587
|
{
|
|
4588
|
-
"color": "{base.color.
|
|
4588
|
+
"color": "{base.color.neutral.0}",
|
|
4589
4589
|
"alpha": 0.8,
|
|
4590
4590
|
"offsetX": "0px",
|
|
4591
4591
|
"offsetY": "0px",
|
|
@@ -4607,7 +4607,7 @@
|
|
|
4607
4607
|
"path": ["avatar", "shadow"]
|
|
4608
4608
|
},
|
|
4609
4609
|
"avatarStack-fade-bgColor-default": {
|
|
4610
|
-
"value": "#
|
|
4610
|
+
"value": "#c8d1da",
|
|
4611
4611
|
"$type": "color",
|
|
4612
4612
|
"$extensions": {
|
|
4613
4613
|
"org.primer.figma": {
|
|
@@ -4620,7 +4620,7 @@
|
|
|
4620
4620
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4621
4621
|
"isSource": true,
|
|
4622
4622
|
"original": {
|
|
4623
|
-
"value": "{base.color.neutral.
|
|
4623
|
+
"value": "{base.color.neutral.7}",
|
|
4624
4624
|
"$type": "color",
|
|
4625
4625
|
"$extensions": {
|
|
4626
4626
|
"org.primer.figma": {
|
|
@@ -4636,7 +4636,7 @@
|
|
|
4636
4636
|
"path": ["avatarStack", "fade", "bgColor", "default"]
|
|
4637
4637
|
},
|
|
4638
4638
|
"avatarStack-fade-bgColor-muted": {
|
|
4639
|
-
"value": "#
|
|
4639
|
+
"value": "#dae0e7",
|
|
4640
4640
|
"$type": "color",
|
|
4641
4641
|
"$extensions": {
|
|
4642
4642
|
"org.primer.figma": {
|
|
@@ -4649,7 +4649,7 @@
|
|
|
4649
4649
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4650
4650
|
"isSource": true,
|
|
4651
4651
|
"original": {
|
|
4652
|
-
"value": "{base.color.neutral.
|
|
4652
|
+
"value": "{base.color.neutral.5}",
|
|
4653
4653
|
"$type": "color",
|
|
4654
4654
|
"$extensions": {
|
|
4655
4655
|
"org.primer.figma": {
|
|
@@ -4678,7 +4678,7 @@
|
|
|
4678
4678
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4679
4679
|
"isSource": true,
|
|
4680
4680
|
"original": {
|
|
4681
|
-
"value": "{base.color.neutral.
|
|
4681
|
+
"value": "{base.color.neutral.1}",
|
|
4682
4682
|
"$type": "color",
|
|
4683
4683
|
"$extensions": {
|
|
4684
4684
|
"org.primer.figma": {
|
|
@@ -4694,7 +4694,7 @@
|
|
|
4694
4694
|
"path": ["control", "bgColor", "rest"]
|
|
4695
4695
|
},
|
|
4696
4696
|
"control-bgColor-hover": {
|
|
4697
|
-
"value": "#
|
|
4697
|
+
"value": "#eff2f5",
|
|
4698
4698
|
"$type": "color",
|
|
4699
4699
|
"$extensions": {
|
|
4700
4700
|
"org.primer.figma": {
|
|
@@ -4704,14 +4704,10 @@
|
|
|
4704
4704
|
"scopes": ["bgColor"]
|
|
4705
4705
|
}
|
|
4706
4706
|
},
|
|
4707
|
-
"mix": {
|
|
4708
|
-
"color": "#d0d7de",
|
|
4709
|
-
"weight": 0.2
|
|
4710
|
-
},
|
|
4711
4707
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4712
4708
|
"isSource": true,
|
|
4713
4709
|
"original": {
|
|
4714
|
-
"value": "{base.color.neutral.
|
|
4710
|
+
"value": "{base.color.neutral.2}",
|
|
4715
4711
|
"$type": "color",
|
|
4716
4712
|
"$extensions": {
|
|
4717
4713
|
"org.primer.figma": {
|
|
@@ -4720,10 +4716,6 @@
|
|
|
4720
4716
|
"group": "component",
|
|
4721
4717
|
"scopes": ["bgColor"]
|
|
4722
4718
|
}
|
|
4723
|
-
},
|
|
4724
|
-
"mix": {
|
|
4725
|
-
"color": "{base.color.neutral.2}",
|
|
4726
|
-
"weight": 0.2
|
|
4727
4719
|
}
|
|
4728
4720
|
},
|
|
4729
4721
|
"name": "control-bgColor-hover",
|
|
@@ -4731,7 +4723,7 @@
|
|
|
4731
4723
|
"path": ["control", "bgColor", "hover"]
|
|
4732
4724
|
},
|
|
4733
4725
|
"control-bgColor-active": {
|
|
4734
|
-
"value": "#
|
|
4726
|
+
"value": "#e6eaef",
|
|
4735
4727
|
"$type": "color",
|
|
4736
4728
|
"$extensions": {
|
|
4737
4729
|
"org.primer.figma": {
|
|
@@ -4741,14 +4733,10 @@
|
|
|
4741
4733
|
"scopes": ["bgColor"]
|
|
4742
4734
|
}
|
|
4743
4735
|
},
|
|
4744
|
-
"mix": {
|
|
4745
|
-
"color": "#d0d7de",
|
|
4746
|
-
"weight": 0.4
|
|
4747
|
-
},
|
|
4748
4736
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4749
4737
|
"isSource": true,
|
|
4750
4738
|
"original": {
|
|
4751
|
-
"value": "{base.color.neutral.
|
|
4739
|
+
"value": "{base.color.neutral.3}",
|
|
4752
4740
|
"$type": "color",
|
|
4753
4741
|
"$extensions": {
|
|
4754
4742
|
"org.primer.figma": {
|
|
@@ -4757,10 +4745,6 @@
|
|
|
4757
4745
|
"group": "component",
|
|
4758
4746
|
"scopes": ["bgColor"]
|
|
4759
4747
|
}
|
|
4760
|
-
},
|
|
4761
|
-
"mix": {
|
|
4762
|
-
"color": "{base.color.neutral.2}",
|
|
4763
|
-
"weight": 0.4
|
|
4764
4748
|
}
|
|
4765
4749
|
},
|
|
4766
4750
|
"name": "control-bgColor-active",
|
|
@@ -4768,7 +4752,7 @@
|
|
|
4768
4752
|
"path": ["control", "bgColor", "active"]
|
|
4769
4753
|
},
|
|
4770
4754
|
"control-bgColor-disabled": {
|
|
4771
|
-
"value": "#
|
|
4755
|
+
"value": "#eff2f5",
|
|
4772
4756
|
"$type": "color",
|
|
4773
4757
|
"$extensions": {
|
|
4774
4758
|
"org.primer.figma": {
|
|
@@ -4810,7 +4794,7 @@
|
|
|
4810
4794
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4811
4795
|
"isSource": true,
|
|
4812
4796
|
"original": {
|
|
4813
|
-
"value": "{
|
|
4797
|
+
"value": "{control.bgColor.rest}",
|
|
4814
4798
|
"$type": "color",
|
|
4815
4799
|
"$extensions": {
|
|
4816
4800
|
"org.primer.figma": {
|
|
@@ -4826,7 +4810,7 @@
|
|
|
4826
4810
|
"path": ["control", "bgColor", "selected"]
|
|
4827
4811
|
},
|
|
4828
4812
|
"control-fgColor-rest": {
|
|
4829
|
-
"value": "#
|
|
4813
|
+
"value": "#25292e",
|
|
4830
4814
|
"$type": "color",
|
|
4831
4815
|
"$extensions": {
|
|
4832
4816
|
"org.primer.figma": {
|
|
@@ -4839,7 +4823,7 @@
|
|
|
4839
4823
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4840
4824
|
"isSource": true,
|
|
4841
4825
|
"original": {
|
|
4842
|
-
"value": "{base.color.neutral.
|
|
4826
|
+
"value": "{base.color.neutral.12}",
|
|
4843
4827
|
"$type": "color",
|
|
4844
4828
|
"$extensions": {
|
|
4845
4829
|
"org.primer.figma": {
|
|
@@ -4855,12 +4839,8 @@
|
|
|
4855
4839
|
"path": ["control", "fgColor", "rest"]
|
|
4856
4840
|
},
|
|
4857
4841
|
"control-fgColor-placeholder": {
|
|
4858
|
-
"value": "#
|
|
4842
|
+
"value": "#59636e",
|
|
4859
4843
|
"$type": "color",
|
|
4860
|
-
"mix": {
|
|
4861
|
-
"color": "#57606a",
|
|
4862
|
-
"weight": 0.2
|
|
4863
|
-
},
|
|
4864
4844
|
"$extensions": {
|
|
4865
4845
|
"org.primer.figma": {
|
|
4866
4846
|
"collection": "mode",
|
|
@@ -4872,12 +4852,8 @@
|
|
|
4872
4852
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4873
4853
|
"isSource": true,
|
|
4874
4854
|
"original": {
|
|
4875
|
-
"value": "{
|
|
4855
|
+
"value": "{fgColor.muted}",
|
|
4876
4856
|
"$type": "color",
|
|
4877
|
-
"mix": {
|
|
4878
|
-
"color": "{base.color.neutral.6}",
|
|
4879
|
-
"weight": 0.2
|
|
4880
|
-
},
|
|
4881
4857
|
"$extensions": {
|
|
4882
4858
|
"org.primer.figma": {
|
|
4883
4859
|
"collection": "mode",
|
|
@@ -4892,7 +4868,7 @@
|
|
|
4892
4868
|
"path": ["control", "fgColor", "placeholder"]
|
|
4893
4869
|
},
|
|
4894
4870
|
"control-fgColor-disabled": {
|
|
4895
|
-
"value": "#
|
|
4871
|
+
"value": "#818b98",
|
|
4896
4872
|
"$type": "color",
|
|
4897
4873
|
"$extensions": {
|
|
4898
4874
|
"org.primer.figma": {
|
|
@@ -4921,7 +4897,7 @@
|
|
|
4921
4897
|
"path": ["control", "fgColor", "disabled"]
|
|
4922
4898
|
},
|
|
4923
4899
|
"control-borderColor-rest": {
|
|
4924
|
-
"value": "#
|
|
4900
|
+
"value": "#d1d9e0",
|
|
4925
4901
|
"$type": "color",
|
|
4926
4902
|
"$extensions": {
|
|
4927
4903
|
"org.primer.figma": {
|
|
@@ -4950,7 +4926,7 @@
|
|
|
4950
4926
|
"path": ["control", "borderColor", "rest"]
|
|
4951
4927
|
},
|
|
4952
4928
|
"control-borderColor-emphasis": {
|
|
4953
|
-
"value": "#
|
|
4929
|
+
"value": "#818b98",
|
|
4954
4930
|
"$type": "color",
|
|
4955
4931
|
"$extensions": {
|
|
4956
4932
|
"org.primer.figma": {
|
|
@@ -4960,14 +4936,10 @@
|
|
|
4960
4936
|
"scopes": ["borderColor"]
|
|
4961
4937
|
}
|
|
4962
4938
|
},
|
|
4963
|
-
"mix": {
|
|
4964
|
-
"color": "#6e7781",
|
|
4965
|
-
"weight": 0.2
|
|
4966
|
-
},
|
|
4967
4939
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4968
4940
|
"isSource": true,
|
|
4969
4941
|
"original": {
|
|
4970
|
-
"value": "{
|
|
4942
|
+
"value": "{borderColor.emphasis}",
|
|
4971
4943
|
"$type": "color",
|
|
4972
4944
|
"$extensions": {
|
|
4973
4945
|
"org.primer.figma": {
|
|
@@ -4976,10 +4948,6 @@
|
|
|
4976
4948
|
"group": "component",
|
|
4977
4949
|
"scopes": ["borderColor"]
|
|
4978
4950
|
}
|
|
4979
|
-
},
|
|
4980
|
-
"mix": {
|
|
4981
|
-
"color": "{base.color.neutral.5}",
|
|
4982
|
-
"weight": 0.2
|
|
4983
4951
|
}
|
|
4984
4952
|
},
|
|
4985
4953
|
"name": "control-borderColor-emphasis",
|
|
@@ -4987,7 +4955,7 @@
|
|
|
4987
4955
|
"path": ["control", "borderColor", "emphasis"]
|
|
4988
4956
|
},
|
|
4989
4957
|
"control-borderColor-disabled": {
|
|
4990
|
-
"value": "#
|
|
4958
|
+
"value": "#818b981a",
|
|
4991
4959
|
"$type": "color",
|
|
4992
4960
|
"$extensions": {
|
|
4993
4961
|
"org.primer.figma": {
|
|
@@ -5029,7 +4997,7 @@
|
|
|
5029
4997
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5030
4998
|
"isSource": true,
|
|
5031
4999
|
"original": {
|
|
5032
|
-
"value": "{
|
|
5000
|
+
"value": "{control.bgColor.selected}",
|
|
5033
5001
|
"$type": "color",
|
|
5034
5002
|
"$extensions": {
|
|
5035
5003
|
"org.primer.figma": {
|
|
@@ -5103,7 +5071,7 @@
|
|
|
5103
5071
|
"path": ["control", "borderColor", "danger"]
|
|
5104
5072
|
},
|
|
5105
5073
|
"control-borderColor-warning": {
|
|
5106
|
-
"value": "#
|
|
5074
|
+
"value": "#9a6700",
|
|
5107
5075
|
"$type": "color",
|
|
5108
5076
|
"$extensions": {
|
|
5109
5077
|
"org.primer.figma": {
|
|
@@ -5132,7 +5100,7 @@
|
|
|
5132
5100
|
"path": ["control", "borderColor", "warning"]
|
|
5133
5101
|
},
|
|
5134
5102
|
"control-iconColor-rest": {
|
|
5135
|
-
"value": "#
|
|
5103
|
+
"value": "#59636e",
|
|
5136
5104
|
"$type": "color",
|
|
5137
5105
|
"$extensions": {
|
|
5138
5106
|
"org.primer.figma": {
|
|
@@ -5190,7 +5158,7 @@
|
|
|
5190
5158
|
"path": ["control", "transparent", "bgColor", "rest"]
|
|
5191
5159
|
},
|
|
5192
5160
|
"control-transparent-bgColor-hover": {
|
|
5193
|
-
"value": "#
|
|
5161
|
+
"value": "#818b981a",
|
|
5194
5162
|
"$type": "color",
|
|
5195
5163
|
"$extensions": {
|
|
5196
5164
|
"org.primer.figma": {
|
|
@@ -5200,11 +5168,11 @@
|
|
|
5200
5168
|
"scopes": ["bgColor"]
|
|
5201
5169
|
}
|
|
5202
5170
|
},
|
|
5203
|
-
"alpha": 0.
|
|
5171
|
+
"alpha": 0.1,
|
|
5204
5172
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5205
5173
|
"isSource": true,
|
|
5206
5174
|
"original": {
|
|
5207
|
-
"value": "{base.color.neutral.
|
|
5175
|
+
"value": "{base.color.neutral.8}",
|
|
5208
5176
|
"$type": "color",
|
|
5209
5177
|
"$extensions": {
|
|
5210
5178
|
"org.primer.figma": {
|
|
@@ -5214,14 +5182,14 @@
|
|
|
5214
5182
|
"scopes": ["bgColor"]
|
|
5215
5183
|
}
|
|
5216
5184
|
},
|
|
5217
|
-
"alpha": 0.
|
|
5185
|
+
"alpha": 0.1
|
|
5218
5186
|
},
|
|
5219
5187
|
"name": "control-transparent-bgColor-hover",
|
|
5220
5188
|
"attributes": {},
|
|
5221
5189
|
"path": ["control", "transparent", "bgColor", "hover"]
|
|
5222
5190
|
},
|
|
5223
5191
|
"control-transparent-bgColor-active": {
|
|
5224
|
-
"value": "#
|
|
5192
|
+
"value": "#818b9826",
|
|
5225
5193
|
"$type": "color",
|
|
5226
5194
|
"$extensions": {
|
|
5227
5195
|
"org.primer.figma": {
|
|
@@ -5231,11 +5199,11 @@
|
|
|
5231
5199
|
"scopes": ["bgColor"]
|
|
5232
5200
|
}
|
|
5233
5201
|
},
|
|
5234
|
-
"alpha": 0.
|
|
5202
|
+
"alpha": 0.15,
|
|
5235
5203
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5236
5204
|
"isSource": true,
|
|
5237
5205
|
"original": {
|
|
5238
|
-
"value": "{base.color.neutral.
|
|
5206
|
+
"value": "{base.color.neutral.8}",
|
|
5239
5207
|
"$type": "color",
|
|
5240
5208
|
"$extensions": {
|
|
5241
5209
|
"org.primer.figma": {
|
|
@@ -5245,14 +5213,14 @@
|
|
|
5245
5213
|
"scopes": ["bgColor"]
|
|
5246
5214
|
}
|
|
5247
5215
|
},
|
|
5248
|
-
"alpha": 0.
|
|
5216
|
+
"alpha": 0.15
|
|
5249
5217
|
},
|
|
5250
5218
|
"name": "control-transparent-bgColor-active",
|
|
5251
5219
|
"attributes": {},
|
|
5252
5220
|
"path": ["control", "transparent", "bgColor", "active"]
|
|
5253
5221
|
},
|
|
5254
5222
|
"control-transparent-bgColor-disabled": {
|
|
5255
|
-
"value": "#
|
|
5223
|
+
"value": "#eff2f5",
|
|
5256
5224
|
"$type": "color",
|
|
5257
5225
|
"$extensions": {
|
|
5258
5226
|
"org.primer.figma": {
|
|
@@ -5281,7 +5249,7 @@
|
|
|
5281
5249
|
"path": ["control", "transparent", "bgColor", "disabled"]
|
|
5282
5250
|
},
|
|
5283
5251
|
"control-transparent-bgColor-selected": {
|
|
5284
|
-
"value": "#
|
|
5252
|
+
"value": "#818b9826",
|
|
5285
5253
|
"$type": "color",
|
|
5286
5254
|
"$extensions": {
|
|
5287
5255
|
"org.primer.figma": {
|
|
@@ -5291,11 +5259,11 @@
|
|
|
5291
5259
|
"scopes": ["bgColor"]
|
|
5292
5260
|
}
|
|
5293
5261
|
},
|
|
5294
|
-
"alpha": 0.
|
|
5262
|
+
"alpha": 0.15,
|
|
5295
5263
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5296
5264
|
"isSource": true,
|
|
5297
5265
|
"original": {
|
|
5298
|
-
"value": "{base.color.neutral.
|
|
5266
|
+
"value": "{base.color.neutral.8}",
|
|
5299
5267
|
"$type": "color",
|
|
5300
5268
|
"$extensions": {
|
|
5301
5269
|
"org.primer.figma": {
|
|
@@ -5305,7 +5273,7 @@
|
|
|
5305
5273
|
"scopes": ["bgColor"]
|
|
5306
5274
|
}
|
|
5307
5275
|
},
|
|
5308
|
-
"alpha": 0.
|
|
5276
|
+
"alpha": 0.15
|
|
5309
5277
|
},
|
|
5310
5278
|
"name": "control-transparent-bgColor-selected",
|
|
5311
5279
|
"attributes": {},
|
|
@@ -5620,7 +5588,7 @@
|
|
|
5620
5588
|
"path": ["control", "checked", "bgColor", "active"]
|
|
5621
5589
|
},
|
|
5622
5590
|
"control-checked-bgColor-disabled": {
|
|
5623
|
-
"value": "#
|
|
5591
|
+
"value": "#818b98",
|
|
5624
5592
|
"$type": "color",
|
|
5625
5593
|
"$extensions": {
|
|
5626
5594
|
"org.primer.figma": {
|
|
@@ -5720,7 +5688,7 @@
|
|
|
5720
5688
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5721
5689
|
"isSource": true,
|
|
5722
5690
|
"original": {
|
|
5723
|
-
"value": "{bgColor.
|
|
5691
|
+
"value": "{control.checked.bgColor.rest}",
|
|
5724
5692
|
"$type": "color",
|
|
5725
5693
|
"$extensions": {
|
|
5726
5694
|
"org.primer.figma": {
|
|
@@ -5746,14 +5714,10 @@
|
|
|
5746
5714
|
"scopes": ["borderColor"]
|
|
5747
5715
|
}
|
|
5748
5716
|
},
|
|
5749
|
-
"mix": {
|
|
5750
|
-
"color": "#033d8b",
|
|
5751
|
-
"weight": 0.2
|
|
5752
|
-
},
|
|
5753
5717
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5754
5718
|
"isSource": true,
|
|
5755
5719
|
"original": {
|
|
5756
|
-
"value": "{bgColor.
|
|
5720
|
+
"value": "{control.checked.bgColor.hover}",
|
|
5757
5721
|
"$type": "color",
|
|
5758
5722
|
"$extensions": {
|
|
5759
5723
|
"org.primer.figma": {
|
|
@@ -5762,10 +5726,6 @@
|
|
|
5762
5726
|
"group": "component",
|
|
5763
5727
|
"scopes": ["borderColor"]
|
|
5764
5728
|
}
|
|
5765
|
-
},
|
|
5766
|
-
"mix": {
|
|
5767
|
-
"color": "{base.color.blue.7}",
|
|
5768
|
-
"weight": 0.2
|
|
5769
5729
|
}
|
|
5770
5730
|
},
|
|
5771
5731
|
"name": "control-checked-borderColor-hover",
|
|
@@ -5783,14 +5743,10 @@
|
|
|
5783
5743
|
"scopes": ["borderColor"]
|
|
5784
5744
|
}
|
|
5785
5745
|
},
|
|
5786
|
-
"mix": {
|
|
5787
|
-
"color": "#033d8b",
|
|
5788
|
-
"weight": 0.4
|
|
5789
|
-
},
|
|
5790
5746
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5791
5747
|
"isSource": true,
|
|
5792
5748
|
"original": {
|
|
5793
|
-
"value": "{bgColor.
|
|
5749
|
+
"value": "{control.checked.bgColor.active}",
|
|
5794
5750
|
"$type": "color",
|
|
5795
5751
|
"$extensions": {
|
|
5796
5752
|
"org.primer.figma": {
|
|
@@ -5799,10 +5755,6 @@
|
|
|
5799
5755
|
"group": "component",
|
|
5800
5756
|
"scopes": ["borderColor"]
|
|
5801
5757
|
}
|
|
5802
|
-
},
|
|
5803
|
-
"mix": {
|
|
5804
|
-
"color": "{base.color.blue.7}",
|
|
5805
|
-
"weight": 0.4
|
|
5806
5758
|
}
|
|
5807
5759
|
},
|
|
5808
5760
|
"name": "control-checked-borderColor-active",
|
|
@@ -5810,7 +5762,7 @@
|
|
|
5810
5762
|
"path": ["control", "checked", "borderColor", "active"]
|
|
5811
5763
|
},
|
|
5812
5764
|
"control-checked-borderColor-disabled": {
|
|
5813
|
-
"value": "#
|
|
5765
|
+
"value": "#818b98",
|
|
5814
5766
|
"$type": "color",
|
|
5815
5767
|
"$extensions": {
|
|
5816
5768
|
"org.primer.figma": {
|
|
@@ -5823,7 +5775,7 @@
|
|
|
5823
5775
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5824
5776
|
"isSource": true,
|
|
5825
5777
|
"original": {
|
|
5826
|
-
"value": "{
|
|
5778
|
+
"value": "{control.checked.bgColor.disabled}",
|
|
5827
5779
|
"$type": "color",
|
|
5828
5780
|
"$extensions": {
|
|
5829
5781
|
"org.primer.figma": {
|
|
@@ -5839,7 +5791,7 @@
|
|
|
5839
5791
|
"path": ["control", "checked", "borderColor", "disabled"]
|
|
5840
5792
|
},
|
|
5841
5793
|
"controlTrack-bgColor-rest": {
|
|
5842
|
-
"value": "#
|
|
5794
|
+
"value": "#e6eaef",
|
|
5843
5795
|
"$type": "color",
|
|
5844
5796
|
"$extensions": {
|
|
5845
5797
|
"org.primer.figma": {
|
|
@@ -5852,7 +5804,7 @@
|
|
|
5852
5804
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5853
5805
|
"isSource": true,
|
|
5854
5806
|
"original": {
|
|
5855
|
-
"value": "{base.color.neutral.
|
|
5807
|
+
"value": "{base.color.neutral.3}",
|
|
5856
5808
|
"$type": "color",
|
|
5857
5809
|
"$extensions": {
|
|
5858
5810
|
"org.primer.figma": {
|
|
@@ -5868,7 +5820,7 @@
|
|
|
5868
5820
|
"path": ["controlTrack", "bgColor", "rest"]
|
|
5869
5821
|
},
|
|
5870
5822
|
"controlTrack-bgColor-hover": {
|
|
5871
|
-
"value": "#
|
|
5823
|
+
"value": "#e0e6eb",
|
|
5872
5824
|
"$type": "color",
|
|
5873
5825
|
"$extensions": {
|
|
5874
5826
|
"org.primer.figma": {
|
|
@@ -5878,14 +5830,10 @@
|
|
|
5878
5830
|
"scopes": ["bgColor"]
|
|
5879
5831
|
}
|
|
5880
5832
|
},
|
|
5881
|
-
"mix": {
|
|
5882
|
-
"color": "#afb8c1",
|
|
5883
|
-
"weight": 0.2
|
|
5884
|
-
},
|
|
5885
5833
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5886
5834
|
"isSource": true,
|
|
5887
5835
|
"original": {
|
|
5888
|
-
"value": "{base.color.neutral.
|
|
5836
|
+
"value": "{base.color.neutral.4}",
|
|
5889
5837
|
"$type": "color",
|
|
5890
5838
|
"$extensions": {
|
|
5891
5839
|
"org.primer.figma": {
|
|
@@ -5894,10 +5842,6 @@
|
|
|
5894
5842
|
"group": "component (internal)",
|
|
5895
5843
|
"scopes": ["bgColor"]
|
|
5896
5844
|
}
|
|
5897
|
-
},
|
|
5898
|
-
"mix": {
|
|
5899
|
-
"color": "{base.color.neutral.3}",
|
|
5900
|
-
"weight": 0.2
|
|
5901
5845
|
}
|
|
5902
5846
|
},
|
|
5903
5847
|
"name": "controlTrack-bgColor-hover",
|
|
@@ -5905,7 +5849,7 @@
|
|
|
5905
5849
|
"path": ["controlTrack", "bgColor", "hover"]
|
|
5906
5850
|
},
|
|
5907
5851
|
"controlTrack-bgColor-active": {
|
|
5908
|
-
"value": "#
|
|
5852
|
+
"value": "#dae0e7",
|
|
5909
5853
|
"$type": "color",
|
|
5910
5854
|
"$extensions": {
|
|
5911
5855
|
"org.primer.figma": {
|
|
@@ -5915,14 +5859,10 @@
|
|
|
5915
5859
|
"scopes": ["bgColor"]
|
|
5916
5860
|
}
|
|
5917
5861
|
},
|
|
5918
|
-
"mix": {
|
|
5919
|
-
"color": "#afb8c1",
|
|
5920
|
-
"weight": 0.4
|
|
5921
|
-
},
|
|
5922
5862
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5923
5863
|
"isSource": true,
|
|
5924
5864
|
"original": {
|
|
5925
|
-
"value": "{base.color.neutral.
|
|
5865
|
+
"value": "{base.color.neutral.5}",
|
|
5926
5866
|
"$type": "color",
|
|
5927
5867
|
"$extensions": {
|
|
5928
5868
|
"org.primer.figma": {
|
|
@@ -5931,10 +5871,6 @@
|
|
|
5931
5871
|
"group": "component (internal)",
|
|
5932
5872
|
"scopes": ["bgColor"]
|
|
5933
5873
|
}
|
|
5934
|
-
},
|
|
5935
|
-
"mix": {
|
|
5936
|
-
"color": "{base.color.neutral.3}",
|
|
5937
|
-
"weight": 0.4
|
|
5938
5874
|
}
|
|
5939
5875
|
},
|
|
5940
5876
|
"name": "controlTrack-bgColor-active",
|
|
@@ -5942,7 +5878,7 @@
|
|
|
5942
5878
|
"path": ["controlTrack", "bgColor", "active"]
|
|
5943
5879
|
},
|
|
5944
5880
|
"controlTrack-bgColor-disabled": {
|
|
5945
|
-
"value": "#
|
|
5881
|
+
"value": "#818b98",
|
|
5946
5882
|
"$type": "color",
|
|
5947
5883
|
"$extensions": {
|
|
5948
5884
|
"org.primer.figma": {
|
|
@@ -5971,7 +5907,7 @@
|
|
|
5971
5907
|
"path": ["controlTrack", "bgColor", "disabled"]
|
|
5972
5908
|
},
|
|
5973
5909
|
"controlTrack-fgColor-rest": {
|
|
5974
|
-
"value": "#
|
|
5910
|
+
"value": "#59636e",
|
|
5975
5911
|
"$type": "color",
|
|
5976
5912
|
"$extensions": {
|
|
5977
5913
|
"org.primer.figma": {
|
|
@@ -5984,7 +5920,7 @@
|
|
|
5984
5920
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
5985
5921
|
"isSource": true,
|
|
5986
5922
|
"original": {
|
|
5987
|
-
"value": "{
|
|
5923
|
+
"value": "{base.color.neutral.9}",
|
|
5988
5924
|
"$type": "color",
|
|
5989
5925
|
"$extensions": {
|
|
5990
5926
|
"org.primer.figma": {
|
|
@@ -6029,7 +5965,7 @@
|
|
|
6029
5965
|
"path": ["controlTrack", "fgColor", "disabled"]
|
|
6030
5966
|
},
|
|
6031
5967
|
"controlTrack-borderColor-rest": {
|
|
6032
|
-
"value": "#
|
|
5968
|
+
"value": "#d1d9e0",
|
|
6033
5969
|
"$type": "color",
|
|
6034
5970
|
"$extensions": {
|
|
6035
5971
|
"org.primer.figma": {
|
|
@@ -6042,7 +5978,7 @@
|
|
|
6042
5978
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6043
5979
|
"isSource": true,
|
|
6044
5980
|
"original": {
|
|
6045
|
-
"value": "{
|
|
5981
|
+
"value": "{borderColor.default}",
|
|
6046
5982
|
"$type": "color",
|
|
6047
5983
|
"$extensions": {
|
|
6048
5984
|
"org.primer.figma": {
|
|
@@ -6058,7 +5994,7 @@
|
|
|
6058
5994
|
"path": ["controlTrack", "borderColor", "rest"]
|
|
6059
5995
|
},
|
|
6060
5996
|
"controlTrack-borderColor-disabled": {
|
|
6061
|
-
"value": "#
|
|
5997
|
+
"value": "#818b98",
|
|
6062
5998
|
"$type": "color",
|
|
6063
5999
|
"$extensions": {
|
|
6064
6000
|
"org.primer.figma": {
|
|
@@ -6100,7 +6036,7 @@
|
|
|
6100
6036
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6101
6037
|
"isSource": true,
|
|
6102
6038
|
"original": {
|
|
6103
|
-
"value": "{base.color.
|
|
6039
|
+
"value": "{base.color.neutral.0}",
|
|
6104
6040
|
"$type": "color",
|
|
6105
6041
|
"$extensions": {
|
|
6106
6042
|
"org.primer.figma": {
|
|
@@ -6116,7 +6052,7 @@
|
|
|
6116
6052
|
"path": ["controlKnob", "bgColor", "rest"]
|
|
6117
6053
|
},
|
|
6118
6054
|
"controlKnob-bgColor-disabled": {
|
|
6119
|
-
"value": "#
|
|
6055
|
+
"value": "#eff2f5",
|
|
6120
6056
|
"$type": "color",
|
|
6121
6057
|
"$extensions": {
|
|
6122
6058
|
"org.primer.figma": {
|
|
@@ -6158,7 +6094,7 @@
|
|
|
6158
6094
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6159
6095
|
"isSource": true,
|
|
6160
6096
|
"original": {
|
|
6161
|
-
"value": "{base.color.
|
|
6097
|
+
"value": "{base.color.neutral.0}",
|
|
6162
6098
|
"$type": "color",
|
|
6163
6099
|
"$extensions": {
|
|
6164
6100
|
"org.primer.figma": {
|
|
@@ -6174,7 +6110,7 @@
|
|
|
6174
6110
|
"path": ["controlKnob", "bgColor", "checked"]
|
|
6175
6111
|
},
|
|
6176
6112
|
"controlKnob-borderColor-rest": {
|
|
6177
|
-
"value": "#
|
|
6113
|
+
"value": "#818b98",
|
|
6178
6114
|
"$type": "color",
|
|
6179
6115
|
"$extensions": {
|
|
6180
6116
|
"org.primer.figma": {
|
|
@@ -6203,7 +6139,7 @@
|
|
|
6203
6139
|
"path": ["controlKnob", "borderColor", "rest"]
|
|
6204
6140
|
},
|
|
6205
6141
|
"controlKnob-borderColor-disabled": {
|
|
6206
|
-
"value": "#
|
|
6142
|
+
"value": "#eff2f5",
|
|
6207
6143
|
"$type": "color",
|
|
6208
6144
|
"$extensions": {
|
|
6209
6145
|
"org.primer.figma": {
|
|
@@ -6290,7 +6226,7 @@
|
|
|
6290
6226
|
"path": ["counter", "borderColor"]
|
|
6291
6227
|
},
|
|
6292
6228
|
"button-default-fgColor-rest": {
|
|
6293
|
-
"value": "#
|
|
6229
|
+
"value": "#25292e",
|
|
6294
6230
|
"$type": "color",
|
|
6295
6231
|
"$extensions": {
|
|
6296
6232
|
"org.primer.figma": {
|
|
@@ -6348,7 +6284,7 @@
|
|
|
6348
6284
|
"path": ["button", "default", "bgColor", "rest"]
|
|
6349
6285
|
},
|
|
6350
6286
|
"button-default-bgColor-hover": {
|
|
6351
|
-
"value": "#
|
|
6287
|
+
"value": "#eff2f5",
|
|
6352
6288
|
"$type": "color",
|
|
6353
6289
|
"$extensions": {
|
|
6354
6290
|
"org.primer.figma": {
|
|
@@ -6377,7 +6313,7 @@
|
|
|
6377
6313
|
"path": ["button", "default", "bgColor", "hover"]
|
|
6378
6314
|
},
|
|
6379
6315
|
"button-default-bgColor-active": {
|
|
6380
|
-
"value": "#
|
|
6316
|
+
"value": "#e6eaef",
|
|
6381
6317
|
"$type": "color",
|
|
6382
6318
|
"$extensions": {
|
|
6383
6319
|
"org.primer.figma": {
|
|
@@ -6406,7 +6342,7 @@
|
|
|
6406
6342
|
"path": ["button", "default", "bgColor", "active"]
|
|
6407
6343
|
},
|
|
6408
6344
|
"button-default-bgColor-selected": {
|
|
6409
|
-
"value": "#
|
|
6345
|
+
"value": "#e6eaef",
|
|
6410
6346
|
"$type": "color",
|
|
6411
6347
|
"$extensions": {
|
|
6412
6348
|
"org.primer.figma": {
|
|
@@ -6435,7 +6371,7 @@
|
|
|
6435
6371
|
"path": ["button", "default", "bgColor", "selected"]
|
|
6436
6372
|
},
|
|
6437
6373
|
"button-default-bgColor-disabled": {
|
|
6438
|
-
"value": "#
|
|
6374
|
+
"value": "#eff2f5",
|
|
6439
6375
|
"$type": "color",
|
|
6440
6376
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6441
6377
|
"isSource": true,
|
|
@@ -6448,7 +6384,7 @@
|
|
|
6448
6384
|
"path": ["button", "default", "bgColor", "disabled"]
|
|
6449
6385
|
},
|
|
6450
6386
|
"button-default-borderColor-rest": {
|
|
6451
|
-
"value": "#
|
|
6387
|
+
"value": "#d1d9e0",
|
|
6452
6388
|
"$type": "color",
|
|
6453
6389
|
"$extensions": {
|
|
6454
6390
|
"org.primer.figma": {
|
|
@@ -6461,7 +6397,7 @@
|
|
|
6461
6397
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6462
6398
|
"isSource": true,
|
|
6463
6399
|
"original": {
|
|
6464
|
-
"value": "{borderColor.
|
|
6400
|
+
"value": "{control.borderColor.rest}",
|
|
6465
6401
|
"$type": "color",
|
|
6466
6402
|
"$extensions": {
|
|
6467
6403
|
"org.primer.figma": {
|
|
@@ -6477,7 +6413,7 @@
|
|
|
6477
6413
|
"path": ["button", "default", "borderColor", "rest"]
|
|
6478
6414
|
},
|
|
6479
6415
|
"button-default-borderColor-hover": {
|
|
6480
|
-
"value": "#
|
|
6416
|
+
"value": "#d1d9e0",
|
|
6481
6417
|
"$type": "color",
|
|
6482
6418
|
"$extensions": {
|
|
6483
6419
|
"org.primer.figma": {
|
|
@@ -6490,7 +6426,7 @@
|
|
|
6490
6426
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6491
6427
|
"isSource": true,
|
|
6492
6428
|
"original": {
|
|
6493
|
-
"value": "{borderColor.
|
|
6429
|
+
"value": "{control.borderColor.rest}",
|
|
6494
6430
|
"$type": "color",
|
|
6495
6431
|
"$extensions": {
|
|
6496
6432
|
"org.primer.figma": {
|
|
@@ -6506,7 +6442,7 @@
|
|
|
6506
6442
|
"path": ["button", "default", "borderColor", "hover"]
|
|
6507
6443
|
},
|
|
6508
6444
|
"button-default-borderColor-active": {
|
|
6509
|
-
"value": "#
|
|
6445
|
+
"value": "#d1d9e0",
|
|
6510
6446
|
"$type": "color",
|
|
6511
6447
|
"$extensions": {
|
|
6512
6448
|
"org.primer.figma": {
|
|
@@ -6519,7 +6455,7 @@
|
|
|
6519
6455
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6520
6456
|
"isSource": true,
|
|
6521
6457
|
"original": {
|
|
6522
|
-
"value": "{borderColor.
|
|
6458
|
+
"value": "{control.borderColor.rest}",
|
|
6523
6459
|
"$type": "color",
|
|
6524
6460
|
"$extensions": {
|
|
6525
6461
|
"org.primer.figma": {
|
|
@@ -6535,7 +6471,7 @@
|
|
|
6535
6471
|
"path": ["button", "default", "borderColor", "active"]
|
|
6536
6472
|
},
|
|
6537
6473
|
"button-default-borderColor-disabled": {
|
|
6538
|
-
"value": "#
|
|
6474
|
+
"value": "#818b981a",
|
|
6539
6475
|
"$type": "color",
|
|
6540
6476
|
"$extensions": {
|
|
6541
6477
|
"org.primer.figma": {
|
|
@@ -6578,7 +6514,7 @@
|
|
|
6578
6514
|
"original": {
|
|
6579
6515
|
"value": [
|
|
6580
6516
|
{
|
|
6581
|
-
"color": "{base.color.
|
|
6517
|
+
"color": "{base.color.neutral.13}",
|
|
6582
6518
|
"alpha": 0.04,
|
|
6583
6519
|
"offsetX": "0px",
|
|
6584
6520
|
"offsetY": "1px",
|
|
@@ -6644,7 +6580,7 @@
|
|
|
6644
6580
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6645
6581
|
"isSource": true,
|
|
6646
6582
|
"original": {
|
|
6647
|
-
"value": "{base.color.
|
|
6583
|
+
"value": "{base.color.neutral.0}",
|
|
6648
6584
|
"$type": "color",
|
|
6649
6585
|
"$extensions": {
|
|
6650
6586
|
"org.primer.figma": {
|
|
@@ -6846,7 +6782,7 @@
|
|
|
6846
6782
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
6847
6783
|
"isSource": true,
|
|
6848
6784
|
"original": {
|
|
6849
|
-
"value": "{base.color.
|
|
6785
|
+
"value": "{base.color.neutral.13}",
|
|
6850
6786
|
"$type": "color",
|
|
6851
6787
|
"$extensions": {
|
|
6852
6788
|
"org.primer.figma": {
|
|
@@ -6987,7 +6923,7 @@
|
|
|
6987
6923
|
"path": ["button", "primary", "shadow", "selected"]
|
|
6988
6924
|
},
|
|
6989
6925
|
"button-invisible-fgColor-rest": {
|
|
6990
|
-
"value": "#
|
|
6926
|
+
"value": "#59636e",
|
|
6991
6927
|
"$type": "color",
|
|
6992
6928
|
"$extensions": {
|
|
6993
6929
|
"org.primer.figma": {
|
|
@@ -7000,7 +6936,7 @@
|
|
|
7000
6936
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7001
6937
|
"isSource": true,
|
|
7002
6938
|
"original": {
|
|
7003
|
-
"value": "{fgColor.
|
|
6939
|
+
"value": "{fgColor.muted}",
|
|
7004
6940
|
"$type": "color",
|
|
7005
6941
|
"$extensions": {
|
|
7006
6942
|
"org.primer.figma": {
|
|
@@ -7016,7 +6952,7 @@
|
|
|
7016
6952
|
"path": ["button", "invisible", "fgColor", "rest"]
|
|
7017
6953
|
},
|
|
7018
6954
|
"button-invisible-fgColor-hover": {
|
|
7019
|
-
"value": "#
|
|
6955
|
+
"value": "#59636e",
|
|
7020
6956
|
"$type": "color",
|
|
7021
6957
|
"$extensions": {
|
|
7022
6958
|
"org.primer.figma": {
|
|
@@ -7029,7 +6965,7 @@
|
|
|
7029
6965
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7030
6966
|
"isSource": true,
|
|
7031
6967
|
"original": {
|
|
7032
|
-
"value": "{fgColor.
|
|
6968
|
+
"value": "{fgColor.muted}",
|
|
7033
6969
|
"$type": "color",
|
|
7034
6970
|
"$extensions": {
|
|
7035
6971
|
"org.primer.figma": {
|
|
@@ -7045,7 +6981,7 @@
|
|
|
7045
6981
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7046
6982
|
},
|
|
7047
6983
|
"button-invisible-fgColor-disabled": {
|
|
7048
|
-
"value": "#
|
|
6984
|
+
"value": "#818b98",
|
|
7049
6985
|
"$type": "color",
|
|
7050
6986
|
"$extensions": {
|
|
7051
6987
|
"org.primer.figma": {
|
|
@@ -7074,7 +7010,7 @@
|
|
|
7074
7010
|
"path": ["button", "invisible", "fgColor", "disabled"]
|
|
7075
7011
|
},
|
|
7076
7012
|
"button-invisible-iconColor-rest": {
|
|
7077
|
-
"value": "#
|
|
7013
|
+
"value": "#59636e",
|
|
7078
7014
|
"$type": "color",
|
|
7079
7015
|
"$extensions": {
|
|
7080
7016
|
"org.primer.figma": {
|
|
@@ -7103,7 +7039,7 @@
|
|
|
7103
7039
|
"path": ["button", "invisible", "iconColor", "rest"]
|
|
7104
7040
|
},
|
|
7105
7041
|
"button-invisible-iconColor-hover": {
|
|
7106
|
-
"value": "#
|
|
7042
|
+
"value": "#59636e",
|
|
7107
7043
|
"$type": "color",
|
|
7108
7044
|
"$extensions": {
|
|
7109
7045
|
"org.primer.figma": {
|
|
@@ -7132,7 +7068,7 @@
|
|
|
7132
7068
|
"path": ["button", "invisible", "iconColor", "hover"]
|
|
7133
7069
|
},
|
|
7134
7070
|
"button-invisible-iconColor-disabled": {
|
|
7135
|
-
"value": "#
|
|
7071
|
+
"value": "#818b98",
|
|
7136
7072
|
"$type": "color",
|
|
7137
7073
|
"$extensions": {
|
|
7138
7074
|
"org.primer.figma": {
|
|
@@ -7190,7 +7126,7 @@
|
|
|
7190
7126
|
"path": ["button", "invisible", "bgColor", "rest"]
|
|
7191
7127
|
},
|
|
7192
7128
|
"button-invisible-bgColor-hover": {
|
|
7193
|
-
"value": "#
|
|
7129
|
+
"value": "#818b981a",
|
|
7194
7130
|
"$type": "color",
|
|
7195
7131
|
"$extensions": {
|
|
7196
7132
|
"org.primer.figma": {
|
|
@@ -7219,7 +7155,7 @@
|
|
|
7219
7155
|
"path": ["button", "invisible", "bgColor", "hover"]
|
|
7220
7156
|
},
|
|
7221
7157
|
"button-invisible-bgColor-active": {
|
|
7222
|
-
"value": "#
|
|
7158
|
+
"value": "#818b9826",
|
|
7223
7159
|
"$type": "color",
|
|
7224
7160
|
"$extensions": {
|
|
7225
7161
|
"org.primer.figma": {
|
|
@@ -7248,7 +7184,7 @@
|
|
|
7248
7184
|
"path": ["button", "invisible", "bgColor", "active"]
|
|
7249
7185
|
},
|
|
7250
7186
|
"button-invisible-bgColor-disabled": {
|
|
7251
|
-
"value": "#
|
|
7187
|
+
"value": "#eff2f5",
|
|
7252
7188
|
"$type": "color",
|
|
7253
7189
|
"$extensions": {
|
|
7254
7190
|
"org.primer.figma": {
|
|
@@ -7335,7 +7271,7 @@
|
|
|
7335
7271
|
"path": ["button", "invisible", "borderColor", "hover"]
|
|
7336
7272
|
},
|
|
7337
7273
|
"button-invisible-borderColor-disabled": {
|
|
7338
|
-
"value": "#
|
|
7274
|
+
"value": "#818b981a",
|
|
7339
7275
|
"$type": "color",
|
|
7340
7276
|
"$extensions": {
|
|
7341
7277
|
"org.primer.figma": {
|
|
@@ -7406,7 +7342,7 @@
|
|
|
7406
7342
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7407
7343
|
"isSource": true,
|
|
7408
7344
|
"original": {
|
|
7409
|
-
"value": "{base.color.
|
|
7345
|
+
"value": "{base.color.neutral.0}",
|
|
7410
7346
|
"$type": "color",
|
|
7411
7347
|
"$extensions": {
|
|
7412
7348
|
"org.primer.figma": {
|
|
@@ -7435,7 +7371,7 @@
|
|
|
7435
7371
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7436
7372
|
"isSource": true,
|
|
7437
7373
|
"original": {
|
|
7438
|
-
"value": "{base.color.
|
|
7374
|
+
"value": "{base.color.neutral.0}",
|
|
7439
7375
|
"$type": "color",
|
|
7440
7376
|
"$extensions": {
|
|
7441
7377
|
"org.primer.figma": {
|
|
@@ -7577,7 +7513,7 @@
|
|
|
7577
7513
|
"path": ["button", "outline", "bgColor", "active"]
|
|
7578
7514
|
},
|
|
7579
7515
|
"button-outline-bgColor-disabled": {
|
|
7580
|
-
"value": "#
|
|
7516
|
+
"value": "#eff2f5",
|
|
7581
7517
|
"$type": "color",
|
|
7582
7518
|
"$extensions": {
|
|
7583
7519
|
"org.primer.figma": {
|
|
@@ -7590,7 +7526,7 @@
|
|
|
7590
7526
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7591
7527
|
"isSource": true,
|
|
7592
7528
|
"original": {
|
|
7593
|
-
"value": "{
|
|
7529
|
+
"value": "{control.bgColor.disabled}",
|
|
7594
7530
|
"$type": "color",
|
|
7595
7531
|
"$extensions": {
|
|
7596
7532
|
"org.primer.figma": {
|
|
@@ -7616,11 +7552,10 @@
|
|
|
7616
7552
|
"scopes": ["borderColor"]
|
|
7617
7553
|
}
|
|
7618
7554
|
},
|
|
7619
|
-
"alpha": 0.15,
|
|
7620
7555
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7621
7556
|
"isSource": true,
|
|
7622
7557
|
"original": {
|
|
7623
|
-
"value": "{
|
|
7558
|
+
"value": "{button.primary.borderColor.hover}",
|
|
7624
7559
|
"$type": "color",
|
|
7625
7560
|
"$extensions": {
|
|
7626
7561
|
"org.primer.figma": {
|
|
@@ -7629,8 +7564,7 @@
|
|
|
7629
7564
|
"group": "component (internal)",
|
|
7630
7565
|
"scopes": ["borderColor"]
|
|
7631
7566
|
}
|
|
7632
|
-
}
|
|
7633
|
-
"alpha": 0.15
|
|
7567
|
+
}
|
|
7634
7568
|
},
|
|
7635
7569
|
"name": "button-outline-borderColor-hover",
|
|
7636
7570
|
"attributes": {},
|
|
@@ -7745,7 +7679,7 @@
|
|
|
7745
7679
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7746
7680
|
"isSource": true,
|
|
7747
7681
|
"original": {
|
|
7748
|
-
"value": "{base.color.
|
|
7682
|
+
"value": "{base.color.neutral.0}",
|
|
7749
7683
|
"$type": "color",
|
|
7750
7684
|
"$extensions": {
|
|
7751
7685
|
"org.primer.figma": {
|
|
@@ -7774,7 +7708,7 @@
|
|
|
7774
7708
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7775
7709
|
"isSource": true,
|
|
7776
7710
|
"original": {
|
|
7777
|
-
"value": "{base.color.
|
|
7711
|
+
"value": "{base.color.neutral.0}",
|
|
7778
7712
|
"$type": "color",
|
|
7779
7713
|
"$extensions": {
|
|
7780
7714
|
"org.primer.figma": {
|
|
@@ -7863,7 +7797,7 @@
|
|
|
7863
7797
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7864
7798
|
"isSource": true,
|
|
7865
7799
|
"original": {
|
|
7866
|
-
"value": "{base.color.
|
|
7800
|
+
"value": "{base.color.neutral.0}",
|
|
7867
7801
|
"$type": "color",
|
|
7868
7802
|
"$extensions": {
|
|
7869
7803
|
"org.primer.figma": {
|
|
@@ -7974,7 +7908,7 @@
|
|
|
7974
7908
|
"path": ["button", "danger", "bgColor", "active"]
|
|
7975
7909
|
},
|
|
7976
7910
|
"button-danger-bgColor-disabled": {
|
|
7977
|
-
"value": "#
|
|
7911
|
+
"value": "#eff2f5",
|
|
7978
7912
|
"$type": "color",
|
|
7979
7913
|
"$extensions": {
|
|
7980
7914
|
"org.primer.figma": {
|
|
@@ -8003,7 +7937,7 @@
|
|
|
8003
7937
|
"path": ["button", "danger", "bgColor", "disabled"]
|
|
8004
7938
|
},
|
|
8005
7939
|
"button-danger-borderColor-rest": {
|
|
8006
|
-
"value": "#
|
|
7940
|
+
"value": "#d1d9e0",
|
|
8007
7941
|
"$type": "color",
|
|
8008
7942
|
"$extensions": {
|
|
8009
7943
|
"org.primer.figma": {
|
|
@@ -8016,7 +7950,7 @@
|
|
|
8016
7950
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8017
7951
|
"isSource": true,
|
|
8018
7952
|
"original": {
|
|
8019
|
-
"value": "{borderColor.
|
|
7953
|
+
"value": "{control.borderColor.rest}",
|
|
8020
7954
|
"$type": "color",
|
|
8021
7955
|
"$extensions": {
|
|
8022
7956
|
"org.primer.figma": {
|
|
@@ -8042,11 +7976,10 @@
|
|
|
8042
7976
|
"scopes": ["borderColor"]
|
|
8043
7977
|
}
|
|
8044
7978
|
},
|
|
8045
|
-
"alpha": 0.15,
|
|
8046
7979
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8047
7980
|
"isSource": true,
|
|
8048
7981
|
"original": {
|
|
8049
|
-
"value": "{
|
|
7982
|
+
"value": "{button.primary.borderColor.rest}",
|
|
8050
7983
|
"$type": "color",
|
|
8051
7984
|
"$extensions": {
|
|
8052
7985
|
"org.primer.figma": {
|
|
@@ -8055,8 +7988,7 @@
|
|
|
8055
7988
|
"group": "component (internal)",
|
|
8056
7989
|
"scopes": ["borderColor"]
|
|
8057
7990
|
}
|
|
8058
|
-
}
|
|
8059
|
-
"alpha": 0.15
|
|
7991
|
+
}
|
|
8060
7992
|
},
|
|
8061
7993
|
"name": "button-danger-borderColor-hover",
|
|
8062
7994
|
"attributes": {},
|
|
@@ -8129,7 +8061,7 @@
|
|
|
8129
8061
|
"path": ["button", "danger", "shadow", "selected"]
|
|
8130
8062
|
},
|
|
8131
8063
|
"button-inactive-fgColor": {
|
|
8132
|
-
"value": "#
|
|
8064
|
+
"value": "#59636e",
|
|
8133
8065
|
"$type": "color",
|
|
8134
8066
|
"$extensions": {
|
|
8135
8067
|
"org.primer.figma": {
|
|
@@ -8142,7 +8074,7 @@
|
|
|
8142
8074
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8143
8075
|
"isSource": true,
|
|
8144
8076
|
"original": {
|
|
8145
|
-
"value": "{base.color.neutral.
|
|
8077
|
+
"value": "{base.color.neutral.9}",
|
|
8146
8078
|
"$type": "color",
|
|
8147
8079
|
"$extensions": {
|
|
8148
8080
|
"org.primer.figma": {
|
|
@@ -8158,7 +8090,7 @@
|
|
|
8158
8090
|
"path": ["button", "inactive", "fgColor"]
|
|
8159
8091
|
},
|
|
8160
8092
|
"button-inactive-bgColor": {
|
|
8161
|
-
"value": "#
|
|
8093
|
+
"value": "#e6eaef",
|
|
8162
8094
|
"$type": "color",
|
|
8163
8095
|
"$extensions": {
|
|
8164
8096
|
"org.primer.figma": {
|
|
@@ -8171,7 +8103,7 @@
|
|
|
8171
8103
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8172
8104
|
"isSource": true,
|
|
8173
8105
|
"original": {
|
|
8174
|
-
"value": "{base.color.neutral.
|
|
8106
|
+
"value": "{base.color.neutral.3}",
|
|
8175
8107
|
"$type": "color",
|
|
8176
8108
|
"$extensions": {
|
|
8177
8109
|
"org.primer.figma": {
|
|
@@ -8216,7 +8148,7 @@
|
|
|
8216
8148
|
"path": ["button", "star", "iconColor"]
|
|
8217
8149
|
},
|
|
8218
8150
|
"buttonCounter-default-bgColor-rest": {
|
|
8219
|
-
"value": "#
|
|
8151
|
+
"value": "#e0e6ebb3",
|
|
8220
8152
|
"$type": "color",
|
|
8221
8153
|
"$extensions": {
|
|
8222
8154
|
"org.primer.figma": {
|
|
@@ -8245,7 +8177,7 @@
|
|
|
8245
8177
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8246
8178
|
},
|
|
8247
8179
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8248
|
-
"value": "#
|
|
8180
|
+
"value": "#e0e6ebb3",
|
|
8249
8181
|
"$type": "color",
|
|
8250
8182
|
"$extensions": {
|
|
8251
8183
|
"org.primer.figma": {
|
|
@@ -8350,7 +8282,7 @@
|
|
|
8350
8282
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8351
8283
|
"isSource": true,
|
|
8352
8284
|
"original": {
|
|
8353
|
-
"value": "{base.color.
|
|
8285
|
+
"value": "{base.color.neutral.0}",
|
|
8354
8286
|
"$type": "color",
|
|
8355
8287
|
"$extensions": {
|
|
8356
8288
|
"org.primer.figma": {
|
|
@@ -8440,7 +8372,7 @@
|
|
|
8440
8372
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8441
8373
|
"isSource": true,
|
|
8442
8374
|
"original": {
|
|
8443
|
-
"value": "{base.color.
|
|
8375
|
+
"value": "{base.color.neutral.0}",
|
|
8444
8376
|
"$type": "color",
|
|
8445
8377
|
"$extensions": {
|
|
8446
8378
|
"org.primer.figma": {
|
|
@@ -8501,7 +8433,7 @@
|
|
|
8501
8433
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8502
8434
|
"isSource": true,
|
|
8503
8435
|
"original": {
|
|
8504
|
-
"value": "{base.color.
|
|
8436
|
+
"value": "{base.color.neutral.0}",
|
|
8505
8437
|
"$type": "color",
|
|
8506
8438
|
"$extensions": {
|
|
8507
8439
|
"org.primer.figma": {
|
|
@@ -8630,7 +8562,7 @@
|
|
|
8630
8562
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8631
8563
|
"isSource": true,
|
|
8632
8564
|
"original": {
|
|
8633
|
-
"value": "{base.color.
|
|
8565
|
+
"value": "{base.color.neutral.0}",
|
|
8634
8566
|
"$type": "color",
|
|
8635
8567
|
"$extensions": {
|
|
8636
8568
|
"org.primer.figma": {
|
|
@@ -8889,7 +8821,7 @@
|
|
|
8889
8821
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8890
8822
|
"isSource": true,
|
|
8891
8823
|
"original": {
|
|
8892
|
-
"value": "{base.color.
|
|
8824
|
+
"value": "{base.color.neutral.0}",
|
|
8893
8825
|
"$type": "color",
|
|
8894
8826
|
"$extensions": {
|
|
8895
8827
|
"org.primer.figma": {
|
|
@@ -8905,7 +8837,7 @@
|
|
|
8905
8837
|
"path": ["overlay", "bgColor"]
|
|
8906
8838
|
},
|
|
8907
8839
|
"overlay-borderColor": {
|
|
8908
|
-
"value": "#
|
|
8840
|
+
"value": "#d1d9e080",
|
|
8909
8841
|
"$type": "color",
|
|
8910
8842
|
"$extensions": {
|
|
8911
8843
|
"org.primer.figma": {
|
|
@@ -8934,7 +8866,7 @@
|
|
|
8934
8866
|
"path": ["overlay", "borderColor"]
|
|
8935
8867
|
},
|
|
8936
8868
|
"overlay-backdrop-bgColor": {
|
|
8937
|
-
"value": "#
|
|
8869
|
+
"value": "#c8d1da66",
|
|
8938
8870
|
"$type": "color",
|
|
8939
8871
|
"$extensions": {
|
|
8940
8872
|
"org.primer.figma": {
|
|
@@ -8944,11 +8876,11 @@
|
|
|
8944
8876
|
"scopes": ["bgColor"]
|
|
8945
8877
|
}
|
|
8946
8878
|
},
|
|
8947
|
-
"alpha": 0.
|
|
8879
|
+
"alpha": 0.4,
|
|
8948
8880
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
8949
8881
|
"isSource": true,
|
|
8950
8882
|
"original": {
|
|
8951
|
-
"value": "{base.color.neutral.
|
|
8883
|
+
"value": "{base.color.neutral.7}",
|
|
8952
8884
|
"$type": "color",
|
|
8953
8885
|
"$extensions": {
|
|
8954
8886
|
"org.primer.figma": {
|
|
@@ -8958,7 +8890,7 @@
|
|
|
8958
8890
|
"scopes": ["bgColor"]
|
|
8959
8891
|
}
|
|
8960
8892
|
},
|
|
8961
|
-
"alpha": 0.
|
|
8893
|
+
"alpha": 0.4
|
|
8962
8894
|
},
|
|
8963
8895
|
"name": "overlay-backdrop-bgColor",
|
|
8964
8896
|
"attributes": {},
|
|
@@ -9036,7 +8968,7 @@
|
|
|
9036
8968
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9037
8969
|
"isSource": true,
|
|
9038
8970
|
"original": {
|
|
9039
|
-
"value": "{base.color.
|
|
8971
|
+
"value": "{base.color.neutral.0}",
|
|
9040
8972
|
"$type": "color",
|
|
9041
8973
|
"$extensions": {
|
|
9042
8974
|
"org.primer.figma": {
|
|
@@ -9065,7 +8997,7 @@
|
|
|
9065
8997
|
"path": ["skeletonLoader", "bgColor"]
|
|
9066
8998
|
},
|
|
9067
8999
|
"timelineBadge-bgColor": {
|
|
9068
|
-
"value": "#
|
|
9000
|
+
"value": "#f6f8fa",
|
|
9069
9001
|
"$type": "color",
|
|
9070
9002
|
"$extensions": {
|
|
9071
9003
|
"org.primer.figma": {
|
|
@@ -9078,7 +9010,7 @@
|
|
|
9078
9010
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9079
9011
|
"isSource": true,
|
|
9080
9012
|
"original": {
|
|
9081
|
-
"value": "{
|
|
9013
|
+
"value": "{bgColor.muted}",
|
|
9082
9014
|
"$type": "color",
|
|
9083
9015
|
"$extensions": {
|
|
9084
9016
|
"org.primer.figma": {
|
|
@@ -9152,7 +9084,7 @@
|
|
|
9152
9084
|
"path": ["underlineNav", "borderColor", "active"]
|
|
9153
9085
|
},
|
|
9154
9086
|
"underlineNav-borderColor-hover": {
|
|
9155
|
-
"value": "#
|
|
9087
|
+
"value": "#d1d9e0b3",
|
|
9156
9088
|
"$type": "color",
|
|
9157
9089
|
"$extensions": {
|
|
9158
9090
|
"org.primer.figma": {
|
|
@@ -9165,7 +9097,7 @@
|
|
|
9165
9097
|
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
9166
9098
|
"isSource": true,
|
|
9167
9099
|
"original": {
|
|
9168
|
-
"value": "{borderColor.
|
|
9100
|
+
"value": "{borderColor.muted}",
|
|
9169
9101
|
"$type": "color",
|
|
9170
9102
|
"$extensions": {
|
|
9171
9103
|
"org.primer.figma": {
|
|
@@ -9181,7 +9113,7 @@
|
|
|
9181
9113
|
"path": ["underlineNav", "borderColor", "hover"]
|
|
9182
9114
|
},
|
|
9183
9115
|
"underlineNav-iconColor-rest": {
|
|
9184
|
-
"value": "#
|
|
9116
|
+
"value": "#59636e",
|
|
9185
9117
|
"$type": "color",
|
|
9186
9118
|
"$extensions": {
|
|
9187
9119
|
"org.primer.figma": {
|
|
@@ -12576,7 +12508,7 @@
|
|
|
12576
12508
|
"path": ["label", "coral", "fgColor", "active"]
|
|
12577
12509
|
},
|
|
12578
12510
|
"tooltip-bgColor": {
|
|
12579
|
-
"value": "#
|
|
12511
|
+
"value": "#25292e",
|
|
12580
12512
|
"$type": "color",
|
|
12581
12513
|
"$extensions": {
|
|
12582
12514
|
"org.primer.figma": {
|
|
@@ -12650,7 +12582,7 @@
|
|
|
12650
12582
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12651
12583
|
"isSource": true,
|
|
12652
12584
|
"original": {
|
|
12653
|
-
"value": "{base.color.
|
|
12585
|
+
"value": "{base.color.neutral.13}",
|
|
12654
12586
|
"$type": "color",
|
|
12655
12587
|
"$extensions": {
|
|
12656
12588
|
"org.primer.figma": {
|
|
@@ -12669,7 +12601,7 @@
|
|
|
12669
12601
|
"path": ["fgColor", "default"]
|
|
12670
12602
|
},
|
|
12671
12603
|
"fgColor-muted": {
|
|
12672
|
-
"value": "#
|
|
12604
|
+
"value": "#59636e",
|
|
12673
12605
|
"$type": "color",
|
|
12674
12606
|
"$extensions": {
|
|
12675
12607
|
"org.primer.figma": {
|
|
@@ -12682,14 +12614,10 @@
|
|
|
12682
12614
|
}
|
|
12683
12615
|
}
|
|
12684
12616
|
},
|
|
12685
|
-
"mix": {
|
|
12686
|
-
"color": "#6e7781",
|
|
12687
|
-
"weight": 0.5
|
|
12688
|
-
},
|
|
12689
12617
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12690
12618
|
"isSource": true,
|
|
12691
12619
|
"original": {
|
|
12692
|
-
"value": "{base.color.neutral.
|
|
12620
|
+
"value": "{base.color.neutral.9}",
|
|
12693
12621
|
"$type": "color",
|
|
12694
12622
|
"$extensions": {
|
|
12695
12623
|
"org.primer.figma": {
|
|
@@ -12701,10 +12629,6 @@
|
|
|
12701
12629
|
"web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
|
|
12702
12630
|
}
|
|
12703
12631
|
}
|
|
12704
|
-
},
|
|
12705
|
-
"mix": {
|
|
12706
|
-
"color": "{base.color.neutral.5}",
|
|
12707
|
-
"weight": 0.5
|
|
12708
12632
|
}
|
|
12709
12633
|
},
|
|
12710
12634
|
"name": "fgColor-muted",
|
|
@@ -12728,7 +12652,7 @@
|
|
|
12728
12652
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12729
12653
|
"isSource": true,
|
|
12730
12654
|
"original": {
|
|
12731
|
-
"value": "{base.color.
|
|
12655
|
+
"value": "{base.color.neutral.0}",
|
|
12732
12656
|
"$type": "color",
|
|
12733
12657
|
"$extensions": {
|
|
12734
12658
|
"org.primer.figma": {
|
|
@@ -12760,7 +12684,7 @@
|
|
|
12760
12684
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12761
12685
|
"isSource": true,
|
|
12762
12686
|
"original": {
|
|
12763
|
-
"value": "{base.color.
|
|
12687
|
+
"value": "{base.color.neutral.0}",
|
|
12764
12688
|
"$type": "color",
|
|
12765
12689
|
"$extensions": {
|
|
12766
12690
|
"org.primer.figma": {
|
|
@@ -12789,7 +12713,7 @@
|
|
|
12789
12713
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12790
12714
|
"isSource": true,
|
|
12791
12715
|
"original": {
|
|
12792
|
-
"value": "{base.color.
|
|
12716
|
+
"value": "{base.color.neutral.0}",
|
|
12793
12717
|
"$type": "color",
|
|
12794
12718
|
"$extensions": {
|
|
12795
12719
|
"org.primer.figma": {
|
|
@@ -12818,7 +12742,7 @@
|
|
|
12818
12742
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12819
12743
|
"isSource": true,
|
|
12820
12744
|
"original": {
|
|
12821
|
-
"value": "{base.color.
|
|
12745
|
+
"value": "{base.color.neutral.13}",
|
|
12822
12746
|
"$type": "color",
|
|
12823
12747
|
"$extensions": {
|
|
12824
12748
|
"org.primer.figma": {
|
|
@@ -12834,7 +12758,7 @@
|
|
|
12834
12758
|
"path": ["fgColor", "black"]
|
|
12835
12759
|
},
|
|
12836
12760
|
"fgColor-disabled": {
|
|
12837
|
-
"value": "#
|
|
12761
|
+
"value": "#818b98",
|
|
12838
12762
|
"$type": "color",
|
|
12839
12763
|
"$extensions": {
|
|
12840
12764
|
"org.primer.figma": {
|
|
@@ -12847,7 +12771,7 @@
|
|
|
12847
12771
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12848
12772
|
"isSource": true,
|
|
12849
12773
|
"original": {
|
|
12850
|
-
"value": "{base.color.neutral.
|
|
12774
|
+
"value": "{base.color.neutral.8}",
|
|
12851
12775
|
"$type": "color",
|
|
12852
12776
|
"$extensions": {
|
|
12853
12777
|
"org.primer.figma": {
|
|
@@ -12898,7 +12822,7 @@
|
|
|
12898
12822
|
"path": ["fgColor", "link"]
|
|
12899
12823
|
},
|
|
12900
12824
|
"fgColor-neutral": {
|
|
12901
|
-
"value": "#
|
|
12825
|
+
"value": "#59636e",
|
|
12902
12826
|
"$type": "color",
|
|
12903
12827
|
"$extensions": {
|
|
12904
12828
|
"org.primer.figma": {
|
|
@@ -12911,7 +12835,7 @@
|
|
|
12911
12835
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12912
12836
|
"isSource": true,
|
|
12913
12837
|
"original": {
|
|
12914
|
-
"value": "{base.color.neutral.
|
|
12838
|
+
"value": "{base.color.neutral.9}",
|
|
12915
12839
|
"$type": "color",
|
|
12916
12840
|
"$extensions": {
|
|
12917
12841
|
"org.primer.figma": {
|
|
@@ -13145,7 +13069,7 @@
|
|
|
13145
13069
|
"path": ["fgColor", "danger"]
|
|
13146
13070
|
},
|
|
13147
13071
|
"fgColor-closed": {
|
|
13148
|
-
"value": "#
|
|
13072
|
+
"value": "#59636e",
|
|
13149
13073
|
"$type": "color",
|
|
13150
13074
|
"$extensions": {
|
|
13151
13075
|
"org.primer.figma": {
|
|
@@ -13161,7 +13085,7 @@
|
|
|
13161
13085
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
13162
13086
|
"isSource": true,
|
|
13163
13087
|
"original": {
|
|
13164
|
-
"value": "{
|
|
13088
|
+
"value": "{fgColor.muted}",
|
|
13165
13089
|
"$type": "color",
|
|
13166
13090
|
"$extensions": {
|
|
13167
13091
|
"org.primer.figma": {
|
|
@@ -13301,7 +13225,7 @@
|
|
|
13301
13225
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13302
13226
|
"isSource": true,
|
|
13303
13227
|
"original": {
|
|
13304
|
-
"value": "{base.color.
|
|
13228
|
+
"value": "{base.color.neutral.0}",
|
|
13305
13229
|
"$type": "color",
|
|
13306
13230
|
"$extensions": {
|
|
13307
13231
|
"org.primer.figma": {
|
|
@@ -13336,7 +13260,7 @@
|
|
|
13336
13260
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13337
13261
|
"isSource": true,
|
|
13338
13262
|
"original": {
|
|
13339
|
-
"value": "{base.color.neutral.
|
|
13263
|
+
"value": "{base.color.neutral.1}",
|
|
13340
13264
|
"$type": "color",
|
|
13341
13265
|
"$extensions": {
|
|
13342
13266
|
"org.primer.figma": {
|
|
@@ -13371,7 +13295,7 @@
|
|
|
13371
13295
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13372
13296
|
"isSource": true,
|
|
13373
13297
|
"original": {
|
|
13374
|
-
"value": "{
|
|
13298
|
+
"value": "{bgColor.muted}",
|
|
13375
13299
|
"$type": "color",
|
|
13376
13300
|
"$extensions": {
|
|
13377
13301
|
"org.primer.figma": {
|
|
@@ -13390,7 +13314,7 @@
|
|
|
13390
13314
|
"path": ["bgColor", "inset"]
|
|
13391
13315
|
},
|
|
13392
13316
|
"bgColor-emphasis": {
|
|
13393
|
-
"value": "#
|
|
13317
|
+
"value": "#25292e",
|
|
13394
13318
|
"$type": "color",
|
|
13395
13319
|
"$extensions": {
|
|
13396
13320
|
"org.primer.figma": {
|
|
@@ -13406,7 +13330,7 @@
|
|
|
13406
13330
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13407
13331
|
"isSource": true,
|
|
13408
13332
|
"original": {
|
|
13409
|
-
"value": "{base.color.neutral.
|
|
13333
|
+
"value": "{base.color.neutral.12}",
|
|
13410
13334
|
"$type": "color",
|
|
13411
13335
|
"$extensions": {
|
|
13412
13336
|
"org.primer.figma": {
|
|
@@ -13425,7 +13349,7 @@
|
|
|
13425
13349
|
"path": ["bgColor", "emphasis"]
|
|
13426
13350
|
},
|
|
13427
13351
|
"bgColor-inverse": {
|
|
13428
|
-
"value": "#
|
|
13352
|
+
"value": "#25292e",
|
|
13429
13353
|
"$type": "color",
|
|
13430
13354
|
"$extensions": {
|
|
13431
13355
|
"org.primer.figma": {
|
|
@@ -13438,7 +13362,7 @@
|
|
|
13438
13362
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13439
13363
|
"isSource": true,
|
|
13440
13364
|
"original": {
|
|
13441
|
-
"value": "{base.color.neutral.
|
|
13365
|
+
"value": "{base.color.neutral.12}",
|
|
13442
13366
|
"$type": "color",
|
|
13443
13367
|
"$extensions": {
|
|
13444
13368
|
"org.primer.figma": {
|
|
@@ -13467,7 +13391,7 @@
|
|
|
13467
13391
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13468
13392
|
"isSource": true,
|
|
13469
13393
|
"original": {
|
|
13470
|
-
"value": "{base.color.
|
|
13394
|
+
"value": "{base.color.neutral.0}",
|
|
13471
13395
|
"$type": "color",
|
|
13472
13396
|
"$extensions": {
|
|
13473
13397
|
"org.primer.figma": {
|
|
@@ -13496,7 +13420,7 @@
|
|
|
13496
13420
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13497
13421
|
"isSource": true,
|
|
13498
13422
|
"original": {
|
|
13499
|
-
"value": "{base.color.
|
|
13423
|
+
"value": "{base.color.neutral.13}",
|
|
13500
13424
|
"$type": "color",
|
|
13501
13425
|
"$extensions": {
|
|
13502
13426
|
"org.primer.figma": {
|
|
@@ -13512,7 +13436,7 @@
|
|
|
13512
13436
|
"path": ["bgColor", "black"]
|
|
13513
13437
|
},
|
|
13514
13438
|
"bgColor-disabled": {
|
|
13515
|
-
"value": "#
|
|
13439
|
+
"value": "#eff2f5",
|
|
13516
13440
|
"$type": "color",
|
|
13517
13441
|
"$extensions": {
|
|
13518
13442
|
"org.primer.figma": {
|
|
@@ -13522,11 +13446,10 @@
|
|
|
13522
13446
|
"scopes": ["bgColor"]
|
|
13523
13447
|
}
|
|
13524
13448
|
},
|
|
13525
|
-
"alpha": 0.7,
|
|
13526
13449
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13527
13450
|
"isSource": true,
|
|
13528
13451
|
"original": {
|
|
13529
|
-
"value": "{base.color.neutral.
|
|
13452
|
+
"value": "{base.color.neutral.2}",
|
|
13530
13453
|
"$type": "color",
|
|
13531
13454
|
"$extensions": {
|
|
13532
13455
|
"org.primer.figma": {
|
|
@@ -13535,8 +13458,7 @@
|
|
|
13535
13458
|
"group": "semantic",
|
|
13536
13459
|
"scopes": ["bgColor"]
|
|
13537
13460
|
}
|
|
13538
|
-
}
|
|
13539
|
-
"alpha": 0.7
|
|
13461
|
+
}
|
|
13540
13462
|
},
|
|
13541
13463
|
"name": "bgColor-disabled",
|
|
13542
13464
|
"attributes": {},
|
|
@@ -13578,7 +13500,7 @@
|
|
|
13578
13500
|
"path": ["bgColor", "transparent"]
|
|
13579
13501
|
},
|
|
13580
13502
|
"bgColor-neutral-muted": {
|
|
13581
|
-
"value": "#
|
|
13503
|
+
"value": "#e0e6ebb3",
|
|
13582
13504
|
"$type": "color",
|
|
13583
13505
|
"$extensions": {
|
|
13584
13506
|
"org.primer.figma": {
|
|
@@ -13588,11 +13510,11 @@
|
|
|
13588
13510
|
"scopes": ["bgColor"]
|
|
13589
13511
|
}
|
|
13590
13512
|
},
|
|
13591
|
-
"alpha": 0.
|
|
13513
|
+
"alpha": 0.7,
|
|
13592
13514
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13593
13515
|
"isSource": true,
|
|
13594
13516
|
"original": {
|
|
13595
|
-
"value": "{base.color.neutral.
|
|
13517
|
+
"value": "{base.color.neutral.4}",
|
|
13596
13518
|
"$type": "color",
|
|
13597
13519
|
"$extensions": {
|
|
13598
13520
|
"org.primer.figma": {
|
|
@@ -13602,14 +13524,14 @@
|
|
|
13602
13524
|
"scopes": ["bgColor"]
|
|
13603
13525
|
}
|
|
13604
13526
|
},
|
|
13605
|
-
"alpha": 0.
|
|
13527
|
+
"alpha": 0.7
|
|
13606
13528
|
},
|
|
13607
13529
|
"name": "bgColor-neutral-muted",
|
|
13608
13530
|
"attributes": {},
|
|
13609
13531
|
"path": ["bgColor", "neutral", "muted"]
|
|
13610
13532
|
},
|
|
13611
13533
|
"bgColor-neutral-emphasis": {
|
|
13612
|
-
"value": "#
|
|
13534
|
+
"value": "#59636e",
|
|
13613
13535
|
"$type": "color",
|
|
13614
13536
|
"$extensions": {
|
|
13615
13537
|
"org.primer.figma": {
|
|
@@ -13622,7 +13544,7 @@
|
|
|
13622
13544
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13623
13545
|
"isSource": true,
|
|
13624
13546
|
"original": {
|
|
13625
|
-
"value": "{base.color.neutral.
|
|
13547
|
+
"value": "{base.color.neutral.9}",
|
|
13626
13548
|
"$type": "color",
|
|
13627
13549
|
"$extensions": {
|
|
13628
13550
|
"org.primer.figma": {
|
|
@@ -14062,7 +13984,7 @@
|
|
|
14062
13984
|
"path": ["bgColor", "danger", "emphasis"]
|
|
14063
13985
|
},
|
|
14064
13986
|
"bgColor-closed-muted": {
|
|
14065
|
-
"value": "#
|
|
13987
|
+
"value": "#e0e6ebb3",
|
|
14066
13988
|
"$type": "color",
|
|
14067
13989
|
"$extensions": {
|
|
14068
13990
|
"org.primer.figma": {
|
|
@@ -14077,9 +13999,8 @@
|
|
|
14077
13999
|
},
|
|
14078
14000
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
14079
14001
|
"isSource": true,
|
|
14080
|
-
"alpha": 0.4,
|
|
14081
14002
|
"original": {
|
|
14082
|
-
"value": "{
|
|
14003
|
+
"value": "{bgColor.neutral.muted}",
|
|
14083
14004
|
"$type": "color",
|
|
14084
14005
|
"$extensions": {
|
|
14085
14006
|
"org.primer.figma": {
|
|
@@ -14091,15 +14012,14 @@
|
|
|
14091
14012
|
"web": "var(--bgColor-closed-muted) /* utility class: .color-bg-closed */"
|
|
14092
14013
|
}
|
|
14093
14014
|
}
|
|
14094
|
-
}
|
|
14095
|
-
"alpha": 0.4
|
|
14015
|
+
}
|
|
14096
14016
|
},
|
|
14097
14017
|
"name": "bgColor-closed-muted",
|
|
14098
14018
|
"attributes": {},
|
|
14099
14019
|
"path": ["bgColor", "closed", "muted"]
|
|
14100
14020
|
},
|
|
14101
14021
|
"bgColor-closed-emphasis": {
|
|
14102
|
-
"value": "#
|
|
14022
|
+
"value": "#59636e",
|
|
14103
14023
|
"$type": "color",
|
|
14104
14024
|
"$extensions": {
|
|
14105
14025
|
"org.primer.figma": {
|
|
@@ -14115,7 +14035,7 @@
|
|
|
14115
14035
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
14116
14036
|
"isSource": true,
|
|
14117
14037
|
"original": {
|
|
14118
|
-
"value": "{
|
|
14038
|
+
"value": "{bgColor.neutral.emphasis}",
|
|
14119
14039
|
"$type": "color",
|
|
14120
14040
|
"$extensions": {
|
|
14121
14041
|
"org.primer.figma": {
|
|
@@ -14344,7 +14264,7 @@
|
|
|
14344
14264
|
"path": ["bgColor", "sponsors", "emphasis"]
|
|
14345
14265
|
},
|
|
14346
14266
|
"borderColor-default": {
|
|
14347
|
-
"value": "#
|
|
14267
|
+
"value": "#d1d9e0",
|
|
14348
14268
|
"$type": "color",
|
|
14349
14269
|
"$extensions": {
|
|
14350
14270
|
"org.primer.figma": {
|
|
@@ -14360,7 +14280,7 @@
|
|
|
14360
14280
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14361
14281
|
"isSource": true,
|
|
14362
14282
|
"original": {
|
|
14363
|
-
"value": "{base.color.neutral.
|
|
14283
|
+
"value": "{base.color.neutral.6}",
|
|
14364
14284
|
"$type": "color",
|
|
14365
14285
|
"$extensions": {
|
|
14366
14286
|
"org.primer.figma": {
|
|
@@ -14379,7 +14299,7 @@
|
|
|
14379
14299
|
"path": ["borderColor", "default"]
|
|
14380
14300
|
},
|
|
14381
14301
|
"borderColor-muted": {
|
|
14382
|
-
"value": "#
|
|
14302
|
+
"value": "#d1d9e0b3",
|
|
14383
14303
|
"$type": "color",
|
|
14384
14304
|
"$extensions": {
|
|
14385
14305
|
"org.primer.figma": {
|
|
@@ -14416,7 +14336,7 @@
|
|
|
14416
14336
|
"path": ["borderColor", "muted"]
|
|
14417
14337
|
},
|
|
14418
14338
|
"borderColor-emphasis": {
|
|
14419
|
-
"value": "#
|
|
14339
|
+
"value": "#818b98",
|
|
14420
14340
|
"$type": "color",
|
|
14421
14341
|
"$extensions": {
|
|
14422
14342
|
"org.primer.figma": {
|
|
@@ -14429,7 +14349,7 @@
|
|
|
14429
14349
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14430
14350
|
"isSource": true,
|
|
14431
14351
|
"original": {
|
|
14432
|
-
"value": "{base.color.neutral.
|
|
14352
|
+
"value": "{base.color.neutral.8}",
|
|
14433
14353
|
"$type": "color",
|
|
14434
14354
|
"$extensions": {
|
|
14435
14355
|
"org.primer.figma": {
|
|
@@ -14445,7 +14365,7 @@
|
|
|
14445
14365
|
"path": ["borderColor", "emphasis"]
|
|
14446
14366
|
},
|
|
14447
14367
|
"borderColor-disabled": {
|
|
14448
|
-
"value": "#
|
|
14368
|
+
"value": "#818b981a",
|
|
14449
14369
|
"$type": "color",
|
|
14450
14370
|
"$extensions": {
|
|
14451
14371
|
"org.primer.figma": {
|
|
@@ -14455,10 +14375,11 @@
|
|
|
14455
14375
|
"scopes": ["borderColor"]
|
|
14456
14376
|
}
|
|
14457
14377
|
},
|
|
14378
|
+
"alpha": 0.1,
|
|
14458
14379
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14459
14380
|
"isSource": true,
|
|
14460
14381
|
"original": {
|
|
14461
|
-
"value": "{
|
|
14382
|
+
"value": "{base.color.neutral.8}",
|
|
14462
14383
|
"$type": "color",
|
|
14463
14384
|
"$extensions": {
|
|
14464
14385
|
"org.primer.figma": {
|
|
@@ -14467,7 +14388,8 @@
|
|
|
14467
14388
|
"group": "semantic",
|
|
14468
14389
|
"scopes": ["borderColor"]
|
|
14469
14390
|
}
|
|
14470
|
-
}
|
|
14391
|
+
},
|
|
14392
|
+
"alpha": 0.1
|
|
14471
14393
|
},
|
|
14472
14394
|
"name": "borderColor-disabled",
|
|
14473
14395
|
"attributes": {},
|
|
@@ -14517,7 +14439,7 @@
|
|
|
14517
14439
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14518
14440
|
"isSource": true,
|
|
14519
14441
|
"original": {
|
|
14520
|
-
"value": "{base.color.
|
|
14442
|
+
"value": "{base.color.neutral.13}",
|
|
14521
14443
|
"$type": "color",
|
|
14522
14444
|
"$extensions": {
|
|
14523
14445
|
"org.primer.figma": {
|
|
@@ -14534,7 +14456,7 @@
|
|
|
14534
14456
|
"path": ["borderColor", "translucent"]
|
|
14535
14457
|
},
|
|
14536
14458
|
"borderColor-neutral-muted": {
|
|
14537
|
-
"value": "#
|
|
14459
|
+
"value": "#d1d9e0b3",
|
|
14538
14460
|
"$type": "color",
|
|
14539
14461
|
"$extensions": {
|
|
14540
14462
|
"org.primer.figma": {
|
|
@@ -14544,11 +14466,10 @@
|
|
|
14544
14466
|
"scopes": ["borderColor"]
|
|
14545
14467
|
}
|
|
14546
14468
|
},
|
|
14547
|
-
"alpha": 0.2,
|
|
14548
14469
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14549
14470
|
"isSource": true,
|
|
14550
14471
|
"original": {
|
|
14551
|
-
"value": "{
|
|
14472
|
+
"value": "{borderColor.muted}",
|
|
14552
14473
|
"$type": "color",
|
|
14553
14474
|
"$extensions": {
|
|
14554
14475
|
"org.primer.figma": {
|
|
@@ -14557,15 +14478,14 @@
|
|
|
14557
14478
|
"group": "semantic",
|
|
14558
14479
|
"scopes": ["borderColor"]
|
|
14559
14480
|
}
|
|
14560
|
-
}
|
|
14561
|
-
"alpha": 0.2
|
|
14481
|
+
}
|
|
14562
14482
|
},
|
|
14563
14483
|
"name": "borderColor-neutral-muted",
|
|
14564
14484
|
"attributes": {},
|
|
14565
14485
|
"path": ["borderColor", "neutral", "muted"]
|
|
14566
14486
|
},
|
|
14567
14487
|
"borderColor-neutral-emphasis": {
|
|
14568
|
-
"value": "#
|
|
14488
|
+
"value": "#59636e",
|
|
14569
14489
|
"$type": "color",
|
|
14570
14490
|
"$extensions": {
|
|
14571
14491
|
"org.primer.figma": {
|
|
@@ -14578,7 +14498,7 @@
|
|
|
14578
14498
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14579
14499
|
"isSource": true,
|
|
14580
14500
|
"original": {
|
|
14581
|
-
"value": "{base.color.neutral.
|
|
14501
|
+
"value": "{base.color.neutral.9}",
|
|
14582
14502
|
"$type": "color",
|
|
14583
14503
|
"$extensions": {
|
|
14584
14504
|
"org.primer.figma": {
|
|
@@ -14847,7 +14767,7 @@
|
|
|
14847
14767
|
"path": ["borderColor", "attention", "muted"]
|
|
14848
14768
|
},
|
|
14849
14769
|
"borderColor-attention-emphasis": {
|
|
14850
|
-
"value": "#
|
|
14770
|
+
"value": "#9a6700",
|
|
14851
14771
|
"$type": "color",
|
|
14852
14772
|
"$extensions": {
|
|
14853
14773
|
"org.primer.figma": {
|
|
@@ -14863,7 +14783,7 @@
|
|
|
14863
14783
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14864
14784
|
"isSource": true,
|
|
14865
14785
|
"original": {
|
|
14866
|
-
"value": "{base.color.yellow.
|
|
14786
|
+
"value": "{base.color.yellow.5}",
|
|
14867
14787
|
"$type": "color",
|
|
14868
14788
|
"$extensions": {
|
|
14869
14789
|
"org.primer.figma": {
|
|
@@ -15026,7 +14946,7 @@
|
|
|
15026
14946
|
"path": ["borderColor", "danger", "emphasis"]
|
|
15027
14947
|
},
|
|
15028
14948
|
"borderColor-closed-muted": {
|
|
15029
|
-
"value": "#
|
|
14949
|
+
"value": "#d1d9e066",
|
|
15030
14950
|
"$type": "color",
|
|
15031
14951
|
"$extensions": {
|
|
15032
14952
|
"org.primer.figma": {
|
|
@@ -15043,7 +14963,7 @@
|
|
|
15043
14963
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
15044
14964
|
"isSource": true,
|
|
15045
14965
|
"original": {
|
|
15046
|
-
"value": "{
|
|
14966
|
+
"value": "{borderColor.default}",
|
|
15047
14967
|
"$type": "color",
|
|
15048
14968
|
"$extensions": {
|
|
15049
14969
|
"org.primer.figma": {
|
|
@@ -15063,7 +14983,7 @@
|
|
|
15063
14983
|
"path": ["borderColor", "closed", "muted"]
|
|
15064
14984
|
},
|
|
15065
14985
|
"borderColor-closed-emphasis": {
|
|
15066
|
-
"value": "#
|
|
14986
|
+
"value": "#818b98",
|
|
15067
14987
|
"$type": "color",
|
|
15068
14988
|
"$extensions": {
|
|
15069
14989
|
"org.primer.figma": {
|
|
@@ -15079,7 +14999,7 @@
|
|
|
15079
14999
|
"filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
|
|
15080
15000
|
"isSource": true,
|
|
15081
15001
|
"original": {
|
|
15082
|
-
"value": "{
|
|
15002
|
+
"value": "{borderColor.emphasis}",
|
|
15083
15003
|
"$type": "color",
|
|
15084
15004
|
"$extensions": {
|
|
15085
15005
|
"org.primer.figma": {
|
|
@@ -15314,7 +15234,7 @@
|
|
|
15314
15234
|
"path": ["borderColor", "sponsors", "emphasis"]
|
|
15315
15235
|
},
|
|
15316
15236
|
"color-ansi-black": {
|
|
15317
|
-
"value": "#
|
|
15237
|
+
"value": "#1f2328",
|
|
15318
15238
|
"$type": "color",
|
|
15319
15239
|
"$extensions": {
|
|
15320
15240
|
"org.primer.figma": {
|
|
@@ -15326,7 +15246,7 @@
|
|
|
15326
15246
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15327
15247
|
"isSource": true,
|
|
15328
15248
|
"original": {
|
|
15329
|
-
"value": "{base.color.neutral.
|
|
15249
|
+
"value": "{base.color.neutral.13}",
|
|
15330
15250
|
"$type": "color",
|
|
15331
15251
|
"$extensions": {
|
|
15332
15252
|
"org.primer.figma": {
|
|
@@ -15341,7 +15261,7 @@
|
|
|
15341
15261
|
"path": ["color", "ansi", "black"]
|
|
15342
15262
|
},
|
|
15343
15263
|
"color-ansi-black-bright": {
|
|
15344
|
-
"value": "#
|
|
15264
|
+
"value": "#393f46",
|
|
15345
15265
|
"$type": "color",
|
|
15346
15266
|
"$extensions": {
|
|
15347
15267
|
"org.primer.figma": {
|
|
@@ -15353,7 +15273,7 @@
|
|
|
15353
15273
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15354
15274
|
"isSource": true,
|
|
15355
15275
|
"original": {
|
|
15356
|
-
"value": "{base.color.neutral.
|
|
15276
|
+
"value": "{base.color.neutral.11}",
|
|
15357
15277
|
"$type": "color",
|
|
15358
15278
|
"$extensions": {
|
|
15359
15279
|
"org.primer.figma": {
|
|
@@ -15368,7 +15288,7 @@
|
|
|
15368
15288
|
"path": ["color", "ansi", "black-bright"]
|
|
15369
15289
|
},
|
|
15370
15290
|
"color-ansi-white": {
|
|
15371
|
-
"value": "#
|
|
15291
|
+
"value": "#59636e",
|
|
15372
15292
|
"$type": "color",
|
|
15373
15293
|
"$extensions": {
|
|
15374
15294
|
"org.primer.figma": {
|
|
@@ -15380,7 +15300,7 @@
|
|
|
15380
15300
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15381
15301
|
"isSource": true,
|
|
15382
15302
|
"original": {
|
|
15383
|
-
"value": "{base.color.neutral.
|
|
15303
|
+
"value": "{base.color.neutral.9}",
|
|
15384
15304
|
"$type": "color",
|
|
15385
15305
|
"$extensions": {
|
|
15386
15306
|
"org.primer.figma": {
|
|
@@ -15395,7 +15315,7 @@
|
|
|
15395
15315
|
"path": ["color", "ansi", "white"]
|
|
15396
15316
|
},
|
|
15397
15317
|
"color-ansi-white-bright": {
|
|
15398
|
-
"value": "#
|
|
15318
|
+
"value": "#818b98",
|
|
15399
15319
|
"$type": "color",
|
|
15400
15320
|
"$extensions": {
|
|
15401
15321
|
"org.primer.figma": {
|
|
@@ -15407,7 +15327,7 @@
|
|
|
15407
15327
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15408
15328
|
"isSource": true,
|
|
15409
15329
|
"original": {
|
|
15410
|
-
"value": "{base.color.neutral.
|
|
15330
|
+
"value": "{base.color.neutral.8}",
|
|
15411
15331
|
"$type": "color",
|
|
15412
15332
|
"$extensions": {
|
|
15413
15333
|
"org.primer.figma": {
|
|
@@ -15422,7 +15342,7 @@
|
|
|
15422
15342
|
"path": ["color", "ansi", "white-bright"]
|
|
15423
15343
|
},
|
|
15424
15344
|
"color-ansi-gray": {
|
|
15425
|
-
"value": "#
|
|
15345
|
+
"value": "#59636e",
|
|
15426
15346
|
"$type": "color",
|
|
15427
15347
|
"$extensions": {
|
|
15428
15348
|
"org.primer.figma": {
|
|
@@ -15434,7 +15354,7 @@
|
|
|
15434
15354
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15435
15355
|
"isSource": true,
|
|
15436
15356
|
"original": {
|
|
15437
|
-
"value": "{base.color.neutral.
|
|
15357
|
+
"value": "{base.color.neutral.9}",
|
|
15438
15358
|
"$type": "color",
|
|
15439
15359
|
"$extensions": {
|
|
15440
15360
|
"org.primer.figma": {
|
|
@@ -15773,7 +15693,7 @@
|
|
|
15773
15693
|
"path": ["color", "ansi", "cyan-bright"]
|
|
15774
15694
|
},
|
|
15775
15695
|
"color-prettylights-syntax-comment": {
|
|
15776
|
-
"value": "#
|
|
15696
|
+
"value": "#59636e",
|
|
15777
15697
|
"$type": "color",
|
|
15778
15698
|
"$extensions": {
|
|
15779
15699
|
"org.primer.figma": {
|
|
@@ -15785,7 +15705,7 @@
|
|
|
15785
15705
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15786
15706
|
"isSource": true,
|
|
15787
15707
|
"original": {
|
|
15788
|
-
"value": "{base.color.neutral.
|
|
15708
|
+
"value": "{base.color.neutral.9}",
|
|
15789
15709
|
"$type": "color",
|
|
15790
15710
|
"$extensions": {
|
|
15791
15711
|
"org.primer.figma": {
|
|
@@ -15881,7 +15801,7 @@
|
|
|
15881
15801
|
"path": ["color", "prettylights", "syntax", "entity"]
|
|
15882
15802
|
},
|
|
15883
15803
|
"color-prettylights-syntax-storage-modifier-import": {
|
|
15884
|
-
"value": "#
|
|
15804
|
+
"value": "#1f2328",
|
|
15885
15805
|
"$type": "color",
|
|
15886
15806
|
"$extensions": {
|
|
15887
15807
|
"org.primer.figma": {
|
|
@@ -15893,7 +15813,7 @@
|
|
|
15893
15813
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
15894
15814
|
"isSource": true,
|
|
15895
15815
|
"original": {
|
|
15896
|
-
"value": "{base.color.neutral.
|
|
15816
|
+
"value": "{base.color.neutral.13}",
|
|
15897
15817
|
"$type": "color",
|
|
15898
15818
|
"$extensions": {
|
|
15899
15819
|
"org.primer.figma": {
|
|
@@ -16043,7 +15963,7 @@
|
|
|
16043
15963
|
"path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
|
|
16044
15964
|
},
|
|
16045
15965
|
"color-prettylights-syntax-brackethighlighter-angle": {
|
|
16046
|
-
"value": "#
|
|
15966
|
+
"value": "#59636e",
|
|
16047
15967
|
"$type": "color",
|
|
16048
15968
|
"$extensions": {
|
|
16049
15969
|
"org.primer.figma": {
|
|
@@ -16055,7 +15975,7 @@
|
|
|
16055
15975
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16056
15976
|
"isSource": true,
|
|
16057
15977
|
"original": {
|
|
16058
|
-
"value": "{base.color.neutral.
|
|
15978
|
+
"value": "{base.color.neutral.9}",
|
|
16059
15979
|
"$type": "color",
|
|
16060
15980
|
"$extensions": {
|
|
16061
15981
|
"org.primer.figma": {
|
|
@@ -16082,7 +16002,7 @@
|
|
|
16082
16002
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16083
16003
|
"isSource": true,
|
|
16084
16004
|
"original": {
|
|
16085
|
-
"value": "{base.color.neutral.
|
|
16005
|
+
"value": "{base.color.neutral.1}",
|
|
16086
16006
|
"$type": "color",
|
|
16087
16007
|
"$extensions": {
|
|
16088
16008
|
"org.primer.figma": {
|
|
@@ -16136,7 +16056,7 @@
|
|
|
16136
16056
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16137
16057
|
"isSource": true,
|
|
16138
16058
|
"original": {
|
|
16139
|
-
"value": "{base.color.neutral.
|
|
16059
|
+
"value": "{base.color.neutral.1}",
|
|
16140
16060
|
"$type": "color",
|
|
16141
16061
|
"$extensions": {
|
|
16142
16062
|
"org.primer.figma": {
|
|
@@ -16259,7 +16179,7 @@
|
|
|
16259
16179
|
"path": ["color", "prettylights", "syntax", "markup", "heading"]
|
|
16260
16180
|
},
|
|
16261
16181
|
"color-prettylights-syntax-markup-italic": {
|
|
16262
|
-
"value": "#
|
|
16182
|
+
"value": "#1f2328",
|
|
16263
16183
|
"$type": "color",
|
|
16264
16184
|
"$extensions": {
|
|
16265
16185
|
"org.primer.figma": {
|
|
@@ -16271,7 +16191,7 @@
|
|
|
16271
16191
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16272
16192
|
"isSource": true,
|
|
16273
16193
|
"original": {
|
|
16274
|
-
"value": "{base.color.neutral.
|
|
16194
|
+
"value": "{base.color.neutral.13}",
|
|
16275
16195
|
"$type": "color",
|
|
16276
16196
|
"$extensions": {
|
|
16277
16197
|
"org.primer.figma": {
|
|
@@ -16286,7 +16206,7 @@
|
|
|
16286
16206
|
"path": ["color", "prettylights", "syntax", "markup", "italic"]
|
|
16287
16207
|
},
|
|
16288
16208
|
"color-prettylights-syntax-markup-bold": {
|
|
16289
|
-
"value": "#
|
|
16209
|
+
"value": "#1f2328",
|
|
16290
16210
|
"$type": "color",
|
|
16291
16211
|
"$extensions": {
|
|
16292
16212
|
"org.primer.figma": {
|
|
@@ -16298,7 +16218,7 @@
|
|
|
16298
16218
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16299
16219
|
"isSource": true,
|
|
16300
16220
|
"original": {
|
|
16301
|
-
"value": "{base.color.neutral.
|
|
16221
|
+
"value": "{base.color.neutral.13}",
|
|
16302
16222
|
"$type": "color",
|
|
16303
16223
|
"$extensions": {
|
|
16304
16224
|
"org.primer.figma": {
|
|
@@ -16475,7 +16395,7 @@
|
|
|
16475
16395
|
"path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
|
|
16476
16396
|
},
|
|
16477
16397
|
"color-prettylights-syntax-markup-ignored-text": {
|
|
16478
|
-
"value": "#
|
|
16398
|
+
"value": "#d1d9e0",
|
|
16479
16399
|
"$type": "color",
|
|
16480
16400
|
"$extensions": {
|
|
16481
16401
|
"org.primer.figma": {
|
|
@@ -16487,7 +16407,7 @@
|
|
|
16487
16407
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16488
16408
|
"isSource": true,
|
|
16489
16409
|
"original": {
|
|
16490
|
-
"value": "{base.color.neutral.
|
|
16410
|
+
"value": "{base.color.neutral.6}",
|
|
16491
16411
|
"$type": "color",
|
|
16492
16412
|
"$extensions": {
|
|
16493
16413
|
"org.primer.figma": {
|
|
@@ -16556,7 +16476,7 @@
|
|
|
16556
16476
|
"path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
|
|
16557
16477
|
},
|
|
16558
16478
|
"color-prettylights-syntax-sublimelinter-gutter-mark": {
|
|
16559
|
-
"value": "#
|
|
16479
|
+
"value": "#818b98",
|
|
16560
16480
|
"$type": "color",
|
|
16561
16481
|
"$extensions": {
|
|
16562
16482
|
"org.primer.figma": {
|
|
@@ -16568,7 +16488,7 @@
|
|
|
16568
16488
|
"filePath": "src/tokens/functional/color/light/syntax-light.json5",
|
|
16569
16489
|
"isSource": true,
|
|
16570
16490
|
"original": {
|
|
16571
|
-
"value": "{base.color.neutral.
|
|
16491
|
+
"value": "{base.color.neutral.8}",
|
|
16572
16492
|
"$type": "color",
|
|
16573
16493
|
"$extensions": {
|
|
16574
16494
|
"org.primer.figma": {
|
|
@@ -16596,7 +16516,7 @@
|
|
|
16596
16516
|
"isSource": true,
|
|
16597
16517
|
"original": {
|
|
16598
16518
|
"value": {
|
|
16599
|
-
"color": "{base.color.
|
|
16519
|
+
"color": "{base.color.neutral.13}",
|
|
16600
16520
|
"alpha": 0.04,
|
|
16601
16521
|
"offsetX": "0px",
|
|
16602
16522
|
"offsetY": "1px",
|
|
@@ -16631,7 +16551,7 @@
|
|
|
16631
16551
|
"isSource": true,
|
|
16632
16552
|
"original": {
|
|
16633
16553
|
"value": {
|
|
16634
|
-
"color": "{base.color.
|
|
16554
|
+
"color": "{base.color.neutral.13}",
|
|
16635
16555
|
"alpha": 0.1,
|
|
16636
16556
|
"offsetX": "0px",
|
|
16637
16557
|
"offsetY": "1px",
|
|
@@ -16667,7 +16587,7 @@
|
|
|
16667
16587
|
"original": {
|
|
16668
16588
|
"value": [
|
|
16669
16589
|
{
|
|
16670
|
-
"color": "{base.color.
|
|
16590
|
+
"color": "{base.color.neutral.13}",
|
|
16671
16591
|
"alpha": 0.04,
|
|
16672
16592
|
"offsetX": "0px",
|
|
16673
16593
|
"offsetY": "1px",
|
|
@@ -16690,7 +16610,7 @@
|
|
|
16690
16610
|
"path": ["shadow", "resting", "small"]
|
|
16691
16611
|
},
|
|
16692
16612
|
"shadow-resting-medium": {
|
|
16693
|
-
"value": "0px 3px 6px 0px #
|
|
16613
|
+
"value": "0px 3px 6px 0px #25292e1f",
|
|
16694
16614
|
"$type": "shadow",
|
|
16695
16615
|
"$extensions": {
|
|
16696
16616
|
"org.primer.figma": {
|
|
@@ -16704,7 +16624,7 @@
|
|
|
16704
16624
|
"original": {
|
|
16705
16625
|
"value": [
|
|
16706
16626
|
{
|
|
16707
|
-
"color": "{base.color.neutral.
|
|
16627
|
+
"color": "{base.color.neutral.12}",
|
|
16708
16628
|
"alpha": 0.12,
|
|
16709
16629
|
"offsetX": "0px",
|
|
16710
16630
|
"offsetY": "3px",
|
|
@@ -16726,7 +16646,7 @@
|
|
|
16726
16646
|
"path": ["shadow", "resting", "medium"]
|
|
16727
16647
|
},
|
|
16728
16648
|
"shadow-floating-small": {
|
|
16729
|
-
"value": "0px 0px 0px 1px #
|
|
16649
|
+
"value": "0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
|
|
16730
16650
|
"$type": "shadow",
|
|
16731
16651
|
"$extensions": {
|
|
16732
16652
|
"org.primer.figma": {
|
|
@@ -16748,7 +16668,7 @@
|
|
|
16748
16668
|
"spread": "1px"
|
|
16749
16669
|
},
|
|
16750
16670
|
{
|
|
16751
|
-
"color": "{base.color.neutral.
|
|
16671
|
+
"color": "{base.color.neutral.12}",
|
|
16752
16672
|
"alpha": 0.04,
|
|
16753
16673
|
"offsetX": "0px",
|
|
16754
16674
|
"offsetY": "6px",
|
|
@@ -16756,7 +16676,7 @@
|
|
|
16756
16676
|
"spread": "-3px"
|
|
16757
16677
|
},
|
|
16758
16678
|
{
|
|
16759
|
-
"color": "{base.color.neutral.
|
|
16679
|
+
"color": "{base.color.neutral.12}",
|
|
16760
16680
|
"alpha": 0.12,
|
|
16761
16681
|
"offsetX": "0px",
|
|
16762
16682
|
"offsetY": "6px",
|
|
@@ -16778,7 +16698,7 @@
|
|
|
16778
16698
|
"path": ["shadow", "floating", "small"]
|
|
16779
16699
|
},
|
|
16780
16700
|
"shadow-floating-medium": {
|
|
16781
|
-
"value": "0px 0px 0px 1px #
|
|
16701
|
+
"value": "0px 0px 0px 1px #d1d9e0, 0px 8px 16px -4px #25292e14, 0px 4px 32px -4px #25292e14, 0px 24px 48px -12px #25292e14, 0px 48px 96px -24px #25292e14",
|
|
16782
16702
|
"$type": "shadow",
|
|
16783
16703
|
"$extensions": {
|
|
16784
16704
|
"org.primer.figma": {
|
|
@@ -16800,7 +16720,7 @@
|
|
|
16800
16720
|
"spread": "1px"
|
|
16801
16721
|
},
|
|
16802
16722
|
{
|
|
16803
|
-
"color": "{base.color.neutral.
|
|
16723
|
+
"color": "{base.color.neutral.12}",
|
|
16804
16724
|
"alpha": 0.08,
|
|
16805
16725
|
"offsetX": "0px",
|
|
16806
16726
|
"offsetY": "8px",
|
|
@@ -16808,7 +16728,7 @@
|
|
|
16808
16728
|
"spread": "-4px"
|
|
16809
16729
|
},
|
|
16810
16730
|
{
|
|
16811
|
-
"color": "{base.color.neutral.
|
|
16731
|
+
"color": "{base.color.neutral.12}",
|
|
16812
16732
|
"alpha": 0.08,
|
|
16813
16733
|
"offsetX": "0px",
|
|
16814
16734
|
"offsetY": "4px",
|
|
@@ -16816,7 +16736,7 @@
|
|
|
16816
16736
|
"spread": "-4px"
|
|
16817
16737
|
},
|
|
16818
16738
|
{
|
|
16819
|
-
"color": "{base.color.neutral.
|
|
16739
|
+
"color": "{base.color.neutral.12}",
|
|
16820
16740
|
"alpha": 0.08,
|
|
16821
16741
|
"offsetX": "0px",
|
|
16822
16742
|
"offsetY": "24px",
|
|
@@ -16824,7 +16744,7 @@
|
|
|
16824
16744
|
"spread": "-12px"
|
|
16825
16745
|
},
|
|
16826
16746
|
{
|
|
16827
|
-
"color": "{base.color.neutral.
|
|
16747
|
+
"color": "{base.color.neutral.12}",
|
|
16828
16748
|
"alpha": 0.08,
|
|
16829
16749
|
"offsetX": "0px",
|
|
16830
16750
|
"offsetY": "48px",
|
|
@@ -16846,7 +16766,7 @@
|
|
|
16846
16766
|
"path": ["shadow", "floating", "medium"]
|
|
16847
16767
|
},
|
|
16848
16768
|
"shadow-floating-large": {
|
|
16849
|
-
"value": "0px 0px 0px 1px #
|
|
16769
|
+
"value": "0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d",
|
|
16850
16770
|
"$type": "shadow",
|
|
16851
16771
|
"$extensions": {
|
|
16852
16772
|
"org.primer.figma": {
|
|
@@ -16868,7 +16788,7 @@
|
|
|
16868
16788
|
"spread": "1px"
|
|
16869
16789
|
},
|
|
16870
16790
|
{
|
|
16871
|
-
"color": "{base.color.neutral.
|
|
16791
|
+
"color": "{base.color.neutral.12}",
|
|
16872
16792
|
"alpha": 0.24,
|
|
16873
16793
|
"offsetX": "0px",
|
|
16874
16794
|
"offsetY": "40px",
|
|
@@ -16890,7 +16810,7 @@
|
|
|
16890
16810
|
"path": ["shadow", "floating", "large"]
|
|
16891
16811
|
},
|
|
16892
16812
|
"shadow-floating-xlarge": {
|
|
16893
|
-
"value": "0px 0px 0px 1px #
|
|
16813
|
+
"value": "0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52",
|
|
16894
16814
|
"$type": "shadow",
|
|
16895
16815
|
"$extensions": {
|
|
16896
16816
|
"org.primer.figma": {
|
|
@@ -16912,7 +16832,7 @@
|
|
|
16912
16832
|
"spread": "1px"
|
|
16913
16833
|
},
|
|
16914
16834
|
{
|
|
16915
|
-
"color": "{base.color.neutral.
|
|
16835
|
+
"color": "{base.color.neutral.12}",
|
|
16916
16836
|
"alpha": 0.32,
|
|
16917
16837
|
"offsetX": "0px",
|
|
16918
16838
|
"offsetY": "56px",
|
|
@@ -16934,14 +16854,14 @@
|
|
|
16934
16854
|
"path": ["shadow", "floating", "xlarge"]
|
|
16935
16855
|
},
|
|
16936
16856
|
"shadow-floating-legacy": {
|
|
16937
|
-
"value": "0px 6px 12px -3px #
|
|
16857
|
+
"value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
|
|
16938
16858
|
"$type": "shadow",
|
|
16939
16859
|
"filePath": "src/tokens/functional/shadow/light.json5",
|
|
16940
16860
|
"isSource": true,
|
|
16941
16861
|
"original": {
|
|
16942
16862
|
"value": [
|
|
16943
16863
|
{
|
|
16944
|
-
"color": "{base.color.neutral.
|
|
16864
|
+
"color": "{base.color.neutral.12}",
|
|
16945
16865
|
"alpha": 0.04,
|
|
16946
16866
|
"offsetX": "0px",
|
|
16947
16867
|
"offsetY": "6px",
|
|
@@ -16949,7 +16869,7 @@
|
|
|
16949
16869
|
"spread": "-3px"
|
|
16950
16870
|
},
|
|
16951
16871
|
{
|
|
16952
|
-
"color": "{base.color.neutral.
|
|
16872
|
+
"color": "{base.color.neutral.12}",
|
|
16953
16873
|
"alpha": 0.12,
|
|
16954
16874
|
"offsetX": "0px",
|
|
16955
16875
|
"offsetY": "6px",
|