@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
@@ -16990,7 +16990,14 @@
16990
16990
  "scopes": ["borderColor"]
16991
16991
  },
16992
16992
  "org.primer.overrides": {
16993
- "dark": "#b7bdc8"
16993
+ "dark": "#b7bdc8",
16994
+ "dark-dimmed-high-contrast": "#b7bdc8",
16995
+ "light-high-contrast": "#b7bdc8",
16996
+ "light-tritanopia-high-contrast": "#b7bdc8",
16997
+ "light-protanopia-deuteranopia-high-contrast": "#b7bdc8",
16998
+ "dark-high-contrast": "#b7bdc8",
16999
+ "dark-tritanopia-high-contrast": "#b7bdc8",
17000
+ "dark-protanopia-deuteranopia-high-contrast": "#b7bdc8"
16994
17001
  }
16995
17002
  },
16996
17003
  "filePath": "src/tokens/functional/color/control.json5",
@@ -17005,7 +17012,14 @@
17005
17012
  "scopes": ["borderColor"]
17006
17013
  },
17007
17014
  "org.primer.overrides": {
17008
- "dark": "{control.borderColor.emphasis}"
17015
+ "dark": "{control.borderColor.rest}",
17016
+ "dark-dimmed-high-contrast": "{control.borderColor.emphasis}",
17017
+ "light-high-contrast": "{control.borderColor.emphasis}",
17018
+ "light-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17019
+ "light-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}",
17020
+ "dark-high-contrast": "{control.borderColor.emphasis}",
17021
+ "dark-tritanopia-high-contrast": "{control.borderColor.emphasis}",
17022
+ "dark-protanopia-deuteranopia-high-contrast": "{control.borderColor.emphasis}"
17009
17023
  }
17010
17024
  },
17011
17025
  "key": "{controlKnob.borderColor.rest}"
@@ -44121,6 +44135,350 @@
44121
44135
  "attributes": {},
44122
44136
  "path": ["page", "header", "bgColor"]
44123
44137
  },
