@primer/primitives 10.6.1-rc.792232b9 → 10.7.0

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 (47) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +380 -0
  2. package/dist/css/functional/themes/dark-dimmed.css +380 -0
  3. package/dist/css/functional/themes/dark-high-contrast.css +380 -0
  4. package/dist/css/functional/themes/dark-tritanopia.css +380 -0
  5. package/dist/css/functional/themes/dark.css +380 -0
  6. package/dist/css/functional/themes/light-colorblind.css +380 -0
  7. package/dist/css/functional/themes/light-high-contrast.css +380 -0
  8. package/dist/css/functional/themes/light-tritanopia.css +380 -0
  9. package/dist/css/functional/themes/light.css +380 -0
  10. package/dist/docs/functional/themes/dark-colorblind.json +5508 -188
  11. package/dist/docs/functional/themes/dark-dimmed.json +5508 -188
  12. package/dist/docs/functional/themes/dark-high-contrast.json +6164 -844
  13. package/dist/docs/functional/themes/dark-tritanopia.json +5508 -188
  14. package/dist/docs/functional/themes/dark.json +5508 -188
  15. package/dist/docs/functional/themes/light-colorblind.json +5514 -194
  16. package/dist/docs/functional/themes/light-high-contrast.json +5529 -209
  17. package/dist/docs/functional/themes/light-tritanopia.json +5514 -194
  18. package/dist/docs/functional/themes/light.json +5514 -194
  19. package/dist/figma/themes/dark-colorblind.json +3606 -566
  20. package/dist/figma/themes/dark-dimmed.json +3607 -567
  21. package/dist/figma/themes/dark-high-contrast.json +3612 -572
  22. package/dist/figma/themes/dark-tritanopia.json +3606 -566
  23. package/dist/figma/themes/dark.json +3606 -566
  24. package/dist/figma/themes/light-colorblind.json +3613 -573
  25. package/dist/figma/themes/light-high-contrast.json +3607 -567
  26. package/dist/figma/themes/light-tritanopia.json +3612 -572
  27. package/dist/figma/themes/light.json +3612 -572
  28. package/dist/internalCss/dark-colorblind.css +380 -0
  29. package/dist/internalCss/dark-dimmed.css +380 -0
  30. package/dist/internalCss/dark-high-contrast.css +380 -0
  31. package/dist/internalCss/dark-tritanopia.css +380 -0
  32. package/dist/internalCss/dark.css +380 -0
  33. package/dist/internalCss/light-colorblind.css +380 -0
  34. package/dist/internalCss/light-high-contrast.css +380 -0
  35. package/dist/internalCss/light-tritanopia.css +380 -0
  36. package/dist/internalCss/light.css +380 -0
  37. package/dist/styleLint/functional/themes/dark-colorblind.json +5504 -184
  38. package/dist/styleLint/functional/themes/dark-dimmed.json +5504 -184
  39. package/dist/styleLint/functional/themes/dark-high-contrast.json +5505 -185
  40. package/dist/styleLint/functional/themes/dark-tritanopia.json +5504 -184
  41. package/dist/styleLint/functional/themes/dark.json +5504 -184
  42. package/dist/styleLint/functional/themes/light-colorblind.json +5518 -198
  43. package/dist/styleLint/functional/themes/light-high-contrast.json +5523 -203
  44. package/dist/styleLint/functional/themes/light-tritanopia.json +5518 -198
  45. package/dist/styleLint/functional/themes/light.json +5518 -198
  46. package/package.json +1 -1
  47. package/src/tokens/functional/color/display.json5 +3123 -615
@@ -204,96 +204,286 @@
204
204
  --display-auburn-borderColor-emphasis: #9d615c;
205
205
  --display-auburn-borderColor-muted: #e6d6d5;
206
206
  --display-auburn-fgColor: #8a5551;
207
+ --display-auburn-scale-0: #f2e9e9;
208
+ --display-auburn-scale-1: #e6d6d5;
209
+ --display-auburn-scale-2: #d4b7b5;
210
+ --display-auburn-scale-3: #c59e9b;
211
+ --display-auburn-scale-4: #b4827e;
212
+ --display-auburn-scale-5: #9d615c;
213
+ --display-auburn-scale-6: #8a5551;
214
+ --display-auburn-scale-7: #744744;
215
+ --display-auburn-scale-8: #5d3937;
216
+ --display-auburn-scale-9: #432928;
207
217
  --display-blue-bgColor-emphasis: #006edb;
208
218
  --display-blue-bgColor-muted: #d1f0ff;
209
219
  --display-blue-borderColor-emphasis: #006edb;
210
220
  --display-blue-borderColor-muted: #ade1ff;
211
221
  --display-blue-fgColor: #005fcc;
