@primer/primitives 11.0.1-rc.84dc6db1 → 11.1.0-rc.27a415da
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-high-contrast.css +20 -0
- package/dist/css/functional/themes/dark-colorblind.css +22 -2
- package/dist/css/functional/themes/dark-dimmed-high-contrast.css +20 -0
- package/dist/css/functional/themes/dark-dimmed.css +22 -2
- package/dist/css/functional/themes/dark-high-contrast.css +20 -0
- package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +20 -0
- package/dist/css/functional/themes/dark-tritanopia.css +22 -2
- package/dist/css/functional/themes/dark.css +22 -2
- package/dist/css/functional/themes/light-colorblind-high-contrast.css +20 -0
- package/dist/css/functional/themes/light-colorblind.css +22 -2
- package/dist/css/functional/themes/light-high-contrast.css +20 -0
- package/dist/css/functional/themes/light-tritanopia-high-contrast.css +20 -0
- package/dist/css/functional/themes/light-tritanopia.css +22 -2
- package/dist/css/functional/themes/light.css +22 -2
- package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +360 -2
- package/dist/docs/functional/themes/dark-colorblind.json +362 -4
- package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +360 -2
- package/dist/docs/functional/themes/dark-dimmed.json +362 -4
- package/dist/docs/functional/themes/dark-high-contrast.json +360 -2
- package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +360 -2
- package/dist/docs/functional/themes/dark-tritanopia.json +362 -4
- package/dist/docs/functional/themes/dark.json +362 -4
- package/dist/docs/functional/themes/light-colorblind-high-contrast.json +360 -2
- package/dist/docs/functional/themes/light-colorblind.json +362 -4
- package/dist/docs/functional/themes/light-high-contrast.json +360 -2
- package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +360 -2
- package/dist/docs/functional/themes/light-tritanopia.json +362 -4
- package/dist/docs/functional/themes/light.json +362 -4
- package/dist/figma/themes/dark-colorblind-high-contrast.json +160 -0
- package/dist/figma/themes/dark-colorblind.json +164 -4
- package/dist/figma/themes/dark-dimmed-high-contrast.json +160 -0
- package/dist/figma/themes/dark-dimmed.json +164 -4
- package/dist/figma/themes/dark-high-contrast.json +160 -0
- package/dist/figma/themes/dark-tritanopia-high-contrast.json +160 -0
- package/dist/figma/themes/dark-tritanopia.json +164 -4
- package/dist/figma/themes/dark.json +164 -4
- package/dist/figma/themes/light-colorblind-high-contrast.json +160 -0
- package/dist/figma/themes/light-colorblind.json +164 -4
- package/dist/figma/themes/light-high-contrast.json +160 -0
- package/dist/figma/themes/light-tritanopia-high-contrast.json +160 -0
- package/dist/figma/themes/light-tritanopia.json +164 -4
- package/dist/figma/themes/light.json +164 -4
- package/dist/internalCss/dark-colorblind-high-contrast.css +20 -0
- package/dist/internalCss/dark-colorblind.css +22 -2
- package/dist/internalCss/dark-dimmed-high-contrast.css +20 -0
- package/dist/internalCss/dark-dimmed.css +22 -2
- package/dist/internalCss/dark-high-contrast.css +20 -0
- package/dist/internalCss/dark-tritanopia-high-contrast.css +20 -0
- package/dist/internalCss/dark-tritanopia.css +22 -2
- package/dist/internalCss/dark.css +22 -2
- package/dist/internalCss/light-colorblind-high-contrast.css +20 -0
- package/dist/internalCss/light-colorblind.css +22 -2
- package/dist/internalCss/light-high-contrast.css +20 -0
- package/dist/internalCss/light-tritanopia-high-contrast.css +20 -0
- package/dist/internalCss/light-tritanopia.css +22 -2
- package/dist/internalCss/light.css +22 -2
- package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/dark-colorblind.json +362 -4
- package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/dark-dimmed.json +362 -4
- package/dist/styleLint/functional/themes/dark-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/dark-tritanopia.json +362 -4
- package/dist/styleLint/functional/themes/dark.json +362 -4
- package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/light-colorblind.json +362 -4
- package/dist/styleLint/functional/themes/light-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +360 -2
- package/dist/styleLint/functional/themes/light-tritanopia.json +362 -4
- package/dist/styleLint/functional/themes/light.json +362 -4
- package/package.json +1 -1
- package/src/tokens/component/progressBar.json5 +145 -0
- package/src/tokens/functional/color/control.json5 +9 -2
|
@@ -16967,7 +16967,7 @@
|
|
|
16967
16967
|
},
|
|
16968
16968
|
"controlKnob-borderColor-rest": {
|
|
16969
16969
|
"key": "{controlKnob.borderColor.rest}",
|
|
16970
|
-
"$value": "#
|
|
16970
|
+
"$value": "#3d444d",
|
|
16971
16971
|
"$type": "color",
|
|
16972
16972
|
"$extensions": {
|
|
16973
16973
|
"org.primer.figma": {
|
|
@@ -16976,13 +16976,20 @@
|
|
|
16976
16976
|
"scopes": ["borderColor"]
|
|
16977
16977
|
},
|
|
16978
16978
|
"org.primer.overrides": {
|
|
16979
|
-
"dark": "#
|
|
16979
|
+
"dark": "#3d444d",
|
|
16980
|
+
"dark-dimmed-high-contrast": "#656c76",
|
|
16981
|
+
"light-high-contrast": "#656c76",
|
|
16982
|
+
"light-tritanopia-high-contrast": "#656c76",
|
|
16983
|
+
"light-protanopia-deuteranopia-high-contrast": "#656c76",
|
|
16984
|
+
"dark-high-contrast": "#656c76",
|
|
16985
|
+
"dark-tritanopia-high-contrast": "#656c76",
|
|
16986
|
+
"dark-protanopia-deuteranopia-high-contrast": "#656c76"
|
|
16980
16987
|
}
|
|
16981
16988
|
},
|
|
16982
16989
|
"filePath": "src/tokens/functional/color/control.json5",
|
|
16983
16990
|
"isSource": true,
|
|
16984
16991
|
"original": {
|
|
16985
|
-
"$value": "{control.borderColor.
|
|
16992
|
+
"$value": "{control.borderColor.rest}",
|
|
16986
16993
|
"$type": "color",
|
|
16987
16994
|
"$extensions": {
|
|
16988
16995
|
"org.primer.figma": {
|
|
@@ -16991,7 +16998,14 @@
|
|
|
16991
16998
|
"scopes": ["borderColor"]
|
|
16992
16999
|
},
|
|
16993
17000
|
"org.primer.overrides": {
|
|
16994
|
-
"dark": "{control.borderColor.
|
|
17001
|
+
"dark": "{control.borderColor.rest}",
|
|
17002
|
+
"dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
|
|
17003
|
+
"light-high-contrast": "{control.borderColor.emphasis}",
|
|
17004
|
+
"light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
|
|
17005
|
+
"light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
|
|
17006
|
+
"dark-high-contrast": "{control.borderColor.emphasis}",
|
|
17007
|
+
"dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
|
|
17008
|
+
"dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
|
|
16995
17009
|
}
|
|
16996
17010
|
},
|
|
16997
17011
|
"key": "{controlKnob.borderColor.rest}"
|
|
@@ -44107,6 +44121,350 @@
|
|
|
44107
44121
|
"attributes": {},
|
|
44108
44122
|
"path": ["page", "header", "bgColor"]
|
|
44109
44123
|
},
|
|
44124
|
+
"progressBar-bgColor-accent": {
|
|
44125
|
+
"key": "{progressBar.bgColor.accent}",
|
|
44126
|
+
"$value": "#1f6feb",
|
|
44127
|
+
"$type": "color",
|
|
44128
|
+
"$extensions": {
|
|
44129
|
+
"org.primer.figma": {
|
|
44130
|
+
"collection": "mode",
|
|
44131
|
+
"group": "component",
|
|
44132
|
+
"scopes": ["bgColor"]
|
|
44133
|
+
}
|
|
44134
|
+
},
|
|
44135
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44136
|
+
"isSource": true,
|
|
44137
|
+
"original": {
|
|
44138
|
+
"$value": "{bgColor.accent.emphasis}",
|
|
44139
|
+
"$type": "color",
|
|
44140
|
+
"$extensions": {
|
|
44141
|
+
"org.primer.figma": {
|
|
44142
|
+
"collection": "mode",
|
|
44143
|
+
"group": "component",
|
|
44144
|
+
"scopes": ["bgColor"]
|
|
44145
|
+
}
|
|
44146
|
+
},
|
|
44147
|
+
"key": "{progressBar.bgColor.accent}"
|
|
44148
|
+
},
|
|
44149
|
+
"name": "progressBar-bgColor-accent",
|
|
44150
|
+
"attributes": {},
|
|
44151
|
+
"path": ["progressBar", "bgColor", "accent"]
|
|
44152
|
+
},
|
|
44153
|
+
"progressBar-bgColor-attention": {
|
|
44154
|
+
"key": "{progressBar.bgColor.attention}",
|
|
44155
|
+
"$value": "#9e6a03",
|
|
44156
|
+
"$type": "color",
|
|
44157
|
+
"$extensions": {
|
|
44158
|
+
"org.primer.figma": {
|
|
44159
|
+
"collection": "mode",
|
|
44160
|
+
"group": "component",
|
|
44161
|
+
"scopes": ["bgColor"]
|
|
44162
|
+
}
|
|
44163
|
+
},
|
|
44164
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44165
|
+
"isSource": true,
|
|
44166
|
+
"original": {
|
|
44167
|
+
"$value": "{bgColor.attention.emphasis}",
|
|
44168
|
+
"$type": "color",
|
|
44169
|
+
"$extensions": {
|
|
44170
|
+
"org.primer.figma": {
|
|
44171
|
+
"collection": "mode",
|
|
44172
|
+
"group": "component",
|
|
44173
|
+
"scopes": ["bgColor"]
|
|
44174
|
+
}
|
|
44175
|
+
},
|
|
44176
|
+
"key": "{progressBar.bgColor.attention}"
|
|
44177
|
+
},
|
|
44178
|
+
"name": "progressBar-bgColor-attention",
|
|
44179
|
+
"attributes": {},
|
|
44180
|
+
"path": ["progressBar", "bgColor", "attention"]
|
|
44181
|
+
},
|
|
44182
|
+
"progressBar-bgColor-danger": {
|
|
44183
|
+
"key": "{progressBar.bgColor.danger}",
|
|
44184
|
+
"$value": "#da3633",
|
|
44185
|
+
"$type": "color",
|
|
44186
|
+
"$extensions": {
|
|
44187
|
+
"org.primer.figma": {
|
|
44188
|
+
"collection": "mode",
|
|
44189
|
+
"group": "component",
|
|
44190
|
+
"scopes": ["bgColor"]
|
|
44191
|
+
}
|
|
44192
|
+
},
|
|
44193
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44194
|
+
"isSource": true,
|
|
44195
|
+
"original": {
|
|
44196
|
+
"$value": "{bgColor.danger.emphasis}",
|
|
44197
|
+
"$type": "color",
|
|
44198
|
+
"$extensions": {
|
|
44199
|
+
"org.primer.figma": {
|
|
44200
|
+
"collection": "mode",
|
|
44201
|
+
"group": "component",
|
|
44202
|
+
"scopes": ["bgColor"]
|
|
44203
|
+
}
|
|
44204
|
+
},
|
|
44205
|
+
"key": "{progressBar.bgColor.danger}"
|
|
44206
|
+
},
|
|
44207
|
+
"name": "progressBar-bgColor-danger",
|
|
44208
|
+
"attributes": {},
|
|
44209
|
+
"path": ["progressBar", "bgColor", "danger"]
|
|
44210
|
+
},
|
|
44211
|
+
"progressBar-bgColor-done": {
|
|
44212
|
+
"key": "{progressBar.bgColor.done}",
|
|
44213
|
+
"$value": "#8957e5",
|
|
44214
|
+
"$type": "color",
|
|
44215
|
+
"$extensions": {
|
|
44216
|
+
"org.primer.figma": {
|
|
44217
|
+
"collection": "mode",
|
|
44218
|
+
"group": "component",
|
|
44219
|
+
"scopes": ["bgColor"]
|
|
44220
|
+
}
|
|
44221
|
+
},
|
|
44222
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44223
|
+
"isSource": true,
|
|
44224
|
+
"original": {
|
|
44225
|
+
"$value": "{bgColor.done.emphasis}",
|
|
44226
|
+
"$type": "color",
|
|
44227
|
+
"$extensions": {
|
|
44228
|
+
"org.primer.figma": {
|
|
44229
|
+
"collection": "mode",
|
|
44230
|
+
"group": "component",
|
|
44231
|
+
"scopes": ["bgColor"]
|
|
44232
|
+
}
|
|
44233
|
+
},
|
|
44234
|
+
"key": "{progressBar.bgColor.done}"
|
|
44235
|
+
},
|
|
44236
|
+
"name": "progressBar-bgColor-done",
|
|
44237
|
+
"attributes": {},
|
|
44238
|
+
"path": ["progressBar", "bgColor", "done"]
|
|
44239
|
+
},
|
|
44240
|
+
"progressBar-bgColor-neutral": {
|
|
44241
|
+
"key": "{progressBar.bgColor.neutral}",
|
|
44242
|
+
"$value": "#656c76",
|
|
44243
|
+
"$type": "color",
|
|
44244
|
+
"$extensions": {
|
|
44245
|
+
"org.primer.figma": {
|
|
44246
|
+
"collection": "mode",
|
|
44247
|
+
"group": "component",
|
|
44248
|
+
"scopes": ["bgColor"]
|
|
44249
|
+
},
|
|
44250
|
+
"org.primer.overrides": {
|
|
44251
|
+
"dark-high-contrast": "#656c76",
|
|
44252
|
+
"dark-dimmed-high-contrast": "#656c76",
|
|
44253
|
+
"dark-protanopia-deuteranopia-high-contrast": "#656c76",
|
|
44254
|
+
"dark-tritanopia-high-contrast": "#656c76",
|
|
44255
|
+
"light-high-contrast": "#656c76",
|
|
44256
|
+
"light-protanopia-deuteranopia-high-contrast": "#656c76",
|
|
44257
|
+
"light-tritanopia-high-contrast": "#656c76"
|
|
44258
|
+
}
|
|
44259
|
+
},
|
|
44260
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44261
|
+
"isSource": true,
|
|
44262
|
+
"original": {
|
|
44263
|
+
"$value": "{bgColor.neutral.emphasis}",
|
|
44264
|
+
"$type": "color",
|
|
44265
|
+
"$extensions": {
|
|
44266
|
+
"org.primer.figma": {
|
|
44267
|
+
"collection": "mode",
|
|
44268
|
+
"group": "component",
|
|
44269
|
+
"scopes": ["bgColor"]
|
|
44270
|
+
},
|
|
44271
|
+
"org.primer.overrides": {
|
|
44272
|
+
"dark-high-contrast": "{base.color.neutral.8}",
|
|
44273
|
+
"dark-dimmed-high-contrast": "{base.color.neutral.8}",
|
|
44274
|
+
"dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
|
|
44275
|
+
"dark-tritanopia-high-contrast": "{base.color.neutral.8}",
|
|
44276
|
+
"light-high-contrast": "{base.color.neutral.8}",
|
|
44277
|
+
"light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
|
|
44278
|
+
"light-tritanopia-high-contrast": "{base.color.neutral.8}"
|
|
44279
|
+
}
|
|
44280
|
+
},
|
|
44281
|
+
"key": "{progressBar.bgColor.neutral}"
|
|
44282
|
+
},
|
|
44283
|
+
"name": "progressBar-bgColor-neutral",
|
|
44284
|
+
"attributes": {},
|
|
44285
|
+
"path": ["progressBar", "bgColor", "neutral"]
|
|
44286
|
+
},
|
|
44287
|
+
"progressBar-bgColor-severe": {
|
|
44288
|
+
"key": "{progressBar.bgColor.severe}",
|
|
44289
|
+
"$value": "#bd561d",
|
|
44290
|
+
"$type": "color",
|
|
44291
|
+
"$extensions": {
|
|
44292
|
+
"org.primer.figma": {
|
|
44293
|
+
"collection": "mode",
|
|
44294
|
+
"group": "component",
|
|
44295
|
+
"scopes": ["bgColor"]
|
|
44296
|
+
}
|
|
44297
|
+
},
|
|
44298
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44299
|
+
"isSource": true,
|
|
44300
|
+
"original": {
|
|
44301
|
+
"$value": "{bgColor.severe.emphasis}",
|
|
44302
|
+
"$type": "color",
|
|
44303
|
+
"$extensions": {
|
|
44304
|
+
"org.primer.figma": {
|
|
44305
|
+
"collection": "mode",
|
|
44306
|
+
"group": "component",
|
|
44307
|
+
"scopes": ["bgColor"]
|
|
44308
|
+
}
|
|
44309
|
+
},
|
|
44310
|
+
"key": "{progressBar.bgColor.severe}"
|
|
44311
|
+
},
|
|
44312
|
+
"name": "progressBar-bgColor-severe",
|
|
44313
|
+
"attributes": {},
|
|
44314
|
+
"path": ["progressBar", "bgColor", "severe"]
|
|
44315
|
+
},
|
|
44316
|
+
"progressBar-bgColor-sponsors": {
|
|
44317
|
+
"key": "{progressBar.bgColor.sponsors}",
|
|
44318
|
+
"$value": "#bf4b8a",
|
|
44319
|
+
"$type": "color",
|
|
44320
|
+
"$extensions": {
|
|
44321
|
+
"org.primer.figma": {
|
|
44322
|
+
"collection": "mode",
|
|
44323
|
+
"group": "component",
|
|
44324
|
+
"scopes": ["bgColor"]
|
|
44325
|
+
}
|
|
44326
|
+
},
|
|
44327
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44328
|
+
"isSource": true,
|
|
44329
|
+
"original": {
|
|
44330
|
+
"$value": "{bgColor.sponsors.emphasis}",
|
|
44331
|
+
"$type": "color",
|
|
44332
|
+
"$extensions": {
|
|
44333
|
+
"org.primer.figma": {
|
|
44334
|
+
"collection": "mode",
|
|
44335
|
+
"group": "component",
|
|
44336
|
+
"scopes": ["bgColor"]
|
|
44337
|
+
}
|
|
44338
|
+
},
|
|
44339
|
+
"key": "{progressBar.bgColor.sponsors}"
|
|
44340
|
+
},
|
|
44341
|
+
"name": "progressBar-bgColor-sponsors",
|
|
44342
|
+
"attributes": {},
|
|
44343
|
+
"path": ["progressBar", "bgColor", "sponsors"]
|
|
44344
|
+
},
|
|
44345
|
+
"progressBar-bgColor-success": {
|
|
44346
|
+
"key": "{progressBar.bgColor.success}",
|
|
44347
|
+
"$value": "#238636",
|
|
44348
|
+
"$type": "color",
|
|
44349
|
+
"$extensions": {
|
|
44350
|
+
"org.primer.figma": {
|
|
44351
|
+
"collection": "mode",
|
|
44352
|
+
"group": "component",
|
|
44353
|
+
"scopes": ["bgColor"]
|
|
44354
|
+
}
|
|
44355
|
+
},
|
|
44356
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44357
|
+
"isSource": true,
|
|
44358
|
+
"original": {
|
|
44359
|
+
"$value": "{bgColor.success.emphasis}",
|
|
44360
|
+
"$type": "color",
|
|
44361
|
+
"$extensions": {
|
|
44362
|
+
"org.primer.figma": {
|
|
44363
|
+
"collection": "mode",
|
|
44364
|
+
"group": "component",
|
|
44365
|
+
"scopes": ["bgColor"]
|
|
44366
|
+
}
|
|
44367
|
+
},
|
|
44368
|
+
"key": "{progressBar.bgColor.success}"
|
|
44369
|
+
},
|
|
44370
|
+
"name": "progressBar-bgColor-success",
|
|
44371
|
+
"attributes": {},
|
|
44372
|
+
"path": ["progressBar", "bgColor", "success"]
|
|
44373
|
+
},
|
|
44374
|
+
"progressBar-track-bgColor": {
|
|
44375
|
+
"key": "{progressBar.track.bgColor}",
|
|
44376
|
+
"$value": "#3d444d",
|
|
44377
|
+
"$type": "color",
|
|
44378
|
+
"$extensions": {
|
|
44379
|
+
"org.primer.figma": {
|
|
44380
|
+
"collection": "mode",
|
|
44381
|
+
"group": "component",
|
|
44382
|
+
"scopes": ["bgColor"]
|
|
44383
|
+
},
|
|
44384
|
+
"org.primer.overrides": {
|
|
44385
|
+
"dark-high-contrast": "#ffffff",
|
|
44386
|
+
"dark-dimmed-high-contrast": "#ffffff",
|
|
44387
|
+
"dark-protanopia-deuteranopia-high-contrast": "#ffffff",
|
|
44388
|
+
"dark-tritanopia-high-contrast": "#ffffff",
|
|
44389
|
+
"light-high-contrast": "#0d1117",
|
|
44390
|
+
"light-protanopia-deuteranopia-high-contrast": "#0d1117",
|
|
44391
|
+
"light-tritanopia-high-contrast": "#0d1117"
|
|
44392
|
+
}
|
|
44393
|
+
},
|
|
44394
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44395
|
+
"isSource": true,
|
|
44396
|
+
"original": {
|
|
44397
|
+
"$value": "{borderColor.default}",
|
|
44398
|
+
"$type": "color",
|
|
44399
|
+
"$extensions": {
|
|
44400
|
+
"org.primer.figma": {
|
|
44401
|
+
"collection": "mode",
|
|
44402
|
+
"group": "component",
|
|
44403
|
+
"scopes": ["bgColor"]
|
|
44404
|
+
},
|
|
44405
|
+
"org.primer.overrides": {
|
|
44406
|
+
"dark-high-contrast": "{bgColor.inverse}",
|
|
44407
|
+
"dark-dimmed-high-contrast": "{bgColor.inverse}",
|
|
44408
|
+
"dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
|
|
44409
|
+
"dark-tritanopia-high-contrast": "{bgColor.inverse}",
|
|
44410
|
+
"light-high-contrast": "{bgColor.default}",
|
|
44411
|
+
"light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
|
|
44412
|
+
"light-tritanopia-high-contrast": "{bgColor.default}"
|
|
44413
|
+
}
|
|
44414
|
+
},
|
|
44415
|
+
"key": "{progressBar.track.bgColor}"
|
|
44416
|
+
},
|
|
44417
|
+
"name": "progressBar-track-bgColor",
|
|
44418
|
+
"attributes": {},
|
|
44419
|
+
"path": ["progressBar", "track", "bgColor"]
|
|
44420
|
+
},
|
|
44421
|
+
"progressBar-track-borderColor": {
|
|
44422
|
+
"key": "{progressBar.track.borderColor}",
|
|
44423
|
+
"$value": "#00000000",
|
|
44424
|
+
"$type": "color",
|
|
44425
|
+
"$extensions": {
|
|
44426
|
+
"org.primer.figma": {
|
|
44427
|
+
"collection": "mode",
|
|
44428
|
+
"group": "component",
|
|
44429
|
+
"scopes": ["borderColor"]
|
|
44430
|
+
},
|
|
44431
|
+
"org.primer.overrides": {
|
|
44432
|
+
"dark-high-contrast": "#3d444d",
|
|
44433
|
+
"dark-dimmed-high-contrast": "#3d444d",
|
|
44434
|
+
"dark-protanopia-deuteranopia-high-contrast": "#3d444d",
|
|
44435
|
+
"dark-tritanopia-high-contrast": "#3d444d",
|
|
44436
|
+
"light-high-contrast": "#d1d7e0",
|
|
44437
|
+
"light-protanopia-deuteranopia-high-contrast": "#d1d7e0",
|
|
44438
|
+
"light-tritanopia-high-contrast": "#d1d7e0"
|
|
44439
|
+
}
|
|
44440
|
+
},
|
|
44441
|
+
"filePath": "src/tokens/component/progressBar.json5",
|
|
44442
|
+
"isSource": true,
|
|
44443
|
+
"original": {
|
|
44444
|
+
"$value": "{base.color.transparent}",
|
|
44445
|
+
"$type": "color",
|
|
44446
|
+
"$extensions": {
|
|
44447
|
+
"org.primer.figma": {
|
|
44448
|
+
"collection": "mode",
|
|
44449
|
+
"group": "component",
|
|
44450
|
+
"scopes": ["borderColor"]
|
|
44451
|
+
},
|
|
44452
|
+
"org.primer.overrides": {
|
|
44453
|
+
"dark-high-contrast": "{progressBar.track.bgColor}",
|
|
44454
|
+
"dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
|
|
44455
|
+
"dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
|
|
44456
|
+
"dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
|
|
44457
|
+
"light-high-contrast": "{base.color.neutral.11}",
|
|
44458
|
+
"light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
|
|
44459
|
+
"light-tritanopia-high-contrast": "{base.color.neutral.11}"
|
|
44460
|
+
}
|
|
44461
|
+
},
|
|
44462
|
+
"key": "{progressBar.track.borderColor}"
|
|
44463
|
+
},
|
|
44464
|
+
"name": "progressBar-track-borderColor",
|
|
44465
|
+
"attributes": {},
|
|
44466
|
+
"path": ["progressBar", "track", "borderColor"]
|
|
44467
|
+
},
|
|
44110
44468
|
"reactionButton-selected-bgColor-hover": {
|
|
44111
44469
|
"key": "{reactionButton.selected.bgColor.hover}",
|
|
44112
44470
|
"$value": "#3a8cfd5c",
|