@primer/primitives 8.2.4-rc.b28008e7 → 8.2.4-rc.b7bbf7a5
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.
- package/dist/css/functional/themes/dark-colorblind.css +12 -12
- package/dist/css/functional/themes/dark-dimmed.css +14 -14
- package/dist/css/functional/themes/dark-high-contrast.css +250 -250
- package/dist/css/functional/themes/dark-tritanopia.css +14 -14
- package/dist/css/functional/themes/dark.css +14 -14
- package/dist/css/functional/themes/light-colorblind.css +24 -24
- package/dist/css/functional/themes/light-high-contrast.css +146 -146
- package/dist/css/functional/themes/light-tritanopia.css +24 -24
- package/dist/css/functional/themes/light.css +12 -12
- package/dist/docs/functional/themes/dark-colorblind.json +149 -149
- package/dist/docs/functional/themes/dark-dimmed.json +160 -158
- package/dist/docs/functional/themes/dark-high-contrast.json +464 -454
- package/dist/docs/functional/themes/dark-tritanopia.json +153 -153
- package/dist/docs/functional/themes/dark.json +160 -158
- package/dist/docs/functional/themes/light-colorblind.json +167 -173
- package/dist/docs/functional/themes/light-high-contrast.json +362 -358
- package/dist/docs/functional/themes/light-tritanopia.json +165 -171
- package/dist/docs/functional/themes/light.json +159 -157
- package/dist/figma/themes/dark-colorblind.json +198 -198
- package/dist/figma/themes/dark-dimmed.json +201 -200
- package/dist/figma/themes/dark-high-contrast.json +598 -596
- package/dist/figma/themes/dark-tritanopia.json +200 -200
- package/dist/figma/themes/dark.json +201 -200
- package/dist/figma/themes/light-colorblind.json +217 -218
- package/dist/figma/themes/light-high-contrast.json +393 -391
- package/dist/figma/themes/light-tritanopia.json +216 -217
- package/dist/figma/themes/light.json +139 -138
- package/dist/internalCss/dark-colorblind.css +12 -12
- package/dist/internalCss/dark-dimmed.css +14 -14
- package/dist/internalCss/dark-high-contrast.css +250 -250
- package/dist/internalCss/dark-tritanopia.css +14 -14
- package/dist/internalCss/dark.css +14 -14
- package/dist/internalCss/light-colorblind.css +24 -24
- package/dist/internalCss/light-high-contrast.css +146 -146
- package/dist/internalCss/light-tritanopia.css +24 -24
- package/dist/internalCss/light.css +12 -12
- package/dist/styleLint/functional/themes/dark-colorblind.json +149 -149
- package/dist/styleLint/functional/themes/dark-dimmed.json +160 -158
- package/dist/styleLint/functional/themes/dark-high-contrast.json +464 -454
- package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -153
- package/dist/styleLint/functional/themes/dark.json +160 -158
- package/dist/styleLint/functional/themes/light-colorblind.json +167 -173
- package/dist/styleLint/functional/themes/light-high-contrast.json +362 -358
- package/dist/styleLint/functional/themes/light-tritanopia.json +165 -171
- package/dist/styleLint/functional/themes/light.json +159 -157
- package/package.json +28 -28
- package/src/formats/cssAdvanced.ts +3 -3
- package/src/formats/cssCustomMedia.ts +2 -2
- package/src/formats/javascriptCommonJs.ts +2 -2
- package/src/formats/javascriptEsm.ts +2 -2
- package/src/formats/jsonFigma.ts +2 -2
- package/src/formats/jsonNestedPrefixed.ts +2 -2
- package/src/formats/jsonOneDimensional.ts +2 -2
- package/src/formats/jsonPostCssFallback.ts +2 -2
- package/src/formats/typescriptExportDefinition.ts +2 -2
- package/src/schemas/designToken.ts +1 -1
- package/src/schemas/validTokenType.ts +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +512 -2
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +4 -0
- package/src/tokens/functional/color/dark/primitives-dark.json5 +66 -65
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +394 -0
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +3 -6
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +3 -6
- package/src/tokens/functional/color/light/primitives-light.json5 +65 -64
|
@@ -12807,7 +12807,7 @@
|
|
|
12807
12807
|
"path": ["fgColor", "link"]
|
|
12808
12808
|
},
|
|
12809
12809
|
"fgColor-neutral": {
|
|
12810
|
-
"value": "#
|
|
12810
|
+
"value": "#57606a",
|
|
12811
12811
|
"$type": "color",
|
|
12812
12812
|
"$extensions": {
|
|
12813
12813
|
"org.primer.figma": {
|
|
@@ -12820,7 +12820,7 @@
|
|
|
12820
12820
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12821
12821
|
"isSource": true,
|
|
12822
12822
|
"original": {
|
|
12823
|
-
"value": "{base.color.neutral.
|
|
12823
|
+
"value": "{base.color.neutral.6}",
|
|
12824
12824
|
"$type": "color",
|
|
12825
12825
|
"$extensions": {
|
|
12826
12826
|
"org.primer.figma": {
|
|
@@ -12905,6 +12905,41 @@
|
|
|
12905
12905
|
"attributes": {},
|
|
12906
12906
|
"path": ["fgColor", "success"]
|
|
12907
12907
|
},
|
|
12908
|
+
"fgColor-open": {
|
|
12909
|
+
"value": "#1a7f37",
|
|
12910
|
+
"$type": "color",
|
|
12911
|
+
"$extensions": {
|
|
12912
|
+
"org.primer.figma": {
|
|
12913
|
+
"collection": "mode",
|
|
12914
|
+
"mode": "light",
|
|
12915
|
+
"group": "semantic",
|
|
12916
|
+
"scopes": ["fgColor"],
|
|
12917
|
+
"codeSyntax": {
|
|
12918
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12919
|
+
}
|
|
12920
|
+
}
|
|
12921
|
+
},
|
|
12922
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12923
|
+
"isSource": true,
|
|
12924
|
+
"original": {
|
|
12925
|
+
"value": "{fgColor.success}",
|
|
12926
|
+
"$type": "color",
|
|
12927
|
+
"$extensions": {
|
|
12928
|
+
"org.primer.figma": {
|
|
12929
|
+
"collection": "mode",
|
|
12930
|
+
"mode": "light",
|
|
12931
|
+
"group": "semantic",
|
|
12932
|
+
"scopes": ["fgColor"],
|
|
12933
|
+
"codeSyntax": {
|
|
12934
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
12935
|
+
}
|
|
12936
|
+
}
|
|
12937
|
+
}
|
|
12938
|
+
},
|
|
12939
|
+
"name": "fgColor-open",
|
|
12940
|
+
"attributes": {},
|
|
12941
|
+
"path": ["fgColor", "open"]
|
|
12942
|
+
},
|
|
12908
12943
|
"fgColor-attention": {
|
|
12909
12944
|
"value": "#9a6700",
|
|
12910
12945
|
"$type": "color",
|
|
@@ -13018,41 +13053,6 @@
|
|
|
13018
13053
|
"attributes": {},
|
|
13019
13054
|
"path": ["fgColor", "danger"]
|
|
13020
13055
|
},
|
|
13021
|
-
"fgColor-open": {
|
|
13022
|
-
"value": "#1a7f37",
|
|
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/primitives-light.json5",
|
|
13036
|
-
"isSource": true,
|
|
13037
|
-
"original": {
|
|
13038
|
-
"value": "{fgColor.success}",
|
|
13039
|
-
"$type": "color",
|
|
13040
|
-
"$extensions": {
|
|
13041
|
-
"org.primer.figma": {
|
|
13042
|
-
"collection": "mode",
|
|
13043
|
-
"mode": "light",
|
|
13044
|
-
"group": "semantic",
|
|
13045
|
-
"scopes": ["fgColor"],
|
|
13046
|
-
"codeSyntax": {
|
|
13047
|
-
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13048
|
-
}
|
|
13049
|
-
}
|
|
13050
|
-
}
|
|
13051
|
-
},
|
|
13052
|
-
"name": "fgColor-open",
|
|
13053
|
-
"attributes": {},
|
|
13054
|
-
"path": ["fgColor", "open"]
|
|
13055
|
-
},
|
|
13056
13056
|
"fgColor-closed": {
|
|
13057
13057
|
"value": "#d1242f",
|
|
13058
13058
|
"$type": "color",
|
|
@@ -13140,7 +13140,7 @@
|
|
|
13140
13140
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13141
13141
|
"isSource": true,
|
|
13142
13142
|
"original": {
|
|
13143
|
-
"value": "{
|
|
13143
|
+
"value": "{fgColor.done}",
|
|
13144
13144
|
"$type": "color",
|
|
13145
13145
|
"$extensions": {
|
|
13146
13146
|
"org.primer.figma": {
|
|
@@ -13694,8 +13694,8 @@
|
|
|
13694
13694
|
"attributes": {},
|
|
13695
13695
|
"path": ["bgColor", "success", "emphasis"]
|
|
13696
13696
|
},
|
|
13697
|
-
"bgColor-
|
|
13698
|
-
"value": "#
|
|
13697
|
+
"bgColor-open-muted": {
|
|
13698
|
+
"value": "#dafbe1",
|
|
13699
13699
|
"$type": "color",
|
|
13700
13700
|
"$extensions": {
|
|
13701
13701
|
"org.primer.figma": {
|
|
@@ -13704,14 +13704,14 @@
|
|
|
13704
13704
|
"group": "semantic",
|
|
13705
13705
|
"scopes": ["bgColor"],
|
|
13706
13706
|
"codeSyntax": {
|
|
13707
|
-
"web": "var(--bgColor-
|
|
13707
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13708
13708
|
}
|
|
13709
13709
|
}
|
|
13710
13710
|
},
|
|
13711
13711
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13712
13712
|
"isSource": true,
|
|
13713
13713
|
"original": {
|
|
13714
|
-
"value": "{
|
|
13714
|
+
"value": "{bgColor.success.muted}",
|
|
13715
13715
|
"$type": "color",
|
|
13716
13716
|
"$extensions": {
|
|
13717
13717
|
"org.primer.figma": {
|
|
@@ -13720,17 +13720,17 @@
|
|
|
13720
13720
|
"group": "semantic",
|
|
13721
13721
|
"scopes": ["bgColor"],
|
|
13722
13722
|
"codeSyntax": {
|
|
13723
|
-
"web": "var(--bgColor-
|
|
13723
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13724
13724
|
}
|
|
13725
13725
|
}
|
|
13726
13726
|
}
|
|
13727
13727
|
},
|
|
13728
|
-
"name": "bgColor-
|
|
13728
|
+
"name": "bgColor-open-muted",
|
|
13729
13729
|
"attributes": {},
|
|
13730
|
-
"path": ["bgColor", "
|
|
13730
|
+
"path": ["bgColor", "open", "muted"]
|
|
13731
13731
|
},
|
|
13732
|
-
"bgColor-
|
|
13733
|
-
"value": "#
|
|
13732
|
+
"bgColor-open-emphasis": {
|
|
13733
|
+
"value": "#1f883d",
|
|
13734
13734
|
"$type": "color",
|
|
13735
13735
|
"$extensions": {
|
|
13736
13736
|
"org.primer.figma": {
|
|
@@ -13739,14 +13739,14 @@
|
|
|
13739
13739
|
"group": "semantic",
|
|
13740
13740
|
"scopes": ["bgColor"],
|
|
13741
13741
|
"codeSyntax": {
|
|
13742
|
-
"web": "var(--bgColor-
|
|
13742
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13743
13743
|
}
|
|
13744
13744
|
}
|
|
13745
13745
|
},
|
|
13746
13746
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13747
13747
|
"isSource": true,
|
|
13748
13748
|
"original": {
|
|
13749
|
-
"value": "{
|
|
13749
|
+
"value": "{bgColor.success.emphasis}",
|
|
13750
13750
|
"$type": "color",
|
|
13751
13751
|
"$extensions": {
|
|
13752
13752
|
"org.primer.figma": {
|
|
@@ -13755,17 +13755,17 @@
|
|
|
13755
13755
|
"group": "semantic",
|
|
13756
13756
|
"scopes": ["bgColor"],
|
|
13757
13757
|
"codeSyntax": {
|
|
13758
|
-
"web": "var(--bgColor-
|
|
13758
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13759
13759
|
}
|
|
13760
13760
|
}
|
|
13761
13761
|
}
|
|
13762
13762
|
},
|
|
13763
|
-
"name": "bgColor-
|
|
13763
|
+
"name": "bgColor-open-emphasis",
|
|
13764
13764
|
"attributes": {},
|
|
13765
|
-
"path": ["bgColor", "
|
|
13765
|
+
"path": ["bgColor", "open", "emphasis"]
|
|
13766
13766
|
},
|
|
13767
|
-
"bgColor-
|
|
13768
|
-
"value": "#
|
|
13767
|
+
"bgColor-attention-muted": {
|
|
13768
|
+
"value": "#fff8c5",
|
|
13769
13769
|
"$type": "color",
|
|
13770
13770
|
"$extensions": {
|
|
13771
13771
|
"org.primer.figma": {
|
|
@@ -13774,14 +13774,14 @@
|
|
|
13774
13774
|
"group": "semantic",
|
|
13775
13775
|
"scopes": ["bgColor"],
|
|
13776
13776
|
"codeSyntax": {
|
|
13777
|
-
"web": "var(--bgColor-
|
|
13777
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13778
13778
|
}
|
|
13779
13779
|
}
|
|
13780
13780
|
},
|
|
13781
13781
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13782
13782
|
"isSource": true,
|
|
13783
13783
|
"original": {
|
|
13784
|
-
"value": "{base.color.
|
|
13784
|
+
"value": "{base.color.yellow.0}",
|
|
13785
13785
|
"$type": "color",
|
|
13786
13786
|
"$extensions": {
|
|
13787
13787
|
"org.primer.figma": {
|
|
@@ -13790,17 +13790,17 @@
|
|
|
13790
13790
|
"group": "semantic",
|
|
13791
13791
|
"scopes": ["bgColor"],
|
|
13792
13792
|
"codeSyntax": {
|
|
13793
|
-
"web": "var(--bgColor-
|
|
13793
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13794
13794
|
}
|
|
13795
13795
|
}
|
|
13796
13796
|
}
|
|
13797
13797
|
},
|
|
13798
|
-
"name": "bgColor-
|
|
13798
|
+
"name": "bgColor-attention-muted",
|
|
13799
13799
|
"attributes": {},
|
|
13800
|
-
"path": ["bgColor", "
|
|
13800
|
+
"path": ["bgColor", "attention", "muted"]
|
|
13801
13801
|
},
|
|
13802
|
-
"bgColor-
|
|
13803
|
-
"value": "#
|
|
13802
|
+
"bgColor-attention-emphasis": {
|
|
13803
|
+
"value": "#9a6700",
|
|
13804
13804
|
"$type": "color",
|
|
13805
13805
|
"$extensions": {
|
|
13806
13806
|
"org.primer.figma": {
|
|
@@ -13809,14 +13809,14 @@
|
|
|
13809
13809
|
"group": "semantic",
|
|
13810
13810
|
"scopes": ["bgColor"],
|
|
13811
13811
|
"codeSyntax": {
|
|
13812
|
-
"web": "var(--bgColor-
|
|
13812
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13813
13813
|
}
|
|
13814
13814
|
}
|
|
13815
13815
|
},
|
|
13816
13816
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13817
13817
|
"isSource": true,
|
|
13818
13818
|
"original": {
|
|
13819
|
-
"value": "{base.color.
|
|
13819
|
+
"value": "{base.color.yellow.5}",
|
|
13820
13820
|
"$type": "color",
|
|
13821
13821
|
"$extensions": {
|
|
13822
13822
|
"org.primer.figma": {
|
|
@@ -13825,17 +13825,17 @@
|
|
|
13825
13825
|
"group": "semantic",
|
|
13826
13826
|
"scopes": ["bgColor"],
|
|
13827
13827
|
"codeSyntax": {
|
|
13828
|
-
"web": "var(--bgColor-
|
|
13828
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13829
13829
|
}
|
|
13830
13830
|
}
|
|
13831
13831
|
}
|
|
13832
13832
|
},
|
|
13833
|
-
"name": "bgColor-
|
|
13833
|
+
"name": "bgColor-attention-emphasis",
|
|
13834
13834
|
"attributes": {},
|
|
13835
|
-
"path": ["bgColor", "
|
|
13835
|
+
"path": ["bgColor", "attention", "emphasis"]
|
|
13836
13836
|
},
|
|
13837
|
-
"bgColor-
|
|
13838
|
-
"value": "#
|
|
13837
|
+
"bgColor-severe-muted": {
|
|
13838
|
+
"value": "#fff1e5",
|
|
13839
13839
|
"$type": "color",
|
|
13840
13840
|
"$extensions": {
|
|
13841
13841
|
"org.primer.figma": {
|
|
@@ -13844,14 +13844,14 @@
|
|
|
13844
13844
|
"group": "semantic",
|
|
13845
13845
|
"scopes": ["bgColor"],
|
|
13846
13846
|
"codeSyntax": {
|
|
13847
|
-
"web": "var(--bgColor-
|
|
13847
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13848
13848
|
}
|
|
13849
13849
|
}
|
|
13850
13850
|
},
|
|
13851
13851
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13852
13852
|
"isSource": true,
|
|
13853
13853
|
"original": {
|
|
13854
|
-
"value": "{base.color.
|
|
13854
|
+
"value": "{base.color.orange.0}",
|
|
13855
13855
|
"$type": "color",
|
|
13856
13856
|
"$extensions": {
|
|
13857
13857
|
"org.primer.figma": {
|
|
@@ -13860,17 +13860,17 @@
|
|
|
13860
13860
|
"group": "semantic",
|
|
13861
13861
|
"scopes": ["bgColor"],
|
|
13862
13862
|
"codeSyntax": {
|
|
13863
|
-
"web": "var(--bgColor-
|
|
13863
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13864
13864
|
}
|
|
13865
13865
|
}
|
|
13866
13866
|
}
|
|
13867
13867
|
},
|
|
13868
|
-
"name": "bgColor-
|
|
13868
|
+
"name": "bgColor-severe-muted",
|
|
13869
13869
|
"attributes": {},
|
|
13870
|
-
"path": ["bgColor", "
|
|
13870
|
+
"path": ["bgColor", "severe", "muted"]
|
|
13871
13871
|
},
|
|
13872
|
-
"bgColor-
|
|
13873
|
-
"value": "#
|
|
13872
|
+
"bgColor-severe-emphasis": {
|
|
13873
|
+
"value": "#bc4c00",
|
|
13874
13874
|
"$type": "color",
|
|
13875
13875
|
"$extensions": {
|
|
13876
13876
|
"org.primer.figma": {
|
|
@@ -13879,14 +13879,14 @@
|
|
|
13879
13879
|
"group": "semantic",
|
|
13880
13880
|
"scopes": ["bgColor"],
|
|
13881
13881
|
"codeSyntax": {
|
|
13882
|
-
"web": "var(--bgColor-
|
|
13882
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13883
13883
|
}
|
|
13884
13884
|
}
|
|
13885
13885
|
},
|
|
13886
13886
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13887
13887
|
"isSource": true,
|
|
13888
13888
|
"original": {
|
|
13889
|
-
"value": "{base.color.
|
|
13889
|
+
"value": "{base.color.orange.5}",
|
|
13890
13890
|
"$type": "color",
|
|
13891
13891
|
"$extensions": {
|
|
13892
13892
|
"org.primer.figma": {
|
|
@@ -13895,17 +13895,17 @@
|
|
|
13895
13895
|
"group": "semantic",
|
|
13896
13896
|
"scopes": ["bgColor"],
|
|
13897
13897
|
"codeSyntax": {
|
|
13898
|
-
"web": "var(--bgColor-
|
|
13898
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13899
13899
|
}
|
|
13900
13900
|
}
|
|
13901
13901
|
}
|
|
13902
13902
|
},
|
|
13903
|
-
"name": "bgColor-
|
|
13903
|
+
"name": "bgColor-severe-emphasis",
|
|
13904
13904
|
"attributes": {},
|
|
13905
|
-
"path": ["bgColor", "
|
|
13905
|
+
"path": ["bgColor", "severe", "emphasis"]
|
|
13906
13906
|
},
|
|
13907
|
-
"bgColor-
|
|
13908
|
-
"value": "#
|
|
13907
|
+
"bgColor-danger-muted": {
|
|
13908
|
+
"value": "#ffebe9",
|
|
13909
13909
|
"$type": "color",
|
|
13910
13910
|
"$extensions": {
|
|
13911
13911
|
"org.primer.figma": {
|
|
@@ -13914,14 +13914,14 @@
|
|
|
13914
13914
|
"group": "semantic",
|
|
13915
13915
|
"scopes": ["bgColor"],
|
|
13916
13916
|
"codeSyntax": {
|
|
13917
|
-
"web": "var(--bgColor-
|
|
13917
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13918
13918
|
}
|
|
13919
13919
|
}
|
|
13920
13920
|
},
|
|
13921
13921
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13922
13922
|
"isSource": true,
|
|
13923
13923
|
"original": {
|
|
13924
|
-
"value": "{
|
|
13924
|
+
"value": "{base.color.red.0}",
|
|
13925
13925
|
"$type": "color",
|
|
13926
13926
|
"$extensions": {
|
|
13927
13927
|
"org.primer.figma": {
|
|
@@ -13930,17 +13930,17 @@
|
|
|
13930
13930
|
"group": "semantic",
|
|
13931
13931
|
"scopes": ["bgColor"],
|
|
13932
13932
|
"codeSyntax": {
|
|
13933
|
-
"web": "var(--bgColor-
|
|
13933
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13934
13934
|
}
|
|
13935
13935
|
}
|
|
13936
13936
|
}
|
|
13937
13937
|
},
|
|
13938
|
-
"name": "bgColor-
|
|
13938
|
+
"name": "bgColor-danger-muted",
|
|
13939
13939
|
"attributes": {},
|
|
13940
|
-
"path": ["bgColor", "
|
|
13940
|
+
"path": ["bgColor", "danger", "muted"]
|
|
13941
13941
|
},
|
|
13942
|
-
"bgColor-
|
|
13943
|
-
"value": "#
|
|
13942
|
+
"bgColor-danger-emphasis": {
|
|
13943
|
+
"value": "#cf222e",
|
|
13944
13944
|
"$type": "color",
|
|
13945
13945
|
"$extensions": {
|
|
13946
13946
|
"org.primer.figma": {
|
|
@@ -13949,14 +13949,14 @@
|
|
|
13949
13949
|
"group": "semantic",
|
|
13950
13950
|
"scopes": ["bgColor"],
|
|
13951
13951
|
"codeSyntax": {
|
|
13952
|
-
"web": "var(--bgColor-
|
|
13952
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13953
13953
|
}
|
|
13954
13954
|
}
|
|
13955
13955
|
},
|
|
13956
13956
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13957
13957
|
"isSource": true,
|
|
13958
13958
|
"original": {
|
|
13959
|
-
"value": "{
|
|
13959
|
+
"value": "{base.color.red.5}",
|
|
13960
13960
|
"$type": "color",
|
|
13961
13961
|
"$extensions": {
|
|
13962
13962
|
"org.primer.figma": {
|
|
@@ -13965,14 +13965,14 @@
|
|
|
13965
13965
|
"group": "semantic",
|
|
13966
13966
|
"scopes": ["bgColor"],
|
|
13967
13967
|
"codeSyntax": {
|
|
13968
|
-
"web": "var(--bgColor-
|
|
13968
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13969
13969
|
}
|
|
13970
13970
|
}
|
|
13971
13971
|
}
|
|
13972
13972
|
},
|
|
13973
|
-
"name": "bgColor-
|
|
13973
|
+
"name": "bgColor-danger-emphasis",
|
|
13974
13974
|
"attributes": {},
|
|
13975
|
-
"path": ["bgColor", "
|
|
13975
|
+
"path": ["bgColor", "danger", "emphasis"]
|
|
13976
13976
|
},
|
|
13977
13977
|
"bgColor-closed-muted": {
|
|
13978
13978
|
"value": "#ffebe9",
|
|
@@ -13991,7 +13991,7 @@
|
|
|
13991
13991
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13992
13992
|
"isSource": true,
|
|
13993
13993
|
"original": {
|
|
13994
|
-
"value": "{
|
|
13994
|
+
"value": "{bgColor.danger.muted}",
|
|
13995
13995
|
"$type": "color",
|
|
13996
13996
|
"$extensions": {
|
|
13997
13997
|
"org.primer.figma": {
|
|
@@ -14026,7 +14026,7 @@
|
|
|
14026
14026
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14027
14027
|
"isSource": true,
|
|
14028
14028
|
"original": {
|
|
14029
|
-
"value": "{
|
|
14029
|
+
"value": "{bgColor.danger.emphasis}",
|
|
14030
14030
|
"$type": "color",
|
|
14031
14031
|
"$extensions": {
|
|
14032
14032
|
"org.primer.figma": {
|
|
@@ -14131,7 +14131,7 @@
|
|
|
14131
14131
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14132
14132
|
"isSource": true,
|
|
14133
14133
|
"original": {
|
|
14134
|
-
"value": "{
|
|
14134
|
+
"value": "{bgColor.done.muted}",
|
|
14135
14135
|
"$type": "color",
|
|
14136
14136
|
"$extensions": {
|
|
14137
14137
|
"org.primer.figma": {
|
|
@@ -14166,7 +14166,7 @@
|
|
|
14166
14166
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14167
14167
|
"isSource": true,
|
|
14168
14168
|
"original": {
|
|
14169
|
-
"value": "{
|
|
14169
|
+
"value": "{bgColor.done.emphasis}",
|
|
14170
14170
|
"$type": "color",
|
|
14171
14171
|
"$extensions": {
|
|
14172
14172
|
"org.primer.figma": {
|
|
@@ -14648,8 +14648,8 @@
|
|
|
14648
14648
|
"attributes": {},
|
|
14649
14649
|
"path": ["borderColor", "success", "emphasis"]
|
|
14650
14650
|
},
|
|
14651
|
-
"borderColor-
|
|
14652
|
-
"value": "#
|
|
14651
|
+
"borderColor-open-muted": {
|
|
14652
|
+
"value": "#4ac26b66",
|
|
14653
14653
|
"$type": "color",
|
|
14654
14654
|
"$extensions": {
|
|
14655
14655
|
"org.primer.figma": {
|
|
@@ -14658,7 +14658,7 @@
|
|
|
14658
14658
|
"group": "semantic",
|
|
14659
14659
|
"scopes": ["borderColor"],
|
|
14660
14660
|
"codeSyntax": {
|
|
14661
|
-
"web": "var(--borderColor-
|
|
14661
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14662
14662
|
}
|
|
14663
14663
|
}
|
|
14664
14664
|
},
|
|
@@ -14666,7 +14666,7 @@
|
|
|
14666
14666
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14667
14667
|
"isSource": true,
|
|
14668
14668
|
"original": {
|
|
14669
|
-
"value": "{
|
|
14669
|
+
"value": "{borderColor.success.muted}",
|
|
14670
14670
|
"$type": "color",
|
|
14671
14671
|
"$extensions": {
|
|
14672
14672
|
"org.primer.figma": {
|
|
@@ -14675,18 +14675,18 @@
|
|
|
14675
14675
|
"group": "semantic",
|
|
14676
14676
|
"scopes": ["borderColor"],
|
|
14677
14677
|
"codeSyntax": {
|
|
14678
|
-
"web": "var(--borderColor-
|
|
14678
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14679
14679
|
}
|
|
14680
14680
|
}
|
|
14681
14681
|
},
|
|
14682
14682
|
"alpha": 0.4
|
|
14683
14683
|
},
|
|
14684
|
-
"name": "borderColor-
|
|
14684
|
+
"name": "borderColor-open-muted",
|
|
14685
14685
|
"attributes": {},
|
|
14686
|
-
"path": ["borderColor", "
|
|
14686
|
+
"path": ["borderColor", "open", "muted"]
|
|
14687
14687
|
},
|
|
14688
|
-
"borderColor-
|
|
14689
|
-
"value": "#
|
|
14688
|
+
"borderColor-open-emphasis": {
|
|
14689
|
+
"value": "#1a7f37",
|
|
14690
14690
|
"$type": "color",
|
|
14691
14691
|
"$extensions": {
|
|
14692
14692
|
"org.primer.figma": {
|
|
@@ -14695,14 +14695,14 @@
|
|
|
14695
14695
|
"group": "semantic",
|
|
14696
14696
|
"scopes": ["borderColor"],
|
|
14697
14697
|
"codeSyntax": {
|
|
14698
|
-
"web": "var(--borderColor-
|
|
14698
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14699
14699
|
}
|
|
14700
14700
|
}
|
|
14701
14701
|
},
|
|
14702
14702
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14703
14703
|
"isSource": true,
|
|
14704
14704
|
"original": {
|
|
14705
|
-
"value": "{
|
|
14705
|
+
"value": "{borderColor.success.emphasis}",
|
|
14706
14706
|
"$type": "color",
|
|
14707
14707
|
"$extensions": {
|
|
14708
14708
|
"org.primer.figma": {
|
|
@@ -14711,17 +14711,17 @@
|
|
|
14711
14711
|
"group": "semantic",
|
|
14712
14712
|
"scopes": ["borderColor"],
|
|
14713
14713
|
"codeSyntax": {
|
|
14714
|
-
"web": "var(--borderColor-
|
|
14714
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14715
14715
|
}
|
|
14716
14716
|
}
|
|
14717
14717
|
}
|
|
14718
14718
|
},
|
|
14719
|
-
"name": "borderColor-
|
|
14719
|
+
"name": "borderColor-open-emphasis",
|
|
14720
14720
|
"attributes": {},
|
|
14721
|
-
"path": ["borderColor", "
|
|
14721
|
+
"path": ["borderColor", "open", "emphasis"]
|
|
14722
14722
|
},
|
|
14723
|
-
"borderColor-
|
|
14724
|
-
"value": "#
|
|
14723
|
+
"borderColor-attention-muted": {
|
|
14724
|
+
"value": "#d4a72c66",
|
|
14725
14725
|
"$type": "color",
|
|
14726
14726
|
"$extensions": {
|
|
14727
14727
|
"org.primer.figma": {
|
|
@@ -14730,7 +14730,7 @@
|
|
|
14730
14730
|
"group": "semantic",
|
|
14731
14731
|
"scopes": ["borderColor"],
|
|
14732
14732
|
"codeSyntax": {
|
|
14733
|
-
"web": "var(--borderColor-
|
|
14733
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14734
14734
|
}
|
|
14735
14735
|
}
|
|
14736
14736
|
},
|
|
@@ -14738,7 +14738,7 @@
|
|
|
14738
14738
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14739
14739
|
"isSource": true,
|
|
14740
14740
|
"original": {
|
|
14741
|
-
"value": "{base.color.
|
|
14741
|
+
"value": "{base.color.yellow.3}",
|
|
14742
14742
|
"$type": "color",
|
|
14743
14743
|
"$extensions": {
|
|
14744
14744
|
"org.primer.figma": {
|
|
@@ -14747,18 +14747,18 @@
|
|
|
14747
14747
|
"group": "semantic",
|
|
14748
14748
|
"scopes": ["borderColor"],
|
|
14749
14749
|
"codeSyntax": {
|
|
14750
|
-
"web": "var(--borderColor-
|
|
14750
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14751
14751
|
}
|
|
14752
14752
|
}
|
|
14753
14753
|
},
|
|
14754
14754
|
"alpha": 0.4
|
|
14755
14755
|
},
|
|
14756
|
-
"name": "borderColor-
|
|
14756
|
+
"name": "borderColor-attention-muted",
|
|
14757
14757
|
"attributes": {},
|
|
14758
|
-
"path": ["borderColor", "
|
|
14758
|
+
"path": ["borderColor", "attention", "muted"]
|
|
14759
14759
|
},
|
|
14760
|
-
"borderColor-
|
|
14761
|
-
"value": "#
|
|
14760
|
+
"borderColor-attention-emphasis": {
|
|
14761
|
+
"value": "#bf8700",
|
|
14762
14762
|
"$type": "color",
|
|
14763
14763
|
"$extensions": {
|
|
14764
14764
|
"org.primer.figma": {
|
|
@@ -14767,14 +14767,14 @@
|
|
|
14767
14767
|
"group": "semantic",
|
|
14768
14768
|
"scopes": ["borderColor"],
|
|
14769
14769
|
"codeSyntax": {
|
|
14770
|
-
"web": "var(--borderColor-
|
|
14770
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14771
14771
|
}
|
|
14772
14772
|
}
|
|
14773
14773
|
},
|
|
14774
14774
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14775
14775
|
"isSource": true,
|
|
14776
14776
|
"original": {
|
|
14777
|
-
"value": "{base.color.
|
|
14777
|
+
"value": "{base.color.yellow.4}",
|
|
14778
14778
|
"$type": "color",
|
|
14779
14779
|
"$extensions": {
|
|
14780
14780
|
"org.primer.figma": {
|
|
@@ -14783,17 +14783,17 @@
|
|
|
14783
14783
|
"group": "semantic",
|
|
14784
14784
|
"scopes": ["borderColor"],
|
|
14785
14785
|
"codeSyntax": {
|
|
14786
|
-
"web": "var(--borderColor-
|
|
14786
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14787
14787
|
}
|
|
14788
14788
|
}
|
|
14789
14789
|
}
|
|
14790
14790
|
},
|
|
14791
|
-
"name": "borderColor-
|
|
14791
|
+
"name": "borderColor-attention-emphasis",
|
|
14792
14792
|
"attributes": {},
|
|
14793
|
-
"path": ["borderColor", "
|
|
14793
|
+
"path": ["borderColor", "attention", "emphasis"]
|
|
14794
14794
|
},
|
|
14795
|
-
"borderColor-
|
|
14796
|
-
"value": "#
|
|
14795
|
+
"borderColor-severe-muted": {
|
|
14796
|
+
"value": "#fb8f4466",
|
|
14797
14797
|
"$type": "color",
|
|
14798
14798
|
"$extensions": {
|
|
14799
14799
|
"org.primer.figma": {
|
|
@@ -14802,7 +14802,7 @@
|
|
|
14802
14802
|
"group": "semantic",
|
|
14803
14803
|
"scopes": ["borderColor"],
|
|
14804
14804
|
"codeSyntax": {
|
|
14805
|
-
"web": "var(--borderColor-
|
|
14805
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14806
14806
|
}
|
|
14807
14807
|
}
|
|
14808
14808
|
},
|
|
@@ -14810,7 +14810,7 @@
|
|
|
14810
14810
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14811
14811
|
"isSource": true,
|
|
14812
14812
|
"original": {
|
|
14813
|
-
"value": "{base.color.
|
|
14813
|
+
"value": "{base.color.orange.3}",
|
|
14814
14814
|
"$type": "color",
|
|
14815
14815
|
"$extensions": {
|
|
14816
14816
|
"org.primer.figma": {
|
|
@@ -14819,18 +14819,18 @@
|
|
|
14819
14819
|
"group": "semantic",
|
|
14820
14820
|
"scopes": ["borderColor"],
|
|
14821
14821
|
"codeSyntax": {
|
|
14822
|
-
"web": "var(--borderColor-
|
|
14822
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14823
14823
|
}
|
|
14824
14824
|
}
|
|
14825
14825
|
},
|
|
14826
14826
|
"alpha": 0.4
|
|
14827
14827
|
},
|
|
14828
|
-
"name": "borderColor-
|
|
14828
|
+
"name": "borderColor-severe-muted",
|
|
14829
14829
|
"attributes": {},
|
|
14830
|
-
"path": ["borderColor", "
|
|
14830
|
+
"path": ["borderColor", "severe", "muted"]
|
|
14831
14831
|
},
|
|
14832
|
-
"borderColor-
|
|
14833
|
-
"value": "#
|
|
14832
|
+
"borderColor-severe-emphasis": {
|
|
14833
|
+
"value": "#bc4c00",
|
|
14834
14834
|
"$type": "color",
|
|
14835
14835
|
"$extensions": {
|
|
14836
14836
|
"org.primer.figma": {
|
|
@@ -14839,14 +14839,14 @@
|
|
|
14839
14839
|
"group": "semantic",
|
|
14840
14840
|
"scopes": ["borderColor"],
|
|
14841
14841
|
"codeSyntax": {
|
|
14842
|
-
"web": "var(--borderColor-
|
|
14842
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14843
14843
|
}
|
|
14844
14844
|
}
|
|
14845
14845
|
},
|
|
14846
14846
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14847
14847
|
"isSource": true,
|
|
14848
14848
|
"original": {
|
|
14849
|
-
"value": "{base.color.
|
|
14849
|
+
"value": "{base.color.orange.5}",
|
|
14850
14850
|
"$type": "color",
|
|
14851
14851
|
"$extensions": {
|
|
14852
14852
|
"org.primer.figma": {
|
|
@@ -14855,17 +14855,17 @@
|
|
|
14855
14855
|
"group": "semantic",
|
|
14856
14856
|
"scopes": ["borderColor"],
|
|
14857
14857
|
"codeSyntax": {
|
|
14858
|
-
"web": "var(--borderColor-
|
|
14858
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14859
14859
|
}
|
|
14860
14860
|
}
|
|
14861
14861
|
}
|
|
14862
14862
|
},
|
|
14863
|
-
"name": "borderColor-
|
|
14863
|
+
"name": "borderColor-severe-emphasis",
|
|
14864
14864
|
"attributes": {},
|
|
14865
|
-
"path": ["borderColor", "
|
|
14865
|
+
"path": ["borderColor", "severe", "emphasis"]
|
|
14866
14866
|
},
|
|
14867
|
-
"borderColor-
|
|
14868
|
-
"value": "#
|
|
14867
|
+
"borderColor-danger-muted": {
|
|
14868
|
+
"value": "#ff818266",
|
|
14869
14869
|
"$type": "color",
|
|
14870
14870
|
"$extensions": {
|
|
14871
14871
|
"org.primer.figma": {
|
|
@@ -14874,14 +14874,15 @@
|
|
|
14874
14874
|
"group": "semantic",
|
|
14875
14875
|
"scopes": ["borderColor"],
|
|
14876
14876
|
"codeSyntax": {
|
|
14877
|
-
"web": "var(--borderColor-
|
|
14877
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14878
14878
|
}
|
|
14879
14879
|
}
|
|
14880
14880
|
},
|
|
14881
|
+
"alpha": 0.4,
|
|
14881
14882
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14882
14883
|
"isSource": true,
|
|
14883
14884
|
"original": {
|
|
14884
|
-
"value": "{
|
|
14885
|
+
"value": "{base.color.red.3}",
|
|
14885
14886
|
"$type": "color",
|
|
14886
14887
|
"$extensions": {
|
|
14887
14888
|
"org.primer.figma": {
|
|
@@ -14890,17 +14891,18 @@
|
|
|
14890
14891
|
"group": "semantic",
|
|
14891
14892
|
"scopes": ["borderColor"],
|
|
14892
14893
|
"codeSyntax": {
|
|
14893
|
-
"web": "var(--borderColor-
|
|
14894
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14894
14895
|
}
|
|
14895
14896
|
}
|
|
14896
|
-
}
|
|
14897
|
+
},
|
|
14898
|
+
"alpha": 0.4
|
|
14897
14899
|
},
|
|
14898
|
-
"name": "borderColor-
|
|
14900
|
+
"name": "borderColor-danger-muted",
|
|
14899
14901
|
"attributes": {},
|
|
14900
|
-
"path": ["borderColor", "
|
|
14902
|
+
"path": ["borderColor", "danger", "muted"]
|
|
14901
14903
|
},
|
|
14902
|
-
"borderColor-
|
|
14903
|
-
"value": "#
|
|
14904
|
+
"borderColor-danger-emphasis": {
|
|
14905
|
+
"value": "#cf222e",
|
|
14904
14906
|
"$type": "color",
|
|
14905
14907
|
"$extensions": {
|
|
14906
14908
|
"org.primer.figma": {
|
|
@@ -14909,14 +14911,14 @@
|
|
|
14909
14911
|
"group": "semantic",
|
|
14910
14912
|
"scopes": ["borderColor"],
|
|
14911
14913
|
"codeSyntax": {
|
|
14912
|
-
"web": "var(--borderColor-
|
|
14914
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14913
14915
|
}
|
|
14914
14916
|
}
|
|
14915
14917
|
},
|
|
14916
14918
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14917
14919
|
"isSource": true,
|
|
14918
14920
|
"original": {
|
|
14919
|
-
"value": "{
|
|
14921
|
+
"value": "{base.color.red.5}",
|
|
14920
14922
|
"$type": "color",
|
|
14921
14923
|
"$extensions": {
|
|
14922
14924
|
"org.primer.figma": {
|
|
@@ -14925,14 +14927,14 @@
|
|
|
14925
14927
|
"group": "semantic",
|
|
14926
14928
|
"scopes": ["borderColor"],
|
|
14927
14929
|
"codeSyntax": {
|
|
14928
|
-
"web": "var(--borderColor-
|
|
14930
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14929
14931
|
}
|
|
14930
14932
|
}
|
|
14931
14933
|
}
|
|
14932
14934
|
},
|
|
14933
|
-
"name": "borderColor-
|
|
14935
|
+
"name": "borderColor-danger-emphasis",
|
|
14934
14936
|
"attributes": {},
|
|
14935
|
-
"path": ["borderColor", "
|
|
14937
|
+
"path": ["borderColor", "danger", "emphasis"]
|
|
14936
14938
|
},
|
|
14937
14939
|
"borderColor-closed-muted": {
|
|
14938
14940
|
"value": "#ff818266",
|
|
@@ -15096,7 +15098,7 @@
|
|
|
15096
15098
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15097
15099
|
"isSource": true,
|
|
15098
15100
|
"original": {
|
|
15099
|
-
"value": "{
|
|
15101
|
+
"value": "{borderColor.done.muted}",
|
|
15100
15102
|
"$type": "color",
|
|
15101
15103
|
"$extensions": {
|
|
15102
15104
|
"org.primer.figma": {
|
|
@@ -15132,7 +15134,7 @@
|
|
|
15132
15134
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15133
15135
|
"isSource": true,
|
|
15134
15136
|
"original": {
|
|
15135
|
-
"value": "{
|
|
15137
|
+
"value": "{borderColor.done.emphasis}",
|
|
15136
15138
|
"$type": "color",
|
|
15137
15139
|
"$extensions": {
|
|
15138
15140
|
"org.primer.figma": {
|