222
+ --display-blue-scale-0: #d1f0ff;
223
+ --display-blue-scale-1: #ade1ff;
224
+ --display-blue-scale-2: #75c8ff;
225
+ --display-blue-scale-3: #47afff;
226
+ --display-blue-scale-4: #0f8fff;
227
+ --display-blue-scale-5: #006edb;
228
+ --display-blue-scale-6: #005fcc;
229
+ --display-blue-scale-7: #004db3;
230
+ --display-blue-scale-8: #003d99;
231
+ --display-blue-scale-9: #002b75;
212
232
  --display-brown-bgColor-emphasis: #856d4c;
213
233
  --display-brown-bgColor-muted: #eeeae2;
214
234
  --display-brown-borderColor-emphasis: #856d4c;
215
235
  --display-brown-borderColor-muted: #dfd7c8;
216
236
  --display-brown-fgColor: #755f43;
237
+ --display-brown-scale-0: #eeeae2;
238
+ --display-brown-scale-1: #dfd7c8;
239
+ --display-brown-scale-2: #cbbda4;
240
+ --display-brown-scale-3: #b8a484;
241
+ --display-brown-scale-4: #a68b64;
242
+ --display-brown-scale-5: #856d4c;
243
+ --display-brown-scale-6: #755f43;
244
+ --display-brown-scale-7: #64513a;
245
+ --display-brown-scale-8: #51412f;
246
+ --display-brown-scale-9: #3a2e22;
217
247
  --display-coral-bgColor-emphasis: #d43511;
218
248
  --display-coral-bgColor-muted: #ffe5db;
219
249
  --display-coral-borderColor-emphasis: #d43511;
220
250
  --display-coral-borderColor-muted: #fecebe;
221
251
  --display-coral-fgColor: #ba2e12;
252
+ --display-coral-scale-0: #ffe5db;
253
+ --display-coral-scale-1: #fecebe;
254
+ --display-coral-scale-2: #fcab92;
255
+ --display-coral-scale-3: #f88768;
256
+ --display-coral-scale-4: #f25f3a;
257
+ --display-coral-scale-5: #d43511;
258
+ --display-coral-scale-6: #ba2e12;
259
+ --display-coral-scale-7: #9b2712;
260
+ --display-coral-scale-8: #7e2011;
261
+ --display-coral-scale-9: #5d180e;
222
262
  --display-cyan-bgColor-emphasis: #007b94;
223
263
  --display-cyan-bgColor-muted: #bdf4ff;
224
264
  --display-cyan-borderColor-emphasis: #007b94;
225
265
  --display-cyan-borderColor-muted: #7ae9ff;
226
266
  --display-cyan-fgColor: #006a80;
267
+ --display-cyan-scale-0: #bdf4ff;
268
+ --display-cyan-scale-1: #7ae9ff;
269
+ --display-cyan-scale-2: #00d0fa;
270
+ --display-cyan-scale-3: #00b7db;
271
+ --display-cyan-scale-4: #0099b8;
272
+ --display-cyan-scale-5: #007b94;
273
+ --display-cyan-scale-6: #006a80;
274
+ --display-cyan-scale-7: #00596b;
275
+ --display-cyan-scale-8: #004857;
276
+ --display-cyan-scale-9: #003742;
227
277
  --display-gray-bgColor-emphasis: #647182;
228
278
  --display-gray-bgColor-muted: #e8ecf2;
229
279
  --display-gray-borderColor-emphasis: #647182;
230
280
  --display-gray-borderColor-muted: #d2dae4;
231
281
  --display-gray-fgColor: #5c6570;
282
+ --display-gray-scale-0: #e8ecf2;
283
+ --display-gray-scale-1: #d2dae4;
284
+ --display-gray-scale-2: #b4c0cf;
285
+ --display-gray-scale-3: #9ba9bb;
286
+ --display-gray-scale-4: #808fa3;
287
+ --display-gray-scale-5: #647182;
288
+ --display-gray-scale-6: #5c6570;
289
+ --display-gray-scale-7: #4e535a;
290
+ --display-gray-scale-8: #424448;
291
+ --display-gray-scale-9: #303031;
232
292
  --display-green-bgColor-emphasis: #2c8141;
233
293
  --display-green-bgColor-muted: #caf7ca;
234
294
  --display-green-borderColor-emphasis: #2c8141;
235
295
  --display-green-borderColor-muted: #9ceda0;
236
296
  --display-green-fgColor: #2b6e3f;
297
+ --display-green-scale-0: #caf7ca;
298
+ --display-green-scale-1: #9ceda0;
299
+ --display-green-scale-2: #54d961;
300
+ --display-green-scale-3: #31bf46;
301
+ --display-green-scale-4: #30a147;
302
+ --display-green-scale-5: #2c8141;
303
+ --display-green-scale-6: #2b6e3f;
304
+ --display-green-scale-7: #285c3b;
305
+ --display-green-scale-8: #254b34;
306
+ --display-green-scale-9: #1d3528;
237
307
  --display-indigo-bgColor-emphasis: #5a61e7;
