@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
@@ -218,96 +218,286 @@
218
218
  --display-auburn-borderColor-emphasis: #a86f6b;
219
219
  --display-auburn-borderColor-muted: #3a2422;
220
220
  --display-auburn-fgColor: #bf9592;
221
+ --display-auburn-scale-0: #271817;
222
+ --display-auburn-scale-1: #3a2422;
223
+ --display-auburn-scale-2: #543331;
224
+ --display-auburn-scale-3: #6d4340;
225
+ --display-auburn-scale-4: #87534f;
226
+ --display-auburn-scale-5: #a86f6b;
227
+ --display-auburn-scale-6: #bf9592;
228
+ --display-auburn-scale-7: #c6a19f;
229
+ --display-auburn-scale-8: #d4b7b5;
230
+ --display-auburn-scale-9: #dfcac8;
221
231
  --display-blue-bgColor-emphasis: #005bd1;
222
232
  --display-blue-bgColor-muted: #001a47;
223
233
  --display-blue-borderColor-emphasis: #0576ff;
224
234
  --display-blue-borderColor-muted: #002766;
225
235
  --display-blue-fgColor: #4da0ff;
236
+ --display-blue-scale-0: #001a47;
237
+ --display-blue-scale-1: #002766;
238
+ --display-blue-scale-2: #00378a;
239
+ --display-blue-scale-3: #0046a8;
240
+ --display-blue-scale-4: #005bd1;
241
+ --display-blue-scale-5: #0576ff;
242
+ --display-blue-scale-6: #4da0ff;
243
+ --display-blue-scale-7: #61adff;
244
+ --display-blue-scale-8: #85c2ff;
245
+ --display-blue-scale-9: #a3d3ff;
226
246
  --display-brown-bgColor-emphasis: #755e3e;
227
247
  --display-brown-bgColor-muted: #241c14;
228
248
  --display-brown-borderColor-emphasis: #94774c;
229
249
  --display-brown-borderColor-muted: #342a1d;
230
250
  --display-brown-fgColor: #b69a6d;
251
+ --display-brown-scale-0: #241c14;
252
+ --display-brown-scale-1: #342a1d;
253
+ --display-brown-scale-2: #483a28;
254
+ --display-brown-scale-3: #5d4a32;
255
+ --display-brown-scale-4: #755e3e;
256
+ --display-brown-scale-5: #94774c;
257
+ --display-brown-scale-6: #b69a6d;
258
+ --display-brown-scale-7: #bfa77d;
259
+ --display-brown-scale-8: #cdbb98;
260
+ --display-brown-scale-9: #dbceb3;
231
261
  --display-coral-bgColor-emphasis: #c31328;
232
262
  --display-coral-bgColor-muted: #3c0614;
233
263
  --display-coral-borderColor-emphasis: #eb3342;
234
264
  --display-coral-borderColor-muted: #58091a;
235
265
  --display-coral-fgColor: #f27d83;
266
+ --display-coral-scale-0: #351008;
267
+ --display-coral-scale-1: #51180b;
268
+ --display-coral-scale-2: #72220d;
269
+ --display-coral-scale-3: #902a0e;
270
+ --display-coral-scale-4: #b3350f;
271
+ --display-coral-scale-5: #e1430e;
272
+ --display-coral-scale-6: #f7794b;
273
+ --display-coral-scale-7: #fa8c61;
274
+ --display-coral-scale-8: #fdaa86;
275
+ --display-coral-scale-9: #ffc0a3;
236
276
  --display-cyan-bgColor-emphasis: #036a8c;
237
277
  --display-cyan-bgColor-muted: #001f29;
238
278
  --display-cyan-borderColor-emphasis: #0587b3;
239
279
  --display-cyan-borderColor-muted: #002e3d;
240
280
  --display-cyan-fgColor: #07ace4;
281
+ --display-cyan-scale-0: #001f29;
282
+ --display-cyan-scale-1: #002e3d;
283
+ --display-cyan-scale-2: #014156;
284
+ --display-cyan-scale-3: #02536f;
285
+ --display-cyan-scale-4: #036a8c;
286
+ --display-cyan-scale-5: #0587b3;
287
+ --display-cyan-scale-6: #07ace4;
288
+ --display-cyan-scale-7: #09b7f1;
289
+ --display-cyan-scale-8: #45cbf7;
290
+ --display-cyan-scale-9: #80dbf9;
241
291
  --display-gray-bgColor-emphasis: #576270;
