@primer/primitives 8.2.4-rc.8aeeb948 → 8.2.4-rc.a3f65a09

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 (52) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  2. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  3. package/dist/css/functional/themes/dark-high-contrast.css +80 -80
  4. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  5. package/dist/css/functional/themes/dark.css +2 -2
  6. package/dist/css/functional/themes/light-colorblind.css +24 -24
  7. package/dist/css/functional/themes/light-high-contrast.css +32 -32
  8. package/dist/css/functional/themes/light-tritanopia.css +24 -24
  9. package/dist/css/functional/themes/light.css +12 -12
  10. package/dist/docs/functional/themes/dark-colorblind.json +4 -4
  11. package/dist/docs/functional/themes/dark-dimmed.json +5 -5
  12. package/dist/docs/functional/themes/dark-high-contrast.json +113 -105
  13. package/dist/docs/functional/themes/dark-tritanopia.json +4 -4
  14. package/dist/docs/functional/themes/dark.json +5 -5
  15. package/dist/docs/functional/themes/light-colorblind.json +167 -173
  16. package/dist/docs/functional/themes/light-high-contrast.json +191 -187
  17. package/dist/docs/functional/themes/light-tritanopia.json +165 -171
  18. package/dist/docs/functional/themes/light.json +159 -157
  19. package/dist/figma/themes/dark-colorblind.json +43 -43
  20. package/dist/figma/themes/dark-dimmed.json +62 -62
  21. package/dist/figma/themes/dark-high-contrast.json +168 -167
  22. package/dist/figma/themes/dark-tritanopia.json +43 -43
  23. package/dist/figma/themes/dark.json +62 -62
  24. package/dist/figma/themes/light-colorblind.json +217 -218
  25. package/dist/figma/themes/light-high-contrast.json +175 -173
  26. package/dist/figma/themes/light-tritanopia.json +216 -217
  27. package/dist/figma/themes/light.json +139 -138
  28. package/dist/internalCss/dark-colorblind.css +2 -2
  29. package/dist/internalCss/dark-dimmed.css +2 -2
  30. package/dist/internalCss/dark-high-contrast.css +80 -80
  31. package/dist/internalCss/dark-tritanopia.css +2 -2
  32. package/dist/internalCss/dark.css +2 -2
  33. package/dist/internalCss/light-colorblind.css +24 -24
  34. package/dist/internalCss/light-high-contrast.css +32 -32
  35. package/dist/internalCss/light-tritanopia.css +24 -24
  36. package/dist/internalCss/light.css +12 -12
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +4 -4
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +5 -5
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +113 -105
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +4 -4
  41. package/dist/styleLint/functional/themes/dark.json +5 -5
  42. package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +191 -187
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
  45. package/dist/styleLint/functional/themes/light.json +159 -157
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +124 -2
  48. package/src/tokens/functional/color/dark/primitives-dark.json5 +4 -4
  49. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +50 -0
  50. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  51. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  52. package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
@@ -689,7 +689,7 @@
689
689
  "path": ["codeMirror", "selection", "bgColor"]
690
690
  },
691
691
  "codeMirror-activeline-bgColor": {
692
- "value": "#9ea7b366",
692
+ "value": "#7a828e66",
693
693
  "$type": "color",
694
694
  "$extensions": {
695
695
  "org.primer.figma": {
@@ -4743,7 +4743,7 @@
4743
4743
  "path": ["control", "bgColor", "hover"]
4744
4744
  },
4745
4745
  "control-bgColor-active": {
4746
- "value": "#555c67",
4746
+ "value": "#393d48",
4747
4747
  "$type": "color",
4748
4748
  "$extensions": {
4749
4749
  "org.primer.figma": {
@@ -4754,10 +4754,10 @@
4754
4754
  }
4755
4755
  },
4756
4756
  "mix": {
4757
- "color": "#7a828e",
4758
- "weight": 0.4
4757
+ "color": "#272b33",
4758
+ "weight": 0.2
4759
4759
  },
4760
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4760
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4761
4761
  "isSource": true,
4762
4762
  "original": {
4763
4763
  "value": "{base.color.neutral.7}",
@@ -4771,8 +4771,8 @@
4771
4771
  }
4772
4772
  },
4773
4773
  "mix": {
4774
- "color": "{base.color.neutral.5}",
4775
- "weight": 0.4
4774
+ "color": "{base.color.neutral.8}",
4775
+ "weight": 0.2
4776
4776
  }
4777
4777
  },
4778
4778
  "name": "control-bgColor-active",
@@ -4809,7 +4809,7 @@
4809
4809
  "path": ["control", "bgColor", "disabled"]
4810
4810
  },