238
308
  --display-indigo-bgColor-muted: #e5e9ff;
239
309
  --display-indigo-borderColor-emphasis: #5a61e7;
240
310
  --display-indigo-borderColor-muted: #d2d7fe;
241
311
  --display-indigo-fgColor: #494edf;
312
+ --display-indigo-scale-0: #e5e9ff;
313
+ --display-indigo-scale-1: #d2d7fe;
314
+ --display-indigo-scale-2: #b1b9fb;
315
+ --display-indigo-scale-3: #979ff7;
316
+ --display-indigo-scale-4: #7a82f0;
317
+ --display-indigo-scale-5: #5a61e7;
318
+ --display-indigo-scale-6: #494edf;
319
+ --display-indigo-scale-7: #393cd5;
320
+ --display-indigo-scale-8: #2d2db4;
321
+ --display-indigo-scale-9: #25247b;
242
322
  --display-lemon-bgColor-emphasis: #866e04;
243
323
  --display-lemon-bgColor-muted: #f7eea1;
244
324
  --display-lemon-borderColor-emphasis: #866e04;
245
325
  --display-lemon-borderColor-muted: #f0db3d;
246
326
  --display-lemon-fgColor: #786002;
327
+ --display-lemon-scale-0: #f7eea1;
328
+ --display-lemon-scale-1: #f0db3d;
329
+ --display-lemon-scale-2: #d8bd0e;
330
+ --display-lemon-scale-3: #c2a60a;
331
+ --display-lemon-scale-4: #a68c07;
332
+ --display-lemon-scale-5: #866e04;
333
+ --display-lemon-scale-6: #786002;
334
+ --display-lemon-scale-7: #654f01;
335
+ --display-lemon-scale-8: #523f00;
336
+ --display-lemon-scale-9: #3d2e00;
247
337
  --display-lime-bgColor-emphasis: #527a29;
248
338
  --display-lime-bgColor-muted: #e3f2b5;
249
339
  --display-lime-borderColor-emphasis: #527a29;
250
340
  --display-lime-borderColor-muted: #c7e580;
251
341
  --display-lime-fgColor: #476c28;
342
+ --display-lime-scale-0: #e3f2b5;
343
+ --display-lime-scale-1: #c7e580;
344
+ --display-lime-scale-2: #9bd039;
345
+ --display-lime-scale-3: #80b530;
346
+ --display-lime-scale-4: #6c9d2f;
347
+ --display-lime-scale-5: #527a29;
348
+ --display-lime-scale-6: #476c28;
349
+ --display-lime-scale-7: #3a5b25;
350
+ --display-lime-scale-8: #2f4a21;
351
+ --display-lime-scale-9: #213319;
252
352
  --display-olive-bgColor-emphasis: #64762d;
253
353
  --display-olive-bgColor-muted: #f0f0ad;
254
354
  --display-olive-borderColor-emphasis: #64762d;
255
355
  --display-olive-borderColor-muted: #dbe170;
256
356
  --display-olive-fgColor: #56682c;
357
+ --display-olive-scale-0: #f0f0ad;
358
+ --display-olive-scale-1: #dbe170;
359
+ --display-olive-scale-2: #b9c832;
360
+ --display-olive-scale-3: #9bae32;
361
+ --display-olive-scale-4: #819532;
362
+ --display-olive-scale-5: #64762d;
363
+ --display-olive-scale-6: #56682c;
364
+ --display-olive-scale-7: #495a2b;
365
+ --display-olive-scale-8: #3b4927;
366
+ --display-olive-scale-9: #2a331f;
257
367
  --display-orange-bgColor-emphasis: #b8500f;
258
368
  --display-orange-bgColor-muted: #ffe7d1;
259
369
  --display-orange-borderColor-emphasis: #b8500f;
260
370
  --display-orange-borderColor-muted: #fecfaa;
261
371
  --display-orange-fgColor: #a24610;
372
+ --display-orange-scale-0: #ffe7d1;
373
+ --display-orange-scale-1: #fecfaa;
374
+ --display-orange-scale-2: #fbaf74;
375
+ --display-orange-scale-3: #f68c41;
376
+ --display-orange-scale-4: #eb670f;
377
+ --display-orange-scale-5: #b8500f;
378
+ --display-orange-scale-6: #a24610;
379
+ --display-orange-scale-7: #8d3c11;
380
+ --display-orange-scale-8: #70300f;
381
+ --display-orange-scale-9: #54230d;
262
382
  --display-pine-bgColor-emphasis: #167e53;
263
383
  --display-pine-bgColor-muted: #bff8db;
264
384
  --display-pine-borderColor-emphasis: #167e53;
