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

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