@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
@@ -16964,7 +16964,14 @@
16964
16964
  "scopes": ["borderColor"]
16965
16965
  },
16966
16966
  "org.primer.overrides": {
16967
- "dark": "#454c54"
16967
+ "dark": "#454c54",
16968
+ "dark-dimmed-high-contrast": "#454c54",
16969
+ "light-high-contrast": "#454c54",
16970
+ "light-tritanopia-high-contrast": "#454c54",
16971
+ "light-protanopia-deuteranopia-high-contrast": "#454c54",
16972
+ "dark-high-contrast": "#454c54",
16973
+ "dark-tritanopia-high-contrast": "#454c54",
16974
+ "dark-protanopia-deuteranopia-high-contrast": "#454c54"
16968
16975
  }
16969
16976
  },
16970
16977
  "filePath": "src/tokens/functional/color/control.json5",
@@ -16979,7 +16986,14 @@
16979
16986
  "scopes": ["borderColor"]
16980
16987
  },
16981
16988
  "org.primer.overrides": {
16982
- "dark": "{control.borderColor.emphasis}"
16989
+ "dark": "{control.borderColor.rest}",
16990
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
16991
+ "light-high-contrast": "{control.borderColor.emphasis}",
16992
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16993
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
16994
+ "dark-high-contrast": "{control.borderColor.emphasis}",
16995
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
16996
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
16983
16997
  }
16984
16998
  },
16985
16999
  "key": "{controlKnob.borderColor.rest}"
@@ -44081,6 +44095,350 @@
44081
44095
  "attributes": {},
44082
44096
  "path": ["page", "header", "bgColor"]
44083
44097
  },
