@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.
Files changed (83) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +258 -258
  2. package/dist/css/functional/themes/dark-dimmed.css +276 -276
  3. package/dist/css/functional/themes/dark-high-contrast.css +408 -408
  4. package/dist/css/functional/themes/dark-tritanopia.css +258 -258
  5. package/dist/css/functional/themes/dark.css +248 -248
  6. package/dist/css/functional/themes/light-colorblind.css +216 -216
  7. package/dist/css/functional/themes/light-high-contrast.css +248 -248
  8. package/dist/css/functional/themes/light-tritanopia.css +216 -216
  9. package/dist/css/functional/themes/light.css +206 -206
  10. package/dist/docs/functional/themes/dark-colorblind.json +266 -350
  11. package/dist/docs/functional/themes/dark-dimmed.json +292 -376
  12. package/dist/docs/functional/themes/dark-high-contrast.json +452 -524
  13. package/dist/docs/functional/themes/dark-tritanopia.json +264 -348
  14. package/dist/docs/functional/themes/dark.json +254 -338
  15. package/dist/docs/functional/themes/light-colorblind.json +245 -325
  16. package/dist/docs/functional/themes/light-high-contrast.json +295 -375
  17. package/dist/docs/functional/themes/light-tritanopia.json +244 -322
  18. package/dist/docs/functional/themes/light.json +234 -312
  19. package/dist/figma/figma.json +3 -3
  20. package/dist/figma/scales/dark-dimmed.json +147 -69
  21. package/dist/figma/scales/dark-high-constrast.json +145 -67
  22. package/dist/figma/scales/dark.json +120 -42
  23. package/dist/figma/scales/light-high-constrast.json +147 -69
  24. package/dist/figma/scales/light.json +118 -40
  25. package/dist/figma/shadows/dark-colorblind.json +179 -179
  26. package/dist/figma/shadows/dark-dimmed.json +179 -179
  27. package/dist/figma/shadows/dark-high-contrast.json +179 -179
  28. package/dist/figma/shadows/dark-tritanopia.json +179 -179
  29. package/dist/figma/shadows/dark.json +179 -179
  30. package/dist/figma/shadows/light-colorblind.json +123 -123
  31. package/dist/figma/shadows/light-high-contrast.json +123 -123
  32. package/dist/figma/shadows/light-tritanopia.json +123 -123
  33. package/dist/figma/shadows/light.json +123 -123
  34. package/dist/figma/themes/dark-colorblind.json +4646 -4658
  35. package/dist/figma/themes/dark-dimmed.json +2034 -2046
  36. package/dist/figma/themes/dark-high-contrast.json +2645 -2653
  37. package/dist/figma/themes/dark-tritanopia.json +4595 -4607
  38. package/dist/figma/themes/dark.json +4743 -4755
  39. package/dist/figma/themes/light-colorblind.json +2177 -2190
  40. package/dist/figma/themes/light-high-contrast.json +2415 -2430
  41. package/dist/figma/themes/light-tritanopia.json +2173 -2185
  42. package/dist/figma/themes/light.json +2158 -2170
  43. package/dist/internalCss/dark-colorblind.css +288 -278
  44. package/dist/internalCss/dark-dimmed.css +306 -296
  45. package/dist/internalCss/dark-high-contrast.css +438 -428
  46. package/dist/internalCss/dark-tritanopia.css +288 -278
  47. package/dist/internalCss/dark.css +278 -268
  48. package/dist/internalCss/light-colorblind.css +246 -236
  49. package/dist/internalCss/light-high-contrast.css +276 -266
  50. package/dist/internalCss/light-tritanopia.css +246 -236
  51. package/dist/internalCss/light.css +236 -226
  52. package/dist/styleLint/functional/themes/dark-colorblind.json +266 -350
  53. package/dist/styleLint/functional/themes/dark-dimmed.json +292 -376
  54. package/dist/styleLint/functional/themes/dark-high-contrast.json +452 -524
  55. package/dist/styleLint/functional/themes/dark-tritanopia.json +264 -348
  56. package/dist/styleLint/functional/themes/dark.json +254 -338
  57. package/dist/styleLint/functional/themes/light-colorblind.json +245 -325
  58. package/dist/styleLint/functional/themes/light-high-contrast.json +295 -375
  59. package/dist/styleLint/functional/themes/light-tritanopia.json +244 -322
  60. package/dist/styleLint/functional/themes/light.json +234 -312
  61. package/package.json +1 -1
  62. package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -162
  63. package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
  64. package/src/tokens/base/color/dark/dark.json5 +149 -104
  65. package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
  66. package/src/tokens/base/color/light/light.json5 +148 -103
  67. package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
  68. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +147 -10
  69. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +174 -192
  70. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
  71. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
  72. package/src/tokens/functional/color/dark/patterns-dark.json5 +61 -95
  73. package/src/tokens/functional/color/dark/primitives-dark.json5 +27 -35
  74. package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
  75. package/src/tokens/functional/color/light/app-light.json5 +5 -5
  76. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -129
  77. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
  78. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
  79. package/src/tokens/functional/color/light/patterns-light.json5 +62 -96
  80. package/src/tokens/functional/color/light/primitives-light.json5 +27 -32
  81. package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
  82. package/src/tokens/functional/shadow/dark.json5 +15 -15
  83. package/src/tokens/functional/shadow/light.json5 +16 -16
@@ -418,7 +418,7 @@
418
418
  "path": ["diffBlob", "hunk", "bgColor", "num"]
419
419
  },
