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