44098
+ "progressBar-bgColor-accent": {
44099
+ "key": "{progressBar.bgColor.accent}",
44100
+ "$value": "#0349b4",
44101
+ "$type": "color",
44102
+ "$extensions": {
44103
+ "org.primer.figma": {
44104
+ "collection": "mode",
44105
+ "group": "component",
44106
+ "scopes": ["bgColor"]
44107
+ }
44108
+ },
44109
+ "filePath": "src/tokens/component/progressBar.json5",
44110
+ "isSource": true,
44111
+ "original": {
44112
+ "$value": "{bgColor.accent.emphasis}",
44113
+ "$type": "color",
44114
+ "$extensions": {
44115
+ "org.primer.figma": {
44116
+ "collection": "mode",
44117
+ "group": "component",
44118
+ "scopes": ["bgColor"]
44119
+ }
44120
+ },
44121
+ "key": "{progressBar.bgColor.accent}"
44122
+ },
44123
+ "name": "progressBar-bgColor-accent",
44124
+ "attributes": {},
44125
+ "path": ["progressBar", "bgColor", "accent"]
44126
+ },
44127
+ "progressBar-bgColor-attention": {
44128
+ "key": "{progressBar.bgColor.attention}",
44129
+ "$value": "#744500",
44130
+ "$type": "color",
44131
+ "$extensions": {
44132
+ "org.primer.figma": {
44133
+ "collection": "mode",
44134
+ "group": "component",
44135
+ "scopes": ["bgColor"]
44136
+ }
44137
+ },
44138
+ "filePath": "src/tokens/component/progressBar.json5",
44139
+ "isSource": true,
44140
+ "original": {
44141
+ "$value": "{bgColor.attention.emphasis}",
44142
+ "$type": "color",
44143
+ "$extensions": {
44144
+ "org.primer.figma": {
44145
+ "collection": "mode",
44146
+ "group": "component",
44147
+ "scopes": ["bgColor"]
44148
+ }
44149
+ },
44150
+ "key": "{progressBar.bgColor.attention}"
44151
+ },
44152
+ "name": "progressBar-bgColor-attention",
44153
+ "attributes": {},
44154
+ "path": ["progressBar", "bgColor", "attention"]
44155
+ },
44156
+ "progressBar-bgColor-danger": {
44157
+ "key": "{progressBar.bgColor.danger}",
44158
+ "$value": "#a0111f",
44159
+ "$type": "color",
44160
+ "$extensions": {
44161
+ "org.primer.figma": {
44162
+ "collection": "mode",
44163
+ "group": "component",
44164
+ "scopes": ["bgColor"]
44165
+ }
44166
+ },
44167
+ "filePath": "src/tokens/component/progressBar.json5",
44168
+ "isSource": true,
44169
+ "original": {
44170
+ "$value": "{bgColor.danger.emphasis}",
44171
+ "$type": "color",
44172
+ "$extensions": {
44173
+ "org.primer.figma": {
44174
+ "collection": "mode",
44175
+ "group": "component",
44176
+ "scopes": ["bgColor"]
44177
+ }
44178
+ },
44179
+ "key": "{progressBar.bgColor.danger}"
44180
+ },
44181
+ "name": "progressBar-bgColor-danger",
44182
+ "attributes": {},
44183
+ "path": ["progressBar", "bgColor", "danger"]
44184
+ },
44185
+ "progressBar-bgColor-done": {
44186
+ "key": "{progressBar.bgColor.done}",
44187
+ "$value": "#622cbc",
44188
+ "$type": "color",
44189
+ "$extensions": {
44190
+ "org.primer.figma": {
44191
+ "collection": "mode",
44192
+ "group": "component",
44193
+ "scopes": ["bgColor"]
44194
+ }
44195
+ },
44196
+ "filePath": "src/tokens/component/progressBar.json5",
44197
+ "isSource": true,
44198
+ "original": {
44199
+ "$value": "{bgColor.done.emphasis}",
44200
+ "$type": "color",
44201
+ "$extensions": {
44202
+ "org.primer.figma": {
44203
+ "collection": "mode",
44204
+ "group": "component",
44205
+ "scopes": ["bgColor"]
44206
+ }
44207
+ },
44208
+ "key": "{progressBar.bgColor.done}"
44209
+ },
44210
+ "name": "progressBar-bgColor-done",
44211
+ "attributes": {},
44212
+ "path": ["progressBar", "bgColor", "done"]
44213
+ },
44214
+ "progressBar-bgColor-neutral": {
44215
+ "key": "{progressBar.bgColor.neutral}",
44216
+ "$value": "#818b98",
44217
+ "$type": "color",
44218
+ "$extensions": {
44219
+ "org.primer.figma": {
44220
+ "collection": "mode",
44221
+ "group": "component",
44222
+ "scopes": ["bgColor"]
44223
+ },
44224
+ "org.primer.overrides": {
44225
+ "dark-high-contrast": "#818b98",
44226
+ "dark-dimmed-high-contrast": "#818b98",
44227
+ "dark-protanopia-deuteranopia-high-contrast": "#818b98",
44228
+ "dark-tritanopia-high-contrast": "#818b98",
44229
+ "light-high-contrast": "#818b98",
44230
+ "light-protanopia-deuteranopia-high-contrast": "#818b98",
44231
+ "light-tritanopia-high-contrast": "#818b98"
44232
+ }
44233
+ },
44234
+ "filePath": "src/tokens/component/progressBar.json5",
44235
+ "isSource": true,
44236
+ "original": {
44237
+ "$value": "{base.color.neutral.8}",
44238
+ "$type": "color",
44239
+ "$extensions": {
44240
+ "org.primer.figma": {
44241
+ "collection": "mode",
44242
+ "group": "component",
44243
+ "scopes": ["bgColor"]
44244
+ },
44245
+ "org.primer.overrides": {
44246
+ "dark-high-contrast": "{base.color.neutral.8}",
44247
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44248
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44249
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44250
+ "light-high-contrast": "{base.color.neutral.8}",
44251
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44252
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44253
+ }
44254
+ },
44255
+ "key": "{progressBar.bgColor.neutral}"
44256
+ },
44257
+ "name": "progressBar-bgColor-neutral",
44258
+ "attributes": {},
44259
+ "path": ["progressBar", "bgColor", "neutral"]
44260
+ },
44261
+ "progressBar-bgColor-severe": {
44262
+ "key": "{progressBar.bgColor.severe}",
44263
+ "$value": "#873800",
44264
+ "$type": "color",
44265
+ "$extensions": {
44266
+ "org.primer.figma": {
44267
+ "collection": "mode",
44268
+ "group": "component",
44269
+ "scopes": ["bgColor"]
44270
+ }
44271
+ },
44272
+ "filePath": "src/tokens/component/progressBar.json5",
44273
+ "isSource": true,
44274
+ "original": {
44275
+ "$value": "{bgColor.severe.emphasis}",
44276
+ "$type": "color",
44277
+ "$extensions": {
44278
+ "org.primer.figma": {
44279
+ "collection": "mode",
44280
+ "group": "component",
44281
+ "scopes": ["bgColor"]
44282
+ }
44283
+ },
44284
+ "key": "{progressBar.bgColor.severe}"
44285
+ },
44286
+ "name": "progressBar-bgColor-severe",
44287
+ "attributes": {},
44288
+ "path": ["progressBar", "bgColor", "severe"]
44289
+ },
44290
+ "progressBar-bgColor-sponsors": {
44291
+ "key": "{progressBar.bgColor.sponsors}",
44292
+ "$value": "#971368",
44293
+ "$type": "color",
44294
+ "$extensions": {
44295
+ "org.primer.figma": {
44296
+ "collection": "mode",
44297
+ "group": "component",
44298
+ "scopes": ["bgColor"]
44299
+ }
44300
+ },
44301
+ "filePath": "src/tokens/component/progressBar.json5",
44302
+ "isSource": true,
44303
+ "original": {
44304
+ "$value": "{bgColor.sponsors.emphasis}",
44305
+ "$type": "color",
44306
+ "$extensions": {
44307
+ "org.primer.figma": {
44308
+ "collection": "mode",
44309
+ "group": "component",
44310
+ "scopes": ["bgColor"]
44311
+ }
44312
+ },
44313
+ "key": "{progressBar.bgColor.sponsors}"
44314
+ },
44315
+ "name": "progressBar-bgColor-sponsors",
44316
+ "attributes": {},
44317
+ "path": ["progressBar", "bgColor", "sponsors"]
44318
+ },
44319
+ "progressBar-bgColor-success": {
44320
+ "key": "{progressBar.bgColor.success}",
44321
+ "$value": "#055d20",
44322
+ "$type": "color",
44323
+ "$extensions": {
44324
+ "org.primer.figma": {
44325
+ "collection": "mode",
44326
+ "group": "component",
44327
+ "scopes": ["bgColor"]
44328
+ }
44329
+ },
44330
+ "filePath": "src/tokens/component/progressBar.json5",
44331
+ "isSource": true,
44332
+ "original": {
44333
+ "$value": "{bgColor.success.emphasis}",
44334
+ "$type": "color",
44335
+ "$extensions": {
44336
+ "org.primer.figma": {
44337
+ "collection": "mode",
44338
+ "group": "component",
44339
+ "scopes": ["bgColor"]
44340
+ }
44341
+ },
44342
+ "key": "{progressBar.bgColor.success}"
44343
+ },
44344
+ "name": "progressBar-bgColor-success",
44345
+ "attributes": {},
44346
+ "path": ["progressBar", "bgColor", "success"]
44347
+ },
44348
+ "progressBar-track-bgColor": {
44349
+ "key": "{progressBar.track.bgColor}",
44350
+ "$value": "#ffffff",
44351
+ "$type": "color",
44352
+ "$extensions": {
44353
+ "org.primer.figma": {
44354
+ "collection": "mode",
44355
+ "group": "component",
44356
+ "scopes": ["bgColor"]
44357
+ },
44358
+ "org.primer.overrides": {
44359
+ "dark-high-contrast": "#25292e",
44360
+ "dark-dimmed-high-contrast": "#25292e",
44361
+ "dark-protanopia-deuteranopia-high-contrast": "#25292e",
44362
+ "dark-tritanopia-high-contrast": "#25292e",
44363
+ "light-high-contrast": "#ffffff",
44364
+ "light-protanopia-deuteranopia-high-contrast": "#ffffff",
44365
+ "light-tritanopia-high-contrast": "#ffffff"
44366
+ }
44367
+ },
44368
+ "filePath": "src/tokens/component/progressBar.json5",
44369
+ "isSource": true,
44370
+ "original": {
44371
+ "$value": "{bgColor.default}",
44372
+ "$type": "color",
44373
+ "$extensions": {
44374
+ "org.primer.figma": {
44375
+ "collection": "mode",
44376
+ "group": "component",
44377
+ "scopes": ["bgColor"]
44378
+ },
44379
+ "org.primer.overrides": {
44380
+ "dark-high-contrast": "{bgColor.inverse}",
44381
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44382
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44383
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44384
+ "light-high-contrast": "{bgColor.default}",
44385
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44386
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44387
+ }
44388
+ },
44389
+ "key": "{progressBar.track.bgColor}"
44390
+ },
44391
+ "name": "progressBar-track-bgColor",
44392
+ "attributes": {},
44393
+ "path": ["progressBar", "track", "bgColor"]
44394
+ },
44395
+ "progressBar-track-borderColor": {
44396
+ "key": "{progressBar.track.borderColor}",
44397
+ "$value": "#393f46",
44398
+ "$type": "color",
44399
+ "$extensions": {
44400
+ "org.primer.figma": {
44401
+ "collection": "mode",
44402
+ "group": "component",
44403
+ "scopes": ["borderColor"]
44404
+ },
44405
+ "org.primer.overrides": {
44406
+ "dark-high-contrast": "#ffffff",
44407
+ "dark-dimmed-high-contrast": "#ffffff",
44408
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44409
+ "dark-tritanopia-high-contrast": "#ffffff",
44410
+ "light-high-contrast": "#393f46",
44411
+ "light-protanopia-deuteranopia-high-contrast": "#393f46",
44412
+ "light-tritanopia-high-contrast": "#393f46"
44413
+ }
44414
+ },
44415
+ "filePath": "src/tokens/component/progressBar.json5",
44416
+ "isSource": true,
44417
+ "original": {
44418
+ "$value": "{base.color.neutral.11}",
44419
+ "$type": "color",
44420
+ "$extensions": {
44421
+ "org.primer.figma": {
44422
+ "collection": "mode",
44423
+ "group": "component",
44424
+ "scopes": ["borderColor"]
44425
+ },
44426
+ "org.primer.overrides": {
44427
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44428
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44429
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44430
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44431
+ "light-high-contrast": "{base.color.neutral.11}",
44432
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44433
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44434
+ }
44435
+ },
44436
+ "key": "{progressBar.track.borderColor}"
44437
+ },
44438
+ "name": "progressBar-track-borderColor",
44439
+ "attributes": {},
44440
+ "path": ["progressBar", "track", "borderColor"]
44441
+ },
44084
44442
  "reactionButton-selected-bgColor-hover": {
44085
44443
  "key": "{reactionButton.selected.bgColor.hover}",
44086
44444
  "$value": "#c7e9ff",