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