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