265
385
  --display-pine-borderColor-muted: #80efb9;
266
386
  --display-pine-fgColor: #156f4b;
387
+ --display-pine-scale-0: #bff8db;
388
+ --display-pine-scale-1: #80efb9;
389
+ --display-pine-scale-2: #1dd781;
390
+ --display-pine-scale-3: #1dbf76;
391
+ --display-pine-scale-4: #1aa267;
392
+ --display-pine-scale-5: #167e53;
393
+ --display-pine-scale-6: #156f4b;
394
+ --display-pine-scale-7: #135d41;
395
+ --display-pine-scale-8: #114b36;
396
+ --display-pine-scale-9: #0d3627;
267
397
  --display-pink-bgColor-emphasis: #ce2c85;
268
398
  --display-pink-bgColor-muted: #ffe5f1;
269
399
  --display-pink-borderColor-emphasis: #ce2c85;
270
400
  --display-pink-borderColor-muted: #fdc9e2;
271
401
  --display-pink-fgColor: #b12f79;
402
+ --display-pink-scale-0: #ffe5f1;
403
+ --display-pink-scale-1: #fdc9e2;
404
+ --display-pink-scale-2: #f8a5cf;
405
+ --display-pink-scale-3: #f184bc;
406
+ --display-pink-scale-4: #e55da5;
407
+ --display-pink-scale-5: #ce2c85;
408
+ --display-pink-scale-6: #b12f79;
409
+ --display-pink-scale-7: #8e2e66;
410
+ --display-pink-scale-8: #6e2b53;
411
+ --display-pink-scale-9: #4d233d;
272
412
  --display-plum-bgColor-emphasis: #a830e8;
273
413
  --display-plum-bgColor-muted: #f8e5ff;
274
414
  --display-plum-borderColor-emphasis: #a830e8;
275
415
  --display-plum-borderColor-muted: #f0cdfe;
276
416
  --display-plum-fgColor: #961edc;
417
+ --display-plum-scale-0: #f8e5ff;
418
+ --display-plum-scale-1: #f0cdfe;
419
+ --display-plum-scale-2: #e2a7fb;
420
+ --display-plum-scale-3: #d487f7;
421
+ --display-plum-scale-4: #c264f2;
422
+ --display-plum-scale-5: #a830e8;
423
+ --display-plum-scale-6: #961edc;
424
+ --display-plum-scale-7: #7d1eb8;
425
+ --display-plum-scale-8: #651d96;
426
+ --display-plum-scale-9: #471769;
277
427
  --display-purple-bgColor-emphasis: #894ceb;
278
428
  --display-purple-bgColor-muted: #f1e5ff;
279
429
  --display-purple-borderColor-emphasis: #894ceb;
280
430
  --display-purple-borderColor-muted: #e6d2fe;
281
431
  --display-purple-fgColor: #783ae4;
432
+ --display-purple-scale-0: #f1e5ff;
433
+ --display-purple-scale-1: #e6d2fe;
434
+ --display-purple-scale-2: #d1b1fc;
435
+ --display-purple-scale-3: #bc91f8;
436
+ --display-purple-scale-4: #a672f3;
437
+ --display-purple-scale-5: #894ceb;
438
+ --display-purple-scale-6: #783ae4;
439
+ --display-purple-scale-7: #6223d7;
440
+ --display-purple-scale-8: #4f21ab;
441
+ --display-purple-scale-9: #391b79;
282
442
  --display-red-bgColor-emphasis: #df0c24;
283
443
  --display-red-bgColor-muted: #ffe2e0;
284
444
  --display-red-borderColor-emphasis: #df0c24;
285
445
  --display-red-borderColor-muted: #fecdcd;
286
446
  --display-red-fgColor: #c50d28;
447
+ --display-red-scale-0: #ffe2e0;
448
+ --display-red-scale-1: #fecdcd;
449
+ --display-red-scale-2: #fda5a7;
450
+ --display-red-scale-3: #fb8389;
451
+ --display-red-scale-4: #f85461;
452
+ --display-red-scale-5: #df0c24;
453
+ --display-red-scale-6: #c50d28;
454
+ --display-red-scale-7: #a60c29;
455
+ --display-red-scale-8: #880c27;
456
+ --display-red-scale-9: #610a20;
287
457
  --display-teal-bgColor-emphasis: #127e81;
288
458
  --display-teal-bgColor-muted: #c7f5ef;
289
459
  --display-teal-borderColor-emphasis: #127e81;
290
460
  --display-teal-borderColor-muted: #89ebe1;
291
461
  --display-teal-fgColor: #106e75;