242
292
  --display-gray-bgColor-muted: #1c1c1c;
243
293
  --display-gray-borderColor-emphasis: #6e7f96;
244
294
  --display-gray-borderColor-muted: #2a2b2d;
245
295
  --display-gray-fgColor: #92a1b5;
296
+ --display-gray-scale-0: #1c1c1c;
297
+ --display-gray-scale-1: #2a2b2d;
298
+ --display-gray-scale-2: #393d41;
299
+ --display-gray-scale-3: #474e57;
300
+ --display-gray-scale-4: #576270;
301
+ --display-gray-scale-5: #6e7f96;
302
+ --display-gray-scale-6: #92a1b5;
303
+ --display-gray-scale-7: #9babbf;
304
+ --display-gray-scale-8: #b3c0d1;
305
+ --display-gray-scale-9: #c4cfde;
246
306
  --display-green-bgColor-emphasis: #2f6f37;
247
307
  --display-green-bgColor-muted: #122117;
248
308
  --display-green-borderColor-emphasis: #388f3f;
249
309
  --display-green-borderColor-muted: #182f1f;
250
310
  --display-green-fgColor: #41b445;
311
+ --display-green-scale-0: #122117;
312
+ --display-green-scale-1: #182f1f;
313
+ --display-green-scale-2: #214529;
314
+ --display-green-scale-3: #285830;
315
+ --display-green-scale-4: #2f6f37;
316
+ --display-green-scale-5: #388f3f;
317
+ --display-green-scale-6: #41b445;
318
+ --display-green-scale-7: #46c144;
319
+ --display-green-scale-8: #75d36f;
320
+ --display-green-scale-9: #99e090;
251
321
  --display-indigo-bgColor-emphasis: #514ed4;
252
322
  --display-indigo-bgColor-muted: #1b183f;
253
323
  --display-indigo-borderColor-emphasis: #7070e1;
254
324
  --display-indigo-borderColor-muted: #25215f;
255
325
  --display-indigo-fgColor: #9899ec;
326
+ --display-indigo-scale-0: #1b183f;
327
+ --display-indigo-scale-1: #25215f;
328
+ --display-indigo-scale-2: #312c90;
329
+ --display-indigo-scale-3: #3935c0;
330
+ --display-indigo-scale-4: #514ed4;
331
+ --display-indigo-scale-5: #7070e1;
332
+ --display-indigo-scale-6: #9899ec;
333
+ --display-indigo-scale-7: #a2a5f1;
334
+ --display-indigo-scale-8: #b7baf6;
335
+ --display-indigo-scale-9: #c8cbf9;
256
336
  --display-lemon-bgColor-emphasis: #786008;
257
337
  --display-lemon-bgColor-muted: #291d00;
258
338
  --display-lemon-borderColor-emphasis: #977b0c;
259
339
  --display-lemon-borderColor-muted: #372901;
260
340
  --display-lemon-fgColor: #ba9b12;
341
+ --display-lemon-scale-0: #291d00;
342
+ --display-lemon-scale-1: #372901;
343
+ --display-lemon-scale-2: #4f3c02;
344
+ --display-lemon-scale-3: #614c05;
345
+ --display-lemon-scale-4: #786008;
346
+ --display-lemon-scale-5: #977b0c;
347
+ --display-lemon-scale-6: #ba9b12;
348
+ --display-lemon-scale-7: #c4a717;
349
+ --display-lemon-scale-8: #d7bc1d;
350
+ --display-lemon-scale-9: #e3d04f;
261
351
  --display-lime-bgColor-emphasis: #496c28;
262
352
  --display-lime-bgColor-muted: #141f0f;
263
353
  --display-lime-borderColor-emphasis: #5f892f;
264
354
  --display-lime-borderColor-muted: #1f3116;
265
355
  --display-lime-fgColor: #7dae37;
356
+ --display-lime-scale-0: #141f0f;
357
+ --display-lime-scale-1: #1f3116;
358
+ --display-lime-scale-2: #2c441d;
359
+ --display-lime-scale-3: #375421;
360
+ --display-lime-scale-4: #496c28;
361
+ --display-lime-scale-5: #5f892f;
362
+ --display-lime-scale-6: #7dae37;
363
+ --display-lime-scale-7: #89ba36;
364
+ --display-lime-scale-8: #9fcc3e;
365
+ --display-lime-scale-9: #bcda67;
266
366
  --display-olive-bgColor-emphasis: #5e681d;