4811
4811
  "control-bgColor-selected": {
4812
- "value": "#525964",
4812
+ "value": "#272b33",
4813
4813
  "$type": "color",
4814
4814
  "$extensions": {
4815
4815
  "org.primer.figma": {
@@ -4819,10 +4819,10 @@
4819
4819
  "scopes": ["bgColor"]
4820
4820
  }
4821
4821
  },
4822
- "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4822
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4823
4823
  "isSource": true,
4824
4824
  "original": {
4825
- "value": "{base.color.neutral.6}",
4825
+ "value": "{base.color.neutral.8}",
4826
4826
  "$type": "color",
4827
4827
  "$extensions": {
4828
4828
  "org.primer.figma": {
@@ -4867,11 +4867,11 @@
4867
4867
  "path": ["control", "fgColor", "rest"]
4868
4868
  },
4869
4869
  "control-fgColor-placeholder": {
4870
- "value": "#b7bec7",
4870
+ "value": "#e4e9ed",
4871
4871
  "$type": "color",
4872
4872
  "mix": {
4873
- "color": "#9ea7b3",
4874
- "weight": 0.2
4873
+ "color": "#f0f3f6",
4874
+ "weight": 0.5
4875
4875
  },
4876
4876
  "$extensions": {
4877
4877
  "org.primer.figma": {
@@ -4881,14 +4881,14 @@
4881
4881
  "scopes": ["fgColor"]
4882
4882
  }
4883
4883
  },
4884
- "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
4884
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
4885
4885
  "isSource": true,
4886
4886
  "original": {
4887
- "value": "{base.color.neutral.3}",
4887
+ "value": "{base.color.neutral.2}",
4888
4888
  "$type": "color",
4889
4889
  "mix": {
4890
- "color": "{base.color.neutral.4}",
4891
- "weight": 0.2
4890
+ "color": "{base.color.neutral.1}",
4891
+ "weight": 0.5
4892
4892
  },
4893
4893
  "$extensions": {
4894
4894
  "org.primer.figma": {
@@ -4962,7 +4962,7 @@
4962
4962
  "path": ["control", "borderColor", "rest"]
4963
4963
  },
4964
4964
  "control-borderColor-emphasis": {
4965
- "value": "#7a828e",
4965
+ "value": "#9ea7b3",
4966
4966
  "$type": "color",
4967
4967
  "$extensions": {
4968
4968
  "org.primer.figma": {
@@ -5405,7 +5405,7 @@
5405
5405
  "path": ["control", "transparent", "borderColor", "active"]
5406
5406
  },
5407
5407
  "control-danger-fgColor-rest": {
5408
- "value": "#ff8080",
5408
+ "value": "#ff9492",
5409
5409
  "$type": "color",
5410
5410
  "$extensions": {
5411
5411
  "org.primer.figma": {
@@ -6188,7 +6188,7 @@
6188
6188
  "path": ["controlKnob", "bgColor", "checked"]
6189
6189
  },
6190
6190
  "controlKnob-borderColor-rest": {
6191
- "value": "#7a828e",
6191
+ "value": "#9ea7b3",
6192
6192
  "$type": "color",
6193
6193
  "$extensions": {
6194
6194
  "org.primer.figma": {
@@ -6391,7 +6391,7 @@
6391
6391
  "path": ["button", "default", "bgColor", "hover"]
6392
6392
  },
6393
6393
  "button-default-bgColor-active": {
6394
- "value": "#555c67",
6394
+ "value": "#393d48",
6395
6395
  "$type": "color",
6396
6396
  "$extensions": {
6397
6397
  "org.primer.figma": {
@@ -6420,7 +6420,7 @@
6420
6420
  "path": ["button", "default", "bgColor", "active"]
6421
6421
  },
6422
6422
  "button-default-bgColor-selected": {
6423
- "value": "#555c67",
6423
+ "value": "#393d48",
6424
6424
  "$type": "color",
6425
6425
  "$extensions": {
6426
6426
  "org.primer.figma": {
@@ -7021,7 +7021,7 @@
7021
7021
  "path": ["button", "primary", "shadow", "selected"]
7022
7022
  },
7023
7023
  "button-invisible-fgColor-rest": {
7024
- "value": "#60aeff",
7024
+ "value": "#73b8ff",
7025
7025
  "$type": "color",
7026
7026
  "$extensions": {
7027
7027
  "org.primer.figma": {
@@ -7493,7 +7493,7 @@
7493
7493
  "path": ["button", "outline", "fgColor", "active"]
7494
7494
  },
7495
7495
  "button-outline-fgColor-disabled": {
7496
- "value": "#60aeff80",
7496
+ "value": "#73b8ff80",
7497
7497
  "$type": "color",
7498
7498
  "$extensions": {
7499
7499
  "org.primer.figma": {
@@ -7824,7 +7824,7 @@
7824
7824
  "path": ["button", "danger", "fgColor", "active"]
7825
7825
  },
7826
7826
  "button-danger-fgColor-disabled": {
7827
- "value": "#ff808080",
7827
+ "value": "#ff949280",
7828
7828
  "$type": "color",
7829
7829
  "$extensions": {
7830
7830
  "org.primer.figma": {
@@ -7855,7 +7855,7 @@
7855
7855
  "path": ["button", "danger", "fgColor", "disabled"]
7856
7856
  },
7857
7857
  "button-danger-iconColor-rest": {
7858
- "value": "#ff8080",
7858
+ "value": "#ff9492",
7859
7859
  "$type": "color",
7860
7860
  "$extensions": {
7861
7861
  "org.primer.figma": {
@@ -8492,7 +8492,7 @@
8492
8492
  "path": ["buttonCounter", "outline", "fgColor", "hover"]
8493
8493
  },
8494
8494
  "buttonCounter-outline-fgColor-disabled": {
8495
- "value": "#60aeff80",
8495
+ "value": "#73b8ff80",
8496
8496
  "$type": "color",
8497
8497
  "$extensions": {
8498
8498
  "org.primer.figma": {
@@ -8616,7 +8616,7 @@
8616
8616
  "path": ["buttonCounter", "danger", "bgColor", "rest"]
8617
8617
  },
8618
8618
  "buttonCounter-danger-fgColor-rest": {
8619
- "value": "#ff8080",
8619
+ "value": "#ff9492",
8620
8620
  "$type": "color",
8621
8621
  "$extensions": {
8622
8622
  "org.primer.figma": {
@@ -8674,7 +8674,7 @@
8674
8674
  "path": ["buttonCounter", "danger", "fgColor", "hover"]
8675
8675
  },
8676
8676
  "buttonCounter-danger-fgColor-disabled": {
8677
- "value": "#ff808080",
8677
+ "value": "#ff949280",
8678
8678
  "$type": "color",
8679
8679
  "$extensions": {
8680
8680
  "org.primer.figma": {
@@ -8775,7 +8775,7 @@
8775
8775
  "path": ["reactionButton", "selected", "bgColor", "hover"]
8776
8776
  },
8777
8777
  "reactionButton-selected-fgColor-rest": {
8778
- "value": "#60aeff",
8778
+ "value": "#73b8ff",
8779
8779
  "$type": "color",
8780
8780
  "$extensions": {
8781
8781
  "org.primer.figma": {
@@ -9065,7 +9065,7 @@
9065
9065
  "path": ["sideNav", "bgColor", "selected"]
9066
9066
  },
9067
9067
  "skeletonLoader-bgColor": {
9068
- "value": "#272b33",
9068
+ "value": "#191c22",
9069
9069
  "$type": "color",
9070
9070
  "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
9071
9071
  "isSource": true,
@@ -9254,7 +9254,7 @@
9254
9254
  "path": ["selection", "bgColor"]
9255
9255
  },
9256
9256
  "card-bgColor": {
9257
- "value": "#272b33",
9257
+ "value": "#191c22",
9258
9258
  "$type": "color",
9259
9259
  "$extensions": {
9260
9260
  "org.primer.figma": {
@@ -12793,7 +12793,7 @@
12793
12793
  "path": ["fgColor", "disabled"]
12794
12794
  },
12795
12795
  "fgColor-link": {
12796
- "value": "#60aeff",
12796
+ "value": "#73b8ff",
12797
12797
  "$type": "color",
12798
12798
  "$extensions": {
12799
12799
  "org.primer.figma": {
@@ -12828,7 +12828,7 @@
12828
12828
  "path": ["fgColor", "link"]
12829
12829
  },
12830
12830
  "fgColor-neutral": {
12831
- "value": "#9ea7b3",
12831
+ "value": "#f0f3f6",
12832
12832
  "$type": "color",
12833
12833
  "$extensions": {
12834
12834
  "org.primer.figma": {
@@ -12838,10 +12838,10 @@
12838
12838
  "scopes": ["fgColor"]
12839
12839
  }
12840
12840
  },
12841
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12841
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12842
12842
  "isSource": true,
12843
12843
  "original": {
12844
- "value": "{base.color.neutral.4}",
12844
+ "value": "{base.color.neutral.1}",
12845
12845
  "$type": "color",
12846
12846
  "$extensions": {
12847
12847
  "org.primer.figma": {
@@ -12857,7 +12857,7 @@
12857
12857
  "path": ["fgColor", "neutral"]
12858
12858
  },
12859
12859
  "fgColor-accent": {
12860
- "value": "#60aeff",
12860
+ "value": "#73b8ff",
12861
12861
  "$type": "color",
12862
12862
  "$extensions": {
12863
12863
  "org.primer.figma": {
@@ -12871,10 +12871,10 @@
12871
12871
  }
12872
12872
  },
12873
12873
  "mix": {
12874
- "color": "#409eff",
12875
- "weight": 0.35
12874
+ "color": "#91cbff",
12875
+ "weight": 0.05
12876
12876
  },
12877
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12877
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
12878
12878
  "isSource": true,
12879
12879
  "original": {
12880
12880
  "value": "{base.color.blue.3}",
@@ -12891,8 +12891,8 @@
12891
12891
  }
12892
12892
  },
12893
12893
  "mix": {
12894
- "color": "{base.color.blue.5}",
12895
- "weight": 0.35
12894
+ "color": "{base.color.blue.2}",
12895
+ "weight": 0.05
12896
12896
  }
12897
12897
  },
12898
12898
  "name": "fgColor-accent",
@@ -13005,7 +13005,7 @@
13005
13005
  "path": ["fgColor", "attention"]
13006
13006
  },
13007
13007
  "fgColor-severe": {
13008
- "value": "#f48b25",
13008
+ "value": "#fe9a2d",
13009
13009
  "$type": "color",
13010
13010
  "$extensions": {
13011
13011
  "org.primer.figma": {
@@ -13018,10 +13018,10 @@
13018
13018
  }
13019
13019
  }
13020
13020
  },
13021
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13021
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13022
13022
  "isSource": true,
13023
13023
  "original": {
13024
- "value": "{base.color.orange.4}",
13024
+ "value": "{base.color.orange.3}",
13025
13025
  "$type": "color",
13026
13026
  "$extensions": {
13027
13027
  "org.primer.figma": {
@@ -13040,7 +13040,7 @@
13040
13040
  "path": ["fgColor", "severe"]
13041
13041
  },
13042
13042
  "fgColor-danger": {
13043
- "value": "#ff8080",
13043
+ "value": "#ff9492",
13044
13044
  "$type": "color",
13045
13045
  "$extensions": {
13046
13046
  "org.primer.figma": {
@@ -13053,10 +13053,10 @@
13053
13053
  }
13054
13054
  }
13055
13055
  },
13056
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13056
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13057
13057
  "isSource": true,
13058
13058
  "original": {
13059
- "value": "{base.color.red.4}",
13059
+ "value": "{base.color.red.3}",
13060
13060
  "$type": "color",
13061
13061
  "$extensions": {
13062
13062
  "org.primer.figma": {
@@ -13075,7 +13075,7 @@
13075
13075
  "path": ["fgColor", "danger"]
13076
13076
  },
13077
13077
  "fgColor-closed": {
13078
- "value": "#ff8080",
13078
+ "value": "#ff9492",
13079
13079
  "$type": "color",
13080
13080
  "$extensions": {
13081
13081
  "org.primer.figma": {
@@ -13110,7 +13110,7 @@
13110
13110
  "path": ["fgColor", "closed"]
13111
13111
  },
13112
13112
  "fgColor-done": {
13113
- "value": "#bf8fff",
13113
+ "value": "#cb9eff",
13114
13114
  "$type": "color",
13115
13115
  "$extensions": {
13116
13116
  "org.primer.figma": {
@@ -13123,10 +13123,10 @@
13123
13123
  }
13124
13124
  }
13125
13125
  },
13126
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13126
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13127
13127
  "isSource": true,
13128
13128
  "original": {
13129
- "value": "{base.color.purple.4}",
13129
+ "value": "{base.color.purple.3}",
13130
13130
  "$type": "color",
13131
13131
  "$extensions": {
13132
13132
  "org.primer.figma": {
@@ -13145,7 +13145,7 @@
13145
13145
  "path": ["fgColor", "done"]
13146
13146
  },
13147
13147
  "fgColor-upsell": {
13148
- "value": "#bf8fff",
13148
+ "value": "#cb9eff",
13149
13149
  "$type": "color",
13150
13150
  "$extensions": {
13151
13151
  "org.primer.figma": {
@@ -13180,7 +13180,7 @@
13180
13180
  "path": ["fgColor", "upsell"]
13181
13181
  },
13182
13182
  "fgColor-sponsors": {
13183
- "value": "#f87cbd",
13183
+ "value": "#ff8dc7",
13184
13184
  "$type": "color",
13185
13185
  "$extensions": {
13186
13186
  "org.primer.figma": {
@@ -13193,10 +13193,10 @@
13193
13193
  }
13194
13194
  }
13195
13195
  },
13196
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13196
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13197
13197
  "isSource": true,
13198
13198
  "original": {
13199
- "value": "{base.color.pink.4}",
13199
+ "value": "{base.color.pink.3}",
13200
13200
  "$type": "color",
13201
13201
  "$extensions": {
13202
13202
  "org.primer.figma": {
@@ -13250,7 +13250,7 @@
13250
13250
  "path": ["bgColor", "default"]
13251
13251
  },
13252
13252
  "bgColor-muted": {
13253
- "value": "#272b33",
13253
+ "value": "#191c22",
13254
13254
  "$type": "color",
13255
13255
  "$extensions": {
13256
13256
  "org.primer.figma": {
@@ -13263,10 +13263,14 @@
13263
13263
  }
13264
13264
  }
13265
13265
  },
13266
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13266
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13267
13267
  "isSource": true,
13268
+ "mix": {
13269
+ "color": "#272b33",
13270
+ "weight": 0.5
13271
+ },
13268
13272
  "original": {
13269
- "value": "{base.color.neutral.8}",
13273
+ "value": "{base.color.neutral.9}",
13270
13274
  "$type": "color",
13271
13275
  "$extensions": {
13272
13276
  "org.primer.figma": {
@@ -13278,6 +13282,10 @@
13278
13282
  "web": "var(--bgColor-muted) /* utility class: .color-bg-muted */"
13279
13283
  }
13280
13284
  }
13285
+ },
13286
+ "mix": {
13287
+ "color": "{base.color.neutral.8}",
13288
+ "weight": 0.5
13281
13289
  }
13282
13290
  },
13283
13291
  "name": "bgColor-muted",
@@ -13508,7 +13516,7 @@
13508
13516
  "path": ["bgColor", "transparent"]
13509
13517
  },
13510
13518
  "bgColor-neutral-muted": {
13511
- "value": "#9ea7b366",
13519
+ "value": "#7a828e66",
13512
13520
  "$type": "color",
13513
13521
  "$extensions": {
13514
13522
  "org.primer.figma": {
@@ -13519,10 +13527,10 @@
13519
13527
  }
13520
13528
  },
13521
13529
  "alpha": 0.4,
13522
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13530
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13523
13531
  "isSource": true,
13524
13532
  "original": {
13525
- "value": "{base.color.neutral.4}",
13533
+ "value": "{base.color.neutral.5}",
13526
13534
  "$type": "color",
13527
13535
  "$extensions": {
13528
13536
  "org.primer.figma": {
@@ -13568,7 +13576,7 @@
13568
13576
  "path": ["bgColor", "neutral", "emphasis"]
13569
13577
  },
13570
13578
  "bgColor-accent-muted": {
13571
- "value": "#5cacff1a",
13579
+ "value": "#409eff1a",
13572
13580
  "$type": "color",
13573
13581
  "$extensions": {
13574
13582
  "org.primer.figma": {
@@ -13582,10 +13590,10 @@
13582
13590
  }
13583
13591
  },
13584
13592
  "alpha": 0.1,
13585
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13593
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13586
13594
  "isSource": true,
13587
13595
  "original": {
13588
- "value": "{base.color.blue.4}",
13596
+ "value": "{base.color.blue.5}",
13589
13597
  "$type": "color",
13590
13598
  "$extensions": {
13591
13599
  "org.primer.figma": {
@@ -13640,7 +13648,7 @@
13640
13648
  "path": ["bgColor", "accent", "emphasis"]
13641
13649
  },
13642
13650
  "bgColor-success-muted": {
13643
- "value": "#0ac74026",
13651
+ "value": "#0ac74024",
13644
13652
  "$type": "color",
13645
13653
  "$extensions": {
13646
13654
  "org.primer.figma": {
@@ -13653,8 +13661,8 @@
13653
13661
  }
13654
13662
  }
13655
13663
  },
13656
- "alpha": 0.15,
13657
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13664
+ "alpha": 0.14,
13665
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13658
13666
  "isSource": true,
13659
13667
  "original": {
13660
13668
  "value": "{base.color.green.4}",
@@ -13670,7 +13678,7 @@
13670
13678
  }
13671
13679
  }
13672
13680
  },
13673
- "alpha": 0.15
13681
+ "alpha": 0.14
13674
13682
  },
13675
13683
  "name": "bgColor-success-muted",
13676
13684
  "attributes": {},
@@ -13712,7 +13720,7 @@
13712
13720
  "path": ["bgColor", "success", "emphasis"]
13713
13721
  },
13714
13722
  "bgColor-open-muted": {
13715
- "value": "#0ac74026",
13723
+ "value": "#0ac74024",
13716
13724
  "$type": "color",
13717
13725
  "$extensions": {
13718
13726
  "org.primer.figma": {
@@ -13725,8 +13733,8 @@
13725
13733
  }
13726
13734
  }
13727
13735
  },
13728
- "alpha": 0.15,
13729
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13736
+ "alpha": 0.14,
13737
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13730
13738
  "isSource": true,
13731
13739
  "original": {
13732
13740
  "value": "{bgColor.success.muted}",
@@ -13742,7 +13750,7 @@
13742
13750
  }
13743
13751
  }
13744
13752
  },
13745
- "alpha": 0.15
13753
+ "alpha": 0.14
13746
13754
  },
13747
13755
  "name": "bgColor-open-muted",
13748
13756
  "attributes": {},
@@ -13856,7 +13864,7 @@
13856
13864
  "path": ["bgColor", "attention", "emphasis"]
13857
13865
  },
13858
13866
  "bgColor-severe-muted": {
13859
- "value": "#f48b251a",
13867
+ "value": "#f48b2516",
13860
13868
  "$type": "color",
13861
13869
  "$extensions": {
13862
13870
  "org.primer.figma": {
@@ -13869,8 +13877,8 @@
13869
13877
  }
13870
13878
  }
13871
13879
  },
13872
- "alpha": 0.1,
13873
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13880
+ "alpha": 0.088,
13881
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13874
13882
  "isSource": true,
13875
13883
  "original": {
13876
13884
  "value": "{base.color.orange.4}",
@@ -13886,7 +13894,7 @@
13886
13894
  }
13887
13895
  }
13888
13896
  },
13889
- "alpha": 0.1
13897
+ "alpha": 0.088
13890
13898
  },
13891
13899
  "name": "bgColor-severe-muted",
13892
13900
  "attributes": {},
@@ -13928,7 +13936,7 @@
13928
13936
  "path": ["bgColor", "severe", "emphasis"]
13929
13937
  },
13930
13938
  "bgColor-danger-muted": {
13931
- "value": "#ff80801a",
13939
+ "value": "#ff808017",
13932
13940
  "$type": "color",
13933
13941
  "$extensions": {
13934
13942
  "org.primer.figma": {
@@ -13941,8 +13949,8 @@
13941
13949
  }
13942
13950
  }
13943
13951
  },
13944
- "alpha": 0.1,
13945
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13952
+ "alpha": 0.09,
13953
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
13946
13954
  "isSource": true,
13947
13955
  "original": {
13948
13956
  "value": "{base.color.red.4}",
@@ -13958,7 +13966,7 @@
13958
13966
  }
13959
13967
  }
13960
13968
  },
13961
- "alpha": 0.1
13969
+ "alpha": 0.09
13962
13970
  },
13963
13971
  "name": "bgColor-danger-muted",
13964
13972
  "attributes": {},
@@ -14000,7 +14008,7 @@
14000
14008
  "path": ["bgColor", "danger", "emphasis"]
14001
14009
  },
14002
14010
  "bgColor-closed-muted": {
14003
- "value": "#ff80801a",
14011
+ "value": "#ff808017",
14004
14012
  "$type": "color",
14005
14013
  "$extensions": {
14006
14014
  "org.primer.figma": {
@@ -14013,8 +14021,8 @@
14013
14021
  }
14014
14022
  }
14015
14023
  },
14016
- "alpha": 0.1,
14017
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14024
+ "alpha": 0.09,
14025
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14018
14026
  "isSource": true,
14019
14027
  "original": {
14020
14028
  "value": "{bgColor.danger.muted}",
@@ -14030,7 +14038,7 @@
14030
14038
  }
14031
14039
  }
14032
14040
  },
14033
- "alpha": 0.1
14041
+ "alpha": 0.09
14034
14042
  },
14035
14043
  "name": "bgColor-closed-muted",
14036
14044
  "attributes": {},
@@ -14053,7 +14061,7 @@
14053
14061
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14054
14062
  "isSource": true,
14055
14063
  "original": {
14056
- "value": "{base.color.red.5}",
14064
+ "value": "{bgColor.danger.emphasis}",
14057
14065
  "$type": "color",
14058
14066
  "$extensions": {
14059
14067
  "org.primer.figma": {
@@ -14072,7 +14080,7 @@
14072
14080
  "path": ["bgColor", "closed", "emphasis"]
14073
14081
  },
14074
14082
  "bgColor-done-muted": {
14075
- "value": "#bf8fff26",
14083
+ "value": "#b87fff17",
14076
14084
  "$type": "color",
14077
14085
  "$extensions": {
14078
14086
  "org.primer.figma": {
@@ -14085,11 +14093,11 @@
14085
14093
  }
14086
14094
  }
14087
14095
  },
14088
- "alpha": 0.15,
14089
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14096
+ "alpha": 0.09,
14097
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14090
14098
  "isSource": true,
14091
14099
  "original": {
14092
- "value": "{base.color.purple.4}",
14100
+ "value": "{base.color.purple.5}",
14093
14101
  "$type": "color",
14094
14102
  "$extensions": {
14095
14103
  "org.primer.figma": {
@@ -14102,7 +14110,7 @@
14102
14110
  }
14103
14111
  }
14104
14112
  },
14105
- "alpha": 0.15
14113
+ "alpha": 0.09
14106
14114
  },
14107
14115
  "name": "bgColor-done-muted",
14108
14116
  "attributes": {},
@@ -14144,7 +14152,7 @@
14144
14152
  "path": ["bgColor", "done", "emphasis"]
14145
14153
  },
14146
14154
  "bgColor-upsell-muted": {
14147
- "value": "#bf8fff26",
14155
+ "value": "#b87fff17",
14148
14156
  "$type": "color",
14149
14157
  "$extensions": {
14150
14158
  "org.primer.figma": {
@@ -14157,11 +14165,11 @@
14157
14165
  }
14158
14166
  }
14159
14167
  },
14160
- "alpha": 0.15,
14161
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14168
+ "alpha": 0.09,
14169
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14162
14170
  "isSource": true,
14163
14171
  "original": {
14164
- "value": "{base.color.purple.4}",
14172
+ "value": "{bgColor.done.muted}",
14165
14173
  "$type": "color",
14166
14174
  "$extensions": {
14167
14175
  "org.primer.figma": {
@@ -14174,7 +14182,7 @@
14174
14182
  }
14175
14183
  }
14176
14184
  },
14177
- "alpha": 0.15
14185
+ "alpha": 0.09
14178
14186
  },
14179
14187
  "name": "bgColor-upsell-muted",
14180
14188
  "attributes": {},
@@ -14197,7 +14205,7 @@
14197
14205
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14198
14206
  "isSource": true,
14199
14207
  "original": {
14200
- "value": "{base.color.purple.5}",
14208
+ "value": "{bgColor.done.emphasis}",
14201
14209
  "$type": "color",
14202
14210
  "$extensions": {
14203
14211
  "org.primer.figma": {
@@ -14216,7 +14224,7 @@
14216
14224
  "path": ["bgColor", "upsell", "emphasis"]
14217
14225
  },
14218
14226
  "bgColor-sponsors-muted": {
14219
- "value": "#f87cbd1a",
14227
+ "value": "#ef6eb117",
14220
14228
  "$type": "color",
14221
14229
  "$extensions": {
14222
14230
  "org.primer.figma": {
@@ -14229,11 +14237,11 @@
14229
14237
  }
14230
14238
  }
14231
14239
  },
14232
- "alpha": 0.1,
14233
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14240
+ "alpha": 0.09,
14241
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14234
14242
  "isSource": true,
14235
14243
  "original": {
14236
- "value": "{base.color.pink.4}",
14244
+ "value": "{base.color.pink.5}",
14237
14245
  "$type": "color",
14238
14246
  "$extensions": {
14239
14247
  "org.primer.figma": {
@@ -14246,7 +14254,7 @@
14246
14254
  }
14247
14255
  }
14248
14256
  },
14249
- "alpha": 0.1
14257
+ "alpha": 0.09
14250
14258
  },
14251
14259
  "name": "bgColor-sponsors-muted",
14252
14260
  "attributes": {},
@@ -14360,7 +14368,7 @@
14360
14368
  "path": ["borderColor", "muted"]
14361
14369
  },
14362
14370
  "borderColor-emphasis": {
14363
- "value": "#7a828e",
14371
+ "value": "#9ea7b3",
14364
14372
  "$type": "color",
14365
14373
  "$extensions": {
14366
14374
  "org.primer.figma": {
@@ -14370,10 +14378,10 @@
14370
14378
  "scopes": ["borderColor"]
14371
14379
  }
14372
14380
  },
14373
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14381
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14374
14382
  "isSource": true,
14375
14383
  "original": {
14376
- "value": "{base.color.neutral.5}",
14384
+ "value": "{base.color.neutral.4}",
14377
14385
  "$type": "color",
14378
14386
  "$extensions": {
14379
14387
  "org.primer.figma": {