@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.
Files changed (73) hide show
  1. package/dist/css/functional/themes/dark-colorblind-high-contrast.css +20 -0
  2. package/dist/css/functional/themes/dark-colorblind.css +22 -2
  3. package/dist/css/functional/themes/dark-dimmed-high-contrast.css +20 -0
  4. package/dist/css/functional/themes/dark-dimmed.css +22 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +20 -0
  6. package/dist/css/functional/themes/dark-tritanopia-high-contrast.css +20 -0
  7. package/dist/css/functional/themes/dark-tritanopia.css +22 -2
  8. package/dist/css/functional/themes/dark.css +22 -2
  9. package/dist/css/functional/themes/light-colorblind-high-contrast.css +20 -0
  10. package/dist/css/functional/themes/light-colorblind.css +22 -2
  11. package/dist/css/functional/themes/light-high-contrast.css +20 -0
  12. package/dist/css/functional/themes/light-tritanopia-high-contrast.css +20 -0
  13. package/dist/css/functional/themes/light-tritanopia.css +22 -2
  14. package/dist/css/functional/themes/light.css +22 -2
  15. package/dist/docs/functional/themes/dark-colorblind-high-contrast.json +360 -2
  16. package/dist/docs/functional/themes/dark-colorblind.json +362 -4
  17. package/dist/docs/functional/themes/dark-dimmed-high-contrast.json +360 -2
  18. package/dist/docs/functional/themes/dark-dimmed.json +362 -4
  19. package/dist/docs/functional/themes/dark-high-contrast.json +360 -2
  20. package/dist/docs/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  21. package/dist/docs/functional/themes/dark-tritanopia.json +362 -4
  22. package/dist/docs/functional/themes/dark.json +362 -4
  23. package/dist/docs/functional/themes/light-colorblind-high-contrast.json +360 -2
  24. package/dist/docs/functional/themes/light-colorblind.json +362 -4
  25. package/dist/docs/functional/themes/light-high-contrast.json +360 -2
  26. package/dist/docs/functional/themes/light-tritanopia-high-contrast.json +360 -2
  27. package/dist/docs/functional/themes/light-tritanopia.json +362 -4
  28. package/dist/docs/functional/themes/light.json +362 -4
  29. package/dist/figma/themes/dark-colorblind-high-contrast.json +160 -0
  30. package/dist/figma/themes/dark-colorblind.json +164 -4
  31. package/dist/figma/themes/dark-dimmed-high-contrast.json +160 -0
  32. package/dist/figma/themes/dark-dimmed.json +164 -4
  33. package/dist/figma/themes/dark-high-contrast.json +160 -0
  34. package/dist/figma/themes/dark-tritanopia-high-contrast.json +160 -0
  35. package/dist/figma/themes/dark-tritanopia.json +164 -4
  36. package/dist/figma/themes/dark.json +164 -4
  37. package/dist/figma/themes/light-colorblind-high-contrast.json +160 -0
  38. package/dist/figma/themes/light-colorblind.json +164 -4
  39. package/dist/figma/themes/light-high-contrast.json +160 -0
  40. package/dist/figma/themes/light-tritanopia-high-contrast.json +160 -0
  41. package/dist/figma/themes/light-tritanopia.json +164 -4
  42. package/dist/figma/themes/light.json +164 -4
  43. package/dist/internalCss/dark-colorblind-high-contrast.css +20 -0
  44. package/dist/internalCss/dark-colorblind.css +22 -2
  45. package/dist/internalCss/dark-dimmed-high-contrast.css +20 -0
  46. package/dist/internalCss/dark-dimmed.css +22 -2
  47. package/dist/internalCss/dark-high-contrast.css +20 -0
  48. package/dist/internalCss/dark-tritanopia-high-contrast.css +20 -0
  49. package/dist/internalCss/dark-tritanopia.css +22 -2
  50. package/dist/internalCss/dark.css +22 -2
  51. package/dist/internalCss/light-colorblind-high-contrast.css +20 -0
  52. package/dist/internalCss/light-colorblind.css +22 -2
  53. package/dist/internalCss/light-high-contrast.css +20 -0
  54. package/dist/internalCss/light-tritanopia-high-contrast.css +20 -0
  55. package/dist/internalCss/light-tritanopia.css +22 -2
  56. package/dist/internalCss/light.css +22 -2
  57. package/dist/styleLint/functional/themes/dark-colorblind-high-contrast.json +360 -2
  58. package/dist/styleLint/functional/themes/dark-colorblind.json +362 -4
  59. package/dist/styleLint/functional/themes/dark-dimmed-high-contrast.json +360 -2
  60. package/dist/styleLint/functional/themes/dark-dimmed.json +362 -4
  61. package/dist/styleLint/functional/themes/dark-high-contrast.json +360 -2
  62. package/dist/styleLint/functional/themes/dark-tritanopia-high-contrast.json +360 -2
  63. package/dist/styleLint/functional/themes/dark-tritanopia.json +362 -4
  64. package/dist/styleLint/functional/themes/dark.json +362 -4
  65. package/dist/styleLint/functional/themes/light-colorblind-high-contrast.json +360 -2
  66. package/dist/styleLint/functional/themes/light-colorblind.json +362 -4
  67. package/dist/styleLint/functional/themes/light-high-contrast.json +360 -2
  68. package/dist/styleLint/functional/themes/light-tritanopia-high-contrast.json +360 -2
  69. package/dist/styleLint/functional/themes/light-tritanopia.json +362 -4
  70. package/dist/styleLint/functional/themes/light.json +362 -4
  71. package/package.json +1 -1
  72. package/src/tokens/component/progressBar.json5 +145 -0
  73. package/src/tokens/functional/color/control.json5 +9 -2