267
367
  --display-olive-bgColor-muted: #171e0b;
268
368
  --display-olive-borderColor-emphasis: #7a8321;
269
369
  --display-olive-borderColor-muted: #252d10;
270
370
  --display-olive-fgColor: #a2a626;
371
+ --display-olive-scale-0: #171e0b;
372
+ --display-olive-scale-1: #252d10;
373
+ --display-olive-scale-2: #374115;
374
+ --display-olive-scale-3: #485219;
375
+ --display-olive-scale-4: #5e681d;
376
+ --display-olive-scale-5: #7a8321;
377
+ --display-olive-scale-6: #a2a626;
378
+ --display-olive-scale-7: #b2af24;
379
+ --display-olive-scale-8: #cbc025;
380
+ --display-olive-scale-9: #e2d04b;
271
381
  --display-orange-bgColor-emphasis: #984b10;
272
382
  --display-orange-bgColor-muted: #311708;
273
383
  --display-orange-borderColor-emphasis: #c46212;
274
384
  --display-orange-borderColor-muted: #43200a;
275
385
  --display-orange-fgColor: #ed8326;
386
+ --display-orange-scale-0: #311708;
387
+ --display-orange-scale-1: #43200a;
388
+ --display-orange-scale-2: #632f0d;
389
+ --display-orange-scale-3: #7b3c0e;
390
+ --display-orange-scale-4: #984b10;
391
+ --display-orange-scale-5: #c46212;
392
+ --display-orange-scale-6: #ed8326;
393
+ --display-orange-scale-7: #f1933b;
394
+ --display-orange-scale-8: #f6b06a;
395
+ --display-orange-scale-9: #fac68f;
276
396
  --display-pine-bgColor-emphasis: #14714c;
277
397
  --display-pine-bgColor-muted: #082119;
278
398
  --display-pine-borderColor-emphasis: #18915e;
279
399
  --display-pine-borderColor-muted: #0b3224;
280
400
  --display-pine-fgColor: #1bb673;
401
+ --display-pine-scale-0: #082119;
402
+ --display-pine-scale-1: #0b3224;
403
+ --display-pine-scale-2: #0e4430;
404
+ --display-pine-scale-3: #115a3e;
405
+ --display-pine-scale-4: #14714c;
406
+ --display-pine-scale-5: #18915e;
407
+ --display-pine-scale-6: #1bb673;
408
+ --display-pine-scale-7: #1ac176;
409
+ --display-pine-scale-8: #1bda81;
410
+ --display-pine-scale-9: #3eea97;
281
411
  --display-pink-bgColor-emphasis: #ac2f74;
282
412
  --display-pink-bgColor-muted: #2d1524;
283
413
  --display-pink-borderColor-emphasis: #d34591;
284
414
  --display-pink-borderColor-muted: #451c35;
285
415
  --display-pink-fgColor: #e57bb2;
416
+ --display-pink-scale-0: #2d1524;
417
+ --display-pink-scale-1: #451c35;
418
+ --display-pink-scale-2: #65244a;
419
+ --display-pink-scale-3: #842a5d;
420
+ --display-pink-scale-4: #ac2f74;
421
+ --display-pink-scale-5: #d34591;
422
+ --display-pink-scale-6: #e57bb2;
423
+ --display-pink-scale-7: #ec8dbd;
424
+ --display-pink-scale-8: #f4a9cd;
425
+ --display-pink-scale-9: #f9bed9;
286
426
  --display-plum-bgColor-emphasis: #9518d8;
287
427
  --display-plum-bgColor-muted: #2a0e3f;
288
428
  --display-plum-borderColor-emphasis: #b643ef;
289
429
  --display-plum-borderColor-muted: #40125e;
290
430
  --display-plum-fgColor: #d07ef7;
