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