@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
@@ -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": {
@@ -12575,6 +12575,64 @@
12575
12575
  "attributes": {},
12576
12576
  "path": ["label", "coral", "fgColor", "active"]
12577
12577
  },
12578
+ "tooltip-bgColor": {
12579
+ "value": "#24292f",
12580
+ "$type": "color",
12581
+ "$extensions": {
12582
+ "org.primer.figma": {
12583
+ "collection": "mode",
12584
+ "mode": "light",
12585
+ "group": "component",
12586
+ "scopes": ["bgColor"]
12587
+ }
12588
+ },
12589
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12590
+ "isSource": true,
12591
+ "original": {
12592
+ "value": "{bgColor.emphasis}",
12593
+ "$type": "color",
12594
+ "$extensions": {
12595
+ "org.primer.figma": {
12596
+ "collection": "mode",
12597
+ "mode": "light",
12598
+ "group": "component",
12599
+ "scopes": ["bgColor"]
12600
+ }
12601
+ }
12602
+ },
12603
+ "name": "tooltip-bgColor",
12604
+ "attributes": {},
12605
+ "path": ["tooltip", "bgColor"]
12606
+ },
12607
+ "tooltip-fgColor": {
12608
+ "value": "#ffffff",
12609
+ "$type": "color",
12610
+ "$extensions": {
12611
+ "org.primer.figma": {
12612
+ "collection": "mode",
12613
+ "mode": "light",
12614
+ "group": "component",
12615
+ "scopes": ["fgColor"]
12616
+ }
12617
+ },
12618
+ "filePath": "src/tokens/functional/color/light/patterns-light.json5",
12619
+ "isSource": true,
12620
+ "original": {
12621
+ "value": "{fgColor.onEmphasis}",
12622
+ "$type": "color",
12623
+ "$extensions": {
12624
+ "org.primer.figma": {
12625
+ "collection": "mode",
12626
+ "mode": "light",
12627
+ "group": "component",
12628
+ "scopes": ["fgColor"]
12629
+ }
12630
+ }
12631
+ },
12632
+ "name": "tooltip-fgColor",
12633
+ "attributes": {},
12634
+ "path": ["tooltip", "fgColor"]
12635
+ },
12578
12636
  "fgColor-default": {
12579
12637
  "value": "#1f2328",
12580
12638
  "$type": "color",
@@ -12688,6 +12746,35 @@
12688
12746
  "attributes": {},
12689
12747
  "path": ["fgColor", "onEmphasis"]
12690
12748
  },
12749
+ "fgColor-onInverse": {
12750
+ "value": "#ffffff",
12751
+ "$type": "color",
12752
+ "$extensions": {
12753
+ "org.primer.figma": {
12754
+ "collection": "mode",
12755
+ "mode": "light",
12756
+ "group": "semantic",
12757
+ "scopes": ["fgColor"]
12758
+ }
12759
+ },
12760
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12761
+ "isSource": true,
12762
+ "original": {
12763
+ "value": "{base.color.white}",
12764
+ "$type": "color",
12765
+ "$extensions": {
12766
+ "org.primer.figma": {
12767
+ "collection": "mode",
12768
+ "mode": "light",
12769
+ "group": "semantic",
12770
+ "scopes": ["fgColor"]
12771
+ }
12772
+ }
12773
+ },
12774
+ "name": "fgColor-onInverse",
12775
+ "attributes": {},
12776
+ "path": ["fgColor", "onInverse"]
12777
+ },
12691
12778
  "fgColor-white": {
12692
12779
  "value": "#ffffff",
12693
12780
  "$type": "color",
@@ -12811,7 +12898,7 @@
12811
12898
  "path": ["fgColor", "link"]
12812
12899
  },