462
+ --display-teal-scale-0: #c7f5ef;
463
+ --display-teal-scale-1: #89ebe1;
464
+ --display-teal-scale-2: #22d3c7;
465
+ --display-teal-scale-3: #1db9b4;
466
+ --display-teal-scale-4: #179b9b;
467
+ --display-teal-scale-5: #127e81;
468
+ --display-teal-scale-6: #106e75;
469
+ --display-teal-scale-7: #0d5b63;
470
+ --display-teal-scale-8: #0a4852;
471
+ --display-teal-scale-9: #073740;
292
472
  --display-yellow-bgColor-emphasis: #946a00;
293
473
  --display-yellow-bgColor-muted: #ffec9e;
294
474
  --display-yellow-borderColor-emphasis: #946a00;
295
475
  --display-yellow-borderColor-muted: #ffd642;
296
476
  --display-yellow-fgColor: #805900;
477
+ --display-yellow-scale-0: #ffec9e;
478
+ --display-yellow-scale-1: #ffd642;
479
+ --display-yellow-scale-2: #ebb400;
480
+ --display-yellow-scale-3: #d19d00;
481
+ --display-yellow-scale-4: #b88700;
482
+ --display-yellow-scale-5: #946a00;
483
+ --display-yellow-scale-6: #805900;
484
+ --display-yellow-scale-7: #704d00;
485
+ --display-yellow-scale-8: #5c3d00;
486
+ --display-yellow-scale-9: #422b00;
297
487
  --fgColor-accent: #0969da;
298
488
  --fgColor-attention: #9a6700;
299
489
  --fgColor-closed: var(--fgColor-danger);
@@ -842,96 +1032,286 @@
842
1032
  --display-auburn-borderColor-emphasis: #9d615c;
843
1033
  --display-auburn-borderColor-muted: #e6d6d5;
844
1034
  --display-auburn-fgColor: #8a5551;
1035
+ --display-auburn-scale-0: #f2e9e9;
1036
+ --display-auburn-scale-1: #e6d6d5;
1037
+ --display-auburn-scale-2: #d4b7b5;
1038
+ --display-auburn-scale-3: #c59e9b;
1039
+ --display-auburn-scale-4: #b4827e;
1040
+ --display-auburn-scale-5: #9d615c;
1041
+ --display-auburn-scale-6: #8a5551;
1042
+ --display-auburn-scale-7: #744744;
1043
+ --display-auburn-scale-8: #5d3937;
1044
+ --display-auburn-scale-9: #432928;
845
1045
  --display-blue-bgColor-emphasis: #006edb;
846
1046
  --display-blue-bgColor-muted: #d1f0ff;
847
1047
  --display-blue-borderColor-emphasis: #006edb;
848
1048
  --display-blue-borderColor-muted: #ade1ff;
849
1049
  --display-blue-fgColor: #005fcc;
1050
+ --display-blue-scale-0: #d1f0ff;
1051
+ --display-blue-scale-1: #ade1ff;
1052
+ --display-blue-scale-2: #75c8ff;
1053
+ --display-blue-scale-3: #47afff;
1054
+ --display-blue-scale-4: #0f8fff;
1055
+ --display-blue-scale-5: #006edb;
1056
+ --display-blue-scale-6: #005fcc;
1057
+ --display-blue-scale-7: #004db3;
1058
+ --display-blue-scale-8: #003d99;
1059
+ --display-blue-scale-9: #002b75;
850
1060
  --display-brown-bgColor-emphasis: #856d4c;
851
1061
  --display-brown-bgColor-muted: #eeeae2;
852
1062
  --display-brown-borderColor-emphasis: #856d4c;
853
1063
  --display-brown-borderColor-muted: #dfd7c8;
854
1064
  --display-brown-fgColor: #755f43;
1065
+ --display-brown-scale-0: #eeeae2;
1066
+ --display-brown-scale-1: #dfd7c8;
1067
+ --display-brown-scale-2: #cbbda4;
1068
+ --display-brown-scale-3: #b8a484;
1069
+ --display-brown-scale-4: #a68b64;
1070
+ --display-brown-scale-5: #856d4c;
1071
+ --display-brown-scale-6: #755f43;
1072
+ --display-brown-scale-7: #64513a;
1073
+ --display-brown-scale-8: #51412f;
1074
+ --display-brown-scale-9: #3a2e22;
855
1075
  --display-coral-bgColor-emphasis: #d43511;
856
1076
  --display-coral-bgColor-muted: #ffe5db;
857
1077
  --display-coral-borderColor-emphasis: #d43511;
858
1078
  --display-coral-borderColor-muted: #fecebe;
859
1079
  --display-coral-fgColor: #ba2e12;