420
420
  "diffBlob-expander-iconColor": {
421
- "value": "#636c76",
421
+ "value": "#59636e",
422
422
  "$type": "color",
423
423
  "$extensions": {
424
424
  "org.primer.figma": {
@@ -563,7 +563,7 @@
563
563
  "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
564
564
  },
565
565
  "codeMirror-gutterMarker-fgColor-muted": {
566
- "value": "#636c76",
566
+ "value": "#59636e",
567
567
  "$type": "color",
568
568
  "$extensions": {
569
569
  "org.primer.figma": {
@@ -592,7 +592,7 @@
592
592
  "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
593
593
  },
594
594
  "codeMirror-lineNumber-fgColor": {
595
- "value": "#636c76",
595
+ "value": "#59636e",
596
596
  "$type": "color",
597
597
  "$extensions": {
598
598
  "org.primer.figma": {
@@ -679,7 +679,7 @@
679
679
  "path": ["codeMirror", "selection", "bgColor"]
680
680
  },
681
681
  "codeMirror-activeline-bgColor": {
682
- "value": "#afb8c133",
682
+ "value": "#e0e6ebb3",
683
683
  "$type": "color",
684
684
  "$extensions": {
685
685
  "org.primer.figma": {
@@ -766,7 +766,7 @@
766
766
  "path": ["codeMirror", "lines", "bgColor"]
767
767
  },
768
768
  "codeMirror-syntax-fgColor-comment": {
769
- "value": "#24292f",
769
+ "value": "#1f2328",
770
770
  "$type": "color",
771
771
  "$extensions": {
772
772
  "org.primer.figma": {
@@ -779,7 +779,7 @@
779
779
  "filePath": "src/tokens/functional/color/light/app-light.json5",
780
780
  "isSource": true,
781
781
  "original": {
782
- "value": "{base.color.neutral.9}",
782
+ "value": "{base.color.neutral.13}",
783
783
  "$type": "color",
784
784
  "$extensions": {
785
785
  "org.primer.figma": {
@@ -1012,7 +1012,7 @@
1012
1012
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1013
1013
  "isSource": true,
1014
1014
  "original": {
1015
- "value": "{base.color.white}",
1015
+ "value": "{base.color.neutral.0}",
1016
1016
  "$type": "color",
1017
1017
  "$extensions": {
1018
1018
  "org.primer.figma": {
@@ -1042,7 +1042,7 @@
1042
1042
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1043
1043
  "isSource": true,
1044
1044
  "original": {
1045
- "value": "{base.color.white}",
1045
+ "value": "{base.color.neutral.0}",
1046
1046
  "$type": "color",
1047
1047
  "$extensions": {
1048
1048
  "org.primer.figma": {
@@ -1058,7 +1058,7 @@
1058
1058
  "path": ["header", "fgColor", "logo"]
1059
1059
  },
1060
1060
  "header-bgColor": {
1061
- "value": "#24292f",
1061
+ "value": "#25292e",
1062
1062
  "$type": "color",
1063
1063
  "$extensions": {
1064
1064
  "org.primer.figma": {
@@ -1071,7 +1071,7 @@
1071
1071
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1072
1072
  "isSource": true,
1073
1073
  "original": {
1074
- "value": "{base.color.neutral.9}",
1074
+ "value": "{base.color.neutral.12}",
1075
1075
  "$type": "color",
1076
1076
  "$extensions": {
1077
1077
  "org.primer.figma": {
@@ -1087,7 +1087,7 @@
1087
1087
  "path": ["header", "bgColor"]
1088
1088
  },
1089
1089
  "header-borderColor-divider": {
1090
- "value": "#57606a",
1090
+ "value": "#818b98",
1091
1091
  "$type": "color",
1092
1092
  "$extensions": {
1093
1093
  "org.primer.figma": {
@@ -1100,7 +1100,7 @@
1100
1100
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1101
1101
  "isSource": true,
1102
1102
  "original": {
1103
- "value": "{base.color.neutral.6}",
1103
+ "value": "{base.color.neutral.8}",
1104
1104
  "$type": "color",
1105
1105
  "$extensions": {
1106
1106
  "org.primer.figma": {
@@ -1116,7 +1116,7 @@
1116
1116
  "path": ["header", "borderColor", "divider"]
1117
1117
  },
1118
1118
  "headerSearch-bgColor": {
1119
- "value": "#24292f",
1119
+ "value": "#25292e",
1120
1120
  "$type": "color",
1121
1121
  "$extensions": {
1122
1122
  "org.primer.figma": {
@@ -1129,7 +1129,7 @@
1129
1129
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1130
1130
  "isSource": true,
1131
1131
  "original": {
1132
- "value": "{base.color.neutral.9}",
1132
+ "value": "{base.color.neutral.12}",
1133
1133
  "$type": "color",
1134
1134
  "$extensions": {
1135
1135
  "org.primer.figma": {
@@ -1145,7 +1145,7 @@
1145
1145
  "path": ["headerSearch", "bgColor"]
1146
1146
  },
1147
1147
  "headerSearch-borderColor": {
1148
- "value": "#57606a",
1148
+ "value": "#818b98",
1149
1149
  "$type": "color",
1150
1150
  "$extensions": {
1151
1151
  "org.primer.figma": {
@@ -1158,7 +1158,7 @@
1158
1158
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
1159
1159
  "isSource": true,
1160
1160
  "original": {
1161
- "value": "{base.color.neutral.6}",
1161
+ "value": "{base.color.neutral.8}",
1162
1162
  "$type": "color",
1163
1163
  "$extensions": {
1164
1164
  "org.primer.figma": {
@@ -4522,7 +4522,7 @@
4522
4522
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4523
4523
  "isSource": true,
4524
4524
  "original": {
4525
- "value": "{base.color.white}",
4525
+ "value": "{base.color.neutral.0}",
4526
4526
  "$type": "color",
4527
4527
  "$extensions": {
4528
4528
  "org.primer.figma": {
@@ -4581,7 +4581,7 @@
4581
4581
  "original": {
4582
4582
  "value": [
4583
4583
  {
4584
- "color": "{base.color.white}",
4584
+ "color": "{base.color.neutral.0}",
4585
4585
  "alpha": 0.8,
4586
4586
  "offsetX": "0px",
4587
4587
  "offsetY": "0px",
@@ -4603,7 +4603,7 @@
4603
4603
  "path": ["avatar", "shadow"]
4604
4604
  },
4605
4605
  "avatarStack-fade-bgColor-default": {
4606
- "value": "#afb8c1",
4606
+ "value": "#c8d1da",
4607
4607
  "$type": "color",
4608
4608
  "$extensions": {
4609
4609
  "org.primer.figma": {
@@ -4616,7 +4616,7 @@
4616
4616
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4617
4617
  "isSource": true,
4618
4618
  "original": {
4619
- "value": "{base.color.neutral.3}",
4619
+ "value": "{base.color.neutral.7}",
4620
4620
  "$type": "color",
4621
4621
  "$extensions": {
4622
4622
  "org.primer.figma": {
@@ -4632,7 +4632,7 @@
4632
4632
  "path": ["avatarStack", "fade", "bgColor", "default"]
4633
4633
  },
4634
4634
  "avatarStack-fade-bgColor-muted": {
4635
- "value": "#d0d7de",
4635
+ "value": "#dae0e7",
4636
4636
  "$type": "color",
4637
4637
  "$extensions": {
4638
4638
  "org.primer.figma": {
@@ -4645,7 +4645,7 @@
4645
4645
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4646
4646
  "isSource": true,
4647
4647
  "original": {
4648
- "value": "{base.color.neutral.2}",
4648
+ "value": "{base.color.neutral.5}",
4649
4649
  "$type": "color",
4650
4650
  "$extensions": {
4651
4651
  "org.primer.figma": {
@@ -4674,7 +4674,7 @@
4674
4674
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4675
4675
  "isSource": true,
4676
4676
  "original": {
4677
- "value": "{base.color.neutral.0}",
4677
+ "value": "{base.color.neutral.1}",
4678
4678
  "$type": "color",
4679
4679
  "$extensions": {
4680
4680
  "org.primer.figma": {
@@ -4690,7 +4690,7 @@
4690
4690
  "path": ["control", "bgColor", "rest"]
4691
4691
  },
4692
4692
  "control-bgColor-hover": {
4693
- "value": "#eef1f4",
4693
+ "value": "#eff2f5",
4694
4694
  "$type": "color",
4695
4695
  "$extensions": {
4696
4696
  "org.primer.figma": {
@@ -4700,14 +4700,10 @@
4700
4700
  "scopes": ["bgColor"]
4701
4701
  }
4702
4702
  },
4703
- "mix": {
4704
- "color": "#d0d7de",
4705
- "weight": 0.2
4706
- },
4707
4703
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4708
4704
  "isSource": true,
4709
4705
  "original": {
4710
- "value": "{base.color.neutral.0}",
4706
+ "value": "{base.color.neutral.2}",
4711
4707
  "$type": "color",
4712
4708
  "$extensions": {
4713
4709
  "org.primer.figma": {
@@ -4716,10 +4712,6 @@
4716
4712
  "group": "component",
4717
4713
  "scopes": ["bgColor"]
4718
4714
  }
4719
- },
4720
- "mix": {
4721
- "color": "{base.color.neutral.2}",
4722
- "weight": 0.2
4723
4715
  }
4724
4716
  },
4725
4717
  "name": "control-bgColor-hover",
@@ -4727,7 +4719,7 @@
4727
4719
  "path": ["control", "bgColor", "hover"]
4728
4720
  },
4729
4721
  "control-bgColor-active": {
4730
- "value": "#e7ebef",
4722
+ "value": "#e6eaef",
4731
4723
  "$type": "color",
4732
4724
  "$extensions": {
4733
4725
  "org.primer.figma": {
@@ -4737,14 +4729,10 @@
4737
4729
  "scopes": ["bgColor"]
4738
4730
  }
4739
4731
  },
4740
- "mix": {
4741
- "color": "#d0d7de",
4742
- "weight": 0.4
4743
- },
4744
4732
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4745
4733
  "isSource": true,
4746
4734
  "original": {
4747
- "value": "{base.color.neutral.0}",
4735
+ "value": "{base.color.neutral.3}",
4748
4736
  "$type": "color",
4749
4737
  "$extensions": {
4750
4738
  "org.primer.figma": {
@@ -4753,10 +4741,6 @@
4753
4741
  "group": "component",
4754
4742
  "scopes": ["bgColor"]
4755
4743
  }
4756
- },
4757
- "mix": {
4758
- "color": "{base.color.neutral.2}",
4759
- "weight": 0.4
4760
4744
  }
4761
4745
  },
4762
4746
  "name": "control-bgColor-active",
@@ -4764,7 +4748,7 @@
4764
4748
  "path": ["control", "bgColor", "active"]
4765
4749
  },
4766
4750
  "control-bgColor-disabled": {
4767
- "value": "#eaeef2b3",
4751
+ "value": "#eff2f5",
4768
4752
  "$type": "color",
4769
4753
  "$extensions": {
4770
4754
  "org.primer.figma": {
@@ -4806,7 +4790,7 @@
4806
4790
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4807
4791
  "isSource": true,
4808
4792
  "original": {
4809
- "value": "{base.color.neutral.0}",
4793
+ "value": "{control.bgColor.rest}",
4810
4794
  "$type": "color",
4811
4795
  "$extensions": {
4812
4796
  "org.primer.figma": {
@@ -4822,7 +4806,7 @@
4822
4806
  "path": ["control", "bgColor", "selected"]
4823
4807
  },
4824
4808
  "control-fgColor-rest": {
4825
- "value": "#24292f",
4809
+ "value": "#25292e",
4826
4810
  "$type": "color",
4827
4811
  "$extensions": {
4828
4812
  "org.primer.figma": {
@@ -4835,7 +4819,7 @@
4835
4819
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4836
4820
  "isSource": true,
4837
4821
  "original": {
4838
- "value": "{base.color.neutral.9}",
4822
+ "value": "{base.color.neutral.12}",
4839
4823
  "$type": "color",
4840
4824
  "$extensions": {
4841
4825
  "org.primer.figma": {
@@ -4851,12 +4835,8 @@
4851
4835
  "path": ["control", "fgColor", "rest"]
4852
4836
  },
4853
4837
  "control-fgColor-placeholder": {
4854
- "value": "#69727c",
4838
+ "value": "#59636e",
4855
4839
  "$type": "color",
4856
- "mix": {
4857
- "color": "#57606a",
4858
- "weight": 0.2
4859
- },
4860
4840
  "$extensions": {
4861
4841
  "org.primer.figma": {
4862
4842
  "collection": "mode",
@@ -4868,12 +4848,8 @@
4868
4848
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4869
4849
  "isSource": true,
4870
4850
  "original": {
4871
- "value": "{base.color.neutral.5}",
4851
+ "value": "{fgColor.muted}",
4872
4852
  "$type": "color",
4873
- "mix": {
4874
- "color": "{base.color.neutral.6}",
4875
- "weight": 0.2
4876
- },
4877
4853
  "$extensions": {
4878
4854
  "org.primer.figma": {
4879
4855
  "collection": "mode",
@@ -4888,7 +4864,7 @@
4888
4864
  "path": ["control", "fgColor", "placeholder"]
4889
4865
  },
4890
4866
  "control-fgColor-disabled": {
4891
- "value": "#8c959f",
4867
+ "value": "#818b98",
4892
4868
  "$type": "color",
4893
4869
  "$extensions": {
4894
4870
  "org.primer.figma": {
@@ -4917,7 +4893,7 @@
4917
4893
  "path": ["control", "fgColor", "disabled"]
4918
4894
  },
4919
4895
  "control-borderColor-rest": {
4920
- "value": "#d0d7de",
4896
+ "value": "#d1d9e0",
4921
4897
  "$type": "color",
4922
4898
  "$extensions": {
4923
4899
  "org.primer.figma": {
@@ -4946,7 +4922,7 @@
4946
4922
  "path": ["control", "borderColor", "rest"]
4947
4923
  },
4948
4924
  "control-borderColor-emphasis": {
4949
- "value": "#868f99",
4925
+ "value": "#818b98",
4950
4926
  "$type": "color",
4951
4927
  "$extensions": {
4952
4928
  "org.primer.figma": {
@@ -4956,14 +4932,10 @@
4956
4932
  "scopes": ["borderColor"]
4957
4933
  }
4958
4934
  },
4959
- "mix": {
4960
- "color": "#6e7781",
4961
- "weight": 0.2
4962
- },
4963
4935
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
4964
4936
  "isSource": true,
4965
4937
  "original": {
4966
- "value": "{base.color.neutral.4}",
4938
+ "value": "{borderColor.emphasis}",
4967
4939
  "$type": "color",
4968
4940
  "$extensions": {
4969
4941
  "org.primer.figma": {
@@ -4972,10 +4944,6 @@
4972
4944
  "group": "component",
4973
4945
  "scopes": ["borderColor"]
4974
4946
  }
4975
- },
4976
- "mix": {
4977
- "color": "{base.color.neutral.5}",
4978
- "weight": 0.2
4979
4947
  }
4980
4948
  },
4981
4949
  "name": "control-borderColor-emphasis",
@@ -4983,7 +4951,7 @@
4983
4951
  "path": ["control", "borderColor", "emphasis"]
4984
4952
  },
4985
4953
  "control-borderColor-disabled": {
4986
- "value": "#eaeef2b3",
4954
+ "value": "#818b981a",
4987
4955
  "$type": "color",
4988
4956
  "$extensions": {
4989
4957
  "org.primer.figma": {
@@ -5025,7 +4993,7 @@
5025
4993
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5026
4994
  "isSource": true,
5027
4995
  "original": {
5028
- "value": "{base.color.neutral.0}",
4996
+ "value": "{control.bgColor.selected}",
5029
4997
  "$type": "color",
5030
4998
  "$extensions": {
5031
4999
  "org.primer.figma": {
@@ -5099,7 +5067,7 @@
5099
5067
  "path": ["control", "borderColor", "danger"]
5100
5068
  },
5101
5069
  "control-borderColor-warning": {
5102
- "value": "#bf8700",
5070
+ "value": "#9a6700",
5103
5071
  "$type": "color",
5104
5072
  "$extensions": {
5105
5073
  "org.primer.figma": {
@@ -5128,7 +5096,7 @@
5128
5096
  "path": ["control", "borderColor", "warning"]
5129
5097
  },
5130
5098
  "control-iconColor-rest": {
5131
- "value": "#636c76",
5099
+ "value": "#59636e",
5132
5100
  "$type": "color",
5133
5101
  "$extensions": {
5134
5102
  "org.primer.figma": {
@@ -5186,7 +5154,7 @@
5186
5154
  "path": ["control", "transparent", "bgColor", "rest"]
5187
5155
  },
5188
5156
  "control-transparent-bgColor-hover": {
5189
- "value": "#d0d7de33",
5157
+ "value": "#818b981a",
5190
5158
  "$type": "color",
5191
5159
  "$extensions": {
5192
5160
  "org.primer.figma": {
@@ -5196,11 +5164,11 @@
5196
5164
  "scopes": ["bgColor"]
5197
5165
  }
5198
5166
  },
5199
- "alpha": 0.2,
5167
+ "alpha": 0.1,
5200
5168
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5201
5169
  "isSource": true,
5202
5170
  "original": {
5203
- "value": "{base.color.neutral.2}",
5171
+ "value": "{base.color.neutral.8}",
5204
5172
  "$type": "color",
5205
5173
  "$extensions": {
5206
5174
  "org.primer.figma": {
@@ -5210,14 +5178,14 @@
5210
5178
  "scopes": ["bgColor"]
5211
5179
  }
5212
5180
  },
5213
- "alpha": 0.2
5181
+ "alpha": 0.1
5214
5182
  },
5215
5183
  "name": "control-transparent-bgColor-hover",
5216
5184
  "attributes": {},
5217
5185
  "path": ["control", "transparent", "bgColor", "hover"]
5218
5186
  },
5219
5187
  "control-transparent-bgColor-active": {
5220
- "value": "#d0d7de66",
5188
+ "value": "#818b9826",
5221
5189
  "$type": "color",
5222
5190
  "$extensions": {
5223
5191
  "org.primer.figma": {
@@ -5227,11 +5195,11 @@
5227
5195
  "scopes": ["bgColor"]
5228
5196
  }
5229
5197
  },
5230
- "alpha": 0.4,
5198
+ "alpha": 0.15,
5231
5199
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5232
5200
  "isSource": true,
5233
5201
  "original": {
5234
- "value": "{base.color.neutral.2}",
5202
+ "value": "{base.color.neutral.8}",
5235
5203
  "$type": "color",
5236
5204
  "$extensions": {
5237
5205
  "org.primer.figma": {
@@ -5241,14 +5209,14 @@
5241
5209
  "scopes": ["bgColor"]
5242
5210
  }
5243
5211
  },
5244
- "alpha": 0.4
5212
+ "alpha": 0.15
5245
5213
  },
5246
5214
  "name": "control-transparent-bgColor-active",
5247
5215
  "attributes": {},
5248
5216
  "path": ["control", "transparent", "bgColor", "active"]
5249
5217
  },
5250
5218
  "control-transparent-bgColor-disabled": {
5251
- "value": "#eaeef2b3",
5219
+ "value": "#eff2f5",
5252
5220
  "$type": "color",
5253
5221
  "$extensions": {
5254
5222
  "org.primer.figma": {
@@ -5277,7 +5245,7 @@
5277
5245
  "path": ["control", "transparent", "bgColor", "disabled"]
5278
5246
  },
5279
5247
  "control-transparent-bgColor-selected": {
5280
- "value": "#d0d7de33",
5248
+ "value": "#818b9826",
5281
5249
  "$type": "color",
5282
5250
  "$extensions": {
5283
5251
  "org.primer.figma": {
@@ -5287,11 +5255,11 @@
5287
5255
  "scopes": ["bgColor"]
5288
5256
  }
5289
5257
  },
5290
- "alpha": 0.2,
5258
+ "alpha": 0.15,
5291
5259
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5292
5260
  "isSource": true,
5293
5261
  "original": {
5294
- "value": "{base.color.neutral.2}",
5262
+ "value": "{base.color.neutral.8}",
5295
5263
  "$type": "color",
5296
5264
  "$extensions": {
5297
5265
  "org.primer.figma": {
@@ -5301,7 +5269,7 @@
5301
5269
  "scopes": ["bgColor"]
5302
5270
  }
5303
5271
  },
5304
- "alpha": 0.2
5272
+ "alpha": 0.15
5305
5273
  },
5306
5274
  "name": "control-transparent-bgColor-selected",
5307
5275
  "attributes": {},
@@ -5616,7 +5584,7 @@
5616
5584
  "path": ["control", "checked", "bgColor", "active"]
5617
5585
  },
5618
5586
  "control-checked-bgColor-disabled": {
5619
- "value": "#8c959f",
5587
+ "value": "#818b98",
5620
5588
  "$type": "color",
5621
5589
  "$extensions": {
5622
5590
  "org.primer.figma": {
@@ -5716,7 +5684,7 @@
5716
5684
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5717
5685
  "isSource": true,
5718
5686
  "original": {
5719
- "value": "{bgColor.accent.emphasis}",
5687
+ "value": "{control.checked.bgColor.rest}",
5720
5688
  "$type": "color",
5721
5689
  "$extensions": {
5722
5690
  "org.primer.figma": {
@@ -5742,14 +5710,10 @@
5742
5710
  "scopes": ["borderColor"]
5743
5711
  }
5744
5712
  },
5745
- "mix": {
5746
- "color": "#033d8b",
5747
- "weight": 0.2
5748
- },
5749
5713
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5750
5714
  "isSource": true,
5751
5715
  "original": {
5752
- "value": "{bgColor.accent.emphasis}",
5716
+ "value": "{control.checked.bgColor.hover}",
5753
5717
  "$type": "color",
5754
5718
  "$extensions": {
5755
5719
  "org.primer.figma": {
@@ -5758,10 +5722,6 @@
5758
5722
  "group": "component",
5759
5723
  "scopes": ["borderColor"]
5760
5724
  }
5761
- },
5762
- "mix": {
5763
- "color": "{base.color.blue.7}",
5764
- "weight": 0.2
5765
5725
  }
5766
5726
  },
5767
5727
  "name": "control-checked-borderColor-hover",
@@ -5779,14 +5739,10 @@
5779
5739
  "scopes": ["borderColor"]
5780
5740
  }
5781
5741
  },
5782
- "mix": {
5783
- "color": "#033d8b",
5784
- "weight": 0.4
5785
- },
5786
5742
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5787
5743
  "isSource": true,
5788
5744
  "original": {
5789
- "value": "{bgColor.accent.emphasis}",
5745
+ "value": "{control.checked.bgColor.active}",
5790
5746
  "$type": "color",
5791
5747
  "$extensions": {
5792
5748
  "org.primer.figma": {
@@ -5795,10 +5751,6 @@
5795
5751
  "group": "component",
5796
5752
  "scopes": ["borderColor"]
5797
5753
  }
5798
- },
5799
- "mix": {
5800
- "color": "{base.color.blue.7}",
5801
- "weight": 0.4
5802
5754
  }
5803
5755
  },
5804
5756
  "name": "control-checked-borderColor-active",
@@ -5806,7 +5758,7 @@
5806
5758
  "path": ["control", "checked", "borderColor", "active"]
5807
5759
  },
5808
5760
  "control-checked-borderColor-disabled": {
5809
- "value": "#8c959f",
5761
+ "value": "#818b98",
5810
5762
  "$type": "color",
5811
5763
  "$extensions": {
5812
5764
  "org.primer.figma": {
@@ -5819,7 +5771,7 @@
5819
5771
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5820
5772
  "isSource": true,
5821
5773
  "original": {
5822
- "value": "{fgColor.disabled}",
5774
+ "value": "{control.checked.bgColor.disabled}",
5823
5775
  "$type": "color",
5824
5776
  "$extensions": {
5825
5777
  "org.primer.figma": {
@@ -5835,7 +5787,7 @@
5835
5787
  "path": ["control", "checked", "borderColor", "disabled"]
5836
5788
  },
5837
5789
  "controlTrack-bgColor-rest": {
5838
- "value": "#eaeef2",
5790
+ "value": "#e6eaef",
5839
5791
  "$type": "color",
5840
5792
  "$extensions": {
5841
5793
  "org.primer.figma": {
@@ -5848,7 +5800,7 @@
5848
5800
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5849
5801
  "isSource": true,
5850
5802
  "original": {
5851
- "value": "{base.color.neutral.1}",
5803
+ "value": "{base.color.neutral.3}",
5852
5804
  "$type": "color",
5853
5805
  "$extensions": {
5854
5806
  "org.primer.figma": {
@@ -5864,7 +5816,7 @@
5864
5816
  "path": ["controlTrack", "bgColor", "rest"]
5865
5817
  },
5866
5818
  "controlTrack-bgColor-hover": {
5867
- "value": "#dee3e8",
5819
+ "value": "#e0e6eb",
5868
5820
  "$type": "color",
5869
5821
  "$extensions": {
5870
5822
  "org.primer.figma": {
@@ -5874,14 +5826,10 @@
5874
5826
  "scopes": ["bgColor"]
5875
5827
  }
5876
5828
  },
5877
- "mix": {
5878
- "color": "#afb8c1",
5879
- "weight": 0.2
5880
- },
5881
5829
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5882
5830
  "isSource": true,
5883
5831
  "original": {
5884
- "value": "{base.color.neutral.1}",
5832
+ "value": "{base.color.neutral.4}",
5885
5833
  "$type": "color",
5886
5834
  "$extensions": {
5887
5835
  "org.primer.figma": {
@@ -5890,10 +5838,6 @@
5890
5838
  "group": "component (internal)",
5891
5839
  "scopes": ["bgColor"]
5892
5840
  }
5893
- },
5894
- "mix": {
5895
- "color": "{base.color.neutral.3}",
5896
- "weight": 0.2
5897
5841
  }
5898
5842
  },
5899
5843
  "name": "controlTrack-bgColor-hover",
@@ -5901,7 +5845,7 @@
5901
5845
  "path": ["controlTrack", "bgColor", "hover"]
5902
5846
  },
5903
5847
  "controlTrack-bgColor-active": {
5904
- "value": "#d2d8de",
5848
+ "value": "#dae0e7",
5905
5849
  "$type": "color",
5906
5850
  "$extensions": {
5907
5851
  "org.primer.figma": {
@@ -5911,14 +5855,10 @@
5911
5855
  "scopes": ["bgColor"]
5912
5856
  }
5913
5857
  },
5914
- "mix": {
5915
- "color": "#afb8c1",
5916
- "weight": 0.4
5917
- },
5918
5858
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5919
5859
  "isSource": true,
5920
5860
  "original": {
5921
- "value": "{base.color.neutral.1}",
5861
+ "value": "{base.color.neutral.5}",
5922
5862
  "$type": "color",
5923
5863
  "$extensions": {
5924
5864
  "org.primer.figma": {
@@ -5927,10 +5867,6 @@
5927
5867
  "group": "component (internal)",
5928
5868
  "scopes": ["bgColor"]
5929
5869
  }
5930
- },
5931
- "mix": {
5932
- "color": "{base.color.neutral.3}",
5933
- "weight": 0.4
5934
5870
  }
5935
5871
  },
5936
5872
  "name": "controlTrack-bgColor-active",
@@ -5938,7 +5874,7 @@
5938
5874
  "path": ["controlTrack", "bgColor", "active"]
5939
5875
  },
5940
5876
  "controlTrack-bgColor-disabled": {
5941
- "value": "#8c959f",
5877
+ "value": "#818b98",
5942
5878
  "$type": "color",
5943
5879
  "$extensions": {
5944
5880
  "org.primer.figma": {
@@ -5967,7 +5903,7 @@
5967
5903
  "path": ["controlTrack", "bgColor", "disabled"]
5968
5904
  },
5969
5905
  "controlTrack-fgColor-rest": {
5970
- "value": "#636c76",
5906
+ "value": "#59636e",
5971
5907
  "$type": "color",
5972
5908
  "$extensions": {
5973
5909
  "org.primer.figma": {
@@ -5980,7 +5916,7 @@
5980
5916
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
5981
5917
  "isSource": true,
5982
5918
  "original": {
5983
- "value": "{fgColor.muted}",
5919
+ "value": "{base.color.neutral.9}",
5984
5920
  "$type": "color",
5985
5921
  "$extensions": {
5986
5922
  "org.primer.figma": {
@@ -6025,7 +5961,7 @@
6025
5961
  "path": ["controlTrack", "fgColor", "disabled"]
6026
5962
  },
6027
5963
  "controlTrack-borderColor-rest": {
6028
- "value": "#ffffff00",
5964
+ "value": "#d1d9e0",
6029
5965
  "$type": "color",
6030
5966
  "$extensions": {
6031
5967
  "org.primer.figma": {
@@ -6038,7 +5974,7 @@
6038
5974
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6039
5975
  "isSource": true,
6040
5976
  "original": {
6041
- "value": "{base.color.transparent}",
5977
+ "value": "{borderColor.default}",
6042
5978
  "$type": "color",
6043
5979
  "$extensions": {
6044
5980
  "org.primer.figma": {
@@ -6054,7 +5990,7 @@
6054
5990
  "path": ["controlTrack", "borderColor", "rest"]
6055
5991
  },
6056
5992
  "controlTrack-borderColor-disabled": {
6057
- "value": "#8c959f",
5993
+ "value": "#818b98",
6058
5994
  "$type": "color",
6059
5995
  "$extensions": {
6060
5996
  "org.primer.figma": {
@@ -6096,7 +6032,7 @@
6096
6032
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6097
6033
  "isSource": true,
6098
6034
  "original": {
6099
- "value": "{base.color.white}",
6035
+ "value": "{base.color.neutral.0}",
6100
6036
  "$type": "color",
6101
6037
  "$extensions": {
6102
6038
  "org.primer.figma": {
@@ -6112,7 +6048,7 @@
6112
6048
  "path": ["controlKnob", "bgColor", "rest"]
6113
6049
  },
6114
6050
  "controlKnob-bgColor-disabled": {
6115
- "value": "#eaeef2b3",
6051
+ "value": "#eff2f5",
6116
6052
  "$type": "color",
6117
6053
  "$extensions": {
6118
6054
  "org.primer.figma": {
@@ -6154,7 +6090,7 @@
6154
6090
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6155
6091
  "isSource": true,
6156
6092
  "original": {
6157
- "value": "{base.color.white}",
6093
+ "value": "{base.color.neutral.0}",
6158
6094
  "$type": "color",
6159
6095
  "$extensions": {
6160
6096
  "org.primer.figma": {
@@ -6170,7 +6106,7 @@
6170
6106
  "path": ["controlKnob", "bgColor", "checked"]
6171
6107
  },
6172
6108
  "controlKnob-borderColor-rest": {
6173
- "value": "#868f99",
6109
+ "value": "#818b98",
6174
6110
  "$type": "color",
6175
6111
  "$extensions": {
6176
6112
  "org.primer.figma": {
@@ -6199,7 +6135,7 @@
6199
6135
  "path": ["controlKnob", "borderColor", "rest"]
6200
6136
  },
6201
6137
  "controlKnob-borderColor-disabled": {
6202
- "value": "#eaeef2b3",
6138
+ "value": "#eff2f5",
6203
6139
  "$type": "color",
6204
6140
  "$extensions": {
6205
6141
  "org.primer.figma": {
@@ -6286,7 +6222,7 @@
6286
6222
  "path": ["counter", "borderColor"]
6287
6223
  },
6288
6224
  "button-default-fgColor-rest": {
6289
- "value": "#24292f",
6225
+ "value": "#25292e",
6290
6226
  "$type": "color",
6291
6227
  "$extensions": {
6292
6228
  "org.primer.figma": {
@@ -6344,7 +6280,7 @@
6344
6280
  "path": ["button", "default", "bgColor", "rest"]
6345
6281
  },
6346
6282
  "button-default-bgColor-hover": {
6347
- "value": "#eef1f4",
6283
+ "value": "#eff2f5",
6348
6284
  "$type": "color",
6349
6285
  "$extensions": {
6350
6286
  "org.primer.figma": {
@@ -6373,7 +6309,7 @@
6373
6309
  "path": ["button", "default", "bgColor", "hover"]
6374
6310
  },
6375
6311
  "button-default-bgColor-active": {
6376
- "value": "#e7ebef",
6312
+ "value": "#e6eaef",
6377
6313
  "$type": "color",
6378
6314
  "$extensions": {
6379
6315
  "org.primer.figma": {
@@ -6402,7 +6338,7 @@
6402
6338
  "path": ["button", "default", "bgColor", "active"]
6403
6339
  },
6404
6340
  "button-default-bgColor-selected": {
6405
- "value": "#e7ebef",
6341
+ "value": "#e6eaef",
6406
6342
  "$type": "color",
6407
6343
  "$extensions": {
6408
6344
  "org.primer.figma": {
@@ -6431,7 +6367,7 @@
6431
6367
  "path": ["button", "default", "bgColor", "selected"]
6432
6368
  },
6433
6369
  "button-default-bgColor-disabled": {
6434
- "value": "#eaeef2b3",
6370
+ "value": "#eff2f5",
6435
6371
  "$type": "color",
6436
6372
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6437
6373
  "isSource": true,
@@ -6444,7 +6380,7 @@
6444
6380
  "path": ["button", "default", "bgColor", "disabled"]
6445
6381
  },
6446
6382
  "button-default-borderColor-rest": {
6447
- "value": "#d0d7de",
6383
+ "value": "#d1d9e0",
6448
6384
  "$type": "color",
6449
6385
  "$extensions": {
6450
6386
  "org.primer.figma": {
@@ -6457,7 +6393,7 @@
6457
6393
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6458
6394
  "isSource": true,
6459
6395
  "original": {
6460
- "value": "{borderColor.default}",
6396
+ "value": "{control.borderColor.rest}",
6461
6397
  "$type": "color",
6462
6398
  "$extensions": {
6463
6399
  "org.primer.figma": {
@@ -6473,7 +6409,7 @@
6473
6409
  "path": ["button", "default", "borderColor", "rest"]
6474
6410
  },
6475
6411
  "button-default-borderColor-hover": {
6476
- "value": "#d0d7de",
6412
+ "value": "#d1d9e0",
6477
6413
  "$type": "color",
6478
6414
  "$extensions": {
6479
6415
  "org.primer.figma": {
@@ -6486,7 +6422,7 @@
6486
6422
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6487
6423
  "isSource": true,
6488
6424
  "original": {
6489
- "value": "{borderColor.default}",
6425
+ "value": "{control.borderColor.rest}",
6490
6426
  "$type": "color",
6491
6427
  "$extensions": {
6492
6428
  "org.primer.figma": {
@@ -6502,7 +6438,7 @@
6502
6438
  "path": ["button", "default", "borderColor", "hover"]
6503
6439
  },
6504
6440
  "button-default-borderColor-active": {
6505
- "value": "#d0d7de",
6441
+ "value": "#d1d9e0",
6506
6442
  "$type": "color",
6507
6443
  "$extensions": {
6508
6444
  "org.primer.figma": {
@@ -6515,7 +6451,7 @@
6515
6451
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6516
6452
  "isSource": true,
6517
6453
  "original": {
6518
- "value": "{borderColor.default}",
6454
+ "value": "{control.borderColor.rest}",
6519
6455
  "$type": "color",
6520
6456
  "$extensions": {
6521
6457
  "org.primer.figma": {
@@ -6531,7 +6467,7 @@
6531
6467
  "path": ["button", "default", "borderColor", "active"]
6532
6468
  },
6533
6469
  "button-default-borderColor-disabled": {
6534
- "value": "#eaeef2b3",
6470
+ "value": "#818b981a",
6535
6471
  "$type": "color",
6536
6472
  "$extensions": {
6537
6473
  "org.primer.figma": {
@@ -6574,7 +6510,7 @@
6574
6510
  "original": {
6575
6511
  "value": [
6576
6512
  {
6577
- "color": "{base.color.black}",
6513
+ "color": "{base.color.neutral.13}",
6578
6514
  "alpha": 0.04,
6579
6515
  "offsetX": "0px",
6580
6516
  "offsetY": "1px",
@@ -6640,7 +6576,7 @@
6640
6576
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6641
6577
  "isSource": true,
6642
6578
  "original": {
6643
- "value": "{base.color.white}",
6579
+ "value": "{base.color.neutral.0}",
6644
6580
  "$type": "color",
6645
6581
  "$extensions": {
6646
6582
  "org.primer.figma": {
@@ -6842,7 +6778,7 @@
6842
6778
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6843
6779
  "isSource": true,
6844
6780
  "original": {
6845
- "value": "{base.color.black}",
6781
+ "value": "{base.color.neutral.13}",
6846
6782
  "$type": "color",
6847
6783
  "$extensions": {
6848
6784
  "org.primer.figma": {
@@ -6983,7 +6919,7 @@
6983
6919
  "path": ["button", "primary", "shadow", "selected"]
6984
6920
  },
6985
6921
  "button-invisible-fgColor-rest": {
6986
- "value": "#0969da",
6922
+ "value": "#59636e",
6987
6923
  "$type": "color",
6988
6924
  "$extensions": {
6989
6925
  "org.primer.figma": {
@@ -6996,7 +6932,7 @@
6996
6932
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
6997
6933
  "isSource": true,
6998
6934
  "original": {
6999
- "value": "{fgColor.accent}",
6935
+ "value": "{fgColor.muted}",
7000
6936
  "$type": "color",
7001
6937
  "$extensions": {
7002
6938
  "org.primer.figma": {
@@ -7012,7 +6948,7 @@
7012
6948
  "path": ["button", "invisible", "fgColor", "rest"]
7013
6949
  },
7014
6950
  "button-invisible-fgColor-hover": {
7015
- "value": "#0969da",
6951
+ "value": "#59636e",
7016
6952
  "$type": "color",
7017
6953
  "$extensions": {
7018
6954
  "org.primer.figma": {
@@ -7025,7 +6961,7 @@
7025
6961
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7026
6962
  "isSource": true,
7027
6963
  "original": {
7028
- "value": "{fgColor.accent}",
6964
+ "value": "{fgColor.muted}",
7029
6965
  "$type": "color",
7030
6966
  "$extensions": {
7031
6967
  "org.primer.figma": {
@@ -7041,7 +6977,7 @@
7041
6977
  "path": ["button", "invisible", "fgColor", "hover"]
7042
6978
  },
7043
6979
  "button-invisible-fgColor-disabled": {
7044
- "value": "#8c959f",
6980
+ "value": "#818b98",
7045
6981
  "$type": "color",
7046
6982
  "$extensions": {
7047
6983
  "org.primer.figma": {
@@ -7070,7 +7006,7 @@
7070
7006
  "path": ["button", "invisible", "fgColor", "disabled"]
7071
7007
  },
7072
7008
  "button-invisible-iconColor-rest": {
7073
- "value": "#636c76",
7009
+ "value": "#59636e",
7074
7010
  "$type": "color",
7075
7011
  "$extensions": {
7076
7012
  "org.primer.figma": {
@@ -7099,7 +7035,7 @@
7099
7035
  "path": ["button", "invisible", "iconColor", "rest"]
7100
7036
  },
7101
7037
  "button-invisible-iconColor-hover": {
7102
- "value": "#636c76",
7038
+ "value": "#59636e",
7103
7039
  "$type": "color",
7104
7040
  "$extensions": {
7105
7041
  "org.primer.figma": {
@@ -7128,7 +7064,7 @@
7128
7064
  "path": ["button", "invisible", "iconColor", "hover"]
7129
7065
  },
7130
7066
  "button-invisible-iconColor-disabled": {
7131
- "value": "#8c959f",
7067
+ "value": "#818b98",
7132
7068
  "$type": "color",
7133
7069
  "$extensions": {
7134
7070
  "org.primer.figma": {
@@ -7186,7 +7122,7 @@
7186
7122
  "path": ["button", "invisible", "bgColor", "rest"]
7187
7123
  },
7188
7124
  "button-invisible-bgColor-hover": {
7189
- "value": "#d0d7de33",
7125
+ "value": "#818b981a",
7190
7126
  "$type": "color",
7191
7127
  "$extensions": {
7192
7128
  "org.primer.figma": {
@@ -7215,7 +7151,7 @@
7215
7151
  "path": ["button", "invisible", "bgColor", "hover"]
7216
7152
  },
7217
7153
  "button-invisible-bgColor-active": {
7218
- "value": "#d0d7de66",
7154
+ "value": "#818b9826",
7219
7155
  "$type": "color",
7220
7156
  "$extensions": {
7221
7157
  "org.primer.figma": {
@@ -7244,7 +7180,7 @@
7244
7180
  "path": ["button", "invisible", "bgColor", "active"]
7245
7181
  },
7246
7182
  "button-invisible-bgColor-disabled": {
7247
- "value": "#eaeef2b3",
7183
+ "value": "#eff2f5",
7248
7184
  "$type": "color",
7249
7185
  "$extensions": {
7250
7186
  "org.primer.figma": {
@@ -7331,7 +7267,7 @@
7331
7267
  "path": ["button", "invisible", "borderColor", "hover"]
7332
7268
  },
7333
7269
  "button-invisible-borderColor-disabled": {
7334
- "value": "#eaeef2b3",
7270
+ "value": "#818b981a",
7335
7271
  "$type": "color",
7336
7272
  "$extensions": {
7337
7273
  "org.primer.figma": {
@@ -7402,7 +7338,7 @@
7402
7338
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7403
7339
  "isSource": true,
7404
7340
  "original": {
7405
- "value": "{base.color.white}",
7341
+ "value": "{base.color.neutral.0}",
7406
7342
  "$type": "color",
7407
7343
  "$extensions": {
7408
7344
  "org.primer.figma": {
@@ -7431,7 +7367,7 @@
7431
7367
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7432
7368
  "isSource": true,
7433
7369
  "original": {
7434
- "value": "{base.color.white}",
7370
+ "value": "{base.color.neutral.0}",
7435
7371
  "$type": "color",
7436
7372
  "$extensions": {
7437
7373
  "org.primer.figma": {
@@ -7573,7 +7509,7 @@
7573
7509
  "path": ["button", "outline", "bgColor", "active"]
7574
7510
  },
7575
7511
  "button-outline-bgColor-disabled": {
7576
- "value": "#f6f8fa",
7512
+ "value": "#eff2f5",
7577
7513
  "$type": "color",
7578
7514
  "$extensions": {
7579
7515
  "org.primer.figma": {
@@ -7586,7 +7522,7 @@
7586
7522
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7587
7523
  "isSource": true,
7588
7524
  "original": {
7589
- "value": "{base.color.neutral.0}",
7525
+ "value": "{control.bgColor.disabled}",
7590
7526
  "$type": "color",
7591
7527
  "$extensions": {
7592
7528
  "org.primer.figma": {
@@ -7612,11 +7548,10 @@
7612
7548
  "scopes": ["borderColor"]
7613
7549
  }
7614
7550
  },
7615
- "alpha": 0.15,
7616
7551
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7617
7552
  "isSource": true,
7618
7553
  "original": {
7619
- "value": "{base.color.black}",
7554
+ "value": "{button.primary.borderColor.hover}",
7620
7555
  "$type": "color",
7621
7556
  "$extensions": {
7622
7557
  "org.primer.figma": {
@@ -7625,8 +7560,7 @@
7625
7560
  "group": "component (internal)",
7626
7561
  "scopes": ["borderColor"]
7627
7562
  }
7628
- },
7629
- "alpha": 0.15
7563
+ }
7630
7564
  },
7631
7565
  "name": "button-outline-borderColor-hover",
7632
7566
  "attributes": {},
@@ -7741,7 +7675,7 @@
7741
7675
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7742
7676
  "isSource": true,
7743
7677
  "original": {
7744
- "value": "{base.color.white}",
7678
+ "value": "{base.color.neutral.0}",
7745
7679
  "$type": "color",
7746
7680
  "$extensions": {
7747
7681
  "org.primer.figma": {
@@ -7770,7 +7704,7 @@
7770
7704
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7771
7705
  "isSource": true,
7772
7706
  "original": {
7773
- "value": "{base.color.white}",
7707
+ "value": "{base.color.neutral.0}",
7774
7708
  "$type": "color",
7775
7709
  "$extensions": {
7776
7710
  "org.primer.figma": {
@@ -7859,7 +7793,7 @@
7859
7793
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
7860
7794
  "isSource": true,
7861
7795
  "original": {
7862
- "value": "{base.color.white}",
7796
+ "value": "{base.color.neutral.0}",
7863
7797
  "$type": "color",
7864
7798
  "$extensions": {
7865
7799
  "org.primer.figma": {
@@ -7970,7 +7904,7 @@
7970
7904
  "path": ["button", "danger", "bgColor", "active"]
7971
7905
  },
7972
7906
  "button-danger-bgColor-disabled": {
7973
- "value": "#eaeef2b3",
7907
+ "value": "#eff2f5",
7974
7908
  "$type": "color",
7975
7909
  "$extensions": {
7976
7910
  "org.primer.figma": {
@@ -7999,7 +7933,7 @@
7999
7933
  "path": ["button", "danger", "bgColor", "disabled"]
8000
7934
  },
8001
7935
  "button-danger-borderColor-rest": {
8002
- "value": "#d0d7de",
7936
+ "value": "#d1d9e0",
8003
7937
  "$type": "color",
8004
7938
  "$extensions": {
8005
7939
  "org.primer.figma": {
@@ -8012,7 +7946,7 @@
8012
7946
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8013
7947
  "isSource": true,
8014
7948
  "original": {
8015
- "value": "{borderColor.default}",
7949
+ "value": "{control.borderColor.rest}",
8016
7950
  "$type": "color",
8017
7951
  "$extensions": {
8018
7952
  "org.primer.figma": {
@@ -8038,11 +7972,10 @@
8038
7972
  "scopes": ["borderColor"]
8039
7973
  }
8040
7974
  },
8041
- "alpha": 0.15,
8042
7975
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8043
7976
  "isSource": true,
8044
7977
  "original": {
8045
- "value": "{base.color.black}",
7978
+ "value": "{button.primary.borderColor.rest}",
8046
7979
  "$type": "color",
8047
7980
  "$extensions": {
8048
7981
  "org.primer.figma": {
@@ -8051,8 +7984,7 @@
8051
7984
  "group": "component (internal)",
8052
7985
  "scopes": ["borderColor"]
8053
7986
  }
8054
- },
8055
- "alpha": 0.15
7987
+ }
8056
7988
  },
8057
7989
  "name": "button-danger-borderColor-hover",
8058
7990
  "attributes": {},
@@ -8125,7 +8057,7 @@
8125
8057
  "path": ["button", "danger", "shadow", "selected"]
8126
8058
  },
8127
8059
  "button-inactive-fgColor": {
8128
- "value": "#57606a",
8060
+ "value": "#59636e",
8129
8061
  "$type": "color",
8130
8062
  "$extensions": {
8131
8063
  "org.primer.figma": {
@@ -8138,7 +8070,7 @@
8138
8070
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8139
8071
  "isSource": true,
8140
8072
  "original": {
8141
- "value": "{base.color.neutral.6}",
8073
+ "value": "{base.color.neutral.9}",
8142
8074
  "$type": "color",
8143
8075
  "$extensions": {
8144
8076
  "org.primer.figma": {
@@ -8154,7 +8086,7 @@
8154
8086
  "path": ["button", "inactive", "fgColor"]
8155
8087
  },
8156
8088
  "button-inactive-bgColor": {
8157
- "value": "#eaeef2",
8089
+ "value": "#e6eaef",
8158
8090
  "$type": "color",
8159
8091
  "$extensions": {
8160
8092
  "org.primer.figma": {
@@ -8167,7 +8099,7 @@
8167
8099
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8168
8100
  "isSource": true,
8169
8101
  "original": {
8170
- "value": "{base.color.neutral.1}",
8102
+ "value": "{base.color.neutral.3}",
8171
8103
  "$type": "color",
8172
8104
  "$extensions": {
8173
8105
  "org.primer.figma": {
@@ -8212,7 +8144,7 @@
8212
8144
  "path": ["button", "star", "iconColor"]
8213
8145
  },
8214
8146
  "buttonCounter-default-bgColor-rest": {
8215
- "value": "#afb8c133",
8147
+ "value": "#e0e6ebb3",
8216
8148
  "$type": "color",
8217
8149
  "$extensions": {
8218
8150
  "org.primer.figma": {
@@ -8241,7 +8173,7 @@
8241
8173
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8242
8174
  },
8243
8175
  "buttonCounter-invisible-bgColor-rest": {
8244
- "value": "#afb8c133",
8176
+ "value": "#e0e6ebb3",
8245
8177
  "$type": "color",
8246
8178
  "$extensions": {
8247
8179
  "org.primer.figma": {
@@ -8346,7 +8278,7 @@
8346
8278
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8347
8279
  "isSource": true,
8348
8280
  "original": {
8349
- "value": "{base.color.white}",
8281
+ "value": "{base.color.neutral.0}",
8350
8282
  "$type": "color",
8351
8283
  "$extensions": {
8352
8284
  "org.primer.figma": {
@@ -8436,7 +8368,7 @@
8436
8368
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8437
8369
  "isSource": true,
8438
8370
  "original": {
8439
- "value": "{base.color.white}",
8371
+ "value": "{base.color.neutral.0}",
8440
8372
  "$type": "color",
8441
8373
  "$extensions": {
8442
8374
  "org.primer.figma": {
@@ -8497,7 +8429,7 @@
8497
8429
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8498
8430
  "isSource": true,
8499
8431
  "original": {
8500
- "value": "{base.color.white}",
8432
+ "value": "{base.color.neutral.0}",
8501
8433
  "$type": "color",
8502
8434
  "$extensions": {
8503
8435
  "org.primer.figma": {
@@ -8626,7 +8558,7 @@
8626
8558
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8627
8559
  "isSource": true,
8628
8560
  "original": {
8629
- "value": "{base.color.white}",
8561
+ "value": "{base.color.neutral.0}",
8630
8562
  "$type": "color",
8631
8563
  "$extensions": {
8632
8564
  "org.primer.figma": {
@@ -8885,7 +8817,7 @@
8885
8817
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8886
8818
  "isSource": true,
8887
8819
  "original": {
8888
- "value": "{base.color.white}",
8820
+ "value": "{base.color.neutral.0}",
8889
8821
  "$type": "color",
8890
8822
  "$extensions": {
8891
8823
  "org.primer.figma": {
@@ -8901,7 +8833,7 @@
8901
8833
  "path": ["overlay", "bgColor"]
8902
8834
  },
8903
8835
  "overlay-borderColor": {
8904
- "value": "#d0d7de80",
8836
+ "value": "#d1d9e080",
8905
8837
  "$type": "color",
8906
8838
  "$extensions": {
8907
8839
  "org.primer.figma": {
@@ -8930,7 +8862,7 @@
8930
8862
  "path": ["overlay", "borderColor"]
8931
8863
  },
8932
8864
  "overlay-backdrop-bgColor": {
8933
- "value": "#8c959f33",
8865
+ "value": "#c8d1da66",
8934
8866
  "$type": "color",
8935
8867
  "$extensions": {
8936
8868
  "org.primer.figma": {
@@ -8940,11 +8872,11 @@
8940
8872
  "scopes": ["bgColor"]
8941
8873
  }
8942
8874
  },
8943
- "alpha": 0.2,
8875
+ "alpha": 0.4,
8944
8876
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
8945
8877
  "isSource": true,
8946
8878
  "original": {
8947
- "value": "{base.color.neutral.4}",
8879
+ "value": "{base.color.neutral.7}",
8948
8880
  "$type": "color",
8949
8881
  "$extensions": {
8950
8882
  "org.primer.figma": {
@@ -8954,7 +8886,7 @@
8954
8886
  "scopes": ["bgColor"]
8955
8887
  }
8956
8888
  },
8957
- "alpha": 0.2
8889
+ "alpha": 0.4
8958
8890
  },
8959
8891
  "name": "overlay-backdrop-bgColor",
8960
8892
  "attributes": {},
@@ -9032,7 +8964,7 @@
9032
8964
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
9033
8965
  "isSource": true,
9034
8966
  "original": {
9035
- "value": "{base.color.white}",
8967
+ "value": "{base.color.neutral.0}",
9036
8968
  "$type": "color",
9037
8969
  "$extensions": {
9038
8970
  "org.primer.figma": {
@@ -9061,7 +8993,7 @@
9061
8993
  "path": ["skeletonLoader", "bgColor"]
9062
8994
  },
9063
8995
  "timelineBadge-bgColor": {
9064
- "value": "#eaeef2",
8996
+ "value": "#f6f8fa",
9065
8997
  "$type": "color",
9066
8998
  "$extensions": {
9067
8999
  "org.primer.figma": {
@@ -9074,7 +9006,7 @@
9074
9006
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
9075
9007
  "isSource": true,
9076
9008
  "original": {
9077
- "value": "{base.color.neutral.1}",
9009
+ "value": "{bgColor.muted}",
9078
9010
  "$type": "color",
9079
9011
  "$extensions": {
9080
9012
  "org.primer.figma": {
@@ -9148,7 +9080,7 @@
9148
9080
  "path": ["underlineNav", "borderColor", "active"]
9149
9081
  },
9150
9082
  "underlineNav-borderColor-hover": {
9151
- "value": "#afb8c133",
9083
+ "value": "#d1d9e0b3",
9152
9084
  "$type": "color",
9153
9085
  "$extensions": {
9154
9086
  "org.primer.figma": {
@@ -9161,7 +9093,7 @@
9161
9093
  "filePath": "src/tokens/functional/color/light/patterns-light.json5",
9162
9094
  "isSource": true,
9163
9095
  "original": {
9164
- "value": "{borderColor.neutral.muted}",
9096
+ "value": "{borderColor.muted}",
9165
9097
  "$type": "color",
9166
9098
  "$extensions": {
9167
9099
  "org.primer.figma": {
@@ -9177,7 +9109,7 @@
9177
9109
  "path": ["underlineNav", "borderColor", "hover"]
9178
9110
  },
9179
9111
  "underlineNav-iconColor-rest": {
9180
- "value": "#636c76",
9112
+ "value": "#59636e",
9181
9113
  "$type": "color",
9182
9114
  "$extensions": {
9183
9115
  "org.primer.figma": {
@@ -12572,7 +12504,7 @@
12572
12504
  "path": ["label", "coral", "fgColor", "active"]
12573
12505
  },
12574
12506
  "tooltip-bgColor": {
12575
- "value": "#24292f",
12507
+ "value": "#25292e",
12576
12508
  "$type": "color",
12577
12509
  "$extensions": {
12578
12510
  "org.primer.figma": {
@@ -12646,7 +12578,7 @@
12646
12578
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12647
12579
  "isSource": true,
12648
12580
  "original": {
12649
- "value": "{base.color.black}",
12581
+ "value": "{base.color.neutral.13}",
12650
12582
  "$type": "color",
12651
12583
  "$extensions": {
12652
12584
  "org.primer.figma": {
@@ -12665,7 +12597,7 @@
12665
12597
  "path": ["fgColor", "default"]
12666
12598
  },
12667
12599
  "fgColor-muted": {
12668
- "value": "#636c76",
12600
+ "value": "#59636e",
12669
12601
  "$type": "color",
12670
12602
  "$extensions": {
12671
12603
  "org.primer.figma": {
@@ -12678,14 +12610,10 @@
12678
12610
  }
12679
12611
  }
12680
12612
  },
12681
- "mix": {
12682
- "color": "#6e7781",
12683
- "weight": 0.5
12684
- },
12685
12613
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12686
12614
  "isSource": true,
12687
12615
  "original": {
12688
- "value": "{base.color.neutral.6}",
12616
+ "value": "{base.color.neutral.9}",
12689
12617
  "$type": "color",
12690
12618
  "$extensions": {
12691
12619
  "org.primer.figma": {
@@ -12697,10 +12625,6 @@
12697
12625
  "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
12698
12626
  }
12699
12627
  }
12700
- },
12701
- "mix": {
12702
- "color": "{base.color.neutral.5}",
12703
- "weight": 0.5
12704
12628
  }
12705
12629
  },
12706
12630
  "name": "fgColor-muted",
@@ -12724,7 +12648,7 @@
12724
12648
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12725
12649
  "isSource": true,
12726
12650
  "original": {
12727
- "value": "{base.color.white}",
12651
+ "value": "{base.color.neutral.0}",
12728
12652
  "$type": "color",
12729
12653
  "$extensions": {
12730
12654
  "org.primer.figma": {
@@ -12756,7 +12680,7 @@
12756
12680
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12757
12681
  "isSource": true,
12758
12682
  "original": {
12759
- "value": "{base.color.white}",
12683
+ "value": "{base.color.neutral.0}",
12760
12684
  "$type": "color",
12761
12685
  "$extensions": {
12762
12686
  "org.primer.figma": {
@@ -12785,7 +12709,7 @@
12785
12709
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12786
12710
  "isSource": true,
12787
12711
  "original": {
12788
- "value": "{base.color.white}",
12712
+ "value": "{base.color.neutral.0}",
12789
12713
  "$type": "color",
12790
12714
  "$extensions": {
12791
12715
  "org.primer.figma": {
@@ -12814,7 +12738,7 @@
12814
12738
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12815
12739
  "isSource": true,
12816
12740
  "original": {
12817
- "value": "{base.color.black}",
12741
+ "value": "{base.color.neutral.13}",
12818
12742
  "$type": "color",
12819
12743
  "$extensions": {
12820
12744
  "org.primer.figma": {
@@ -12830,7 +12754,7 @@
12830
12754
  "path": ["fgColor", "black"]
12831
12755
  },
12832
12756
  "fgColor-disabled": {
12833
- "value": "#8c959f",
12757
+ "value": "#818b98",
12834
12758
  "$type": "color",
12835
12759
  "$extensions": {
12836
12760
  "org.primer.figma": {
@@ -12843,7 +12767,7 @@
12843
12767
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12844
12768
  "isSource": true,
12845
12769
  "original": {
12846
- "value": "{base.color.neutral.4}",
12770
+ "value": "{base.color.neutral.8}",
12847
12771
  "$type": "color",
12848
12772
  "$extensions": {
12849
12773
  "org.primer.figma": {
@@ -12894,7 +12818,7 @@
12894
12818
  "path": ["fgColor", "link"]
12895
12819
  },
12896
12820
  "fgColor-neutral": {
12897
- "value": "#57606a",
12821
+ "value": "#59636e",
12898
12822
  "$type": "color",
12899
12823
  "$extensions": {
12900
12824
  "org.primer.figma": {
@@ -12907,7 +12831,7 @@
12907
12831
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12908
12832
  "isSource": true,
12909
12833
  "original": {
12910
- "value": "{base.color.neutral.6}",
12834
+ "value": "{base.color.neutral.9}",
12911
12835
  "$type": "color",
12912
12836
  "$extensions": {
12913
12837
  "org.primer.figma": {
@@ -13141,7 +13065,7 @@
13141
13065
  "path": ["fgColor", "danger"]
13142
13066
  },
13143
13067
  "fgColor-closed": {
13144
- "value": "#6e7781",
13068
+ "value": "#59636e",
13145
13069
  "$type": "color",
13146
13070
  "$extensions": {
13147
13071
  "org.primer.figma": {
@@ -13157,7 +13081,7 @@
13157
13081
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13158
13082
  "isSource": true,
13159
13083
  "original": {
13160
- "value": "{base.color.neutral.5}",
13084
+ "value": "{fgColor.muted}",
13161
13085
  "$type": "color",
13162
13086
  "$extensions": {
13163
13087
  "org.primer.figma": {
@@ -13297,7 +13221,7 @@
13297
13221
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13298
13222
  "isSource": true,
13299
13223
  "original": {
13300
- "value": "{base.color.white}",
13224
+ "value": "{base.color.neutral.0}",
13301
13225
  "$type": "color",
13302
13226
  "$extensions": {
13303
13227
  "org.primer.figma": {
@@ -13332,7 +13256,7 @@
13332
13256
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13333
13257
  "isSource": true,
13334
13258
  "original": {
13335
- "value": "{base.color.neutral.0}",
13259
+ "value": "{base.color.neutral.1}",
13336
13260
  "$type": "color",
13337
13261
  "$extensions": {
13338
13262
  "org.primer.figma": {
@@ -13367,7 +13291,7 @@
13367
13291
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13368
13292
  "isSource": true,
13369
13293
  "original": {
13370
- "value": "{base.color.neutral.0}",
13294
+ "value": "{bgColor.muted}",
13371
13295
  "$type": "color",
13372
13296
  "$extensions": {
13373
13297
  "org.primer.figma": {
@@ -13386,7 +13310,7 @@
13386
13310
  "path": ["bgColor", "inset"]
13387
13311
  },
13388
13312
  "bgColor-emphasis": {
13389
- "value": "#24292f",
13313
+ "value": "#25292e",
13390
13314
  "$type": "color",
13391
13315
  "$extensions": {
13392
13316
  "org.primer.figma": {
@@ -13402,7 +13326,7 @@
13402
13326
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13403
13327
  "isSource": true,
13404
13328
  "original": {
13405
- "value": "{base.color.neutral.9}",
13329
+ "value": "{base.color.neutral.12}",
13406
13330
  "$type": "color",
13407
13331
  "$extensions": {
13408
13332
  "org.primer.figma": {
@@ -13421,7 +13345,7 @@
13421
13345
  "path": ["bgColor", "emphasis"]
13422
13346
  },
13423
13347
  "bgColor-inverse": {
13424
- "value": "#24292f",
13348
+ "value": "#25292e",
13425
13349
  "$type": "color",
13426
13350
  "$extensions": {
13427
13351
  "org.primer.figma": {
@@ -13434,7 +13358,7 @@
13434
13358
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13435
13359
  "isSource": true,
13436
13360
  "original": {
13437
- "value": "{base.color.neutral.9}",
13361
+ "value": "{base.color.neutral.12}",
13438
13362
  "$type": "color",
13439
13363
  "$extensions": {
13440
13364
  "org.primer.figma": {
@@ -13463,7 +13387,7 @@
13463
13387
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13464
13388
  "isSource": true,
13465
13389
  "original": {
13466
- "value": "{base.color.white}",
13390
+ "value": "{base.color.neutral.0}",
13467
13391
  "$type": "color",
13468
13392
  "$extensions": {
13469
13393
  "org.primer.figma": {
@@ -13492,7 +13416,7 @@
13492
13416
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13493
13417
  "isSource": true,
13494
13418
  "original": {
13495
- "value": "{base.color.black}",
13419
+ "value": "{base.color.neutral.13}",
13496
13420
  "$type": "color",
13497
13421
  "$extensions": {
13498
13422
  "org.primer.figma": {
@@ -13508,7 +13432,7 @@
13508
13432
  "path": ["bgColor", "black"]
13509
13433
  },
13510
13434
  "bgColor-disabled": {
13511
- "value": "#eaeef2b3",
13435
+ "value": "#eff2f5",
13512
13436
  "$type": "color",
13513
13437
  "$extensions": {
13514
13438
  "org.primer.figma": {
@@ -13518,11 +13442,10 @@
13518
13442
  "scopes": ["bgColor"]
13519
13443
  }
13520
13444
  },
13521
- "alpha": 0.7,
13522
13445
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13523
13446
  "isSource": true,
13524
13447
  "original": {
13525
- "value": "{base.color.neutral.1}",
13448
+ "value": "{base.color.neutral.2}",
13526
13449
  "$type": "color",
13527
13450
  "$extensions": {
13528
13451
  "org.primer.figma": {
@@ -13531,8 +13454,7 @@
13531
13454
  "group": "semantic",
13532
13455
  "scopes": ["bgColor"]
13533
13456
  }
13534
- },
13535
- "alpha": 0.7
13457
+ }
13536
13458
  },
13537
13459
  "name": "bgColor-disabled",
13538
13460
  "attributes": {},
@@ -13574,7 +13496,7 @@
13574
13496
  "path": ["bgColor", "transparent"]
13575
13497
  },
13576
13498
  "bgColor-neutral-muted": {
13577
- "value": "#afb8c133",
13499
+ "value": "#e0e6ebb3",
13578
13500
  "$type": "color",
13579
13501
  "$extensions": {
13580
13502
  "org.primer.figma": {
@@ -13584,11 +13506,11 @@
13584
13506
  "scopes": ["bgColor"]
13585
13507
  }
13586
13508
  },
13587
- "alpha": 0.2,
13509
+ "alpha": 0.7,
13588
13510
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13589
13511
  "isSource": true,
13590
13512
  "original": {
13591
- "value": "{base.color.neutral.3}",
13513
+ "value": "{base.color.neutral.4}",
13592
13514
  "$type": "color",
13593
13515
  "$extensions": {
13594
13516
  "org.primer.figma": {
@@ -13598,14 +13520,14 @@
13598
13520
  "scopes": ["bgColor"]
13599
13521
  }
13600
13522
  },
13601
- "alpha": 0.2
13523
+ "alpha": 0.7
13602
13524
  },
13603
13525
  "name": "bgColor-neutral-muted",
13604
13526
  "attributes": {},
13605
13527
  "path": ["bgColor", "neutral", "muted"]
13606
13528
  },
13607
13529
  "bgColor-neutral-emphasis": {
13608
- "value": "#6e7781",
13530
+ "value": "#59636e",
13609
13531
  "$type": "color",
13610
13532
  "$extensions": {
13611
13533
  "org.primer.figma": {
@@ -13618,7 +13540,7 @@
13618
13540
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13619
13541
  "isSource": true,
13620
13542
  "original": {
13621
- "value": "{base.color.neutral.5}",
13543
+ "value": "{base.color.neutral.9}",
13622
13544
  "$type": "color",
13623
13545
  "$extensions": {
13624
13546
  "org.primer.figma": {
@@ -14056,7 +13978,7 @@
14056
13978
  "path": ["bgColor", "danger", "emphasis"]
14057
13979
  },
14058
13980
  "bgColor-closed-muted": {
14059
- "value": "#f6f8fa",
13981
+ "value": "#e0e6ebb3",
14060
13982
  "$type": "color",
14061
13983
  "$extensions": {
14062
13984
  "org.primer.figma": {
@@ -14072,7 +13994,7 @@
14072
13994
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14073
13995
  "isSource": true,
14074
13996
  "original": {
14075
- "value": "{base.color.neutral.0}",
13997
+ "value": "{bgColor.neutral.muted}",
14076
13998
  "$type": "color",
14077
13999
  "$extensions": {
14078
14000
  "org.primer.figma": {
@@ -14091,7 +14013,7 @@
14091
14013
  "path": ["bgColor", "closed", "muted"]
14092
14014
  },
14093
14015
  "bgColor-closed-emphasis": {
14094
- "value": "#6e7781",
14016
+ "value": "#59636e",
14095
14017
  "$type": "color",
14096
14018
  "$extensions": {
14097
14019
  "org.primer.figma": {
@@ -14107,7 +14029,7 @@
14107
14029
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14108
14030
  "isSource": true,
14109
14031
  "original": {
14110
- "value": "{base.color.neutral.5}",
14032
+ "value": "{bgColor.neutral.emphasis}",
14111
14033
  "$type": "color",
14112
14034
  "$extensions": {
14113
14035
  "org.primer.figma": {
@@ -14336,7 +14258,7 @@
14336
14258
  "path": ["bgColor", "sponsors", "emphasis"]
14337
14259
  },
14338
14260
  "borderColor-default": {
14339
- "value": "#d0d7de",
14261
+ "value": "#d1d9e0",
14340
14262
  "$type": "color",
14341
14263
  "$extensions": {
14342
14264
  "org.primer.figma": {
@@ -14352,7 +14274,7 @@
14352
14274
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14353
14275
  "isSource": true,
14354
14276
  "original": {
14355
- "value": "{base.color.neutral.2}",
14277
+ "value": "{base.color.neutral.6}",
14356
14278
  "$type": "color",
14357
14279
  "$extensions": {
14358
14280
  "org.primer.figma": {
@@ -14371,7 +14293,7 @@
14371
14293
  "path": ["borderColor", "default"]
14372
14294
  },
14373
14295
  "borderColor-muted": {
14374
- "value": "#d0d7deb3",
14296
+ "value": "#d1d9e0b3",
14375
14297
  "$type": "color",
14376
14298
  "$extensions": {
14377
14299
  "org.primer.figma": {
@@ -14408,7 +14330,7 @@
14408
14330
  "path": ["borderColor", "muted"]
14409
14331
  },
14410
14332
  "borderColor-emphasis": {
14411
- "value": "#6e7781",
14333
+ "value": "#818b98",
14412
14334
  "$type": "color",
14413
14335
  "$extensions": {
14414
14336
  "org.primer.figma": {
@@ -14421,7 +14343,7 @@
14421
14343
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14422
14344
  "isSource": true,
14423
14345
  "original": {
14424
- "value": "{base.color.neutral.5}",
14346
+ "value": "{base.color.neutral.8}",
14425
14347
  "$type": "color",
14426
14348
  "$extensions": {
14427
14349
  "org.primer.figma": {
@@ -14437,7 +14359,7 @@
14437
14359
  "path": ["borderColor", "emphasis"]
14438
14360
  },
14439
14361
  "borderColor-disabled": {
14440
- "value": "#eaeef2b3",
14362
+ "value": "#818b981a",
14441
14363
  "$type": "color",
14442
14364
  "$extensions": {
14443
14365
  "org.primer.figma": {
@@ -14447,10 +14369,11 @@
14447
14369
  "scopes": ["borderColor"]
14448
14370
  }
14449
14371
  },
14372
+ "alpha": 0.1,
14450
14373
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14451
14374
  "isSource": true,
14452
14375
  "original": {
14453
- "value": "{bgColor.disabled}",
14376
+ "value": "{base.color.neutral.8}",
14454
14377
  "$type": "color",
14455
14378
  "$extensions": {
14456
14379
  "org.primer.figma": {
@@ -14459,7 +14382,8 @@
14459
14382
  "group": "semantic",
14460
14383
  "scopes": ["borderColor"]
14461
14384
  }
14462
- }
14385
+ },
14386
+ "alpha": 0.1
14463
14387
  },
14464
14388
  "name": "borderColor-disabled",
14465
14389
  "attributes": {},
@@ -14509,7 +14433,7 @@
14509
14433
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14510
14434
  "isSource": true,
14511
14435
  "original": {
14512
- "value": "{base.color.black}",
14436
+ "value": "{base.color.neutral.13}",
14513
14437
  "$type": "color",
14514
14438
  "$extensions": {
14515
14439
  "org.primer.figma": {
@@ -14526,7 +14450,7 @@
14526
14450
  "path": ["borderColor", "translucent"]
14527
14451
  },
14528
14452
  "borderColor-neutral-muted": {
14529
- "value": "#afb8c133",
14453
+ "value": "#d1d9e0b3",
14530
14454
  "$type": "color",
14531
14455
  "$extensions": {
14532
14456
  "org.primer.figma": {
@@ -14536,11 +14460,10 @@
14536
14460
  "scopes": ["borderColor"]
14537
14461
  }
14538
14462
  },
14539
- "alpha": 0.2,
14540
14463
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14541
14464
  "isSource": true,
14542
14465
  "original": {
14543
- "value": "{base.color.neutral.3}",
14466
+ "value": "{borderColor.muted}",
14544
14467
  "$type": "color",
14545
14468
  "$extensions": {
14546
14469
  "org.primer.figma": {
@@ -14549,15 +14472,14 @@
14549
14472
  "group": "semantic",
14550
14473
  "scopes": ["borderColor"]
14551
14474
  }
14552
- },
14553
- "alpha": 0.2
14475
+ }
14554
14476
  },
14555
14477
  "name": "borderColor-neutral-muted",
14556
14478
  "attributes": {},
14557
14479
  "path": ["borderColor", "neutral", "muted"]
14558
14480
  },
14559
14481
  "borderColor-neutral-emphasis": {
14560
- "value": "#6e7781",
14482
+ "value": "#59636e",
14561
14483
  "$type": "color",
14562
14484
  "$extensions": {
14563
14485
  "org.primer.figma": {
@@ -14570,7 +14492,7 @@
14570
14492
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14571
14493
  "isSource": true,
14572
14494
  "original": {
14573
- "value": "{base.color.neutral.5}",
14495
+ "value": "{base.color.neutral.9}",
14574
14496
  "$type": "color",
14575
14497
  "$extensions": {
14576
14498
  "org.primer.figma": {
@@ -14839,7 +14761,7 @@
14839
14761
  "path": ["borderColor", "attention", "muted"]
14840
14762
  },
14841
14763
  "borderColor-attention-emphasis": {
14842
- "value": "#bf8700",
14764
+ "value": "#9a6700",
14843
14765
  "$type": "color",
14844
14766
  "$extensions": {
14845
14767
  "org.primer.figma": {
@@ -14855,7 +14777,7 @@
14855
14777
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14856
14778
  "isSource": true,
14857
14779
  "original": {
14858
- "value": "{base.color.yellow.4}",
14780
+ "value": "{base.color.yellow.5}",
14859
14781
  "$type": "color",
14860
14782
  "$extensions": {
14861
14783
  "org.primer.figma": {
@@ -15018,7 +14940,7 @@
15018
14940
  "path": ["borderColor", "danger", "emphasis"]
15019
14941
  },
15020
14942
  "borderColor-closed-muted": {
15021
- "value": "#afb8c166",
14943
+ "value": "#d1d9e066",
15022
14944
  "$type": "color",
15023
14945
  "$extensions": {
15024
14946
  "org.primer.figma": {
@@ -15035,7 +14957,7 @@
15035
14957
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
15036
14958
  "isSource": true,
15037
14959
  "original": {
15038
- "value": "{base.color.neutral.3}",
14960
+ "value": "{borderColor.default}",
15039
14961
  "$type": "color",
15040
14962
  "$extensions": {
15041
14963
  "org.primer.figma": {
@@ -15055,7 +14977,7 @@
15055
14977
  "path": ["borderColor", "closed", "muted"]
15056
14978
  },
15057
14979
  "borderColor-closed-emphasis": {
15058
- "value": "#6e7781",
14980
+ "value": "#818b98",
15059
14981
  "$type": "color",
15060
14982
  "$extensions": {
15061
14983
  "org.primer.figma": {
@@ -15071,7 +14993,7 @@
15071
14993
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
15072
14994
  "isSource": true,
15073
14995
  "original": {
15074
- "value": "{base.color.neutral.5}",
14996
+ "value": "{borderColor.emphasis}",
15075
14997
  "$type": "color",
15076
14998
  "$extensions": {
15077
14999
  "org.primer.figma": {
@@ -15306,7 +15228,7 @@
15306
15228
  "path": ["borderColor", "sponsors", "emphasis"]
15307
15229
  },
15308
15230
  "color-ansi-black": {
15309
- "value": "#24292f",
15231
+ "value": "#1f2328",
15310
15232
  "$type": "color",
15311
15233
  "$extensions": {
15312
15234
  "org.primer.figma": {
@@ -15318,7 +15240,7 @@
15318
15240
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15319
15241
  "isSource": true,
15320
15242
  "original": {
15321
- "value": "{base.color.neutral.9}",
15243
+ "value": "{base.color.neutral.13}",
15322
15244
  "$type": "color",
15323
15245
  "$extensions": {
15324
15246
  "org.primer.figma": {
@@ -15333,7 +15255,7 @@
15333
15255
  "path": ["color", "ansi", "black"]
15334
15256
  },
15335
15257
  "color-ansi-black-bright": {
15336
- "value": "#57606a",
15258
+ "value": "#393f46",
15337
15259
  "$type": "color",
15338
15260
  "$extensions": {
15339
15261
  "org.primer.figma": {
@@ -15345,7 +15267,7 @@
15345
15267
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15346
15268
  "isSource": true,
15347
15269
  "original": {
15348
- "value": "{base.color.neutral.6}",
15270
+ "value": "{base.color.neutral.11}",
15349
15271
  "$type": "color",
15350
15272
  "$extensions": {
15351
15273
  "org.primer.figma": {
@@ -15360,7 +15282,7 @@
15360
15282
  "path": ["color", "ansi", "black-bright"]
15361
15283
  },
15362
15284
  "color-ansi-white": {
15363
- "value": "#6e7781",
15285
+ "value": "#59636e",
15364
15286
  "$type": "color",
15365
15287
  "$extensions": {
15366
15288
  "org.primer.figma": {
@@ -15372,7 +15294,7 @@
15372
15294
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15373
15295
  "isSource": true,
15374
15296
  "original": {
15375
- "value": "{base.color.neutral.5}",
15297
+ "value": "{base.color.neutral.9}",
15376
15298
  "$type": "color",
15377
15299
  "$extensions": {
15378
15300
  "org.primer.figma": {
@@ -15387,7 +15309,7 @@
15387
15309
  "path": ["color", "ansi", "white"]
15388
15310
  },
15389
15311
  "color-ansi-white-bright": {
15390
- "value": "#8c959f",
15312
+ "value": "#818b98",
15391
15313
  "$type": "color",
15392
15314
  "$extensions": {
15393
15315
  "org.primer.figma": {
@@ -15399,7 +15321,7 @@
15399
15321
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15400
15322
  "isSource": true,
15401
15323
  "original": {
15402
- "value": "{base.color.neutral.4}",
15324
+ "value": "{base.color.neutral.8}",
15403
15325
  "$type": "color",
15404
15326
  "$extensions": {
15405
15327
  "org.primer.figma": {
@@ -15414,7 +15336,7 @@
15414
15336
  "path": ["color", "ansi", "white-bright"]
15415
15337
  },
15416
15338
  "color-ansi-gray": {
15417
- "value": "#6e7781",
15339
+ "value": "#59636e",
15418
15340
  "$type": "color",
15419
15341
  "$extensions": {
15420
15342
  "org.primer.figma": {
@@ -15426,7 +15348,7 @@
15426
15348
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15427
15349
  "isSource": true,
15428
15350
  "original": {
15429
- "value": "{base.color.neutral.5}",
15351
+ "value": "{base.color.neutral.9}",
15430
15352
  "$type": "color",
15431
15353
  "$extensions": {
15432
15354
  "org.primer.figma": {
@@ -15765,7 +15687,7 @@
15765
15687
  "path": ["color", "ansi", "cyan-bright"]
15766
15688
  },
15767
15689
  "color-prettylights-syntax-comment": {
15768
- "value": "#57606a",
15690
+ "value": "#59636e",
15769
15691
  "$type": "color",
15770
15692
  "$extensions": {
15771
15693
  "org.primer.figma": {
@@ -15777,7 +15699,7 @@
15777
15699
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15778
15700
  "isSource": true,
15779
15701
  "original": {
15780
- "value": "{base.color.neutral.6}",
15702
+ "value": "{base.color.neutral.9}",
15781
15703
  "$type": "color",
15782
15704
  "$extensions": {
15783
15705
  "org.primer.figma": {
@@ -15873,7 +15795,7 @@
15873
15795
  "path": ["color", "prettylights", "syntax", "entity"]
15874
15796
  },
15875
15797
  "color-prettylights-syntax-storage-modifier-import": {
15876
- "value": "#24292f",
15798
+ "value": "#1f2328",
15877
15799
  "$type": "color",
15878
15800
  "$extensions": {
15879
15801
  "org.primer.figma": {
@@ -15885,7 +15807,7 @@
15885
15807
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
15886
15808
  "isSource": true,
15887
15809
  "original": {
15888
- "value": "{base.color.neutral.9}",
15810
+ "value": "{base.color.neutral.13}",
15889
15811
  "$type": "color",
15890
15812
  "$extensions": {
15891
15813
  "org.primer.figma": {
@@ -16035,7 +15957,7 @@
16035
15957
  "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
16036
15958
  },
16037
15959
  "color-prettylights-syntax-brackethighlighter-angle": {
16038
- "value": "#57606a",
15960
+ "value": "#59636e",
16039
15961
  "$type": "color",
16040
15962
  "$extensions": {
16041
15963
  "org.primer.figma": {
@@ -16047,7 +15969,7 @@
16047
15969
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16048
15970
  "isSource": true,
16049
15971
  "original": {
16050
- "value": "{base.color.neutral.6}",
15972
+ "value": "{base.color.neutral.9}",
16051
15973
  "$type": "color",
16052
15974
  "$extensions": {
16053
15975
  "org.primer.figma": {
@@ -16074,7 +15996,7 @@
16074
15996
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16075
15997
  "isSource": true,
16076
15998
  "original": {
16077
- "value": "{base.color.neutral.0}",
15999
+ "value": "{base.color.neutral.1}",
16078
16000
  "$type": "color",
16079
16001
  "$extensions": {
16080
16002
  "org.primer.figma": {
@@ -16128,7 +16050,7 @@
16128
16050
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16129
16051
  "isSource": true,
16130
16052
  "original": {
16131
- "value": "{base.color.neutral.0}",
16053
+ "value": "{base.color.neutral.1}",
16132
16054
  "$type": "color",
16133
16055
  "$extensions": {
16134
16056
  "org.primer.figma": {
@@ -16251,7 +16173,7 @@
16251
16173
  "path": ["color", "prettylights", "syntax", "markup", "heading"]
16252
16174
  },
16253
16175
  "color-prettylights-syntax-markup-italic": {
16254
- "value": "#24292f",
16176
+ "value": "#1f2328",
16255
16177
  "$type": "color",
16256
16178
  "$extensions": {
16257
16179
  "org.primer.figma": {
@@ -16263,7 +16185,7 @@
16263
16185
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16264
16186
  "isSource": true,
16265
16187
  "original": {
16266
- "value": "{base.color.neutral.9}",
16188
+ "value": "{base.color.neutral.13}",
16267
16189
  "$type": "color",
16268
16190
  "$extensions": {
16269
16191
  "org.primer.figma": {
@@ -16278,7 +16200,7 @@
16278
16200
  "path": ["color", "prettylights", "syntax", "markup", "italic"]
16279
16201
  },
16280
16202
  "color-prettylights-syntax-markup-bold": {
16281
- "value": "#24292f",
16203
+ "value": "#1f2328",
16282
16204
  "$type": "color",
16283
16205
  "$extensions": {
16284
16206
  "org.primer.figma": {
@@ -16290,7 +16212,7 @@
16290
16212
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16291
16213
  "isSource": true,
16292
16214
  "original": {
16293
- "value": "{base.color.neutral.9}",
16215
+ "value": "{base.color.neutral.13}",
16294
16216
  "$type": "color",
16295
16217
  "$extensions": {
16296
16218
  "org.primer.figma": {
@@ -16467,7 +16389,7 @@
16467
16389
  "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
16468
16390
  },
16469
16391
  "color-prettylights-syntax-markup-ignored-text": {
16470
- "value": "#eaeef2",
16392
+ "value": "#d1d9e0",
16471
16393
  "$type": "color",
16472
16394
  "$extensions": {
16473
16395
  "org.primer.figma": {
@@ -16479,7 +16401,7 @@
16479
16401
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16480
16402
  "isSource": true,
16481
16403
  "original": {
16482
- "value": "{base.color.neutral.1}",
16404
+ "value": "{base.color.neutral.6}",
16483
16405
  "$type": "color",
16484
16406
  "$extensions": {
16485
16407
  "org.primer.figma": {
@@ -16548,7 +16470,7 @@
16548
16470
  "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
16549
16471
  },
16550
16472
  "color-prettylights-syntax-sublimelinter-gutter-mark": {
16551
- "value": "#8c959f",
16473
+ "value": "#818b98",
16552
16474
  "$type": "color",
16553
16475
  "$extensions": {
16554
16476
  "org.primer.figma": {
@@ -16560,7 +16482,7 @@
16560
16482
  "filePath": "src/tokens/functional/color/light/syntax-light.json5",
16561
16483
  "isSource": true,
16562
16484
  "original": {
16563
- "value": "{base.color.neutral.4}",
16485
+ "value": "{base.color.neutral.8}",
16564
16486
  "$type": "color",
16565
16487
  "$extensions": {
16566
16488
  "org.primer.figma": {
@@ -16588,7 +16510,7 @@
16588
16510
  "isSource": true,
16589
16511
  "original": {
16590
16512
  "value": {
16591
- "color": "{base.color.black}",
16513
+ "color": "{base.color.neutral.13}",
16592
16514
  "alpha": 0.04,
16593
16515
  "offsetX": "0px",
16594
16516
  "offsetY": "1px",
@@ -16623,7 +16545,7 @@
16623
16545
  "isSource": true,
16624
16546
  "original": {
16625
16547
  "value": {
16626
- "color": "{base.color.black}",
16548
+ "color": "{base.color.neutral.13}",
16627
16549
  "alpha": 0.1,
16628
16550
  "offsetX": "0px",
16629
16551
  "offsetY": "1px",
@@ -16659,7 +16581,7 @@
16659
16581
  "original": {
16660
16582
  "value": [
16661
16583
  {
16662
- "color": "{base.color.black}",
16584
+ "color": "{base.color.neutral.13}",
16663
16585
  "alpha": 0.04,
16664
16586
  "offsetX": "0px",
16665
16587
  "offsetY": "1px",
@@ -16682,7 +16604,7 @@
16682
16604
  "path": ["shadow", "resting", "small"]
16683
16605
  },
16684
16606
  "shadow-resting-medium": {
16685
- "value": "0px 3px 6px 0px #424a531f",
16607
+ "value": "0px 3px 6px 0px #25292e1f",
16686
16608
  "$type": "shadow",
16687
16609
  "$extensions": {
16688
16610
  "org.primer.figma": {
@@ -16696,7 +16618,7 @@
16696
16618
  "original": {
16697
16619
  "value": [
16698
16620
  {
16699
- "color": "{base.color.neutral.7}",
16621
+ "color": "{base.color.neutral.12}",
16700
16622
  "alpha": 0.12,
16701
16623
  "offsetX": "0px",
16702
16624
  "offsetY": "3px",
@@ -16718,7 +16640,7 @@
16718
16640
  "path": ["shadow", "resting", "medium"]
16719
16641
  },
16720
16642
  "shadow-floating-small": {
16721
- "value": "0px 0px 0px 1px #d0d7de80, 0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
16643
+ "value": "0px 0px 0px 1px #d1d9e080, 0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
16722
16644
  "$type": "shadow",
16723
16645
  "$extensions": {
16724
16646
  "org.primer.figma": {
@@ -16740,7 +16662,7 @@
16740
16662
  "spread": "1px"
16741
16663
  },
16742
16664
  {
16743
- "color": "{base.color.neutral.7}",
16665
+ "color": "{base.color.neutral.12}",
16744
16666
  "alpha": 0.04,
16745
16667
  "offsetX": "0px",
16746
16668
  "offsetY": "6px",
@@ -16748,7 +16670,7 @@
16748
16670
  "spread": "-3px"
16749
16671
  },
16750
16672
  {
16751
- "color": "{base.color.neutral.7}",
16673
+ "color": "{base.color.neutral.12}",
16752
16674
  "alpha": 0.12,
16753
16675
  "offsetX": "0px",
16754
16676
  "offsetY": "6px",
@@ -16770,7 +16692,7 @@
16770
16692
  "path": ["shadow", "floating", "small"]
16771
16693
  },
16772
16694
  "shadow-floating-medium": {
16773
- "value": "0px 0px 0px 1px #d0d7de, 0px 8px 16px -4px #424a5314, 0px 4px 32px -4px #424a5314, 0px 24px 48px -12px #424a5314, 0px 48px 96px -24px #424a5314",
16695
+ "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",
16774
16696
  "$type": "shadow",
16775
16697
  "$extensions": {
16776
16698
  "org.primer.figma": {
@@ -16792,7 +16714,7 @@
16792
16714
  "spread": "1px"
16793
16715
  },
16794
16716
  {
16795
- "color": "{base.color.neutral.7}",
16717
+ "color": "{base.color.neutral.12}",
16796
16718
  "alpha": 0.08,
16797
16719
  "offsetX": "0px",
16798
16720
  "offsetY": "8px",
@@ -16800,7 +16722,7 @@
16800
16722
  "spread": "-4px"
16801
16723
  },
16802
16724
  {
16803
- "color": "{base.color.neutral.7}",
16725
+ "color": "{base.color.neutral.12}",
16804
16726
  "alpha": 0.08,
16805
16727
  "offsetX": "0px",
16806
16728
  "offsetY": "4px",
@@ -16808,7 +16730,7 @@
16808
16730
  "spread": "-4px"
16809
16731
  },
16810
16732
  {
16811
- "color": "{base.color.neutral.7}",
16733
+ "color": "{base.color.neutral.12}",
16812
16734
  "alpha": 0.08,
16813
16735
  "offsetX": "0px",
16814
16736
  "offsetY": "24px",
@@ -16816,7 +16738,7 @@
16816
16738
  "spread": "-12px"
16817
16739
  },
16818
16740
  {
16819
- "color": "{base.color.neutral.7}",
16741
+ "color": "{base.color.neutral.12}",
16820
16742
  "alpha": 0.08,
16821
16743
  "offsetX": "0px",
16822
16744
  "offsetY": "48px",
@@ -16838,7 +16760,7 @@
16838
16760
  "path": ["shadow", "floating", "medium"]
16839
16761
  },
16840
16762
  "shadow-floating-large": {
16841
- "value": "0px 0px 0px 1px #d0d7de, 0px 40px 80px 0px #424a533d",
16763
+ "value": "0px 0px 0px 1px #d1d9e0, 0px 40px 80px 0px #25292e3d",
16842
16764
  "$type": "shadow",
16843
16765
  "$extensions": {
16844
16766
  "org.primer.figma": {
@@ -16860,7 +16782,7 @@
16860
16782
  "spread": "1px"
16861
16783
  },
16862
16784
  {
16863
- "color": "{base.color.neutral.7}",
16785
+ "color": "{base.color.neutral.12}",
16864
16786
  "alpha": 0.24,
16865
16787
  "offsetX": "0px",
16866
16788
  "offsetY": "40px",
@@ -16882,7 +16804,7 @@
16882
16804
  "path": ["shadow", "floating", "large"]
16883
16805
  },
16884
16806
  "shadow-floating-xlarge": {
16885
- "value": "0px 0px 0px 1px #d0d7de, 0px 56px 112px 0px #424a5352",
16807
+ "value": "0px 0px 0px 1px #d1d9e0, 0px 56px 112px 0px #25292e52",
16886
16808
  "$type": "shadow",
16887
16809
  "$extensions": {
16888
16810
  "org.primer.figma": {
@@ -16904,7 +16826,7 @@
16904
16826
  "spread": "1px"
16905
16827
  },
16906
16828
  {
16907
- "color": "{base.color.neutral.7}",
16829
+ "color": "{base.color.neutral.12}",
16908
16830
  "alpha": 0.32,
16909
16831
  "offsetX": "0px",
16910
16832
  "offsetY": "56px",
@@ -16926,14 +16848,14 @@
16926
16848
  "path": ["shadow", "floating", "xlarge"]
16927
16849
  },
16928
16850
  "shadow-floating-legacy": {
16929
- "value": "0px 6px 12px -3px #424a530a, 0px 6px 18px 0px #424a531f",
16851
+ "value": "0px 6px 12px -3px #25292e0a, 0px 6px 18px 0px #25292e1f",
16930
16852
  "$type": "shadow",
16931
16853
  "filePath": "src/tokens/functional/shadow/light.json5",
16932
16854
  "isSource": true,
16933
16855
  "original": {
16934
16856
  "value": [
16935
16857
  {
16936
- "color": "{base.color.neutral.7}",
16858
+ "color": "{base.color.neutral.12}",
16937
16859
  "alpha": 0.04,
16938
16860
  "offsetX": "0px",
16939
16861
  "offsetY": "6px",
@@ -16941,7 +16863,7 @@
16941
16863
  "spread": "-3px"
16942
16864
  },
16943
16865
  {
16944
- "color": "{base.color.neutral.7}",
16866
+ "color": "{base.color.neutral.12}",
16945
16867
  "alpha": 0.12,
16946
16868
  "offsetX": "0px",
16947
16869
  "offsetY": "6px",