@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948

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 (31) hide show
  1. package/dist/css/functional/themes/dark-high-contrast.css +72 -72
  2. package/dist/css/functional/themes/light-colorblind.css +22 -22
  3. package/dist/css/functional/themes/light-high-contrast.css +30 -30
  4. package/dist/css/functional/themes/light-tritanopia.css +22 -22
  5. package/dist/css/functional/themes/light.css +10 -10
  6. package/dist/docs/functional/themes/dark-high-contrast.json +91 -99
  7. package/dist/docs/functional/themes/light-colorblind.json +171 -165
  8. package/dist/docs/functional/themes/light-high-contrast.json +184 -188
  9. package/dist/docs/functional/themes/light-tritanopia.json +169 -163
  10. package/dist/docs/functional/themes/light.json +155 -157
  11. package/dist/figma/themes/dark-high-contrast.json +98 -99
  12. package/dist/figma/themes/light-colorblind.json +214 -213
  13. package/dist/figma/themes/light-high-contrast.json +169 -171
  14. package/dist/figma/themes/light-tritanopia.json +213 -212
  15. package/dist/figma/themes/light.json +134 -135
  16. package/dist/internalCss/dark-high-contrast.css +72 -72
  17. package/dist/internalCss/light-colorblind.css +22 -22
  18. package/dist/internalCss/light-high-contrast.css +30 -30
  19. package/dist/internalCss/light-tritanopia.css +22 -22
  20. package/dist/internalCss/light.css +10 -10
  21. package/dist/styleLint/functional/themes/dark-high-contrast.json +91 -99
  22. package/dist/styleLint/functional/themes/light-colorblind.json +171 -165
  23. package/dist/styleLint/functional/themes/light-high-contrast.json +184 -188
  24. package/dist/styleLint/functional/themes/light-tritanopia.json +169 -163
  25. package/dist/styleLint/functional/themes/light.json +155 -157
  26. package/package.json +1 -1
  27. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +2 -108
  28. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -46
  29. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +6 -3
  30. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +6 -3
  31. package/src/tokens/functional/color/light/primitives-light.json5 +62 -63
@@ -5045,7 +5045,7 @@
5045
5045
  "path": ["control", "borderColor", "selected"]
5046
5046
  },