431
+ --display-plum-scale-0: #2a0e3f;
432
+ --display-plum-scale-1: #40125e;
433
+ --display-plum-scale-2: #5c1688;
434
+ --display-plum-scale-3: #7517ab;
435
+ --display-plum-scale-4: #9518d8;
436
+ --display-plum-scale-5: #b643ef;
437
+ --display-plum-scale-6: #d07ef7;
438
+ --display-plum-scale-7: #d889fa;
439
+ --display-plum-scale-8: #e4a5fd;
440
+ --display-plum-scale-9: #edbdff;
291
441
  --display-purple-bgColor-emphasis: #7730e8;
292
442
  --display-purple-bgColor-muted: #211047;
293
443
  --display-purple-borderColor-emphasis: #975bf1;
294
444
  --display-purple-borderColor-muted: #31146b;
295
445
  --display-purple-fgColor: #b687f7;
446
+ --display-purple-scale-0: #211047;
447
+ --display-purple-scale-1: #31146b;
448
+ --display-purple-scale-2: #481a9e;
449
+ --display-purple-scale-3: #5b1cca;
450
+ --display-purple-scale-4: #7730e8;
451
+ --display-purple-scale-5: #975bf1;
452
+ --display-purple-scale-6: #b687f7;
453
+ --display-purple-scale-7: #c398fb;
454
+ --display-purple-scale-8: #d2affd;
455
+ --display-purple-scale-9: #e1c7ff;
296
456
  --display-red-bgColor-emphasis: #c31328;
297
457
  --display-red-bgColor-muted: #3c0614;
298
458
  --display-red-borderColor-emphasis: #eb3342;
299
459
  --display-red-borderColor-muted: #58091a;
300
460
  --display-red-fgColor: #f27d83;
461
+ --display-red-scale-0: #3c0614;
462
+ --display-red-scale-1: #58091a;
463
+ --display-red-scale-2: #790c20;
464
+ --display-red-scale-3: #990f24;
465
+ --display-red-scale-4: #c31328;
466
+ --display-red-scale-5: #eb3342;
467
+ --display-red-scale-6: #f27d83;
468
+ --display-red-scale-7: #f48b8d;
469
+ --display-red-scale-8: #f7adab;
470
+ --display-red-scale-9: #f9c1be;
301
471
  --display-teal-bgColor-emphasis: #106c70;
302
472
  --display-teal-bgColor-muted: #041f25;
303
473
  --display-teal-borderColor-emphasis: #158a8a;
304
474
  --display-teal-borderColor-muted: #073036;
305
475
  --display-teal-fgColor: #1cb0ab;
476
+ --display-teal-scale-0: #041f25;
477
+ --display-teal-scale-1: #073036;
478
+ --display-teal-scale-2: #0a464d;
479
+ --display-teal-scale-3: #0c555a;
480
+ --display-teal-scale-4: #106c70;
481
+ --display-teal-scale-5: #158a8a;
482
+ --display-teal-scale-6: #1cb0ab;
483
+ --display-teal-scale-7: #1fbdb2;
484
+ --display-teal-scale-8: #24d6c4;
485
+ --display-teal-scale-9: #5fe3d1;
306
486
  --display-yellow-bgColor-emphasis: #895906;
307
487
  --display-yellow-bgColor-muted: #2e1a00;
308
488
  --display-yellow-borderColor-emphasis: #aa7109;
309
489
  --display-yellow-borderColor-muted: #3d2401;
310
490
  --display-yellow-fgColor: #d3910d;
491
+ --display-yellow-scale-0: #2e1a00;
492
+ --display-yellow-scale-1: #3d2401;
493
+ --display-yellow-scale-2: #5a3702;
494
+ --display-yellow-scale-3: #6d4403;
495
+ --display-yellow-scale-4: #895906;
496
+ --display-yellow-scale-5: #aa7109;
497
+ --display-yellow-scale-6: #d3910d;
498
+ --display-yellow-scale-7: #df9e11;
499
+ --display-yellow-scale-8: #edb431;
500
+ --display-yellow-scale-9: #f0ca6a;
311
501
  --fgColor-attention: #d29922;
312
502
  --fgColor-danger: #f0883e;
313
503
  --fgColor-default: #f0f6fc;
@@ -856,96 +1046,286 @@
856
1046
  --display-auburn-borderColor-emphasis: #a86f6b;
857
1047
  --display-auburn-borderColor-muted: #3a2422;
858
1048
  --display-auburn-fgColor: #bf9592;
