@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.cbbd0a9a

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 (53) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +10 -10
  2. package/dist/css/functional/themes/dark-dimmed.css +12 -12
  3. package/dist/css/functional/themes/dark-high-contrast.css +80 -80
  4. package/dist/css/functional/themes/dark-tritanopia.css +12 -12
  5. package/dist/css/functional/themes/dark.css +12 -12
  6. package/dist/css/functional/themes/light-colorblind.css +22 -22
  7. package/dist/css/functional/themes/light-high-contrast.css +30 -30
  8. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  9. package/dist/css/functional/themes/light.css +10 -10
  10. package/dist/docs/functional/themes/dark-colorblind.json +145 -145
  11. package/dist/docs/functional/themes/dark-dimmed.json +155 -153
  12. package/dist/docs/functional/themes/dark-high-contrast.json +245 -235
  13. package/dist/docs/functional/themes/dark-tritanopia.json +149 -149
  14. package/dist/docs/functional/themes/dark.json +155 -153
  15. package/dist/docs/functional/themes/light-colorblind.json +165 -171
  16. package/dist/docs/functional/themes/light-high-contrast.json +188 -184
  17. package/dist/docs/functional/themes/light-tritanopia.json +163 -169
  18. package/dist/docs/functional/themes/light.json +157 -155
  19. package/dist/figma/themes/dark-colorblind.json +155 -155
  20. package/dist/figma/themes/dark-dimmed.json +139 -138
  21. package/dist/figma/themes/dark-high-contrast.json +230 -228
  22. package/dist/figma/themes/dark-tritanopia.json +157 -157
  23. package/dist/figma/themes/dark.json +139 -138
  24. package/dist/figma/themes/light-colorblind.json +213 -214
  25. package/dist/figma/themes/light-high-contrast.json +171 -169
  26. package/dist/figma/themes/light-tritanopia.json +212 -213
  27. package/dist/figma/themes/light.json +135 -134
  28. package/dist/internalCss/dark-colorblind.css +10 -10
  29. package/dist/internalCss/dark-dimmed.css +12 -12
  30. package/dist/internalCss/dark-high-contrast.css +80 -80
  31. package/dist/internalCss/dark-tritanopia.css +12 -12
  32. package/dist/internalCss/dark.css +12 -12
  33. package/dist/internalCss/light-colorblind.css +22 -22
  34. package/dist/internalCss/light-high-contrast.css +30 -30
  35. package/dist/internalCss/light-tritanopia.css +22 -22
  36. package/dist/internalCss/light.css +10 -10
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +145 -145
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +155 -153
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +245 -235
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +149 -149
  41. package/dist/styleLint/functional/themes/dark.json +155 -153
  42. package/dist/styleLint/functional/themes/light-colorblind.json +165 -171
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +188 -184
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +163 -169
  45. package/dist/styleLint/functional/themes/light.json +157 -155
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +115 -2
  48. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  49. package/src/tokens/functional/color/dark/primitives-dark.json5 +62 -61
  50. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +46 -0
  51. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  52. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  53. package/src/tokens/functional/color/light/primitives-light.json5 +63 -62
@@ -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": {
@@ -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",
@@ -12934,8 +12934,8 @@
12934
12934
  "attributes": {},
12935
12935
  "path": ["fgColor", "success"]
12936
12936
  },
