@primer/primitives 8.2.4-rc.d955f312 → 8.2.4-rc.ea4beb50

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 (74) hide show
  1. package/README.md +17 -18
  2. package/dist/css/functional/size/border.css +1 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +18 -12
  4. package/dist/css/functional/themes/dark-dimmed.css +20 -14
  5. package/dist/css/functional/themes/dark-high-contrast.css +258 -252
  6. package/dist/css/functional/themes/dark-tritanopia.css +20 -14
  7. package/dist/css/functional/themes/dark.css +20 -14
  8. package/dist/css/functional/themes/light-colorblind.css +30 -24
  9. package/dist/css/functional/themes/light-high-contrast.css +154 -148
  10. package/dist/css/functional/themes/light-tritanopia.css +30 -24
  11. package/dist/css/functional/themes/light.css +18 -12
  12. package/dist/css/primitives.css +1 -0
  13. package/dist/docs/functional/size/border.json +31 -0
  14. package/dist/docs/functional/themes/dark-colorblind.json +236 -149
  15. package/dist/docs/functional/themes/dark-dimmed.json +247 -158
  16. package/dist/docs/functional/themes/dark-high-contrast.json +555 -458
  17. package/dist/docs/functional/themes/dark-tritanopia.json +240 -153
  18. package/dist/docs/functional/themes/dark.json +247 -158
  19. package/dist/docs/functional/themes/light-colorblind.json +254 -173
  20. package/dist/docs/functional/themes/light-high-contrast.json +452 -361
  21. package/dist/docs/functional/themes/light-tritanopia.json +252 -171
  22. package/dist/docs/functional/themes/light.json +246 -157
  23. package/dist/fallbacks/functional/size/border.json +1 -0
  24. package/dist/figma/dimension/dimension.json +14 -0
  25. package/dist/figma/themes/dark-colorblind.json +246 -198
  26. package/dist/figma/themes/dark-dimmed.json +249 -200
  27. package/dist/figma/themes/dark-high-contrast.json +675 -625
  28. package/dist/figma/themes/dark-tritanopia.json +248 -200
  29. package/dist/figma/themes/dark.json +249 -200
  30. package/dist/figma/themes/light-colorblind.json +265 -218
  31. package/dist/figma/themes/light-high-contrast.json +457 -407
  32. package/dist/figma/themes/light-tritanopia.json +264 -217
  33. package/dist/figma/themes/light.json +187 -138
  34. package/dist/internalCss/dark-colorblind.css +18 -12
  35. package/dist/internalCss/dark-dimmed.css +20 -14
  36. package/dist/internalCss/dark-high-contrast.css +258 -252
  37. package/dist/internalCss/dark-tritanopia.css +20 -14
  38. package/dist/internalCss/dark.css +20 -14
  39. package/dist/internalCss/light-colorblind.css +30 -24
  40. package/dist/internalCss/light-high-contrast.css +154 -148
  41. package/dist/internalCss/light-tritanopia.css +30 -24
  42. package/dist/internalCss/light.css +18 -12
  43. package/dist/styleLint/functional/size/border.json +31 -0
  44. package/dist/styleLint/functional/themes/dark-colorblind.json +236 -149
  45. package/dist/styleLint/functional/themes/dark-dimmed.json +247 -158
  46. package/dist/styleLint/functional/themes/dark-high-contrast.json +555 -458
  47. package/dist/styleLint/functional/themes/dark-tritanopia.json +240 -153
  48. package/dist/styleLint/functional/themes/dark.json +247 -158
  49. package/dist/styleLint/functional/themes/light-colorblind.json +254 -173
  50. package/dist/styleLint/functional/themes/light-high-contrast.json +452 -361
  51. package/dist/styleLint/functional/themes/light-tritanopia.json +252 -171
  52. package/dist/styleLint/functional/themes/light.json +246 -157
  53. package/package.json +38 -35
  54. package/src/formats/cssAdvanced.ts +3 -3
  55. package/src/formats/cssCustomMedia.ts +2 -2
  56. package/src/formats/javascriptCommonJs.ts +2 -2
  57. package/src/formats/javascriptEsm.ts +2 -2
  58. package/src/formats/jsonFigma.ts +2 -2
  59. package/src/formats/jsonNestedPrefixed.ts +2 -2
  60. package/src/formats/jsonOneDimensional.ts +2 -2
  61. package/src/formats/jsonPostCssFallback.ts +2 -2
  62. package/src/formats/typescriptExportDefinition.ts +2 -2
  63. package/src/schemas/designToken.ts +1 -1
  64. package/src/schemas/validTokenType.ts +1 -1
  65. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +528 -2
  66. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
  67. package/src/tokens/functional/color/dark/patterns-dark.json5 +26 -0
  68. package/src/tokens/functional/color/dark/primitives-dark.json5 +78 -65
  69. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +400 -0
  70. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
  71. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
  72. package/src/tokens/functional/color/light/patterns-light.json5 +26 -0
  73. package/src/tokens/functional/color/light/primitives-light.json5 +77 -64
  74. package/src/tokens/functional/size/border.json +13 -0