1080
+ --display-coral-scale-0: #ffe5db;
1081
+ --display-coral-scale-1: #fecebe;
1082
+ --display-coral-scale-2: #fcab92;
1083
+ --display-coral-scale-3: #f88768;
1084
+ --display-coral-scale-4: #f25f3a;
1085
+ --display-coral-scale-5: #d43511;
1086
+ --display-coral-scale-6: #ba2e12;
1087
+ --display-coral-scale-7: #9b2712;
1088
+ --display-coral-scale-8: #7e2011;
1089
+ --display-coral-scale-9: #5d180e;
860
1090
  --display-cyan-bgColor-emphasis: #007b94;
861
1091
  --display-cyan-bgColor-muted: #bdf4ff;
862
1092
  --display-cyan-borderColor-emphasis: #007b94;
863
1093
  --display-cyan-borderColor-muted: #7ae9ff;
864
1094
  --display-cyan-fgColor: #006a80;
1095
+ --display-cyan-scale-0: #bdf4ff;
1096
+ --display-cyan-scale-1: #7ae9ff;
1097
+ --display-cyan-scale-2: #00d0fa;
1098
+ --display-cyan-scale-3: #00b7db;
1099
+ --display-cyan-scale-4: #0099b8;
1100
+ --display-cyan-scale-5: #007b94;
1101
+ --display-cyan-scale-6: #006a80;
1102
+ --display-cyan-scale-7: #00596b;
1103
+ --display-cyan-scale-8: #004857;
1104
+ --display-cyan-scale-9: #003742;
865
1105
  --display-gray-bgColor-emphasis: #647182;
866
1106
  --display-gray-bgColor-muted: #e8ecf2;
867
1107
  --display-gray-borderColor-emphasis: #647182;
868
1108
  --display-gray-borderColor-muted: #d2dae4;
869
1109
  --display-gray-fgColor: #5c6570;
1110
+ --display-gray-scale-0: #e8ecf2;
1111
+ --display-gray-scale-1: #d2dae4;
1112
+ --display-gray-scale-2: #b4c0cf;
1113
+ --display-gray-scale-3: #9ba9bb;
1114
+ --display-gray-scale-4: #808fa3;
1115
+ --display-gray-scale-5: #647182;
1116
+ --display-gray-scale-6: #5c6570;
1117
+ --display-gray-scale-7: #4e535a;
1118
+ --display-gray-scale-8: #424448;
1119
+ --display-gray-scale-9: #303031;
870
1120
  --display-green-bgColor-emphasis: #2c8141;
871
1121
  --display-green-bgColor-muted: #caf7ca;
872
1122
  --display-green-borderColor-emphasis: #2c8141;
873
1123
  --display-green-borderColor-muted: #9ceda0;
874
1124
  --display-green-fgColor: #2b6e3f;
1125
+ --display-green-scale-0: #caf7ca;
1126
+ --display-green-scale-1: #9ceda0;
1127
+ --display-green-scale-2: #54d961;
1128
+ --display-green-scale-3: #31bf46;
1129
+ --display-green-scale-4: #30a147;
1130
+ --display-green-scale-5: #2c8141;
1131
+ --display-green-scale-6: #2b6e3f;
1132
+ --display-green-scale-7: #285c3b;
1133
+ --display-green-scale-8: #254b34;
1134
+ --display-green-scale-9: #1d3528;
875
1135
  --display-indigo-bgColor-emphasis: #5a61e7;
876
1136
  --display-indigo-bgColor-muted: #e5e9ff;
877
1137
  --display-indigo-borderColor-emphasis: #5a61e7;
878
1138
  --display-indigo-borderColor-muted: #d2d7fe;
879
1139
  --display-indigo-fgColor: #494edf;
1140
+ --display-indigo-scale-0: #e5e9ff;
1141
+ --display-indigo-scale-1: #d2d7fe;
1142
+ --display-indigo-scale-2: #b1b9fb;
1143
+ --display-indigo-scale-3: #979ff7;
1144
+ --display-indigo-scale-4: #7a82f0;
1145
+ --display-indigo-scale-5: #5a61e7;
1146
+ --display-indigo-scale-6: #494edf;
1147
+ --display-indigo-scale-7: #393cd5;
1148
+ --display-indigo-scale-8: #2d2db4;
1149
+ --display-indigo-scale-9: #25247b;
880
1150
  --display-lemon-bgColor-emphasis: #866e04;
881
1151
  --display-lemon-bgColor-muted: #f7eea1;
882
1152
  --display-lemon-borderColor-emphasis: #866e04;
883
1153
  --display-lemon-borderColor-muted: #f0db3d;
884
1154
  --display-lemon-fgColor: #786002;
1155
+ --display-lemon-scale-0: #f7eea1;
1156
+ --display-lemon-scale-1: #f0db3d;
1157
+ --display-lemon-scale-2: #d8bd0e;
1158
+ --display-lemon-scale-3: #c2a60a;
1159
+ --display-lemon-scale-4: #a68c07;
1160
+ --display-lemon-scale-5: #866e04;
1161
+ --display-lemon-scale-6: #786002;
1162
+ --display-lemon-scale-7: #654f01;
1163
+ --display-lemon-scale-8: #523f00;
1164
+ --display-lemon-scale-9: #3d2e00;
885
1165
  --display-lime-bgColor-emphasis: #527a29;