12937
- "fgColor-attention": {
12938
- "value": "#f0b72f",
12937
+ "fgColor-open": {
12938
+ "value": "#28d751",
12939
12939
  "$type": "color",
12940
12940
  "$extensions": {
12941
12941
  "org.primer.figma": {
@@ -12944,14 +12944,14 @@
12944
12944
  "group": "semantic",
12945
12945
  "scopes": ["fgColor"],
12946
12946
  "codeSyntax": {
12947
- "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12947
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12948
12948
  }
12949
12949
  }
12950
12950
  },
12951
12951
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12952
12952
  "isSource": true,
12953
12953
  "original": {
12954
- "value": "{base.color.yellow.3}",
12954
+ "value": "{fgColor.success}",
12955
12955
  "$type": "color",
12956
12956
  "$extensions": {
12957
12957
  "org.primer.figma": {
@@ -12960,17 +12960,17 @@
12960
12960
  "group": "semantic",
12961
12961
  "scopes": ["fgColor"],
12962
12962
  "codeSyntax": {
12963
- "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12963
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12964
12964
  }
12965
12965
  }
12966
12966
  }
12967
12967
  },
12968
- "name": "fgColor-attention",
12968
+ "name": "fgColor-open",
12969
12969
  "attributes": {},
12970
- "path": ["fgColor", "attention"]
12970
+ "path": ["fgColor", "open"]
12971
12971
  },
12972
- "fgColor-severe": {
12973
- "value": "#f48b25",
12972
+ "fgColor-attention": {
12973
+ "value": "#f0b72f",
12974
12974
  "$type": "color",
12975
12975
  "$extensions": {
12976
12976
  "org.primer.figma": {
@@ -12979,14 +12979,14 @@
12979
12979
  "group": "semantic",
12980
12980
  "scopes": ["fgColor"],
12981
12981
  "codeSyntax": {
12982
- "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
12982
+ "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12983
12983
  }
12984
12984
  }
12985
12985
  },
12986
12986
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12987
12987
  "isSource": true,
12988
12988
  "original": {
12989
- "value": "{base.color.orange.4}",
12989
+ "value": "{base.color.yellow.3}",
12990
12990
  "$type": "color",
12991
12991
  "$extensions": {
12992
12992
  "org.primer.figma": {
@@ -12995,17 +12995,17 @@
12995
12995
  "group": "semantic",
12996
12996
  "scopes": ["fgColor"],
12997
12997
  "codeSyntax": {
12998
- "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
12998
+ "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12999
12999
  }
13000
13000
  }
13001
13001
  }
13002
13002
  },
13003
- "name": "fgColor-severe",
13003
+ "name": "fgColor-attention",
13004
13004
  "attributes": {},
13005
- "path": ["fgColor", "severe"]
13005
+ "path": ["fgColor", "attention"]
13006
13006
  },
13007
- "fgColor-danger": {
13008
- "value": "#ff8080",
13007
+ "fgColor-severe": {
13008
+ "value": "#fe9a2d",
13009
13009
  "$type": "color",
13010
13010
  "$extensions": {
13011
13011
  "org.primer.figma": {
@@ -13014,14 +13014,14 @@
13014
13014
  "group": "semantic",
13015
13015
  "scopes": ["fgColor"],
13016
13016
  "codeSyntax": {
13017
- "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13017
+ "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
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.red.4}",
13024
+ "value": "{base.color.orange.3}",
13025
13025
  "$type": "color",
13026
13026
  "$extensions": {
13027
13027
  "org.primer.figma": {
@@ -13030,17 +13030,17 @@
13030
13030
  "group": "semantic",
13031
13031
  "scopes": ["fgColor"],
13032
13032
  "codeSyntax": {
13033
- "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13033
+ "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
13034
13034
  }
13035
13035
  }
13036
13036
  }
13037
13037
  },
13038
- "name": "fgColor-danger",
13038
+ "name": "fgColor-severe",
13039
13039
  "attributes": {},
13040
- "path": ["fgColor", "danger"]
13040
+ "path": ["fgColor", "severe"]
13041
13041
  },
13042
- "fgColor-open": {
13043
- "value": "#28d751",
13042
+ "fgColor-danger": {
13043
+ "value": "#ff9492",
13044
13044
  "$type": "color",
13045
13045
  "$extensions": {
13046
13046
  "org.primer.figma": {
@@ -13049,14 +13049,14 @@
13049
13049
  "group": "semantic",
13050
13050
  "scopes": ["fgColor"],
13051
13051
  "codeSyntax": {
13052
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13052
+ "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
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": "{fgColor.success}",
13059
+ "value": "{base.color.red.3}",
13060
13060
  "$type": "color",
13061
13061
  "$extensions": {
13062
13062
  "org.primer.figma": {
@@ -13065,17 +13065,17 @@
13065
13065
  "group": "semantic",
13066
13066
  "scopes": ["fgColor"],
13067
13067
  "codeSyntax": {
13068
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13068
+ "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13069
13069
  }
13070
13070
  }
13071
13071
  }
13072
13072
  },
13073
- "name": "fgColor-open",
13073
+ "name": "fgColor-danger",
13074
13074
  "attributes": {},
13075
- "path": ["fgColor", "open"]
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": {
@@ -13091,7 +13091,7 @@
13091
13091
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13092
13092
  "isSource": true,
13093
13093
  "original": {
13094
- "value": "{base.color.red.4}",
13094
+ "value": "{fgColor.danger}",
13095
13095
  "$type": "color",
13096
13096
  "$extensions": {
13097
13097
  "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": {
@@ -13161,7 +13161,7 @@
13161
13161
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13162
13162
  "isSource": true,
13163
13163
  "original": {
13164
- "value": "{base.color.purple.4}",
13164
+ "value": "{fgColor.done}",
13165
13165
  "$type": "color",
13166
13166
  "$extensions": {
13167
13167
  "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",
@@ -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": {},
@@ -13711,8 +13719,8 @@
13711
13719
  "attributes": {},
13712
13720
  "path": ["bgColor", "success", "emphasis"]
13713
13721
  },
13714
- "bgColor-attention-muted": {
13715
- "value": "#edaa2726",
13722
+ "bgColor-open-muted": {
13723
+ "value": "#0ac74024",
13716
13724
  "$type": "color",
13717
13725
  "$extensions": {
13718
13726
  "org.primer.figma": {
@@ -13721,15 +13729,15 @@
13721
13729
  "group": "semantic",
13722
13730
  "scopes": ["bgColor"],
13723
13731
  "codeSyntax": {
13724
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13732
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
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
- "value": "{base.color.yellow.4}",
13740
+ "value": "{bgColor.success.muted}",
13733
13741
  "$type": "color",
13734
13742
  "$extensions": {
13735
13743
  "org.primer.figma": {
@@ -13738,18 +13746,18 @@
13738
13746
  "group": "semantic",
13739
13747
  "scopes": ["bgColor"],
13740
13748
  "codeSyntax": {
13741
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13749
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13742
13750
  }
13743
13751
  }
13744
13752
  },
13745
- "alpha": 0.15
13753
+ "alpha": 0.14
13746
13754
  },
13747
- "name": "bgColor-attention-muted",
13755
+ "name": "bgColor-open-muted",
13748
13756
  "attributes": {},
13749
- "path": ["bgColor", "attention", "muted"]
13757
+ "path": ["bgColor", "open", "muted"]
13750
13758
  },
13751
- "bgColor-attention-emphasis": {
13752
- "value": "#e09b13",
13759
+ "bgColor-open-emphasis": {
13760
+ "value": "#09b43a",
13753
13761
  "$type": "color",
13754
13762
  "$extensions": {
13755
13763
  "org.primer.figma": {
@@ -13758,14 +13766,14 @@
13758
13766
  "group": "semantic",
13759
13767
  "scopes": ["bgColor"],
13760
13768
  "codeSyntax": {
13761
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13769
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13762
13770
  }
13763
13771
  }
13764
13772
  },
13765
13773
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13766
13774
  "isSource": true,
13767
13775
  "original": {
13768
- "value": "{base.color.yellow.5}",
13776
+ "value": "{bgColor.success.emphasis}",
13769
13777
  "$type": "color",
13770
13778
  "$extensions": {
13771
13779
  "org.primer.figma": {
@@ -13774,17 +13782,17 @@
13774
13782
  "group": "semantic",
13775
13783
  "scopes": ["bgColor"],
13776
13784
  "codeSyntax": {
13777
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13785
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13778
13786
  }
13779
13787
  }
13780
13788
  }
13781
13789
  },
13782
- "name": "bgColor-attention-emphasis",
13790
+ "name": "bgColor-open-emphasis",
13783
13791
  "attributes": {},
13784
- "path": ["bgColor", "attention", "emphasis"]
13792
+ "path": ["bgColor", "open", "emphasis"]
13785
13793
  },
13786
- "bgColor-severe-muted": {
13787
- "value": "#f48b251a",
13794
+ "bgColor-attention-muted": {
13795
+ "value": "#edaa2726",
13788
13796
  "$type": "color",
13789
13797
  "$extensions": {
13790
13798
  "org.primer.figma": {
@@ -13793,15 +13801,15 @@
13793
13801
  "group": "semantic",
13794
13802
  "scopes": ["bgColor"],
13795
13803
  "codeSyntax": {
13796
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13804
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13797
13805
  }
13798
13806
  }
13799
13807
  },
13800
- "alpha": 0.1,
13808
+ "alpha": 0.15,
13801
13809
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13802
13810
  "isSource": true,
13803
13811
  "original": {
13804
- "value": "{base.color.orange.4}",
13812
+ "value": "{base.color.yellow.4}",
13805
13813
  "$type": "color",
13806
13814
  "$extensions": {
13807
13815
  "org.primer.figma": {
@@ -13810,18 +13818,18 @@
13810
13818
  "group": "semantic",
13811
13819
  "scopes": ["bgColor"],
13812
13820
  "codeSyntax": {
13813
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13821
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13814
13822
  }
13815
13823
  }
13816
13824
  },
13817
- "alpha": 0.1
13825
+ "alpha": 0.15
13818
13826
  },
13819
- "name": "bgColor-severe-muted",
13827
+ "name": "bgColor-attention-muted",
13820
13828
  "attributes": {},
13821
- "path": ["bgColor", "severe", "muted"]
13829
+ "path": ["bgColor", "attention", "muted"]
13822
13830
  },
13823
- "bgColor-severe-emphasis": {
13824
- "value": "#e7811d",
13831
+ "bgColor-attention-emphasis": {
13832
+ "value": "#e09b13",
13825
13833
  "$type": "color",
13826
13834
  "$extensions": {
13827
13835
  "org.primer.figma": {
@@ -13830,14 +13838,14 @@
13830
13838
  "group": "semantic",
13831
13839
  "scopes": ["bgColor"],
13832
13840
  "codeSyntax": {
13833
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13841
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13834
13842
  }
13835
13843
  }
13836
13844
  },
13837
13845
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13838
13846
  "isSource": true,
13839
13847
  "original": {
13840
- "value": "{base.color.orange.5}",
13848
+ "value": "{base.color.yellow.5}",
13841
13849
  "$type": "color",
13842
13850
  "$extensions": {
13843
13851
  "org.primer.figma": {
@@ -13846,17 +13854,17 @@
13846
13854
  "group": "semantic",
13847
13855
  "scopes": ["bgColor"],
13848
13856
  "codeSyntax": {
13849
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13857
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13850
13858
  }
13851
13859
  }
13852
13860
  }
13853
13861
  },
13854
- "name": "bgColor-severe-emphasis",
13862
+ "name": "bgColor-attention-emphasis",
13855
13863
  "attributes": {},
13856
- "path": ["bgColor", "severe", "emphasis"]
13864
+ "path": ["bgColor", "attention", "emphasis"]
13857
13865
  },
13858
- "bgColor-danger-muted": {
13859
- "value": "#ff80801a",
13866
+ "bgColor-severe-muted": {
13867
+ "value": "#f48b2516",
13860
13868
  "$type": "color",
13861
13869
  "$extensions": {
13862
13870
  "org.primer.figma": {
@@ -13865,15 +13873,15 @@
13865
13873
  "group": "semantic",
13866
13874
  "scopes": ["bgColor"],
13867
13875
  "codeSyntax": {
13868
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13876
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
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
- "value": "{base.color.red.4}",
13884
+ "value": "{base.color.orange.4}",
13877
13885
  "$type": "color",
13878
13886
  "$extensions": {
13879
13887
  "org.primer.figma": {
@@ -13882,18 +13890,18 @@
13882
13890
  "group": "semantic",
13883
13891
  "scopes": ["bgColor"],
13884
13892
  "codeSyntax": {
13885
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13893
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13886
13894
  }
13887
13895
  }
13888
13896
  },
13889
- "alpha": 0.1
13897
+ "alpha": 0.088
13890
13898
  },
13891
- "name": "bgColor-danger-muted",
13899
+ "name": "bgColor-severe-muted",
13892
13900
  "attributes": {},
13893
- "path": ["bgColor", "danger", "muted"]
13901
+ "path": ["bgColor", "severe", "muted"]
13894
13902
  },
13895
- "bgColor-danger-emphasis": {
13896
- "value": "#ff6a69",
13903
+ "bgColor-severe-emphasis": {
13904
+ "value": "#e7811d",
13897
13905
  "$type": "color",
13898
13906
  "$extensions": {
13899
13907
  "org.primer.figma": {
@@ -13902,14 +13910,14 @@
13902
13910
  "group": "semantic",
13903
13911
  "scopes": ["bgColor"],
13904
13912
  "codeSyntax": {
13905
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13913
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13906
13914
  }
13907
13915
  }
13908
13916
  },
13909
13917
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13910
13918
  "isSource": true,
13911
13919
  "original": {
13912
- "value": "{base.color.red.5}",
13920
+ "value": "{base.color.orange.5}",
13913
13921
  "$type": "color",
13914
13922
  "$extensions": {
13915
13923
  "org.primer.figma": {
@@ -13918,17 +13926,17 @@
13918
13926
  "group": "semantic",
13919
13927
  "scopes": ["bgColor"],
13920
13928
  "codeSyntax": {
13921
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13929
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13922
13930
  }
13923
13931
  }
13924
13932
  }
13925
13933
  },
13926
- "name": "bgColor-danger-emphasis",
13934
+ "name": "bgColor-severe-emphasis",
13927
13935
  "attributes": {},
13928
- "path": ["bgColor", "danger", "emphasis"]
13936
+ "path": ["bgColor", "severe", "emphasis"]
13929
13937
  },
13930
- "bgColor-open-muted": {
13931
- "value": "#0ac7401a",
13938
+ "bgColor-danger-muted": {
13939
+ "value": "#ff808017",
13932
13940
  "$type": "color",
13933
13941
  "$extensions": {
13934
13942
  "org.primer.figma": {
@@ -13937,15 +13945,15 @@
13937
13945
  "group": "semantic",
13938
13946
  "scopes": ["bgColor"],
13939
13947
  "codeSyntax": {
13940
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13948
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
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
- "value": "{bgColor.success.muted}",
13956
+ "value": "{base.color.red.4}",
13949
13957
  "$type": "color",
13950
13958
  "$extensions": {
13951
13959
  "org.primer.figma": {
@@ -13954,18 +13962,18 @@
13954
13962
  "group": "semantic",
13955
13963
  "scopes": ["bgColor"],
13956
13964
  "codeSyntax": {
13957
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13965
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13958
13966
  }
13959
13967
  }
13960
13968
  },
13961
- "alpha": 0.1
13969
+ "alpha": 0.09
13962
13970
  },
13963
- "name": "bgColor-open-muted",
13971
+ "name": "bgColor-danger-muted",
13964
13972
  "attributes": {},
13965
- "path": ["bgColor", "open", "muted"]
13973
+ "path": ["bgColor", "danger", "muted"]
13966
13974
  },
13967
- "bgColor-open-emphasis": {
13968
- "value": "#09b43a",
13975
+ "bgColor-danger-emphasis": {
13976
+ "value": "#ff6a69",
13969
13977
  "$type": "color",
13970
13978
  "$extensions": {
13971
13979
  "org.primer.figma": {
@@ -13974,14 +13982,14 @@
13974
13982
  "group": "semantic",
13975
13983
  "scopes": ["bgColor"],
13976
13984
  "codeSyntax": {
13977
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13985
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13978
13986
  }
13979
13987
  }
13980
13988
  },
13981
13989
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13982
13990
  "isSource": true,
13983
13991
  "original": {
13984
- "value": "{bgColor.success.emphasis}",
13992
+ "value": "{base.color.red.5}",
13985
13993
  "$type": "color",
13986
13994
  "$extensions": {
13987
13995
  "org.primer.figma": {
@@ -13990,17 +13998,17 @@
13990
13998
  "group": "semantic",
13991
13999
  "scopes": ["bgColor"],
13992
14000
  "codeSyntax": {
13993
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14001
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13994
14002
  }
13995
14003
  }
13996
14004
  }
13997
14005
  },
13998
- "name": "bgColor-open-emphasis",
14006
+ "name": "bgColor-danger-emphasis",
13999
14007
  "attributes": {},
14000
- "path": ["bgColor", "open", "emphasis"]
14008
+ "path": ["bgColor", "danger", "emphasis"]
14001
14009
  },
14002
14010
  "bgColor-closed-muted": {
14003
- "value": "#ff808026",
14011
+ "value": "#ff808017",
14004
14012
  "$type": "color",
14005
14013
  "$extensions": {
14006
14014
  "org.primer.figma": {
@@ -14013,11 +14021,11 @@
14013
14021
  }
14014
14022
  }
14015
14023
  },
14016
- "alpha": 0.15,
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
- "value": "{base.color.red.4}",
14028
+ "value": "{bgColor.danger.muted}",
14021
14029
  "$type": "color",
14022
14030
  "$extensions": {
14023
14031
  "org.primer.figma": {
@@ -14030,7 +14038,7 @@
14030
14038
  }
14031
14039
  }
14032
14040
  },
14033
- "alpha": 0.15
14041
+ "alpha": 0.09
14034
14042
  },
14035
14043
  "name": "bgColor-closed-muted",
14036
14044
  "attributes": {},
@@ -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": {},
@@ -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": {
@@ -14681,8 +14689,8 @@
14681
14689
  "attributes": {},
14682
14690
  "path": ["borderColor", "success", "emphasis"]
14683
14691
  },
14684
- "borderColor-attention-muted": {
14685
- "value": "#edaa27",
14692
+ "borderColor-open-muted": {
14693
+ "value": "#0ac740",
14686
14694
  "$type": "color",
14687
14695
  "$extensions": {
14688
14696
  "org.primer.figma": {
@@ -14691,7 +14699,7 @@
14691
14699
  "group": "semantic",
14692
14700
  "scopes": ["borderColor"],
14693
14701
  "codeSyntax": {
14694
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14702
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14695
14703
  }
14696
14704
  }
14697
14705
  },
@@ -14699,7 +14707,7 @@
14699
14707
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14700
14708
  "isSource": true,
14701
14709
  "original": {
14702
- "value": "{base.color.yellow.4}",
14710
+ "value": "{borderColor.success.muted}",
14703
14711
  "$type": "color",
14704
14712
  "$extensions": {
14705
14713
  "org.primer.figma": {
@@ -14708,18 +14716,18 @@
14708
14716
  "group": "semantic",
14709
14717
  "scopes": ["borderColor"],
14710
14718
  "codeSyntax": {
14711
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14719
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14712
14720
  }
14713
14721
  }
14714
14722
  },
14715
14723
  "alpha": 1
14716
14724
  },
14717
- "name": "borderColor-attention-muted",
14725
+ "name": "borderColor-open-muted",
14718
14726
  "attributes": {},
14719
- "path": ["borderColor", "attention", "muted"]
14727
+ "path": ["borderColor", "open", "muted"]
14720
14728
  },
14721
- "borderColor-attention-emphasis": {
14722
- "value": "#e09b13",
14729
+ "borderColor-open-emphasis": {
14730
+ "value": "#09b43a",
14723
14731
  "$type": "color",
14724
14732
  "$extensions": {
14725
14733
  "org.primer.figma": {
@@ -14728,14 +14736,14 @@
14728
14736
  "group": "semantic",
14729
14737
  "scopes": ["borderColor"],
14730
14738
  "codeSyntax": {
14731
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14739
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14732
14740
  }
14733
14741
  }
14734
14742
  },
14735
14743
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14736
14744
  "isSource": true,
14737
14745
  "original": {
14738
- "value": "{base.color.yellow.5}",
14746
+ "value": "{borderColor.success.emphasis}",
14739
14747
  "$type": "color",
14740
14748
  "$extensions": {
14741
14749
  "org.primer.figma": {
@@ -14744,17 +14752,17 @@
14744
14752
  "group": "semantic",
14745
14753
  "scopes": ["borderColor"],
14746
14754
  "codeSyntax": {
14747
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14755
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14748
14756
  }
14749
14757
  }
14750
14758
  }
14751
14759
  },
14752
- "name": "borderColor-attention-emphasis",
14760
+ "name": "borderColor-open-emphasis",
14753
14761
  "attributes": {},
14754
- "path": ["borderColor", "attention", "emphasis"]
14762
+ "path": ["borderColor", "open", "emphasis"]
14755
14763
  },
14756
- "borderColor-severe-muted": {
14757
- "value": "#f48b25",
14764
+ "borderColor-attention-muted": {
14765
+ "value": "#edaa27",
14758
14766
  "$type": "color",
14759
14767
  "$extensions": {
14760
14768
  "org.primer.figma": {
@@ -14763,7 +14771,7 @@
14763
14771
  "group": "semantic",
14764
14772
  "scopes": ["borderColor"],
14765
14773
  "codeSyntax": {
14766
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14774
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14767
14775
  }
14768
14776
  }
14769
14777
  },
@@ -14771,7 +14779,7 @@
14771
14779
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14772
14780
  "isSource": true,
14773
14781
  "original": {
14774
- "value": "{base.color.orange.4}",
14782
+ "value": "{base.color.yellow.4}",
14775
14783
  "$type": "color",
14776
14784
  "$extensions": {
14777
14785
  "org.primer.figma": {
@@ -14780,18 +14788,18 @@
14780
14788
  "group": "semantic",
14781
14789
  "scopes": ["borderColor"],
14782
14790
  "codeSyntax": {
14783
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14791
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14784
14792
  }
14785
14793
  }
14786
14794
  },
14787
14795
  "alpha": 1
14788
14796
  },
14789
- "name": "borderColor-severe-muted",
14797
+ "name": "borderColor-attention-muted",
14790
14798
  "attributes": {},
14791
- "path": ["borderColor", "severe", "muted"]
14799
+ "path": ["borderColor", "attention", "muted"]
14792
14800
  },
14793
- "borderColor-severe-emphasis": {
14794
- "value": "#e7811d",
14801
+ "borderColor-attention-emphasis": {
14802
+ "value": "#e09b13",
14795
14803
  "$type": "color",
14796
14804
  "$extensions": {
14797
14805
  "org.primer.figma": {
@@ -14800,14 +14808,14 @@
14800
14808
  "group": "semantic",
14801
14809
  "scopes": ["borderColor"],
14802
14810
  "codeSyntax": {
14803
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14811
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14804
14812
  }
14805
14813
  }
14806
14814
  },
14807
14815
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14808
14816
  "isSource": true,
14809
14817
  "original": {
14810
- "value": "{base.color.orange.5}",
14818
+ "value": "{base.color.yellow.5}",
14811
14819
  "$type": "color",
14812
14820
  "$extensions": {
14813
14821
  "org.primer.figma": {
@@ -14816,17 +14824,17 @@
14816
14824
  "group": "semantic",
14817
14825
  "scopes": ["borderColor"],
14818
14826
  "codeSyntax": {
14819
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14827
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14820
14828
  }
14821
14829
  }
14822
14830
  }
14823
14831
  },
14824
- "name": "borderColor-severe-emphasis",
14832
+ "name": "borderColor-attention-emphasis",
14825
14833
  "attributes": {},
14826
- "path": ["borderColor", "severe", "emphasis"]
14834
+ "path": ["borderColor", "attention", "emphasis"]
14827
14835
  },
14828
- "borderColor-danger-muted": {
14829
- "value": "#ff8080",
14836
+ "borderColor-severe-muted": {
14837
+ "value": "#f48b25",
14830
14838
  "$type": "color",
14831
14839
  "$extensions": {
14832
14840
  "org.primer.figma": {
@@ -14835,7 +14843,7 @@
14835
14843
  "group": "semantic",
14836
14844
  "scopes": ["borderColor"],
14837
14845
  "codeSyntax": {
14838
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14846
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14839
14847
  }
14840
14848
  }
14841
14849
  },
@@ -14843,7 +14851,7 @@
14843
14851
  "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14844
14852
  "isSource": true,
14845
14853
  "original": {
14846
- "value": "{base.color.red.4}",
14854
+ "value": "{base.color.orange.4}",
14847
14855
  "$type": "color",
14848
14856
  "$extensions": {
14849
14857
  "org.primer.figma": {
@@ -14852,18 +14860,18 @@
14852
14860
  "group": "semantic",
14853
14861
  "scopes": ["borderColor"],
14854
14862
  "codeSyntax": {
14855
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14863
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14856
14864
  }
14857
14865
  }
14858
14866
  },
14859
14867
  "alpha": 1
14860
14868
  },
14861
- "name": "borderColor-danger-muted",
14869
+ "name": "borderColor-severe-muted",
14862
14870
  "attributes": {},
14863
- "path": ["borderColor", "danger", "muted"]
14871
+ "path": ["borderColor", "severe", "muted"]
14864
14872
  },
14865
- "borderColor-danger-emphasis": {
14866
- "value": "#ff6a69",
14873
+ "borderColor-severe-emphasis": {
14874
+ "value": "#e7811d",
14867
14875
  "$type": "color",
14868
14876
  "$extensions": {
14869
14877
  "org.primer.figma": {
@@ -14872,14 +14880,14 @@
14872
14880
  "group": "semantic",
14873
14881
  "scopes": ["borderColor"],
14874
14882
  "codeSyntax": {
14875
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14883
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14876
14884
  }
14877
14885
  }
14878
14886
  },
14879
14887
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14880
14888
  "isSource": true,
14881
14889
  "original": {
14882
- "value": "{base.color.red.5}",
14890
+ "value": "{base.color.orange.5}",
14883
14891
  "$type": "color",
14884
14892
  "$extensions": {
14885
14893
  "org.primer.figma": {
@@ -14888,17 +14896,17 @@
14888
14896
  "group": "semantic",
14889
14897
  "scopes": ["borderColor"],
14890
14898
  "codeSyntax": {
14891
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14899
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14892
14900
  }
14893
14901
  }
14894
14902
  }
14895
14903
  },
14896
- "name": "borderColor-danger-emphasis",
14904
+ "name": "borderColor-severe-emphasis",
14897
14905
  "attributes": {},
14898
- "path": ["borderColor", "danger", "emphasis"]
14906
+ "path": ["borderColor", "severe", "emphasis"]
14899
14907
  },
14900
- "borderColor-open-muted": {
14901
- "value": "#0ac740",
14908
+ "borderColor-danger-muted": {
14909
+ "value": "#ff8080",
14902
14910
  "$type": "color",
14903
14911
  "$extensions": {
14904
14912
  "org.primer.figma": {
@@ -14907,14 +14915,15 @@
14907
14915
  "group": "semantic",
14908
14916
  "scopes": ["borderColor"],
14909
14917
  "codeSyntax": {
14910
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14918
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14911
14919
  }
14912
14920
  }
14913
14921
  },
14914
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14922
+ "alpha": 1,
14923
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
14915
14924
  "isSource": true,
14916
14925
  "original": {
14917
- "value": "{borderColor.success.muted}",
14926
+ "value": "{base.color.red.4}",
14918
14927
  "$type": "color",
14919
14928
  "$extensions": {
14920
14929
  "org.primer.figma": {
@@ -14923,17 +14932,18 @@
14923
14932
  "group": "semantic",
14924
14933
  "scopes": ["borderColor"],
14925
14934
  "codeSyntax": {
14926
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14935
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14927
14936
  }
14928
14937
  }
14929
- }
14938
+ },
14939
+ "alpha": 1
14930
14940
  },
14931
- "name": "borderColor-open-muted",
14941
+ "name": "borderColor-danger-muted",
14932
14942
  "attributes": {},
14933
- "path": ["borderColor", "open", "muted"]
14943
+ "path": ["borderColor", "danger", "muted"]
14934
14944
  },
14935
- "borderColor-open-emphasis": {
14936
- "value": "#09b43a",
14945
+ "borderColor-danger-emphasis": {
14946
+ "value": "#ff6a69",
14937
14947
  "$type": "color",
14938
14948
  "$extensions": {
14939
14949
  "org.primer.figma": {
@@ -14942,14 +14952,14 @@
14942
14952
  "group": "semantic",
14943
14953
  "scopes": ["borderColor"],
14944
14954
  "codeSyntax": {
14945
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14955
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14946
14956
  }
14947
14957
  }
14948
14958
  },
14949
14959
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14950
14960
  "isSource": true,
14951
14961
  "original": {
14952
- "value": "{borderColor.success.emphasis}",
14962
+ "value": "{base.color.red.5}",
14953
14963
  "$type": "color",
14954
14964
  "$extensions": {
14955
14965
  "org.primer.figma": {
@@ -14958,14 +14968,14 @@
14958
14968
  "group": "semantic",
14959
14969
  "scopes": ["borderColor"],
14960
14970
  "codeSyntax": {
14961
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14971
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14962
14972
  }
14963
14973
  }
14964
14974
  }
14965
14975
  },
14966
- "name": "borderColor-open-emphasis",
14976
+ "name": "borderColor-danger-emphasis",
14967
14977
  "attributes": {},
14968
- "path": ["borderColor", "open", "emphasis"]
14978
+ "path": ["borderColor", "danger", "emphasis"]
14969
14979
  },
14970
14980
  "borderColor-closed-muted": {
14971
14981
  "value": "#ff808066",
@@ -14985,7 +14995,7 @@
14985
14995
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14986
14996
  "isSource": true,
14987
14997
  "original": {
14988
- "value": "{base.color.red.4}",
14998
+ "value": "{borderColor.danger.muted}",
14989
14999
  "$type": "color",
14990
15000
  "$extensions": {
14991
15001
  "org.primer.figma": {
@@ -15021,7 +15031,7 @@
15021
15031
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15022
15032
  "isSource": true,
15023
15033
  "original": {
15024
- "value": "{base.color.red.5}",
15034
+ "value": "{borderColor.danger.emphasis}",
15025
15035
  "$type": "color",
15026
15036
  "$extensions": {
15027
15037
  "org.primer.figma": {
@@ -15129,7 +15139,7 @@
15129
15139
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15130
15140
  "isSource": true,
15131
15141
  "original": {
15132
- "value": "{base.color.purple.4}",
15142
+ "value": "{borderColor.done.muted}",
15133
15143
  "$type": "color",
15134
15144
  "$extensions": {
15135
15145
  "org.primer.figma": {
@@ -15165,7 +15175,7 @@
15165
15175
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15166
15176
  "isSource": true,
15167
15177
  "original": {
15168
- "value": "{base.color.purple.5}",
15178
+ "value": "{borderColor.done.emphasis}",
15169
15179
  "$type": "color",
15170
15180
  "$extensions": {
15171
15181
  "org.primer.figma": {