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