1049
+ --display-auburn-scale-0: #271817;
1050
+ --display-auburn-scale-1: #3a2422;
1051
+ --display-auburn-scale-2: #543331;
1052
+ --display-auburn-scale-3: #6d4340;
1053
+ --display-auburn-scale-4: #87534f;
1054
+ --display-auburn-scale-5: #a86f6b;
1055
+ --display-auburn-scale-6: #bf9592;
1056
+ --display-auburn-scale-7: #c6a19f;
1057
+ --display-auburn-scale-8: #d4b7b5;
1058
+ --display-auburn-scale-9: #dfcac8;
859
1059
  --display-blue-bgColor-emphasis: #005bd1;
860
1060
  --display-blue-bgColor-muted: #001a47;
861
1061
  --display-blue-borderColor-emphasis: #0576ff;
862
1062
  --display-blue-borderColor-muted: #002766;
863
1063
  --display-blue-fgColor: #4da0ff;
1064
+ --display-blue-scale-0: #001a47;
1065
+ --display-blue-scale-1: #002766;
1066
+ --display-blue-scale-2: #00378a;
1067
+ --display-blue-scale-3: #0046a8;
1068
+ --display-blue-scale-4: #005bd1;
1069
+ --display-blue-scale-5: #0576ff;
1070
+ --display-blue-scale-6: #4da0ff;
1071
+ --display-blue-scale-7: #61adff;
1072
+ --display-blue-scale-8: #85c2ff;
1073
+ --display-blue-scale-9: #a3d3ff;
864
1074
  --display-brown-bgColor-emphasis: #755e3e;
865
1075
  --display-brown-bgColor-muted: #241c14;
866
1076
  --display-brown-borderColor-emphasis: #94774c;
867
1077
  --display-brown-borderColor-muted: #342a1d;
868
1078
  --display-brown-fgColor: #b69a6d;
1079
+ --display-brown-scale-0: #241c14;
1080
+ --display-brown-scale-1: #342a1d;
1081
+ --display-brown-scale-2: #483a28;
1082
+ --display-brown-scale-3: #5d4a32;
1083
+ --display-brown-scale-4: #755e3e;
1084
+ --display-brown-scale-5: #94774c;
1085
+ --display-brown-scale-6: #b69a6d;
1086
+ --display-brown-scale-7: #bfa77d;
1087
+ --display-brown-scale-8: #cdbb98;
1088
+ --display-brown-scale-9: #dbceb3;
869
1089
  --display-coral-bgColor-emphasis: #c31328;
870
1090
  --display-coral-bgColor-muted: #3c0614;
871
1091
  --display-coral-borderColor-emphasis: #eb3342;
872
1092
  --display-coral-borderColor-muted: #58091a;
873
1093
  --display-coral-fgColor: #f27d83;
1094
+ --display-coral-scale-0: #351008;
1095
+ --display-coral-scale-1: #51180b;
1096
+ --display-coral-scale-2: #72220d;
1097
+ --display-coral-scale-3: #902a0e;
1098
+ --display-coral-scale-4: #b3350f;
1099
+ --display-coral-scale-5: #e1430e;
1100
+ --display-coral-scale-6: #f7794b;
1101
+ --display-coral-scale-7: #fa8c61;
1102
+ --display-coral-scale-8: #fdaa86;
1103
+ --display-coral-scale-9: #ffc0a3;
874
1104
  --display-cyan-bgColor-emphasis: #036a8c;
875
1105
  --display-cyan-bgColor-muted: #001f29;
876
1106
  --display-cyan-borderColor-emphasis: #0587b3;
877
1107
  --display-cyan-borderColor-muted: #002e3d;
878
1108
  --display-cyan-fgColor: #07ace4;
1109
+ --display-cyan-scale-0: #001f29;
1110
+ --display-cyan-scale-1: #002e3d;
1111
+ --display-cyan-scale-2: #014156;
1112
+ --display-cyan-scale-3: #02536f;
1113
+ --display-cyan-scale-4: #036a8c;
1114
+ --display-cyan-scale-5: #0587b3;
1115
+ --display-cyan-scale-6: #07ace4;
1116
+ --display-cyan-scale-7: #09b7f1;
1117
+ --display-cyan-scale-8: #45cbf7;
1118
+ --display-cyan-scale-9: #80dbf9;
879
1119
  --display-gray-bgColor-emphasis: #576270;
