@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
@@ -5041,7 +5041,7 @@
5041
5041
  "path": ["control", "borderColor", "selected"]
5042
5042
  },
5043
5043
  "control-borderColor-success": {
5044
- "value": "#0969da",
5044
+ "value": "#218bff",
5045
5045
  "$type": "color",
5046
5046
  "$extensions": {
5047
5047
  "org.primer.figma": {
@@ -6688,7 +6688,7 @@
6688
6688
  "path": ["button", "primary", "iconColor", "rest"]
6689
6689
  },
6690
6690
  "button-primary-bgColor-rest": {
6691
- "value": "#0969da",
6691
+ "value": "#0f72e3",
6692
6692
  "$type": "color",
6693
6693
  "$extensions": {
6694
6694
  "org.primer.figma": {
@@ -6717,7 +6717,7 @@
6717
6717
  "path": ["button", "primary", "bgColor", "rest"]
6718
6718
  },
6719
6719
  "button-primary-bgColor-hover": {
6720
- "value": "#0864d1",
6720
+ "value": "#0d6bd8",
6721
6721
  "$type": "color",
6722
6722
  "$extensions": {
6723
6723
  "org.primer.figma": {
@@ -6754,7 +6754,7 @@
6754
6754
  "path": ["button", "primary", "bgColor", "hover"]
6755
6755
  },
6756
6756
  "button-primary-bgColor-active": {
6757
- "value": "#075fc8",
6757
+ "value": "#0b64ce",
6758
6758
  "$type": "color",
6759
6759
  "$extensions": {
6760
6760
  "org.primer.figma": {
@@ -12905,41 +12905,6 @@
12905
12905
  "attributes": {},
12906
12906
  "path": ["fgColor", "success"]
12907
12907
  },
12908
- "fgColor-open": {
12909
- "value": "#cf222e",
12910
- "$type": "color",
12911
- "$extensions": {
12912
- "org.primer.figma": {
12913
- "collection": "mode",
12914
- "mode": "light",
12915
- "group": "semantic",
12916
- "scopes": ["fgColor"],
12917
- "codeSyntax": {
12918
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12919
- }
12920
- }
12921
- },
12922
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
12923
- "isSource": true,
12924
- "original": {
12925
- "value": "{base.color.red.5}",
12926
- "$type": "color",
12927
- "$extensions": {
12928
- "org.primer.figma": {
12929
- "collection": "mode",
12930
- "mode": "light",
12931
- "group": "semantic",
12932
- "scopes": ["fgColor"],
12933
- "codeSyntax": {
12934
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12935
- }
12936
- }
12937
- }
12938
- },
12939
- "name": "fgColor-open",
12940
- "attributes": {},
12941
- "path": ["fgColor", "open"]
12942
- },
12943
12908
  "fgColor-attention": {
12944
12909
  "value": "#9a6700",
12945
12910
  "$type": "color",
@@ -13053,6 +13018,41 @@
13053
13018
  "attributes": {},
13054
13019
  "path": ["fgColor", "danger"]
13055
13020
  },
13021
+ "fgColor-open": {
13022
+ "value": "#cf222e",
13023
+ "$type": "color",
13024
+ "$extensions": {
13025
+ "org.primer.figma": {
13026
+ "collection": "mode",
13027
+ "mode": "light",
13028
+ "group": "semantic",
13029
+ "scopes": ["fgColor"],
13030
+ "codeSyntax": {
13031
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13032
+ }
13033
+ }
13034
+ },
13035
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13036
+ "isSource": true,
13037
+ "original": {
13038
+ "value": "{base.color.red.5}",
13039
+ "$type": "color",
13040
+ "$extensions": {
13041
+ "org.primer.figma": {
13042
+ "collection": "mode",
13043
+ "mode": "light",
13044
+ "group": "semantic",
13045
+ "scopes": ["fgColor"],
13046
+ "codeSyntax": {
13047
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13048
+ }
13049
+ }
13050
+ }
13051
+ },
13052
+ "name": "fgColor-open",
13053
+ "attributes": {},
13054
+ "path": ["fgColor", "open"]
13055
+ },
13056
13056
  "fgColor-closed": {
13057
13057
  "value": "#6e7781",
13058
13058
  "$type": "color",
@@ -13140,7 +13140,7 @@
13140
13140
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13141
13141
  "isSource": true,
13142
13142
  "original": {
13143
- "value": "{fgColor.done}",
13143
+ "value": "{base.color.purple.5}",
13144
13144
  "$type": "color",
13145
13145
  "$extensions": {
13146
13146
  "org.primer.figma": {
@@ -13652,7 +13652,7 @@
13652
13652
  "path": ["bgColor", "success", "muted"]
13653
13653
  },
13654
13654
  "bgColor-success-emphasis": {
13655
- "value": "#0969da",
13655
+ "value": "#0f72e3",
13656
13656
  "$type": "color",
13657
13657
  "$extensions": {
13658
13658
  "org.primer.figma": {
@@ -13665,11 +13665,14 @@
13665
13665
  }
13666
13666
  }
13667
13667
  },
13668
- "mix": null,
13668
+ "mix": {
13669
+ "color": "#0969da",
13670
+ "weight": 0.75
13671
+ },
13669
13672
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13670
13673
  "isSource": true,
13671
13674
  "original": {
13672
- "value": "{base.color.blue.5}",
13675
+ "value": "{base.color.blue.4}",
13673
13676
  "$type": "color",
13674
13677
  "$extensions": {
13675
13678
  "org.primer.figma": {
@@ -13682,14 +13685,17 @@
13682
13685
  }
13683
13686
  }
13684
13687
  },
13685
- "mix": null
13688
+ "mix": {
13689
+ "color": "{base.color.blue.5}",
13690
+ "weight": 0.75
13691
+ }
13686
13692
  },
13687
13693
  "name": "bgColor-success-emphasis",
13688
13694
  "attributes": {},
13689
13695
  "path": ["bgColor", "success", "emphasis"]
13690
13696
  },
13691
- "bgColor-open-muted": {
13692
- "value": "#ffebe9",
13697
+ "bgColor-attention-muted": {
13698
+ "value": "#fff8c5",
13693
13699
  "$type": "color",
13694
13700
  "$extensions": {
13695
13701
  "org.primer.figma": {
@@ -13698,14 +13704,14 @@
13698
13704
  "group": "semantic",
13699
13705
  "scopes": ["bgColor"],
13700
13706
  "codeSyntax": {
13701
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13707
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13702
13708
  }
13703
13709
  }
13704
13710
  },
13705
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13711
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13706
13712
  "isSource": true,
13707
13713
  "original": {
13708
- "value": "{base.color.red.0}",
13714
+ "value": "{base.color.yellow.0}",
13709
13715
  "$type": "color",
13710
13716
  "$extensions": {
13711
13717
  "org.primer.figma": {
@@ -13714,17 +13720,17 @@
13714
13720
  "group": "semantic",
13715
13721
  "scopes": ["bgColor"],
13716
13722
  "codeSyntax": {
13717
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13723
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13718
13724
  }
13719
13725
  }
13720
13726
  }
13721
13727
  },
13722
- "name": "bgColor-open-muted",
13728
+ "name": "bgColor-attention-muted",
13723
13729
  "attributes": {},
13724
- "path": ["bgColor", "open", "muted"]
13730
+ "path": ["bgColor", "attention", "muted"]
13725
13731
  },
13726
- "bgColor-open-emphasis": {
13727
- "value": "#cf222e",
13732
+ "bgColor-attention-emphasis": {
13733
+ "value": "#9a6700",
13728
13734
  "$type": "color",
13729
13735
  "$extensions": {
13730
13736
  "org.primer.figma": {
@@ -13733,14 +13739,14 @@
13733
13739
  "group": "semantic",
13734
13740
  "scopes": ["bgColor"],
13735
13741
  "codeSyntax": {
13736
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13742
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13737
13743
  }
13738
13744
  }
13739
13745
  },
13740
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13746
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13741
13747
  "isSource": true,
13742
13748
  "original": {
13743
- "value": "{base.color.red.5}",
13749
+ "value": "{base.color.yellow.5}",
13744
13750
  "$type": "color",
13745
13751
  "$extensions": {
13746
13752
  "org.primer.figma": {
@@ -13749,17 +13755,17 @@
13749
13755
  "group": "semantic",
13750
13756
  "scopes": ["bgColor"],
13751
13757
  "codeSyntax": {
13752
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13758
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13753
13759
  }
13754
13760
  }
13755
13761
  }
13756
13762
  },
13757
- "name": "bgColor-open-emphasis",
13763
+ "name": "bgColor-attention-emphasis",
13758
13764
  "attributes": {},
13759
- "path": ["bgColor", "open", "emphasis"]
13765
+ "path": ["bgColor", "attention", "emphasis"]
13760
13766
  },
13761
- "bgColor-attention-muted": {
13762
- "value": "#fff8c5",
13767
+ "bgColor-severe-muted": {
13768
+ "value": "#ffebe9",
13763
13769
  "$type": "color",
13764
13770
  "$extensions": {
13765
13771
  "org.primer.figma": {
@@ -13768,14 +13774,14 @@
13768
13774
  "group": "semantic",
13769
13775
  "scopes": ["bgColor"],
13770
13776
  "codeSyntax": {
13771
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13777
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13772
13778
  }
13773
13779
  }
13774
13780
  },
13775
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13781
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13776
13782
  "isSource": true,
13777
13783
  "original": {
13778
- "value": "{base.color.yellow.0}",
13784
+ "value": "{base.color.red.0}",
13779
13785
  "$type": "color",
13780
13786
  "$extensions": {
13781
13787
  "org.primer.figma": {
@@ -13784,17 +13790,17 @@
13784
13790
  "group": "semantic",
13785
13791
  "scopes": ["bgColor"],
13786
13792
  "codeSyntax": {
13787
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13793
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13788
13794
  }
13789
13795
  }
13790
13796
  }
13791
13797
  },
13792
- "name": "bgColor-attention-muted",
13798
+ "name": "bgColor-severe-muted",
13793
13799
  "attributes": {},
13794
- "path": ["bgColor", "attention", "muted"]
13800
+ "path": ["bgColor", "severe", "muted"]
13795
13801
  },
13796
- "bgColor-attention-emphasis": {
13797
- "value": "#9a6700",
13802
+ "bgColor-severe-emphasis": {
13803
+ "value": "#cf222e",
13798
13804
  "$type": "color",
13799
13805
  "$extensions": {
13800
13806
  "org.primer.figma": {
@@ -13803,14 +13809,14 @@
13803
13809
  "group": "semantic",
13804
13810
  "scopes": ["bgColor"],
13805
13811
  "codeSyntax": {
13806
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13812
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13807
13813
  }
13808
13814
  }
13809
13815
  },
13810
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13816
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13811
13817
  "isSource": true,
13812
13818
  "original": {
13813
- "value": "{base.color.yellow.5}",
13819
+ "value": "{base.color.red.5}",
13814
13820
  "$type": "color",
13815
13821
  "$extensions": {
13816
13822
  "org.primer.figma": {
@@ -13819,16 +13825,16 @@
13819
13825
  "group": "semantic",
13820
13826
  "scopes": ["bgColor"],
13821
13827
  "codeSyntax": {
13822
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13828
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13823
13829
  }
13824
13830
  }
13825
13831
  }
13826
13832
  },
13827
- "name": "bgColor-attention-emphasis",
13833
+ "name": "bgColor-severe-emphasis",
13828
13834
  "attributes": {},
13829
- "path": ["bgColor", "attention", "emphasis"]
13835
+ "path": ["bgColor", "severe", "emphasis"]
13830
13836
  },
13831
- "bgColor-severe-muted": {
13837
+ "bgColor-danger-muted": {
13832
13838
  "value": "#ffebe9",
13833
13839
  "$type": "color",
13834
13840
  "$extensions": {
@@ -13838,11 +13844,11 @@
13838
13844
  "group": "semantic",
13839
13845
  "scopes": ["bgColor"],
13840
13846
  "codeSyntax": {
13841
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13847
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13842
13848
  }
13843
13849
  }
13844
13850
  },
13845
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13851
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13846
13852
  "isSource": true,
13847
13853
  "original": {
13848
13854
  "value": "{base.color.red.0}",
@@ -13854,16 +13860,16 @@
13854
13860
  "group": "semantic",
13855
13861
  "scopes": ["bgColor"],
13856
13862
  "codeSyntax": {
13857
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13863
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13858
13864
  }
13859
13865
  }
13860
13866
  }
13861
13867
  },
13862
- "name": "bgColor-severe-muted",
13868
+ "name": "bgColor-danger-muted",
13863
13869
  "attributes": {},
13864
- "path": ["bgColor", "severe", "muted"]
13870
+ "path": ["bgColor", "danger", "muted"]
13865
13871
  },
13866
- "bgColor-severe-emphasis": {
13872
+ "bgColor-danger-emphasis": {
13867
13873
  "value": "#cf222e",
13868
13874
  "$type": "color",
13869
13875
  "$extensions": {
@@ -13873,11 +13879,11 @@
13873
13879
  "group": "semantic",
13874
13880
  "scopes": ["bgColor"],
13875
13881
  "codeSyntax": {
13876
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13882
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13877
13883
  }
13878
13884
  }
13879
13885
  },
13880
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13886
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13881
13887
  "isSource": true,
13882
13888
  "original": {
13883
13889
  "value": "{base.color.red.5}",
@@ -13889,16 +13895,16 @@
13889
13895
  "group": "semantic",
13890
13896
  "scopes": ["bgColor"],
13891
13897
  "codeSyntax": {
13892
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13898
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13893
13899
  }
13894
13900
  }
13895
13901
  }
13896
13902
  },
13897
- "name": "bgColor-severe-emphasis",
13903
+ "name": "bgColor-danger-emphasis",
13898
13904
  "attributes": {},
13899
- "path": ["bgColor", "severe", "emphasis"]
13905
+ "path": ["bgColor", "danger", "emphasis"]
13900
13906
  },
13901
- "bgColor-danger-muted": {
13907
+ "bgColor-open-muted": {
13902
13908
  "value": "#ffebe9",
13903
13909
  "$type": "color",
13904
13910
  "$extensions": {
@@ -13908,11 +13914,11 @@
13908
13914
  "group": "semantic",
13909
13915
  "scopes": ["bgColor"],
13910
13916
  "codeSyntax": {
13911
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13917
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13912
13918
  }
13913
13919
  }
13914
13920
  },
13915
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13921
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13916
13922
  "isSource": true,
13917
13923
  "original": {
13918
13924
  "value": "{base.color.red.0}",
@@ -13924,16 +13930,16 @@
13924
13930
  "group": "semantic",
13925
13931
  "scopes": ["bgColor"],
13926
13932
  "codeSyntax": {
13927
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13933
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13928
13934
  }
13929
13935
  }
13930
13936
  }
13931
13937
  },
13932
- "name": "bgColor-danger-muted",
13938
+ "name": "bgColor-open-muted",
13933
13939
  "attributes": {},
13934
- "path": ["bgColor", "danger", "muted"]
13940
+ "path": ["bgColor", "open", "muted"]
13935
13941
  },
13936
- "bgColor-danger-emphasis": {
13942
+ "bgColor-open-emphasis": {
13937
13943
  "value": "#cf222e",
13938
13944
  "$type": "color",
13939
13945
  "$extensions": {
@@ -13943,11 +13949,11 @@
13943
13949
  "group": "semantic",
13944
13950
  "scopes": ["bgColor"],
13945
13951
  "codeSyntax": {
13946
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13952
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13947
13953
  }
13948
13954
  }
13949
13955
  },
13950
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13956
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13951
13957
  "isSource": true,
13952
13958
  "original": {
13953
13959
  "value": "{base.color.red.5}",
@@ -13959,14 +13965,14 @@
13959
13965
  "group": "semantic",
13960
13966
  "scopes": ["bgColor"],
13961
13967
  "codeSyntax": {
13962
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13968
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13963
13969
  }
13964
13970
  }
13965
13971
  }
13966
13972
  },
13967
- "name": "bgColor-danger-emphasis",
13973
+ "name": "bgColor-open-emphasis",
13968
13974
  "attributes": {},
13969
- "path": ["bgColor", "danger", "emphasis"]
13975
+ "path": ["bgColor", "open", "emphasis"]
13970
13976
  },
13971
13977
  "bgColor-closed-muted": {
13972
13978
  "value": "#f6f8fa",
@@ -14125,7 +14131,7 @@
14125
14131
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14126
14132
  "isSource": true,
14127
14133
  "original": {
14128
- "value": "{bgColor.done.muted}",
14134
+ "value": "{base.color.purple.0}",
14129
14135
  "$type": "color",
14130
14136
  "$extensions": {
14131
14137
  "org.primer.figma": {
@@ -14160,7 +14166,7 @@
14160
14166
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14161
14167
  "isSource": true,
14162
14168
  "original": {
14163
- "value": "{bgColor.done.emphasis}",
14169
+ "value": "{base.color.purple.5}",
14164
14170
  "$type": "color",
14165
14171
  "$extensions": {
14166
14172
  "org.primer.figma": {
@@ -14608,7 +14614,7 @@
14608
14614
  "path": ["borderColor", "success", "muted"]
14609
14615
  },
14610
14616
  "borderColor-success-emphasis": {
14611
- "value": "#0969da",
14617
+ "value": "#218bff",
14612
14618
  "$type": "color",
14613
14619
  "$extensions": {
14614
14620
  "org.primer.figma": {
@@ -14624,7 +14630,7 @@
14624
14630
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14625
14631
  "isSource": true,
14626
14632
  "original": {
14627
- "value": "{base.color.blue.5}",
14633
+ "value": "{base.color.blue.4}",
14628
14634
  "$type": "color",
14629
14635
  "$extensions": {
14630
14636
  "org.primer.figma": {
@@ -14642,8 +14648,8 @@
14642
14648
  "attributes": {},
14643
14649
  "path": ["borderColor", "success", "emphasis"]
14644
14650
  },
14645
- "borderColor-open-muted": {
14646
- "value": "#ff818266",
14651
+ "borderColor-attention-muted": {
14652
+ "value": "#d4a72c66",
14647
14653
  "$type": "color",
14648
14654
  "$extensions": {
14649
14655
  "org.primer.figma": {
@@ -14652,15 +14658,15 @@
14652
14658
  "group": "semantic",
14653
14659
  "scopes": ["borderColor"],
14654
14660
  "codeSyntax": {
14655
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14661
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14656
14662
  }
14657
14663
  }
14658
14664
  },
14659
14665
  "alpha": 0.4,
14660
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14666
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14661
14667
  "isSource": true,
14662
14668
  "original": {
14663
- "value": "{base.color.red.3}",
14669
+ "value": "{base.color.yellow.3}",
14664
14670
  "$type": "color",
14665
14671
  "$extensions": {
14666
14672
  "org.primer.figma": {
@@ -14669,18 +14675,18 @@
14669
14675
  "group": "semantic",
14670
14676
  "scopes": ["borderColor"],
14671
14677
  "codeSyntax": {
14672
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14678
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14673
14679
  }
14674
14680
  }
14675
14681
  },
14676
14682
  "alpha": 0.4
14677
14683
  },
14678
- "name": "borderColor-open-muted",
14684
+ "name": "borderColor-attention-muted",
14679
14685
  "attributes": {},
14680
- "path": ["borderColor", "open", "muted"]
14686
+ "path": ["borderColor", "attention", "muted"]
14681
14687
  },
14682
- "borderColor-open-emphasis": {
14683
- "value": "#cf222e",
14688
+ "borderColor-attention-emphasis": {
14689
+ "value": "#bf8700",
14684
14690
  "$type": "color",
14685
14691
  "$extensions": {
14686
14692
  "org.primer.figma": {
@@ -14689,14 +14695,14 @@
14689
14695
  "group": "semantic",
14690
14696
  "scopes": ["borderColor"],
14691
14697
  "codeSyntax": {
14692
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14698
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14693
14699
  }
14694
14700
  }
14695
14701
  },
14696
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14702
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14697
14703
  "isSource": true,
14698
14704
  "original": {
14699
- "value": "{base.color.red.5}",
14705
+ "value": "{base.color.yellow.4}",
14700
14706
  "$type": "color",
14701
14707
  "$extensions": {
14702
14708
  "org.primer.figma": {
@@ -14705,17 +14711,17 @@
14705
14711
  "group": "semantic",
14706
14712
  "scopes": ["borderColor"],
14707
14713
  "codeSyntax": {
14708
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14714
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14709
14715
  }
14710
14716
  }
14711
14717
  }
14712
14718
  },
14713
- "name": "borderColor-open-emphasis",
14719
+ "name": "borderColor-attention-emphasis",
14714
14720
  "attributes": {},
14715
- "path": ["borderColor", "open", "emphasis"]
14721
+ "path": ["borderColor", "attention", "emphasis"]
14716
14722
  },
14717
- "borderColor-attention-muted": {
14718
- "value": "#d4a72c66",
14723
+ "borderColor-severe-muted": {
14724
+ "value": "#ff818266",
14719
14725
  "$type": "color",
14720
14726
  "$extensions": {
14721
14727
  "org.primer.figma": {
@@ -14724,15 +14730,15 @@
14724
14730
  "group": "semantic",
14725
14731
  "scopes": ["borderColor"],
14726
14732
  "codeSyntax": {
14727
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14733
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14728
14734
  }
14729
14735
  }
14730
14736
  },
14731
14737
  "alpha": 0.4,
14732
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14738
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14733
14739
  "isSource": true,
14734
14740
  "original": {
14735
- "value": "{base.color.yellow.3}",
14741
+ "value": "{base.color.red.3}",
14736
14742
  "$type": "color",
14737
14743
  "$extensions": {
14738
14744
  "org.primer.figma": {
@@ -14741,18 +14747,18 @@
14741
14747
  "group": "semantic",
14742
14748
  "scopes": ["borderColor"],
14743
14749
  "codeSyntax": {
14744
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14750
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14745
14751
  }
14746
14752
  }
14747
14753
  },
14748
14754
  "alpha": 0.4
14749
14755
  },
14750
- "name": "borderColor-attention-muted",
14756
+ "name": "borderColor-severe-muted",
14751
14757
  "attributes": {},
14752
- "path": ["borderColor", "attention", "muted"]
14758
+ "path": ["borderColor", "severe", "muted"]
14753
14759
  },
14754
- "borderColor-attention-emphasis": {
14755
- "value": "#bf8700",
14760
+ "borderColor-severe-emphasis": {
14761
+ "value": "#cf222e",
14756
14762
  "$type": "color",
14757
14763
  "$extensions": {
14758
14764
  "org.primer.figma": {
@@ -14761,14 +14767,14 @@
14761
14767
  "group": "semantic",
14762
14768
  "scopes": ["borderColor"],
14763
14769
  "codeSyntax": {
14764
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14770
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14765
14771
  }
14766
14772
  }
14767
14773
  },
14768
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14774
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14769
14775
  "isSource": true,
14770
14776
  "original": {
14771
- "value": "{base.color.yellow.4}",
14777
+ "value": "{base.color.red.5}",
14772
14778
  "$type": "color",
14773
14779
  "$extensions": {
14774
14780
  "org.primer.figma": {
@@ -14777,16 +14783,16 @@
14777
14783
  "group": "semantic",
14778
14784
  "scopes": ["borderColor"],
14779
14785
  "codeSyntax": {
14780
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14786
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14781
14787
  }
14782
14788
  }
14783
14789
  }
14784
14790
  },
14785
- "name": "borderColor-attention-emphasis",
14791
+ "name": "borderColor-severe-emphasis",
14786
14792
  "attributes": {},
14787
- "path": ["borderColor", "attention", "emphasis"]
14793
+ "path": ["borderColor", "severe", "emphasis"]
14788
14794
  },
14789
- "borderColor-severe-muted": {
14795
+ "borderColor-danger-muted": {
14790
14796
  "value": "#ff818266",
14791
14797
  "$type": "color",
14792
14798
  "$extensions": {
@@ -14796,12 +14802,12 @@
14796
14802
  "group": "semantic",
14797
14803
  "scopes": ["borderColor"],
14798
14804
  "codeSyntax": {
14799
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14805
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14800
14806
  }
14801
14807
  }
14802
14808
  },
14803
14809
  "alpha": 0.4,
14804
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14810
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14805
14811
  "isSource": true,
14806
14812
  "original": {
14807
14813
  "value": "{base.color.red.3}",
@@ -14813,17 +14819,17 @@
14813
14819
  "group": "semantic",
14814
14820
  "scopes": ["borderColor"],
14815
14821
  "codeSyntax": {
14816
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14822
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14817
14823
  }
14818
14824
  }
14819
14825
  },
14820
14826
  "alpha": 0.4
14821
14827
  },
14822
- "name": "borderColor-severe-muted",
14828
+ "name": "borderColor-danger-muted",
14823
14829
  "attributes": {},
14824
- "path": ["borderColor", "severe", "muted"]
14830
+ "path": ["borderColor", "danger", "muted"]
14825
14831
  },
14826
- "borderColor-severe-emphasis": {
14832
+ "borderColor-danger-emphasis": {
14827
14833
  "value": "#cf222e",
14828
14834
  "$type": "color",
14829
14835
  "$extensions": {
@@ -14833,11 +14839,11 @@
14833
14839
  "group": "semantic",
14834
14840
  "scopes": ["borderColor"],
14835
14841
  "codeSyntax": {
14836
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14842
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14837
14843
  }
14838
14844
  }
14839
14845
  },
14840
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14846
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14841
14847
  "isSource": true,
14842
14848
  "original": {
14843
14849
  "value": "{base.color.red.5}",
@@ -14849,16 +14855,16 @@
14849
14855
  "group": "semantic",
14850
14856
  "scopes": ["borderColor"],
14851
14857
  "codeSyntax": {
14852
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14858
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14853
14859
  }
14854
14860
  }
14855
14861
  }
14856
14862
  },
14857
- "name": "borderColor-severe-emphasis",
14863
+ "name": "borderColor-danger-emphasis",
14858
14864
  "attributes": {},
14859
- "path": ["borderColor", "severe", "emphasis"]
14865
+ "path": ["borderColor", "danger", "emphasis"]
14860
14866
  },
14861
- "borderColor-danger-muted": {
14867
+ "borderColor-open-muted": {
14862
14868
  "value": "#ff818266",
14863
14869
  "$type": "color",
14864
14870
  "$extensions": {
@@ -14868,13 +14874,13 @@
14868
14874
  "group": "semantic",
14869
14875
  "scopes": ["borderColor"],
14870
14876
  "codeSyntax": {
14871
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14877
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14872
14878
  }
14873
14879
  }
14874
14880
  },
14875
- "alpha": 0.4,
14876
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14881
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14877
14882
  "isSource": true,
14883
+ "alpha": 0.4,
14878
14884
  "original": {
14879
14885
  "value": "{base.color.red.3}",
14880
14886
  "$type": "color",
@@ -14885,17 +14891,17 @@
14885
14891
  "group": "semantic",
14886
14892
  "scopes": ["borderColor"],
14887
14893
  "codeSyntax": {
14888
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14894
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14889
14895
  }
14890
14896
  }
14891
14897
  },
14892
14898
  "alpha": 0.4
14893
14899
  },
14894
- "name": "borderColor-danger-muted",
14900
+ "name": "borderColor-open-muted",
14895
14901
  "attributes": {},
14896
- "path": ["borderColor", "danger", "muted"]
14902
+ "path": ["borderColor", "open", "muted"]
14897
14903
  },
14898
- "borderColor-danger-emphasis": {
14904
+ "borderColor-open-emphasis": {
14899
14905
  "value": "#cf222e",
14900
14906
  "$type": "color",
14901
14907
  "$extensions": {
@@ -14905,11 +14911,11 @@
14905
14911
  "group": "semantic",
14906
14912
  "scopes": ["borderColor"],
14907
14913
  "codeSyntax": {
14908
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14914
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14909
14915
  }
14910
14916
  }
14911
14917
  },
14912
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14918
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14913
14919
  "isSource": true,
14914
14920
  "original": {
14915
14921
  "value": "{base.color.red.5}",
@@ -14921,14 +14927,14 @@
14921
14927
  "group": "semantic",
14922
14928
  "scopes": ["borderColor"],
14923
14929
  "codeSyntax": {
14924
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14930
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14925
14931
  }
14926
14932
  }
14927
14933
  }
14928
14934
  },
14929
- "name": "borderColor-danger-emphasis",
14935
+ "name": "borderColor-open-emphasis",
14930
14936
  "attributes": {},
14931
- "path": ["borderColor", "danger", "emphasis"]
14937
+ "path": ["borderColor", "open", "emphasis"]
14932
14938
  },
14933
14939
  "borderColor-closed-muted": {
14934
14940
  "value": "#afb8c166",
@@ -15092,7 +15098,7 @@
15092
15098
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15093
15099
  "isSource": true,
15094
15100
  "original": {
15095
- "value": "{borderColor.done.muted}",
15101
+ "value": "{base.color.purple.3}",
15096
15102
  "$type": "color",
15097
15103
  "$extensions": {
15098
15104
  "org.primer.figma": {
@@ -15128,7 +15134,7 @@
15128
15134
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15129
15135
  "isSource": true,
15130
15136
  "original": {
15131
- "value": "{borderColor.done.emphasis}",
15137
+ "value": "{base.color.purple.5}",
15132
15138
  "$type": "color",
15133
15139
  "$extensions": {
15134
15140
  "org.primer.figma": {