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