880
1120
  --display-gray-bgColor-muted: #1c1c1c;
881
1121
  --display-gray-borderColor-emphasis: #6e7f96;
882
1122
  --display-gray-borderColor-muted: #2a2b2d;
883
1123
  --display-gray-fgColor: #92a1b5;
1124
+ --display-gray-scale-0: #1c1c1c;
1125
+ --display-gray-scale-1: #2a2b2d;
1126
+ --display-gray-scale-2: #393d41;
1127
+ --display-gray-scale-3: #474e57;
1128
+ --display-gray-scale-4: #576270;
1129
+ --display-gray-scale-5: #6e7f96;
1130
+ --display-gray-scale-6: #92a1b5;
1131
+ --display-gray-scale-7: #9babbf;
1132
+ --display-gray-scale-8: #b3c0d1;
1133
+ --display-gray-scale-9: #c4cfde;
884
1134
  --display-green-bgColor-emphasis: #2f6f37;
885
1135
  --display-green-bgColor-muted: #122117;
886
1136
  --display-green-borderColor-emphasis: #388f3f;
887
1137
  --display-green-borderColor-muted: #182f1f;
888
1138
  --display-green-fgColor: #41b445;
1139
+ --display-green-scale-0: #122117;
1140
+ --display-green-scale-1: #182f1f;
1141
+ --display-green-scale-2: #214529;
1142
+ --display-green-scale-3: #285830;
1143
+ --display-green-scale-4: #2f6f37;
1144
+ --display-green-scale-5: #388f3f;
1145
+ --display-green-scale-6: #41b445;
1146
+ --display-green-scale-7: #46c144;
1147
+ --display-green-scale-8: #75d36f;
1148
+ --display-green-scale-9: #99e090;
889
1149
  --display-indigo-bgColor-emphasis: #514ed4;
890
1150
  --display-indigo-bgColor-muted: #1b183f;
891
1151
  --display-indigo-borderColor-emphasis: #7070e1;
892
1152
  --display-indigo-borderColor-muted: #25215f;
893
1153
  --display-indigo-fgColor: #9899ec;
1154
+ --display-indigo-scale-0: #1b183f;
1155
+ --display-indigo-scale-1: #25215f;
1156
+ --display-indigo-scale-2: #312c90;
1157
+ --display-indigo-scale-3: #3935c0;
1158
+ --display-indigo-scale-4: #514ed4;
1159
+ --display-indigo-scale-5: #7070e1;
1160
+ --display-indigo-scale-6: #9899ec;
1161
+ --display-indigo-scale-7: #a2a5f1;
1162
+ --display-indigo-scale-8: #b7baf6;
1163
+ --display-indigo-scale-9: #c8cbf9;
894
1164
  --display-lemon-bgColor-emphasis: #786008;
895
1165
  --display-lemon-bgColor-muted: #291d00;
896
1166
  --display-lemon-borderColor-emphasis: #977b0c;
897
1167
  --display-lemon-borderColor-muted: #372901;
898
1168
  --display-lemon-fgColor: #ba9b12;
1169
+ --display-lemon-scale-0: #291d00;
1170
+ --display-lemon-scale-1: #372901;
1171
+ --display-lemon-scale-2: #4f3c02;
1172
+ --display-lemon-scale-3: #614c05;
1173
+ --display-lemon-scale-4: #786008;
1174
+ --display-lemon-scale-5: #977b0c;
1175
+ --display-lemon-scale-6: #ba9b12;
1176
+ --display-lemon-scale-7: #c4a717;
1177
+ --display-lemon-scale-8: #d7bc1d;
1178
+ --display-lemon-scale-9: #e3d04f;
899
1179
  --display-lime-bgColor-emphasis: #496c28;
900
1180
  --display-lime-bgColor-muted: #141f0f;
901
1181
  --display-lime-borderColor-emphasis: #5f892f;
902
1182
  --display-lime-borderColor-muted: #1f3116;
903
1183
  --display-lime-fgColor: #7dae37;
1184
+ --display-lime-scale-0: #141f0f;
1185
+ --display-lime-scale-1: #1f3116;
1186
+ --display-lime-scale-2: #2c441d;
1187
+ --display-lime-scale-3: #375421;
1188
+ --display-lime-scale-4: #496c28;
1189
+ --display-lime-scale-5: #5f892f;
1190
+ --display-lime-scale-6: #7dae37;
1191
+ --display-lime-scale-7: #89ba36;
1192
+ --display-lime-scale-8: #9fcc3e;
1193
+ --display-lime-scale-9: #bcda67;
904
1194
  --display-olive-bgColor-emphasis: #5e681d;
