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