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