905
1195
  --display-olive-bgColor-muted: #171e0b;
906
1196
  --display-olive-borderColor-emphasis: #7a8321;
907
1197
  --display-olive-borderColor-muted: #252d10;
908
1198
  --display-olive-fgColor: #a2a626;
1199
+ --display-olive-scale-0: #171e0b;
1200
+ --display-olive-scale-1: #252d10;
1201
+ --display-olive-scale-2: #374115;
1202
+ --display-olive-scale-3: #485219;
1203
+ --display-olive-scale-4: #5e681d;
1204
+ --display-olive-scale-5: #7a8321;
1205
+ --display-olive-scale-6: #a2a626;
1206
+ --display-olive-scale-7: #b2af24;
1207
+ --display-olive-scale-8: #cbc025;
1208
+ --display-olive-scale-9: #e2d04b;
909
1209
  --display-orange-bgColor-emphasis: #984b10;
910
1210
  --display-orange-bgColor-muted: #311708;
911
1211
  --display-orange-borderColor-emphasis: #c46212;
912
1212
  --display-orange-borderColor-muted: #43200a;
913
1213
  --display-orange-fgColor: #ed8326;
1214
+ --display-orange-scale-0: #311708;
1215
+ --display-orange-scale-1: #43200a;
1216
+ --display-orange-scale-2: #632f0d;
1217
+ --display-orange-scale-3: #7b3c0e;
1218
+ --display-orange-scale-4: #984b10;
1219
+ --display-orange-scale-5: #c46212;
1220
+ --display-orange-scale-6: #ed8326;
1221
+ --display-orange-scale-7: #f1933b;
1222
+ --display-orange-scale-8: #f6b06a;
1223
+ --display-orange-scale-9: #fac68f;
914
1224
  --display-pine-bgColor-emphasis: #14714c;
915
1225
  --display-pine-bgColor-muted: #082119;
916
1226
  --display-pine-borderColor-emphasis: #18915e;
917
1227
  --display-pine-borderColor-muted: #0b3224;
918
1228
  --display-pine-fgColor: #1bb673;
1229
+ --display-pine-scale-0: #082119;
1230
+ --display-pine-scale-1: #0b3224;
1231
+ --display-pine-scale-2: #0e4430;
1232
+ --display-pine-scale-3: #115a3e;
1233
+ --display-pine-scale-4: #14714c;
1234
+ --display-pine-scale-5: #18915e;
1235
+ --display-pine-scale-6: #1bb673;
1236
+ --display-pine-scale-7: #1ac176;
1237
+ --display-pine-scale-8: #1bda81;
1238
+ --display-pine-scale-9: #3eea97;
919
1239
  --display-pink-bgColor-emphasis: #ac2f74;
920
1240
  --display-pink-bgColor-muted: #2d1524;
921
1241
  --display-pink-borderColor-emphasis: #d34591;
922
1242
  --display-pink-borderColor-muted: #451c35;
923
1243
  --display-pink-fgColor: #e57bb2;
1244
+ --display-pink-scale-0: #2d1524;
1245
+ --display-pink-scale-1: #451c35;
1246
+ --display-pink-scale-2: #65244a;
1247
+ --display-pink-scale-3: #842a5d;
1248
+ --display-pink-scale-4: #ac2f74;
1249
+ --display-pink-scale-5: #d34591;
1250
+ --display-pink-scale-6: #e57bb2;
1251
+ --display-pink-scale-7: #ec8dbd;
1252
+ --display-pink-scale-8: #f4a9cd;
1253
+ --display-pink-scale-9: #f9bed9;
924
1254
  --display-plum-bgColor-emphasis: #9518d8;
925
1255
  --display-plum-bgColor-muted: #2a0e3f;
926
1256
  --display-plum-borderColor-emphasis: #b643ef;
927
1257
  --display-plum-borderColor-muted: #40125e;
928
1258
  --display-plum-fgColor: #d07ef7;