@@ -5041,7 +5041,7 @@
5041
5041
  "path": ["control", "borderColor", "selected"]
5042
5042
  },
5043
5043
  "control-borderColor-success": {
5044
- "value": "#218bff",
5044
+ "value": "#0969da",
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": "#0f72e3",
6691
+ "value": "#0969da",
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": "#0d6bd8",
6720
+ "value": "#0864d1",
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": "#0b64ce",
6757
+ "value": "#075fc8",
6758
6758
  "$type": "color",
6759
6759
  "$extensions": {
6760
6760
  "org.primer.figma": {
@@ -12571,6 +12571,64 @@
12571
12571
  "attributes": {},
12572
12572
  "path": ["label", "coral", "fgColor", "active"]
12573
12573
  },
12574
+ "tooltip-bgColor": {
12575
+ "value": "#24292f",
12576
+ "$type": "color",
12577
+ "$extensions": {
12578
+ "org.primer.figma": {
12579
+ "collection": "mode",
12580
+ "mode": "light",
12581
+ "group": "component",
12582
+ "scopes": ["bgColor"]
12583
+ }
12584
+ },
12585
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12586
+ "isSource": true,
12587
+ "original": {
12588
+ "value": "{bgColor.emphasis}",
12589
+ "$type": "color",
12590
+ "$extensions": {
12591
+ "org.primer.figma": {
12592
+ "collection": "mode",
12593
+ "mode": "light",
12594
+ "group": "component",
12595
+ "scopes": ["bgColor"]
12596
+ }
12597
+ }
12598
+ },
12599
+ "name": "tooltip-bgColor",
12600
+ "attributes": {},
12601
+ "path": ["tooltip", "bgColor"]
12602
+ },
12603
+ "tooltip-fgColor": {
12604
+ "value": "#ffffff",
12605
+ "$type": "color",
12606
+ "$extensions": {
12607
+ "org.primer.figma": {
12608
+ "collection": "mode",
12609
+ "mode": "light",
12610
+ "group": "component",
12611
+ "scopes": ["fgColor"]
12612
+ }
12613
+ },
12614
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12615
+ "isSource": true,
12616
+ "original": {
12617
+ "value": "{fgColor.onEmphasis}",
12618
+ "$type": "color",
12619
+ "$extensions": {
12620
+ "org.primer.figma": {
12621
+ "collection": "mode",
12622
+ "mode": "light",
12623
+ "group": "component",
12624
+ "scopes": ["fgColor"]
12625
+ }
12626
+ }
12627
+ },
12628
+ "name": "tooltip-fgColor",
12629
+ "attributes": {},
12630
+ "path": ["tooltip", "fgColor"]
12631
+ },
12574
12632
  "fgColor-default": {
12575
12633
  "value": "#1f2328",
12576
12634
  "$type": "color",
@@ -12684,6 +12742,35 @@
12684
12742
  "attributes": {},
12685
12743
  "path": ["fgColor", "onEmphasis"]
12686
12744
  },
12745
+ "fgColor-onInverse": {
12746
+ "value": "#ffffff",
12747
+ "$type": "color",
12748
+ "$extensions": {
12749
+ "org.primer.figma": {
12750
+ "collection": "mode",
12751
+ "mode": "light",
12752
+ "group": "semantic",
12753
+ "scopes": ["fgColor"]
12754
+ }
12755
+ },
12756
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12757
+ "isSource": true,
12758
+ "original": {
12759
+ "value": "{base.color.white}",
12760
+ "$type": "color",
12761
+ "$extensions": {
12762
+ "org.primer.figma": {
12763
+ "collection": "mode",
12764
+ "mode": "light",
12765
+ "group": "semantic",
12766
+ "scopes": ["fgColor"]
12767
+ }
12768
+ }
12769
+ },
12770
+ "name": "fgColor-onInverse",
12771
+ "attributes": {},
12772
+ "path": ["fgColor", "onInverse"]
12773
+ },
12687
12774
  "fgColor-white": {
12688
12775
  "value": "#ffffff",
12689
12776
  "$type": "color",
@@ -12807,7 +12894,7 @@
12807
12894
  "path": ["fgColor", "link"]
12808
12895
  },
12809
12896
  "fgColor-neutral": {
12810
- "value": "#6e7781",
12897
+ "value": "#57606a",
12811
12898
  "$type": "color",
12812
12899
  "$extensions": {
12813
12900
  "org.primer.figma": {
@@ -12820,7 +12907,7 @@
12820
12907
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12821
12908
  "isSource": true,
12822
12909
  "original": {
12823
- "value": "{base.color.neutral.5}",
12910
+ "value": "{base.color.neutral.6}",
12824
12911
  "$type": "color",
12825
12912
  "$extensions": {
12826
12913
  "org.primer.figma": {
@@ -12905,6 +12992,41 @@
12905
12992
  "attributes": {},
12906
12993
  "path": ["fgColor", "success"]
12907
12994
  },
12995
+ "fgColor-open": {
12996
+ "value": "#cf222e",
12997
+ "$type": "color",
12998
+ "$extensions": {
12999
+ "org.primer.figma": {
13000
+ "collection": "mode",
13001
+ "mode": "light",
13002
+ "group": "semantic",
13003
+ "scopes": ["fgColor"],
13004
+ "codeSyntax": {
13005
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13006
+ }
13007
+ }
13008
+ },
13009
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13010
+ "isSource": true,
13011
+ "original": {
13012
+ "value": "{base.color.red.5}",
13013
+ "$type": "color",
13014
+ "$extensions": {
13015
+ "org.primer.figma": {
13016
+ "collection": "mode",
13017
+ "mode": "light",
13018
+ "group": "semantic",
13019
+ "scopes": ["fgColor"],
13020
+ "codeSyntax": {
13021
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13022
+ }
13023
+ }
13024
+ }
13025
+ },
13026
+ "name": "fgColor-open",
13027
+ "attributes": {},
13028
+ "path": ["fgColor", "open"]
13029
+ },
12908
13030
  "fgColor-attention": {
12909
13031
  "value": "#9a6700",
12910
13032
  "$type": "color",
@@ -13018,41 +13140,6 @@
13018
13140
  "attributes": {},
13019
13141
  "path": ["fgColor", "danger"]
13020
13142
  },
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
13143
  "fgColor-closed": {
13057
13144
  "value": "#6e7781",
13058
13145
  "$type": "color",
@@ -13140,7 +13227,7 @@
13140
13227
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13141
13228
  "isSource": true,
13142
13229
  "original": {
13143
- "value": "{base.color.purple.5}",
13230
+ "value": "{fgColor.done}",
13144
13231
  "$type": "color",
13145
13232
  "$extensions": {
13146
13233
  "org.primer.figma": {
@@ -13652,7 +13739,7 @@
13652
13739
  "path": ["bgColor", "success", "muted"]
13653
13740
  },
13654
13741
  "bgColor-success-emphasis": {
13655
- "value": "#0f72e3",
13742
+ "value": "#0969da",
13656
13743
  "$type": "color",
13657
13744
  "$extensions": {
13658
13745
  "org.primer.figma": {
@@ -13665,14 +13752,11 @@
13665
13752
  }
13666
13753
  }
13667
13754
  },
13668
- "mix": {
13669
- "color": "#0969da",
13670
- "weight": 0.75
13671
- },
13755
+ "mix": null,
13672
13756
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13673
13757
  "isSource": true,
13674
13758
  "original": {
13675
- "value": "{base.color.blue.4}",
13759
+ "value": "{base.color.blue.5}",
13676
13760
  "$type": "color",
13677
13761
  "$extensions": {
13678
13762
  "org.primer.figma": {
@@ -13685,17 +13769,14 @@
13685
13769
  }
13686
13770
  }
13687
13771
  },
13688
- "mix": {
13689
- "color": "{base.color.blue.5}",
13690
- "weight": 0.75
13691
- }
13772
+ "mix": null
13692
13773
  },
13693
13774
  "name": "bgColor-success-emphasis",
13694
13775
  "attributes": {},
13695
13776
  "path": ["bgColor", "success", "emphasis"]
13696
13777
  },
13697
- "bgColor-attention-muted": {
13698
- "value": "#fff8c5",
13778
+ "bgColor-open-muted": {
13779
+ "value": "#ffebe9",
13699
13780
  "$type": "color",
13700
13781
  "$extensions": {
13701
13782
  "org.primer.figma": {
@@ -13704,14 +13785,14 @@
13704
13785
  "group": "semantic",
13705
13786
  "scopes": ["bgColor"],
13706
13787
  "codeSyntax": {
13707
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13788
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13708
13789
  }
13709
13790
  }
13710
13791
  },
13711
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13792
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13712
13793
  "isSource": true,
13713
13794
  "original": {
13714
- "value": "{base.color.yellow.0}",
13795
+ "value": "{base.color.red.0}",
13715
13796
  "$type": "color",
13716
13797
  "$extensions": {
13717
13798
  "org.primer.figma": {
@@ -13720,17 +13801,17 @@
13720
13801
  "group": "semantic",
13721
13802
  "scopes": ["bgColor"],
13722
13803
  "codeSyntax": {
13723
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13804
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13724
13805
  }
13725
13806
  }
13726
13807
  }
13727
13808
  },
13728
- "name": "bgColor-attention-muted",
13809
+ "name": "bgColor-open-muted",
13729
13810
  "attributes": {},
13730
- "path": ["bgColor", "attention", "muted"]
13811
+ "path": ["bgColor", "open", "muted"]
13731
13812
  },
13732
- "bgColor-attention-emphasis": {
13733
- "value": "#9a6700",
13813
+ "bgColor-open-emphasis": {
13814
+ "value": "#cf222e",
13734
13815
  "$type": "color",
13735
13816
  "$extensions": {
13736
13817
  "org.primer.figma": {
@@ -13739,14 +13820,14 @@
13739
13820
  "group": "semantic",
13740
13821
  "scopes": ["bgColor"],
13741
13822
  "codeSyntax": {
13742
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13823
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13743
13824
  }
13744
13825
  }
13745
13826
  },
13746
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13827
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13747
13828
  "isSource": true,
13748
13829
  "original": {
13749
- "value": "{base.color.yellow.5}",
13830
+ "value": "{base.color.red.5}",
13750
13831
  "$type": "color",
13751
13832
  "$extensions": {
13752
13833
  "org.primer.figma": {
@@ -13755,17 +13836,17 @@
13755
13836
  "group": "semantic",
13756
13837
  "scopes": ["bgColor"],
13757
13838
  "codeSyntax": {
13758
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13839
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13759
13840
  }
13760
13841
  }
13761
13842
  }
13762
13843
  },
13763
- "name": "bgColor-attention-emphasis",
13844
+ "name": "bgColor-open-emphasis",
13764
13845
  "attributes": {},
13765
- "path": ["bgColor", "attention", "emphasis"]
13846
+ "path": ["bgColor", "open", "emphasis"]
13766
13847
  },
13767
- "bgColor-severe-muted": {
13768
- "value": "#ffebe9",
13848
+ "bgColor-attention-muted": {
13849
+ "value": "#fff8c5",
13769
13850
  "$type": "color",
13770
13851
  "$extensions": {
13771
13852
  "org.primer.figma": {
@@ -13774,14 +13855,14 @@
13774
13855
  "group": "semantic",
13775
13856
  "scopes": ["bgColor"],
13776
13857
  "codeSyntax": {
13777
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13858
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13778
13859
  }
13779
13860
  }
13780
13861
  },
13781
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13862
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13782
13863
  "isSource": true,
13783
13864
  "original": {
13784
- "value": "{base.color.red.0}",
13865
+ "value": "{base.color.yellow.0}",
13785
13866
  "$type": "color",
13786
13867
  "$extensions": {
13787
13868
  "org.primer.figma": {
@@ -13790,17 +13871,17 @@
13790
13871
  "group": "semantic",
13791
13872
  "scopes": ["bgColor"],
13792
13873
  "codeSyntax": {
13793
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13874
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13794
13875
  }
13795
13876
  }
13796
13877
  }
13797
13878
  },
13798
- "name": "bgColor-severe-muted",
13879
+ "name": "bgColor-attention-muted",
13799
13880
  "attributes": {},
13800
- "path": ["bgColor", "severe", "muted"]
13881
+ "path": ["bgColor", "attention", "muted"]
13801
13882
  },
13802
- "bgColor-severe-emphasis": {
13803
- "value": "#cf222e",
13883
+ "bgColor-attention-emphasis": {
13884
+ "value": "#9a6700",
13804
13885
  "$type": "color",
13805
13886
  "$extensions": {
13806
13887
  "org.primer.figma": {
@@ -13809,14 +13890,14 @@
13809
13890
  "group": "semantic",
13810
13891
  "scopes": ["bgColor"],
13811
13892
  "codeSyntax": {
13812
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13893
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13813
13894
  }
13814
13895
  }
13815
13896
  },
13816
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13897
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13817
13898
  "isSource": true,
13818
13899
  "original": {
13819
- "value": "{base.color.red.5}",
13900
+ "value": "{base.color.yellow.5}",
13820
13901
  "$type": "color",
13821
13902
  "$extensions": {
13822
13903
  "org.primer.figma": {
@@ -13825,16 +13906,16 @@
13825
13906
  "group": "semantic",
13826
13907
  "scopes": ["bgColor"],
13827
13908
  "codeSyntax": {
13828
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13909
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13829
13910
  }
13830
13911
  }
13831
13912
  }
13832
13913
  },
13833
- "name": "bgColor-severe-emphasis",
13914
+ "name": "bgColor-attention-emphasis",
13834
13915
  "attributes": {},
13835
- "path": ["bgColor", "severe", "emphasis"]
13916
+ "path": ["bgColor", "attention", "emphasis"]
13836
13917
  },
13837
- "bgColor-danger-muted": {
13918
+ "bgColor-severe-muted": {
13838
13919
  "value": "#ffebe9",
13839
13920
  "$type": "color",
13840
13921
  "$extensions": {
@@ -13844,11 +13925,11 @@
13844
13925
  "group": "semantic",
13845
13926
  "scopes": ["bgColor"],
13846
13927
  "codeSyntax": {
13847
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13928
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13848
13929
  }
13849
13930
  }
13850
13931
  },
13851
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13932
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13852
13933
  "isSource": true,
13853
13934
  "original": {
13854
13935
  "value": "{base.color.red.0}",
@@ -13860,16 +13941,16 @@
13860
13941
  "group": "semantic",
13861
13942
  "scopes": ["bgColor"],
13862
13943
  "codeSyntax": {
13863
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13944
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13864
13945
  }
13865
13946
  }
13866
13947
  }
13867
13948
  },
13868
- "name": "bgColor-danger-muted",
13949
+ "name": "bgColor-severe-muted",
13869
13950
  "attributes": {},
13870
- "path": ["bgColor", "danger", "muted"]
13951
+ "path": ["bgColor", "severe", "muted"]
13871
13952
  },
13872
- "bgColor-danger-emphasis": {
13953
+ "bgColor-severe-emphasis": {
13873
13954
  "value": "#cf222e",
13874
13955
  "$type": "color",
13875
13956
  "$extensions": {
@@ -13879,11 +13960,11 @@
13879
13960
  "group": "semantic",
13880
13961
  "scopes": ["bgColor"],
13881
13962
  "codeSyntax": {
13882
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13963
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13883
13964
  }
13884
13965
  }
13885
13966
  },
13886
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13967
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
13887
13968
  "isSource": true,
13888
13969
  "original": {
13889
13970
  "value": "{base.color.red.5}",
@@ -13895,16 +13976,16 @@
13895
13976
  "group": "semantic",
13896
13977
  "scopes": ["bgColor"],
13897
13978
  "codeSyntax": {
13898
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13979
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13899
13980
  }
13900
13981
  }
13901
13982
  }
13902
13983
  },
13903
- "name": "bgColor-danger-emphasis",
13984
+ "name": "bgColor-severe-emphasis",
13904
13985
  "attributes": {},
13905
- "path": ["bgColor", "danger", "emphasis"]
13986
+ "path": ["bgColor", "severe", "emphasis"]
13906
13987
  },
13907
- "bgColor-open-muted": {
13988
+ "bgColor-danger-muted": {
13908
13989
  "value": "#ffebe9",
13909
13990
  "$type": "color",
13910
13991
  "$extensions": {
@@ -13914,11 +13995,11 @@
13914
13995
  "group": "semantic",
13915
13996
  "scopes": ["bgColor"],
13916
13997
  "codeSyntax": {
13917
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13998
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13918
13999
  }
13919
14000
  }
13920
14001
  },
13921
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14002
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13922
14003
  "isSource": true,
13923
14004
  "original": {
13924
14005
  "value": "{base.color.red.0}",
@@ -13930,16 +14011,16 @@
13930
14011
  "group": "semantic",
13931
14012
  "scopes": ["bgColor"],
13932
14013
  "codeSyntax": {
13933
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
14014
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13934
14015
  }
13935
14016
  }
13936
14017
  }
13937
14018
  },
13938
- "name": "bgColor-open-muted",
14019
+ "name": "bgColor-danger-muted",
13939
14020
  "attributes": {},
13940
- "path": ["bgColor", "open", "muted"]
14021
+ "path": ["bgColor", "danger", "muted"]
13941
14022
  },
13942
- "bgColor-open-emphasis": {
14023
+ "bgColor-danger-emphasis": {
13943
14024
  "value": "#cf222e",
13944
14025
  "$type": "color",
13945
14026
  "$extensions": {
@@ -13949,11 +14030,11 @@
13949
14030
  "group": "semantic",
13950
14031
  "scopes": ["bgColor"],
13951
14032
  "codeSyntax": {
13952
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14033
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13953
14034
  }
13954
14035
  }
13955
14036
  },
13956
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14037
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13957
14038
  "isSource": true,
13958
14039
  "original": {
13959
14040
  "value": "{base.color.red.5}",
@@ -13965,14 +14046,14 @@
13965
14046
  "group": "semantic",
13966
14047
  "scopes": ["bgColor"],
13967
14048
  "codeSyntax": {
13968
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14049
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13969
14050
  }
13970
14051
  }
13971
14052
  }
13972
14053
  },
13973
- "name": "bgColor-open-emphasis",
14054
+ "name": "bgColor-danger-emphasis",
13974
14055
  "attributes": {},
13975
- "path": ["bgColor", "open", "emphasis"]
14056
+ "path": ["bgColor", "danger", "emphasis"]
13976
14057
  },
13977
14058
  "bgColor-closed-muted": {
13978
14059
  "value": "#f6f8fa",
@@ -14131,7 +14212,7 @@
14131
14212
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14132
14213
  "isSource": true,
14133
14214
  "original": {
14134
- "value": "{base.color.purple.0}",
14215
+ "value": "{bgColor.done.muted}",
14135
14216
  "$type": "color",
14136
14217
  "$extensions": {
14137
14218
  "org.primer.figma": {
@@ -14166,7 +14247,7 @@
14166
14247
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14167
14248
  "isSource": true,
14168
14249
  "original": {
14169
- "value": "{base.color.purple.5}",
14250
+ "value": "{bgColor.done.emphasis}",
14170
14251
  "$type": "color",
14171
14252
  "$extensions": {
14172
14253
  "org.primer.figma": {
@@ -14614,7 +14695,7 @@
14614
14695
  "path": ["borderColor", "success", "muted"]
14615
14696
  },
14616
14697
  "borderColor-success-emphasis": {
14617
- "value": "#218bff",
14698
+ "value": "#0969da",
14618
14699
  "$type": "color",
14619
14700
  "$extensions": {
14620
14701
  "org.primer.figma": {
@@ -14630,7 +14711,7 @@
14630
14711
  "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14631
14712
  "isSource": true,
14632
14713
  "original": {
14633
- "value": "{base.color.blue.4}",
14714
+ "value": "{base.color.blue.5}",
14634
14715
  "$type": "color",
14635
14716
  "$extensions": {
14636
14717
  "org.primer.figma": {
@@ -14648,8 +14729,8 @@
14648
14729
  "attributes": {},
14649
14730
  "path": ["borderColor", "success", "emphasis"]
14650
14731
  },
14651
- "borderColor-attention-muted": {
14652
- "value": "#d4a72c66",
14732
+ "borderColor-open-muted": {
14733
+ "value": "#ff818266",
14653
14734
  "$type": "color",
14654
14735
  "$extensions": {
14655
14736
  "org.primer.figma": {
@@ -14658,15 +14739,15 @@
14658
14739
  "group": "semantic",
14659
14740
  "scopes": ["borderColor"],
14660
14741
  "codeSyntax": {
14661
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14742
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14662
14743
  }
14663
14744
  }
14664
14745
  },
14665
14746
  "alpha": 0.4,
14666
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14747
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14667
14748
  "isSource": true,
14668
14749
  "original": {
14669
- "value": "{base.color.yellow.3}",
14750
+ "value": "{base.color.red.3}",
14670
14751
  "$type": "color",
14671
14752
  "$extensions": {
14672
14753
  "org.primer.figma": {
@@ -14675,18 +14756,18 @@
14675
14756
  "group": "semantic",
14676
14757
  "scopes": ["borderColor"],
14677
14758
  "codeSyntax": {
14678
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14759
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14679
14760
  }
14680
14761
  }
14681
14762
  },
14682
14763
  "alpha": 0.4
14683
14764
  },
14684
- "name": "borderColor-attention-muted",
14765
+ "name": "borderColor-open-muted",
14685
14766
  "attributes": {},
14686
- "path": ["borderColor", "attention", "muted"]
14767
+ "path": ["borderColor", "open", "muted"]
14687
14768
  },
14688
- "borderColor-attention-emphasis": {
14689
- "value": "#bf8700",
14769
+ "borderColor-open-emphasis": {
14770
+ "value": "#cf222e",
14690
14771
  "$type": "color",
14691
14772
  "$extensions": {
14692
14773
  "org.primer.figma": {
@@ -14695,14 +14776,14 @@
14695
14776
  "group": "semantic",
14696
14777
  "scopes": ["borderColor"],
14697
14778
  "codeSyntax": {
14698
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14779
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14699
14780
  }
14700
14781
  }
14701
14782
  },
14702
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14783
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14703
14784
  "isSource": true,
14704
14785
  "original": {
14705
- "value": "{base.color.yellow.4}",
14786
+ "value": "{base.color.red.5}",
14706
14787
  "$type": "color",
14707
14788
  "$extensions": {
14708
14789
  "org.primer.figma": {
@@ -14711,17 +14792,17 @@
14711
14792
  "group": "semantic",
14712
14793
  "scopes": ["borderColor"],
14713
14794
  "codeSyntax": {
14714
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14795
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14715
14796
  }
14716
14797
  }
14717
14798
  }
14718
14799
  },
14719
- "name": "borderColor-attention-emphasis",
14800
+ "name": "borderColor-open-emphasis",
14720
14801
  "attributes": {},
14721
- "path": ["borderColor", "attention", "emphasis"]
14802
+ "path": ["borderColor", "open", "emphasis"]
14722
14803
  },
14723
- "borderColor-severe-muted": {
14724
- "value": "#ff818266",
14804
+ "borderColor-attention-muted": {
14805
+ "value": "#d4a72c66",
14725
14806
  "$type": "color",
14726
14807
  "$extensions": {
14727
14808
  "org.primer.figma": {
@@ -14730,15 +14811,15 @@
14730
14811
  "group": "semantic",
14731
14812
  "scopes": ["borderColor"],
14732
14813
  "codeSyntax": {
14733
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14814
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14734
14815
  }
14735
14816
  }
14736
14817
  },
14737
14818
  "alpha": 0.4,
14738
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14819
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14739
14820
  "isSource": true,
14740
14821
  "original": {
14741
- "value": "{base.color.red.3}",
14822
+ "value": "{base.color.yellow.3}",
14742
14823
  "$type": "color",
14743
14824
  "$extensions": {
14744
14825
  "org.primer.figma": {
@@ -14747,18 +14828,18 @@
14747
14828
  "group": "semantic",
14748
14829
  "scopes": ["borderColor"],
14749
14830
  "codeSyntax": {
14750
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14831
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14751
14832
  }
14752
14833
  }
14753
14834
  },
14754
14835
  "alpha": 0.4
14755
14836
  },
14756
- "name": "borderColor-severe-muted",
14837
+ "name": "borderColor-attention-muted",
14757
14838
  "attributes": {},
14758
- "path": ["borderColor", "severe", "muted"]
14839
+ "path": ["borderColor", "attention", "muted"]
14759
14840
  },
14760
- "borderColor-severe-emphasis": {
14761
- "value": "#cf222e",
14841
+ "borderColor-attention-emphasis": {
14842
+ "value": "#bf8700",
14762
14843
  "$type": "color",
14763
14844
  "$extensions": {
14764
14845
  "org.primer.figma": {
@@ -14767,14 +14848,14 @@
14767
14848
  "group": "semantic",
14768
14849
  "scopes": ["borderColor"],
14769
14850
  "codeSyntax": {
14770
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14851
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14771
14852
  }
14772
14853
  }
14773
14854
  },
14774
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14855
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14775
14856
  "isSource": true,
14776
14857
  "original": {
14777
- "value": "{base.color.red.5}",
14858
+ "value": "{base.color.yellow.4}",
14778
14859
  "$type": "color",
14779
14860
  "$extensions": {
14780
14861
  "org.primer.figma": {
@@ -14783,16 +14864,16 @@
14783
14864
  "group": "semantic",
14784
14865
  "scopes": ["borderColor"],
14785
14866
  "codeSyntax": {
14786
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14867
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14787
14868
  }
14788
14869
  }
14789
14870
  }
14790
14871
  },
14791
- "name": "borderColor-severe-emphasis",
14872
+ "name": "borderColor-attention-emphasis",
14792
14873
  "attributes": {},
14793
- "path": ["borderColor", "severe", "emphasis"]
14874
+ "path": ["borderColor", "attention", "emphasis"]
14794
14875
  },
14795
- "borderColor-danger-muted": {
14876
+ "borderColor-severe-muted": {
14796
14877
  "value": "#ff818266",
14797
14878
  "$type": "color",
14798
14879
  "$extensions": {
@@ -14802,12 +14883,12 @@
14802
14883
  "group": "semantic",
14803
14884
  "scopes": ["borderColor"],
14804
14885
  "codeSyntax": {
14805
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14886
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14806
14887
  }
14807
14888
  }
14808
14889
  },
14809
14890
  "alpha": 0.4,
14810
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14891
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14811
14892
  "isSource": true,
14812
14893
  "original": {
14813
14894
  "value": "{base.color.red.3}",
@@ -14819,17 +14900,17 @@
14819
14900
  "group": "semantic",
14820
14901
  "scopes": ["borderColor"],
14821
14902
  "codeSyntax": {
14822
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14903
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14823
14904
  }
14824
14905
  }
14825
14906
  },
14826
14907
  "alpha": 0.4
14827
14908
  },
14828
- "name": "borderColor-danger-muted",
14909
+ "name": "borderColor-severe-muted",
14829
14910
  "attributes": {},
14830
- "path": ["borderColor", "danger", "muted"]
14911
+ "path": ["borderColor", "severe", "muted"]
14831
14912
  },
14832
- "borderColor-danger-emphasis": {
14913
+ "borderColor-severe-emphasis": {
14833
14914
  "value": "#cf222e",
14834
14915
  "$type": "color",
14835
14916
  "$extensions": {
@@ -14839,11 +14920,11 @@
14839
14920
  "group": "semantic",
14840
14921
  "scopes": ["borderColor"],
14841
14922
  "codeSyntax": {
14842
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14923
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14843
14924
  }
14844
14925
  }
14845
14926
  },
14846
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14927
+ "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14847
14928
  "isSource": true,
14848
14929
  "original": {
14849
14930
  "value": "{base.color.red.5}",
@@ -14855,16 +14936,16 @@
14855
14936
  "group": "semantic",
14856
14937
  "scopes": ["borderColor"],
14857
14938
  "codeSyntax": {
14858
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14939
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14859
14940
  }
14860
14941
  }
14861
14942
  }
14862
14943
  },
14863
- "name": "borderColor-danger-emphasis",
14944
+ "name": "borderColor-severe-emphasis",
14864
14945
  "attributes": {},
14865
- "path": ["borderColor", "danger", "emphasis"]
14946
+ "path": ["borderColor", "severe", "emphasis"]
14866
14947
  },
14867
- "borderColor-open-muted": {
14948
+ "borderColor-danger-muted": {
14868
14949
  "value": "#ff818266",
14869
14950
  "$type": "color",
14870
14951
  "$extensions": {
@@ -14874,13 +14955,13 @@
14874
14955
  "group": "semantic",
14875
14956
  "scopes": ["borderColor"],
14876
14957
  "codeSyntax": {
14877
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14958
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14878
14959
  }
14879
14960
  }
14880
14961
  },
14881
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14882
- "isSource": true,
14883
14962
  "alpha": 0.4,
14963
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14964
+ "isSource": true,
14884
14965
  "original": {
14885
14966
  "value": "{base.color.red.3}",
14886
14967
  "$type": "color",
@@ -14891,17 +14972,17 @@
14891
14972
  "group": "semantic",
14892
14973
  "scopes": ["borderColor"],
14893
14974
  "codeSyntax": {
14894
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14975
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14895
14976
  }
14896
14977
  }
14897
14978
  },
14898
14979
  "alpha": 0.4
14899
14980
  },
14900
- "name": "borderColor-open-muted",
14981
+ "name": "borderColor-danger-muted",
14901
14982
  "attributes": {},
14902
- "path": ["borderColor", "open", "muted"]
14983
+ "path": ["borderColor", "danger", "muted"]
14903
14984
  },
14904
- "borderColor-open-emphasis": {
14985
+ "borderColor-danger-emphasis": {
14905
14986
  "value": "#cf222e",
14906
14987
  "$type": "color",
14907
14988
  "$extensions": {
@@ -14911,11 +14992,11 @@
14911
14992
  "group": "semantic",
14912
14993
  "scopes": ["borderColor"],
14913
14994
  "codeSyntax": {
14914
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14995
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14915
14996
  }
14916
14997
  }
14917
14998
  },
14918
- "filePath": "src/tokens/functional/color/light/overrides/light.tritanopia.json5",
14999
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14919
15000
  "isSource": true,
14920
15001
  "original": {
14921
15002
  "value": "{base.color.red.5}",
@@ -14927,14 +15008,14 @@
14927
15008
  "group": "semantic",
14928
15009
  "scopes": ["borderColor"],
14929
15010
  "codeSyntax": {
14930
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
15011
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14931
15012
  }
14932
15013
  }
14933
15014
  }
14934
15015
  },
14935
- "name": "borderColor-open-emphasis",
15016
+ "name": "borderColor-danger-emphasis",
14936
15017
  "attributes": {},
14937
- "path": ["borderColor", "open", "emphasis"]
15018
+ "path": ["borderColor", "danger", "emphasis"]
14938
15019
  },
14939
15020
  "borderColor-closed-muted": {
14940
15021
  "value": "#afb8c166",
@@ -15098,7 +15179,7 @@
15098
15179
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15099
15180
  "isSource": true,
15100
15181
  "original": {
15101
- "value": "{base.color.purple.3}",
15182
+ "value": "{borderColor.done.muted}",
15102
15183
  "$type": "color",
15103
15184
  "$extensions": {
15104
15185
  "org.primer.figma": {
@@ -15134,7 +15215,7 @@
15134
15215
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15135
15216
  "isSource": true,
15136
15217
  "original": {
15137
- "value": "{base.color.purple.5}",
15218
+ "value": "{borderColor.done.emphasis}",
15138
15219
  "$type": "color",
15139
15220
  "$extensions": {
15140
15221
  "org.primer.figma": {