886
1166
  --display-lime-bgColor-muted: #e3f2b5;
887
1167
  --display-lime-borderColor-emphasis: #527a29;
888
1168
  --display-lime-borderColor-muted: #c7e580;
889
1169
  --display-lime-fgColor: #476c28;
1170
+ --display-lime-scale-0: #e3f2b5;
1171
+ --display-lime-scale-1: #c7e580;
1172
+ --display-lime-scale-2: #9bd039;
1173
+ --display-lime-scale-3: #80b530;
1174
+ --display-lime-scale-4: #6c9d2f;
1175
+ --display-lime-scale-5: #527a29;
1176
+ --display-lime-scale-6: #476c28;
1177
+ --display-lime-scale-7: #3a5b25;
1178
+ --display-lime-scale-8: #2f4a21;
1179
+ --display-lime-scale-9: #213319;
890
1180
  --display-olive-bgColor-emphasis: #64762d;
891
1181
  --display-olive-bgColor-muted: #f0f0ad;
892
1182
  --display-olive-borderColor-emphasis: #64762d;
893
1183
  --display-olive-borderColor-muted: #dbe170;
894
1184
  --display-olive-fgColor: #56682c;
1185
+ --display-olive-scale-0: #f0f0ad;
1186
+ --display-olive-scale-1: #dbe170;
1187
+ --display-olive-scale-2: #b9c832;
1188
+ --display-olive-scale-3: #9bae32;
1189
+ --display-olive-scale-4: #819532;
1190
+ --display-olive-scale-5: #64762d;
1191
+ --display-olive-scale-6: #56682c;
1192
+ --display-olive-scale-7: #495a2b;
1193
+ --display-olive-scale-8: #3b4927;
1194
+ --display-olive-scale-9: #2a331f;
895
1195
  --display-orange-bgColor-emphasis: #b8500f;
896
1196
  --display-orange-bgColor-muted: #ffe7d1;
897
1197
  --display-orange-borderColor-emphasis: #b8500f;
898
1198
  --display-orange-borderColor-muted: #fecfaa;
899
1199
  --display-orange-fgColor: #a24610;
1200
+ --display-orange-scale-0: #ffe7d1;
1201
+ --display-orange-scale-1: #fecfaa;
1202
+ --display-orange-scale-2: #fbaf74;
1203
+ --display-orange-scale-3: #f68c41;
1204
+ --display-orange-scale-4: #eb670f;
1205
+ --display-orange-scale-5: #b8500f;
1206
+ --display-orange-scale-6: #a24610;
1207
+ --display-orange-scale-7: #8d3c11;
1208
+ --display-orange-scale-8: #70300f;
1209
+ --display-orange-scale-9: #54230d;
900
1210
  --display-pine-bgColor-emphasis: #167e53;
901
1211
  --display-pine-bgColor-muted: #bff8db;
902
1212
  --display-pine-borderColor-emphasis: #167e53;
903
1213
  --display-pine-borderColor-muted: #80efb9;
904
1214
  --display-pine-fgColor: #156f4b;
1215
+ --display-pine-scale-0: #bff8db;
1216
+ --display-pine-scale-1: #80efb9;
1217
+ --display-pine-scale-2: #1dd781;
1218
+ --display-pine-scale-3: #1dbf76;
1219
+ --display-pine-scale-4: #1aa267;
1220
+ --display-pine-scale-5: #167e53;
1221
+ --display-pine-scale-6: #156f4b;
1222
+ --display-pine-scale-7: #135d41;
1223
+ --display-pine-scale-8: #114b36;
1224
+ --display-pine-scale-9: #0d3627;
905
1225
  --display-pink-bgColor-emphasis: #ce2c85;
906
1226
  --display-pink-bgColor-muted: #ffe5f1;
907
1227
  --display-pink-borderColor-emphasis: #ce2c85;
908
1228
  --display-pink-borderColor-muted: #fdc9e2;
909
1229
  --display-pink-fgColor: #b12f79;
1230
+ --display-pink-scale-0: #ffe5f1;
1231
+ --display-pink-scale-1: #fdc9e2;
1232
+ --display-pink-scale-2: #f8a5cf;
1233
+ --display-pink-scale-3: #f184bc;
1234
+ --display-pink-scale-4: #e55da5;
1235
+ --display-pink-scale-5: #ce2c85;
1236
+ --display-pink-scale-6: #b12f79;
1237
+ --display-pink-scale-7: #8e2e66;
1238
+ --display-pink-scale-8: #6e2b53;
1239
+ --display-pink-scale-9: #4d233d;
910
1240
  --display-plum-bgColor-emphasis: #a830e8;
