@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
@@ -12560,6 +12560,64 @@
12560
12560
  "attributes": {},
12561
12561
  "path": ["label", "coral", "fgColor", "active"]
12562
12562
  },
12563
+ "tooltip-bgColor": {
12564
+ "value": "#6e7681",
12565
+ "$type": "color",
12566
+ "$extensions": {
12567
+ "org.primer.figma": {
12568
+ "collection": "mode",
12569
+ "mode": "dark",
12570
+ "group": "component",
12571
+ "scopes": ["bgColor"]
12572
+ }
12573
+ },
12574
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12575
+ "isSource": true,
12576
+ "original": {
12577
+ "value": "{bgColor.emphasis}",
12578
+ "$type": "color",
12579
+ "$extensions": {
12580
+ "org.primer.figma": {
12581
+ "collection": "mode",
12582
+ "mode": "dark",
12583
+ "group": "component",
12584
+ "scopes": ["bgColor"]
12585
+ }
12586
+ }
12587
+ },
12588
+ "name": "tooltip-bgColor",
12589
+ "attributes": {},
12590
+ "path": ["tooltip", "bgColor"]
12591
+ },
12592
+ "tooltip-fgColor": {
12593
+ "value": "#ffffff",
12594
+ "$type": "color",
12595
+ "$extensions": {
12596
+ "org.primer.figma": {
12597
+ "collection": "mode",
12598
+ "mode": "dark",
12599
+ "group": "component",
12600
+ "scopes": ["fgColor"]
12601
+ }
12602
+ },
12603
+ "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
12604
+ "isSource": true,
12605
+ "original": {
12606
+ "value": "{fgColor.onEmphasis}",
12607
+ "$type": "color",
12608
+ "$extensions": {
12609
+ "org.primer.figma": {
12610
+ "collection": "mode",
12611
+ "mode": "dark",
12612
+ "group": "component",
12613
+ "scopes": ["fgColor"]
12614
+ }
12615
+ }
12616
+ },
12617
+ "name": "tooltip-fgColor",
12618
+ "attributes": {},
12619
+ "path": ["tooltip", "fgColor"]
12620
+ },
12563
12621
  "fgColor-default": {
12564
12622
  "value": "#e6edf3",
12565
12623
  "$type": "color",
@@ -12681,6 +12739,35 @@
12681
12739
  "attributes": {},
12682
12740
  "path": ["fgColor", "onEmphasis"]
12683
12741
  },
12742
+ "fgColor-onInverse": {
12743
+ "value": "#010409",
12744
+ "$type": "color",
12745
+ "$extensions": {
12746
+ "org.primer.figma": {
12747
+ "collection": "mode",
12748
+ "mode": "dark",
12749
+ "group": "semantic",
12750
+ "scopes": ["fgColor"]
12751
+ }
12752
+ },
12753
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12754
+ "isSource": true,
12755
+ "original": {
12756
+ "value": "{base.color.black}",
12757
+ "$type": "color",
12758
+ "$extensions": {
12759
+ "org.primer.figma": {
12760
+ "collection": "mode",
12761
+ "mode": "dark",
12762
+ "group": "semantic",
12763
+ "scopes": ["fgColor"]
12764
+ }
12765
+ }
12766
+ },
12767
+ "name": "fgColor-onInverse",
12768
+ "attributes": {},
12769
+ "path": ["fgColor", "onInverse"]
12770
+ },
12684
12771
  "fgColor-white": {
12685
12772
  "value": "#ffffff",
12686
12773
  "$type": "color",
@@ -12804,7 +12891,7 @@
12804
12891
  "path": ["fgColor", "link"]
12805
12892
  },
