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