@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
@@ -89,7 +89,7 @@
89
89
  "path": ["page", "header", "bgColor"]
90
90
  },
91
91
  "diffBlob-addition-fgColor-text": {
92
- "value": "#e6edf3",
92
+ "value": "#f0f6fc",
93
93
  "$type": "color",
94
94
  "$extensions": {
95
95
  "org.primer.figma": {
@@ -118,7 +118,7 @@
118
118
  "path": ["diffBlob", "addition", "fgColor", "text"]
119
119
  },
120
120
  "diffBlob-addition-fgColor-num": {
121
- "value": "#e6edf3",
121
+ "value": "#f0f6fc",
122
122
  "$type": "color",
123
123
  "$extensions": {
124
124
  "org.primer.figma": {
@@ -242,7 +242,7 @@
242
242
  "path": ["diffBlob", "addition", "bgColor", "word"]
243
243
  },
244
244
  "diffBlob-deletion-fgColor-text": {
245
- "value": "#e6edf3",
245
+ "value": "#f0f6fc",
246
246
  "$type": "color",
247
247
  "$extensions": {
248
248
  "org.primer.figma": {
@@ -271,7 +271,7 @@
271
271
  "path": ["diffBlob", "deletion", "fgColor", "text"]
272
272
  },
273
273
  "diffBlob-deletion-fgColor-num": {
274
- "value": "#e6edf3",
274
+ "value": "#f0f6fc",
275
275
  "$type": "color",
276
276
  "$extensions": {
277
277
  "org.primer.figma": {
@@ -424,7 +424,7 @@
424
424
  "path": ["diffBlob", "hunk", "bgColor", "num"]
425
425
  },
426
426
  "diffBlob-expander-iconColor": {
427
- "value": "#8d96a0",
427
+ "value": "#9198a1",
428
428
  "$type": "color",
429
429
  "$extensions": {
430
430
  "org.primer.figma": {
@@ -453,7 +453,7 @@
453
453
  "path": ["diffBlob", "expander", "iconColor"]
454
454
  },
455
455
  "codeMirror-fgColor": {
456
- "value": "#e6edf3",
456
+ "value": "#f0f6fc",
457
457
  "$type": "color",
458
458
  "$extensions": {
459
459
  "org.primer.figma": {
@@ -569,7 +569,7 @@
569
569
  "path": ["codeMirror", "gutterMarker", "fgColor", "default"]
570
570
  },
571
571
  "codeMirror-gutterMarker-fgColor-muted": {
572
- "value": "#8d96a0",
572
+ "value": "#9198a1",
573
573
  "$type": "color",
574
574
  "$extensions": {
575
575
  "org.primer.figma": {
@@ -598,7 +598,7 @@
598
598
  "path": ["codeMirror", "gutterMarker", "fgColor", "muted"]
599
599
  },
600
600
  "codeMirror-lineNumber-fgColor": {
601
- "value": "#8d96a0",
601
+ "value": "#9198a1",
602
602
  "$type": "color",
603
603
  "$extensions": {
604
604
  "org.primer.figma": {
@@ -627,7 +627,7 @@
627
627
  "path": ["codeMirror", "lineNumber", "fgColor"]
628
628
  },
629
629
  "codeMirror-cursor-fgColor": {
630
- "value": "#e6edf3",
630
+ "value": "#f0f6fc",
631
631
  "$type": "color",
632
632
  "$extensions": {
633
633
  "org.primer.figma": {
@@ -685,7 +685,7 @@
685
685
  "path": ["codeMirror", "selection", "bgColor"]
686
686
  },
687
687
  "codeMirror-activeline-bgColor": {
688
- "value": "#6e768166",
688
+ "value": "#2f3742b3",
689
689
  "$type": "color",
690
690
  "$extensions": {
691
691
  "org.primer.figma": {
@@ -714,7 +714,7 @@
714
714
  "path": ["codeMirror", "activeline", "bgColor"]
715
715
  },
716
716
  "codeMirror-matchingBracket-fgColor": {
717
- "value": "#e6edf3",
717
+ "value": "#f0f6fc",
718
718
  "$type": "color",
719
719
  "$extensions": {
720
720
  "org.primer.figma": {
@@ -772,7 +772,7 @@
772
772
  "path": ["codeMirror", "lines", "bgColor"]
773
773
  },
774
774
  "codeMirror-syntax-fgColor-comment": {
775
- "value": "#8b949e",
775
+ "value": "#656c76",
776
776
  "$type": "color",
777
777
  "$extensions": {
778
778
  "org.primer.figma": {
@@ -785,7 +785,7 @@
785
785
  "filePath": "src/tokens/functional/color/dark/app-dark.json5",
786
786
  "isSource": true,
787
787
  "original": {
788
- "value": "{base.color.neutral.3}",
788
+ "value": "{base.color.neutral.8}",
789
789
  "$type": "color",
790
790
  "$extensions": {
791
791
  "org.primer.figma": {
@@ -1018,7 +1018,7 @@
1018
1018
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1019
1019
  "isSource": true,
1020
1020
  "original": {
1021
- "value": "{base.color.white}",
1021
+ "value": "{base.color.neutral.13}",
1022
1022
  "$type": "color",
1023
1023
  "$extensions": {
1024
1024
  "org.primer.figma": {
@@ -1048,7 +1048,7 @@
1048
1048
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1049
1049
  "isSource": true,
1050
1050
  "original": {
1051
- "value": "{base.color.neutral.0}",
1051
+ "value": "{base.color.neutral.12}",
1052
1052
  "$type": "color",
1053
1053
  "$extensions": {
1054
1054
  "org.primer.figma": {
@@ -1064,7 +1064,7 @@
1064
1064
  "path": ["header", "fgColor", "logo"]
1065
1065
  },
1066
1066
  "header-bgColor": {
1067
- "value": "#161b22f2",
1067
+ "value": "#151b23f2",
1068
1068
  "$type": "color",
1069
1069
  "$extensions": {
1070
1070
  "org.primer.figma": {
@@ -1078,7 +1078,7 @@
1078
1078
  "isSource": true,
1079
1079
  "alpha": 0.95,
1080
1080
  "original": {
1081
- "value": "{base.color.neutral.8}",
1081
+ "value": "{base.color.neutral.2}",
1082
1082
  "$type": "color",
1083
1083
  "$extensions": {
1084
1084
  "org.primer.figma": {
@@ -1095,7 +1095,7 @@
1095
1095
  "path": ["header", "bgColor"]
1096
1096
  },
1097
1097
  "header-borderColor-divider": {
1098
- "value": "#8b949e",
1098
+ "value": "#656c76",
1099
1099
  "$type": "color",
1100
1100
  "$extensions": {
1101
1101
  "org.primer.figma": {
@@ -1108,7 +1108,7 @@
1108
1108
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1109
1109
  "isSource": true,
1110
1110
  "original": {
1111
- "value": "{base.color.neutral.3}",
1111
+ "value": "{base.color.neutral.8}",
1112
1112
  "$type": "color",
1113
1113
  "$extensions": {
1114
1114
  "org.primer.figma": {
@@ -1137,7 +1137,7 @@
1137
1137
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1138
1138
  "isSource": true,
1139
1139
  "original": {
1140
- "value": "{base.color.neutral.9}",
1140
+ "value": "{base.color.neutral.1}",
1141
1141
  "$type": "color",
1142
1142
  "$extensions": {
1143
1143
  "org.primer.figma": {
@@ -1153,7 +1153,7 @@
1153
1153
  "path": ["headerSearch", "bgColor"]
1154
1154
  },
1155
1155
  "headerSearch-borderColor": {
1156
- "value": "#30363d",
1156
+ "value": "#2a313c",
1157
1157
  "$type": "color",
1158
1158
  "$extensions": {
1159
1159
  "org.primer.figma": {
@@ -1166,7 +1166,7 @@
1166
1166
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
1167
1167
  "isSource": true,
1168
1168
  "original": {
1169
- "value": "{base.color.neutral.6}",
1169
+ "value": "{base.color.neutral.5}",
1170
1170
  "$type": "color",
1171
1171
  "$extensions": {
1172
1172
  "org.primer.figma": {
@@ -4531,7 +4531,7 @@
4531
4531
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4532
4532
  "isSource": true,
4533
4533
  "original": {
4534
- "value": "{base.color.white}",
4534
+ "value": "{base.color.neutral.13}",
4535
4535
  "$type": "color",
4536
4536
  "$extensions": {
4537
4537
  "org.primer.figma": {
@@ -4591,7 +4591,7 @@
4591
4591
  "original": {
4592
4592
  "value": [
4593
4593
  {
4594
- "color": "{base.color.neutral.9}",
4594
+ "color": "{base.color.neutral.1}",
4595
4595
  "alpha": 1,
4596
4596
  "offsetX": "0px",
4597
4597
  "offsetY": "0px",
@@ -4613,7 +4613,7 @@
4613
4613
  "path": ["avatar", "shadow"]
4614
4614
  },
4615
4615
  "avatarStack-fade-bgColor-default": {
4616
- "value": "#30363d",
4616
+ "value": "#3d444d",
4617
4617
  "$type": "color",
4618
4618
  "$extensions": {
4619
4619
  "org.primer.figma": {
@@ -4626,7 +4626,7 @@
4626
4626
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4627
4627
  "isSource": true,
4628
4628
  "original": {
4629
- "value": "{base.color.neutral.6}",
4629
+ "value": "{base.color.neutral.7}",
4630
4630
  "$type": "color",
4631
4631
  "$extensions": {
4632
4632
  "org.primer.figma": {
@@ -4642,7 +4642,7 @@
4642
4642
  "path": ["avatarStack", "fade", "bgColor", "default"]
4643
4643
  },
4644
4644
  "avatarStack-fade-bgColor-muted": {
4645
- "value": "#21262d",
4645
+ "value": "#2a313c",
4646
4646
  "$type": "color",
4647
4647
  "$extensions": {
4648
4648
  "org.primer.figma": {
@@ -4655,7 +4655,7 @@
4655
4655
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4656
4656
  "isSource": true,
4657
4657
  "original": {
4658
- "value": "{base.color.neutral.7}",
4658
+ "value": "{base.color.neutral.5}",
4659
4659
  "$type": "color",
4660
4660
  "$extensions": {
4661
4661
  "org.primer.figma": {
@@ -4671,7 +4671,7 @@
4671
4671
  "path": ["avatarStack", "fade", "bgColor", "muted"]
4672
4672
  },
4673
4673
  "control-bgColor-rest": {
4674
- "value": "#21262d",
4674
+ "value": "#212830",
4675
4675
  "$type": "color",
4676
4676
  "$extensions": {
4677
4677
  "org.primer.figma": {
@@ -4684,7 +4684,7 @@
4684
4684
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4685
4685
  "isSource": true,
4686
4686
  "original": {
4687
- "value": "{base.color.neutral.7}",
4687
+ "value": "{base.color.neutral.3}",
4688
4688
  "$type": "color",
4689
4689
  "$extensions": {
4690
4690
  "org.primer.figma": {
@@ -4700,7 +4700,7 @@
4700
4700
  "path": ["control", "bgColor", "rest"]
4701
4701
  },
4702
4702
  "control-bgColor-hover": {
4703
- "value": "#292e36",
4703
+ "value": "#262c36",
4704
4704
  "$type": "color",
4705
4705
  "$extensions": {
4706
4706
  "org.primer.figma": {
@@ -4710,14 +4710,10 @@
4710
4710
  "scopes": ["bgColor"]
4711
4711
  }
4712
4712
  },
4713
- "mix": {
4714
- "color": "#484f58",
4715
- "weight": 0.2
4716
- },
4717
4713
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4718
4714
  "isSource": true,
4719
4715
  "original": {
4720
- "value": "{base.color.neutral.7}",
4716
+ "value": "{base.color.neutral.4}",
4721
4717
  "$type": "color",
4722
4718
  "$extensions": {
4723
4719
  "org.primer.figma": {
@@ -4726,10 +4722,6 @@
4726
4722
  "group": "component",
4727
4723
  "scopes": ["bgColor"]
4728
4724
  }
4729
- },
4730
- "mix": {
4731
- "color": "{base.color.neutral.5}",
4732
- "weight": 0.2
4733
4725
  }
4734
4726
  },
4735
4727
  "name": "control-bgColor-hover",
@@ -4737,7 +4729,7 @@
4737
4729
  "path": ["control", "bgColor", "hover"]
4738
4730
  },
4739
4731
  "control-bgColor-active": {
4740
- "value": "#31363e",
4732
+ "value": "#2a313c",
4741
4733
  "$type": "color",
4742
4734
  "$extensions": {
4743
4735
  "org.primer.figma": {
@@ -4747,14 +4739,10 @@
4747
4739
  "scopes": ["bgColor"]
4748
4740
  }
4749
4741
  },
4750
- "mix": {
4751
- "color": "#484f58",
4752
- "weight": 0.4
4753
- },
4754
4742
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4755
4743
  "isSource": true,
4756
4744
  "original": {
4757
- "value": "{base.color.neutral.7}",
4745
+ "value": "{base.color.neutral.5}",
4758
4746
  "$type": "color",
4759
4747
  "$extensions": {
4760
4748
  "org.primer.figma": {
@@ -4763,10 +4751,6 @@
4763
4751
  "group": "component",
4764
4752
  "scopes": ["bgColor"]
4765
4753
  }
4766
- },
4767
- "mix": {
4768
- "color": "{base.color.neutral.5}",
4769
- "weight": 0.4
4770
4754
  }
4771
4755
  },
4772
4756
  "name": "control-bgColor-active",
@@ -4774,7 +4758,7 @@
4774
4758
  "path": ["control", "bgColor", "active"]
4775
4759
  },
4776
4760
  "control-bgColor-disabled": {
4777
- "value": "#21262db3",
4761
+ "value": "#212830",
4778
4762
  "$type": "color",
4779
4763
  "$extensions": {
4780
4764
  "org.primer.figma": {
@@ -4803,7 +4787,7 @@
4803
4787
  "path": ["control", "bgColor", "disabled"]
4804
4788
  },
4805
4789
  "control-bgColor-selected": {
4806
- "value": "#161b22",
4790
+ "value": "#212830",
4807
4791
  "$type": "color",
4808
4792
  "$extensions": {
4809
4793
  "org.primer.figma": {
@@ -4816,7 +4800,7 @@
4816
4800
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4817
4801
  "isSource": true,
4818
4802
  "original": {
4819
- "value": "{base.color.neutral.8}",
4803
+ "value": "{control.bgColor.rest}",
4820
4804
  "$type": "color",
4821
4805
  "$extensions": {
4822
4806
  "org.primer.figma": {
@@ -4832,7 +4816,7 @@
4832
4816
  "path": ["control", "bgColor", "selected"]
4833
4817
  },
4834
4818
  "control-fgColor-rest": {
4835
- "value": "#c9d1d9",
4819
+ "value": "#f0f6fc",
4836
4820
  "$type": "color",
4837
4821
  "$extensions": {
4838
4822
  "org.primer.figma": {
@@ -4845,7 +4829,7 @@
4845
4829
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4846
4830
  "isSource": true,
4847
4831
  "original": {
4848
- "value": "{base.color.neutral.1}",
4832
+ "value": "{fgColor.default}",
4849
4833
  "$type": "color",
4850
4834
  "$extensions": {
4851
4835
  "org.primer.figma": {
@@ -4861,12 +4845,8 @@
4861
4845
  "path": ["control", "fgColor", "rest"]
4862
4846
  },
4863
4847
  "control-fgColor-placeholder": {
4864
- "value": "#858e98",
4848
+ "value": "#9198a1",
4865
4849
  "$type": "color",
4866
- "mix": {
4867
- "color": "#6e7681",
4868
- "weight": 0.2
4869
- },
4870
4850
  "$extensions": {
4871
4851
  "org.primer.figma": {
4872
4852
  "collection": "mode",
@@ -4878,12 +4858,8 @@
4878
4858
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4879
4859
  "isSource": true,
4880
4860
  "original": {
4881
- "value": "{base.color.neutral.3}",
4861
+ "value": "{fgColor.muted}",
4882
4862
  "$type": "color",
4883
- "mix": {
4884
- "color": "{base.color.neutral.4}",
4885
- "weight": 0.2
4886
- },
4887
4863
  "$extensions": {
4888
4864
  "org.primer.figma": {
4889
4865
  "collection": "mode",
@@ -4898,7 +4874,7 @@
4898
4874
  "path": ["control", "fgColor", "placeholder"]
4899
4875
  },
4900
4876
  "control-fgColor-disabled": {
4901
- "value": "#6e7681",
4877
+ "value": "#656c7699",
4902
4878
  "$type": "color",
4903
4879
  "$extensions": {
4904
4880
  "org.primer.figma": {
@@ -4927,7 +4903,7 @@
4927
4903
  "path": ["control", "fgColor", "disabled"]
4928
4904
  },
4929
4905
  "control-borderColor-rest": {
4930
- "value": "#30363d",
4906
+ "value": "#3d444d",
4931
4907
  "$type": "color",
4932
4908
  "$extensions": {
4933
4909
  "org.primer.figma": {
@@ -4956,7 +4932,7 @@
4956
4932
  "path": ["control", "borderColor", "rest"]
4957
4933
  },
4958
4934
  "control-borderColor-emphasis": {
4959
- "value": "#666e79",
4935
+ "value": "#656c76",
4960
4936
  "$type": "color",
4961
4937
  "$extensions": {
4962
4938
  "org.primer.figma": {
@@ -4966,14 +4942,10 @@
4966
4942
  "scopes": ["borderColor"]
4967
4943
  }
4968
4944
  },
4969
- "mix": {
4970
- "color": "#484f58",
4971
- "weight": 0.2
4972
- },
4973
4945
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4974
4946
  "isSource": true,
4975
4947
  "original": {
4976
- "value": "{base.color.neutral.4}",
4948
+ "value": "{borderColor.emphasis}",
4977
4949
  "$type": "color",
4978
4950
  "$extensions": {
4979
4951
  "org.primer.figma": {
@@ -4982,10 +4954,6 @@
4982
4954
  "group": "component",
4983
4955
  "scopes": ["borderColor"]
4984
4956
  }
4985
- },
4986
- "mix": {
4987
- "color": "{base.color.neutral.5}",
4988
- "weight": 0.2
4989
4957
  }
4990
4958
  },
4991
4959
  "name": "control-borderColor-emphasis",
@@ -4993,7 +4961,7 @@
4993
4961
  "path": ["control", "borderColor", "emphasis"]
4994
4962
  },
4995
4963
  "control-borderColor-disabled": {
4996
- "value": "#21262db3",
4964
+ "value": "#656c761a",
4997
4965
  "$type": "color",
4998
4966
  "$extensions": {
4999
4967
  "org.primer.figma": {
@@ -5035,7 +5003,7 @@
5035
5003
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5036
5004
  "isSource": true,
5037
5005
  "original": {
5038
- "value": "{base.color.neutral.0}",
5006
+ "value": "{base.color.neutral.12}",
5039
5007
  "$type": "color",
5040
5008
  "$extensions": {
5041
5009
  "org.primer.figma": {
@@ -5138,7 +5106,7 @@
5138
5106
  "path": ["control", "borderColor", "warning"]
5139
5107
  },
5140
5108
  "control-iconColor-rest": {
5141
- "value": "#8d96a0",
5109
+ "value": "#9198a1",
5142
5110
  "$type": "color",
5143
5111
  "$extensions": {
5144
5112
  "org.primer.figma": {
@@ -5196,7 +5164,7 @@
5196
5164
  "path": ["control", "transparent", "bgColor", "rest"]
5197
5165
  },
5198
5166
  "control-transparent-bgColor-hover": {
5199
- "value": "#b1bac41f",
5167
+ "value": "#656c7633",
5200
5168
  "$type": "color",
5201
5169
  "$extensions": {
5202
5170
  "org.primer.figma": {
@@ -5206,11 +5174,11 @@
5206
5174
  "scopes": ["bgColor"]
5207
5175
  }
5208
5176
  },
5209
- "alpha": 0.12,
5177
+ "alpha": 0.2,
5210
5178
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5211
5179
  "isSource": true,
5212
5180
  "original": {
5213
- "value": "{base.color.neutral.2}",
5181
+ "value": "{base.color.neutral.8}",
5214
5182
  "$type": "color",
5215
5183
  "$extensions": {
5216
5184
  "org.primer.figma": {
@@ -5220,14 +5188,14 @@
5220
5188
  "scopes": ["bgColor"]
5221
5189
  }
5222
5190
  },
5223
- "alpha": 0.12
5191
+ "alpha": 0.2
5224
5192
  },
5225
5193
  "name": "control-transparent-bgColor-hover",
5226
5194
  "attributes": {},
5227
5195
  "path": ["control", "transparent", "bgColor", "hover"]
5228
5196
  },
5229
5197
  "control-transparent-bgColor-active": {
5230
- "value": "#b1bac433",
5198
+ "value": "#656c7640",
5231
5199
  "$type": "color",
5232
5200
  "$extensions": {
5233
5201
  "org.primer.figma": {
@@ -5237,11 +5205,11 @@
5237
5205
  "scopes": ["bgColor"]
5238
5206
  }
5239
5207
  },
5240
- "alpha": 0.2,
5208
+ "alpha": 0.25,
5241
5209
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5242
5210
  "isSource": true,
5243
5211
  "original": {
5244
- "value": "{base.color.neutral.2}",
5212
+ "value": "{base.color.neutral.8}",
5245
5213
  "$type": "color",
5246
5214
  "$extensions": {
5247
5215
  "org.primer.figma": {
@@ -5251,14 +5219,14 @@
5251
5219
  "scopes": ["bgColor"]
5252
5220
  }
5253
5221
  },
5254
- "alpha": 0.2
5222
+ "alpha": 0.25
5255
5223
  },
5256
5224
  "name": "control-transparent-bgColor-active",
5257
5225
  "attributes": {},
5258
5226
  "path": ["control", "transparent", "bgColor", "active"]
5259
5227
  },
5260
5228
  "control-transparent-bgColor-disabled": {
5261
- "value": "#21262db3",
5229
+ "value": "#212830",
5262
5230
  "$type": "color",
5263
5231
  "$extensions": {
5264
5232
  "org.primer.figma": {
@@ -5287,7 +5255,7 @@
5287
5255
  "path": ["control", "transparent", "bgColor", "disabled"]
5288
5256
  },
5289
5257
  "control-transparent-bgColor-selected": {
5290
- "value": "#b1bac414",
5258
+ "value": "#656c761a",
5291
5259
  "$type": "color",
5292
5260
  "$extensions": {
5293
5261
  "org.primer.figma": {
@@ -5297,11 +5265,11 @@
5297
5265
  "scopes": ["bgColor"]
5298
5266
  }
5299
5267
  },
5300
- "alpha": 0.08,
5268
+ "alpha": 0.1,
5301
5269
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5302
5270
  "isSource": true,
5303
5271
  "original": {
5304
- "value": "{base.color.neutral.2}",
5272
+ "value": "{base.color.neutral.8}",
5305
5273
  "$type": "color",
5306
5274
  "$extensions": {
5307
5275
  "org.primer.figma": {
@@ -5311,7 +5279,7 @@
5311
5279
  "scopes": ["bgColor"]
5312
5280
  }
5313
5281
  },
5314
- "alpha": 0.08
5282
+ "alpha": 0.1
5315
5283
  },
5316
5284
  "name": "control-transparent-bgColor-selected",
5317
5285
  "attributes": {},
@@ -5626,7 +5594,7 @@
5626
5594
  "path": ["control", "checked", "bgColor", "active"]
5627
5595
  },
5628
5596
  "control-checked-bgColor-disabled": {
5629
- "value": "#6e7681",
5597
+ "value": "#656c7699",
5630
5598
  "$type": "color",
5631
5599
  "$extensions": {
5632
5600
  "org.primer.figma": {
@@ -5697,7 +5665,7 @@
5697
5665
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5698
5666
  "isSource": true,
5699
5667
  "original": {
5700
- "value": "{base.color.black}",
5668
+ "value": "{base.color.inset}",
5701
5669
  "$type": "color",
5702
5670
  "$extensions": {
5703
5671
  "org.primer.figma": {
@@ -5726,7 +5694,7 @@
5726
5694
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5727
5695
  "isSource": true,
5728
5696
  "original": {
5729
- "value": "{bgColor.accent.emphasis}",
5697
+ "value": "{control.checked.bgColor.rest}",
5730
5698
  "$type": "color",
5731
5699
  "$extensions": {
5732
5700
  "org.primer.figma": {
@@ -5752,14 +5720,10 @@
5752
5720
  "scopes": ["borderColor"]
5753
5721
  }
5754
5722
  },
5755
- "mix": {
5756
- "color": "#58a6ff",
5757
- "weight": 0.2
5758
- },
5759
5723
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5760
5724
  "isSource": true,
5761
5725
  "original": {
5762
- "value": "{bgColor.accent.emphasis}",
5726
+ "value": "{control.checked.bgColor.hover}",
5763
5727
  "$type": "color",
5764
5728
  "$extensions": {
5765
5729
  "org.primer.figma": {
@@ -5768,10 +5732,6 @@
5768
5732
  "group": "component",
5769
5733
  "scopes": ["borderColor"]
5770
5734
  }
5771
- },
5772
- "mix": {
5773
- "color": "{base.color.blue.3}",
5774
- "weight": 0.2
5775
5735
  }
5776
5736
  },
5777
5737
  "name": "control-checked-borderColor-hover",
@@ -5789,14 +5749,10 @@
5789
5749
  "scopes": ["borderColor"]
5790
5750
  }
5791
5751
  },
5792
- "mix": {
5793
- "color": "#58a6ff",
5794
- "weight": 0.4
5795
- },
5796
5752
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5797
5753
  "isSource": true,
5798
5754
  "original": {
5799
- "value": "{bgColor.accent.emphasis}",
5755
+ "value": "{control.checked.bgColor.active}",
5800
5756
  "$type": "color",
5801
5757
  "$extensions": {
5802
5758
  "org.primer.figma": {
@@ -5805,10 +5761,6 @@
5805
5761
  "group": "component",
5806
5762
  "scopes": ["borderColor"]
5807
5763
  }
5808
- },
5809
- "mix": {
5810
- "color": "{base.color.blue.3}",
5811
- "weight": 0.4
5812
5764
  }
5813
5765
  },
5814
5766
  "name": "control-checked-borderColor-active",
@@ -5816,7 +5768,7 @@
5816
5768
  "path": ["control", "checked", "borderColor", "active"]
5817
5769
  },
5818
5770
  "control-checked-borderColor-disabled": {
5819
- "value": "#6e7681",
5771
+ "value": "#656c7699",
5820
5772
  "$type": "color",
5821
5773
  "$extensions": {
5822
5774
  "org.primer.figma": {
@@ -5829,7 +5781,7 @@
5829
5781
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5830
5782
  "isSource": true,
5831
5783
  "original": {
5832
- "value": "{fgColor.disabled}",
5784
+ "value": "{control.checked.bgColor.disabled}",
5833
5785
  "$type": "color",
5834
5786
  "$extensions": {
5835
5787
  "org.primer.figma": {
@@ -5845,7 +5797,7 @@
5845
5797
  "path": ["control", "checked", "borderColor", "disabled"]
5846
5798
  },
5847
5799
  "controlTrack-bgColor-rest": {
5848
- "value": "#21262d",
5800
+ "value": "#262c36",
5849
5801
  "$type": "color",
5850
5802
  "$extensions": {
5851
5803
  "org.primer.figma": {
@@ -5858,7 +5810,7 @@
5858
5810
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5859
5811
  "isSource": true,
5860
5812
  "original": {
5861
- "value": "{base.color.neutral.7}",
5813
+ "value": "{base.color.neutral.4}",
5862
5814
  "$type": "color",
5863
5815
  "$extensions": {
5864
5816
  "org.primer.figma": {
@@ -5874,7 +5826,7 @@
5874
5826
  "path": ["controlTrack", "bgColor", "rest"]
5875
5827
  },
5876
5828
  "controlTrack-bgColor-hover": {
5877
- "value": "#292e36",
5829
+ "value": "#2a313c",
5878
5830
  "$type": "color",
5879
5831
  "$extensions": {
5880
5832
  "org.primer.figma": {
@@ -5884,14 +5836,10 @@
5884
5836
  "scopes": ["bgColor"]
5885
5837
  }
5886
5838
  },
5887
- "mix": {
5888
- "color": "#484f58",
5889
- "weight": 0.2
5890
- },
5891
5839
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5892
5840
  "isSource": true,
5893
5841
  "original": {
5894
- "value": "{base.color.neutral.7}",
5842
+ "value": "{base.color.neutral.5}",
5895
5843
  "$type": "color",
5896
5844
  "$extensions": {
5897
5845
  "org.primer.figma": {
@@ -5900,10 +5848,6 @@
5900
5848
  "group": "component (internal)",
5901
5849
  "scopes": ["bgColor"]
5902
5850
  }
5903
- },
5904
- "mix": {
5905
- "color": "{base.color.neutral.5}",
5906
- "weight": 0.2
5907
5851
  }
5908
5852
  },
5909
5853
  "name": "controlTrack-bgColor-hover",
@@ -5911,7 +5855,7 @@
5911
5855
  "path": ["controlTrack", "bgColor", "hover"]
5912
5856
  },
5913
5857
  "controlTrack-bgColor-active": {
5914
- "value": "#31363e",
5858
+ "value": "#2f3742",
5915
5859
  "$type": "color",
5916
5860
  "$extensions": {
5917
5861
  "org.primer.figma": {
@@ -5921,14 +5865,10 @@
5921
5865
  "scopes": ["bgColor"]
5922
5866
  }
5923
5867
  },
5924
- "mix": {
5925
- "color": "#484f58",
5926
- "weight": 0.4
5927
- },
5928
5868
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
5929
5869
  "isSource": true,
5930
5870
  "original": {
5931
- "value": "{base.color.neutral.7}",
5871
+ "value": "{base.color.neutral.6}",
5932
5872
  "$type": "color",
5933
5873
  "$extensions": {
5934
5874
  "org.primer.figma": {
@@ -5937,10 +5877,6 @@
5937
5877
  "group": "component (internal)",
5938
5878
  "scopes": ["bgColor"]
5939
5879
  }
5940
- },
5941
- "mix": {
5942
- "color": "{base.color.neutral.5}",
5943
- "weight": 0.4
5944
5880
  }
5945
5881
  },
5946
5882
  "name": "controlTrack-bgColor-active",
@@ -5948,7 +5884,7 @@
5948
5884
  "path": ["controlTrack", "bgColor", "active"]
5949
5885
  },
5950
5886
  "controlTrack-bgColor-disabled": {
5951
- "value": "#6e7681",
5887
+ "value": "#656c7699",
5952
5888
  "$type": "color",
5953
5889
  "$extensions": {
5954
5890
  "org.primer.figma": {
@@ -5977,7 +5913,7 @@
5977
5913
  "path": ["controlTrack", "bgColor", "disabled"]
5978
5914
  },
5979
5915
  "controlTrack-fgColor-rest": {
5980
- "value": "#8d96a0",
5916
+ "value": "#9198a1",
5981
5917
  "$type": "color",
5982
5918
  "$extensions": {
5983
5919
  "org.primer.figma": {
@@ -6035,7 +5971,7 @@
6035
5971
  "path": ["controlTrack", "fgColor", "disabled"]
6036
5972
  },
6037
5973
  "controlTrack-borderColor-rest": {
6038
- "value": "#00000000",
5974
+ "value": "#3d444d",
6039
5975
  "$type": "color",
6040
5976
  "$extensions": {
6041
5977
  "org.primer.figma": {
@@ -6048,7 +5984,7 @@
6048
5984
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6049
5985
  "isSource": true,
6050
5986
  "original": {
6051
- "value": "{base.color.transparent}",
5987
+ "value": "{borderColor.default}",
6052
5988
  "$type": "color",
6053
5989
  "$extensions": {
6054
5990
  "org.primer.figma": {
@@ -6064,7 +6000,7 @@
6064
6000
  "path": ["controlTrack", "borderColor", "rest"]
6065
6001
  },
6066
6002
  "controlTrack-borderColor-disabled": {
6067
- "value": "#6e7681",
6003
+ "value": "#656c7699",
6068
6004
  "$type": "color",
6069
6005
  "$extensions": {
6070
6006
  "org.primer.figma": {
@@ -6106,7 +6042,7 @@
6106
6042
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6107
6043
  "isSource": true,
6108
6044
  "original": {
6109
- "value": "{base.color.black}",
6045
+ "value": "{bgColor.inset}",
6110
6046
  "$type": "color",
6111
6047
  "$extensions": {
6112
6048
  "org.primer.figma": {
@@ -6122,7 +6058,7 @@
6122
6058
  "path": ["controlKnob", "bgColor", "rest"]
6123
6059
  },
6124
6060
  "controlKnob-bgColor-disabled": {
6125
- "value": "#21262db3",
6061
+ "value": "#212830",
6126
6062
  "$type": "color",
6127
6063
  "$extensions": {
6128
6064
  "org.primer.figma": {
@@ -6164,7 +6100,7 @@
6164
6100
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6165
6101
  "isSource": true,
6166
6102
  "original": {
6167
- "value": "{base.color.white}",
6103
+ "value": "{base.color.neutral.13}",
6168
6104
  "$type": "color",
6169
6105
  "$extensions": {
6170
6106
  "org.primer.figma": {
@@ -6180,7 +6116,7 @@
6180
6116
  "path": ["controlKnob", "bgColor", "checked"]
6181
6117
  },
6182
6118
  "controlKnob-borderColor-rest": {
6183
- "value": "#666e79",
6119
+ "value": "#656c76",
6184
6120
  "$type": "color",
6185
6121
  "$extensions": {
6186
6122
  "org.primer.figma": {
@@ -6209,7 +6145,7 @@
6209
6145
  "path": ["controlKnob", "borderColor", "rest"]
6210
6146
  },
6211
6147
  "controlKnob-borderColor-disabled": {
6212
- "value": "#21262db3",
6148
+ "value": "#212830",
6213
6149
  "$type": "color",
6214
6150
  "$extensions": {
6215
6151
  "org.primer.figma": {
@@ -6296,7 +6232,7 @@
6296
6232
  "path": ["counter", "borderColor"]
6297
6233
  },
6298
6234
  "button-default-fgColor-rest": {
6299
- "value": "#c9d1d9",
6235
+ "value": "#f0f6fc",
6300
6236
  "$type": "color",
6301
6237
  "$extensions": {
6302
6238
  "org.primer.figma": {
@@ -6325,7 +6261,7 @@
6325
6261
  "path": ["button", "default", "fgColor", "rest"]
6326
6262
  },
6327
6263
  "button-default-bgColor-rest": {
6328
- "value": "#21262d",
6264
+ "value": "#212830",
6329
6265
  "$type": "color",
6330
6266
  "$extensions": {
6331
6267
  "org.primer.figma": {
@@ -6354,7 +6290,7 @@
6354
6290
  "path": ["button", "default", "bgColor", "rest"]
6355
6291
  },
6356
6292
  "button-default-bgColor-hover": {
6357
- "value": "#292e36",
6293
+ "value": "#262c36",
6358
6294
  "$type": "color",
6359
6295
  "$extensions": {
6360
6296
  "org.primer.figma": {
@@ -6383,7 +6319,7 @@
6383
6319
  "path": ["button", "default", "bgColor", "hover"]
6384
6320
  },
6385
6321
  "button-default-bgColor-active": {
6386
- "value": "#31363e",
6322
+ "value": "#2a313c",
6387
6323
  "$type": "color",
6388
6324
  "$extensions": {
6389
6325
  "org.primer.figma": {
@@ -6412,7 +6348,7 @@
6412
6348
  "path": ["button", "default", "bgColor", "active"]
6413
6349
  },
6414
6350
  "button-default-bgColor-selected": {
6415
- "value": "#31363e",
6351
+ "value": "#2a313c",
6416
6352
  "$type": "color",
6417
6353
  "$extensions": {
6418
6354
  "org.primer.figma": {
@@ -6441,7 +6377,7 @@
6441
6377
  "path": ["button", "default", "bgColor", "selected"]
6442
6378
  },
6443
6379
  "button-default-bgColor-disabled": {
6444
- "value": "#21262db3",
6380
+ "value": "#212830",
6445
6381
  "$type": "color",
6446
6382
  "$extensions": {
6447
6383
  "org.primer.figma": {
@@ -6470,7 +6406,7 @@
6470
6406
  "path": ["button", "default", "bgColor", "disabled"]
6471
6407
  },
6472
6408
  "button-default-borderColor-rest": {
6473
- "value": "#30363d",
6409
+ "value": "#3d444d",
6474
6410
  "$type": "color",
6475
6411
  "$extensions": {
6476
6412
  "org.primer.figma": {
@@ -6483,7 +6419,7 @@
6483
6419
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6484
6420
  "isSource": true,
6485
6421
  "original": {
6486
- "value": "{borderColor.default}",
6422
+ "value": "{control.borderColor.rest}",
6487
6423
  "$type": "color",
6488
6424
  "$extensions": {
6489
6425
  "org.primer.figma": {
@@ -6499,7 +6435,7 @@
6499
6435
  "path": ["button", "default", "borderColor", "rest"]
6500
6436
  },
6501
6437
  "button-default-borderColor-hover": {
6502
- "value": "#30363d",
6438
+ "value": "#3d444d",
6503
6439
  "$type": "color",
6504
6440
  "$extensions": {
6505
6441
  "org.primer.figma": {
@@ -6528,7 +6464,7 @@
6528
6464
  "path": ["button", "default", "borderColor", "hover"]
6529
6465
  },
6530
6466
  "button-default-borderColor-active": {
6531
- "value": "#30363d",
6467
+ "value": "#3d444d",
6532
6468
  "$type": "color",
6533
6469
  "$extensions": {
6534
6470
  "org.primer.figma": {
@@ -6557,7 +6493,7 @@
6557
6493
  "path": ["button", "default", "borderColor", "active"]
6558
6494
  },
6559
6495
  "button-default-borderColor-disabled": {
6560
- "value": "#21262db3",
6496
+ "value": "#656c761a",
6561
6497
  "$type": "color",
6562
6498
  "$extensions": {
6563
6499
  "org.primer.figma": {
@@ -6666,7 +6602,7 @@
6666
6602
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6667
6603
  "isSource": true,
6668
6604
  "original": {
6669
- "value": "{base.color.white}",
6605
+ "value": "{base.color.neutral.13}",
6670
6606
  "$type": "color",
6671
6607
  "$extensions": {
6672
6608
  "org.primer.figma": {
@@ -6846,7 +6782,7 @@
6846
6782
  "path": ["button", "primary", "bgColor", "disabled"]
6847
6783
  },
6848
6784
  "button-primary-borderColor-rest": {
6849
- "value": "#f0f6fc1a",
6785
+ "value": "#ffffff1a",
6850
6786
  "$type": "color",
6851
6787
  "$extensions": {
6852
6788
  "org.primer.figma": {
@@ -6860,7 +6796,7 @@
6860
6796
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6861
6797
  "isSource": true,
6862
6798
  "original": {
6863
- "value": "{base.color.neutral.0}",
6799
+ "value": "{base.color.neutral.13}",
6864
6800
  "$type": "color",
6865
6801
  "$extensions": {
6866
6802
  "org.primer.figma": {
@@ -6877,7 +6813,7 @@
6877
6813
  "path": ["button", "primary", "borderColor", "rest"]
6878
6814
  },
6879
6815
  "button-primary-borderColor-hover": {
6880
- "value": "#f0f6fc1a",
6816
+ "value": "#ffffff1a",
6881
6817
  "$type": "color",
6882
6818
  "$extensions": {
6883
6819
  "org.primer.figma": {
@@ -6906,7 +6842,7 @@
6906
6842
  "path": ["button", "primary", "borderColor", "hover"]
6907
6843
  },
6908
6844
  "button-primary-borderColor-active": {
6909
- "value": "#f0f6fc1a",
6845
+ "value": "#ffffff1a",
6910
6846
  "$type": "color",
6911
6847
  "$extensions": {
6912
6848
  "org.primer.figma": {
@@ -7001,7 +6937,7 @@
7001
6937
  "path": ["button", "primary", "shadow", "selected"]
7002
6938
  },
7003
6939
  "button-invisible-fgColor-rest": {
7004
- "value": "#4493f8",
6940
+ "value": "#9198a1",
7005
6941
  "$type": "color",
7006
6942
  "$extensions": {
7007
6943
  "org.primer.figma": {
@@ -7014,7 +6950,7 @@
7014
6950
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7015
6951
  "isSource": true,
7016
6952
  "original": {
7017
- "value": "{fgColor.accent}",
6953
+ "value": "{fgColor.muted}",
7018
6954
  "$type": "color",
7019
6955
  "$extensions": {
7020
6956
  "org.primer.figma": {
@@ -7030,7 +6966,7 @@
7030
6966
  "path": ["button", "invisible", "fgColor", "rest"]
7031
6967
  },
7032
6968
  "button-invisible-fgColor-hover": {
7033
- "value": "#58a6ff",
6969
+ "value": "#9198a1",
7034
6970
  "$type": "color",
7035
6971
  "$extensions": {
7036
6972
  "org.primer.figma": {
@@ -7043,7 +6979,7 @@
7043
6979
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7044
6980
  "isSource": true,
7045
6981
  "original": {
7046
- "value": "{base.color.blue.3}",
6982
+ "value": "{fgColor.muted}",
7047
6983
  "$type": "color",
7048
6984
  "$extensions": {
7049
6985
  "org.primer.figma": {
@@ -7059,7 +6995,7 @@
7059
6995
  "path": ["button", "invisible", "fgColor", "hover"]
7060
6996
  },
7061
6997
  "button-invisible-fgColor-disabled": {
7062
- "value": "#6e7681",
6998
+ "value": "#656c7699",
7063
6999
  "$type": "color",
7064
7000
  "$extensions": {
7065
7001
  "org.primer.figma": {
@@ -7088,7 +7024,7 @@
7088
7024
  "path": ["button", "invisible", "fgColor", "disabled"]
7089
7025
  },
7090
7026
  "button-invisible-iconColor-rest": {
7091
- "value": "#8d96a0",
7027
+ "value": "#9198a1",
7092
7028
  "$type": "color",
7093
7029
  "$extensions": {
7094
7030
  "org.primer.figma": {
@@ -7117,7 +7053,7 @@
7117
7053
  "path": ["button", "invisible", "iconColor", "rest"]
7118
7054
  },
7119
7055
  "button-invisible-iconColor-hover": {
7120
- "value": "#e6edf3",
7056
+ "value": "#9198a1",
7121
7057
  "$type": "color",
7122
7058
  "$extensions": {
7123
7059
  "org.primer.figma": {
@@ -7130,7 +7066,7 @@
7130
7066
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7131
7067
  "isSource": true,
7132
7068
  "original": {
7133
- "value": "{fgColor.default}",
7069
+ "value": "{fgColor.muted}",
7134
7070
  "$type": "color",
7135
7071
  "$extensions": {
7136
7072
  "org.primer.figma": {
@@ -7146,7 +7082,7 @@
7146
7082
  "path": ["button", "invisible", "iconColor", "hover"]
7147
7083
  },
7148
7084
  "button-invisible-iconColor-disabled": {
7149
- "value": "#6e7681",
7085
+ "value": "#656c7699",
7150
7086
  "$type": "color",
7151
7087
  "$extensions": {
7152
7088
  "org.primer.figma": {
@@ -7204,7 +7140,7 @@
7204
7140
  "path": ["button", "invisible", "bgColor", "rest"]
7205
7141
  },
7206
7142
  "button-invisible-bgColor-hover": {
7207
- "value": "#b1bac41f",
7143
+ "value": "#656c7633",
7208
7144
  "$type": "color",
7209
7145
  "$extensions": {
7210
7146
  "org.primer.figma": {
@@ -7233,7 +7169,7 @@
7233
7169
  "path": ["button", "invisible", "bgColor", "hover"]
7234
7170
  },
7235
7171
  "button-invisible-bgColor-active": {
7236
- "value": "#b1bac433",
7172
+ "value": "#656c7640",
7237
7173
  "$type": "color",
7238
7174
  "$extensions": {
7239
7175
  "org.primer.figma": {
@@ -7262,7 +7198,7 @@
7262
7198
  "path": ["button", "invisible", "bgColor", "active"]
7263
7199
  },
7264
7200
  "button-invisible-bgColor-disabled": {
7265
- "value": "#21262db3",
7201
+ "value": "#212830",
7266
7202
  "$type": "color",
7267
7203
  "$extensions": {
7268
7204
  "org.primer.figma": {
@@ -7349,7 +7285,7 @@
7349
7285
  "path": ["button", "invisible", "borderColor", "hover"]
7350
7286
  },
7351
7287
  "button-invisible-borderColor-disabled": {
7352
- "value": "#21262db3",
7288
+ "value": "#656c761a",
7353
7289
  "$type": "color",
7354
7290
  "$extensions": {
7355
7291
  "org.primer.figma": {
@@ -7449,7 +7385,7 @@
7449
7385
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7450
7386
  "isSource": true,
7451
7387
  "original": {
7452
- "value": "{base.color.white}",
7388
+ "value": "{base.color.neutral.13}",
7453
7389
  "$type": "color",
7454
7390
  "$extensions": {
7455
7391
  "org.primer.figma": {
@@ -7509,7 +7445,7 @@
7509
7445
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7510
7446
  "isSource": true,
7511
7447
  "original": {
7512
- "value": "{base.color.neutral.0}",
7448
+ "value": "{base.color.neutral.12}",
7513
7449
  "$type": "color",
7514
7450
  "$extensions": {
7515
7451
  "org.primer.figma": {
@@ -7525,7 +7461,7 @@
7525
7461
  "path": ["button", "outline", "bgColor", "rest"]
7526
7462
  },
7527
7463
  "button-outline-bgColor-hover": {
7528
- "value": "#30363d",
7464
+ "value": "#262c36",
7529
7465
  "$type": "color",
7530
7466
  "$extensions": {
7531
7467
  "org.primer.figma": {
@@ -7538,7 +7474,7 @@
7538
7474
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7539
7475
  "isSource": true,
7540
7476
  "original": {
7541
- "value": "{base.color.neutral.6}",
7477
+ "value": "{control.bgColor.hover}",
7542
7478
  "$type": "color",
7543
7479
  "$extensions": {
7544
7480
  "org.primer.figma": {
@@ -7583,7 +7519,7 @@
7583
7519
  "path": ["button", "outline", "bgColor", "active"]
7584
7520
  },
7585
7521
  "button-outline-bgColor-disabled": {
7586
- "value": "#0d1117",
7522
+ "value": "#212830",
7587
7523
  "$type": "color",
7588
7524
  "$extensions": {
7589
7525
  "org.primer.figma": {
@@ -7596,7 +7532,7 @@
7596
7532
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7597
7533
  "isSource": true,
7598
7534
  "original": {
7599
- "value": "{base.color.neutral.9}",
7535
+ "value": "{control.bgColor.disabled}",
7600
7536
  "$type": "color",
7601
7537
  "$extensions": {
7602
7538
  "org.primer.figma": {
@@ -7612,7 +7548,7 @@
7612
7548
  "path": ["button", "outline", "bgColor", "disabled"]
7613
7549
  },
7614
7550
  "button-outline-borderColor-hover": {
7615
- "value": "#f0f6fc1a",
7551
+ "value": "#3d444d",
7616
7552
  "$type": "color",
7617
7553
  "$extensions": {
7618
7554
  "org.primer.figma": {
@@ -7622,11 +7558,10 @@
7622
7558
  "scopes": ["borderColor"]
7623
7559
  }
7624
7560
  },
7625
- "alpha": 0.1,
7626
7561
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7627
7562
  "isSource": true,
7628
7563
  "original": {
7629
- "value": "{base.color.neutral.0}",
7564
+ "value": "{button.default.borderColor.hover}",
7630
7565
  "$type": "color",
7631
7566
  "$extensions": {
7632
7567
  "org.primer.figma": {
@@ -7635,15 +7570,14 @@
7635
7570
  "group": "component (internal)",
7636
7571
  "scopes": ["borderColor"]
7637
7572
  }
7638
- },
7639
- "alpha": 0.1
7573
+ }
7640
7574
  },
7641
7575
  "name": "button-outline-borderColor-hover",
7642
7576
  "attributes": {},
7643
7577
  "path": ["button", "outline", "borderColor", "hover"]
7644
7578
  },
7645
7579
  "button-outline-borderColor-selected": {
7646
- "value": "#f0f6fc1a",
7580
+ "value": "#3d444d",
7647
7581
  "$type": "color",
7648
7582
  "$extensions": {
7649
7583
  "org.primer.figma": {
@@ -7751,7 +7685,7 @@
7751
7685
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7752
7686
  "isSource": true,
7753
7687
  "original": {
7754
- "value": "{base.color.white}",
7688
+ "value": "{base.color.neutral.13}",
7755
7689
  "$type": "color",
7756
7690
  "$extensions": {
7757
7691
  "org.primer.figma": {
@@ -7780,7 +7714,7 @@
7780
7714
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7781
7715
  "isSource": true,
7782
7716
  "original": {
7783
- "value": "{base.color.white}",
7717
+ "value": "{base.color.neutral.13}",
7784
7718
  "$type": "color",
7785
7719
  "$extensions": {
7786
7720
  "org.primer.figma": {
@@ -7869,7 +7803,7 @@
7869
7803
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7870
7804
  "isSource": true,
7871
7805
  "original": {
7872
- "value": "{base.color.white}",
7806
+ "value": "{base.color.neutral.13}",
7873
7807
  "$type": "color",
7874
7808
  "$extensions": {
7875
7809
  "org.primer.figma": {
@@ -7885,7 +7819,7 @@
7885
7819
  "path": ["button", "danger", "iconColor", "hover"]
7886
7820
  },
7887
7821
  "button-danger-bgColor-rest": {
7888
- "value": "#21262d",
7822
+ "value": "#212830",
7889
7823
  "$type": "color",
7890
7824
  "$extensions": {
7891
7825
  "org.primer.figma": {
@@ -7980,7 +7914,7 @@
7980
7914
  "path": ["button", "danger", "bgColor", "active"]
7981
7915
  },
7982
7916
  "button-danger-bgColor-disabled": {
7983
- "value": "#21262db3",
7917
+ "value": "#212830",
7984
7918
  "$type": "color",
7985
7919
  "$extensions": {
7986
7920
  "org.primer.figma": {
@@ -8009,7 +7943,7 @@
8009
7943
  "path": ["button", "danger", "bgColor", "disabled"]
8010
7944
  },
8011
7945
  "button-danger-borderColor-rest": {
8012
- "value": "#30363d",
7946
+ "value": "#3d444d",
8013
7947
  "$type": "color",
8014
7948
  "$extensions": {
8015
7949
  "org.primer.figma": {
@@ -8022,7 +7956,7 @@
8022
7956
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8023
7957
  "isSource": true,
8024
7958
  "original": {
8025
- "value": "{borderColor.default}",
7959
+ "value": "{control.borderColor.rest}",
8026
7960
  "$type": "color",
8027
7961
  "$extensions": {
8028
7962
  "org.primer.figma": {
@@ -8038,7 +7972,7 @@
8038
7972
  "path": ["button", "danger", "borderColor", "rest"]
8039
7973
  },
8040
7974
  "button-danger-borderColor-hover": {
8041
- "value": "#f0f6fc1a",
7975
+ "value": "#ffffff1a",
8042
7976
  "$type": "color",
8043
7977
  "$extensions": {
8044
7978
  "org.primer.figma": {
@@ -8048,11 +7982,10 @@
8048
7982
  "scopes": ["borderColor"]
8049
7983
  }
8050
7984
  },
8051
- "alpha": 0.1,
8052
7985
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8053
7986
  "isSource": true,
8054
7987
  "original": {
8055
- "value": "{base.color.neutral.0}",
7988
+ "value": "{button.primary.borderColor.rest}",
8056
7989
  "$type": "color",
8057
7990
  "$extensions": {
8058
7991
  "org.primer.figma": {
@@ -8061,15 +7994,14 @@
8061
7994
  "group": "component (internal)",
8062
7995
  "scopes": ["borderColor"]
8063
7996
  }
8064
- },
8065
- "alpha": 0.1
7997
+ }
8066
7998
  },
8067
7999
  "name": "button-danger-borderColor-hover",
8068
8000
  "attributes": {},
8069
8001
  "path": ["button", "danger", "borderColor", "hover"]
8070
8002
  },
8071
8003
  "button-danger-borderColor-active": {
8072
- "value": "#f0f6fc1a",
8004
+ "value": "#ffffff1a",
8073
8005
  "$type": "color",
8074
8006
  "$extensions": {
8075
8007
  "org.primer.figma": {
@@ -8135,7 +8067,7 @@
8135
8067
  "path": ["button", "danger", "shadow", "selected"]
8136
8068
  },
8137
8069
  "button-inactive-fgColor": {
8138
- "value": "#8b949e",
8070
+ "value": "#9198a1",
8139
8071
  "$type": "color",
8140
8072
  "$extensions": {
8141
8073
  "org.primer.figma": {
@@ -8148,7 +8080,7 @@
8148
8080
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8149
8081
  "isSource": true,
8150
8082
  "original": {
8151
- "value": "{base.color.neutral.3}",
8083
+ "value": "{base.color.neutral.9}",
8152
8084
  "$type": "color",
8153
8085
  "$extensions": {
8154
8086
  "org.primer.figma": {
@@ -8164,7 +8096,7 @@
8164
8096
  "path": ["button", "inactive", "fgColor"]
8165
8097
  },
8166
8098
  "button-inactive-bgColor": {
8167
- "value": "#21262d",
8099
+ "value": "#262c36",
8168
8100
  "$type": "color",
8169
8101
  "$extensions": {
8170
8102
  "org.primer.figma": {
@@ -8177,7 +8109,7 @@
8177
8109
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8178
8110
  "isSource": true,
8179
8111
  "original": {
8180
- "value": "{base.color.neutral.7}",
8112
+ "value": "{base.color.neutral.4}",
8181
8113
  "$type": "color",
8182
8114
  "$extensions": {
8183
8115
  "org.primer.figma": {
@@ -8222,7 +8154,7 @@
8222
8154
  "path": ["button", "star", "iconColor"]
8223
8155
  },
8224
8156
  "buttonCounter-default-bgColor-rest": {
8225
- "value": "#30363d",
8157
+ "value": "#2f3742",
8226
8158
  "$type": "color",
8227
8159
  "$extensions": {
8228
8160
  "org.primer.figma": {
@@ -8251,7 +8183,7 @@
8251
8183
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8252
8184
  },
8253
8185
  "buttonCounter-invisible-bgColor-rest": {
8254
- "value": "#30363d",
8186
+ "value": "#2f3742",
8255
8187
  "$type": "color",
8256
8188
  "$extensions": {
8257
8189
  "org.primer.figma": {
@@ -8265,7 +8197,7 @@
8265
8197
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8266
8198
  "isSource": true,
8267
8199
  "original": {
8268
- "value": "{base.color.neutral.6}",
8200
+ "value": "{bgColor.neutral.muted}",
8269
8201
  "$type": "color",
8270
8202
  "$extensions": {
8271
8203
  "org.primer.figma": {
@@ -8509,7 +8441,7 @@
8509
8441
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8510
8442
  "isSource": true,
8511
8443
  "original": {
8512
- "value": "{base.color.white}",
8444
+ "value": "{base.color.neutral.13}",
8513
8445
  "$type": "color",
8514
8446
  "$extensions": {
8515
8447
  "org.primer.figma": {
@@ -8630,7 +8562,7 @@
8630
8562
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8631
8563
  "isSource": true,
8632
8564
  "original": {
8633
- "value": "{base.color.white}",
8565
+ "value": "{base.color.neutral.13}",
8634
8566
  "$type": "color",
8635
8567
  "$extensions": {
8636
8568
  "org.primer.figma": {
@@ -8834,7 +8766,7 @@
8834
8766
  "path": ["focus", "outlineColor"]
8835
8767
  },
8836
8768
  "menu-bgColor-active": {
8837
- "value": "#161b22",
8769
+ "value": "#151b23",
8838
8770
  "$type": "color",
8839
8771
  "$extensions": {
8840
8772
  "org.primer.figma": {
@@ -8847,7 +8779,7 @@
8847
8779
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8848
8780
  "isSource": true,
8849
8781
  "original": {
8850
- "value": "{base.color.neutral.8}",
8782
+ "value": "{base.color.neutral.2}",
8851
8783
  "$type": "color",
8852
8784
  "$extensions": {
8853
8785
  "org.primer.figma": {
@@ -8863,7 +8795,7 @@
8863
8795
  "path": ["menu", "bgColor", "active"]
8864
8796
  },
8865
8797
  "overlay-bgColor": {
8866
- "value": "#161b22",
8798
+ "value": "#151b23",
8867
8799
  "$type": "color",
8868
8800
  "$extensions": {
8869
8801
  "org.primer.figma": {
@@ -8876,7 +8808,7 @@
8876
8808
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8877
8809
  "isSource": true,
8878
8810
  "original": {
8879
- "value": "{base.color.neutral.8}",
8811
+ "value": "{bgColor.muted}",
8880
8812
  "$type": "color",
8881
8813
  "$extensions": {
8882
8814
  "org.primer.figma": {
@@ -8892,7 +8824,7 @@
8892
8824
  "path": ["overlay", "bgColor"]
8893
8825
  },
8894
8826
  "overlay-borderColor": {
8895
- "value": "#30363db3",
8827
+ "value": "#3d444db3",
8896
8828
  "$type": "color",
8897
8829
  "$extensions": {
8898
8830
  "org.primer.figma": {
@@ -8919,7 +8851,7 @@
8919
8851
  "path": ["overlay", "borderColor"]
8920
8852
  },
8921
8853
  "overlay-backdrop-bgColor": {
8922
- "value": "#161b2266",
8854
+ "value": "#21283066",
8923
8855
  "$type": "color",
8924
8856
  "$extensions": {
8925
8857
  "org.primer.figma": {
@@ -8933,7 +8865,7 @@
8933
8865
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8934
8866
  "isSource": true,
8935
8867
  "original": {
8936
- "value": "{base.color.neutral.8}",
8868
+ "value": "{base.color.neutral.3}",
8937
8869
  "$type": "color",
8938
8870
  "$extensions": {
8939
8871
  "org.primer.figma": {
@@ -8950,7 +8882,7 @@
8950
8882
  "path": ["overlay", "backdrop", "bgColor"]
8951
8883
  },
8952
8884
  "selectMenu-borderColor": {
8953
- "value": "#484f58",
8885
+ "value": "#3d444d",
8954
8886
  "$type": "color",
8955
8887
  "$extensions": {
8956
8888
  "org.primer.figma": {
@@ -8963,7 +8895,7 @@
8963
8895
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8964
8896
  "isSource": true,
8965
8897
  "original": {
8966
- "value": "{base.color.neutral.5}",
8898
+ "value": "{borderColor.default}",
8967
8899
  "$type": "color",
8968
8900
  "$extensions": {
8969
8901
  "org.primer.figma": {
@@ -9008,7 +8940,7 @@
9008
8940
  "path": ["selectMenu", "bgColor", "active"]
9009
8941
  },
9010
8942
  "sideNav-bgColor-selected": {
9011
- "value": "#21262d",
8943
+ "value": "#212830",
9012
8944
  "$type": "color",
9013
8945
  "$extensions": {
9014
8946
  "org.primer.figma": {
@@ -9021,7 +8953,7 @@
9021
8953
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9022
8954
  "isSource": true,
9023
8955
  "original": {
9024
- "value": "{base.color.neutral.7}",
8956
+ "value": "{base.color.neutral.3}",
9025
8957
  "$type": "color",
9026
8958
  "$extensions": {
9027
8959
  "org.primer.figma": {
@@ -9037,7 +8969,7 @@
9037
8969
  "path": ["sideNav", "bgColor", "selected"]
9038
8970
  },
9039
8971
  "skeletonLoader-bgColor": {
9040
- "value": "#161b22",
8972
+ "value": "#151b23",
9041
8973
  "$type": "color",
9042
8974
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9043
8975
  "isSource": true,
@@ -9050,7 +8982,7 @@
9050
8982
  "path": ["skeletonLoader", "bgColor"]
9051
8983
  },
9052
8984
  "timelineBadge-bgColor": {
9053
- "value": "#21262d",
8985
+ "value": "#212830",
9054
8986
  "$type": "color",
9055
8987
  "$extensions": {
9056
8988
  "org.primer.figma": {
@@ -9063,7 +8995,7 @@
9063
8995
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9064
8996
  "isSource": true,
9065
8997
  "original": {
9066
- "value": "{base.color.neutral.7}",
8998
+ "value": "{base.color.neutral.3}",
9067
8999
  "$type": "color",
9068
9000
  "$extensions": {
9069
9001
  "org.primer.figma": {
@@ -9079,7 +9011,7 @@
9079
9011
  "path": ["timelineBadge", "bgColor"]
9080
9012
  },
9081
9013
  "treeViewItem-leadingVisual-iconColor-rest": {
9082
- "value": "#8d96a0",
9014
+ "value": "#9198a1",
9083
9015
  "$type": "color",
9084
9016
  "$extensions": {
9085
9017
  "org.primer.figma": {
@@ -9137,7 +9069,7 @@
9137
9069
  "path": ["underlineNav", "borderColor", "active"]
9138
9070
  },
9139
9071
  "underlineNav-borderColor-hover": {
9140
- "value": "#6e768166",
9072
+ "value": "#3d444db3",
9141
9073
  "$type": "color",
9142
9074
  "$extensions": {
9143
9075
  "org.primer.figma": {
@@ -9166,7 +9098,7 @@
9166
9098
  "path": ["underlineNav", "borderColor", "hover"]
9167
9099
  },
9168
9100
  "underlineNav-iconColor-rest": {
9169
- "value": "#8d96a0",
9101
+ "value": "#9198a1",
9170
9102
  "$type": "color",
9171
9103
  "$extensions": {
9172
9104
  "org.primer.figma": {
@@ -9226,7 +9158,7 @@
9226
9158
  "path": ["selection", "bgColor"]
9227
9159
  },
9228
9160
  "card-bgColor": {
9229
- "value": "#161b22",
9161
+ "value": "#151b23",
9230
9162
  "$type": "color",
9231
9163
  "$extensions": {
9232
9164
  "org.primer.figma": {
@@ -12561,7 +12493,7 @@
12561
12493
  "path": ["label", "coral", "fgColor", "active"]
12562
12494
  },
12563
12495
  "tooltip-bgColor": {
12564
- "value": "#6e7681",
12496
+ "value": "#3d444d",
12565
12497
  "$type": "color",
12566
12498
  "$extensions": {
12567
12499
  "org.primer.figma": {
@@ -12619,7 +12551,7 @@
12619
12551
  "path": ["tooltip", "fgColor"]
12620
12552
  },
12621
12553
  "fgColor-default": {
12622
- "value": "#e6edf3",
12554
+ "value": "#f0f6fc",
12623
12555
  "$type": "color",
12624
12556
  "$extensions": {
12625
12557
  "org.primer.figma": {
@@ -12632,14 +12564,10 @@
12632
12564
  }
12633
12565
  }
12634
12566
  },
12635
- "mix": {
12636
- "color": "#c9d1d9",
12637
- "weight": 0.25
12638
- },
12639
12567
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12640
12568
  "isSource": true,
12641
12569
  "original": {
12642
- "value": "{base.color.neutral.0}",
12570
+ "value": "{base.color.neutral.12}",
12643
12571
  "$type": "color",
12644
12572
  "$extensions": {
12645
12573
  "org.primer.figma": {
@@ -12651,10 +12579,6 @@
12651
12579
  "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
12652
12580
  }
12653
12581
  }
12654
- },
12655
- "mix": {
12656
- "color": "{base.color.neutral.1}",
12657
- "weight": 0.25
12658
12582
  }
12659
12583
  },
12660
12584
  "name": "fgColor-default",
@@ -12662,7 +12586,7 @@
12662
12586
  "path": ["fgColor", "default"]
12663
12587
  },
12664
12588
  "fgColor-muted": {
12665
- "value": "#8d96a0",
12589
+ "value": "#9198a1",
12666
12590
  "$type": "color",
12667
12591
  "$extensions": {
12668
12592
  "org.primer.figma": {
@@ -12675,14 +12599,10 @@
12675
12599
  }
12676
12600
  }
12677
12601
  },
12678
- "mix": {
12679
- "color": "#8b949e",
12680
- "weight": 0.95
12681
- },
12682
12602
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12683
12603
  "isSource": true,
12684
12604
  "original": {
12685
- "value": "{base.color.neutral.2}",
12605
+ "value": "{base.color.neutral.9}",
12686
12606
  "$type": "color",
12687
12607
  "$extensions": {
12688
12608
  "org.primer.figma": {
@@ -12694,10 +12614,6 @@
12694
12614
  "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
12695
12615
  }
12696
12616
  }
12697
- },
12698
- "mix": {
12699
- "color": "{base.color.neutral.3}",
12700
- "weight": 0.95
12701
12617
  }
12702
12618
  },
12703
12619
  "name": "fgColor-muted",
@@ -12721,7 +12637,7 @@
12721
12637
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12722
12638
  "isSource": true,
12723
12639
  "original": {
12724
- "value": "{base.color.white}",
12640
+ "value": "{base.color.neutral.13}",
12725
12641
  "$type": "color",
12726
12642
  "$extensions": {
12727
12643
  "org.primer.figma": {
@@ -12753,7 +12669,7 @@
12753
12669
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12754
12670
  "isSource": true,
12755
12671
  "original": {
12756
- "value": "{base.color.black}",
12672
+ "value": "{base.color.neutral.0}",
12757
12673
  "$type": "color",
12758
12674
  "$extensions": {
12759
12675
  "org.primer.figma": {
@@ -12782,7 +12698,7 @@
12782
12698
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12783
12699
  "isSource": true,
12784
12700
  "original": {
12785
- "value": "{base.color.white}",
12701
+ "value": "{base.color.neutral.13}",
12786
12702
  "$type": "color",
12787
12703
  "$extensions": {
12788
12704
  "org.primer.figma": {
@@ -12811,7 +12727,7 @@
12811
12727
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12812
12728
  "isSource": true,
12813
12729
  "original": {
12814
- "value": "{base.color.black}",
12730
+ "value": "{base.color.neutral.0}",
12815
12731
  "$type": "color",
12816
12732
  "$extensions": {
12817
12733
  "org.primer.figma": {
@@ -12827,7 +12743,7 @@
12827
12743
  "path": ["fgColor", "black"]
12828
12744
  },
12829
12745
  "fgColor-disabled": {
12830
- "value": "#6e7681",
12746
+ "value": "#656c7699",
12831
12747
  "$type": "color",
12832
12748
  "$extensions": {
12833
12749
  "org.primer.figma": {
@@ -12837,10 +12753,11 @@
12837
12753
  "scopes": ["fgColor"]
12838
12754
  }
12839
12755
  },
12756
+ "alpha": 0.6,
12840
12757
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12841
12758
  "isSource": true,
12842
12759
  "original": {
12843
- "value": "{base.color.neutral.4}",
12760
+ "value": "{base.color.neutral.8}",
12844
12761
  "$type": "color",
12845
12762
  "$extensions": {
12846
12763
  "org.primer.figma": {
@@ -12849,7 +12766,8 @@
12849
12766
  "group": "semantic",
12850
12767
  "scopes": ["fgColor"]
12851
12768
  }
12852
- }
12769
+ },
12770
+ "alpha": 0.6
12853
12771
  },
12854
12772
  "name": "fgColor-disabled",
12855
12773
  "attributes": {},
@@ -12891,7 +12809,7 @@
12891
12809
  "path": ["fgColor", "link"]
12892
12810
  },
12893
12811
  "fgColor-neutral": {
12894
- "value": "#b1bac4",
12812
+ "value": "#9198a1",
12895
12813
  "$type": "color",
12896
12814
  "$extensions": {
12897
12815
  "org.primer.figma": {
@@ -12904,7 +12822,7 @@
12904
12822
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12905
12823
  "isSource": true,
12906
12824
  "original": {
12907
- "value": "{base.color.neutral.2}",
12825
+ "value": "{base.color.neutral.9}",
12908
12826
  "$type": "color",
12909
12827
  "$extensions": {
12910
12828
  "org.primer.figma": {
@@ -13138,7 +13056,7 @@
13138
13056
  "path": ["fgColor", "danger"]
13139
13057
  },
13140
13058
  "fgColor-closed": {
13141
- "value": "#8b949e",
13059
+ "value": "#9198a1",
13142
13060
  "$type": "color",
13143
13061
  "$extensions": {
13144
13062
  "org.primer.figma": {
@@ -13154,7 +13072,7 @@
13154
13072
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13155
13073
  "isSource": true,
13156
13074
  "original": {
13157
- "value": "{base.color.neutral.3}",
13075
+ "value": "{fgColor.muted}",
13158
13076
  "$type": "color",
13159
13077
  "$extensions": {
13160
13078
  "org.primer.figma": {
@@ -13294,7 +13212,7 @@
13294
13212
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13295
13213
  "isSource": true,
13296
13214
  "original": {
13297
- "value": "{base.color.neutral.9}",
13215
+ "value": "{base.color.neutral.1}",
13298
13216
  "$type": "color",
13299
13217
  "$extensions": {
13300
13218
  "org.primer.figma": {
@@ -13313,7 +13231,7 @@
13313
13231
  "path": ["bgColor", "default"]
13314
13232
  },
13315
13233
  "bgColor-muted": {
13316
- "value": "#161b22",
13234
+ "value": "#151b23",
13317
13235
  "$type": "color",
13318
13236
  "$extensions": {
13319
13237
  "org.primer.figma": {
@@ -13329,7 +13247,7 @@
13329
13247
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13330
13248
  "isSource": true,
13331
13249
  "original": {
13332
- "value": "{base.color.neutral.8}",
13250
+ "value": "{base.color.neutral.2}",
13333
13251
  "$type": "color",
13334
13252
  "$extensions": {
13335
13253
  "org.primer.figma": {
@@ -13364,7 +13282,7 @@
13364
13282
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13365
13283
  "isSource": true,
13366
13284
  "original": {
13367
- "value": "{base.color.black}",
13285
+ "value": "{base.color.neutral.0}",
13368
13286
  "$type": "color",
13369
13287
  "$extensions": {
13370
13288
  "org.primer.figma": {
@@ -13383,7 +13301,7 @@
13383
13301
  "path": ["bgColor", "inset"]
13384
13302
  },
13385
13303
  "bgColor-emphasis": {
13386
- "value": "#6e7681",
13304
+ "value": "#3d444d",
13387
13305
  "$type": "color",
13388
13306
  "$extensions": {
13389
13307
  "org.primer.figma": {
@@ -13399,7 +13317,7 @@
13399
13317
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13400
13318
  "isSource": true,
13401
13319
  "original": {
13402
- "value": "{base.color.neutral.4}",
13320
+ "value": "{base.color.neutral.7}",
13403
13321
  "$type": "color",
13404
13322
  "$extensions": {
13405
13323
  "org.primer.figma": {
@@ -13431,7 +13349,7 @@
13431
13349
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13432
13350
  "isSource": true,
13433
13351
  "original": {
13434
- "value": "{base.color.white}",
13352
+ "value": "{base.color.neutral.13}",
13435
13353
  "$type": "color",
13436
13354
  "$extensions": {
13437
13355
  "org.primer.figma": {
@@ -13460,7 +13378,7 @@
13460
13378
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13461
13379
  "isSource": true,
13462
13380
  "original": {
13463
- "value": "{base.color.white}",
13381
+ "value": "{base.color.neutral.13}",
13464
13382
  "$type": "color",
13465
13383
  "$extensions": {
13466
13384
  "org.primer.figma": {
@@ -13489,7 +13407,7 @@
13489
13407
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13490
13408
  "isSource": true,
13491
13409
  "original": {
13492
- "value": "{base.color.black}",
13410
+ "value": "{base.color.neutral.0}",
13493
13411
  "$type": "color",
13494
13412
  "$extensions": {
13495
13413
  "org.primer.figma": {
@@ -13505,7 +13423,7 @@
13505
13423
  "path": ["bgColor", "black"]
13506
13424
  },
13507
13425
  "bgColor-disabled": {
13508
- "value": "#21262db3",
13426
+ "value": "#212830",
13509
13427
  "$type": "color",
13510
13428
  "$extensions": {
13511
13429
  "org.primer.figma": {
@@ -13515,11 +13433,10 @@
13515
13433
  "scopes": ["bgColor"]
13516
13434
  }
13517
13435
  },
13518
- "alpha": 0.7,
13519
13436
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13520
13437
  "isSource": true,
13521
13438
  "original": {
13522
- "value": "{base.color.neutral.7}",
13439
+ "value": "{base.color.neutral.3}",
13523
13440
  "$type": "color",
13524
13441
  "$extensions": {
13525
13442
  "org.primer.figma": {
@@ -13528,8 +13445,7 @@
13528
13445
  "group": "semantic",
13529
13446
  "scopes": ["bgColor"]
13530
13447
  }
13531
- },
13532
- "alpha": 0.7
13448
+ }
13533
13449
  },
13534
13450
  "name": "bgColor-disabled",
13535
13451
  "attributes": {},
@@ -13571,7 +13487,7 @@
13571
13487
  "path": ["bgColor", "transparent"]
13572
13488
  },
13573
13489
  "bgColor-neutral-muted": {
13574
- "value": "#6e768166",
13490
+ "value": "#2f3742b3",
13575
13491
  "$type": "color",
13576
13492
  "$extensions": {
13577
13493
  "org.primer.figma": {
@@ -13581,11 +13497,11 @@
13581
13497
  "scopes": ["bgColor"]
13582
13498
  }
13583
13499
  },
13584
- "alpha": 0.4,
13500
+ "alpha": 0.7,
13585
13501
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13586
13502
  "isSource": true,
13587
13503
  "original": {
13588
- "value": "{base.color.neutral.4}",
13504
+ "value": "{base.color.neutral.6}",
13589
13505
  "$type": "color",
13590
13506
  "$extensions": {
13591
13507
  "org.primer.figma": {
@@ -13595,14 +13511,14 @@
13595
13511
  "scopes": ["bgColor"]
13596
13512
  }
13597
13513
  },
13598
- "alpha": 0.4
13514
+ "alpha": 0.7
13599
13515
  },
13600
13516
  "name": "bgColor-neutral-muted",
13601
13517
  "attributes": {},
13602
13518
  "path": ["bgColor", "neutral", "muted"]
13603
13519
  },
13604
13520
  "bgColor-neutral-emphasis": {
13605
- "value": "#6e7681",
13521
+ "value": "#656c76",
13606
13522
  "$type": "color",
13607
13523
  "$extensions": {
13608
13524
  "org.primer.figma": {
@@ -13615,7 +13531,7 @@
13615
13531
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13616
13532
  "isSource": true,
13617
13533
  "original": {
13618
- "value": "{base.color.neutral.4}",
13534
+ "value": "{base.color.neutral.8}",
13619
13535
  "$type": "color",
13620
13536
  "$extensions": {
13621
13537
  "org.primer.figma": {
@@ -14063,7 +13979,7 @@
14063
13979
  "path": ["bgColor", "danger", "emphasis"]
14064
13980
  },
14065
13981
  "bgColor-closed-muted": {
14066
- "value": "#6e768166",
13982
+ "value": "#2f37421a",
14067
13983
  "$type": "color",
14068
13984
  "$extensions": {
14069
13985
  "org.primer.figma": {
@@ -14076,11 +13992,11 @@
14076
13992
  }
14077
13993
  }
14078
13994
  },
14079
- "alpha": 0.4,
13995
+ "alpha": 0.1,
14080
13996
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14081
13997
  "isSource": true,
14082
13998
  "original": {
14083
- "value": "{base.color.neutral.4}",
13999
+ "value": "{bgColor.neutral.muted}",
14084
14000
  "$type": "color",
14085
14001
  "$extensions": {
14086
14002
  "org.primer.figma": {
@@ -14093,14 +14009,14 @@
14093
14009
  }
14094
14010
  }
14095
14011
  },
14096
- "alpha": 0.4
14012
+ "alpha": 0.1
14097
14013
  },
14098
14014
  "name": "bgColor-closed-muted",
14099
14015
  "attributes": {},
14100
14016
  "path": ["bgColor", "closed", "muted"]
14101
14017
  },
14102
14018
  "bgColor-closed-emphasis": {
14103
- "value": "#6e7681",
14019
+ "value": "#656c76",
14104
14020
  "$type": "color",
14105
14021
  "$extensions": {
14106
14022
  "org.primer.figma": {
@@ -14116,7 +14032,7 @@
14116
14032
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14117
14033
  "isSource": true,
14118
14034
  "original": {
14119
- "value": "{base.color.neutral.4}",
14035
+ "value": "{bgColor.neutral.emphasis}",
14120
14036
  "$type": "color",
14121
14037
  "$extensions": {
14122
14038
  "org.primer.figma": {
@@ -14351,7 +14267,7 @@
14351
14267
  "path": ["bgColor", "sponsors", "emphasis"]
14352
14268
  },
14353
14269
  "borderColor-default": {
14354
- "value": "#30363d",
14270
+ "value": "#3d444d",
14355
14271
  "$type": "color",
14356
14272
  "$extensions": {
14357
14273
  "org.primer.figma": {
@@ -14367,7 +14283,7 @@
14367
14283
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14368
14284
  "isSource": true,
14369
14285
  "original": {
14370
- "value": "{base.color.neutral.6}",
14286
+ "value": "{base.color.neutral.7}",
14371
14287
  "$type": "color",
14372
14288
  "$extensions": {
14373
14289
  "org.primer.figma": {
@@ -14386,7 +14302,7 @@
14386
14302
  "path": ["borderColor", "default"]
14387
14303
  },
14388
14304
  "borderColor-muted": {
14389
- "value": "#30363db3",
14305
+ "value": "#3d444db3",
14390
14306
  "$type": "color",
14391
14307
  "$extensions": {
14392
14308
  "org.primer.figma": {
@@ -14423,7 +14339,7 @@
14423
14339
  "path": ["borderColor", "muted"]
14424
14340
  },
14425
14341
  "borderColor-emphasis": {
14426
- "value": "#484f58",
14342
+ "value": "#656c76",
14427
14343
  "$type": "color",
14428
14344
  "$extensions": {
14429
14345
  "org.primer.figma": {
@@ -14436,7 +14352,7 @@
14436
14352
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14437
14353
  "isSource": true,
14438
14354
  "original": {
14439
- "value": "{base.color.neutral.5}",
14355
+ "value": "{base.color.neutral.8}",
14440
14356
  "$type": "color",
14441
14357
  "$extensions": {
14442
14358
  "org.primer.figma": {
@@ -14452,7 +14368,7 @@
14452
14368
  "path": ["borderColor", "emphasis"]
14453
14369
  },
14454
14370
  "borderColor-disabled": {
14455
- "value": "#21262db3",
14371
+ "value": "#656c761a",
14456
14372
  "$type": "color",
14457
14373
  "$extensions": {
14458
14374
  "org.primer.figma": {
@@ -14462,10 +14378,11 @@
14462
14378
  "scopes": ["borderColor"]
14463
14379
  }
14464
14380
  },
14381
+ "alpha": 0.1,
14465
14382
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14466
14383
  "isSource": true,
14467
14384
  "original": {
14468
- "value": "{bgColor.disabled}",
14385
+ "value": "{base.color.neutral.8}",
14469
14386
  "$type": "color",
14470
14387
  "$extensions": {
14471
14388
  "org.primer.figma": {
@@ -14474,7 +14391,8 @@
14474
14391
  "group": "semantic",
14475
14392
  "scopes": ["borderColor"]
14476
14393
  }
14477
- }
14394
+ },
14395
+ "alpha": 0.1
14478
14396
  },
14479
14397
  "name": "borderColor-disabled",
14480
14398
  "attributes": {},
@@ -14524,7 +14442,7 @@
14524
14442
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14525
14443
  "isSource": true,
14526
14444
  "original": {
14527
- "value": "{base.color.white}",
14445
+ "value": "{base.color.neutral.13}",
14528
14446
  "$type": "color",
14529
14447
  "$extensions": {
14530
14448
  "org.primer.figma": {
@@ -14541,7 +14459,7 @@
14541
14459
  "path": ["borderColor", "translucent"]
14542
14460
  },
14543
14461
  "borderColor-neutral-muted": {
14544
- "value": "#6e768166",
14462
+ "value": "#3d444db3",
14545
14463
  "$type": "color",
14546
14464
  "$extensions": {
14547
14465
  "org.primer.figma": {
@@ -14551,11 +14469,10 @@
14551
14469
  "scopes": ["borderColor"]
14552
14470
  }
14553
14471
  },
14554
- "alpha": 0.4,
14555
14472
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14556
14473
  "isSource": true,
14557
14474
  "original": {
14558
- "value": "{base.color.neutral.4}",
14475
+ "value": "{borderColor.muted}",
14559
14476
  "$type": "color",
14560
14477
  "$extensions": {
14561
14478
  "org.primer.figma": {
@@ -14564,15 +14481,14 @@
14564
14481
  "group": "semantic",
14565
14482
  "scopes": ["borderColor"]
14566
14483
  }
14567
- },
14568
- "alpha": 0.4
14484
+ }
14569
14485
  },
14570
14486
  "name": "borderColor-neutral-muted",
14571
14487
  "attributes": {},
14572
14488
  "path": ["borderColor", "neutral", "muted"]
14573
14489
  },
14574
14490
  "borderColor-neutral-emphasis": {
14575
- "value": "#6e7681",
14491
+ "value": "#656c76",
14576
14492
  "$type": "color",
14577
14493
  "$extensions": {
14578
14494
  "org.primer.figma": {
@@ -14585,7 +14501,7 @@
14585
14501
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14586
14502
  "isSource": true,
14587
14503
  "original": {
14588
- "value": "{base.color.neutral.4}",
14504
+ "value": "{borderColor.emphasis}",
14589
14505
  "$type": "color",
14590
14506
  "$extensions": {
14591
14507
  "org.primer.figma": {
@@ -15033,7 +14949,7 @@
15033
14949
  "path": ["borderColor", "danger", "emphasis"]
15034
14950
  },
15035
14951
  "borderColor-closed-muted": {
15036
- "value": "#6e768166",
14952
+ "value": "#3d444d66",
15037
14953
  "$type": "color",
15038
14954
  "$extensions": {
15039
14955
  "org.primer.figma": {
@@ -15050,7 +14966,7 @@
15050
14966
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
15051
14967
  "isSource": true,
15052
14968
  "original": {
15053
- "value": "{base.color.neutral.4}",
14969
+ "value": "{borderColor.muted}",
15054
14970
  "$type": "color",
15055
14971
  "$extensions": {
15056
14972
  "org.primer.figma": {
@@ -15070,7 +14986,7 @@
15070
14986
  "path": ["borderColor", "closed", "muted"]
15071
14987
  },
15072
14988
  "borderColor-closed-emphasis": {
15073
- "value": "#6e7681",
14989
+ "value": "#656c76",
15074
14990
  "$type": "color",
15075
14991
  "$extensions": {
15076
14992
  "org.primer.figma": {
@@ -15086,7 +15002,7 @@
15086
15002
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
15087
15003
  "isSource": true,
15088
15004
  "original": {
15089
- "value": "{base.color.neutral.4}",
15005
+ "value": "{borderColor.emphasis}",
15090
15006
  "$type": "color",
15091
15007
  "$extensions": {
15092
15008
  "org.primer.figma": {
@@ -15321,7 +15237,7 @@
15321
15237
  "path": ["borderColor", "sponsors", "emphasis"]
15322
15238
  },
15323
15239
  "color-ansi-black": {
15324
- "value": "#484f58",
15240
+ "value": "#2f3742",
15325
15241
  "$type": "color",
15326
15242
  "$extensions": {
15327
15243
  "org.primer.figma": {
@@ -15333,7 +15249,7 @@
15333
15249
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15334
15250
  "isSource": true,
15335
15251
  "original": {
15336
- "value": "{base.color.neutral.5}",
15252
+ "value": "{base.color.neutral.6}",
15337
15253
  "$type": "color",
15338
15254
  "$extensions": {
15339
15255
  "org.primer.figma": {
@@ -15348,7 +15264,7 @@
15348
15264
  "path": ["color", "ansi", "black"]
15349
15265
  },
15350
15266
  "color-ansi-black-bright": {
15351
- "value": "#6e7681",
15267
+ "value": "#656c76",
15352
15268
  "$type": "color",
15353
15269
  "$extensions": {
15354
15270
  "org.primer.figma": {
@@ -15360,7 +15276,7 @@
15360
15276
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15361
15277
  "isSource": true,
15362
15278
  "original": {
15363
- "value": "{base.color.neutral.4}",
15279
+ "value": "{base.color.neutral.8}",
15364
15280
  "$type": "color",
15365
15281
  "$extensions": {
15366
15282
  "org.primer.figma": {
@@ -15375,7 +15291,7 @@
15375
15291
  "path": ["color", "ansi", "black-bright"]
15376
15292
  },
15377
15293
  "color-ansi-white": {
15378
- "value": "#b1bac4",
15294
+ "value": "#f0f6fc",
15379
15295
  "$type": "color",
15380
15296
  "$extensions": {
15381
15297
  "org.primer.figma": {
@@ -15387,7 +15303,7 @@
15387
15303
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15388
15304
  "isSource": true,
15389
15305
  "original": {
15390
- "value": "{base.color.neutral.2}",
15306
+ "value": "{base.color.neutral.12}",
15391
15307
  "$type": "color",
15392
15308
  "$extensions": {
15393
15309
  "org.primer.figma": {
@@ -15414,7 +15330,7 @@
15414
15330
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15415
15331
  "isSource": true,
15416
15332
  "original": {
15417
- "value": "{base.color.white}",
15333
+ "value": "{base.color.neutral.13}",
15418
15334
  "$type": "color",
15419
15335
  "$extensions": {
15420
15336
  "org.primer.figma": {
@@ -15429,7 +15345,7 @@
15429
15345
  "path": ["color", "ansi", "white-bright"]
15430
15346
  },
15431
15347
  "color-ansi-gray": {
15432
- "value": "#6e7681",
15348
+ "value": "#656c76",
15433
15349
  "$type": "color",
15434
15350
  "$extensions": {
15435
15351
  "org.primer.figma": {
@@ -15441,7 +15357,7 @@
15441
15357
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15442
15358
  "isSource": true,
15443
15359
  "original": {
15444
- "value": "{base.color.neutral.4}",
15360
+ "value": "{base.color.neutral.8}",
15445
15361
  "$type": "color",
15446
15362
  "$extensions": {
15447
15363
  "org.primer.figma": {
@@ -15780,7 +15696,7 @@
15780
15696
  "path": ["color", "ansi", "cyan-bright"]
15781
15697
  },
15782
15698
  "color-prettylights-syntax-comment": {
15783
- "value": "#8b949e",
15699
+ "value": "#9198a1",
15784
15700
  "$type": "color",
15785
15701
  "$extensions": {
15786
15702
  "org.primer.figma": {
@@ -15792,7 +15708,7 @@
15792
15708
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15793
15709
  "isSource": true,
15794
15710
  "original": {
15795
- "value": "{base.color.neutral.3}",
15711
+ "value": "{base.color.neutral.9}",
15796
15712
  "$type": "color",
15797
15713
  "$extensions": {
15798
15714
  "org.primer.figma": {
@@ -15888,7 +15804,7 @@
15888
15804
  "path": ["color", "prettylights", "syntax", "entity"]
15889
15805
  },
15890
15806
  "color-prettylights-syntax-storage-modifier-import": {
15891
- "value": "#c9d1d9",
15807
+ "value": "#f0f6fc",
15892
15808
  "$type": "color",
15893
15809
  "$extensions": {
15894
15810
  "org.primer.figma": {
@@ -15900,7 +15816,7 @@
15900
15816
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15901
15817
  "isSource": true,
15902
15818
  "original": {
15903
- "value": "{base.color.neutral.1}",
15819
+ "value": "{base.color.neutral.12}",
15904
15820
  "$type": "color",
15905
15821
  "$extensions": {
15906
15822
  "org.primer.figma": {
@@ -16050,7 +15966,7 @@
16050
15966
  "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
16051
15967
  },
16052
15968
  "color-prettylights-syntax-brackethighlighter-angle": {
16053
- "value": "#8b949e",
15969
+ "value": "#9198a1",
16054
15970
  "$type": "color",
16055
15971
  "$extensions": {
16056
15972
  "org.primer.figma": {
@@ -16062,7 +15978,7 @@
16062
15978
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16063
15979
  "isSource": true,
16064
15980
  "original": {
16065
- "value": "{base.color.neutral.3}",
15981
+ "value": "{base.color.neutral.9}",
16066
15982
  "$type": "color",
16067
15983
  "$extensions": {
16068
15984
  "org.primer.figma": {
@@ -16089,7 +16005,7 @@
16089
16005
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16090
16006
  "isSource": true,
16091
16007
  "original": {
16092
- "value": "{base.color.neutral.0}",
16008
+ "value": "{base.color.neutral.12}",
16093
16009
  "$type": "color",
16094
16010
  "$extensions": {
16095
16011
  "org.primer.figma": {
@@ -16143,7 +16059,7 @@
16143
16059
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16144
16060
  "isSource": true,
16145
16061
  "original": {
16146
- "value": "{base.color.neutral.0}",
16062
+ "value": "{base.color.neutral.12}",
16147
16063
  "$type": "color",
16148
16064
  "$extensions": {
16149
16065
  "org.primer.figma": {
@@ -16266,7 +16182,7 @@
16266
16182
  "path": ["color", "prettylights", "syntax", "markup", "heading"]
16267
16183
  },
16268
16184
  "color-prettylights-syntax-markup-italic": {
16269
- "value": "#c9d1d9",
16185
+ "value": "#f0f6fc",
16270
16186
  "$type": "color",
16271
16187
  "$extensions": {
16272
16188
  "org.primer.figma": {
@@ -16278,7 +16194,7 @@
16278
16194
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16279
16195
  "isSource": true,
16280
16196
  "original": {
16281
- "value": "{base.color.neutral.1}",
16197
+ "value": "{base.color.neutral.12}",
16282
16198
  "$type": "color",
16283
16199
  "$extensions": {
16284
16200
  "org.primer.figma": {
@@ -16293,7 +16209,7 @@
16293
16209
  "path": ["color", "prettylights", "syntax", "markup", "italic"]
16294
16210
  },
16295
16211
  "color-prettylights-syntax-markup-bold": {
16296
- "value": "#c9d1d9",
16212
+ "value": "#f0f6fc",
16297
16213
  "$type": "color",
16298
16214
  "$extensions": {
16299
16215
  "org.primer.figma": {
@@ -16305,7 +16221,7 @@
16305
16221
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16306
16222
  "isSource": true,
16307
16223
  "original": {
16308
- "value": "{base.color.neutral.1}",
16224
+ "value": "{base.color.neutral.12}",
16309
16225
  "$type": "color",
16310
16226
  "$extensions": {
16311
16227
  "org.primer.figma": {
@@ -16482,7 +16398,7 @@
16482
16398
  "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
16483
16399
  },
16484
16400
  "color-prettylights-syntax-markup-ignored-text": {
16485
- "value": "#c9d1d9",
16401
+ "value": "#f0f6fc",
16486
16402
  "$type": "color",
16487
16403
  "$extensions": {
16488
16404
  "org.primer.figma": {
@@ -16494,7 +16410,7 @@
16494
16410
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16495
16411
  "isSource": true,
16496
16412
  "original": {
16497
- "value": "{base.color.neutral.1}",
16413
+ "value": "{base.color.neutral.12}",
16498
16414
  "$type": "color",
16499
16415
  "$extensions": {
16500
16416
  "org.primer.figma": {
@@ -16563,7 +16479,7 @@
16563
16479
  "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
16564
16480
  },
16565
16481
  "color-prettylights-syntax-sublimelinter-gutter-mark": {
16566
- "value": "#484f58",
16482
+ "value": "#3d444d",
16567
16483
  "$type": "color",
16568
16484
  "$extensions": {
16569
16485
  "org.primer.figma": {
@@ -16575,7 +16491,7 @@
16575
16491
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16576
16492
  "isSource": true,
16577
16493
  "original": {
16578
- "value": "{base.color.neutral.5}",
16494
+ "value": "{base.color.neutral.7}",
16579
16495
  "$type": "color",
16580
16496
  "$extensions": {
16581
16497
  "org.primer.figma": {
@@ -16603,7 +16519,7 @@
16603
16519
  "isSource": true,
16604
16520
  "original": {
16605
16521
  "value": {
16606
- "color": "{base.color.black}",
16522
+ "color": "{base.color.neutral.0}",
16607
16523
  "alpha": 0.24,
16608
16524
  "offsetX": "0px",
16609
16525
  "offsetY": "1px",
@@ -16638,7 +16554,7 @@
16638
16554
  "isSource": true,
16639
16555
  "original": {
16640
16556
  "value": {
16641
- "color": "{base.color.black}",
16557
+ "color": "{base.color.neutral.0}",
16642
16558
  "alpha": 0.8,
16643
16559
  "offsetX": "0px",
16644
16560
  "offsetY": "1px",
@@ -16674,7 +16590,7 @@
16674
16590
  "original": {
16675
16591
  "value": [
16676
16592
  {
16677
- "color": "{base.color.black}",
16593
+ "color": "{base.color.neutral.0}",
16678
16594
  "alpha": 0.4,
16679
16595
  "offsetX": "0px",
16680
16596
  "offsetY": "1px",
@@ -16711,7 +16627,7 @@
16711
16627
  "original": {
16712
16628
  "value": [
16713
16629
  {
16714
- "color": "{base.color.black}",
16630
+ "color": "{base.color.neutral.0}",
16715
16631
  "alpha": 0.8,
16716
16632
  "offsetX": "0px",
16717
16633
  "offsetY": "3px",
@@ -16733,7 +16649,7 @@
16733
16649
  "path": ["shadow", "resting", "medium"]
16734
16650
  },
16735
16651
  "shadow-floating-small": {
16736
- "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
16652
+ "value": "0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
16737
16653
  "$type": "shadow",
16738
16654
  "$extensions": {
16739
16655
  "org.primer.figma": {
@@ -16755,7 +16671,7 @@
16755
16671
  "spread": "1px"
16756
16672
  },
16757
16673
  {
16758
- "color": "{base.color.black}",
16674
+ "color": "{base.color.neutral.0}",
16759
16675
  "alpha": 0.4,
16760
16676
  "offsetX": "0px",
16761
16677
  "offsetY": "6px",
@@ -16763,7 +16679,7 @@
16763
16679
  "spread": "-3px"
16764
16680
  },
16765
16681
  {
16766
- "color": "{base.color.black}",
16682
+ "color": "{base.color.neutral.0}",
16767
16683
  "alpha": 0.4,
16768
16684
  "offsetX": "0px",
16769
16685
  "offsetY": "6px",
@@ -16785,7 +16701,7 @@
16785
16701
  "path": ["shadow", "floating", "small"]
16786
16702
  },
16787
16703
  "shadow-floating-medium": {
16788
- "value": "0px 0px 0px 1px #30363d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
16704
+ "value": "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
16789
16705
  "$type": "shadow",
16790
16706
  "$extensions": {
16791
16707
  "org.primer.figma": {
@@ -16807,7 +16723,7 @@
16807
16723
  "spread": "1px"
16808
16724
  },
16809
16725
  {
16810
- "color": "{base.color.black}",
16726
+ "color": "{base.color.neutral.0}",
16811
16727
  "alpha": 0.4,
16812
16728
  "offsetX": "0px",
16813
16729
  "offsetY": "8px",
@@ -16815,7 +16731,7 @@
16815
16731
  "spread": "-4px"
16816
16732
  },
16817
16733
  {
16818
- "color": "{base.color.black}",
16734
+ "color": "{base.color.neutral.0}",
16819
16735
  "alpha": 0.4,
16820
16736
  "offsetX": "0px",
16821
16737
  "offsetY": "4px",
@@ -16823,7 +16739,7 @@
16823
16739
  "spread": "-4px"
16824
16740
  },
16825
16741
  {
16826
- "color": "{base.color.black}",
16742
+ "color": "{base.color.neutral.0}",
16827
16743
  "alpha": 0.4,
16828
16744
  "offsetX": "0px",
16829
16745
  "offsetY": "24px",
@@ -16831,7 +16747,7 @@
16831
16747
  "spread": "-12px"
16832
16748
  },
16833
16749
  {
16834
- "color": "{base.color.black}",
16750
+ "color": "{base.color.neutral.0}",
16835
16751
  "alpha": 0.4,
16836
16752
  "offsetX": "0px",
16837
16753
  "offsetY": "48px",
@@ -16853,7 +16769,7 @@
16853
16769
  "path": ["shadow", "floating", "medium"]
16854
16770
  },
16855
16771
  "shadow-floating-large": {
16856
- "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409",
16772
+ "value": "0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409",
16857
16773
  "$type": "shadow",
16858
16774
  "$extensions": {
16859
16775
  "org.primer.figma": {
@@ -16875,7 +16791,7 @@
16875
16791
  "spread": "1px"
16876
16792
  },
16877
16793
  {
16878
- "color": "{base.color.black}",
16794
+ "color": "{base.color.neutral.0}",
16879
16795
  "alpha": 1,
16880
16796
  "offsetX": "0px",
16881
16797
  "offsetY": "24px",
@@ -16897,7 +16813,7 @@
16897
16813
  "path": ["shadow", "floating", "large"]
16898
16814
  },
16899
16815
  "shadow-floating-xlarge": {
16900
- "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409",
16816
+ "value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
16901
16817
  "$type": "shadow",
16902
16818
  "$extensions": {
16903
16819
  "org.primer.figma": {
@@ -16919,7 +16835,7 @@
16919
16835
  "spread": "1px"
16920
16836
  },
16921
16837
  {
16922
- "color": "{base.color.black}",
16838
+ "color": "{base.color.neutral.0}",
16923
16839
  "alpha": 1,
16924
16840
  "offsetX": "0px",
16925
16841
  "offsetY": "32px",
@@ -16955,7 +16871,7 @@
16955
16871
  "original": {
16956
16872
  "value": [
16957
16873
  {
16958
- "color": "{base.color.black}",
16874
+ "color": "{base.color.neutral.0}",
16959
16875
  "alpha": 0.4,
16960
16876
  "offsetX": "0px",
16961
16877
  "offsetY": "6px",
@@ -16963,7 +16879,7 @@
16963
16879
  "spread": "-3px"
16964
16880
  },
16965
16881
  {
16966
- "color": "{base.color.black}",
16882
+ "color": "{base.color.neutral.0}",
16967
16883
  "alpha": 0.4,
16968
16884
  "offsetX": "0px",
16969
16885
  "offsetY": "6px",