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