@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": {
@@ -6852,7 +6788,7 @@
6852
6788
  "path": ["button", "primary", "bgColor", "disabled"]
6853
6789
  },
6854
6790
  "button-primary-borderColor-rest": {
6855
- "value": "#f0f6fc1a",
6791
+ "value": "#ffffff1a",
6856
6792
  "$type": "color",
6857
6793
  "$extensions": {
6858
6794
  "org.primer.figma": {
@@ -6866,7 +6802,7 @@
6866
6802
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
6867
6803
  "isSource": true,
6868
6804
  "original": {
6869
- "value": "{base.color.neutral.0}",
6805
+ "value": "{base.color.neutral.13}",
6870
6806
  "$type": "color",
6871
6807
  "$extensions": {
6872
6808
  "org.primer.figma": {
@@ -6883,7 +6819,7 @@
6883
6819
  "path": ["button", "primary", "borderColor", "rest"]
6884
6820
  },
6885
6821
  "button-primary-borderColor-hover": {
6886
- "value": "#f0f6fc1a",
6822
+ "value": "#ffffff1a",
6887
6823
  "$type": "color",
6888
6824
  "$extensions": {
6889
6825
  "org.primer.figma": {
@@ -6912,7 +6848,7 @@
6912
6848
  "path": ["button", "primary", "borderColor", "hover"]
6913
6849
  },
6914
6850
  "button-primary-borderColor-active": {
6915
- "value": "#f0f6fc1a",
6851
+ "value": "#ffffff1a",
6916
6852
  "$type": "color",
6917
6853
  "$extensions": {
6918
6854
  "org.primer.figma": {
@@ -7007,7 +6943,7 @@
7007
6943
  "path": ["button", "primary", "shadow", "selected"]
7008
6944
  },
7009
6945
  "button-invisible-fgColor-rest": {
7010
- "value": "#4493f8",
6946
+ "value": "#9198a1",
7011
6947
  "$type": "color",
7012
6948
  "$extensions": {
7013
6949
  "org.primer.figma": {
@@ -7020,7 +6956,7 @@
7020
6956
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7021
6957
  "isSource": true,
7022
6958
  "original": {
7023
- "value": "{fgColor.accent}",
6959
+ "value": "{fgColor.muted}",
7024
6960
  "$type": "color",
7025
6961
  "$extensions": {
7026
6962
  "org.primer.figma": {
@@ -7036,7 +6972,7 @@
7036
6972
  "path": ["button", "invisible", "fgColor", "rest"]
7037
6973
  },
7038
6974
  "button-invisible-fgColor-hover": {
7039
- "value": "#58a6ff",
6975
+ "value": "#9198a1",
7040
6976
  "$type": "color",
7041
6977
  "$extensions": {
7042
6978
  "org.primer.figma": {
@@ -7049,7 +6985,7 @@
7049
6985
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7050
6986
  "isSource": true,
7051
6987
  "original": {
7052
- "value": "{base.color.blue.3}",
6988
+ "value": "{fgColor.muted}",
7053
6989
  "$type": "color",
7054
6990
  "$extensions": {
7055
6991
  "org.primer.figma": {
@@ -7065,7 +7001,7 @@
7065
7001
  "path": ["button", "invisible", "fgColor", "hover"]
7066
7002
  },
7067
7003
  "button-invisible-fgColor-disabled": {
7068
- "value": "#6e7681",
7004
+ "value": "#656c7699",
7069
7005
  "$type": "color",
7070
7006
  "$extensions": {
7071
7007
  "org.primer.figma": {
@@ -7094,7 +7030,7 @@
7094
7030
  "path": ["button", "invisible", "fgColor", "disabled"]
7095
7031
  },
7096
7032
  "button-invisible-iconColor-rest": {
7097
- "value": "#8d96a0",
7033
+ "value": "#9198a1",
7098
7034
  "$type": "color",
7099
7035
  "$extensions": {
7100
7036
  "org.primer.figma": {
@@ -7123,7 +7059,7 @@
7123
7059
  "path": ["button", "invisible", "iconColor", "rest"]
7124
7060
  },
7125
7061
  "button-invisible-iconColor-hover": {
7126
- "value": "#e6edf3",
7062
+ "value": "#9198a1",
7127
7063
  "$type": "color",
7128
7064
  "$extensions": {
7129
7065
  "org.primer.figma": {
@@ -7136,7 +7072,7 @@
7136
7072
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7137
7073
  "isSource": true,
7138
7074
  "original": {
7139
- "value": "{fgColor.default}",
7075
+ "value": "{fgColor.muted}",
7140
7076
  "$type": "color",
7141
7077
  "$extensions": {
7142
7078
  "org.primer.figma": {
@@ -7152,7 +7088,7 @@
7152
7088
  "path": ["button", "invisible", "iconColor", "hover"]
7153
7089
  },
7154
7090
  "button-invisible-iconColor-disabled": {
7155
- "value": "#6e7681",
7091
+ "value": "#656c7699",
7156
7092
  "$type": "color",
7157
7093
  "$extensions": {
7158
7094
  "org.primer.figma": {
@@ -7210,7 +7146,7 @@
7210
7146
  "path": ["button", "invisible", "bgColor", "rest"]
7211
7147
  },
7212
7148
  "button-invisible-bgColor-hover": {
7213
- "value": "#b1bac41f",
7149
+ "value": "#656c7633",
7214
7150
  "$type": "color",
7215
7151
  "$extensions": {
7216
7152
  "org.primer.figma": {
@@ -7239,7 +7175,7 @@
7239
7175
  "path": ["button", "invisible", "bgColor", "hover"]
7240
7176
  },
7241
7177
  "button-invisible-bgColor-active": {
7242
- "value": "#b1bac433",
7178
+ "value": "#656c7640",
7243
7179
  "$type": "color",
7244
7180
  "$extensions": {
7245
7181
  "org.primer.figma": {
@@ -7268,7 +7204,7 @@
7268
7204
  "path": ["button", "invisible", "bgColor", "active"]
7269
7205
  },
7270
7206
  "button-invisible-bgColor-disabled": {
7271
- "value": "#21262db3",
7207
+ "value": "#212830",
7272
7208
  "$type": "color",
7273
7209
  "$extensions": {
7274
7210
  "org.primer.figma": {
@@ -7355,7 +7291,7 @@
7355
7291
  "path": ["button", "invisible", "borderColor", "hover"]
7356
7292
  },
7357
7293
  "button-invisible-borderColor-disabled": {
7358
- "value": "#21262db3",
7294
+ "value": "#656c761a",
7359
7295
  "$type": "color",
7360
7296
  "$extensions": {
7361
7297
  "org.primer.figma": {
@@ -7455,7 +7391,7 @@
7455
7391
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7456
7392
  "isSource": true,
7457
7393
  "original": {
7458
- "value": "{base.color.white}",
7394
+ "value": "{base.color.neutral.13}",
7459
7395
  "$type": "color",
7460
7396
  "$extensions": {
7461
7397
  "org.primer.figma": {
@@ -7515,7 +7451,7 @@
7515
7451
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7516
7452
  "isSource": true,
7517
7453
  "original": {
7518
- "value": "{base.color.neutral.0}",
7454
+ "value": "{base.color.neutral.12}",
7519
7455
  "$type": "color",
7520
7456
  "$extensions": {
7521
7457
  "org.primer.figma": {
@@ -7531,7 +7467,7 @@
7531
7467
  "path": ["button", "outline", "bgColor", "rest"]
7532
7468
  },
7533
7469
  "button-outline-bgColor-hover": {
7534
- "value": "#30363d",
7470
+ "value": "#262c36",
7535
7471
  "$type": "color",
7536
7472
  "$extensions": {
7537
7473
  "org.primer.figma": {
@@ -7544,7 +7480,7 @@
7544
7480
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7545
7481
  "isSource": true,
7546
7482
  "original": {
7547
- "value": "{base.color.neutral.6}",
7483
+ "value": "{control.bgColor.hover}",
7548
7484
  "$type": "color",
7549
7485
  "$extensions": {
7550
7486
  "org.primer.figma": {
@@ -7589,7 +7525,7 @@
7589
7525
  "path": ["button", "outline", "bgColor", "active"]
7590
7526
  },
7591
7527
  "button-outline-bgColor-disabled": {
7592
- "value": "#0d1117",
7528
+ "value": "#212830",
7593
7529
  "$type": "color",
7594
7530
  "$extensions": {
7595
7531
  "org.primer.figma": {
@@ -7602,7 +7538,7 @@
7602
7538
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7603
7539
  "isSource": true,
7604
7540
  "original": {
7605
- "value": "{base.color.neutral.9}",
7541
+ "value": "{control.bgColor.disabled}",
7606
7542
  "$type": "color",
7607
7543
  "$extensions": {
7608
7544
  "org.primer.figma": {
@@ -7618,7 +7554,7 @@
7618
7554
  "path": ["button", "outline", "bgColor", "disabled"]
7619
7555
  },
7620
7556
  "button-outline-borderColor-hover": {
7621
- "value": "#f0f6fc1a",
7557
+ "value": "#3d444d",
7622
7558
  "$type": "color",
7623
7559
  "$extensions": {
7624
7560
  "org.primer.figma": {
@@ -7628,11 +7564,10 @@
7628
7564
  "scopes": ["borderColor"]
7629
7565
  }
7630
7566
  },
7631
- "alpha": 0.1,
7632
7567
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7633
7568
  "isSource": true,
7634
7569
  "original": {
7635
- "value": "{base.color.neutral.0}",
7570
+ "value": "{button.default.borderColor.hover}",
7636
7571
  "$type": "color",
7637
7572
  "$extensions": {
7638
7573
  "org.primer.figma": {
@@ -7641,15 +7576,14 @@
7641
7576
  "group": "component (internal)",
7642
7577
  "scopes": ["borderColor"]
7643
7578
  }
7644
- },
7645
- "alpha": 0.1
7579
+ }
7646
7580
  },
7647
7581
  "name": "button-outline-borderColor-hover",
7648
7582
  "attributes": {},
7649
7583
  "path": ["button", "outline", "borderColor", "hover"]
7650
7584
  },
7651
7585
  "button-outline-borderColor-selected": {
7652
- "value": "#f0f6fc1a",
7586
+ "value": "#3d444d",
7653
7587
  "$type": "color",
7654
7588
  "$extensions": {
7655
7589
  "org.primer.figma": {
@@ -7757,7 +7691,7 @@
7757
7691
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7758
7692
  "isSource": true,
7759
7693
  "original": {
7760
- "value": "{base.color.white}",
7694
+ "value": "{base.color.neutral.13}",
7761
7695
  "$type": "color",
7762
7696
  "$extensions": {
7763
7697
  "org.primer.figma": {
@@ -7786,7 +7720,7 @@
7786
7720
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7787
7721
  "isSource": true,
7788
7722
  "original": {
7789
- "value": "{base.color.white}",
7723
+ "value": "{base.color.neutral.13}",
7790
7724
  "$type": "color",
7791
7725
  "$extensions": {
7792
7726
  "org.primer.figma": {
@@ -7875,7 +7809,7 @@
7875
7809
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
7876
7810
  "isSource": true,
7877
7811
  "original": {
7878
- "value": "{base.color.white}",
7812
+ "value": "{base.color.neutral.13}",
7879
7813
  "$type": "color",
7880
7814
  "$extensions": {
7881
7815
  "org.primer.figma": {
@@ -7891,7 +7825,7 @@
7891
7825
  "path": ["button", "danger", "iconColor", "hover"]
7892
7826
  },
7893
7827
  "button-danger-bgColor-rest": {
7894
- "value": "#21262d",
7828
+ "value": "#212830",
7895
7829
  "$type": "color",
7896
7830
  "$extensions": {
7897
7831
  "org.primer.figma": {
@@ -7986,7 +7920,7 @@
7986
7920
  "path": ["button", "danger", "bgColor", "active"]
7987
7921
  },
7988
7922
  "button-danger-bgColor-disabled": {
7989
- "value": "#21262db3",
7923
+ "value": "#212830",
7990
7924
  "$type": "color",
7991
7925
  "$extensions": {
7992
7926
  "org.primer.figma": {
@@ -8015,7 +7949,7 @@
8015
7949
  "path": ["button", "danger", "bgColor", "disabled"]
8016
7950
  },
8017
7951
  "button-danger-borderColor-rest": {
8018
- "value": "#30363d",
7952
+ "value": "#3d444d",
8019
7953
  "$type": "color",
8020
7954
  "$extensions": {
8021
7955
  "org.primer.figma": {
@@ -8028,7 +7962,7 @@
8028
7962
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8029
7963
  "isSource": true,
8030
7964
  "original": {
8031
- "value": "{borderColor.default}",
7965
+ "value": "{control.borderColor.rest}",
8032
7966
  "$type": "color",
8033
7967
  "$extensions": {
8034
7968
  "org.primer.figma": {
@@ -8044,7 +7978,7 @@
8044
7978
  "path": ["button", "danger", "borderColor", "rest"]
8045
7979
  },
8046
7980
  "button-danger-borderColor-hover": {
8047
- "value": "#f0f6fc1a",
7981
+ "value": "#ffffff1a",
8048
7982
  "$type": "color",
8049
7983
  "$extensions": {
8050
7984
  "org.primer.figma": {
@@ -8054,11 +7988,10 @@
8054
7988
  "scopes": ["borderColor"]
8055
7989
  }
8056
7990
  },
8057
- "alpha": 0.1,
8058
7991
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8059
7992
  "isSource": true,
8060
7993
  "original": {
8061
- "value": "{base.color.neutral.0}",
7994
+ "value": "{button.primary.borderColor.rest}",
8062
7995
  "$type": "color",
8063
7996
  "$extensions": {
8064
7997
  "org.primer.figma": {
@@ -8067,15 +8000,14 @@
8067
8000
  "group": "component (internal)",
8068
8001
  "scopes": ["borderColor"]
8069
8002
  }
8070
- },
8071
- "alpha": 0.1
8003
+ }
8072
8004
  },
8073
8005
  "name": "button-danger-borderColor-hover",
8074
8006
  "attributes": {},
8075
8007
  "path": ["button", "danger", "borderColor", "hover"]
8076
8008
  },
8077
8009
  "button-danger-borderColor-active": {
8078
- "value": "#f0f6fc1a",
8010
+ "value": "#ffffff1a",
8079
8011
  "$type": "color",
8080
8012
  "$extensions": {
8081
8013
  "org.primer.figma": {
@@ -8141,7 +8073,7 @@
8141
8073
  "path": ["button", "danger", "shadow", "selected"]
8142
8074
  },
8143
8075
  "button-inactive-fgColor": {
8144
- "value": "#8b949e",
8076
+ "value": "#9198a1",
8145
8077
  "$type": "color",
8146
8078
  "$extensions": {
8147
8079
  "org.primer.figma": {
@@ -8154,7 +8086,7 @@
8154
8086
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8155
8087
  "isSource": true,
8156
8088
  "original": {
8157
- "value": "{base.color.neutral.3}",
8089
+ "value": "{base.color.neutral.9}",
8158
8090
  "$type": "color",
8159
8091
  "$extensions": {
8160
8092
  "org.primer.figma": {
@@ -8170,7 +8102,7 @@
8170
8102
  "path": ["button", "inactive", "fgColor"]
8171
8103
  },
8172
8104
  "button-inactive-bgColor": {
8173
- "value": "#21262d",
8105
+ "value": "#262c36",
8174
8106
  "$type": "color",
8175
8107
  "$extensions": {
8176
8108
  "org.primer.figma": {
@@ -8183,7 +8115,7 @@
8183
8115
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8184
8116
  "isSource": true,
8185
8117
  "original": {
8186
- "value": "{base.color.neutral.7}",
8118
+ "value": "{base.color.neutral.4}",
8187
8119
  "$type": "color",
8188
8120
  "$extensions": {
8189
8121
  "org.primer.figma": {
@@ -8228,7 +8160,7 @@
8228
8160
  "path": ["button", "star", "iconColor"]
8229
8161
  },
8230
8162
  "buttonCounter-default-bgColor-rest": {
8231
- "value": "#30363d",
8163
+ "value": "#2f3742",
8232
8164
  "$type": "color",
8233
8165
  "$extensions": {
8234
8166
  "org.primer.figma": {
@@ -8257,7 +8189,7 @@
8257
8189
  "path": ["buttonCounter", "default", "bgColor", "rest"]
8258
8190
  },
8259
8191
  "buttonCounter-invisible-bgColor-rest": {
8260
- "value": "#30363d",
8192
+ "value": "#2f3742",
8261
8193
  "$type": "color",
8262
8194
  "$extensions": {
8263
8195
  "org.primer.figma": {
@@ -8271,7 +8203,7 @@
8271
8203
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8272
8204
  "isSource": true,
8273
8205
  "original": {
8274
- "value": "{base.color.neutral.6}",
8206
+ "value": "{bgColor.neutral.muted}",
8275
8207
  "$type": "color",
8276
8208
  "$extensions": {
8277
8209
  "org.primer.figma": {
@@ -8515,7 +8447,7 @@
8515
8447
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8516
8448
  "isSource": true,
8517
8449
  "original": {
8518
- "value": "{base.color.white}",
8450
+ "value": "{base.color.neutral.13}",
8519
8451
  "$type": "color",
8520
8452
  "$extensions": {
8521
8453
  "org.primer.figma": {
@@ -8636,7 +8568,7 @@
8636
8568
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8637
8569
  "isSource": true,
8638
8570
  "original": {
8639
- "value": "{base.color.white}",
8571
+ "value": "{base.color.neutral.13}",
8640
8572
  "$type": "color",
8641
8573
  "$extensions": {
8642
8574
  "org.primer.figma": {
@@ -8840,7 +8772,7 @@
8840
8772
  "path": ["focus", "outlineColor"]
8841
8773
  },
8842
8774
  "menu-bgColor-active": {
8843
- "value": "#161b22",
8775
+ "value": "#151b23",
8844
8776
  "$type": "color",
8845
8777
  "$extensions": {
8846
8778
  "org.primer.figma": {
@@ -8853,7 +8785,7 @@
8853
8785
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8854
8786
  "isSource": true,
8855
8787
  "original": {
8856
- "value": "{base.color.neutral.8}",
8788
+ "value": "{base.color.neutral.2}",
8857
8789
  "$type": "color",
8858
8790
  "$extensions": {
8859
8791
  "org.primer.figma": {
@@ -8869,7 +8801,7 @@
8869
8801
  "path": ["menu", "bgColor", "active"]
8870
8802
  },
8871
8803
  "overlay-bgColor": {
8872
- "value": "#161b22",
8804
+ "value": "#151b23",
8873
8805
  "$type": "color",
8874
8806
  "$extensions": {
8875
8807
  "org.primer.figma": {
@@ -8882,7 +8814,7 @@
8882
8814
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8883
8815
  "isSource": true,
8884
8816
  "original": {
8885
- "value": "{base.color.neutral.8}",
8817
+ "value": "{bgColor.muted}",
8886
8818
  "$type": "color",
8887
8819
  "$extensions": {
8888
8820
  "org.primer.figma": {
@@ -8898,7 +8830,7 @@
8898
8830
  "path": ["overlay", "bgColor"]
8899
8831
  },
8900
8832
  "overlay-borderColor": {
8901
- "value": "#30363db3",
8833
+ "value": "#3d444db3",
8902
8834
  "$type": "color",
8903
8835
  "$extensions": {
8904
8836
  "org.primer.figma": {
@@ -8925,7 +8857,7 @@
8925
8857
  "path": ["overlay", "borderColor"]
8926
8858
  },
8927
8859
  "overlay-backdrop-bgColor": {
8928
- "value": "#161b2266",
8860
+ "value": "#21283066",
8929
8861
  "$type": "color",
8930
8862
  "$extensions": {
8931
8863
  "org.primer.figma": {
@@ -8939,7 +8871,7 @@
8939
8871
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8940
8872
  "isSource": true,
8941
8873
  "original": {
8942
- "value": "{base.color.neutral.8}",
8874
+ "value": "{base.color.neutral.3}",
8943
8875
  "$type": "color",
8944
8876
  "$extensions": {
8945
8877
  "org.primer.figma": {
@@ -8956,7 +8888,7 @@
8956
8888
  "path": ["overlay", "backdrop", "bgColor"]
8957
8889
  },
8958
8890
  "selectMenu-borderColor": {
8959
- "value": "#484f58",
8891
+ "value": "#3d444d",
8960
8892
  "$type": "color",
8961
8893
  "$extensions": {
8962
8894
  "org.primer.figma": {
@@ -8969,7 +8901,7 @@
8969
8901
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
8970
8902
  "isSource": true,
8971
8903
  "original": {
8972
- "value": "{base.color.neutral.5}",
8904
+ "value": "{borderColor.default}",
8973
8905
  "$type": "color",
8974
8906
  "$extensions": {
8975
8907
  "org.primer.figma": {
@@ -9014,7 +8946,7 @@
9014
8946
  "path": ["selectMenu", "bgColor", "active"]
9015
8947
  },
9016
8948
  "sideNav-bgColor-selected": {
9017
- "value": "#21262d",
8949
+ "value": "#212830",
9018
8950
  "$type": "color",
9019
8951
  "$extensions": {
9020
8952
  "org.primer.figma": {
@@ -9027,7 +8959,7 @@
9027
8959
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9028
8960
  "isSource": true,
9029
8961
  "original": {
9030
- "value": "{base.color.neutral.7}",
8962
+ "value": "{base.color.neutral.3}",
9031
8963
  "$type": "color",
9032
8964
  "$extensions": {
9033
8965
  "org.primer.figma": {
@@ -9043,7 +8975,7 @@
9043
8975
  "path": ["sideNav", "bgColor", "selected"]
9044
8976
  },
9045
8977
  "skeletonLoader-bgColor": {
9046
- "value": "#161b22",
8978
+ "value": "#151b23",
9047
8979
  "$type": "color",
9048
8980
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9049
8981
  "isSource": true,
@@ -9056,7 +8988,7 @@
9056
8988
  "path": ["skeletonLoader", "bgColor"]
9057
8989
  },
9058
8990
  "timelineBadge-bgColor": {
9059
- "value": "#21262d",
8991
+ "value": "#212830",
9060
8992
  "$type": "color",
9061
8993
  "$extensions": {
9062
8994
  "org.primer.figma": {
@@ -9069,7 +9001,7 @@
9069
9001
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9070
9002
  "isSource": true,
9071
9003
  "original": {
9072
- "value": "{base.color.neutral.7}",
9004
+ "value": "{base.color.neutral.3}",
9073
9005
  "$type": "color",
9074
9006
  "$extensions": {
9075
9007
  "org.primer.figma": {
@@ -9085,7 +9017,7 @@
9085
9017
  "path": ["timelineBadge", "bgColor"]
9086
9018
  },
9087
9019
  "treeViewItem-leadingVisual-iconColor-rest": {
9088
- "value": "#8d96a0",
9020
+ "value": "#9198a1",
9089
9021
  "$type": "color",
9090
9022
  "$extensions": {
9091
9023
  "org.primer.figma": {
@@ -9143,7 +9075,7 @@
9143
9075
  "path": ["underlineNav", "borderColor", "active"]
9144
9076
  },
9145
9077
  "underlineNav-borderColor-hover": {
9146
- "value": "#6e768166",
9078
+ "value": "#3d444db3",
9147
9079
  "$type": "color",
9148
9080
  "$extensions": {
9149
9081
  "org.primer.figma": {
@@ -9172,7 +9104,7 @@
9172
9104
  "path": ["underlineNav", "borderColor", "hover"]
9173
9105
  },
9174
9106
  "underlineNav-iconColor-rest": {
9175
- "value": "#8d96a0",
9107
+ "value": "#9198a1",
9176
9108
  "$type": "color",
9177
9109
  "$extensions": {
9178
9110
  "org.primer.figma": {
@@ -9232,7 +9164,7 @@
9232
9164
  "path": ["selection", "bgColor"]
9233
9165
  },
9234
9166
  "card-bgColor": {
9235
- "value": "#161b22",
9167
+ "value": "#151b23",
9236
9168
  "$type": "color",
9237
9169
  "$extensions": {
9238
9170
  "org.primer.figma": {
@@ -12567,7 +12499,7 @@
12567
12499
  "path": ["label", "coral", "fgColor", "active"]
12568
12500
  },
12569
12501
  "tooltip-bgColor": {
12570
- "value": "#6e7681",
12502
+ "value": "#3d444d",
12571
12503
  "$type": "color",
12572
12504
  "$extensions": {
12573
12505
  "org.primer.figma": {
@@ -12625,7 +12557,7 @@
12625
12557
  "path": ["tooltip", "fgColor"]
12626
12558
  },
12627
12559
  "fgColor-default": {
12628
- "value": "#e6edf3",
12560
+ "value": "#f0f6fc",
12629
12561
  "$type": "color",
12630
12562
  "$extensions": {
12631
12563
  "org.primer.figma": {
@@ -12638,14 +12570,10 @@
12638
12570
  }
12639
12571
  }
12640
12572
  },
12641
- "mix": {
12642
- "color": "#c9d1d9",
12643
- "weight": 0.25
12644
- },
12645
12573
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12646
12574
  "isSource": true,
12647
12575
  "original": {
12648
- "value": "{base.color.neutral.0}",
12576
+ "value": "{base.color.neutral.12}",
12649
12577
  "$type": "color",
12650
12578
  "$extensions": {
12651
12579
  "org.primer.figma": {
@@ -12657,10 +12585,6 @@
12657
12585
  "web": "var(--fgColor-default) /* utility class: .color-fg-default */"
12658
12586
  }
12659
12587
  }
12660
- },
12661
- "mix": {
12662
- "color": "{base.color.neutral.1}",
12663
- "weight": 0.25
12664
12588
  }
12665
12589
  },
12666
12590
  "name": "fgColor-default",
@@ -12668,7 +12592,7 @@
12668
12592
  "path": ["fgColor", "default"]
12669
12593
  },
12670
12594
  "fgColor-muted": {
12671
- "value": "#8d96a0",
12595
+ "value": "#9198a1",
12672
12596
  "$type": "color",
12673
12597
  "$extensions": {
12674
12598
  "org.primer.figma": {
@@ -12681,14 +12605,10 @@
12681
12605
  }
12682
12606
  }
12683
12607
  },
12684
- "mix": {
12685
- "color": "#8b949e",
12686
- "weight": 0.95
12687
- },
12688
12608
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12689
12609
  "isSource": true,
12690
12610
  "original": {
12691
- "value": "{base.color.neutral.2}",
12611
+ "value": "{base.color.neutral.9}",
12692
12612
  "$type": "color",
12693
12613
  "$extensions": {
12694
12614
  "org.primer.figma": {
@@ -12700,10 +12620,6 @@
12700
12620
  "web": "var(--fgColor-muted) /* utility class: .color-fg-muted */"
12701
12621
  }
12702
12622
  }
12703
- },
12704
- "mix": {
12705
- "color": "{base.color.neutral.3}",
12706
- "weight": 0.95
12707
12623
  }
12708
12624
  },
12709
12625
  "name": "fgColor-muted",
@@ -12727,7 +12643,7 @@
12727
12643
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12728
12644
  "isSource": true,
12729
12645
  "original": {
12730
- "value": "{base.color.white}",
12646
+ "value": "{base.color.neutral.13}",
12731
12647
  "$type": "color",
12732
12648
  "$extensions": {
12733
12649
  "org.primer.figma": {
@@ -12759,7 +12675,7 @@
12759
12675
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12760
12676
  "isSource": true,
12761
12677
  "original": {
12762
- "value": "{base.color.black}",
12678
+ "value": "{base.color.neutral.0}",
12763
12679
  "$type": "color",
12764
12680
  "$extensions": {
12765
12681
  "org.primer.figma": {
@@ -12788,7 +12704,7 @@
12788
12704
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12789
12705
  "isSource": true,
12790
12706
  "original": {
12791
- "value": "{base.color.white}",
12707
+ "value": "{base.color.neutral.13}",
12792
12708
  "$type": "color",
12793
12709
  "$extensions": {
12794
12710
  "org.primer.figma": {
@@ -12817,7 +12733,7 @@
12817
12733
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12818
12734
  "isSource": true,
12819
12735
  "original": {
12820
- "value": "{base.color.black}",
12736
+ "value": "{base.color.neutral.0}",
12821
12737
  "$type": "color",
12822
12738
  "$extensions": {
12823
12739
  "org.primer.figma": {
@@ -12833,7 +12749,7 @@
12833
12749
  "path": ["fgColor", "black"]
12834
12750
  },
12835
12751
  "fgColor-disabled": {
12836
- "value": "#6e7681",
12752
+ "value": "#656c7699",
12837
12753
  "$type": "color",
12838
12754
  "$extensions": {
12839
12755
  "org.primer.figma": {
@@ -12843,10 +12759,11 @@
12843
12759
  "scopes": ["fgColor"]
12844
12760
  }
12845
12761
  },
12762
+ "alpha": 0.6,
12846
12763
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12847
12764
  "isSource": true,
12848
12765
  "original": {
12849
- "value": "{base.color.neutral.4}",
12766
+ "value": "{base.color.neutral.8}",
12850
12767
  "$type": "color",
12851
12768
  "$extensions": {
12852
12769
  "org.primer.figma": {
@@ -12855,7 +12772,8 @@
12855
12772
  "group": "semantic",
12856
12773
  "scopes": ["fgColor"]
12857
12774
  }
12858
- }
12775
+ },
12776
+ "alpha": 0.6
12859
12777
  },
12860
12778
  "name": "fgColor-disabled",
12861
12779
  "attributes": {},
@@ -12897,7 +12815,7 @@
12897
12815
  "path": ["fgColor", "link"]
12898
12816
  },
12899
12817
  "fgColor-neutral": {
12900
- "value": "#b1bac4",
12818
+ "value": "#9198a1",
12901
12819
  "$type": "color",
12902
12820
  "$extensions": {
12903
12821
  "org.primer.figma": {
@@ -12910,7 +12828,7 @@
12910
12828
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12911
12829
  "isSource": true,
12912
12830
  "original": {
12913
- "value": "{base.color.neutral.2}",
12831
+ "value": "{base.color.neutral.9}",
12914
12832
  "$type": "color",
12915
12833
  "$extensions": {
12916
12834
  "org.primer.figma": {
@@ -13144,7 +13062,7 @@
13144
13062
  "path": ["fgColor", "danger"]
13145
13063
  },
13146
13064
  "fgColor-closed": {
13147
- "value": "#6e7681",
13065
+ "value": "#9198a1",
13148
13066
  "$type": "color",
13149
13067
  "$extensions": {
13150
13068
  "org.primer.figma": {
@@ -13160,7 +13078,7 @@
13160
13078
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
13161
13079
  "isSource": true,
13162
13080
  "original": {
13163
- "value": "{base.color.neutral.4}",
13081
+ "value": "{fgColor.muted}",
13164
13082
  "$type": "color",
13165
13083
  "$extensions": {
13166
13084
  "org.primer.figma": {
@@ -13300,7 +13218,7 @@
13300
13218
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13301
13219
  "isSource": true,
13302
13220
  "original": {
13303
- "value": "{base.color.neutral.9}",
13221
+ "value": "{base.color.neutral.1}",
13304
13222
  "$type": "color",
13305
13223
  "$extensions": {
13306
13224
  "org.primer.figma": {
@@ -13319,7 +13237,7 @@
13319
13237
  "path": ["bgColor", "default"]
13320
13238
  },
13321
13239
  "bgColor-muted": {
13322
- "value": "#161b22",
13240
+ "value": "#151b23",
13323
13241
  "$type": "color",
13324
13242
  "$extensions": {
13325
13243
  "org.primer.figma": {
@@ -13335,7 +13253,7 @@
13335
13253
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13336
13254
  "isSource": true,
13337
13255
  "original": {
13338
- "value": "{base.color.neutral.8}",
13256
+ "value": "{base.color.neutral.2}",
13339
13257
  "$type": "color",
13340
13258
  "$extensions": {
13341
13259
  "org.primer.figma": {
@@ -13370,7 +13288,7 @@
13370
13288
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13371
13289
  "isSource": true,
13372
13290
  "original": {
13373
- "value": "{base.color.black}",
13291
+ "value": "{base.color.neutral.0}",
13374
13292
  "$type": "color",
13375
13293
  "$extensions": {
13376
13294
  "org.primer.figma": {
@@ -13389,7 +13307,7 @@
13389
13307
  "path": ["bgColor", "inset"]
13390
13308
  },
13391
13309
  "bgColor-emphasis": {
13392
- "value": "#6e7681",
13310
+ "value": "#3d444d",
13393
13311
  "$type": "color",
13394
13312
  "$extensions": {
13395
13313
  "org.primer.figma": {
@@ -13405,7 +13323,7 @@
13405
13323
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13406
13324
  "isSource": true,
13407
13325
  "original": {
13408
- "value": "{base.color.neutral.4}",
13326
+ "value": "{base.color.neutral.7}",
13409
13327
  "$type": "color",
13410
13328
  "$extensions": {
13411
13329
  "org.primer.figma": {
@@ -13437,7 +13355,7 @@
13437
13355
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13438
13356
  "isSource": true,
13439
13357
  "original": {
13440
- "value": "{base.color.white}",
13358
+ "value": "{base.color.neutral.13}",
13441
13359
  "$type": "color",
13442
13360
  "$extensions": {
13443
13361
  "org.primer.figma": {
@@ -13466,7 +13384,7 @@
13466
13384
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13467
13385
  "isSource": true,
13468
13386
  "original": {
13469
- "value": "{base.color.white}",
13387
+ "value": "{base.color.neutral.13}",
13470
13388
  "$type": "color",
13471
13389
  "$extensions": {
13472
13390
  "org.primer.figma": {
@@ -13495,7 +13413,7 @@
13495
13413
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13496
13414
  "isSource": true,
13497
13415
  "original": {
13498
- "value": "{base.color.black}",
13416
+ "value": "{base.color.neutral.0}",
13499
13417
  "$type": "color",
13500
13418
  "$extensions": {
13501
13419
  "org.primer.figma": {
@@ -13511,7 +13429,7 @@
13511
13429
  "path": ["bgColor", "black"]
13512
13430
  },
13513
13431
  "bgColor-disabled": {
13514
- "value": "#21262db3",
13432
+ "value": "#212830",
13515
13433
  "$type": "color",
13516
13434
  "$extensions": {
13517
13435
  "org.primer.figma": {
@@ -13521,11 +13439,10 @@
13521
13439
  "scopes": ["bgColor"]
13522
13440
  }
13523
13441
  },
13524
- "alpha": 0.7,
13525
13442
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13526
13443
  "isSource": true,
13527
13444
  "original": {
13528
- "value": "{base.color.neutral.7}",
13445
+ "value": "{base.color.neutral.3}",
13529
13446
  "$type": "color",
13530
13447
  "$extensions": {
13531
13448
  "org.primer.figma": {
@@ -13534,8 +13451,7 @@
13534
13451
  "group": "semantic",
13535
13452
  "scopes": ["bgColor"]
13536
13453
  }
13537
- },
13538
- "alpha": 0.7
13454
+ }
13539
13455
  },
13540
13456
  "name": "bgColor-disabled",
13541
13457
  "attributes": {},
@@ -13577,7 +13493,7 @@
13577
13493
  "path": ["bgColor", "transparent"]
13578
13494
  },
13579
13495
  "bgColor-neutral-muted": {
13580
- "value": "#6e768166",
13496
+ "value": "#2f3742b3",
13581
13497
  "$type": "color",
13582
13498
  "$extensions": {
13583
13499
  "org.primer.figma": {
@@ -13587,11 +13503,11 @@
13587
13503
  "scopes": ["bgColor"]
13588
13504
  }
13589
13505
  },
13590
- "alpha": 0.4,
13506
+ "alpha": 0.7,
13591
13507
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13592
13508
  "isSource": true,
13593
13509
  "original": {
13594
- "value": "{base.color.neutral.4}",
13510
+ "value": "{base.color.neutral.6}",
13595
13511
  "$type": "color",
13596
13512
  "$extensions": {
13597
13513
  "org.primer.figma": {
@@ -13601,14 +13517,14 @@
13601
13517
  "scopes": ["bgColor"]
13602
13518
  }
13603
13519
  },
13604
- "alpha": 0.4
13520
+ "alpha": 0.7
13605
13521
  },
13606
13522
  "name": "bgColor-neutral-muted",
13607
13523
  "attributes": {},
13608
13524
  "path": ["bgColor", "neutral", "muted"]
13609
13525
  },
13610
13526
  "bgColor-neutral-emphasis": {
13611
- "value": "#6e7681",
13527
+ "value": "#656c76",
13612
13528
  "$type": "color",
13613
13529
  "$extensions": {
13614
13530
  "org.primer.figma": {
@@ -13621,7 +13537,7 @@
13621
13537
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13622
13538
  "isSource": true,
13623
13539
  "original": {
13624
- "value": "{base.color.neutral.4}",
13540
+ "value": "{base.color.neutral.8}",
13625
13541
  "$type": "color",
13626
13542
  "$extensions": {
13627
13543
  "org.primer.figma": {
@@ -14069,7 +13985,7 @@
14069
13985
  "path": ["bgColor", "danger", "emphasis"]
14070
13986
  },
14071
13987
  "bgColor-closed-muted": {
14072
- "value": "#6e76811a",
13988
+ "value": "#2f37421a",
14073
13989
  "$type": "color",
14074
13990
  "$extensions": {
14075
13991
  "org.primer.figma": {
@@ -14086,7 +14002,7 @@
14086
14002
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
14087
14003
  "isSource": true,
14088
14004
  "original": {
14089
- "value": "{base.color.neutral.4}",
14005
+ "value": "{bgColor.neutral.muted}",
14090
14006
  "$type": "color",
14091
14007
  "$extensions": {
14092
14008
  "org.primer.figma": {
@@ -14106,7 +14022,7 @@
14106
14022
  "path": ["bgColor", "closed", "muted"]
14107
14023
  },
14108
14024
  "bgColor-closed-emphasis": {
14109
- "value": "#484f58",
14025
+ "value": "#656c76",
14110
14026
  "$type": "color",
14111
14027
  "$extensions": {
14112
14028
  "org.primer.figma": {
@@ -14122,7 +14038,7 @@
14122
14038
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
14123
14039
  "isSource": true,
14124
14040
  "original": {
14125
- "value": "{base.color.neutral.5}",
14041
+ "value": "{bgColor.neutral.emphasis}",
14126
14042
  "$type": "color",
14127
14043
  "$extensions": {
14128
14044
  "org.primer.figma": {
@@ -14357,7 +14273,7 @@
14357
14273
  "path": ["bgColor", "sponsors", "emphasis"]
14358
14274
  },
14359
14275
  "borderColor-default": {
14360
- "value": "#30363d",
14276
+ "value": "#3d444d",
14361
14277
  "$type": "color",
14362
14278
  "$extensions": {
14363
14279
  "org.primer.figma": {
@@ -14373,7 +14289,7 @@
14373
14289
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14374
14290
  "isSource": true,
14375
14291
  "original": {
14376
- "value": "{base.color.neutral.6}",
14292
+ "value": "{base.color.neutral.7}",
14377
14293
  "$type": "color",
14378
14294
  "$extensions": {
14379
14295
  "org.primer.figma": {
@@ -14392,7 +14308,7 @@
14392
14308
  "path": ["borderColor", "default"]
14393
14309
  },
14394
14310
  "borderColor-muted": {
14395
- "value": "#30363db3",
14311
+ "value": "#3d444db3",
14396
14312
  "$type": "color",
14397
14313
  "$extensions": {
14398
14314
  "org.primer.figma": {
@@ -14429,7 +14345,7 @@
14429
14345
  "path": ["borderColor", "muted"]
14430
14346
  },
14431
14347
  "borderColor-emphasis": {
14432
- "value": "#484f58",
14348
+ "value": "#656c76",
14433
14349
  "$type": "color",
14434
14350
  "$extensions": {
14435
14351
  "org.primer.figma": {
@@ -14442,7 +14358,7 @@
14442
14358
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14443
14359
  "isSource": true,
14444
14360
  "original": {
14445
- "value": "{base.color.neutral.5}",
14361
+ "value": "{base.color.neutral.8}",
14446
14362
  "$type": "color",
14447
14363
  "$extensions": {
14448
14364
  "org.primer.figma": {
@@ -14458,7 +14374,7 @@
14458
14374
  "path": ["borderColor", "emphasis"]
14459
14375
  },
14460
14376
  "borderColor-disabled": {
14461
- "value": "#21262db3",
14377
+ "value": "#656c761a",
14462
14378
  "$type": "color",
14463
14379
  "$extensions": {
14464
14380
  "org.primer.figma": {
@@ -14468,10 +14384,11 @@
14468
14384
  "scopes": ["borderColor"]
14469
14385
  }
14470
14386
  },
14387
+ "alpha": 0.1,
14471
14388
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14472
14389
  "isSource": true,
14473
14390
  "original": {
14474
- "value": "{bgColor.disabled}",
14391
+ "value": "{base.color.neutral.8}",
14475
14392
  "$type": "color",
14476
14393
  "$extensions": {
14477
14394
  "org.primer.figma": {
@@ -14480,7 +14397,8 @@
14480
14397
  "group": "semantic",
14481
14398
  "scopes": ["borderColor"]
14482
14399
  }
14483
- }
14400
+ },
14401
+ "alpha": 0.1
14484
14402
  },
14485
14403
  "name": "borderColor-disabled",
14486
14404
  "attributes": {},
@@ -14530,7 +14448,7 @@
14530
14448
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14531
14449
  "isSource": true,
14532
14450
  "original": {
14533
- "value": "{base.color.white}",
14451
+ "value": "{base.color.neutral.13}",
14534
14452
  "$type": "color",
14535
14453
  "$extensions": {
14536
14454
  "org.primer.figma": {
@@ -14547,7 +14465,7 @@
14547
14465
  "path": ["borderColor", "translucent"]
14548
14466
  },
14549
14467
  "borderColor-neutral-muted": {
14550
- "value": "#6e768166",
14468
+ "value": "#3d444db3",
14551
14469
  "$type": "color",
14552
14470
  "$extensions": {
14553
14471
  "org.primer.figma": {
@@ -14557,11 +14475,10 @@
14557
14475
  "scopes": ["borderColor"]
14558
14476
  }
14559
14477
  },
14560
- "alpha": 0.4,
14561
14478
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14562
14479
  "isSource": true,
14563
14480
  "original": {
14564
- "value": "{base.color.neutral.4}",
14481
+ "value": "{borderColor.muted}",
14565
14482
  "$type": "color",
14566
14483
  "$extensions": {
14567
14484
  "org.primer.figma": {
@@ -14570,15 +14487,14 @@
14570
14487
  "group": "semantic",
14571
14488
  "scopes": ["borderColor"]
14572
14489
  }
14573
- },
14574
- "alpha": 0.4
14490
+ }
14575
14491
  },
14576
14492
  "name": "borderColor-neutral-muted",
14577
14493
  "attributes": {},
14578
14494
  "path": ["borderColor", "neutral", "muted"]
14579
14495
  },
14580
14496
  "borderColor-neutral-emphasis": {
14581
- "value": "#6e7681",
14497
+ "value": "#656c76",
14582
14498
  "$type": "color",
14583
14499
  "$extensions": {
14584
14500
  "org.primer.figma": {
@@ -14591,7 +14507,7 @@
14591
14507
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14592
14508
  "isSource": true,
14593
14509
  "original": {
14594
- "value": "{base.color.neutral.4}",
14510
+ "value": "{borderColor.emphasis}",
14595
14511
  "$type": "color",
14596
14512
  "$extensions": {
14597
14513
  "org.primer.figma": {
@@ -15039,7 +14955,7 @@
15039
14955
  "path": ["borderColor", "danger", "emphasis"]
15040
14956
  },
15041
14957
  "borderColor-closed-muted": {
15042
- "value": "#6e768166",
14958
+ "value": "#3d444d66",
15043
14959
  "$type": "color",
15044
14960
  "$extensions": {
15045
14961
  "org.primer.figma": {
@@ -15056,7 +14972,7 @@
15056
14972
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
15057
14973
  "isSource": true,
15058
14974
  "original": {
15059
- "value": "{base.color.neutral.4}",
14975
+ "value": "{borderColor.default}",
15060
14976
  "$type": "color",
15061
14977
  "$extensions": {
15062
14978
  "org.primer.figma": {
@@ -15076,7 +14992,7 @@
15076
14992
  "path": ["borderColor", "closed", "muted"]
15077
14993
  },
15078
14994
  "borderColor-closed-emphasis": {
15079
- "value": "#484f58",
14995
+ "value": "#656c76",
15080
14996
  "$type": "color",
15081
14997
  "$extensions": {
15082
14998
  "org.primer.figma": {
@@ -15092,7 +15008,7 @@
15092
15008
  "filePath": "src/tokens/functional/color/dark/overrides/dark.tritanopia.json5",
15093
15009
  "isSource": true,
15094
15010
  "original": {
15095
- "value": "{base.color.neutral.5}",
15011
+ "value": "{borderColor.emphasis}",
15096
15012
  "$type": "color",
15097
15013
  "$extensions": {
15098
15014
  "org.primer.figma": {
@@ -15327,7 +15243,7 @@
15327
15243
  "path": ["borderColor", "sponsors", "emphasis"]
15328
15244
  },
15329
15245
  "color-ansi-black": {
15330
- "value": "#484f58",
15246
+ "value": "#2f3742",
15331
15247
  "$type": "color",
15332
15248
  "$extensions": {
15333
15249
  "org.primer.figma": {
@@ -15339,7 +15255,7 @@
15339
15255
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15340
15256
  "isSource": true,
15341
15257
  "original": {
15342
- "value": "{base.color.neutral.5}",
15258
+ "value": "{base.color.neutral.6}",
15343
15259
  "$type": "color",
15344
15260
  "$extensions": {
15345
15261
  "org.primer.figma": {
@@ -15354,7 +15270,7 @@
15354
15270
  "path": ["color", "ansi", "black"]
15355
15271
  },
15356
15272
  "color-ansi-black-bright": {
15357
- "value": "#6e7681",
15273
+ "value": "#656c76",
15358
15274
  "$type": "color",
15359
15275
  "$extensions": {
15360
15276
  "org.primer.figma": {
@@ -15366,7 +15282,7 @@
15366
15282
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15367
15283
  "isSource": true,
15368
15284
  "original": {
15369
- "value": "{base.color.neutral.4}",
15285
+ "value": "{base.color.neutral.8}",
15370
15286
  "$type": "color",
15371
15287
  "$extensions": {
15372
15288
  "org.primer.figma": {
@@ -15381,7 +15297,7 @@
15381
15297
  "path": ["color", "ansi", "black-bright"]
15382
15298
  },
15383
15299
  "color-ansi-white": {
15384
- "value": "#b1bac4",
15300
+ "value": "#f0f6fc",
15385
15301
  "$type": "color",
15386
15302
  "$extensions": {
15387
15303
  "org.primer.figma": {
@@ -15393,7 +15309,7 @@
15393
15309
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15394
15310
  "isSource": true,
15395
15311
  "original": {
15396
- "value": "{base.color.neutral.2}",
15312
+ "value": "{base.color.neutral.12}",
15397
15313
  "$type": "color",
15398
15314
  "$extensions": {
15399
15315
  "org.primer.figma": {
@@ -15420,7 +15336,7 @@
15420
15336
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15421
15337
  "isSource": true,
15422
15338
  "original": {
15423
- "value": "{base.color.white}",
15339
+ "value": "{base.color.neutral.13}",
15424
15340
  "$type": "color",
15425
15341
  "$extensions": {
15426
15342
  "org.primer.figma": {
@@ -15435,7 +15351,7 @@
15435
15351
  "path": ["color", "ansi", "white-bright"]
15436
15352
  },
15437
15353
  "color-ansi-gray": {
15438
- "value": "#6e7681",
15354
+ "value": "#656c76",
15439
15355
  "$type": "color",
15440
15356
  "$extensions": {
15441
15357
  "org.primer.figma": {
@@ -15447,7 +15363,7 @@
15447
15363
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15448
15364
  "isSource": true,
15449
15365
  "original": {
15450
- "value": "{base.color.neutral.4}",
15366
+ "value": "{base.color.neutral.8}",
15451
15367
  "$type": "color",
15452
15368
  "$extensions": {
15453
15369
  "org.primer.figma": {
@@ -15786,7 +15702,7 @@
15786
15702
  "path": ["color", "ansi", "cyan-bright"]
15787
15703
  },
15788
15704
  "color-prettylights-syntax-comment": {
15789
- "value": "#8b949e",
15705
+ "value": "#9198a1",
15790
15706
  "$type": "color",
15791
15707
  "$extensions": {
15792
15708
  "org.primer.figma": {
@@ -15798,7 +15714,7 @@
15798
15714
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15799
15715
  "isSource": true,
15800
15716
  "original": {
15801
- "value": "{base.color.neutral.3}",
15717
+ "value": "{base.color.neutral.9}",
15802
15718
  "$type": "color",
15803
15719
  "$extensions": {
15804
15720
  "org.primer.figma": {
@@ -15894,7 +15810,7 @@
15894
15810
  "path": ["color", "prettylights", "syntax", "entity"]
15895
15811
  },
15896
15812
  "color-prettylights-syntax-storage-modifier-import": {
15897
- "value": "#c9d1d9",
15813
+ "value": "#f0f6fc",
15898
15814
  "$type": "color",
15899
15815
  "$extensions": {
15900
15816
  "org.primer.figma": {
@@ -15906,7 +15822,7 @@
15906
15822
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
15907
15823
  "isSource": true,
15908
15824
  "original": {
15909
- "value": "{base.color.neutral.1}",
15825
+ "value": "{base.color.neutral.12}",
15910
15826
  "$type": "color",
15911
15827
  "$extensions": {
15912
15828
  "org.primer.figma": {
@@ -16056,7 +15972,7 @@
16056
15972
  "path": ["color", "prettylights", "syntax", "brackethighlighter", "unmatched"]
16057
15973
  },
16058
15974
  "color-prettylights-syntax-brackethighlighter-angle": {
16059
- "value": "#8b949e",
15975
+ "value": "#9198a1",
16060
15976
  "$type": "color",
16061
15977
  "$extensions": {
16062
15978
  "org.primer.figma": {
@@ -16068,7 +15984,7 @@
16068
15984
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16069
15985
  "isSource": true,
16070
15986
  "original": {
16071
- "value": "{base.color.neutral.3}",
15987
+ "value": "{base.color.neutral.9}",
16072
15988
  "$type": "color",
16073
15989
  "$extensions": {
16074
15990
  "org.primer.figma": {
@@ -16095,7 +16011,7 @@
16095
16011
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16096
16012
  "isSource": true,
16097
16013
  "original": {
16098
- "value": "{base.color.neutral.0}",
16014
+ "value": "{base.color.neutral.12}",
16099
16015
  "$type": "color",
16100
16016
  "$extensions": {
16101
16017
  "org.primer.figma": {
@@ -16149,7 +16065,7 @@
16149
16065
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16150
16066
  "isSource": true,
16151
16067
  "original": {
16152
- "value": "{base.color.neutral.0}",
16068
+ "value": "{base.color.neutral.12}",
16153
16069
  "$type": "color",
16154
16070
  "$extensions": {
16155
16071
  "org.primer.figma": {
@@ -16272,7 +16188,7 @@
16272
16188
  "path": ["color", "prettylights", "syntax", "markup", "heading"]
16273
16189
  },
16274
16190
  "color-prettylights-syntax-markup-italic": {
16275
- "value": "#c9d1d9",
16191
+ "value": "#f0f6fc",
16276
16192
  "$type": "color",
16277
16193
  "$extensions": {
16278
16194
  "org.primer.figma": {
@@ -16284,7 +16200,7 @@
16284
16200
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16285
16201
  "isSource": true,
16286
16202
  "original": {
16287
- "value": "{base.color.neutral.1}",
16203
+ "value": "{base.color.neutral.12}",
16288
16204
  "$type": "color",
16289
16205
  "$extensions": {
16290
16206
  "org.primer.figma": {
@@ -16299,7 +16215,7 @@
16299
16215
  "path": ["color", "prettylights", "syntax", "markup", "italic"]
16300
16216
  },
16301
16217
  "color-prettylights-syntax-markup-bold": {
16302
- "value": "#c9d1d9",
16218
+ "value": "#f0f6fc",
16303
16219
  "$type": "color",
16304
16220
  "$extensions": {
16305
16221
  "org.primer.figma": {
@@ -16311,7 +16227,7 @@
16311
16227
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16312
16228
  "isSource": true,
16313
16229
  "original": {
16314
- "value": "{base.color.neutral.1}",
16230
+ "value": "{base.color.neutral.12}",
16315
16231
  "$type": "color",
16316
16232
  "$extensions": {
16317
16233
  "org.primer.figma": {
@@ -16488,7 +16404,7 @@
16488
16404
  "path": ["color", "prettylights", "syntax", "markup", "changed", "bg"]
16489
16405
  },
16490
16406
  "color-prettylights-syntax-markup-ignored-text": {
16491
- "value": "#c9d1d9",
16407
+ "value": "#f0f6fc",
16492
16408
  "$type": "color",
16493
16409
  "$extensions": {
16494
16410
  "org.primer.figma": {
@@ -16500,7 +16416,7 @@
16500
16416
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16501
16417
  "isSource": true,
16502
16418
  "original": {
16503
- "value": "{base.color.neutral.1}",
16419
+ "value": "{base.color.neutral.12}",
16504
16420
  "$type": "color",
16505
16421
  "$extensions": {
16506
16422
  "org.primer.figma": {
@@ -16569,7 +16485,7 @@
16569
16485
  "path": ["color", "prettylights", "syntax", "meta", "diff", "range"]
16570
16486
  },
16571
16487
  "color-prettylights-syntax-sublimelinter-gutter-mark": {
16572
- "value": "#484f58",
16488
+ "value": "#3d444d",
16573
16489
  "$type": "color",
16574
16490
  "$extensions": {
16575
16491
  "org.primer.figma": {
@@ -16581,7 +16497,7 @@
16581
16497
  "filePath": "src/tokens/functional/color/dark/syntax-dark.json5",
16582
16498
  "isSource": true,
16583
16499
  "original": {
16584
- "value": "{base.color.neutral.5}",
16500
+ "value": "{base.color.neutral.7}",
16585
16501
  "$type": "color",
16586
16502
  "$extensions": {
16587
16503
  "org.primer.figma": {
@@ -16609,7 +16525,7 @@
16609
16525
  "isSource": true,
16610
16526
  "original": {
16611
16527
  "value": {
16612
- "color": "{base.color.black}",
16528
+ "color": "{base.color.neutral.0}",
16613
16529
  "alpha": 0.24,
16614
16530
  "offsetX": "0px",
16615
16531
  "offsetY": "1px",
@@ -16644,7 +16560,7 @@
16644
16560
  "isSource": true,
16645
16561
  "original": {
16646
16562
  "value": {
16647
- "color": "{base.color.black}",
16563
+ "color": "{base.color.neutral.0}",
16648
16564
  "alpha": 0.8,
16649
16565
  "offsetX": "0px",
16650
16566
  "offsetY": "1px",
@@ -16680,7 +16596,7 @@
16680
16596
  "original": {
16681
16597
  "value": [
16682
16598
  {
16683
- "color": "{base.color.black}",
16599
+ "color": "{base.color.neutral.0}",
16684
16600
  "alpha": 0.4,
16685
16601
  "offsetX": "0px",
16686
16602
  "offsetY": "1px",
@@ -16717,7 +16633,7 @@
16717
16633
  "original": {
16718
16634
  "value": [
16719
16635
  {
16720
- "color": "{base.color.black}",
16636
+ "color": "{base.color.neutral.0}",
16721
16637
  "alpha": 0.8,
16722
16638
  "offsetX": "0px",
16723
16639
  "offsetY": "3px",
@@ -16739,7 +16655,7 @@
16739
16655
  "path": ["shadow", "resting", "medium"]
16740
16656
  },
16741
16657
  "shadow-floating-small": {
16742
- "value": "0px 0px 0px 1px #30363d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
16658
+ "value": "0px 0px 0px 1px #3d444d, 0px 6px 12px -3px #01040966, 0px 6px 18px 0px #01040966",
16743
16659
  "$type": "shadow",
16744
16660
  "$extensions": {
16745
16661
  "org.primer.figma": {
@@ -16761,7 +16677,7 @@
16761
16677
  "spread": "1px"
16762
16678
  },
16763
16679
  {
16764
- "color": "{base.color.black}",
16680
+ "color": "{base.color.neutral.0}",
16765
16681
  "alpha": 0.4,
16766
16682
  "offsetX": "0px",
16767
16683
  "offsetY": "6px",
@@ -16769,7 +16685,7 @@
16769
16685
  "spread": "-3px"
16770
16686
  },
16771
16687
  {
16772
- "color": "{base.color.black}",
16688
+ "color": "{base.color.neutral.0}",
16773
16689
  "alpha": 0.4,
16774
16690
  "offsetX": "0px",
16775
16691
  "offsetY": "6px",
@@ -16791,7 +16707,7 @@
16791
16707
  "path": ["shadow", "floating", "small"]
16792
16708
  },
16793
16709
  "shadow-floating-medium": {
16794
- "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",
16710
+ "value": "0px 0px 0px 1px #3d444d, 0px 8px 16px -4px #01040966, 0px 4px 32px -4px #01040966, 0px 24px 48px -12px #01040966, 0px 48px 96px -24px #01040966",
16795
16711
  "$type": "shadow",
16796
16712
  "$extensions": {
16797
16713
  "org.primer.figma": {
@@ -16813,7 +16729,7 @@
16813
16729
  "spread": "1px"
16814
16730
  },
16815
16731
  {
16816
- "color": "{base.color.black}",
16732
+ "color": "{base.color.neutral.0}",
16817
16733
  "alpha": 0.4,
16818
16734
  "offsetX": "0px",
16819
16735
  "offsetY": "8px",
@@ -16821,7 +16737,7 @@
16821
16737
  "spread": "-4px"
16822
16738
  },
16823
16739
  {
16824
- "color": "{base.color.black}",
16740
+ "color": "{base.color.neutral.0}",
16825
16741
  "alpha": 0.4,
16826
16742
  "offsetX": "0px",
16827
16743
  "offsetY": "4px",
@@ -16829,7 +16745,7 @@
16829
16745
  "spread": "-4px"
16830
16746
  },
16831
16747
  {
16832
- "color": "{base.color.black}",
16748
+ "color": "{base.color.neutral.0}",
16833
16749
  "alpha": 0.4,
16834
16750
  "offsetX": "0px",
16835
16751
  "offsetY": "24px",
@@ -16837,7 +16753,7 @@
16837
16753
  "spread": "-12px"
16838
16754
  },
16839
16755
  {
16840
- "color": "{base.color.black}",
16756
+ "color": "{base.color.neutral.0}",
16841
16757
  "alpha": 0.4,
16842
16758
  "offsetX": "0px",
16843
16759
  "offsetY": "48px",
@@ -16859,7 +16775,7 @@
16859
16775
  "path": ["shadow", "floating", "medium"]
16860
16776
  },
16861
16777
  "shadow-floating-large": {
16862
- "value": "0px 0px 0px 1px #30363d, 0px 24px 48px 0px #010409",
16778
+ "value": "0px 0px 0px 1px #3d444d, 0px 24px 48px 0px #010409",
16863
16779
  "$type": "shadow",
16864
16780
  "$extensions": {
16865
16781
  "org.primer.figma": {
@@ -16881,7 +16797,7 @@
16881
16797
  "spread": "1px"
16882
16798
  },
16883
16799
  {
16884
- "color": "{base.color.black}",
16800
+ "color": "{base.color.neutral.0}",
16885
16801
  "alpha": 1,
16886
16802
  "offsetX": "0px",
16887
16803
  "offsetY": "24px",
@@ -16903,7 +16819,7 @@
16903
16819
  "path": ["shadow", "floating", "large"]
16904
16820
  },
16905
16821
  "shadow-floating-xlarge": {
16906
- "value": "0px 0px 0px 1px #30363d, 0px 32px 64px 0px #010409",
16822
+ "value": "0px 0px 0px 1px #3d444d, 0px 32px 64px 0px #010409",
16907
16823
  "$type": "shadow",
16908
16824
  "$extensions": {
16909
16825
  "org.primer.figma": {
@@ -16925,7 +16841,7 @@
16925
16841
  "spread": "1px"
16926
16842
  },
16927
16843
  {
16928
- "color": "{base.color.black}",
16844
+ "color": "{base.color.neutral.0}",
16929
16845
  "alpha": 1,
16930
16846
  "offsetX": "0px",
16931
16847
  "offsetY": "32px",
@@ -16961,7 +16877,7 @@
16961
16877
  "original": {
16962
16878
  "value": [
16963
16879
  {
16964
- "color": "{base.color.black}",
16880
+ "color": "{base.color.neutral.0}",
16965
16881
  "alpha": 0.4,
16966
16882
  "offsetX": "0px",
16967
16883
  "offsetY": "6px",
@@ -16969,7 +16885,7 @@
16969
16885
  "spread": "-3px"
16970
16886
  },
16971
16887
  {
16972
- "color": "{base.color.black}",
16888
+ "color": "{base.color.neutral.0}",
16973
16889
  "alpha": 0.4,
16974
16890
  "offsetX": "0px",
16975
16891
  "offsetY": "6px",