911
1241
  --display-plum-bgColor-muted: #f8e5ff;
912
1242
  --display-plum-borderColor-emphasis: #a830e8;
913
1243
  --display-plum-borderColor-muted: #f0cdfe;
914
1244
  --display-plum-fgColor: #961edc;
1245
+ --display-plum-scale-0: #f8e5ff;
1246
+ --display-plum-scale-1: #f0cdfe;
1247
+ --display-plum-scale-2: #e2a7fb;
1248
+ --display-plum-scale-3: #d487f7;
1249
+ --display-plum-scale-4: #c264f2;
1250
+ --display-plum-scale-5: #a830e8;
1251
+ --display-plum-scale-6: #961edc;
1252
+ --display-plum-scale-7: #7d1eb8;
1253
+ --display-plum-scale-8: #651d96;
1254
+ --display-plum-scale-9: #471769;
915
1255
  --display-purple-bgColor-emphasis: #894ceb;
916
1256
  --display-purple-bgColor-muted: #f1e5ff;
917
1257
  --display-purple-borderColor-emphasis: #894ceb;
918
1258
  --display-purple-borderColor-muted: #e6d2fe;
919
1259
  --display-purple-fgColor: #783ae4;
1260
+ --display-purple-scale-0: #f1e5ff;
1261
+ --display-purple-scale-1: #e6d2fe;
1262
+ --display-purple-scale-2: #d1b1fc;
1263
+ --display-purple-scale-3: #bc91f8;
1264
+ --display-purple-scale-4: #a672f3;
1265
+ --display-purple-scale-5: #894ceb;
1266
+ --display-purple-scale-6: #783ae4;
1267
+ --display-purple-scale-7: #6223d7;
1268
+ --display-purple-scale-8: #4f21ab;
1269
+ --display-purple-scale-9: #391b79;
920
1270
  --display-red-bgColor-emphasis: #df0c24;
921
1271
  --display-red-bgColor-muted: #ffe2e0;
922
1272
  --display-red-borderColor-emphasis: #df0c24;
923
1273
  --display-red-borderColor-muted: #fecdcd;
924
1274
  --display-red-fgColor: #c50d28;
1275
+ --display-red-scale-0: #ffe2e0;
1276
+ --display-red-scale-1: #fecdcd;
1277
+ --display-red-scale-2: #fda5a7;
1278
+ --display-red-scale-3: #fb8389;
1279
+ --display-red-scale-4: #f85461;
1280
+ --display-red-scale-5: #df0c24;
1281
+ --display-red-scale-6: #c50d28;
1282
+ --display-red-scale-7: #a60c29;
1283
+ --display-red-scale-8: #880c27;
1284
+ --display-red-scale-9: #610a20;
925
1285
  --display-teal-bgColor-emphasis: #127e81;
926
1286
  --display-teal-bgColor-muted: #c7f5ef;
927
1287
  --display-teal-borderColor-emphasis: #127e81;
928
1288
  --display-teal-borderColor-muted: #89ebe1;
929
1289
  --display-teal-fgColor: #106e75;
1290
+ --display-teal-scale-0: #c7f5ef;
1291
+ --display-teal-scale-1: #89ebe1;
1292
+ --display-teal-scale-2: #22d3c7;
1293
+ --display-teal-scale-3: #1db9b4;
1294
+ --display-teal-scale-4: #179b9b;
1295
+ --display-teal-scale-5: #127e81;
1296
+ --display-teal-scale-6: #106e75;
1297
+ --display-teal-scale-7: #0d5b63;
1298
+ --display-teal-scale-8: #0a4852;
1299
+ --display-teal-scale-9: #073740;
930
1300
  --display-yellow-bgColor-emphasis: #946a00;
931
1301
  --display-yellow-bgColor-muted: #ffec9e;
932
1302
  --display-yellow-borderColor-emphasis: #946a00;
933
1303
  --display-yellow-borderColor-muted: #ffd642;
934
1304
  --display-yellow-fgColor: #805900;
1305
+ --display-yellow-scale-0: #ffec9e;
1306
+ --display-yellow-scale-1: #ffd642;
1307
+ --display-yellow-scale-2: #ebb400;
1308
+ --display-yellow-scale-3: #d19d00;
1309
+ --display-yellow-scale-4: #b88700;
1310
+ --display-yellow-scale-5: #946a00;
1311
+ --display-yellow-scale-6: #805900;
1312
+ --display-yellow-scale-7: #704d00;
1313
+ --display-yellow-scale-8: #5c3d00;
1314
+ --display-yellow-scale-9: #422b00;
935
1315
  --fgColor-accent: #0969da;
936
1316
  --fgColor-attention: #9a6700;
937
1317
  --fgColor-closed: var(--fgColor-danger);