12806
12893
  "fgColor-neutral": {
12807
- "value": "#6e7681",
12894
+ "value": "#b1bac4",
12808
12895
  "$type": "color",
12809
12896
  "$extensions": {
12810
12897
  "org.primer.figma": {
@@ -12817,7 +12904,7 @@
12817
12904
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12818
12905
  "isSource": true,
12819
12906
  "original": {
12820
- "value": "{base.color.neutral.4}",
12907
+ "value": "{base.color.neutral.2}",
12821
12908
  "$type": "color",
12822
12909
  "$extensions": {
12823
12910
  "org.primer.figma": {
@@ -12910,8 +12997,8 @@
12910
12997
  "attributes": {},
12911
12998
  "path": ["fgColor", "success"]
12912
12999
  },
12913
- "fgColor-attention": {
12914
- "value": "#d29922",
13000
+ "fgColor-open": {
13001
+ "value": "#f0883e",
12915
13002
  "$type": "color",
12916
13003
  "$extensions": {
12917
13004
  "org.primer.figma": {
@@ -12920,14 +13007,14 @@
12920
13007
  "group": "semantic",
12921
13008
  "scopes": ["fgColor"],
12922
13009
  "codeSyntax": {
12923
- "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
13010
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12924
13011
  }
12925
13012
  }
12926
13013
  },
12927
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13014
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
12928
13015
  "isSource": true,
12929
13016
  "original": {
12930
- "value": "{base.color.yellow.3}",
13017
+ "value": "{base.color.orange.3}",
12931
13018
  "$type": "color",
12932
13019
  "$extensions": {
12933
13020
  "org.primer.figma": {
@@ -12936,17 +13023,17 @@
12936
13023
  "group": "semantic",
12937
13024
  "scopes": ["fgColor"],
12938
13025
  "codeSyntax": {
12939
- "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
13026
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
12940
13027
  }
12941
13028
  }
12942
13029
  }
12943
13030
  },
12944
- "name": "fgColor-attention",
13031
+ "name": "fgColor-open",
12945
13032
  "attributes": {},
12946
- "path": ["fgColor", "attention"]
13033
+ "path": ["fgColor", "open"]
12947
13034
  },
12948
- "fgColor-severe": {
12949
- "value": "#db6d28",
13035
+ "fgColor-attention": {
13036
+ "value": "#d29922",
12950
13037
  "$type": "color",
12951
13038
  "$extensions": {
12952
13039
  "org.primer.figma": {
@@ -12955,14 +13042,14 @@
12955
13042
  "group": "semantic",
12956
13043
  "scopes": ["fgColor"],
12957
13044
  "codeSyntax": {
12958
- "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
13045
+ "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12959
13046
  }
12960
13047
  }
12961
13048
  },
12962
13049
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12963
13050
  "isSource": true,
12964
13051
  "original": {
12965
- "value": "{base.color.orange.4}",
13052
+ "value": "{base.color.yellow.3}",
12966
13053
  "$type": "color",
12967
13054
  "$extensions": {
12968
13055
  "org.primer.figma": {
@@ -12971,16 +13058,16 @@
12971
13058
  "group": "semantic",
12972
13059
  "scopes": ["fgColor"],
12973
13060
  "codeSyntax": {
12974
- "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
13061
+ "web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
12975
13062
  }
12976
13063
  }
12977
13064
  }
12978
13065
  },
12979
- "name": "fgColor-severe",
13066
+ "name": "fgColor-attention",
12980
13067
  "attributes": {},
12981
- "path": ["fgColor", "severe"]
13068
+ "path": ["fgColor", "attention"]
12982
13069
  },
12983
- "fgColor-danger": {
13070
+ "fgColor-severe": {
12984
13071
  "value": "#db6d28",
12985
13072
  "$type": "color",
12986
13073
  "$extensions": {
@@ -12990,11 +13077,11 @@
12990
13077
  "group": "semantic",
12991
13078
  "scopes": ["fgColor"],
12992
13079
  "codeSyntax": {
12993
- "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13080
+ "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
12994
13081
  }
12995
13082
  }
12996
13083
  },
12997
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13084
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
12998
13085
  "isSource": true,
12999
13086
  "original": {
13000
13087
  "value": "{base.color.orange.4}",
@@ -13006,17 +13093,17 @@
13006
13093
  "group": "semantic",
13007
13094
  "scopes": ["fgColor"],
13008
13095
  "codeSyntax": {
13009
- "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13096
+ "web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
13010
13097
  }
13011
13098
  }
13012
13099
  }
13013
13100
  },
13014
- "name": "fgColor-danger",
13101
+ "name": "fgColor-severe",
13015
13102
  "attributes": {},
13016
- "path": ["fgColor", "danger"]
13103
+ "path": ["fgColor", "severe"]
13017
13104
  },
13018
- "fgColor-open": {
13019
- "value": "#f0883e",
13105
+ "fgColor-danger": {
13106
+ "value": "#db6d28",
13020
13107
  "$type": "color",
13021
13108
  "$extensions": {
13022
13109
  "org.primer.figma": {
@@ -13025,14 +13112,14 @@
13025
13112
  "group": "semantic",
13026
13113
  "scopes": ["fgColor"],
13027
13114
  "codeSyntax": {
13028
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13115
+ "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13029
13116
  }
13030
13117
  }
13031
13118
  },
13032
13119
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13033
13120
  "isSource": true,
13034
13121
  "original": {
13035
- "value": "{base.color.orange.3}",
13122
+ "value": "{base.color.orange.4}",
13036
13123
  "$type": "color",
13037
13124
  "$extensions": {
13038
13125
  "org.primer.figma": {
@@ -13041,14 +13128,14 @@
13041
13128
  "group": "semantic",
13042
13129
  "scopes": ["fgColor"],
13043
13130
  "codeSyntax": {
13044
- "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13131
+ "web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
13045
13132
  }
13046
13133
  }
13047
13134
  }
13048
13135
  },
13049
- "name": "fgColor-open",
13136
+ "name": "fgColor-danger",
13050
13137
  "attributes": {},
13051
- "path": ["fgColor", "open"]
13138
+ "path": ["fgColor", "danger"]
13052
13139
  },
13053
13140
  "fgColor-closed": {
13054
13141
  "value": "#8b949e",
@@ -13137,7 +13224,7 @@
13137
13224
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13138
13225
  "isSource": true,
13139
13226
  "original": {
13140
- "value": "{base.color.purple.4}",
13227
+ "value": "{fgColor.done}",
13141
13228
  "$type": "color",
13142
13229
  "$extensions": {
13143
13230
  "org.primer.figma": {
@@ -13687,8 +13774,8 @@
13687
13774
  "attributes": {},
13688
13775
  "path": ["bgColor", "success", "emphasis"]
13689
13776
  },
13690
- "bgColor-attention-muted": {
13691
- "value": "#bb800926",
13777
+ "bgColor-open-muted": {
13778
+ "value": "#db6d2866",
13692
13779
  "$type": "color",
13693
13780
  "$extensions": {
13694
13781
  "org.primer.figma": {
@@ -13697,15 +13784,15 @@
13697
13784
  "group": "semantic",
13698
13785
  "scopes": ["bgColor"],
13699
13786
  "codeSyntax": {
13700
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13787
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13701
13788
  }
13702
13789
  }
13703
13790
  },
13704
- "alpha": 0.15,
13705
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13791
+ "alpha": 0.4,
13792
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13706
13793
  "isSource": true,
13707
13794
  "original": {
13708
- "value": "{base.color.yellow.4}",
13795
+ "value": "{base.color.orange.4}",
13709
13796
  "$type": "color",
13710
13797
  "$extensions": {
13711
13798
  "org.primer.figma": {
@@ -13714,18 +13801,18 @@
13714
13801
  "group": "semantic",
13715
13802
  "scopes": ["bgColor"],
13716
13803
  "codeSyntax": {
13717
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13804
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13718
13805
  }
13719
13806
  }
13720
13807
  },
13721
- "alpha": 0.15
13808
+ "alpha": 0.4
13722
13809
  },
13723
- "name": "bgColor-attention-muted",
13810
+ "name": "bgColor-open-muted",
13724
13811
  "attributes": {},
13725
- "path": ["bgColor", "attention", "muted"]
13812
+ "path": ["bgColor", "open", "muted"]
13726
13813
  },
13727
- "bgColor-attention-emphasis": {
13728
- "value": "#9e6a03",
13814
+ "bgColor-open-emphasis": {
13815
+ "value": "#bd561d",
13729
13816
  "$type": "color",
13730
13817
  "$extensions": {
13731
13818
  "org.primer.figma": {
@@ -13734,14 +13821,14 @@
13734
13821
  "group": "semantic",
13735
13822
  "scopes": ["bgColor"],
13736
13823
  "codeSyntax": {
13737
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13824
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13738
13825
  }
13739
13826
  }
13740
13827
  },
13741
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13828
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13742
13829
  "isSource": true,
13743
13830
  "original": {
13744
- "value": "{base.color.yellow.5}",
13831
+ "value": "{base.color.orange.5}",
13745
13832
  "$type": "color",
13746
13833
  "$extensions": {
13747
13834
  "org.primer.figma": {
@@ -13750,17 +13837,17 @@
13750
13837
  "group": "semantic",
13751
13838
  "scopes": ["bgColor"],
13752
13839
  "codeSyntax": {
13753
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13840
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13754
13841
  }
13755
13842
  }
13756
13843
  }
13757
13844
  },
13758
- "name": "bgColor-attention-emphasis",
13845
+ "name": "bgColor-open-emphasis",
13759
13846
  "attributes": {},
13760
- "path": ["bgColor", "attention", "emphasis"]
13847
+ "path": ["bgColor", "open", "emphasis"]
13761
13848
  },
13762
- "bgColor-severe-muted": {
13763
- "value": "#db6d281a",
13849
+ "bgColor-attention-muted": {
13850
+ "value": "#bb800926",
13764
13851
  "$type": "color",
13765
13852
  "$extensions": {
13766
13853
  "org.primer.figma": {
@@ -13769,15 +13856,15 @@
13769
13856
  "group": "semantic",
13770
13857
  "scopes": ["bgColor"],
13771
13858
  "codeSyntax": {
13772
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13859
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13773
13860
  }
13774
13861
  }
13775
13862
  },
13776
- "alpha": 0.1,
13863
+ "alpha": 0.15,
13777
13864
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13778
13865
  "isSource": true,
13779
13866
  "original": {
13780
- "value": "{base.color.orange.4}",
13867
+ "value": "{base.color.yellow.4}",
13781
13868
  "$type": "color",
13782
13869
  "$extensions": {
13783
13870
  "org.primer.figma": {
@@ -13786,18 +13873,18 @@
13786
13873
  "group": "semantic",
13787
13874
  "scopes": ["bgColor"],
13788
13875
  "codeSyntax": {
13789
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13876
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13790
13877
  }
13791
13878
  }
13792
13879
  },
13793
- "alpha": 0.1
13880
+ "alpha": 0.15
13794
13881
  },
13795
- "name": "bgColor-severe-muted",
13882
+ "name": "bgColor-attention-muted",
13796
13883
  "attributes": {},
13797
- "path": ["bgColor", "severe", "muted"]
13884
+ "path": ["bgColor", "attention", "muted"]
13798
13885
  },
13799
- "bgColor-severe-emphasis": {
13800
- "value": "#bd561d",
13886
+ "bgColor-attention-emphasis": {
13887
+ "value": "#9e6a03",
13801
13888
  "$type": "color",
13802
13889
  "$extensions": {
13803
13890
  "org.primer.figma": {
@@ -13806,14 +13893,14 @@
13806
13893
  "group": "semantic",
13807
13894
  "scopes": ["bgColor"],
13808
13895
  "codeSyntax": {
13809
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13896
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13810
13897
  }
13811
13898
  }
13812
13899
  },
13813
13900
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13814
13901
  "isSource": true,
13815
13902
  "original": {
13816
- "value": "{base.color.orange.5}",
13903
+ "value": "{base.color.yellow.5}",
13817
13904
  "$type": "color",
13818
13905
  "$extensions": {
13819
13906
  "org.primer.figma": {
@@ -13822,16 +13909,16 @@
13822
13909
  "group": "semantic",
13823
13910
  "scopes": ["bgColor"],
13824
13911
  "codeSyntax": {
13825
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13912
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13826
13913
  }
13827
13914
  }
13828
13915
  }
13829
13916
  },
13830
- "name": "bgColor-severe-emphasis",
13917
+ "name": "bgColor-attention-emphasis",
13831
13918
  "attributes": {},
13832
- "path": ["bgColor", "severe", "emphasis"]
13919
+ "path": ["bgColor", "attention", "emphasis"]
13833
13920
  },
13834
- "bgColor-danger-muted": {
13921
+ "bgColor-severe-muted": {
13835
13922
  "value": "#db6d281a",
13836
13923
  "$type": "color",
13837
13924
  "$extensions": {
@@ -13841,12 +13928,12 @@
13841
13928
  "group": "semantic",
13842
13929
  "scopes": ["bgColor"],
13843
13930
  "codeSyntax": {
13844
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13931
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13845
13932
  }
13846
13933
  }
13847
13934
  },
13848
13935
  "alpha": 0.1,
13849
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13936
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13850
13937
  "isSource": true,
13851
13938
  "original": {
13852
13939
  "value": "{base.color.orange.4}",
@@ -13858,17 +13945,17 @@
13858
13945
  "group": "semantic",
13859
13946
  "scopes": ["bgColor"],
13860
13947
  "codeSyntax": {
13861
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13948
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13862
13949
  }
13863
13950
  }
13864
13951
  },
13865
13952
  "alpha": 0.1
13866
13953
  },
13867
- "name": "bgColor-danger-muted",
13954
+ "name": "bgColor-severe-muted",
13868
13955
  "attributes": {},
13869
- "path": ["bgColor", "danger", "muted"]
13956
+ "path": ["bgColor", "severe", "muted"]
13870
13957
  },
13871
- "bgColor-danger-emphasis": {
13958
+ "bgColor-severe-emphasis": {
13872
13959
  "value": "#bd561d",
13873
13960
  "$type": "color",
13874
13961
  "$extensions": {
@@ -13878,11 +13965,11 @@
13878
13965
  "group": "semantic",
13879
13966
  "scopes": ["bgColor"],
13880
13967
  "codeSyntax": {
13881
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13968
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13882
13969
  }
13883
13970
  }
13884
13971
  },
13885
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13972
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
13886
13973
  "isSource": true,
13887
13974
  "original": {
13888
13975
  "value": "{base.color.orange.5}",
@@ -13894,17 +13981,17 @@
13894
13981
  "group": "semantic",
13895
13982
  "scopes": ["bgColor"],
13896
13983
  "codeSyntax": {
13897
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13984
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13898
13985
  }
13899
13986
  }
13900
13987
  }
13901
13988
  },
13902
- "name": "bgColor-danger-emphasis",
13989
+ "name": "bgColor-severe-emphasis",
13903
13990
  "attributes": {},
13904
- "path": ["bgColor", "danger", "emphasis"]
13991
+ "path": ["bgColor", "severe", "emphasis"]
13905
13992
  },
13906
- "bgColor-open-muted": {
13907
- "value": "#db6d2866",
13993
+ "bgColor-danger-muted": {
13994
+ "value": "#db6d281a",
13908
13995
  "$type": "color",
13909
13996
  "$extensions": {
13910
13997
  "org.primer.figma": {
@@ -13913,11 +14000,11 @@
13913
14000
  "group": "semantic",
13914
14001
  "scopes": ["bgColor"],
13915
14002
  "codeSyntax": {
13916
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
14003
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13917
14004
  }
13918
14005
  }
13919
14006
  },
13920
- "alpha": 0.4,
14007
+ "alpha": 0.1,
13921
14008
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
13922
14009
  "isSource": true,
13923
14010
  "original": {
@@ -13930,17 +14017,17 @@
13930
14017
  "group": "semantic",
13931
14018
  "scopes": ["bgColor"],
13932
14019
  "codeSyntax": {
13933
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
14020
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13934
14021
  }
13935
14022
  }
13936
14023
  },
13937
- "alpha": 0.4
14024
+ "alpha": 0.1
13938
14025
  },
13939
- "name": "bgColor-open-muted",
14026
+ "name": "bgColor-danger-muted",
13940
14027
  "attributes": {},
13941
- "path": ["bgColor", "open", "muted"]
14028
+ "path": ["bgColor", "danger", "muted"]
13942
14029
  },
13943
- "bgColor-open-emphasis": {
14030
+ "bgColor-danger-emphasis": {
13944
14031
  "value": "#bd561d",
13945
14032
  "$type": "color",
13946
14033
  "$extensions": {
@@ -13950,7 +14037,7 @@
13950
14037
  "group": "semantic",
13951
14038
  "scopes": ["bgColor"],
13952
14039
  "codeSyntax": {
13953
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14040
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13954
14041
  }
13955
14042
  }
13956
14043
  },
@@ -13966,14 +14053,14 @@
13966
14053
  "group": "semantic",
13967
14054
  "scopes": ["bgColor"],
13968
14055
  "codeSyntax": {
13969
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14056
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13970
14057
  }
13971
14058
  }
13972
14059
  }
13973
14060
  },
13974
- "name": "bgColor-open-emphasis",
14061
+ "name": "bgColor-danger-emphasis",
13975
14062
  "attributes": {},
13976
- "path": ["bgColor", "open", "emphasis"]
14063
+ "path": ["bgColor", "danger", "emphasis"]
13977
14064
  },
13978
14065
  "bgColor-closed-muted": {
13979
14066
  "value": "#6e768166",
@@ -14137,7 +14224,7 @@
14137
14224
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14138
14225
  "isSource": true,
14139
14226
  "original": {
14140
- "value": "{base.color.purple.4}",
14227
+ "value": "{bgColor.done.muted}",
14141
14228
  "$type": "color",
14142
14229
  "$extensions": {
14143
14230
  "org.primer.figma": {
@@ -14173,7 +14260,7 @@
14173
14260
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14174
14261
  "isSource": true,
14175
14262
  "original": {
14176
- "value": "{base.color.purple.5}",
14263
+ "value": "{bgColor.done.emphasis}",
14177
14264
  "$type": "color",
14178
14265
  "$extensions": {
14179
14266
  "org.primer.figma": {
@@ -14657,8 +14744,8 @@
14657
14744
  "attributes": {},
14658
14745
  "path": ["borderColor", "success", "emphasis"]
14659
14746
  },
14660
- "borderColor-attention-muted": {
14661
- "value": "#bb800966",
14747
+ "borderColor-open-muted": {
14748
+ "value": "#db6d2866",
14662
14749
  "$type": "color",
14663
14750
  "$extensions": {
14664
14751
  "org.primer.figma": {
@@ -14667,15 +14754,15 @@
14667
14754
  "group": "semantic",
14668
14755
  "scopes": ["borderColor"],
14669
14756
  "codeSyntax": {
14670
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14757
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14671
14758
  }
14672
14759
  }
14673
14760
  },
14674
14761
  "alpha": 0.4,
14675
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14762
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14676
14763
  "isSource": true,
14677
14764
  "original": {
14678
- "value": "{base.color.yellow.4}",
14765
+ "value": "{base.color.orange.4}",
14679
14766
  "$type": "color",
14680
14767
  "$extensions": {
14681
14768
  "org.primer.figma": {
@@ -14684,18 +14771,18 @@
14684
14771
  "group": "semantic",
14685
14772
  "scopes": ["borderColor"],
14686
14773
  "codeSyntax": {
14687
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14774
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14688
14775
  }
14689
14776
  }
14690
14777
  },
14691
14778
  "alpha": 0.4
14692
14779
  },
14693
- "name": "borderColor-attention-muted",
14780
+ "name": "borderColor-open-muted",
14694
14781
  "attributes": {},
14695
- "path": ["borderColor", "attention", "muted"]
14782
+ "path": ["borderColor", "open", "muted"]
14696
14783
  },
14697
- "borderColor-attention-emphasis": {
14698
- "value": "#9e6a03",
14784
+ "borderColor-open-emphasis": {
14785
+ "value": "#db6d28",
14699
14786
  "$type": "color",
14700
14787
  "$extensions": {
14701
14788
  "org.primer.figma": {
@@ -14704,14 +14791,14 @@
14704
14791
  "group": "semantic",
14705
14792
  "scopes": ["borderColor"],
14706
14793
  "codeSyntax": {
14707
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14794
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14708
14795
  }
14709
14796
  }
14710
14797
  },
14711
- "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14798
+ "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14712
14799
  "isSource": true,
14713
14800
  "original": {
14714
- "value": "{base.color.yellow.5}",
14801
+ "value": "{base.color.orange.4}",
14715
14802
  "$type": "color",
14716
14803
  "$extensions": {
14717
14804
  "org.primer.figma": {
@@ -14720,17 +14807,17 @@
14720
14807
  "group": "semantic",
14721
14808
  "scopes": ["borderColor"],
14722
14809
  "codeSyntax": {
14723
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14810
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14724
14811
  }
14725
14812
  }
14726
14813
  }
14727
14814
  },
14728
- "name": "borderColor-attention-emphasis",
14815
+ "name": "borderColor-open-emphasis",
14729
14816
  "attributes": {},
14730
- "path": ["borderColor", "attention", "emphasis"]
14817
+ "path": ["borderColor", "open", "emphasis"]
14731
14818
  },
14732
- "borderColor-severe-muted": {
14733
- "value": "#db6d2866",
14819
+ "borderColor-attention-muted": {
14820
+ "value": "#bb800966",
14734
14821
  "$type": "color",
14735
14822
  "$extensions": {
14736
14823
  "org.primer.figma": {
@@ -14739,7 +14826,7 @@
14739
14826
  "group": "semantic",
14740
14827
  "scopes": ["borderColor"],
14741
14828
  "codeSyntax": {
14742
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14829
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14743
14830
  }
14744
14831
  }
14745
14832
  },
@@ -14747,7 +14834,7 @@
14747
14834
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14748
14835
  "isSource": true,
14749
14836
  "original": {
14750
- "value": "{base.color.orange.4}",
14837
+ "value": "{base.color.yellow.4}",
14751
14838
  "$type": "color",
14752
14839
  "$extensions": {
14753
14840
  "org.primer.figma": {
@@ -14756,18 +14843,18 @@
14756
14843
  "group": "semantic",
14757
14844
  "scopes": ["borderColor"],
14758
14845
  "codeSyntax": {
14759
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14846
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14760
14847
  }
14761
14848
  }
14762
14849
  },
14763
14850
  "alpha": 0.4
14764
14851
  },
14765
- "name": "borderColor-severe-muted",
14852
+ "name": "borderColor-attention-muted",
14766
14853
  "attributes": {},
14767
- "path": ["borderColor", "severe", "muted"]
14854
+ "path": ["borderColor", "attention", "muted"]
14768
14855
  },
14769
- "borderColor-severe-emphasis": {
14770
- "value": "#bd561d",
14856
+ "borderColor-attention-emphasis": {
14857
+ "value": "#9e6a03",
14771
14858
  "$type": "color",
14772
14859
  "$extensions": {
14773
14860
  "org.primer.figma": {
@@ -14776,14 +14863,14 @@
14776
14863
  "group": "semantic",
14777
14864
  "scopes": ["borderColor"],
14778
14865
  "codeSyntax": {
14779
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14866
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14780
14867
  }
14781
14868
  }
14782
14869
  },
14783
14870
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14784
14871
  "isSource": true,
14785
14872
  "original": {
14786
- "value": "{base.color.orange.5}",
14873
+ "value": "{base.color.yellow.5}",
14787
14874
  "$type": "color",
14788
14875
  "$extensions": {
14789
14876
  "org.primer.figma": {
@@ -14792,16 +14879,16 @@
14792
14879
  "group": "semantic",
14793
14880
  "scopes": ["borderColor"],
14794
14881
  "codeSyntax": {
14795
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14882
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14796
14883
  }
14797
14884
  }
14798
14885
  }
14799
14886
  },
14800
- "name": "borderColor-severe-emphasis",
14887
+ "name": "borderColor-attention-emphasis",
14801
14888
  "attributes": {},
14802
- "path": ["borderColor", "severe", "emphasis"]
14889
+ "path": ["borderColor", "attention", "emphasis"]
14803
14890
  },
14804
- "borderColor-danger-muted": {
14891
+ "borderColor-severe-muted": {
14805
14892
  "value": "#db6d2866",
14806
14893
  "$type": "color",
14807
14894
  "$extensions": {
@@ -14811,12 +14898,12 @@
14811
14898
  "group": "semantic",
14812
14899
  "scopes": ["borderColor"],
14813
14900
  "codeSyntax": {
14814
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14901
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14815
14902
  }
14816
14903
  }
14817
14904
  },
14818
14905
  "alpha": 0.4,
14819
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14906
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14820
14907
  "isSource": true,
14821
14908
  "original": {
14822
14909
  "value": "{base.color.orange.4}",
@@ -14828,17 +14915,17 @@
14828
14915
  "group": "semantic",
14829
14916
  "scopes": ["borderColor"],
14830
14917
  "codeSyntax": {
14831
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14918
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14832
14919
  }
14833
14920
  }
14834
14921
  },
14835
14922
  "alpha": 0.4
14836
14923
  },
14837
- "name": "borderColor-danger-muted",
14924
+ "name": "borderColor-severe-muted",
14838
14925
  "attributes": {},
14839
- "path": ["borderColor", "danger", "muted"]
14926
+ "path": ["borderColor", "severe", "muted"]
14840
14927
  },
14841
- "borderColor-danger-emphasis": {
14928
+ "borderColor-severe-emphasis": {
14842
14929
  "value": "#bd561d",
14843
14930
  "$type": "color",
14844
14931
  "$extensions": {
@@ -14848,11 +14935,11 @@
14848
14935
  "group": "semantic",
14849
14936
  "scopes": ["borderColor"],
14850
14937
  "codeSyntax": {
14851
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14938
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14852
14939
  }
14853
14940
  }
14854
14941
  },
14855
- "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14942
+ "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
14856
14943
  "isSource": true,
14857
14944
  "original": {
14858
14945
  "value": "{base.color.orange.5}",
@@ -14864,16 +14951,16 @@
14864
14951
  "group": "semantic",
14865
14952
  "scopes": ["borderColor"],
14866
14953
  "codeSyntax": {
14867
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14954
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14868
14955
  }
14869
14956
  }
14870
14957
  }
14871
14958
  },
14872
- "name": "borderColor-danger-emphasis",
14959
+ "name": "borderColor-severe-emphasis",
14873
14960
  "attributes": {},
14874
- "path": ["borderColor", "danger", "emphasis"]
14961
+ "path": ["borderColor", "severe", "emphasis"]
14875
14962
  },
14876
- "borderColor-open-muted": {
14963
+ "borderColor-danger-muted": {
14877
14964
  "value": "#db6d2866",
14878
14965
  "$type": "color",
14879
14966
  "$extensions": {
@@ -14883,13 +14970,13 @@
14883
14970
  "group": "semantic",
14884
14971
  "scopes": ["borderColor"],
14885
14972
  "codeSyntax": {
14886
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14973
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14887
14974
  }
14888
14975
  }
14889
14976
  },
14977
+ "alpha": 0.4,
14890
14978
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14891
14979
  "isSource": true,
14892
- "alpha": 0.4,
14893
14980
  "original": {
14894
14981
  "value": "{base.color.orange.4}",
14895
14982
  "$type": "color",
@@ -14900,18 +14987,18 @@
14900
14987
  "group": "semantic",
14901
14988
  "scopes": ["borderColor"],
14902
14989
  "codeSyntax": {
14903
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14990
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14904
14991
  }
14905
14992
  }
14906
14993
  },
14907
14994
  "alpha": 0.4
14908
14995
  },
14909
- "name": "borderColor-open-muted",
14996
+ "name": "borderColor-danger-muted",
14910
14997
  "attributes": {},
14911
- "path": ["borderColor", "open", "muted"]
14998
+ "path": ["borderColor", "danger", "muted"]
14912
14999
  },
14913
- "borderColor-open-emphasis": {
14914
- "value": "#db6d28",
15000
+ "borderColor-danger-emphasis": {
15001
+ "value": "#bd561d",
14915
15002
  "$type": "color",
14916
15003
  "$extensions": {
14917
15004
  "org.primer.figma": {
@@ -14920,14 +15007,14 @@
14920
15007
  "group": "semantic",
14921
15008
  "scopes": ["borderColor"],
14922
15009
  "codeSyntax": {
14923
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
15010
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14924
15011
  }
14925
15012
  }
14926
15013
  },
14927
15014
  "filePath": "src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5",
14928
15015
  "isSource": true,
14929
15016
  "original": {
14930
- "value": "{base.color.orange.4}",
15017
+ "value": "{base.color.orange.5}",
14931
15018
  "$type": "color",
14932
15019
  "$extensions": {
14933
15020
  "org.primer.figma": {
@@ -14936,14 +15023,14 @@
14936
15023
  "group": "semantic",
14937
15024
  "scopes": ["borderColor"],
14938
15025
  "codeSyntax": {
14939
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
15026
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14940
15027
  }
14941
15028
  }
14942
15029
  }
14943
15030
  },
14944
- "name": "borderColor-open-emphasis",
15031
+ "name": "borderColor-danger-emphasis",
14945
15032
  "attributes": {},
14946
- "path": ["borderColor", "open", "emphasis"]
15033
+ "path": ["borderColor", "danger", "emphasis"]
14947
15034
  },
14948
15035
  "borderColor-closed-muted": {
14949
15036
  "value": "#6e768166",
@@ -15107,7 +15194,7 @@
15107
15194
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15108
15195
  "isSource": true,
15109
15196
  "original": {
15110
- "value": "{base.color.purple.4}",
15197
+ "value": "{borderColor.done.muted}",
15111
15198
  "$type": "color",
15112
15199
  "$extensions": {
15113
15200
  "org.primer.figma": {
@@ -15143,7 +15230,7 @@
15143
15230
  "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
15144
15231
  "isSource": true,
15145
15232
  "original": {
15146
- "value": "{base.color.purple.5}",
15233
+ "value": "{borderColor.done.emphasis}",
15147
15234
  "$type": "color",
15148
15235
  "$extensions": {
15149
15236
  "org.primer.figma": {