5047
5047
  "control-borderColor-success": {
5048
- "value": "#0969da",
5048
+ "value": "#218bff",
5049
5049
  "$type": "color",
5050
5050
  "$extensions": {
5051
5051
  "org.primer.figma": {
@@ -6692,7 +6692,7 @@
6692
6692
  "path": ["button", "primary", "iconColor", "rest"]
6693
6693
  },
6694
6694
  "button-primary-bgColor-rest": {
6695
- "value": "#0969da",
6695
+ "value": "#0f72e3",
6696
6696
  "$type": "color",
6697
6697
  "$extensions": {
6698
6698
  "org.primer.figma": {
@@ -6721,7 +6721,7 @@
6721
6721
  "path": ["button", "primary", "bgColor", "rest"]
6722
6722
  },
6723
6723
  "button-primary-bgColor-hover": {
6724
- "value": "#0864d1",
6724
+ "value": "#0d6bd8",
6725
6725
  "$type": "color",
6726
6726
  "$extensions": {
6727
6727
  "org.primer.figma": {
@@ -6758,7 +6758,7 @@
6758
6758
  "path": ["button", "primary", "bgColor", "hover"]
6759
6759
  },
6760
6760
  "button-primary-bgColor-active": {
6761
- "value": "#075fc8",
6761
+ "value": "#0b64ce",
6762
6762
  "$type": "color",
6763
6763
  "$extensions": {
6764
6764
  "org.primer.figma": {
@@ -12909,41 +12909,6 @@
12909
12909
  "attributes": {},
12910
12910
  "path": ["fgColor", "success"]
12911
12911
  },
12912
- "fgColor-open": {
12913
- "value": "#bc4c00",
12914
- "$type": "color",
12915
- "$extensions": {
12916
- "org.primer.figma": {
12917
- "collection": "mode",
12918
- "mode": "light",
12919
- "group": "semantic",
12920
- "scopes": ["fgColor"],
12921
- "codeSyntax": {
12922
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12923
- }
12924
- }
12925
- },
12926
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
12927
- "isSource": true,
12928
- "original": {
12929
- "value": "{base.color.orange.5}",
12930
- "$type": "color",
12931
- "$extensions": {
12932
- "org.primer.figma": {
12933
- "collection": "mode",
12934
- "mode": "light",
12935
- "group": "semantic",
12936
- "scopes": ["fgColor"],
12937
- "codeSyntax": {
12938
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12939
- }
12940
- }
12941
- }
12942
- },
12943
- "name": "fgColor-open",
12944
- "attributes": {},
12945
- "path": ["fgColor", "open"]
12946
- },
12947
12912
  "fgColor-attention": {
12948
12913
  "value": "#9a6700",
12949
12914
  "$type": "color",
@@ -13057,6 +13022,41 @@
13057
13022
  "attributes": {},
13058
13023
  "path": ["fgColor", "danger"]
13059
13024
  },
13025
+ "fgColor-open": {
13026
+ "value": "#bc4c00",
13027
+ "$type": "color",
13028
+ "$extensions": {
13029
+ "org.primer.figma": {
13030
+ "collection": "mode",
13031
+ "mode": "light",
13032
+ "group": "semantic",
13033
+ "scopes": ["fgColor"],
13034
+ "codeSyntax": {
13035
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13036
+ }
13037
+ }
13038
+ },
13039
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13040
+ "isSource": true,
13041
+ "original": {
13042
+ "value": "{base.color.orange.5}",
13043
+ "$type": "color",
13044
+ "$extensions": {
13045
+ "org.primer.figma": {
13046
+ "collection": "mode",
13047
+ "mode": "light",
13048
+ "group": "semantic",
13049
+ "scopes": ["fgColor"],
13050
+ "codeSyntax": {
13051
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13052
+ }
13053
+ }
13054
+ }
13055
+ },
13056
+ "name": "fgColor-open",
13057
+ "attributes": {},
13058
+ "path": ["fgColor", "open"]
13059
+ },
13060
13060
  "fgColor-closed": {
13061
13061
  "value": "#6e7781",
13062
13062
  "$type": "color",
@@ -13144,7 +13144,7 @@
13144
13144
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13145
13145
  "isSource": true,
13146
13146
  "original": {
13147
- "value": "{fgColor.done}",
13147
+ "value": "{base.color.purple.5}",
13148
13148
  "$type": "color",
13149
13149
  "$extensions": {
13150
13150
  "org.primer.figma": {
@@ -13656,7 +13656,7 @@
13656
13656
  "path": ["bgColor", "success", "muted"]
13657
13657
  },
13658
13658
  "bgColor-success-emphasis": {
13659
- "value": "#0969da",
13659
+ "value": "#0f72e3",
13660
13660
  "$type": "color",
13661
13661
  "$extensions": {
13662
13662
  "org.primer.figma": {
@@ -13669,11 +13669,14 @@
13669
13669
  }
13670
13670
  }
13671
13671
  },
13672
- "mix": null,
13672
+ "mix": {
13673
+ "color": "#0969da",
13674
+ "weight": 0.75
13675
+ },
13673
13676
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13674
13677
  "isSource": true,
13675
13678
  "original": {
13676
- "value": "{base.color.blue.5}",
13679
+ "value": "{base.color.blue.4}",
13677
13680
  "$type": "color",
13678
13681
  "$extensions": {
13679
13682
  "org.primer.figma": {
@@ -13686,14 +13689,17 @@
13686
13689
  }
13687
13690
  }
13688
13691
  },
13689
- "mix": null
13692
+ "mix": {
13693
+ "color": "{base.color.blue.5}",
13694
+ "weight": 0.75
13695
+ }
13690
13696
  },
13691
13697
  "name": "bgColor-success-emphasis",
13692
13698
  "attributes": {},
13693
13699
  "path": ["bgColor", "success", "emphasis"]
13694
13700
  },
13695
- "bgColor-open-muted": {
13696
- "value": "#fb8f4466",
13701
+ "bgColor-attention-muted": {
13702
+ "value": "#fff8c5",
13697
13703
  "$type": "color",
13698
13704
  "$extensions": {
13699
13705
  "org.primer.figma": {
@@ -13702,15 +13708,14 @@
13702
13708
  "group": "semantic",
13703
13709
  "scopes": ["bgColor"],
13704
13710
  "codeSyntax": {
13705
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13711
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13706
13712
  }
13707
13713
  }
13708
13714
  },
13709
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13715
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13710
13716
  "isSource": true,
13711
- "alpha": 0.4,
13712
13717
  "original": {
13713
- "value": "{base.color.orange.3}",
13718
+ "value": "{base.color.yellow.0}",
13714
13719
  "$type": "color",
13715
13720
  "$extensions": {
13716
13721
  "org.primer.figma": {
@@ -13719,18 +13724,17 @@
13719
13724
  "group": "semantic",
13720
13725
  "scopes": ["bgColor"],
13721
13726
  "codeSyntax": {
13722
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13727
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13723
13728
  }
13724
13729
  }
13725
- },
13726
- "alpha": 0.4
13730
+ }
13727
13731
  },
13728
- "name": "bgColor-open-muted",
13732
+ "name": "bgColor-attention-muted",
13729
13733
  "attributes": {},
13730
- "path": ["bgColor", "open", "muted"]
13734
+ "path": ["bgColor", "attention", "muted"]
13731
13735
  },
13732
- "bgColor-open-emphasis": {
13733
- "value": "#e16f24",
13736
+ "bgColor-attention-emphasis": {
13737
+ "value": "#9a6700",
13734
13738
  "$type": "color",
13735
13739
  "$extensions": {
13736
13740
  "org.primer.figma": {
@@ -13739,14 +13743,14 @@
13739
13743
  "group": "semantic",
13740
13744
  "scopes": ["bgColor"],
13741
13745
  "codeSyntax": {
13742
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13746
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13743
13747
  }
13744
13748
  }
13745
13749
  },
13746
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13750
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13747
13751
  "isSource": true,
13748
13752
  "original": {
13749
- "value": "{base.color.orange.4}",
13753
+ "value": "{base.color.yellow.5}",
13750
13754
  "$type": "color",
13751
13755
  "$extensions": {
13752
13756
  "org.primer.figma": {
@@ -13755,17 +13759,17 @@
13755
13759
  "group": "semantic",
13756
13760
  "scopes": ["bgColor"],
13757
13761
  "codeSyntax": {
13758
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13762
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13759
13763
  }
13760
13764
  }
13761
13765
  }
13762
13766
  },
13763
- "name": "bgColor-open-emphasis",
13767
+ "name": "bgColor-attention-emphasis",
13764
13768
  "attributes": {},
13765
- "path": ["bgColor", "open", "emphasis"]
13769
+ "path": ["bgColor", "attention", "emphasis"]
13766
13770
  },
13767
- "bgColor-attention-muted": {
13768
- "value": "#fff8c5",
13771
+ "bgColor-severe-muted": {
13772
+ "value": "#fff1e5",
13769
13773
  "$type": "color",
13770
13774
  "$extensions": {
13771
13775
  "org.primer.figma": {
@@ -13774,14 +13778,14 @@
13774
13778
  "group": "semantic",
13775
13779
  "scopes": ["bgColor"],
13776
13780
  "codeSyntax": {
13777
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13781
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13778
13782
  }
13779
13783
  }
13780
13784
  },
13781
13785
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13782
13786
  "isSource": true,
13783
13787
  "original": {
13784
- "value": "{base.color.yellow.0}",
13788
+ "value": "{base.color.orange.0}",
13785
13789
  "$type": "color",
13786
13790
  "$extensions": {
13787
13791
  "org.primer.figma": {
@@ -13790,17 +13794,17 @@
13790
13794
  "group": "semantic",
13791
13795
  "scopes": ["bgColor"],
13792
13796
  "codeSyntax": {
13793
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13797
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13794
13798
  }
13795
13799
  }
13796
13800
  }
13797
13801
  },
13798
- "name": "bgColor-attention-muted",
13802
+ "name": "bgColor-severe-muted",
13799
13803
  "attributes": {},
13800
- "path": ["bgColor", "attention", "muted"]
13804
+ "path": ["bgColor", "severe", "muted"]
13801
13805
  },
13802
- "bgColor-attention-emphasis": {
13803
- "value": "#9a6700",
13806
+ "bgColor-severe-emphasis": {
13807
+ "value": "#bc4c00",
13804
13808
  "$type": "color",
13805
13809
  "$extensions": {
13806
13810
  "org.primer.figma": {
@@ -13809,14 +13813,14 @@
13809
13813
  "group": "semantic",
13810
13814
  "scopes": ["bgColor"],
13811
13815
  "codeSyntax": {
13812
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13816
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13813
13817
  }
13814
13818
  }
13815
13819
  },
13816
13820
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13817
13821
  "isSource": true,
13818
13822
  "original": {
13819
- "value": "{base.color.yellow.5}",
13823
+ "value": "{base.color.orange.5}",
13820
13824
  "$type": "color",
13821
13825
  "$extensions": {
13822
13826
  "org.primer.figma": {
@@ -13825,16 +13829,16 @@
13825
13829
  "group": "semantic",
13826
13830
  "scopes": ["bgColor"],
13827
13831
  "codeSyntax": {
13828
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13832
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13829
13833
  }
13830
13834
  }
13831
13835
  }
13832
13836
  },
13833
- "name": "bgColor-attention-emphasis",
13837
+ "name": "bgColor-severe-emphasis",
13834
13838
  "attributes": {},
13835
- "path": ["bgColor", "attention", "emphasis"]
13839
+ "path": ["bgColor", "severe", "emphasis"]
13836
13840
  },
13837
- "bgColor-severe-muted": {
13841
+ "bgColor-danger-muted": {
13838
13842
  "value": "#fff1e5",
13839
13843
  "$type": "color",
13840
13844
  "$extensions": {
@@ -13844,11 +13848,11 @@
13844
13848
  "group": "semantic",
13845
13849
  "scopes": ["bgColor"],
13846
13850
  "codeSyntax": {
13847
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13851
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13848
13852
  }
13849
13853
  }
13850
13854
  },
13851
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13855
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13852
13856
  "isSource": true,
13853
13857
  "original": {
13854
13858
  "value": "{base.color.orange.0}",
@@ -13860,16 +13864,16 @@
13860
13864
  "group": "semantic",
13861
13865
  "scopes": ["bgColor"],
13862
13866
  "codeSyntax": {
13863
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13867
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13864
13868
  }
13865
13869
  }
13866
13870
  }
13867
13871
  },
13868
- "name": "bgColor-severe-muted",
13872
+ "name": "bgColor-danger-muted",
13869
13873
  "attributes": {},
13870
- "path": ["bgColor", "severe", "muted"]
13874
+ "path": ["bgColor", "danger", "muted"]
13871
13875
  },
13872
- "bgColor-severe-emphasis": {
13876
+ "bgColor-danger-emphasis": {
13873
13877
  "value": "#bc4c00",
13874
13878
  "$type": "color",
13875
13879
  "$extensions": {
@@ -13879,11 +13883,11 @@
13879
13883
  "group": "semantic",
13880
13884
  "scopes": ["bgColor"],
13881
13885
  "codeSyntax": {
13882
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13886
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13883
13887
  }
13884
13888
  }
13885
13889
  },
13886
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13890
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13887
13891
  "isSource": true,
13888
13892
  "original": {
13889
13893
  "value": "{base.color.orange.5}",
@@ -13895,17 +13899,17 @@
13895
13899
  "group": "semantic",
13896
13900
  "scopes": ["bgColor"],
13897
13901
  "codeSyntax": {
13898
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13902
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13899
13903
  }
13900
13904
  }
13901
13905
  }
13902
13906
  },
13903
- "name": "bgColor-severe-emphasis",
13907
+ "name": "bgColor-danger-emphasis",
13904
13908
  "attributes": {},
13905
- "path": ["bgColor", "severe", "emphasis"]
13909
+ "path": ["bgColor", "danger", "emphasis"]
13906
13910
  },
13907
- "bgColor-danger-muted": {
13908
- "value": "#fff1e5",
13911
+ "bgColor-open-muted": {
13912
+ "value": "#fb8f4466",
13909
13913
  "$type": "color",
13910
13914
  "$extensions": {
13911
13915
  "org.primer.figma": {
@@ -13914,14 +13918,15 @@
13914
13918
  "group": "semantic",
13915
13919
  "scopes": ["bgColor"],
13916
13920
  "codeSyntax": {
13917
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13921
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13918
13922
  }
13919
13923
  }
13920
13924
  },
13921
13925
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13922
13926
  "isSource": true,
13927
+ "alpha": 0.4,
13923
13928
  "original": {
13924
- "value": "{base.color.orange.0}",
13929
+ "value": "{base.color.orange.3}",
13925
13930
  "$type": "color",
13926
13931
  "$extensions": {
13927
13932
  "org.primer.figma": {
@@ -13930,17 +13935,18 @@
13930
13935
  "group": "semantic",
13931
13936
  "scopes": ["bgColor"],
13932
13937
  "codeSyntax": {
13933
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13938
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13934
13939
  }
13935
13940
  }
13936
- }
13941
+ },
13942
+ "alpha": 0.4
13937
13943
  },
13938
- "name": "bgColor-danger-muted",
13944
+ "name": "bgColor-open-muted",
13939
13945
  "attributes": {},
13940
- "path": ["bgColor", "danger", "muted"]
13946
+ "path": ["bgColor", "open", "muted"]
13941
13947
  },
13942
- "bgColor-danger-emphasis": {
13943
- "value": "#bc4c00",
13948
+ "bgColor-open-emphasis": {
13949
+ "value": "#e16f24",
13944
13950
  "$type": "color",
13945
13951
  "$extensions": {
13946
13952
  "org.primer.figma": {
@@ -13949,14 +13955,14 @@
13949
13955
  "group": "semantic",
13950
13956
  "scopes": ["bgColor"],
13951
13957
  "codeSyntax": {
13952
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13958
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13953
13959
  }
13954
13960
  }
13955
13961
  },
13956
13962
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13957
13963
  "isSource": true,
13958
13964
  "original": {
13959
- "value": "{base.color.orange.5}",
13965
+ "value": "{base.color.orange.4}",
13960
13966
  "$type": "color",
13961
13967
  "$extensions": {
13962
13968
  "org.primer.figma": {
@@ -13965,14 +13971,14 @@
13965
13971
  "group": "semantic",
13966
13972
  "scopes": ["bgColor"],
13967
13973
  "codeSyntax": {
13968
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13974
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13969
13975
  }
13970
13976
  }
13971
13977
  }
13972
13978
  },
13973
- "name": "bgColor-danger-emphasis",
13979
+ "name": "bgColor-open-emphasis",
13974
13980
  "attributes": {},
13975
- "path": ["bgColor", "danger", "emphasis"]
13981
+ "path": ["bgColor", "open", "emphasis"]
13976
13982
  },
13977
13983
  "bgColor-closed-muted": {
13978
13984
  "value": "#afb8c166",
@@ -14133,7 +14139,7 @@
14133
14139
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14134
14140
  "isSource": true,
14135
14141
  "original": {
14136
- "value": "{bgColor.done.muted}",
14142
+ "value": "{base.color.purple.0}",
14137
14143
  "$type": "color",
14138
14144
  "$extensions": {
14139
14145
  "org.primer.figma": {
@@ -14168,7 +14174,7 @@
14168
14174
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14169
14175
  "isSource": true,
14170
14176
  "original": {
14171
- "value": "{bgColor.done.emphasis}",
14177
+ "value": "{base.color.purple.5}",
14172
14178
  "$type": "color",
14173
14179
  "$extensions": {
14174
14180
  "org.primer.figma": {
@@ -14616,7 +14622,7 @@
14616
14622
  "path": ["borderColor", "success", "muted"]
14617
14623
  },
14618
14624
  "borderColor-success-emphasis": {
14619
- "value": "#0969da",
14625
+ "value": "#218bff",
14620
14626
  "$type": "color",
14621
14627
  "$extensions": {
14622
14628
  "org.primer.figma": {
@@ -14632,7 +14638,7 @@
14632
14638
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14633
14639
  "isSource": true,
14634
14640
  "original": {
14635
- "value": "{base.color.blue.5}",
14641
+ "value": "{base.color.blue.4}",
14636
14642
  "$type": "color",
14637
14643
  "$extensions": {
14638
14644
  "org.primer.figma": {
@@ -14650,8 +14656,8 @@
14650
14656
  "attributes": {},
14651
14657
  "path": ["borderColor", "success", "emphasis"]
14652
14658
  },
14653
- "borderColor-open-muted": {
14654
- "value": "#fb8f4466",
14659
+ "borderColor-attention-muted": {
14660
+ "value": "#d4a72c66",
14655
14661
  "$type": "color",
14656
14662
  "$extensions": {
14657
14663
  "org.primer.figma": {
@@ -14660,15 +14666,15 @@
14660
14666
  "group": "semantic",
14661
14667
  "scopes": ["borderColor"],
14662
14668
  "codeSyntax": {
14663
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14669
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14664
14670
  }
14665
14671
  }
14666
14672
  },
14667
14673
  "alpha": 0.4,
14668
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14674
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14669
14675
  "isSource": true,
14670
14676
  "original": {
14671
- "value": "{base.color.orange.3}",
14677
+ "value": "{base.color.yellow.3}",
14672
14678
  "$type": "color",
14673
14679
  "$extensions": {
14674
14680
  "org.primer.figma": {
@@ -14677,18 +14683,18 @@
14677
14683
  "group": "semantic",
14678
14684
  "scopes": ["borderColor"],
14679
14685
  "codeSyntax": {
14680
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14686
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14681
14687
  }
14682
14688
  }
14683
14689
  },
14684
14690
  "alpha": 0.4
14685
14691
  },
14686
- "name": "borderColor-open-muted",
14692
+ "name": "borderColor-attention-muted",
14687
14693
  "attributes": {},
14688
- "path": ["borderColor", "open", "muted"]
14694
+ "path": ["borderColor", "attention", "muted"]
14689
14695
  },
14690
- "borderColor-open-emphasis": {
14691
- "value": "#e16f24",
14696
+ "borderColor-attention-emphasis": {
14697
+ "value": "#bf8700",
14692
14698
  "$type": "color",
14693
14699
  "$extensions": {
14694
14700
  "org.primer.figma": {
@@ -14697,14 +14703,14 @@
14697
14703
  "group": "semantic",
14698
14704
  "scopes": ["borderColor"],
14699
14705
  "codeSyntax": {
14700
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14706
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14701
14707
  }
14702
14708
  }
14703
14709
  },
14704
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14710
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14705
14711
  "isSource": true,
14706
14712
  "original": {
14707
- "value": "{base.color.orange.4}",
14713
+ "value": "{base.color.yellow.4}",
14708
14714
  "$type": "color",
14709
14715
  "$extensions": {
14710
14716
  "org.primer.figma": {
@@ -14713,17 +14719,17 @@
14713
14719
  "group": "semantic",
14714
14720
  "scopes": ["borderColor"],
14715
14721
  "codeSyntax": {
14716
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14722
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14717
14723
  }
14718
14724
  }
14719
14725
  }
14720
14726
  },
14721
- "name": "borderColor-open-emphasis",
14727
+ "name": "borderColor-attention-emphasis",
14722
14728
  "attributes": {},
14723
- "path": ["borderColor", "open", "emphasis"]
14729
+ "path": ["borderColor", "attention", "emphasis"]
14724
14730
  },
14725
- "borderColor-attention-muted": {
14726
- "value": "#d4a72c66",
14731
+ "borderColor-severe-muted": {
14732
+ "value": "#fb8f4466",
14727
14733
  "$type": "color",
14728
14734
  "$extensions": {
14729
14735
  "org.primer.figma": {
@@ -14732,7 +14738,7 @@
14732
14738
  "group": "semantic",
14733
14739
  "scopes": ["borderColor"],
14734
14740
  "codeSyntax": {
14735
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14741
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14736
14742
  }
14737
14743
  }
14738
14744
  },
@@ -14740,7 +14746,7 @@
14740
14746
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14741
14747
  "isSource": true,
14742
14748
  "original": {
14743
- "value": "{base.color.yellow.3}",
14749
+ "value": "{base.color.orange.3}",
14744
14750
  "$type": "color",
14745
14751
  "$extensions": {
14746
14752
  "org.primer.figma": {
@@ -14749,18 +14755,18 @@
14749
14755
  "group": "semantic",
14750
14756
  "scopes": ["borderColor"],
14751
14757
  "codeSyntax": {
14752
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14758
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14753
14759
  }
14754
14760
  }
14755
14761
  },
14756
14762
  "alpha": 0.4
14757
14763
  },
14758
- "name": "borderColor-attention-muted",
14764
+ "name": "borderColor-severe-muted",
14759
14765
  "attributes": {},
14760
- "path": ["borderColor", "attention", "muted"]
14766
+ "path": ["borderColor", "severe", "muted"]
14761
14767
  },
14762
- "borderColor-attention-emphasis": {
14763
- "value": "#bf8700",
14768
+ "borderColor-severe-emphasis": {
14769
+ "value": "#bc4c00",
14764
14770
  "$type": "color",
14765
14771
  "$extensions": {
14766
14772
  "org.primer.figma": {
@@ -14769,14 +14775,14 @@
14769
14775
  "group": "semantic",
14770
14776
  "scopes": ["borderColor"],
14771
14777
  "codeSyntax": {
14772
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14778
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14773
14779
  }
14774
14780
  }
14775
14781
  },
14776
14782
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14777
14783
  "isSource": true,
14778
14784
  "original": {
14779
- "value": "{base.color.yellow.4}",
14785
+ "value": "{base.color.orange.5}",
14780
14786
  "$type": "color",
14781
14787
  "$extensions": {
14782
14788
  "org.primer.figma": {
@@ -14785,16 +14791,16 @@
14785
14791
  "group": "semantic",
14786
14792
  "scopes": ["borderColor"],
14787
14793
  "codeSyntax": {
14788
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14794
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14789
14795
  }
14790
14796
  }
14791
14797
  }
14792
14798
  },
14793
- "name": "borderColor-attention-emphasis",
14799
+ "name": "borderColor-severe-emphasis",
14794
14800
  "attributes": {},
14795
- "path": ["borderColor", "attention", "emphasis"]
14801
+ "path": ["borderColor", "severe", "emphasis"]
14796
14802
  },
14797
- "borderColor-severe-muted": {
14803
+ "borderColor-danger-muted": {
14798
14804
  "value": "#fb8f4466",
14799
14805
  "$type": "color",
14800
14806
  "$extensions": {
@@ -14804,12 +14810,12 @@
14804
14810
  "group": "semantic",
14805
14811
  "scopes": ["borderColor"],
14806
14812
  "codeSyntax": {
14807
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14813
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14808
14814
  }
14809
14815
  }
14810
14816
  },
14811
14817
  "alpha": 0.4,
14812
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14818
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14813
14819
  "isSource": true,
14814
14820
  "original": {
14815
14821
  "value": "{base.color.orange.3}",
@@ -14821,17 +14827,17 @@
14821
14827
  "group": "semantic",
14822
14828
  "scopes": ["borderColor"],
14823
14829
  "codeSyntax": {
14824
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14830
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14825
14831
  }
14826
14832
  }
14827
14833
  },
14828
14834
  "alpha": 0.4
14829
14835
  },
14830
- "name": "borderColor-severe-muted",
14836
+ "name": "borderColor-danger-muted",
14831
14837
  "attributes": {},
14832
- "path": ["borderColor", "severe", "muted"]
14838
+ "path": ["borderColor", "danger", "muted"]
14833
14839
  },
14834
- "borderColor-severe-emphasis": {
14840
+ "borderColor-danger-emphasis": {
14835
14841
  "value": "#bc4c00",
14836
14842
  "$type": "color",
14837
14843
  "$extensions": {
@@ -14841,11 +14847,11 @@
14841
14847
  "group": "semantic",
14842
14848
  "scopes": ["borderColor"],
14843
14849
  "codeSyntax": {
14844
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14850
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14845
14851
  }
14846
14852
  }
14847
14853
  },
14848
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14854
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14849
14855
  "isSource": true,
14850
14856
  "original": {
14851
14857
  "value": "{base.color.orange.5}",
@@ -14857,16 +14863,16 @@
14857
14863
  "group": "semantic",
14858
14864
  "scopes": ["borderColor"],
14859
14865
  "codeSyntax": {
14860
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14866
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14861
14867
  }
14862
14868
  }
14863
14869
  }
14864
14870
  },
14865
- "name": "borderColor-severe-emphasis",
14871
+ "name": "borderColor-danger-emphasis",
14866
14872
  "attributes": {},
14867
- "path": ["borderColor", "severe", "emphasis"]
14873
+ "path": ["borderColor", "danger", "emphasis"]
14868
14874
  },
14869
- "borderColor-danger-muted": {
14875
+ "borderColor-open-muted": {
14870
14876
  "value": "#fb8f4466",
14871
14877
  "$type": "color",
14872
14878
  "$extensions": {
@@ -14876,13 +14882,13 @@
14876
14882
  "group": "semantic",
14877
14883
  "scopes": ["borderColor"],
14878
14884
  "codeSyntax": {
14879
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14885
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14880
14886
  }
14881
14887
  }
14882
14888
  },
14883
- "alpha": 0.4,
14884
14889
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14885
14890
  "isSource": true,
14891
+ "alpha": 0.4,
14886
14892
  "original": {
14887
14893
  "value": "{base.color.orange.3}",
14888
14894
  "$type": "color",
@@ -14893,18 +14899,18 @@
14893
14899
  "group": "semantic",
14894
14900
  "scopes": ["borderColor"],
14895
14901
  "codeSyntax": {
14896
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14902
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14897
14903
  }
14898
14904
  }
14899
14905
  },
14900
14906
  "alpha": 0.4
14901
14907
  },
14902
- "name": "borderColor-danger-muted",
14908
+ "name": "borderColor-open-muted",
14903
14909
  "attributes": {},
14904
- "path": ["borderColor", "danger", "muted"]
14910
+ "path": ["borderColor", "open", "muted"]
14905
14911
  },
14906
- "borderColor-danger-emphasis": {
14907
- "value": "#bc4c00",
14912
+ "borderColor-open-emphasis": {
14913
+ "value": "#e16f24",
14908
14914
  "$type": "color",
14909
14915
  "$extensions": {
14910
14916
  "org.primer.figma": {
@@ -14913,14 +14919,14 @@
14913
14919
  "group": "semantic",
14914
14920
  "scopes": ["borderColor"],
14915
14921
  "codeSyntax": {
14916
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14922
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14917
14923
  }
14918
14924
  }
14919
14925
  },
14920
14926
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14921
14927
  "isSource": true,
14922
14928
  "original": {
14923
- "value": "{base.color.orange.5}",
14929
+ "value": "{base.color.orange.4}",
14924
14930
  "$type": "color",
14925
14931
  "$extensions": {
14926
14932
  "org.primer.figma": {
@@ -14929,14 +14935,14 @@
14929
14935
  "group": "semantic",
14930
14936
  "scopes": ["borderColor"],
14931
14937
  "codeSyntax": {
14932
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14938
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14933
14939
  }
14934
14940
  }
14935
14941
  }
14936
14942
  },
14937
- "name": "borderColor-danger-emphasis",
14943
+ "name": "borderColor-open-emphasis",
14938
14944
  "attributes": {},
14939
- "path": ["borderColor", "danger", "emphasis"]
14945
+ "path": ["borderColor", "open", "emphasis"]
14940
14946
  },
14941
14947
  "borderColor-closed-muted": {
14942
14948
  "value": "#afb8c166",
@@ -15100,7 +15106,7 @@
15100
15106
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15101
15107
  "isSource": true,
15102
15108
  "original": {
15103
- "value": "{borderColor.done.muted}",
15109
+ "value": "{base.color.purple.3}",
15104
15110
  "$type": "color",
15105
15111
  "$extensions": {
15106
15112
  "org.primer.figma": {
@@ -15136,7 +15142,7 @@
15136
15142
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15137
15143
  "isSource": true,
15138
15144
  "original": {
15139
- "value": "{borderColor.done.emphasis}",
15145
+ "value": "{base.color.purple.5}",
15140
15146
  "$type": "color",
15141
15147
  "$extensions": {
15142
15148
  "org.primer.figma": {