@@ -16968,7 +16968,14 @@
16968
16968
  "scopes": ["borderColor"]
16969
16969
  },
16970
16970
  "org.primer.overrides": {
16971
- "dark": "#454c54"
16971
+ "dark": "#454c54",
16972
+ "dark-dimmed-high-contrast": "#454c54",
16973
+ "light-high-contrast": "#454c54",
16974
+ "light-tritanopia-high-contrast": "#454c54",
16975
+ "light-protanopia-deuteranopia-high-contrast": "#454c54",
16976
+ "dark-high-contrast": "#454c54",
16977
+ "dark-tritanopia-high-contrast": "#454c54",
16978
+ "dark-protanopia-deuteranopia-high-contrast": "#454c54"
16972
16979
  }
16973
16980
  },
16974
16981
  "filePath": "src/tokens/functional/color/control.json5",
@@ -16983,7 +16990,14 @@
16983
16990
  "scopes": ["borderColor"]
16984
16991
  },
16985
16992
  "org.primer.overrides": {
16986
- "dark": "{control.borderColor.emphasis}"
16993
+ "dark": "{control.borderColor.rest}",
16994
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16995
+ "light-high-contrast": "{control.borderColor.emphasis}",
16996
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16997
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16998
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16999
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17000
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16987
17001
  }
16988
17002
  },
16989
17003
  "key": "{controlKnob.borderColor.rest}"
@@ -44085,6 +44099,350 @@
44085
44099
  "attributes": {},
44086
44100
  "path": ["page", "header", "bgColor"]
44087
44101
  },