12813
12900
  "fgColor-neutral": {
12814
- "value": "#6e7781",
12901
+ "value": "#57606a",
12815
12902
  "$type": "color",
12816
12903
  "$extensions": {
12817
12904
  "org.primer.figma": {
@@ -12824,7 +12911,7 @@
12824
12911
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
12825
12912
  "isSource": true,
12826
12913
  "original": {
12827
- "value": "{base.color.neutral.5}",
12914
+ "value": "{base.color.neutral.6}",
12828
12915
  "$type": "color",
12829
12916
  "$extensions": {
12830
12917
  "org.primer.figma": {
@@ -12909,6 +12996,41 @@
12909
12996
  "attributes": {},
12910
12997
  "path": ["fgColor", "success"]
12911
12998
  },
12999
+ "fgColor-open": {
13000
+ "value": "#bc4c00",
13001
+ "$type": "color",
13002
+ "$extensions": {
13003
+ "org.primer.figma": {
13004
+ "collection": "mode",
13005
+ "mode": "light",
13006
+ "group": "semantic",
13007
+ "scopes": ["fgColor"],
13008
+ "codeSyntax": {
13009
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13010
+ }
13011
+ }
13012
+ },
13013
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13014
+ "isSource": true,
13015
+ "original": {
13016
+ "value": "{base.color.orange.5}",
13017
+ "$type": "color",
13018
+ "$extensions": {
13019
+ "org.primer.figma": {
13020
+ "collection": "mode",
13021
+ "mode": "light",
13022
+ "group": "semantic",
13023
+ "scopes": ["fgColor"],
13024
+ "codeSyntax": {
13025
+ "web": "var(--fgColor-open) /* utility class: .color-fg-open */"
13026
+ }
13027
+ }
13028
+ }
13029
+ },
13030
+ "name": "fgColor-open",
13031
+ "attributes": {},
13032
+ "path": ["fgColor", "open"]
13033
+ },
12912
13034
  "fgColor-attention": {
12913
13035
  "value": "#9a6700",
12914
13036
  "$type": "color",
@@ -13022,41 +13144,6 @@
13022
13144
  "attributes": {},
13023
13145
  "path": ["fgColor", "danger"]
13024
13146
  },
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
13147
  "fgColor-closed": {
13061
13148
  "value": "#6e7781",
13062
13149
  "$type": "color",
@@ -13144,7 +13231,7 @@
13144
13231
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13145
13232
  "isSource": true,
13146
13233
  "original": {
13147
- "value": "{base.color.purple.5}",
13234
+ "value": "{fgColor.done}",
13148
13235
  "$type": "color",
13149
13236
  "$extensions": {
13150
13237
  "org.primer.figma": {
@@ -13656,7 +13743,7 @@
13656
13743
  "path": ["bgColor", "success", "muted"]
13657
13744
  },
13658
13745
  "bgColor-success-emphasis": {
13659
- "value": "#0f72e3",
13746
+ "value": "#0969da",
13660
13747
  "$type": "color",
13661
13748
  "$extensions": {
13662
13749
  "org.primer.figma": {
@@ -13669,14 +13756,11 @@
13669
13756
  }
13670
13757
  }
13671
13758
  },
13672
- "mix": {
13673
- "color": "#0969da",
13674
- "weight": 0.75
13675
- },
13759
+ "mix": null,
13676
13760
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13677
13761
  "isSource": true,
13678
13762
  "original": {
13679
- "value": "{base.color.blue.4}",
13763
+ "value": "{base.color.blue.5}",
13680
13764
  "$type": "color",
13681
13765
  "$extensions": {
13682
13766
  "org.primer.figma": {
@@ -13689,17 +13773,14 @@
13689
13773
  }
13690
13774
  }
13691
13775
  },
13692
- "mix": {
13693
- "color": "{base.color.blue.5}",
13694
- "weight": 0.75
13695
- }
13776
+ "mix": null
13696
13777
  },
13697
13778
  "name": "bgColor-success-emphasis",
13698
13779
  "attributes": {},
13699
13780
  "path": ["bgColor", "success", "emphasis"]
13700
13781
  },
13701
- "bgColor-attention-muted": {
13702
- "value": "#fff8c5",
13782
+ "bgColor-open-muted": {
13783
+ "value": "#fb8f4466",
13703
13784
  "$type": "color",
13704
13785
  "$extensions": {
13705
13786
  "org.primer.figma": {
@@ -13708,14 +13789,15 @@
13708
13789
  "group": "semantic",
13709
13790
  "scopes": ["bgColor"],
13710
13791
  "codeSyntax": {
13711
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13792
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13712
13793
  }
13713
13794
  }
13714
13795
  },
13715
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13796
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13716
13797
  "isSource": true,
13798
+ "alpha": 0.4,
13717
13799
  "original": {
13718
- "value": "{base.color.yellow.0}",
13800
+ "value": "{base.color.orange.3}",
13719
13801
  "$type": "color",
13720
13802
  "$extensions": {
13721
13803
  "org.primer.figma": {
@@ -13724,17 +13806,18 @@
13724
13806
  "group": "semantic",
13725
13807
  "scopes": ["bgColor"],
13726
13808
  "codeSyntax": {
13727
- "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13809
+ "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
13728
13810
  }
13729
13811
  }
13730
- }
13812
+ },
13813
+ "alpha": 0.4
13731
13814
  },
13732
- "name": "bgColor-attention-muted",
13815
+ "name": "bgColor-open-muted",
13733
13816
  "attributes": {},
13734
- "path": ["bgColor", "attention", "muted"]
13817
+ "path": ["bgColor", "open", "muted"]
13735
13818
  },
13736
- "bgColor-attention-emphasis": {
13737
- "value": "#9a6700",
13819
+ "bgColor-open-emphasis": {
13820
+ "value": "#e16f24",
13738
13821
  "$type": "color",
13739
13822
  "$extensions": {
13740
13823
  "org.primer.figma": {
@@ -13743,14 +13826,14 @@
13743
13826
  "group": "semantic",
13744
13827
  "scopes": ["bgColor"],
13745
13828
  "codeSyntax": {
13746
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13829
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13747
13830
  }
13748
13831
  }
13749
13832
  },
13750
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13833
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13751
13834
  "isSource": true,
13752
13835
  "original": {
13753
- "value": "{base.color.yellow.5}",
13836
+ "value": "{base.color.orange.4}",
13754
13837
  "$type": "color",
13755
13838
  "$extensions": {
13756
13839
  "org.primer.figma": {
@@ -13759,17 +13842,17 @@
13759
13842
  "group": "semantic",
13760
13843
  "scopes": ["bgColor"],
13761
13844
  "codeSyntax": {
13762
- "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13845
+ "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
13763
13846
  }
13764
13847
  }
13765
13848
  }
13766
13849
  },
13767
- "name": "bgColor-attention-emphasis",
13850
+ "name": "bgColor-open-emphasis",
13768
13851
  "attributes": {},
13769
- "path": ["bgColor", "attention", "emphasis"]
13852
+ "path": ["bgColor", "open", "emphasis"]
13770
13853
  },
13771
- "bgColor-severe-muted": {
13772
- "value": "#fff1e5",
13854
+ "bgColor-attention-muted": {
13855
+ "value": "#fff8c5",
13773
13856
  "$type": "color",
13774
13857
  "$extensions": {
13775
13858
  "org.primer.figma": {
@@ -13778,14 +13861,14 @@
13778
13861
  "group": "semantic",
13779
13862
  "scopes": ["bgColor"],
13780
13863
  "codeSyntax": {
13781
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13864
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13782
13865
  }
13783
13866
  }
13784
13867
  },
13785
13868
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13786
13869
  "isSource": true,
13787
13870
  "original": {
13788
- "value": "{base.color.orange.0}",
13871
+ "value": "{base.color.yellow.0}",
13789
13872
  "$type": "color",
13790
13873
  "$extensions": {
13791
13874
  "org.primer.figma": {
@@ -13794,17 +13877,17 @@
13794
13877
  "group": "semantic",
13795
13878
  "scopes": ["bgColor"],
13796
13879
  "codeSyntax": {
13797
- "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13880
+ "web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
13798
13881
  }
13799
13882
  }
13800
13883
  }
13801
13884
  },
13802
- "name": "bgColor-severe-muted",
13885
+ "name": "bgColor-attention-muted",
13803
13886
  "attributes": {},
13804
- "path": ["bgColor", "severe", "muted"]
13887
+ "path": ["bgColor", "attention", "muted"]
13805
13888
  },
13806
- "bgColor-severe-emphasis": {
13807
- "value": "#bc4c00",
13889
+ "bgColor-attention-emphasis": {
13890
+ "value": "#9a6700",
13808
13891
  "$type": "color",
13809
13892
  "$extensions": {
13810
13893
  "org.primer.figma": {
@@ -13813,14 +13896,14 @@
13813
13896
  "group": "semantic",
13814
13897
  "scopes": ["bgColor"],
13815
13898
  "codeSyntax": {
13816
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13899
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13817
13900
  }
13818
13901
  }
13819
13902
  },
13820
13903
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13821
13904
  "isSource": true,
13822
13905
  "original": {
13823
- "value": "{base.color.orange.5}",
13906
+ "value": "{base.color.yellow.5}",
13824
13907
  "$type": "color",
13825
13908
  "$extensions": {
13826
13909
  "org.primer.figma": {
@@ -13829,16 +13912,16 @@
13829
13912
  "group": "semantic",
13830
13913
  "scopes": ["bgColor"],
13831
13914
  "codeSyntax": {
13832
- "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13915
+ "web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
13833
13916
  }
13834
13917
  }
13835
13918
  }
13836
13919
  },
13837
- "name": "bgColor-severe-emphasis",
13920
+ "name": "bgColor-attention-emphasis",
13838
13921
  "attributes": {},
13839
- "path": ["bgColor", "severe", "emphasis"]
13922
+ "path": ["bgColor", "attention", "emphasis"]
13840
13923
  },
13841
- "bgColor-danger-muted": {
13924
+ "bgColor-severe-muted": {
13842
13925
  "value": "#fff1e5",
13843
13926
  "$type": "color",
13844
13927
  "$extensions": {
@@ -13848,11 +13931,11 @@
13848
13931
  "group": "semantic",
13849
13932
  "scopes": ["bgColor"],
13850
13933
  "codeSyntax": {
13851
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13934
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13852
13935
  }
13853
13936
  }
13854
13937
  },
13855
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13938
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13856
13939
  "isSource": true,
13857
13940
  "original": {
13858
13941
  "value": "{base.color.orange.0}",
@@ -13864,16 +13947,16 @@
13864
13947
  "group": "semantic",
13865
13948
  "scopes": ["bgColor"],
13866
13949
  "codeSyntax": {
13867
- "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13950
+ "web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
13868
13951
  }
13869
13952
  }
13870
13953
  }
13871
13954
  },
13872
- "name": "bgColor-danger-muted",
13955
+ "name": "bgColor-severe-muted",
13873
13956
  "attributes": {},
13874
- "path": ["bgColor", "danger", "muted"]
13957
+ "path": ["bgColor", "severe", "muted"]
13875
13958
  },
13876
- "bgColor-danger-emphasis": {
13959
+ "bgColor-severe-emphasis": {
13877
13960
  "value": "#bc4c00",
13878
13961
  "$type": "color",
13879
13962
  "$extensions": {
@@ -13883,11 +13966,11 @@
13883
13966
  "group": "semantic",
13884
13967
  "scopes": ["bgColor"],
13885
13968
  "codeSyntax": {
13886
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13969
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13887
13970
  }
13888
13971
  }
13889
13972
  },
13890
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13973
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
13891
13974
  "isSource": true,
13892
13975
  "original": {
13893
13976
  "value": "{base.color.orange.5}",
@@ -13899,17 +13982,17 @@
13899
13982
  "group": "semantic",
13900
13983
  "scopes": ["bgColor"],
13901
13984
  "codeSyntax": {
13902
- "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13985
+ "web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
13903
13986
  }
13904
13987
  }
13905
13988
  }
13906
13989
  },
13907
- "name": "bgColor-danger-emphasis",
13990
+ "name": "bgColor-severe-emphasis",
13908
13991
  "attributes": {},
13909
- "path": ["bgColor", "danger", "emphasis"]
13992
+ "path": ["bgColor", "severe", "emphasis"]
13910
13993
  },
13911
- "bgColor-open-muted": {
13912
- "value": "#fb8f4466",
13994
+ "bgColor-danger-muted": {
13995
+ "value": "#fff1e5",
13913
13996
  "$type": "color",
13914
13997
  "$extensions": {
13915
13998
  "org.primer.figma": {
@@ -13918,15 +14001,14 @@
13918
14001
  "group": "semantic",
13919
14002
  "scopes": ["bgColor"],
13920
14003
  "codeSyntax": {
13921
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
14004
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13922
14005
  }
13923
14006
  }
13924
14007
  },
13925
14008
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13926
14009
  "isSource": true,
13927
- "alpha": 0.4,
13928
14010
  "original": {
13929
- "value": "{base.color.orange.3}",
14011
+ "value": "{base.color.orange.0}",
13930
14012
  "$type": "color",
13931
14013
  "$extensions": {
13932
14014
  "org.primer.figma": {
@@ -13935,18 +14017,17 @@
13935
14017
  "group": "semantic",
13936
14018
  "scopes": ["bgColor"],
13937
14019
  "codeSyntax": {
13938
- "web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
14020
+ "web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
13939
14021
  }
13940
14022
  }
13941
- },
13942
- "alpha": 0.4
14023
+ }
13943
14024
  },
13944
- "name": "bgColor-open-muted",
14025
+ "name": "bgColor-danger-muted",
13945
14026
  "attributes": {},
13946
- "path": ["bgColor", "open", "muted"]
14027
+ "path": ["bgColor", "danger", "muted"]
13947
14028
  },
13948
- "bgColor-open-emphasis": {
13949
- "value": "#e16f24",
14029
+ "bgColor-danger-emphasis": {
14030
+ "value": "#bc4c00",
13950
14031
  "$type": "color",
13951
14032
  "$extensions": {
13952
14033
  "org.primer.figma": {
@@ -13955,14 +14036,14 @@
13955
14036
  "group": "semantic",
13956
14037
  "scopes": ["bgColor"],
13957
14038
  "codeSyntax": {
13958
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14039
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13959
14040
  }
13960
14041
  }
13961
14042
  },
13962
14043
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
13963
14044
  "isSource": true,
13964
14045
  "original": {
13965
- "value": "{base.color.orange.4}",
14046
+ "value": "{base.color.orange.5}",
13966
14047
  "$type": "color",
13967
14048
  "$extensions": {
13968
14049
  "org.primer.figma": {
@@ -13971,14 +14052,14 @@
13971
14052
  "group": "semantic",
13972
14053
  "scopes": ["bgColor"],
13973
14054
  "codeSyntax": {
13974
- "web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
14055
+ "web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
13975
14056
  }
13976
14057
  }
13977
14058
  }
13978
14059
  },
13979
- "name": "bgColor-open-emphasis",
14060
+ "name": "bgColor-danger-emphasis",
13980
14061
  "attributes": {},
13981
- "path": ["bgColor", "open", "emphasis"]
14062
+ "path": ["bgColor", "danger", "emphasis"]
13982
14063
  },
13983
14064
  "bgColor-closed-muted": {
13984
14065
  "value": "#afb8c166",
@@ -14139,7 +14220,7 @@
14139
14220
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14140
14221
  "isSource": true,
14141
14222
  "original": {
14142
- "value": "{base.color.purple.0}",
14223
+ "value": "{bgColor.done.muted}",
14143
14224
  "$type": "color",
14144
14225
  "$extensions": {
14145
14226
  "org.primer.figma": {
@@ -14174,7 +14255,7 @@
14174
14255
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14175
14256
  "isSource": true,
14176
14257
  "original": {
14177
- "value": "{base.color.purple.5}",
14258
+ "value": "{bgColor.done.emphasis}",
14178
14259
  "$type": "color",
14179
14260
  "$extensions": {
14180
14261
  "org.primer.figma": {
@@ -14622,7 +14703,7 @@
14622
14703
  "path": ["borderColor", "success", "muted"]
14623
14704
  },
14624
14705
  "borderColor-success-emphasis": {
14625
- "value": "#218bff",
14706
+ "value": "#0969da",
14626
14707
  "$type": "color",
14627
14708
  "$extensions": {
14628
14709
  "org.primer.figma": {
@@ -14638,7 +14719,7 @@
14638
14719
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14639
14720
  "isSource": true,
14640
14721
  "original": {
14641
- "value": "{base.color.blue.4}",
14722
+ "value": "{base.color.blue.5}",
14642
14723
  "$type": "color",
14643
14724
  "$extensions": {
14644
14725
  "org.primer.figma": {
@@ -14656,8 +14737,8 @@
14656
14737
  "attributes": {},
14657
14738
  "path": ["borderColor", "success", "emphasis"]
14658
14739
  },
14659
- "borderColor-attention-muted": {
14660
- "value": "#d4a72c66",
14740
+ "borderColor-open-muted": {
14741
+ "value": "#fb8f4466",
14661
14742
  "$type": "color",
14662
14743
  "$extensions": {
14663
14744
  "org.primer.figma": {
@@ -14666,15 +14747,15 @@
14666
14747
  "group": "semantic",
14667
14748
  "scopes": ["borderColor"],
14668
14749
  "codeSyntax": {
14669
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14750
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14670
14751
  }
14671
14752
  }
14672
14753
  },
14673
14754
  "alpha": 0.4,
14674
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14755
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14675
14756
  "isSource": true,
14676
14757
  "original": {
14677
- "value": "{base.color.yellow.3}",
14758
+ "value": "{base.color.orange.3}",
14678
14759
  "$type": "color",
14679
14760
  "$extensions": {
14680
14761
  "org.primer.figma": {
@@ -14683,18 +14764,18 @@
14683
14764
  "group": "semantic",
14684
14765
  "scopes": ["borderColor"],
14685
14766
  "codeSyntax": {
14686
- "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14767
+ "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14687
14768
  }
14688
14769
  }
14689
14770
  },
14690
14771
  "alpha": 0.4
14691
14772
  },
14692
- "name": "borderColor-attention-muted",
14773
+ "name": "borderColor-open-muted",
14693
14774
  "attributes": {},
14694
- "path": ["borderColor", "attention", "muted"]
14775
+ "path": ["borderColor", "open", "muted"]
14695
14776
  },
14696
- "borderColor-attention-emphasis": {
14697
- "value": "#bf8700",
14777
+ "borderColor-open-emphasis": {
14778
+ "value": "#e16f24",
14698
14779
  "$type": "color",
14699
14780
  "$extensions": {
14700
14781
  "org.primer.figma": {
@@ -14703,14 +14784,14 @@
14703
14784
  "group": "semantic",
14704
14785
  "scopes": ["borderColor"],
14705
14786
  "codeSyntax": {
14706
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14787
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14707
14788
  }
14708
14789
  }
14709
14790
  },
14710
- "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14791
+ "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14711
14792
  "isSource": true,
14712
14793
  "original": {
14713
- "value": "{base.color.yellow.4}",
14794
+ "value": "{base.color.orange.4}",
14714
14795
  "$type": "color",
14715
14796
  "$extensions": {
14716
14797
  "org.primer.figma": {
@@ -14719,17 +14800,17 @@
14719
14800
  "group": "semantic",
14720
14801
  "scopes": ["borderColor"],
14721
14802
  "codeSyntax": {
14722
- "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14803
+ "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
14723
14804
  }
14724
14805
  }
14725
14806
  }
14726
14807
  },
14727
- "name": "borderColor-attention-emphasis",
14808
+ "name": "borderColor-open-emphasis",
14728
14809
  "attributes": {},
14729
- "path": ["borderColor", "attention", "emphasis"]
14810
+ "path": ["borderColor", "open", "emphasis"]
14730
14811
  },
14731
- "borderColor-severe-muted": {
14732
- "value": "#fb8f4466",
14812
+ "borderColor-attention-muted": {
14813
+ "value": "#d4a72c66",
14733
14814
  "$type": "color",
14734
14815
  "$extensions": {
14735
14816
  "org.primer.figma": {
@@ -14738,7 +14819,7 @@
14738
14819
  "group": "semantic",
14739
14820
  "scopes": ["borderColor"],
14740
14821
  "codeSyntax": {
14741
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14822
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14742
14823
  }
14743
14824
  }
14744
14825
  },
@@ -14746,7 +14827,7 @@
14746
14827
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14747
14828
  "isSource": true,
14748
14829
  "original": {
14749
- "value": "{base.color.orange.3}",
14830
+ "value": "{base.color.yellow.3}",
14750
14831
  "$type": "color",
14751
14832
  "$extensions": {
14752
14833
  "org.primer.figma": {
@@ -14755,18 +14836,18 @@
14755
14836
  "group": "semantic",
14756
14837
  "scopes": ["borderColor"],
14757
14838
  "codeSyntax": {
14758
- "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14839
+ "web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
14759
14840
  }
14760
14841
  }
14761
14842
  },
14762
14843
  "alpha": 0.4
14763
14844
  },
14764
- "name": "borderColor-severe-muted",
14845
+ "name": "borderColor-attention-muted",
14765
14846
  "attributes": {},
14766
- "path": ["borderColor", "severe", "muted"]
14847
+ "path": ["borderColor", "attention", "muted"]
14767
14848
  },
14768
- "borderColor-severe-emphasis": {
14769
- "value": "#bc4c00",
14849
+ "borderColor-attention-emphasis": {
14850
+ "value": "#bf8700",
14770
14851
  "$type": "color",
14771
14852
  "$extensions": {
14772
14853
  "org.primer.figma": {
@@ -14775,14 +14856,14 @@
14775
14856
  "group": "semantic",
14776
14857
  "scopes": ["borderColor"],
14777
14858
  "codeSyntax": {
14778
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14859
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14779
14860
  }
14780
14861
  }
14781
14862
  },
14782
14863
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14783
14864
  "isSource": true,
14784
14865
  "original": {
14785
- "value": "{base.color.orange.5}",
14866
+ "value": "{base.color.yellow.4}",
14786
14867
  "$type": "color",
14787
14868
  "$extensions": {
14788
14869
  "org.primer.figma": {
@@ -14791,16 +14872,16 @@
14791
14872
  "group": "semantic",
14792
14873
  "scopes": ["borderColor"],
14793
14874
  "codeSyntax": {
14794
- "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14875
+ "web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
14795
14876
  }
14796
14877
  }
14797
14878
  }
14798
14879
  },
14799
- "name": "borderColor-severe-emphasis",
14880
+ "name": "borderColor-attention-emphasis",
14800
14881
  "attributes": {},
14801
- "path": ["borderColor", "severe", "emphasis"]
14882
+ "path": ["borderColor", "attention", "emphasis"]
14802
14883
  },
14803
- "borderColor-danger-muted": {
14884
+ "borderColor-severe-muted": {
14804
14885
  "value": "#fb8f4466",
14805
14886
  "$type": "color",
14806
14887
  "$extensions": {
@@ -14810,12 +14891,12 @@
14810
14891
  "group": "semantic",
14811
14892
  "scopes": ["borderColor"],
14812
14893
  "codeSyntax": {
14813
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14894
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14814
14895
  }
14815
14896
  }
14816
14897
  },
14817
14898
  "alpha": 0.4,
14818
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14899
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14819
14900
  "isSource": true,
14820
14901
  "original": {
14821
14902
  "value": "{base.color.orange.3}",
@@ -14827,17 +14908,17 @@
14827
14908
  "group": "semantic",
14828
14909
  "scopes": ["borderColor"],
14829
14910
  "codeSyntax": {
14830
- "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14911
+ "web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
14831
14912
  }
14832
14913
  }
14833
14914
  },
14834
14915
  "alpha": 0.4
14835
14916
  },
14836
- "name": "borderColor-danger-muted",
14917
+ "name": "borderColor-severe-muted",
14837
14918
  "attributes": {},
14838
- "path": ["borderColor", "danger", "muted"]
14919
+ "path": ["borderColor", "severe", "muted"]
14839
14920
  },
14840
- "borderColor-danger-emphasis": {
14921
+ "borderColor-severe-emphasis": {
14841
14922
  "value": "#bc4c00",
14842
14923
  "$type": "color",
14843
14924
  "$extensions": {
@@ -14847,11 +14928,11 @@
14847
14928
  "group": "semantic",
14848
14929
  "scopes": ["borderColor"],
14849
14930
  "codeSyntax": {
14850
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14931
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14851
14932
  }
14852
14933
  }
14853
14934
  },
14854
- "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14935
+ "filePath": "src/tokens/functional/color/light/primitives-light.json5",
14855
14936
  "isSource": true,
14856
14937
  "original": {
14857
14938
  "value": "{base.color.orange.5}",
@@ -14863,16 +14944,16 @@
14863
14944
  "group": "semantic",
14864
14945
  "scopes": ["borderColor"],
14865
14946
  "codeSyntax": {
14866
- "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14947
+ "web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
14867
14948
  }
14868
14949
  }
14869
14950
  }
14870
14951
  },
14871
- "name": "borderColor-danger-emphasis",
14952
+ "name": "borderColor-severe-emphasis",
14872
14953
  "attributes": {},
14873
- "path": ["borderColor", "danger", "emphasis"]
14954
+ "path": ["borderColor", "severe", "emphasis"]
14874
14955
  },
14875
- "borderColor-open-muted": {
14956
+ "borderColor-danger-muted": {
14876
14957
  "value": "#fb8f4466",
14877
14958
  "$type": "color",
14878
14959
  "$extensions": {
@@ -14882,13 +14963,13 @@
14882
14963
  "group": "semantic",
14883
14964
  "scopes": ["borderColor"],
14884
14965
  "codeSyntax": {
14885
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14966
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14886
14967
  }
14887
14968
  }
14888
14969
  },
14970
+ "alpha": 0.4,
14889
14971
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14890
14972
  "isSource": true,
14891
- "alpha": 0.4,
14892
14973
  "original": {
14893
14974
  "value": "{base.color.orange.3}",
14894
14975
  "$type": "color",
@@ -14899,18 +14980,18 @@
14899
14980
  "group": "semantic",
14900
14981
  "scopes": ["borderColor"],
14901
14982
  "codeSyntax": {
14902
- "web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
14983
+ "web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
14903
14984
  }
14904
14985
  }
14905
14986
  },
14906
14987
  "alpha": 0.4
14907
14988
  },
14908
- "name": "borderColor-open-muted",
14989
+ "name": "borderColor-danger-muted",
14909
14990
  "attributes": {},
14910
- "path": ["borderColor", "open", "muted"]
14991
+ "path": ["borderColor", "danger", "muted"]
14911
14992
  },
14912
- "borderColor-open-emphasis": {
14913
- "value": "#e16f24",
14993
+ "borderColor-danger-emphasis": {
14994
+ "value": "#bc4c00",
14914
14995
  "$type": "color",
14915
14996
  "$extensions": {
14916
14997
  "org.primer.figma": {
@@ -14919,14 +15000,14 @@
14919
15000
  "group": "semantic",
14920
15001
  "scopes": ["borderColor"],
14921
15002
  "codeSyntax": {
14922
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
15003
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14923
15004
  }
14924
15005
  }
14925
15006
  },
14926
15007
  "filePath": "src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5",
14927
15008
  "isSource": true,
14928
15009
  "original": {
14929
- "value": "{base.color.orange.4}",
15010
+ "value": "{base.color.orange.5}",
14930
15011
  "$type": "color",
14931
15012
  "$extensions": {
14932
15013
  "org.primer.figma": {
@@ -14935,14 +15016,14 @@
14935
15016
  "group": "semantic",
14936
15017
  "scopes": ["borderColor"],
14937
15018
  "codeSyntax": {
14938
- "web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
15019
+ "web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
14939
15020
  }
14940
15021
  }
14941
15022
  }
14942
15023
  },
14943
- "name": "borderColor-open-emphasis",
15024
+ "name": "borderColor-danger-emphasis",
14944
15025
  "attributes": {},
14945
- "path": ["borderColor", "open", "emphasis"]
15026
+ "path": ["borderColor", "danger", "emphasis"]
14946
15027
  },
14947
15028
  "borderColor-closed-muted": {
14948
15029
  "value": "#afb8c166",
@@ -15106,7 +15187,7 @@
15106
15187
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15107
15188
  "isSource": true,
15108
15189
  "original": {
15109
- "value": "{base.color.purple.3}",
15190
+ "value": "{borderColor.done.muted}",
15110
15191
  "$type": "color",
15111
15192
  "$extensions": {
15112
15193
  "org.primer.figma": {
@@ -15142,7 +15223,7 @@
15142
15223
  "filePath": "src/tokens/functional/color/light/primitives-light.json5",
15143
15224
  "isSource": true,
15144
15225
  "original": {
15145
- "value": "{base.color.purple.5}",
15226
+ "value": "{borderColor.done.emphasis}",
15146
15227
  "$type": "color",
15147
15228
  "$extensions": {
15148
15229
  "org.primer.figma": {