1259
+ --display-plum-scale-0: #2a0e3f;
1260
+ --display-plum-scale-1: #40125e;
1261
+ --display-plum-scale-2: #5c1688;
1262
+ --display-plum-scale-3: #7517ab;
1263
+ --display-plum-scale-4: #9518d8;
1264
+ --display-plum-scale-5: #b643ef;
1265
+ --display-plum-scale-6: #d07ef7;
1266
+ --display-plum-scale-7: #d889fa;
1267
+ --display-plum-scale-8: #e4a5fd;
1268
+ --display-plum-scale-9: #edbdff;
929
1269
  --display-purple-bgColor-emphasis: #7730e8;
930
1270
  --display-purple-bgColor-muted: #211047;
931
1271
  --display-purple-borderColor-emphasis: #975bf1;
932
1272
  --display-purple-borderColor-muted: #31146b;
933
1273
  --display-purple-fgColor: #b687f7;
1274
+ --display-purple-scale-0: #211047;
1275
+ --display-purple-scale-1: #31146b;
1276
+ --display-purple-scale-2: #481a9e;
1277
+ --display-purple-scale-3: #5b1cca;
1278
+ --display-purple-scale-4: #7730e8;
1279
+ --display-purple-scale-5: #975bf1;
1280
+ --display-purple-scale-6: #b687f7;
1281
+ --display-purple-scale-7: #c398fb;
1282
+ --display-purple-scale-8: #d2affd;
1283
+ --display-purple-scale-9: #e1c7ff;
934
1284
  --display-red-bgColor-emphasis: #c31328;
935
1285
  --display-red-bgColor-muted: #3c0614;
936
1286
  --display-red-borderColor-emphasis: #eb3342;
937
1287
  --display-red-borderColor-muted: #58091a;
938
1288
  --display-red-fgColor: #f27d83;
1289
+ --display-red-scale-0: #3c0614;
1290
+ --display-red-scale-1: #58091a;
1291
+ --display-red-scale-2: #790c20;
1292
+ --display-red-scale-3: #990f24;
1293
+ --display-red-scale-4: #c31328;
1294
+ --display-red-scale-5: #eb3342;
1295
+ --display-red-scale-6: #f27d83;
1296
+ --display-red-scale-7: #f48b8d;
1297
+ --display-red-scale-8: #f7adab;
1298
+ --display-red-scale-9: #f9c1be;
939
1299
  --display-teal-bgColor-emphasis: #106c70;
940
1300
  --display-teal-bgColor-muted: #041f25;
941
1301
  --display-teal-borderColor-emphasis: #158a8a;
942
1302
  --display-teal-borderColor-muted: #073036;
943
1303
  --display-teal-fgColor: #1cb0ab;
1304
+ --display-teal-scale-0: #041f25;
1305
+ --display-teal-scale-1: #073036;
1306
+ --display-teal-scale-2: #0a464d;
1307
+ --display-teal-scale-3: #0c555a;
1308
+ --display-teal-scale-4: #106c70;
1309
+ --display-teal-scale-5: #158a8a;
1310
+ --display-teal-scale-6: #1cb0ab;
1311
+ --display-teal-scale-7: #1fbdb2;
1312
+ --display-teal-scale-8: #24d6c4;
1313
+ --display-teal-scale-9: #5fe3d1;
944
1314
  --display-yellow-bgColor-emphasis: #895906;
945
1315
  --display-yellow-bgColor-muted: #2e1a00;
946
1316
  --display-yellow-borderColor-emphasis: #aa7109;
947
1317
  --display-yellow-borderColor-muted: #3d2401;
948
1318
  --display-yellow-fgColor: #d3910d;
1319
+ --display-yellow-scale-0: #2e1a00;
1320
+ --display-yellow-scale-1: #3d2401;
1321
+ --display-yellow-scale-2: #5a3702;
1322
+ --display-yellow-scale-3: #6d4403;
1323
+ --display-yellow-scale-4: #895906;
1324
+ --display-yellow-scale-5: #aa7109;
1325
+ --display-yellow-scale-6: #d3910d;
1326
+ --display-yellow-scale-7: #df9e11;
1327
+ --display-yellow-scale-8: #edb431;
1328
+ --display-yellow-scale-9: #f0ca6a;
949
1329
  --fgColor-attention: #d29922;
950
1330
  --fgColor-danger: #f0883e;
951
1331
  --fgColor-default: #f0f6fc;