44102
+ "progressBar-bgColor-accent": {
44103
+ "key": "{progressBar.bgColor.accent}",
44104
+ "$value": "#0349b4",
44105
+ "$type": "color",
44106
+ "$extensions": {
44107
+ "org.primer.figma": {
44108
+ "collection": "mode",
44109
+ "group": "component",
44110
+ "scopes": ["bgColor"]
44111
+ }
44112
+ },
44113
+ "filePath": "src/tokens/component/progressBar.json5",
44114
+ "isSource": true,
44115
+ "original": {
44116
+ "$value": "{bgColor.accent.emphasis}",
44117
+ "$type": "color",
44118
+ "$extensions": {
44119
+ "org.primer.figma": {
44120
+ "collection": "mode",
44121
+ "group": "component",
44122
+ "scopes": ["bgColor"]
44123
+ }
44124
+ },
44125
+ "key": "{progressBar.bgColor.accent}"
44126
+ },
44127
+ "name": "progressBar-bgColor-accent",
44128
+ "attributes": {},
44129
+ "path": ["progressBar", "bgColor", "accent"]
44130
+ },
44131
+ "progressBar-bgColor-attention": {
44132
+ "key": "{progressBar.bgColor.attention}",
44133
+ "$value": "#744500",
44134
+ "$type": "color",
44135
+ "$extensions": {
44136
+ "org.primer.figma": {
44137
+ "collection": "mode",
44138
+ "group": "component",
44139
+ "scopes": ["bgColor"]
44140
+ }
44141
+ },
44142
+ "filePath": "src/tokens/component/progressBar.json5",
44143
+ "isSource": true,
44144
+ "original": {
44145
+ "$value": "{bgColor.attention.emphasis}",
44146
+ "$type": "color",
44147
+ "$extensions": {
44148
+ "org.primer.figma": {
44149
+ "collection": "mode",
44150
+ "group": "component",
44151
+ "scopes": ["bgColor"]
44152
+ }
44153
+ },
44154
+ "key": "{progressBar.bgColor.attention}"
44155
+ },
44156
+ "name": "progressBar-bgColor-attention",
44157
+ "attributes": {},
44158
+ "path": ["progressBar", "bgColor", "attention"]
44159
+ },
44160
+ "progressBar-bgColor-danger": {
44161
+ "key": "{progressBar.bgColor.danger}",
44162
+ "$value": "#a0111f",
44163
+ "$type": "color",
44164
+ "$extensions": {
44165
+ "org.primer.figma": {
44166
+ "collection": "mode",
44167
+ "group": "component",
44168
+ "scopes": ["bgColor"]
44169
+ }
44170
+ },
44171
+ "filePath": "src/tokens/component/progressBar.json5",
44172
+ "isSource": true,
44173
+ "original": {
44174
+ "$value": "{bgColor.danger.emphasis}",
44175
+ "$type": "color",
44176
+ "$extensions": {
44177
+ "org.primer.figma": {
44178
+ "collection": "mode",
44179
+ "group": "component",
44180
+ "scopes": ["bgColor"]
44181
+ }
44182
+ },
44183
+ "key": "{progressBar.bgColor.danger}"
44184
+ },
44185
+ "name": "progressBar-bgColor-danger",
44186
+ "attributes": {},
44187
+ "path": ["progressBar", "bgColor", "danger"]
44188
+ },
44189
+ "progressBar-bgColor-done": {
44190
+ "key": "{progressBar.bgColor.done}",
44191
+ "$value": "#622cbc",
44192
+ "$type": "color",
44193
+ "$extensions": {
44194
+ "org.primer.figma": {
44195
+ "collection": "mode",
44196
+ "group": "component",
44197
+ "scopes": ["bgColor"]
44198
+ }
44199
+ },
44200
+ "filePath": "src/tokens/component/progressBar.json5",
44201
+ "isSource": true,
44202
+ "original": {
44203
+ "$value": "{bgColor.done.emphasis}",
44204
+ "$type": "color",
44205
+ "$extensions": {
44206
+ "org.primer.figma": {
44207
+ "collection": "mode",
44208
+ "group": "component",
44209
+ "scopes": ["bgColor"]
44210
+ }
44211
+ },
44212
+ "key": "{progressBar.bgColor.done}"
44213
+ },
44214
+ "name": "progressBar-bgColor-done",
44215
+ "attributes": {},
44216
+ "path": ["progressBar", "bgColor", "done"]
44217
+ },
44218
+ "progressBar-bgColor-neutral": {
44219
+ "key": "{progressBar.bgColor.neutral}",
44220
+ "$value": "#818b98",
44221
+ "$type": "color",
44222
+ "$extensions": {
44223
+ "org.primer.figma": {
44224
+ "collection": "mode",
44225
+ "group": "component",
44226
+ "scopes": ["bgColor"]
44227
+ },
44228
+ "org.primer.overrides": {
44229
+ "dark-high-contrast": "#818b98",
44230
+ "dark-dimmed-high-contrast": "#818b98",
44231
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98",
44232
+ "dark-tritanopia-high-contrast": "#818b98",
44233
+ "light-high-contrast": "#818b98",
44234
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
44235
+ "light-tritanopia-high-contrast": "#818b98"
44236
+ }
44237
+ },
44238
+ "filePath": "src/tokens/component/progressBar.json5",
44239
+ "isSource": true,
44240
+ "original": {
44241
+ "$value": "{base.color.neutral.8}",
44242
+ "$type": "color",
44243
+ "$extensions": {
44244
+ "org.primer.figma": {
44245
+ "collection": "mode",
44246
+ "group": "component",
44247
+ "scopes": ["bgColor"]
44248
+ },
44249
+ "org.primer.overrides": {
44250
+ "dark-high-contrast": "{base.color.neutral.8}",
44251
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44252
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44253
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44254
+ "light-high-contrast": "{base.color.neutral.8}",
44255
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44256
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44257
+ }
44258
+ },
44259
+ "key": "{progressBar.bgColor.neutral}"
44260
+ },
44261
+ "name": "progressBar-bgColor-neutral",
44262
+ "attributes": {},
44263
+ "path": ["progressBar", "bgColor", "neutral"]
44264
+ },
44265
+ "progressBar-bgColor-severe": {
44266
+ "key": "{progressBar.bgColor.severe}",
44267
+ "$value": "#a0111f",
44268
+ "$type": "color",
44269
+ "$extensions": {
44270
+ "org.primer.figma": {
44271
+ "collection": "mode",
44272
+ "group": "component",
44273
+ "scopes": ["bgColor"]
44274
+ }
44275
+ },
44276
+ "filePath": "src/tokens/component/progressBar.json5",
44277
+ "isSource": true,
44278
+ "original": {
44279
+ "$value": "{bgColor.severe.emphasis}",
44280
+ "$type": "color",
44281
+ "$extensions": {
44282
+ "org.primer.figma": {
44283
+ "collection": "mode",
44284
+ "group": "component",
44285
+ "scopes": ["bgColor"]
44286
+ }
44287
+ },
44288
+ "key": "{progressBar.bgColor.severe}"
44289
+ },
44290
+ "name": "progressBar-bgColor-severe",
44291
+ "attributes": {},
44292
+ "path": ["progressBar", "bgColor", "severe"]
44293
+ },
44294
+ "progressBar-bgColor-sponsors": {
44295
+ "key": "{progressBar.bgColor.sponsors}",
44296
+ "$value": "#971368",
44297
+ "$type": "color",
44298
+ "$extensions": {
44299
+ "org.primer.figma": {
44300
+ "collection": "mode",
44301
+ "group": "component",
44302
+ "scopes": ["bgColor"]
44303
+ }
44304
+ },
44305
+ "filePath": "src/tokens/component/progressBar.json5",
44306
+ "isSource": true,
44307
+ "original": {
44308
+ "$value": "{bgColor.sponsors.emphasis}",
44309
+ "$type": "color",
44310
+ "$extensions": {
44311
+ "org.primer.figma": {
44312
+ "collection": "mode",
44313
+ "group": "component",
44314
+ "scopes": ["bgColor"]
44315
+ }
44316
+ },
44317
+ "key": "{progressBar.bgColor.sponsors}"
44318
+ },
44319
+ "name": "progressBar-bgColor-sponsors",
44320
+ "attributes": {},
44321
+ "path": ["progressBar", "bgColor", "sponsors"]
44322
+ },
44323
+ "progressBar-bgColor-success": {
44324
+ "key": "{progressBar.bgColor.success}",
44325
+ "$value": "#0349b4",
44326
+ "$type": "color",
44327
+ "$extensions": {
44328
+ "org.primer.figma": {
44329
+ "collection": "mode",
44330
+ "group": "component",
44331
+ "scopes": ["bgColor"]
44332
+ }
44333
+ },
44334
+ "filePath": "src/tokens/component/progressBar.json5",
44335
+ "isSource": true,
44336
+ "original": {
44337
+ "$value": "{bgColor.success.emphasis}",
44338
+ "$type": "color",
44339
+ "$extensions": {
44340
+ "org.primer.figma": {
44341
+ "collection": "mode",
44342
+ "group": "component",
44343
+ "scopes": ["bgColor"]
44344
+ }
44345
+ },
44346
+ "key": "{progressBar.bgColor.success}"
44347
+ },
44348
+ "name": "progressBar-bgColor-success",
44349
+ "attributes": {},
44350
+ "path": ["progressBar", "bgColor", "success"]
44351
+ },
44352
+ "progressBar-track-bgColor": {
44353
+ "key": "{progressBar.track.bgColor}",
44354
+ "$value": "#ffffff",
44355
+ "$type": "color",
44356
+ "$extensions": {
44357
+ "org.primer.figma": {
44358
+ "collection": "mode",
44359
+ "group": "component",
44360
+ "scopes": ["bgColor"]
44361
+ },
44362
+ "org.primer.overrides": {
44363
+ "dark-high-contrast": "#25292e",
44364
+ "dark-dimmed-high-contrast": "#25292e",
44365
+ "dark-protanopia-deuteranopia-high-contrast": "#25292e",
44366
+ "dark-tritanopia-high-contrast": "#25292e",
44367
+ "light-high-contrast": "#ffffff",
44368
+ "light-protanopia-deuteranopia-high-contrast": "#ffffff",
44369
+ "light-tritanopia-high-contrast": "#ffffff"
44370
+ }
44371
+ },
44372
+ "filePath": "src/tokens/component/progressBar.json5",
44373
+ "isSource": true,
44374
+ "original": {
44375
+ "$value": "{bgColor.default}",
44376
+ "$type": "color",
44377
+ "$extensions": {
44378
+ "org.primer.figma": {
44379
+ "collection": "mode",
44380
+ "group": "component",
44381
+ "scopes": ["bgColor"]
44382
+ },
44383
+ "org.primer.overrides": {
44384
+ "dark-high-contrast": "{bgColor.inverse}",
44385
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44386
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44387
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44388
+ "light-high-contrast": "{bgColor.default}",
44389
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44390
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44391
+ }
44392
+ },
44393
+ "key": "{progressBar.track.bgColor}"
44394
+ },
44395
+ "name": "progressBar-track-bgColor",
44396
+ "attributes": {},
44397
+ "path": ["progressBar", "track", "bgColor"]
44398
+ },
44399
+ "progressBar-track-borderColor": {
44400
+ "key": "{progressBar.track.borderColor}",
44401
+ "$value": "#393f46",
44402
+ "$type": "color",
44403
+ "$extensions": {
44404
+ "org.primer.figma": {
44405
+ "collection": "mode",
44406
+ "group": "component",
44407
+ "scopes": ["borderColor"]
44408
+ },
44409
+ "org.primer.overrides": {
44410
+ "dark-high-contrast": "#ffffff",
44411
+ "dark-dimmed-high-contrast": "#ffffff",
44412
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44413
+ "dark-tritanopia-high-contrast": "#ffffff",
44414
+ "light-high-contrast": "#393f46",
44415
+ "light-protanopia-deuteranopia-high-contrast": "#393f46",
44416
+ "light-tritanopia-high-contrast": "#393f46"
44417
+ }
44418
+ },
44419
+ "filePath": "src/tokens/component/progressBar.json5",
44420
+ "isSource": true,
44421
+ "original": {
44422
+ "$value": "{base.color.neutral.11}",
44423
+ "$type": "color",
44424
+ "$extensions": {
44425
+ "org.primer.figma": {
44426
+ "collection": "mode",
44427
+ "group": "component",
44428
+ "scopes": ["borderColor"]
44429
+ },
44430
+ "org.primer.overrides": {
44431
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44432
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44433
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44434
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44435
+ "light-high-contrast": "{base.color.neutral.11}",
44436
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44437
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44438
+ }
44439
+ },
44440
+ "key": "{progressBar.track.borderColor}"
44441
+ },
44442
+ "name": "progressBar-track-borderColor",
44443
+ "attributes": {},
44444
+ "path": ["progressBar", "track", "borderColor"]
44445
+ },
44088
44446
  "reactionButton-selected-bgColor-hover": {
44089
44447
  "key": "{reactionButton.selected.bgColor.hover}",
44090
44448
  "$value": "#caecff",