44138
+ "progressBar-bgColor-accent": {
44139
+ "key": "{progressBar.bgColor.accent}",
44140
+ "$value": "#194fb1",
44141
+ "$type": "color",
44142
+ "$extensions": {
44143
+ "org.primer.figma": {
44144
+ "collection": "mode",
44145
+ "group": "component",
44146
+ "scopes": ["bgColor"]
44147
+ }
44148
+ },
44149
+ "filePath": "src/tokens/component/progressBar.json5",
44150
+ "isSource": true,
44151
+ "original": {
44152
+ "$value": "{bgColor.accent.emphasis}",
44153
+ "$type": "color",
44154
+ "$extensions": {
44155
+ "org.primer.figma": {
44156
+ "collection": "mode",
44157
+ "group": "component",
44158
+ "scopes": ["bgColor"]
44159
+ }
44160
+ },
44161
+ "key": "{progressBar.bgColor.accent}"
44162
+ },
44163
+ "name": "progressBar-bgColor-accent",
44164
+ "attributes": {},
44165
+ "path": ["progressBar", "bgColor", "accent"]
44166
+ },
44167
+ "progressBar-bgColor-attention": {
44168
+ "key": "{progressBar.bgColor.attention}",
44169
+ "$value": "#7b4900",
44170
+ "$type": "color",
44171
+ "$extensions": {
44172
+ "org.primer.figma": {
44173
+ "collection": "mode",
44174
+ "group": "component",
44175
+ "scopes": ["bgColor"]
44176
+ }
44177
+ },
44178
+ "filePath": "src/tokens/component/progressBar.json5",
44179
+ "isSource": true,
44180
+ "original": {
44181
+ "$value": "{bgColor.attention.emphasis}",
44182
+ "$type": "color",
44183
+ "$extensions": {
44184
+ "org.primer.figma": {
44185
+ "collection": "mode",
44186
+ "group": "component",
44187
+ "scopes": ["bgColor"]
44188
+ }
44189
+ },
44190
+ "key": "{progressBar.bgColor.attention}"
44191
+ },
44192
+ "name": "progressBar-bgColor-attention",
44193
+ "attributes": {},
44194
+ "path": ["progressBar", "bgColor", "attention"]
44195
+ },
44196
+ "progressBar-bgColor-danger": {
44197
+ "key": "{progressBar.bgColor.danger}",
44198
+ "$value": "#8f3c00",
44199
+ "$type": "color",
44200
+ "$extensions": {
44201
+ "org.primer.figma": {
44202
+ "collection": "mode",
44203
+ "group": "component",
44204
+ "scopes": ["bgColor"]
44205
+ }
44206
+ },
44207
+ "filePath": "src/tokens/component/progressBar.json5",
44208
+ "isSource": true,
44209
+ "original": {
44210
+ "$value": "{bgColor.danger.emphasis}",
44211
+ "$type": "color",
44212
+ "$extensions": {
44213
+ "org.primer.figma": {
44214
+ "collection": "mode",
44215
+ "group": "component",
44216
+ "scopes": ["bgColor"]
44217
+ }
44218
+ },
44219
+ "key": "{progressBar.bgColor.danger}"
44220
+ },
44221
+ "name": "progressBar-bgColor-danger",
44222
+ "attributes": {},
44223
+ "path": ["progressBar", "bgColor", "danger"]
44224
+ },
44225
+ "progressBar-bgColor-done": {
44226
+ "key": "{progressBar.bgColor.done}",
44227
+ "$value": "#6921d7",
44228
+ "$type": "color",
44229
+ "$extensions": {
44230
+ "org.primer.figma": {
44231
+ "collection": "mode",
44232
+ "group": "component",
44233
+ "scopes": ["bgColor"]
44234
+ }
44235
+ },
44236
+ "filePath": "src/tokens/component/progressBar.json5",
44237
+ "isSource": true,
44238
+ "original": {
44239
+ "$value": "{bgColor.done.emphasis}",
44240
+ "$type": "color",
44241
+ "$extensions": {
44242
+ "org.primer.figma": {
44243
+ "collection": "mode",
44244
+ "group": "component",
44245
+ "scopes": ["bgColor"]
44246
+ }
44247
+ },
44248
+ "key": "{progressBar.bgColor.done}"
44249
+ },
44250
+ "name": "progressBar-bgColor-done",
44251
+ "attributes": {},
44252
+ "path": ["progressBar", "bgColor", "done"]
44253
+ },
44254
+ "progressBar-bgColor-neutral": {
44255
+ "key": "{progressBar.bgColor.neutral}",
44256
+ "$value": "#656c76",
44257
+ "$type": "color",
44258
+ "$extensions": {
44259
+ "org.primer.figma": {
44260
+ "collection": "mode",
44261
+ "group": "component",
44262
+ "scopes": ["bgColor"]
44263
+ },
44264
+ "org.primer.overrides": {
44265
+ "dark-high-contrast": "#656c76",
44266
+ "dark-dimmed-high-contrast": "#656c76",
44267
+ "dark-protanopia-deuteranopia-high-contrast": "#656c76",
44268
+ "dark-tritanopia-high-contrast": "#656c76",
44269
+ "light-high-contrast": "#656c76",
44270
+ "light-protanopia-deuteranopia-high-contrast": "#656c76",
44271
+ "light-tritanopia-high-contrast": "#656c76"
44272
+ }
44273
+ },
44274
+ "filePath": "src/tokens/component/progressBar.json5",
44275
+ "isSource": true,
44276
+ "original": {
44277
+ "$value": "{base.color.neutral.8}",
44278
+ "$type": "color",
44279
+ "$extensions": {
44280
+ "org.primer.figma": {
44281
+ "collection": "mode",
44282
+ "group": "component",
44283
+ "scopes": ["bgColor"]
44284
+ },
44285
+ "org.primer.overrides": {
44286
+ "dark-high-contrast": "{base.color.neutral.8}",
44287
+ "dark-dimmed-high-contrast": "{base.color.neutral.8}",
44288
+ "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44289
+ "dark-tritanopia-high-contrast": "{base.color.neutral.8}",
44290
+ "light-high-contrast": "{base.color.neutral.8}",
44291
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.8}",
44292
+ "light-tritanopia-high-contrast": "{base.color.neutral.8}"
44293
+ }
44294
+ },
44295
+ "key": "{progressBar.bgColor.neutral}"
44296
+ },
44297
+ "name": "progressBar-bgColor-neutral",
44298
+ "attributes": {},
44299
+ "path": ["progressBar", "bgColor", "neutral"]
44300
+ },
44301
+ "progressBar-bgColor-severe": {
44302
+ "key": "{progressBar.bgColor.severe}",
44303
+ "$value": "#8f3c00",
44304
+ "$type": "color",
44305
+ "$extensions": {
44306
+ "org.primer.figma": {
44307
+ "collection": "mode",
44308
+ "group": "component",
44309
+ "scopes": ["bgColor"]
44310
+ }
44311
+ },
44312
+ "filePath": "src/tokens/component/progressBar.json5",
44313
+ "isSource": true,
44314
+ "original": {
44315
+ "$value": "{bgColor.severe.emphasis}",
44316
+ "$type": "color",
44317
+ "$extensions": {
44318
+ "org.primer.figma": {
44319
+ "collection": "mode",
44320
+ "group": "component",
44321
+ "scopes": ["bgColor"]
44322
+ }
44323
+ },
44324
+ "key": "{progressBar.bgColor.severe}"
44325
+ },
44326
+ "name": "progressBar-bgColor-severe",
44327
+ "attributes": {},
44328
+ "path": ["progressBar", "bgColor", "severe"]
44329
+ },
44330
+ "progressBar-bgColor-sponsors": {
44331
+ "key": "{progressBar.bgColor.sponsors}",
44332
+ "$value": "#9c1d6a",
44333
+ "$type": "color",
44334
+ "$extensions": {
44335
+ "org.primer.figma": {
44336
+ "collection": "mode",
44337
+ "group": "component",
44338
+ "scopes": ["bgColor"]
44339
+ }
44340
+ },
44341
+ "filePath": "src/tokens/component/progressBar.json5",
44342
+ "isSource": true,
44343
+ "original": {
44344
+ "$value": "{bgColor.sponsors.emphasis}",
44345
+ "$type": "color",
44346
+ "$extensions": {
44347
+ "org.primer.figma": {
44348
+ "collection": "mode",
44349
+ "group": "component",
44350
+ "scopes": ["bgColor"]
44351
+ }
44352
+ },
44353
+ "key": "{progressBar.bgColor.sponsors}"
44354
+ },
44355
+ "name": "progressBar-bgColor-sponsors",
44356
+ "attributes": {},
44357
+ "path": ["progressBar", "bgColor", "sponsors"]
44358
+ },
44359
+ "progressBar-bgColor-success": {
44360
+ "key": "{progressBar.bgColor.success}",
44361
+ "$value": "#194fb1",
44362
+ "$type": "color",
44363
+ "$extensions": {
44364
+ "org.primer.figma": {
44365
+ "collection": "mode",
44366
+ "group": "component",
44367
+ "scopes": ["bgColor"]
44368
+ }
44369
+ },
44370
+ "filePath": "src/tokens/component/progressBar.json5",
44371
+ "isSource": true,
44372
+ "original": {
44373
+ "$value": "{bgColor.success.emphasis}",
44374
+ "$type": "color",
44375
+ "$extensions": {
44376
+ "org.primer.figma": {
44377
+ "collection": "mode",
44378
+ "group": "component",
44379
+ "scopes": ["bgColor"]
44380
+ }
44381
+ },
44382
+ "key": "{progressBar.bgColor.success}"
44383
+ },
44384
+ "name": "progressBar-bgColor-success",
44385
+ "attributes": {},
44386
+ "path": ["progressBar", "bgColor", "success"]
44387
+ },
44388
+ "progressBar-track-bgColor": {
44389
+ "key": "{progressBar.track.bgColor}",
44390
+ "$value": "#ffffff",
44391
+ "$type": "color",
44392
+ "$extensions": {
44393
+ "org.primer.figma": {
44394
+ "collection": "mode",
44395
+ "group": "component",
44396
+ "scopes": ["bgColor"]
44397
+ },
44398
+ "org.primer.overrides": {
44399
+ "dark-high-contrast": "#ffffff",
44400
+ "dark-dimmed-high-contrast": "#ffffff",
44401
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44402
+ "dark-tritanopia-high-contrast": "#ffffff",
44403
+ "light-high-contrast": "#010409",
44404
+ "light-protanopia-deuteranopia-high-contrast": "#010409",
44405
+ "light-tritanopia-high-contrast": "#010409"
44406
+ }
44407
+ },
44408
+ "filePath": "src/tokens/component/progressBar.json5",
44409
+ "isSource": true,
44410
+ "original": {
44411
+ "$value": "{bgColor.inverse}",
44412
+ "$type": "color",
44413
+ "$extensions": {
44414
+ "org.primer.figma": {
44415
+ "collection": "mode",
44416
+ "group": "component",
44417
+ "scopes": ["bgColor"]
44418
+ },
44419
+ "org.primer.overrides": {
44420
+ "dark-high-contrast": "{bgColor.inverse}",
44421
+ "dark-dimmed-high-contrast": "{bgColor.inverse}",
44422
+ "dark-protanopia-deuteranopia-high-contrast": "{bgColor.inverse}",
44423
+ "dark-tritanopia-high-contrast": "{bgColor.inverse}",
44424
+ "light-high-contrast": "{bgColor.default}",
44425
+ "light-protanopia-deuteranopia-high-contrast": "{bgColor.default}",
44426
+ "light-tritanopia-high-contrast": "{bgColor.default}"
44427
+ }
44428
+ },
44429
+ "key": "{progressBar.track.bgColor}"
44430
+ },
44431
+ "name": "progressBar-track-bgColor",
44432
+ "attributes": {},
44433
+ "path": ["progressBar", "track", "bgColor"]
44434
+ },
44435
+ "progressBar-track-borderColor": {
44436
+ "key": "{progressBar.track.borderColor}",
44437
+ "$value": "#ffffff",
44438
+ "$type": "color",
44439
+ "$extensions": {
44440
+ "org.primer.figma": {
44441
+ "collection": "mode",
44442
+ "group": "component",
44443
+ "scopes": ["borderColor"]
44444
+ },
44445
+ "org.primer.overrides": {
44446
+ "dark-high-contrast": "#ffffff",
44447
+ "dark-dimmed-high-contrast": "#ffffff",
44448
+ "dark-protanopia-deuteranopia-high-contrast": "#ffffff",
44449
+ "dark-tritanopia-high-contrast": "#ffffff",
44450
+ "light-high-contrast": "#d1d7e0",
44451
+ "light-protanopia-deuteranopia-high-contrast": "#d1d7e0",
44452
+ "light-tritanopia-high-contrast": "#d1d7e0"
44453
+ }
44454
+ },
44455
+ "filePath": "src/tokens/component/progressBar.json5",
44456
+ "isSource": true,
44457
+ "original": {
44458
+ "$value": "{progressBar.track.bgColor}",
44459
+ "$type": "color",
44460
+ "$extensions": {
44461
+ "org.primer.figma": {
44462
+ "collection": "mode",
44463
+ "group": "component",
44464
+ "scopes": ["borderColor"]
44465
+ },
44466
+ "org.primer.overrides": {
44467
+ "dark-high-contrast": "{progressBar.track.bgColor}",
44468
+ "dark-dimmed-high-contrast": "{progressBar.track.bgColor}",
44469
+ "dark-protanopia-deuteranopia-high-contrast": "{progressBar.track.bgColor}",
44470
+ "dark-tritanopia-high-contrast": "{progressBar.track.bgColor}",
44471
+ "light-high-contrast": "{base.color.neutral.11}",
44472
+ "light-protanopia-deuteranopia-high-contrast": "{base.color.neutral.11}",
44473
+ "light-tritanopia-high-contrast": "{base.color.neutral.11}"
44474
+ }
44475
+ },
44476
+ "key": "{progressBar.track.borderColor}"
44477
+ },
44478
+ "name": "progressBar-track-borderColor",
44479
+ "attributes": {},
44480
+ "path": ["progressBar", "track", "borderColor"]
44481
+ },
44124
44482
  "reactionButton-selected-bgColor-hover": {
44125
44483
  "key": "{reactionButton.selected.bgColor.hover}",
44126
44484
  "$value": "#3a8cfd5c",