@primer/primitives 8.2.4-rc.67dddfb7 → 8.2.4-rc.8aeeb948
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-high-contrast.css +72 -72
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +30 -30
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-high-contrast.json +91 -99
- package/dist/docs/functional/themes/light-colorblind.json +171 -165
- package/dist/docs/functional/themes/light-high-contrast.json +184 -188
- package/dist/docs/functional/themes/light-tritanopia.json +169 -163
- package/dist/docs/functional/themes/light.json +155 -157
- package/dist/figma/themes/dark-high-contrast.json +98 -99
- package/dist/figma/themes/light-colorblind.json +214 -213
- package/dist/figma/themes/light-high-contrast.json +169 -171
- package/dist/figma/themes/light-tritanopia.json +213 -212
- package/dist/figma/themes/light.json +134 -135
- package/dist/internalCss/dark-high-contrast.css +72 -72
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +30 -30
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-high-contrast.json +91 -99
- package/dist/styleLint/functional/themes/light-colorblind.json +171 -165
- package/dist/styleLint/functional/themes/light-high-contrast.json +184 -188
- package/dist/styleLint/functional/themes/light-tritanopia.json +169 -163
- package/dist/styleLint/functional/themes/light.json +155 -157
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +2 -108
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -46
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +6 -3
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +6 -3
- package/src/tokens/functional/color/light/primitives-light.json5 +62 -63
|
@@ -4855,10 +4855,10 @@
|
|
|
4855
4855
|
"path": ["control", "fgColor", "rest"]
|
|
4856
4856
|
},
|
|
4857
4857
|
"control-fgColor-placeholder": {
|
|
4858
|
-
"value": "#
|
|
4858
|
+
"value": "#616a75",
|
|
4859
4859
|
"$type": "color",
|
|
4860
4860
|
"mix": {
|
|
4861
|
-
"color": "#
|
|
4861
|
+
"color": "#4b535d",
|
|
4862
4862
|
"weight": 0.2
|
|
4863
4863
|
},
|
|
4864
4864
|
"$extensions": {
|
|
@@ -4869,13 +4869,13 @@
|
|
|
4869
4869
|
"scopes": ["fgColor"]
|
|
4870
4870
|
}
|
|
4871
4871
|
},
|
|
4872
|
-
"filePath": "src/tokens/functional/color/light/
|
|
4872
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
4873
4873
|
"isSource": true,
|
|
4874
4874
|
"original": {
|
|
4875
|
-
"value": "{base.color.neutral.
|
|
4875
|
+
"value": "{base.color.neutral.5}",
|
|
4876
4876
|
"$type": "color",
|
|
4877
4877
|
"mix": {
|
|
4878
|
-
"color": "{base.color.neutral.
|
|
4878
|
+
"color": "{base.color.neutral.6}",
|
|
4879
4879
|
"weight": 0.2
|
|
4880
4880
|
},
|
|
4881
4881
|
"$extensions": {
|
|
@@ -8234,7 +8234,7 @@
|
|
|
8234
8234
|
"path": ["button", "star", "iconColor"]
|
|
8235
8235
|
},
|
|
8236
8236
|
"buttonCounter-default-bgColor-rest": {
|
|
8237
|
-
"value": "#
|
|
8237
|
+
"value": "#66707b33",
|
|
8238
8238
|
"$type": "color",
|
|
8239
8239
|
"$extensions": {
|
|
8240
8240
|
"org.primer.figma": {
|
|
@@ -8265,7 +8265,7 @@
|
|
|
8265
8265
|
"path": ["buttonCounter", "default", "bgColor", "rest"]
|
|
8266
8266
|
},
|
|
8267
8267
|
"buttonCounter-invisible-bgColor-rest": {
|
|
8268
|
-
"value": "#
|
|
8268
|
+
"value": "#66707b33",
|
|
8269
8269
|
"$type": "color",
|
|
8270
8270
|
"$extensions": {
|
|
8271
8271
|
"org.primer.figma": {
|
|
@@ -12891,7 +12891,7 @@
|
|
|
12891
12891
|
"path": ["fgColor", "accent"]
|
|
12892
12892
|
},
|
|
12893
12893
|
"fgColor-success": {
|
|
12894
|
-
"value": "#
|
|
12894
|
+
"value": "#055d20",
|
|
12895
12895
|
"$type": "color",
|
|
12896
12896
|
"$extensions": {
|
|
12897
12897
|
"org.primer.figma": {
|
|
@@ -12904,10 +12904,10 @@
|
|
|
12904
12904
|
}
|
|
12905
12905
|
}
|
|
12906
12906
|
},
|
|
12907
|
-
"filePath": "src/tokens/functional/color/light/
|
|
12907
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12908
12908
|
"isSource": true,
|
|
12909
12909
|
"original": {
|
|
12910
|
-
"value": "{base.color.green.
|
|
12910
|
+
"value": "{base.color.green.5}",
|
|
12911
12911
|
"$type": "color",
|
|
12912
12912
|
"$extensions": {
|
|
12913
12913
|
"org.primer.figma": {
|
|
@@ -12925,8 +12925,8 @@
|
|
|
12925
12925
|
"attributes": {},
|
|
12926
12926
|
"path": ["fgColor", "success"]
|
|
12927
12927
|
},
|
|
12928
|
-
"fgColor-
|
|
12929
|
-
"value": "#
|
|
12928
|
+
"fgColor-attention": {
|
|
12929
|
+
"value": "#744500",
|
|
12930
12930
|
"$type": "color",
|
|
12931
12931
|
"$extensions": {
|
|
12932
12932
|
"org.primer.figma": {
|
|
@@ -12935,14 +12935,14 @@
|
|
|
12935
12935
|
"group": "semantic",
|
|
12936
12936
|
"scopes": ["fgColor"],
|
|
12937
12937
|
"codeSyntax": {
|
|
12938
|
-
"web": "var(--fgColor-
|
|
12938
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12939
12939
|
}
|
|
12940
12940
|
}
|
|
12941
12941
|
},
|
|
12942
12942
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12943
12943
|
"isSource": true,
|
|
12944
12944
|
"original": {
|
|
12945
|
-
"value": "{
|
|
12945
|
+
"value": "{base.color.yellow.5}",
|
|
12946
12946
|
"$type": "color",
|
|
12947
12947
|
"$extensions": {
|
|
12948
12948
|
"org.primer.figma": {
|
|
@@ -12951,17 +12951,17 @@
|
|
|
12951
12951
|
"group": "semantic",
|
|
12952
12952
|
"scopes": ["fgColor"],
|
|
12953
12953
|
"codeSyntax": {
|
|
12954
|
-
"web": "var(--fgColor-
|
|
12954
|
+
"web": "var(--fgColor-attention) /* utility class: .color-fg-attention */"
|
|
12955
12955
|
}
|
|
12956
12956
|
}
|
|
12957
12957
|
}
|
|
12958
12958
|
},
|
|
12959
|
-
"name": "fgColor-
|
|
12959
|
+
"name": "fgColor-attention",
|
|
12960
12960
|
"attributes": {},
|
|
12961
|
-
"path": ["fgColor", "
|
|
12961
|
+
"path": ["fgColor", "attention"]
|
|
12962
12962
|
},
|
|
12963
|
-
"fgColor-
|
|
12964
|
-
"value": "#
|
|
12963
|
+
"fgColor-severe": {
|
|
12964
|
+
"value": "#873800",
|
|
12965
12965
|
"$type": "color",
|
|
12966
12966
|
"$extensions": {
|
|
12967
12967
|
"org.primer.figma": {
|
|
@@ -12970,14 +12970,14 @@
|
|
|
12970
12970
|
"group": "semantic",
|
|
12971
12971
|
"scopes": ["fgColor"],
|
|
12972
12972
|
"codeSyntax": {
|
|
12973
|
-
"web": "var(--fgColor-
|
|
12973
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
12974
12974
|
}
|
|
12975
12975
|
}
|
|
12976
12976
|
},
|
|
12977
|
-
"filePath": "src/tokens/functional/color/light/
|
|
12977
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
12978
12978
|
"isSource": true,
|
|
12979
12979
|
"original": {
|
|
12980
|
-
"value": "{base.color.
|
|
12980
|
+
"value": "{base.color.orange.5}",
|
|
12981
12981
|
"$type": "color",
|
|
12982
12982
|
"$extensions": {
|
|
12983
12983
|
"org.primer.figma": {
|
|
@@ -12986,17 +12986,17 @@
|
|
|
12986
12986
|
"group": "semantic",
|
|
12987
12987
|
"scopes": ["fgColor"],
|
|
12988
12988
|
"codeSyntax": {
|
|
12989
|
-
"web": "var(--fgColor-
|
|
12989
|
+
"web": "var(--fgColor-severe) /* utility class: .color-fg-severe */"
|
|
12990
12990
|
}
|
|
12991
12991
|
}
|
|
12992
12992
|
}
|
|
12993
12993
|
},
|
|
12994
|
-
"name": "fgColor-
|
|
12994
|
+
"name": "fgColor-severe",
|
|
12995
12995
|
"attributes": {},
|
|
12996
|
-
"path": ["fgColor", "
|
|
12996
|
+
"path": ["fgColor", "severe"]
|
|
12997
12997
|
},
|
|
12998
|
-
"fgColor-
|
|
12999
|
-
"value": "#
|
|
12998
|
+
"fgColor-danger": {
|
|
12999
|
+
"value": "#8a071e",
|
|
13000
13000
|
"$type": "color",
|
|
13001
13001
|
"$extensions": {
|
|
13002
13002
|
"org.primer.figma": {
|
|
@@ -13005,14 +13005,18 @@
|
|
|
13005
13005
|
"group": "semantic",
|
|
13006
13006
|
"scopes": ["fgColor"],
|
|
13007
13007
|
"codeSyntax": {
|
|
13008
|
-
"web": "var(--fgColor-
|
|
13008
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13009
13009
|
}
|
|
13010
13010
|
}
|
|
13011
13011
|
},
|
|
13012
|
+
"mix": {
|
|
13013
|
+
"color": "#d5232c",
|
|
13014
|
+
"weight": 0.05
|
|
13015
|
+
},
|
|
13012
13016
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13013
13017
|
"isSource": true,
|
|
13014
13018
|
"original": {
|
|
13015
|
-
"value": "{base.color.
|
|
13019
|
+
"value": "{base.color.red.6}",
|
|
13016
13020
|
"$type": "color",
|
|
13017
13021
|
"$extensions": {
|
|
13018
13022
|
"org.primer.figma": {
|
|
@@ -13021,17 +13025,21 @@
|
|
|
13021
13025
|
"group": "semantic",
|
|
13022
13026
|
"scopes": ["fgColor"],
|
|
13023
13027
|
"codeSyntax": {
|
|
13024
|
-
"web": "var(--fgColor-
|
|
13028
|
+
"web": "var(--fgColor-danger) /* utility class: .color-fg-danger */"
|
|
13025
13029
|
}
|
|
13026
13030
|
}
|
|
13031
|
+
},
|
|
13032
|
+
"mix": {
|
|
13033
|
+
"color": "{base.color.red.4}",
|
|
13034
|
+
"weight": 0.05
|
|
13027
13035
|
}
|
|
13028
13036
|
},
|
|
13029
|
-
"name": "fgColor-
|
|
13037
|
+
"name": "fgColor-danger",
|
|
13030
13038
|
"attributes": {},
|
|
13031
|
-
"path": ["fgColor", "
|
|
13039
|
+
"path": ["fgColor", "danger"]
|
|
13032
13040
|
},
|
|
13033
|
-
"fgColor-
|
|
13034
|
-
"value": "#
|
|
13041
|
+
"fgColor-open": {
|
|
13042
|
+
"value": "#055d20",
|
|
13035
13043
|
"$type": "color",
|
|
13036
13044
|
"$extensions": {
|
|
13037
13045
|
"org.primer.figma": {
|
|
@@ -13040,18 +13048,14 @@
|
|
|
13040
13048
|
"group": "semantic",
|
|
13041
13049
|
"scopes": ["fgColor"],
|
|
13042
13050
|
"codeSyntax": {
|
|
13043
|
-
"web": "var(--fgColor-
|
|
13051
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13044
13052
|
}
|
|
13045
13053
|
}
|
|
13046
13054
|
},
|
|
13047
|
-
"
|
|
13048
|
-
"color": "#d5232c",
|
|
13049
|
-
"weight": 0.05
|
|
13050
|
-
},
|
|
13051
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13055
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13052
13056
|
"isSource": true,
|
|
13053
13057
|
"original": {
|
|
13054
|
-
"value": "{
|
|
13058
|
+
"value": "{fgColor.success}",
|
|
13055
13059
|
"$type": "color",
|
|
13056
13060
|
"$extensions": {
|
|
13057
13061
|
"org.primer.figma": {
|
|
@@ -13060,18 +13064,14 @@
|
|
|
13060
13064
|
"group": "semantic",
|
|
13061
13065
|
"scopes": ["fgColor"],
|
|
13062
13066
|
"codeSyntax": {
|
|
13063
|
-
"web": "var(--fgColor-
|
|
13067
|
+
"web": "var(--fgColor-open) /* utility class: .color-fg-open */"
|
|
13064
13068
|
}
|
|
13065
13069
|
}
|
|
13066
|
-
},
|
|
13067
|
-
"mix": {
|
|
13068
|
-
"color": "{base.color.red.4}",
|
|
13069
|
-
"weight": 0.05
|
|
13070
13070
|
}
|
|
13071
13071
|
},
|
|
13072
|
-
"name": "fgColor-
|
|
13072
|
+
"name": "fgColor-open",
|
|
13073
13073
|
"attributes": {},
|
|
13074
|
-
"path": ["fgColor", "
|
|
13074
|
+
"path": ["fgColor", "open"]
|
|
13075
13075
|
},
|
|
13076
13076
|
"fgColor-closed": {
|
|
13077
13077
|
"value": "#8a071e",
|
|
@@ -13109,7 +13109,7 @@
|
|
|
13109
13109
|
"path": ["fgColor", "closed"]
|
|
13110
13110
|
},
|
|
13111
13111
|
"fgColor-done": {
|
|
13112
|
-
"value": "#
|
|
13112
|
+
"value": "#622cbc",
|
|
13113
13113
|
"$type": "color",
|
|
13114
13114
|
"$extensions": {
|
|
13115
13115
|
"org.primer.figma": {
|
|
@@ -13122,10 +13122,10 @@
|
|
|
13122
13122
|
}
|
|
13123
13123
|
}
|
|
13124
13124
|
},
|
|
13125
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13125
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13126
13126
|
"isSource": true,
|
|
13127
13127
|
"original": {
|
|
13128
|
-
"value": "{base.color.purple.
|
|
13128
|
+
"value": "{base.color.purple.5}",
|
|
13129
13129
|
"$type": "color",
|
|
13130
13130
|
"$extensions": {
|
|
13131
13131
|
"org.primer.figma": {
|
|
@@ -13144,7 +13144,7 @@
|
|
|
13144
13144
|
"path": ["fgColor", "done"]
|
|
13145
13145
|
},
|
|
13146
13146
|
"fgColor-upsell": {
|
|
13147
|
-
"value": "#
|
|
13147
|
+
"value": "#622cbc",
|
|
13148
13148
|
"$type": "color",
|
|
13149
13149
|
"$extensions": {
|
|
13150
13150
|
"org.primer.figma": {
|
|
@@ -13160,7 +13160,7 @@
|
|
|
13160
13160
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13161
13161
|
"isSource": true,
|
|
13162
13162
|
"original": {
|
|
13163
|
-
"value": "{
|
|
13163
|
+
"value": "{base.color.purple.5}",
|
|
13164
13164
|
"$type": "color",
|
|
13165
13165
|
"$extensions": {
|
|
13166
13166
|
"org.primer.figma": {
|
|
@@ -13179,7 +13179,7 @@
|
|
|
13179
13179
|
"path": ["fgColor", "upsell"]
|
|
13180
13180
|
},
|
|
13181
13181
|
"fgColor-sponsors": {
|
|
13182
|
-
"value": "#
|
|
13182
|
+
"value": "#971368",
|
|
13183
13183
|
"$type": "color",
|
|
13184
13184
|
"$extensions": {
|
|
13185
13185
|
"org.primer.figma": {
|
|
@@ -13192,10 +13192,10 @@
|
|
|
13192
13192
|
}
|
|
13193
13193
|
}
|
|
13194
13194
|
},
|
|
13195
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13195
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13196
13196
|
"isSource": true,
|
|
13197
13197
|
"original": {
|
|
13198
|
-
"value": "{base.color.pink.
|
|
13198
|
+
"value": "{base.color.pink.5}",
|
|
13199
13199
|
"$type": "color",
|
|
13200
13200
|
"$extensions": {
|
|
13201
13201
|
"org.primer.figma": {
|
|
@@ -13538,7 +13538,7 @@
|
|
|
13538
13538
|
"path": ["bgColor", "neutral", "muted"]
|
|
13539
13539
|
},
|
|
13540
13540
|
"bgColor-neutral-emphasis": {
|
|
13541
|
-
"value": "#
|
|
13541
|
+
"value": "#66707b",
|
|
13542
13542
|
"$type": "color",
|
|
13543
13543
|
"$extensions": {
|
|
13544
13544
|
"org.primer.figma": {
|
|
@@ -13548,11 +13548,10 @@
|
|
|
13548
13548
|
"scopes": ["bgColor"]
|
|
13549
13549
|
}
|
|
13550
13550
|
},
|
|
13551
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13551
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13552
13552
|
"isSource": true,
|
|
13553
|
-
"alpha": 1,
|
|
13554
13553
|
"original": {
|
|
13555
|
-
"value": "{base.color.neutral.
|
|
13554
|
+
"value": "{base.color.neutral.5}",
|
|
13556
13555
|
"$type": "color",
|
|
13557
13556
|
"$extensions": {
|
|
13558
13557
|
"org.primer.figma": {
|
|
@@ -13561,8 +13560,7 @@
|
|
|
13561
13560
|
"group": "semantic",
|
|
13562
13561
|
"scopes": ["bgColor"]
|
|
13563
13562
|
}
|
|
13564
|
-
}
|
|
13565
|
-
"alpha": 1
|
|
13563
|
+
}
|
|
13566
13564
|
},
|
|
13567
13565
|
"name": "bgColor-neutral-emphasis",
|
|
13568
13566
|
"attributes": {},
|
|
@@ -13710,8 +13708,8 @@
|
|
|
13710
13708
|
"attributes": {},
|
|
13711
13709
|
"path": ["bgColor", "success", "emphasis"]
|
|
13712
13710
|
},
|
|
13713
|
-
"bgColor-
|
|
13714
|
-
"value": "#
|
|
13711
|
+
"bgColor-attention-muted": {
|
|
13712
|
+
"value": "#fcf7be",
|
|
13715
13713
|
"$type": "color",
|
|
13716
13714
|
"$extensions": {
|
|
13717
13715
|
"org.primer.figma": {
|
|
@@ -13720,14 +13718,14 @@
|
|
|
13720
13718
|
"group": "semantic",
|
|
13721
13719
|
"scopes": ["bgColor"],
|
|
13722
13720
|
"codeSyntax": {
|
|
13723
|
-
"web": "var(--bgColor-
|
|
13721
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13724
13722
|
}
|
|
13725
13723
|
}
|
|
13726
13724
|
},
|
|
13727
13725
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13728
13726
|
"isSource": true,
|
|
13729
13727
|
"original": {
|
|
13730
|
-
"value": "{
|
|
13728
|
+
"value": "{base.color.yellow.0}",
|
|
13731
13729
|
"$type": "color",
|
|
13732
13730
|
"$extensions": {
|
|
13733
13731
|
"org.primer.figma": {
|
|
@@ -13736,17 +13734,17 @@
|
|
|
13736
13734
|
"group": "semantic",
|
|
13737
13735
|
"scopes": ["bgColor"],
|
|
13738
13736
|
"codeSyntax": {
|
|
13739
|
-
"web": "var(--bgColor-
|
|
13737
|
+
"web": "var(--bgColor-attention-muted) /* utility class: .color-bg-attention */"
|
|
13740
13738
|
}
|
|
13741
13739
|
}
|
|
13742
13740
|
}
|
|
13743
13741
|
},
|
|
13744
|
-
"name": "bgColor-
|
|
13742
|
+
"name": "bgColor-attention-muted",
|
|
13745
13743
|
"attributes": {},
|
|
13746
|
-
"path": ["bgColor", "
|
|
13744
|
+
"path": ["bgColor", "attention", "muted"]
|
|
13747
13745
|
},
|
|
13748
|
-
"bgColor-
|
|
13749
|
-
"value": "#
|
|
13746
|
+
"bgColor-attention-emphasis": {
|
|
13747
|
+
"value": "#744500",
|
|
13750
13748
|
"$type": "color",
|
|
13751
13749
|
"$extensions": {
|
|
13752
13750
|
"org.primer.figma": {
|
|
@@ -13755,14 +13753,14 @@
|
|
|
13755
13753
|
"group": "semantic",
|
|
13756
13754
|
"scopes": ["bgColor"],
|
|
13757
13755
|
"codeSyntax": {
|
|
13758
|
-
"web": "var(--bgColor-
|
|
13756
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13759
13757
|
}
|
|
13760
13758
|
}
|
|
13761
13759
|
},
|
|
13762
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13760
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
13763
13761
|
"isSource": true,
|
|
13764
13762
|
"original": {
|
|
13765
|
-
"value": "{
|
|
13763
|
+
"value": "{base.color.yellow.5}",
|
|
13766
13764
|
"$type": "color",
|
|
13767
13765
|
"$extensions": {
|
|
13768
13766
|
"org.primer.figma": {
|
|
@@ -13771,17 +13769,17 @@
|
|
|
13771
13769
|
"group": "semantic",
|
|
13772
13770
|
"scopes": ["bgColor"],
|
|
13773
13771
|
"codeSyntax": {
|
|
13774
|
-
"web": "var(--bgColor-
|
|
13772
|
+
"web": "var(--bgColor-attention-emphasis) /* utility class: .color-bg-attention-emphasis */"
|
|
13775
13773
|
}
|
|
13776
13774
|
}
|
|
13777
13775
|
}
|
|
13778
13776
|
},
|
|
13779
|
-
"name": "bgColor-
|
|
13777
|
+
"name": "bgColor-attention-emphasis",
|
|
13780
13778
|
"attributes": {},
|
|
13781
|
-
"path": ["bgColor", "
|
|
13779
|
+
"path": ["bgColor", "attention", "emphasis"]
|
|
13782
13780
|
},
|
|
13783
|
-
"bgColor-
|
|
13784
|
-
"value": "#
|
|
13781
|
+
"bgColor-severe-muted": {
|
|
13782
|
+
"value": "#fff2d5",
|
|
13785
13783
|
"$type": "color",
|
|
13786
13784
|
"$extensions": {
|
|
13787
13785
|
"org.primer.figma": {
|
|
@@ -13790,14 +13788,14 @@
|
|
|
13790
13788
|
"group": "semantic",
|
|
13791
13789
|
"scopes": ["bgColor"],
|
|
13792
13790
|
"codeSyntax": {
|
|
13793
|
-
"web": "var(--bgColor-
|
|
13791
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13794
13792
|
}
|
|
13795
13793
|
}
|
|
13796
13794
|
},
|
|
13797
13795
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13798
13796
|
"isSource": true,
|
|
13799
13797
|
"original": {
|
|
13800
|
-
"value": "{base.color.
|
|
13798
|
+
"value": "{base.color.orange.0}",
|
|
13801
13799
|
"$type": "color",
|
|
13802
13800
|
"$extensions": {
|
|
13803
13801
|
"org.primer.figma": {
|
|
@@ -13806,17 +13804,17 @@
|
|
|
13806
13804
|
"group": "semantic",
|
|
13807
13805
|
"scopes": ["bgColor"],
|
|
13808
13806
|
"codeSyntax": {
|
|
13809
|
-
"web": "var(--bgColor-
|
|
13807
|
+
"web": "var(--bgColor-severe-muted) /* utility class: .color-bg-severe */"
|
|
13810
13808
|
}
|
|
13811
13809
|
}
|
|
13812
13810
|
}
|
|
13813
13811
|
},
|
|
13814
|
-
"name": "bgColor-
|
|
13812
|
+
"name": "bgColor-severe-muted",
|
|
13815
13813
|
"attributes": {},
|
|
13816
|
-
"path": ["bgColor", "
|
|
13814
|
+
"path": ["bgColor", "severe", "muted"]
|
|
13817
13815
|
},
|
|
13818
|
-
"bgColor-
|
|
13819
|
-
"value": "#
|
|
13816
|
+
"bgColor-severe-emphasis": {
|
|
13817
|
+
"value": "#873800",
|
|
13820
13818
|
"$type": "color",
|
|
13821
13819
|
"$extensions": {
|
|
13822
13820
|
"org.primer.figma": {
|
|
@@ -13825,14 +13823,14 @@
|
|
|
13825
13823
|
"group": "semantic",
|
|
13826
13824
|
"scopes": ["bgColor"],
|
|
13827
13825
|
"codeSyntax": {
|
|
13828
|
-
"web": "var(--bgColor-
|
|
13826
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13829
13827
|
}
|
|
13830
13828
|
}
|
|
13831
13829
|
},
|
|
13832
|
-
"filePath": "src/tokens/functional/color/light/
|
|
13830
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13833
13831
|
"isSource": true,
|
|
13834
13832
|
"original": {
|
|
13835
|
-
"value": "{base.color.
|
|
13833
|
+
"value": "{base.color.orange.5}",
|
|
13836
13834
|
"$type": "color",
|
|
13837
13835
|
"$extensions": {
|
|
13838
13836
|
"org.primer.figma": {
|
|
@@ -13841,17 +13839,17 @@
|
|
|
13841
13839
|
"group": "semantic",
|
|
13842
13840
|
"scopes": ["bgColor"],
|
|
13843
13841
|
"codeSyntax": {
|
|
13844
|
-
"web": "var(--bgColor-
|
|
13842
|
+
"web": "var(--bgColor-severe-emphasis) /* utility class: .color-bg-severe-emphasis */"
|
|
13845
13843
|
}
|
|
13846
13844
|
}
|
|
13847
13845
|
}
|
|
13848
13846
|
},
|
|
13849
|
-
"name": "bgColor-
|
|
13847
|
+
"name": "bgColor-severe-emphasis",
|
|
13850
13848
|
"attributes": {},
|
|
13851
|
-
"path": ["bgColor", "
|
|
13849
|
+
"path": ["bgColor", "severe", "emphasis"]
|
|
13852
13850
|
},
|
|
13853
|
-
"bgColor-
|
|
13854
|
-
"value": "#
|
|
13851
|
+
"bgColor-danger-muted": {
|
|
13852
|
+
"value": "#fff0ee",
|
|
13855
13853
|
"$type": "color",
|
|
13856
13854
|
"$extensions": {
|
|
13857
13855
|
"org.primer.figma": {
|
|
@@ -13860,14 +13858,14 @@
|
|
|
13860
13858
|
"group": "semantic",
|
|
13861
13859
|
"scopes": ["bgColor"],
|
|
13862
13860
|
"codeSyntax": {
|
|
13863
|
-
"web": "var(--bgColor-
|
|
13861
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13864
13862
|
}
|
|
13865
13863
|
}
|
|
13866
13864
|
},
|
|
13867
13865
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13868
13866
|
"isSource": true,
|
|
13869
13867
|
"original": {
|
|
13870
|
-
"value": "{base.color.
|
|
13868
|
+
"value": "{base.color.red.0}",
|
|
13871
13869
|
"$type": "color",
|
|
13872
13870
|
"$extensions": {
|
|
13873
13871
|
"org.primer.figma": {
|
|
@@ -13876,17 +13874,17 @@
|
|
|
13876
13874
|
"group": "semantic",
|
|
13877
13875
|
"scopes": ["bgColor"],
|
|
13878
13876
|
"codeSyntax": {
|
|
13879
|
-
"web": "var(--bgColor-
|
|
13877
|
+
"web": "var(--bgColor-danger-muted) /* utility class: .color-bg-danger */"
|
|
13880
13878
|
}
|
|
13881
13879
|
}
|
|
13882
13880
|
}
|
|
13883
13881
|
},
|
|
13884
|
-
"name": "bgColor-
|
|
13882
|
+
"name": "bgColor-danger-muted",
|
|
13885
13883
|
"attributes": {},
|
|
13886
|
-
"path": ["bgColor", "
|
|
13884
|
+
"path": ["bgColor", "danger", "muted"]
|
|
13887
13885
|
},
|
|
13888
|
-
"bgColor-
|
|
13889
|
-
"value": "#
|
|
13886
|
+
"bgColor-danger-emphasis": {
|
|
13887
|
+
"value": "#a0111f",
|
|
13890
13888
|
"$type": "color",
|
|
13891
13889
|
"$extensions": {
|
|
13892
13890
|
"org.primer.figma": {
|
|
@@ -13895,14 +13893,14 @@
|
|
|
13895
13893
|
"group": "semantic",
|
|
13896
13894
|
"scopes": ["bgColor"],
|
|
13897
13895
|
"codeSyntax": {
|
|
13898
|
-
"web": "var(--bgColor-
|
|
13896
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13899
13897
|
}
|
|
13900
13898
|
}
|
|
13901
13899
|
},
|
|
13902
13900
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13903
13901
|
"isSource": true,
|
|
13904
13902
|
"original": {
|
|
13905
|
-
"value": "{base.color.
|
|
13903
|
+
"value": "{base.color.red.5}",
|
|
13906
13904
|
"$type": "color",
|
|
13907
13905
|
"$extensions": {
|
|
13908
13906
|
"org.primer.figma": {
|
|
@@ -13911,17 +13909,17 @@
|
|
|
13911
13909
|
"group": "semantic",
|
|
13912
13910
|
"scopes": ["bgColor"],
|
|
13913
13911
|
"codeSyntax": {
|
|
13914
|
-
"web": "var(--bgColor-
|
|
13912
|
+
"web": "var(--bgColor-danger-emphasis) /* utility class: .color-bg-danger-emphasis */"
|
|
13915
13913
|
}
|
|
13916
13914
|
}
|
|
13917
13915
|
}
|
|
13918
13916
|
},
|
|
13919
|
-
"name": "bgColor-
|
|
13917
|
+
"name": "bgColor-danger-emphasis",
|
|
13920
13918
|
"attributes": {},
|
|
13921
|
-
"path": ["bgColor", "
|
|
13919
|
+
"path": ["bgColor", "danger", "emphasis"]
|
|
13922
13920
|
},
|
|
13923
|
-
"bgColor-
|
|
13924
|
-
"value": "#
|
|
13921
|
+
"bgColor-open-muted": {
|
|
13922
|
+
"value": "#d2fedb",
|
|
13925
13923
|
"$type": "color",
|
|
13926
13924
|
"$extensions": {
|
|
13927
13925
|
"org.primer.figma": {
|
|
@@ -13930,14 +13928,14 @@
|
|
|
13930
13928
|
"group": "semantic",
|
|
13931
13929
|
"scopes": ["bgColor"],
|
|
13932
13930
|
"codeSyntax": {
|
|
13933
|
-
"web": "var(--bgColor-
|
|
13931
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13934
13932
|
}
|
|
13935
13933
|
}
|
|
13936
13934
|
},
|
|
13937
13935
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13938
13936
|
"isSource": true,
|
|
13939
13937
|
"original": {
|
|
13940
|
-
"value": "{
|
|
13938
|
+
"value": "{bgColor.success.muted}",
|
|
13941
13939
|
"$type": "color",
|
|
13942
13940
|
"$extensions": {
|
|
13943
13941
|
"org.primer.figma": {
|
|
@@ -13946,17 +13944,17 @@
|
|
|
13946
13944
|
"group": "semantic",
|
|
13947
13945
|
"scopes": ["bgColor"],
|
|
13948
13946
|
"codeSyntax": {
|
|
13949
|
-
"web": "var(--bgColor-
|
|
13947
|
+
"web": "var(--bgColor-success-muted) /* utility class: .color-bg-success */"
|
|
13950
13948
|
}
|
|
13951
13949
|
}
|
|
13952
13950
|
}
|
|
13953
13951
|
},
|
|
13954
|
-
"name": "bgColor-
|
|
13952
|
+
"name": "bgColor-open-muted",
|
|
13955
13953
|
"attributes": {},
|
|
13956
|
-
"path": ["bgColor", "
|
|
13954
|
+
"path": ["bgColor", "open", "muted"]
|
|
13957
13955
|
},
|
|
13958
|
-
"bgColor-
|
|
13959
|
-
"value": "#
|
|
13956
|
+
"bgColor-open-emphasis": {
|
|
13957
|
+
"value": "#055d20",
|
|
13960
13958
|
"$type": "color",
|
|
13961
13959
|
"$extensions": {
|
|
13962
13960
|
"org.primer.figma": {
|
|
@@ -13965,14 +13963,14 @@
|
|
|
13965
13963
|
"group": "semantic",
|
|
13966
13964
|
"scopes": ["bgColor"],
|
|
13967
13965
|
"codeSyntax": {
|
|
13968
|
-
"web": "var(--bgColor-
|
|
13966
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13969
13967
|
}
|
|
13970
13968
|
}
|
|
13971
13969
|
},
|
|
13972
13970
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
13973
13971
|
"isSource": true,
|
|
13974
13972
|
"original": {
|
|
13975
|
-
"value": "{
|
|
13973
|
+
"value": "{bgColor.success.emphasis}",
|
|
13976
13974
|
"$type": "color",
|
|
13977
13975
|
"$extensions": {
|
|
13978
13976
|
"org.primer.figma": {
|
|
@@ -13981,14 +13979,14 @@
|
|
|
13981
13979
|
"group": "semantic",
|
|
13982
13980
|
"scopes": ["bgColor"],
|
|
13983
13981
|
"codeSyntax": {
|
|
13984
|
-
"web": "var(--bgColor-
|
|
13982
|
+
"web": "var(--bgColor-success-emphasis) /* utility class: .color-bg-success-emphasis */"
|
|
13985
13983
|
}
|
|
13986
13984
|
}
|
|
13987
13985
|
}
|
|
13988
13986
|
},
|
|
13989
|
-
"name": "bgColor-
|
|
13987
|
+
"name": "bgColor-open-emphasis",
|
|
13990
13988
|
"attributes": {},
|
|
13991
|
-
"path": ["bgColor", "
|
|
13989
|
+
"path": ["bgColor", "open", "emphasis"]
|
|
13992
13990
|
},
|
|
13993
13991
|
"bgColor-closed-muted": {
|
|
13994
13992
|
"value": "#fff0ee",
|
|
@@ -14007,7 +14005,7 @@
|
|
|
14007
14005
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14008
14006
|
"isSource": true,
|
|
14009
14007
|
"original": {
|
|
14010
|
-
"value": "{
|
|
14008
|
+
"value": "{base.color.red.0}",
|
|
14011
14009
|
"$type": "color",
|
|
14012
14010
|
"$extensions": {
|
|
14013
14011
|
"org.primer.figma": {
|
|
@@ -14042,7 +14040,7 @@
|
|
|
14042
14040
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14043
14041
|
"isSource": true,
|
|
14044
14042
|
"original": {
|
|
14045
|
-
"value": "{
|
|
14043
|
+
"value": "{base.color.red.5}",
|
|
14046
14044
|
"$type": "color",
|
|
14047
14045
|
"$extensions": {
|
|
14048
14046
|
"org.primer.figma": {
|
|
@@ -14147,7 +14145,7 @@
|
|
|
14147
14145
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14148
14146
|
"isSource": true,
|
|
14149
14147
|
"original": {
|
|
14150
|
-
"value": "{
|
|
14148
|
+
"value": "{base.color.purple.0}",
|
|
14151
14149
|
"$type": "color",
|
|
14152
14150
|
"$extensions": {
|
|
14153
14151
|
"org.primer.figma": {
|
|
@@ -14182,7 +14180,7 @@
|
|
|
14182
14180
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14183
14181
|
"isSource": true,
|
|
14184
14182
|
"original": {
|
|
14185
|
-
"value": "{
|
|
14183
|
+
"value": "{base.color.purple.5}",
|
|
14186
14184
|
"$type": "color",
|
|
14187
14185
|
"$extensions": {
|
|
14188
14186
|
"org.primer.figma": {
|
|
@@ -14664,8 +14662,8 @@
|
|
|
14664
14662
|
"attributes": {},
|
|
14665
14663
|
"path": ["borderColor", "success", "emphasis"]
|
|
14666
14664
|
},
|
|
14667
|
-
"borderColor-
|
|
14668
|
-
"value": "#
|
|
14665
|
+
"borderColor-attention-muted": {
|
|
14666
|
+
"value": "#b58407",
|
|
14669
14667
|
"$type": "color",
|
|
14670
14668
|
"$extensions": {
|
|
14671
14669
|
"org.primer.figma": {
|
|
@@ -14674,7 +14672,7 @@
|
|
|
14674
14672
|
"group": "semantic",
|
|
14675
14673
|
"scopes": ["borderColor"],
|
|
14676
14674
|
"codeSyntax": {
|
|
14677
|
-
"web": "var(--borderColor-
|
|
14675
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14678
14676
|
}
|
|
14679
14677
|
}
|
|
14680
14678
|
},
|
|
@@ -14682,7 +14680,7 @@
|
|
|
14682
14680
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14683
14681
|
"isSource": true,
|
|
14684
14682
|
"original": {
|
|
14685
|
-
"value": "{
|
|
14683
|
+
"value": "{base.color.yellow.3}",
|
|
14686
14684
|
"$type": "color",
|
|
14687
14685
|
"$extensions": {
|
|
14688
14686
|
"org.primer.figma": {
|
|
@@ -14691,18 +14689,18 @@
|
|
|
14691
14689
|
"group": "semantic",
|
|
14692
14690
|
"scopes": ["borderColor"],
|
|
14693
14691
|
"codeSyntax": {
|
|
14694
|
-
"web": "var(--borderColor-
|
|
14692
|
+
"web": "var(--borderColor-attention-muted) /* utility class: .color-border-attention */"
|
|
14695
14693
|
}
|
|
14696
14694
|
}
|
|
14697
14695
|
},
|
|
14698
14696
|
"alpha": 1
|
|
14699
14697
|
},
|
|
14700
|
-
"name": "borderColor-
|
|
14698
|
+
"name": "borderColor-attention-muted",
|
|
14701
14699
|
"attributes": {},
|
|
14702
|
-
"path": ["borderColor", "
|
|
14700
|
+
"path": ["borderColor", "attention", "muted"]
|
|
14703
14701
|
},
|
|
14704
|
-
"borderColor-
|
|
14705
|
-
"value": "#
|
|
14702
|
+
"borderColor-attention-emphasis": {
|
|
14703
|
+
"value": "#744500",
|
|
14706
14704
|
"$type": "color",
|
|
14707
14705
|
"$extensions": {
|
|
14708
14706
|
"org.primer.figma": {
|
|
@@ -14711,14 +14709,14 @@
|
|
|
14711
14709
|
"group": "semantic",
|
|
14712
14710
|
"scopes": ["borderColor"],
|
|
14713
14711
|
"codeSyntax": {
|
|
14714
|
-
"web": "var(--borderColor-
|
|
14712
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14715
14713
|
}
|
|
14716
14714
|
}
|
|
14717
14715
|
},
|
|
14718
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14716
|
+
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14719
14717
|
"isSource": true,
|
|
14720
14718
|
"original": {
|
|
14721
|
-
"value": "{
|
|
14719
|
+
"value": "{base.color.yellow.5}",
|
|
14722
14720
|
"$type": "color",
|
|
14723
14721
|
"$extensions": {
|
|
14724
14722
|
"org.primer.figma": {
|
|
@@ -14727,17 +14725,17 @@
|
|
|
14727
14725
|
"group": "semantic",
|
|
14728
14726
|
"scopes": ["borderColor"],
|
|
14729
14727
|
"codeSyntax": {
|
|
14730
|
-
"web": "var(--borderColor-
|
|
14728
|
+
"web": "var(--borderColor-attention-emphasis) /* utility class: .color-border-attention-emphasis */"
|
|
14731
14729
|
}
|
|
14732
14730
|
}
|
|
14733
14731
|
}
|
|
14734
14732
|
},
|
|
14735
|
-
"name": "borderColor-
|
|
14733
|
+
"name": "borderColor-attention-emphasis",
|
|
14736
14734
|
"attributes": {},
|
|
14737
|
-
"path": ["borderColor", "
|
|
14735
|
+
"path": ["borderColor", "attention", "emphasis"]
|
|
14738
14736
|
},
|
|
14739
|
-
"borderColor-
|
|
14740
|
-
"value": "#
|
|
14737
|
+
"borderColor-severe-muted": {
|
|
14738
|
+
"value": "#dc6d1a",
|
|
14741
14739
|
"$type": "color",
|
|
14742
14740
|
"$extensions": {
|
|
14743
14741
|
"org.primer.figma": {
|
|
@@ -14746,7 +14744,7 @@
|
|
|
14746
14744
|
"group": "semantic",
|
|
14747
14745
|
"scopes": ["borderColor"],
|
|
14748
14746
|
"codeSyntax": {
|
|
14749
|
-
"web": "var(--borderColor-
|
|
14747
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14750
14748
|
}
|
|
14751
14749
|
}
|
|
14752
14750
|
},
|
|
@@ -14754,7 +14752,7 @@
|
|
|
14754
14752
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14755
14753
|
"isSource": true,
|
|
14756
14754
|
"original": {
|
|
14757
|
-
"value": "{base.color.
|
|
14755
|
+
"value": "{base.color.orange.3}",
|
|
14758
14756
|
"$type": "color",
|
|
14759
14757
|
"$extensions": {
|
|
14760
14758
|
"org.primer.figma": {
|
|
@@ -14763,18 +14761,18 @@
|
|
|
14763
14761
|
"group": "semantic",
|
|
14764
14762
|
"scopes": ["borderColor"],
|
|
14765
14763
|
"codeSyntax": {
|
|
14766
|
-
"web": "var(--borderColor-
|
|
14764
|
+
"web": "var(--borderColor-severe-muted) /* utility class: .color-border-severe */"
|
|
14767
14765
|
}
|
|
14768
14766
|
}
|
|
14769
14767
|
},
|
|
14770
14768
|
"alpha": 1
|
|
14771
14769
|
},
|
|
14772
|
-
"name": "borderColor-
|
|
14770
|
+
"name": "borderColor-severe-muted",
|
|
14773
14771
|
"attributes": {},
|
|
14774
|
-
"path": ["borderColor", "
|
|
14772
|
+
"path": ["borderColor", "severe", "muted"]
|
|
14775
14773
|
},
|
|
14776
|
-
"borderColor-
|
|
14777
|
-
"value": "#
|
|
14774
|
+
"borderColor-severe-emphasis": {
|
|
14775
|
+
"value": "#873800",
|
|
14778
14776
|
"$type": "color",
|
|
14779
14777
|
"$extensions": {
|
|
14780
14778
|
"org.primer.figma": {
|
|
@@ -14783,14 +14781,14 @@
|
|
|
14783
14781
|
"group": "semantic",
|
|
14784
14782
|
"scopes": ["borderColor"],
|
|
14785
14783
|
"codeSyntax": {
|
|
14786
|
-
"web": "var(--borderColor-
|
|
14784
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14787
14785
|
}
|
|
14788
14786
|
}
|
|
14789
14787
|
},
|
|
14790
|
-
"filePath": "src/tokens/functional/color/light/
|
|
14788
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14791
14789
|
"isSource": true,
|
|
14792
14790
|
"original": {
|
|
14793
|
-
"value": "{base.color.
|
|
14791
|
+
"value": "{base.color.orange.5}",
|
|
14794
14792
|
"$type": "color",
|
|
14795
14793
|
"$extensions": {
|
|
14796
14794
|
"org.primer.figma": {
|
|
@@ -14799,17 +14797,17 @@
|
|
|
14799
14797
|
"group": "semantic",
|
|
14800
14798
|
"scopes": ["borderColor"],
|
|
14801
14799
|
"codeSyntax": {
|
|
14802
|
-
"web": "var(--borderColor-
|
|
14800
|
+
"web": "var(--borderColor-severe-emphasis) /* utility class: .color-border-severe-emphasis */"
|
|
14803
14801
|
}
|
|
14804
14802
|
}
|
|
14805
14803
|
}
|
|
14806
14804
|
},
|
|
14807
|
-
"name": "borderColor-
|
|
14805
|
+
"name": "borderColor-severe-emphasis",
|
|
14808
14806
|
"attributes": {},
|
|
14809
|
-
"path": ["borderColor", "
|
|
14807
|
+
"path": ["borderColor", "severe", "emphasis"]
|
|
14810
14808
|
},
|
|
14811
|
-
"borderColor-
|
|
14812
|
-
"value": "#
|
|
14809
|
+
"borderColor-danger-muted": {
|
|
14810
|
+
"value": "#ee5a5d",
|
|
14813
14811
|
"$type": "color",
|
|
14814
14812
|
"$extensions": {
|
|
14815
14813
|
"org.primer.figma": {
|
|
@@ -14818,7 +14816,7 @@
|
|
|
14818
14816
|
"group": "semantic",
|
|
14819
14817
|
"scopes": ["borderColor"],
|
|
14820
14818
|
"codeSyntax": {
|
|
14821
|
-
"web": "var(--borderColor-
|
|
14819
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14822
14820
|
}
|
|
14823
14821
|
}
|
|
14824
14822
|
},
|
|
@@ -14826,7 +14824,7 @@
|
|
|
14826
14824
|
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14827
14825
|
"isSource": true,
|
|
14828
14826
|
"original": {
|
|
14829
|
-
"value": "{base.color.
|
|
14827
|
+
"value": "{base.color.red.3}",
|
|
14830
14828
|
"$type": "color",
|
|
14831
14829
|
"$extensions": {
|
|
14832
14830
|
"org.primer.figma": {
|
|
@@ -14835,18 +14833,18 @@
|
|
|
14835
14833
|
"group": "semantic",
|
|
14836
14834
|
"scopes": ["borderColor"],
|
|
14837
14835
|
"codeSyntax": {
|
|
14838
|
-
"web": "var(--borderColor-
|
|
14836
|
+
"web": "var(--borderColor-danger-muted) /* utility class: .color-border-danger */"
|
|
14839
14837
|
}
|
|
14840
14838
|
}
|
|
14841
14839
|
},
|
|
14842
14840
|
"alpha": 1
|
|
14843
14841
|
},
|
|
14844
|
-
"name": "borderColor-
|
|
14842
|
+
"name": "borderColor-danger-muted",
|
|
14845
14843
|
"attributes": {},
|
|
14846
|
-
"path": ["borderColor", "
|
|
14844
|
+
"path": ["borderColor", "danger", "muted"]
|
|
14847
14845
|
},
|
|
14848
|
-
"borderColor-
|
|
14849
|
-
"value": "#
|
|
14846
|
+
"borderColor-danger-emphasis": {
|
|
14847
|
+
"value": "#a0111f",
|
|
14850
14848
|
"$type": "color",
|
|
14851
14849
|
"$extensions": {
|
|
14852
14850
|
"org.primer.figma": {
|
|
@@ -14855,14 +14853,14 @@
|
|
|
14855
14853
|
"group": "semantic",
|
|
14856
14854
|
"scopes": ["borderColor"],
|
|
14857
14855
|
"codeSyntax": {
|
|
14858
|
-
"web": "var(--borderColor-
|
|
14856
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14859
14857
|
}
|
|
14860
14858
|
}
|
|
14861
14859
|
},
|
|
14862
14860
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14863
14861
|
"isSource": true,
|
|
14864
14862
|
"original": {
|
|
14865
|
-
"value": "{base.color.
|
|
14863
|
+
"value": "{base.color.red.5}",
|
|
14866
14864
|
"$type": "color",
|
|
14867
14865
|
"$extensions": {
|
|
14868
14866
|
"org.primer.figma": {
|
|
@@ -14871,17 +14869,17 @@
|
|
|
14871
14869
|
"group": "semantic",
|
|
14872
14870
|
"scopes": ["borderColor"],
|
|
14873
14871
|
"codeSyntax": {
|
|
14874
|
-
"web": "var(--borderColor-
|
|
14872
|
+
"web": "var(--borderColor-danger-emphasis) /* utility class: .color-border-danger-emphasis */"
|
|
14875
14873
|
}
|
|
14876
14874
|
}
|
|
14877
14875
|
}
|
|
14878
14876
|
},
|
|
14879
|
-
"name": "borderColor-
|
|
14877
|
+
"name": "borderColor-danger-emphasis",
|
|
14880
14878
|
"attributes": {},
|
|
14881
|
-
"path": ["borderColor", "
|
|
14879
|
+
"path": ["borderColor", "danger", "emphasis"]
|
|
14882
14880
|
},
|
|
14883
|
-
"borderColor-
|
|
14884
|
-
"value": "#
|
|
14881
|
+
"borderColor-open-muted": {
|
|
14882
|
+
"value": "#26a148",
|
|
14885
14883
|
"$type": "color",
|
|
14886
14884
|
"$extensions": {
|
|
14887
14885
|
"org.primer.figma": {
|
|
@@ -14890,15 +14888,14 @@
|
|
|
14890
14888
|
"group": "semantic",
|
|
14891
14889
|
"scopes": ["borderColor"],
|
|
14892
14890
|
"codeSyntax": {
|
|
14893
|
-
"web": "var(--borderColor-
|
|
14891
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14894
14892
|
}
|
|
14895
14893
|
}
|
|
14896
14894
|
},
|
|
14897
|
-
"
|
|
14898
|
-
"filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
|
|
14895
|
+
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14899
14896
|
"isSource": true,
|
|
14900
14897
|
"original": {
|
|
14901
|
-
"value": "{
|
|
14898
|
+
"value": "{borderColor.success.muted}",
|
|
14902
14899
|
"$type": "color",
|
|
14903
14900
|
"$extensions": {
|
|
14904
14901
|
"org.primer.figma": {
|
|
@@ -14907,18 +14904,17 @@
|
|
|
14907
14904
|
"group": "semantic",
|
|
14908
14905
|
"scopes": ["borderColor"],
|
|
14909
14906
|
"codeSyntax": {
|
|
14910
|
-
"web": "var(--borderColor-
|
|
14907
|
+
"web": "var(--borderColor-open-muted) /* utility class: .color-border-open */"
|
|
14911
14908
|
}
|
|
14912
14909
|
}
|
|
14913
|
-
}
|
|
14914
|
-
"alpha": 1
|
|
14910
|
+
}
|
|
14915
14911
|
},
|
|
14916
|
-
"name": "borderColor-
|
|
14912
|
+
"name": "borderColor-open-muted",
|
|
14917
14913
|
"attributes": {},
|
|
14918
|
-
"path": ["borderColor", "
|
|
14914
|
+
"path": ["borderColor", "open", "muted"]
|
|
14919
14915
|
},
|
|
14920
|
-
"borderColor-
|
|
14921
|
-
"value": "#
|
|
14916
|
+
"borderColor-open-emphasis": {
|
|
14917
|
+
"value": "#055d20",
|
|
14922
14918
|
"$type": "color",
|
|
14923
14919
|
"$extensions": {
|
|
14924
14920
|
"org.primer.figma": {
|
|
@@ -14927,14 +14923,14 @@
|
|
|
14927
14923
|
"group": "semantic",
|
|
14928
14924
|
"scopes": ["borderColor"],
|
|
14929
14925
|
"codeSyntax": {
|
|
14930
|
-
"web": "var(--borderColor-
|
|
14926
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14931
14927
|
}
|
|
14932
14928
|
}
|
|
14933
14929
|
},
|
|
14934
14930
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
14935
14931
|
"isSource": true,
|
|
14936
14932
|
"original": {
|
|
14937
|
-
"value": "{
|
|
14933
|
+
"value": "{borderColor.success.emphasis}",
|
|
14938
14934
|
"$type": "color",
|
|
14939
14935
|
"$extensions": {
|
|
14940
14936
|
"org.primer.figma": {
|
|
@@ -14943,14 +14939,14 @@
|
|
|
14943
14939
|
"group": "semantic",
|
|
14944
14940
|
"scopes": ["borderColor"],
|
|
14945
14941
|
"codeSyntax": {
|
|
14946
|
-
"web": "var(--borderColor-
|
|
14942
|
+
"web": "var(--borderColor-open-emphasis) /* utility class: .color-border-open-emphasis */"
|
|
14947
14943
|
}
|
|
14948
14944
|
}
|
|
14949
14945
|
}
|
|
14950
14946
|
},
|
|
14951
|
-
"name": "borderColor-
|
|
14947
|
+
"name": "borderColor-open-emphasis",
|
|
14952
14948
|
"attributes": {},
|
|
14953
|
-
"path": ["borderColor", "
|
|
14949
|
+
"path": ["borderColor", "open", "emphasis"]
|
|
14954
14950
|
},
|
|
14955
14951
|
"borderColor-closed-muted": {
|
|
14956
14952
|
"value": "#ee5a5d66",
|
|
@@ -15114,7 +15110,7 @@
|
|
|
15114
15110
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15115
15111
|
"isSource": true,
|
|
15116
15112
|
"original": {
|
|
15117
|
-
"value": "{
|
|
15113
|
+
"value": "{base.color.purple.3}",
|
|
15118
15114
|
"$type": "color",
|
|
15119
15115
|
"$extensions": {
|
|
15120
15116
|
"org.primer.figma": {
|
|
@@ -15150,7 +15146,7 @@
|
|
|
15150
15146
|
"filePath": "src/tokens/functional/color/light/primitives-light.json5",
|
|
15151
15147
|
"isSource": true,
|
|
15152
15148
|
"original": {
|
|
15153
|
-
"value": "{
|
|
15149
|
+
"value": "{base.color.purple.5}",
|
|
15154
15150
|
"$type": "color",
|
|
15155
15151
|
"$extensions": {
|
|
15156
15152
|
"org.primer.figma": {
|