@primer/primitives 7.15.15 → 7.16.0-rc.08adab70

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 (126) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +0 -186
  2. package/dist/css/functional/themes/dark-dimmed.css +0 -186
  3. package/dist/css/functional/themes/dark-high-contrast.css +0 -186
  4. package/dist/css/functional/themes/dark-tritanopia.css +0 -186
  5. package/dist/css/functional/themes/dark.css +0 -186
  6. package/dist/css/functional/themes/light-colorblind.css +0 -186
  7. package/dist/css/functional/themes/light-high-contrast.css +0 -186
  8. package/dist/css/functional/themes/light-tritanopia.css +0 -186
  9. package/dist/css/functional/themes/light.css +0 -186
  10. package/dist/docs/functional/themes/dark-colorblind.json +0 -1395
  11. package/dist/docs/functional/themes/dark-dimmed.json +0 -1395
  12. package/dist/docs/functional/themes/dark-high-contrast.json +0 -1395
  13. package/dist/docs/functional/themes/dark-tritanopia.json +0 -1395
  14. package/dist/docs/functional/themes/dark.json +0 -1395
  15. package/dist/docs/functional/themes/light-colorblind.json +0 -1395
  16. package/dist/docs/functional/themes/light-high-contrast.json +0 -1395
  17. package/dist/docs/functional/themes/light-tritanopia.json +0 -1395
  18. package/dist/docs/functional/themes/light.json +0 -1395
  19. package/dist/internalCss/dark-colorblind.css +0 -186
  20. package/dist/internalCss/dark-dimmed.css +0 -186
  21. package/dist/internalCss/dark-high-contrast.css +0 -186
  22. package/dist/internalCss/dark-tritanopia.css +0 -186
  23. package/dist/internalCss/dark.css +0 -186
  24. package/dist/internalCss/light-colorblind.css +0 -186
  25. package/dist/internalCss/light-high-contrast.css +0 -186
  26. package/dist/internalCss/light-tritanopia.css +0 -186
  27. package/dist/internalCss/light.css +0 -186
  28. package/dist/scss/functional/themes/dark-colorblind.scss +0 -93
  29. package/dist/scss/functional/themes/dark-dimmed.scss +0 -93
  30. package/dist/scss/functional/themes/dark-high-contrast.scss +0 -93
  31. package/dist/scss/functional/themes/dark-tritanopia.scss +0 -93
  32. package/dist/scss/functional/themes/dark.scss +0 -93
  33. package/dist/scss/functional/themes/light-colorblind.scss +0 -93
  34. package/dist/scss/functional/themes/light-high-contrast.scss +0 -93
  35. package/dist/scss/functional/themes/light-tritanopia.scss +0 -93
  36. package/dist/scss/functional/themes/light.scss +0 -93
  37. package/package.json +2 -2
  38. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -186
  39. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -186
  40. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -186
  41. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -186
  42. package/tokens-next-private/css/functional/themes/dark.css +0 -186
  43. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -186
  44. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -186
  45. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -186
  46. package/tokens-next-private/css/functional/themes/light.css +0 -186
  47. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -1395
  48. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -1395
  49. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -1395
  50. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -1395
  51. package/tokens-next-private/docs/functional/themes/dark.json +0 -1395
  52. package/tokens-next-private/docs/functional/themes/light-colorblind.json +0 -1395
  53. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +0 -1395
  54. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +0 -1395
  55. package/tokens-next-private/docs/functional/themes/light.json +0 -1395
  56. package/tokens-next-private/internalCss/dark-colorblind.css +0 -186
  57. package/tokens-next-private/internalCss/dark-dimmed.css +0 -186
  58. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -186
  59. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -186
  60. package/tokens-next-private/internalCss/dark.css +0 -186
  61. package/tokens-next-private/internalCss/light-colorblind.css +0 -186
  62. package/tokens-next-private/internalCss/light-high-contrast.css +0 -186
  63. package/tokens-next-private/internalCss/light-tritanopia.css +0 -186
  64. package/tokens-next-private/internalCss/light.css +0 -186
  65. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +0 -93
  66. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +0 -93
  67. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +0 -93
  68. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +0 -93
  69. package/tokens-next-private/scss/functional/themes/dark.scss +0 -93
  70. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +0 -93
  71. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +0 -93
  72. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +0 -93
  73. package/tokens-next-private/scss/functional/themes/light.scss +0 -93
  74. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  75. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  76. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  77. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  78. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  79. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  80. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  81. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  82. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  83. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  84. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  85. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  86. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  87. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  88. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  89. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  90. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  91. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  92. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  93. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  94. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  95. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  96. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  97. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  98. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  99. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  100. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  101. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  102. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  103. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  104. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  105. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  106. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  107. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  108. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  109. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  110. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  111. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  112. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  113. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  114. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  115. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  116. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  117. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  118. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  119. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  120. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  121. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  122. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  123. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  124. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  125. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  126. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -403,99 +403,6 @@ $color-prettylights-syntax-markup-ignored-text: #e7ecf0;
403
403
  $color-prettylights-syntax-markup-ignored-bg: #023b95;
404
404
  $color-prettylights-syntax-meta-diff-range: #622cbc;
405
405
  $color-prettylights-syntax-sublimelinter-gutter-mark: #88929d;
406
- $color-scale-black: #010409; // Avoid using scales, use other functional tokens instead
407
- $color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
408
- $color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
409
- $color-scale-gray-0: #ffffff; // Avoid using scales, use other functional tokens instead
410
- $color-scale-gray-1: #e7ecf0; // Avoid using scales, use other functional tokens instead
411
- $color-scale-gray-2: #ced5dc; // Avoid using scales, use other functional tokens instead
412
- $color-scale-gray-3: #acb6c0; // Avoid using scales, use other functional tokens instead
413
- $color-scale-gray-4: #88929d; // Avoid using scales, use other functional tokens instead
414
- $color-scale-gray-5: #66707b; // Avoid using scales, use other functional tokens instead
415
- $color-scale-gray-6: #4b535d; // Avoid using scales, use other functional tokens instead
416
- $color-scale-gray-7: #343b43; // Avoid using scales, use other functional tokens instead
417
- $color-scale-gray-8: #20252c; // Avoid using scales, use other functional tokens instead
418
- $color-scale-gray-9: #0e1116; // Avoid using scales, use other functional tokens instead
419
- $color-scale-blue-0: #dff7ff; // Avoid using scales, use other functional tokens instead
420
- $color-scale-blue-1: #9cd7ff; // Avoid using scales, use other functional tokens instead
421
- $color-scale-blue-2: #67b3fd; // Avoid using scales, use other functional tokens instead
422
- $color-scale-blue-3: #368cf9; // Avoid using scales, use other functional tokens instead
423
- $color-scale-blue-4: #1168e3; // Avoid using scales, use other functional tokens instead
424
- $color-scale-blue-5: #0349b4; // Avoid using scales, use other functional tokens instead
425
- $color-scale-blue-6: #023b95; // Avoid using scales, use other functional tokens instead
426
- $color-scale-blue-7: #022f7a; // Avoid using scales, use other functional tokens instead
427
- $color-scale-blue-8: #032563; // Avoid using scales, use other functional tokens instead
428
- $color-scale-blue-9: #021a4a; // Avoid using scales, use other functional tokens instead
429
- $color-scale-green-0: #d2fedb; // Avoid using scales, use other functional tokens instead
430
- $color-scale-green-1: #82e596; // Avoid using scales, use other functional tokens instead
431
- $color-scale-green-2: #43c663; // Avoid using scales, use other functional tokens instead
432
- $color-scale-green-3: #26a148; // Avoid using scales, use other functional tokens instead
433
- $color-scale-green-4: #117f32; // Avoid using scales, use other functional tokens instead
434
- $color-scale-green-5: #055d20; // Avoid using scales, use other functional tokens instead
435
- $color-scale-green-6: #024c1a; // Avoid using scales, use other functional tokens instead
436
- $color-scale-green-7: #013d14; // Avoid using scales, use other functional tokens instead
437
- $color-scale-green-8: #003110; // Avoid using scales, use other functional tokens instead
438
- $color-scale-green-9: #00230b; // Avoid using scales, use other functional tokens instead
439
- $color-scale-yellow-0: #fcf7be; // Avoid using scales, use other functional tokens instead
440
- $color-scale-yellow-1: #f0ce53; // Avoid using scales, use other functional tokens instead
441
- $color-scale-yellow-2: #d5a824; // Avoid using scales, use other functional tokens instead
442
- $color-scale-yellow-3: #b58407; // Avoid using scales, use other functional tokens instead
443
- $color-scale-yellow-4: #956400; // Avoid using scales, use other functional tokens instead
444
- $color-scale-yellow-5: #744500; // Avoid using scales, use other functional tokens instead
445
- $color-scale-yellow-6: #603700; // Avoid using scales, use other functional tokens instead
446
- $color-scale-yellow-7: #4e2c00; // Avoid using scales, use other functional tokens instead
447
- $color-scale-yellow-8: #3f2200; // Avoid using scales, use other functional tokens instead
448
- $color-scale-yellow-9: #2e1800; // Avoid using scales, use other functional tokens instead
449
- $color-scale-orange-0: #fff2d5; // Avoid using scales, use other functional tokens instead
450
- $color-scale-orange-1: #ffc67b; // Avoid using scales, use other functional tokens instead
451
- $color-scale-orange-2: #f99636; // Avoid using scales, use other functional tokens instead
452
- $color-scale-orange-3: #dc6d1a; // Avoid using scales, use other functional tokens instead
453
- $color-scale-orange-4: #b45105; // Avoid using scales, use other functional tokens instead
454
- $color-scale-orange-5: #873800; // Avoid using scales, use other functional tokens instead
455
- $color-scale-orange-6: #702c00; // Avoid using scales, use other functional tokens instead
456
- $color-scale-orange-7: #5b2300; // Avoid using scales, use other functional tokens instead
457
- $color-scale-orange-8: #491b00; // Avoid using scales, use other functional tokens instead
458
- $color-scale-orange-9: #361200; // Avoid using scales, use other functional tokens instead
459
- $color-scale-red-0: #fff0ee; // Avoid using scales, use other functional tokens instead
460
- $color-scale-red-1: #ffc1bc; // Avoid using scales, use other functional tokens instead
461
- $color-scale-red-2: #ff8e8a; // Avoid using scales, use other functional tokens instead
462
- $color-scale-red-3: #ee5a5d; // Avoid using scales, use other functional tokens instead
463
- $color-scale-red-4: #d5232c; // Avoid using scales, use other functional tokens instead
464
- $color-scale-red-5: #a0111f; // Avoid using scales, use other functional tokens instead
465
- $color-scale-red-6: #86061d; // Avoid using scales, use other functional tokens instead
466
- $color-scale-red-7: #6e011a; // Avoid using scales, use other functional tokens instead
467
- $color-scale-red-8: #5a0016; // Avoid using scales, use other functional tokens instead
468
- $color-scale-red-9: #430011; // Avoid using scales, use other functional tokens instead
469
- $color-scale-purple-0: #faf0fe; // Avoid using scales, use other functional tokens instead
470
- $color-scale-purple-1: #e0c5ff; // Avoid using scales, use other functional tokens instead
471
- $color-scale-purple-2: #c49bff; // Avoid using scales, use other functional tokens instead
472
- $color-scale-purple-3: #a371f7; // Avoid using scales, use other functional tokens instead
473
- $color-scale-purple-4: #844ae7; // Avoid using scales, use other functional tokens instead
474
- $color-scale-purple-5: #622cbc; // Avoid using scales, use other functional tokens instead
475
- $color-scale-purple-6: #512598; // Avoid using scales, use other functional tokens instead
476
- $color-scale-purple-7: #411d7b; // Avoid using scales, use other functional tokens instead
477
- $color-scale-purple-8: #341763; // Avoid using scales, use other functional tokens instead
478
- $color-scale-purple-9: #260f49; // Avoid using scales, use other functional tokens instead
479
- $color-scale-pink-0: #feeff7; // Avoid using scales, use other functional tokens instead
480
- $color-scale-pink-1: #ffbde0; // Avoid using scales, use other functional tokens instead
481
- $color-scale-pink-2: #fc87ca; // Avoid using scales, use other functional tokens instead
482
- $color-scale-pink-3: #ed4baf; // Avoid using scales, use other functional tokens instead
483
- $color-scale-pink-4: #c9248e; // Avoid using scales, use other functional tokens instead
484
- $color-scale-pink-5: #971368; // Avoid using scales, use other functional tokens instead
485
- $color-scale-pink-6: #7d0c57; // Avoid using scales, use other functional tokens instead
486
- $color-scale-pink-7: #660847; // Avoid using scales, use other functional tokens instead
487
- $color-scale-pink-8: #53043a; // Avoid using scales, use other functional tokens instead
488
- $color-scale-pink-9: #3e022b; // Avoid using scales, use other functional tokens instead
489
- $color-scale-coral-0: #fff0ed; // Avoid using scales, use other functional tokens instead
490
- $color-scale-coral-1: #ffc2b6; // Avoid using scales, use other functional tokens instead
491
- $color-scale-coral-2: #ff8f7e; // Avoid using scales, use other functional tokens instead
492
- $color-scale-coral-3: #cd3425; // Avoid using scales, use other functional tokens instead
493
- $color-scale-coral-4: #ef5b48; // Avoid using scales, use other functional tokens instead
494
- $color-scale-coral-5: #9f1710; // Avoid using scales, use other functional tokens instead
495
- $color-scale-coral-6: #870706; // Avoid using scales, use other functional tokens instead
496
- $color-scale-coral-7: #6f0107; // Avoid using scales, use other functional tokens instead
497
- $color-scale-coral-8: #5b0002; // Avoid using scales, use other functional tokens instead
498
- $color-scale-coral-9: #430200; // Avoid using scales, use other functional tokens instead
499
406
  $shadow-inset: inset 0px 1px 0px 0px #0104090a;
500
407
  $shadow-resting-xsmall: 0px 1px 0px 0px #0104091a;
501
408
  $shadow-resting-small: 0px 1px 0px 0px #0104090a;
@@ -403,99 +403,6 @@ $color-prettylights-syntax-markup-ignored-text: #eaeef2;
403
403
  $color-prettylights-syntax-markup-ignored-bg: #0550ae;
404
404
  $color-prettylights-syntax-meta-diff-range: #8250df;
405
405
  $color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
406
- $color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead
407
- $color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
408
- $color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
409
- $color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead
410
- $color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead
411
- $color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead
412
- $color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead
413
- $color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead
414
- $color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead
415
- $color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead
416
- $color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead
417
- $color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead
418
- $color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead
419
- $color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
420
- $color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
421
- $color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead
422
- $color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead
423
- $color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead
424
- $color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead
425
- $color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead
426
- $color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead
427
- $color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead
428
- $color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead
429
- $color-scale-green-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
430
- $color-scale-green-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
431
- $color-scale-green-2: #80ccff; // Avoid using scales, use other functional tokens instead
432
- $color-scale-green-3: #54aeff; // Avoid using scales, use other functional tokens instead
433
- $color-scale-green-4: #218bff; // Avoid using scales, use other functional tokens instead
434
- $color-scale-green-5: #0969da; // Avoid using scales, use other functional tokens instead
435
- $color-scale-green-6: #0550ae; // Avoid using scales, use other functional tokens instead
436
- $color-scale-green-7: #033d8b; // Avoid using scales, use other functional tokens instead
437
- $color-scale-green-8: #0a3069; // Avoid using scales, use other functional tokens instead
438
- $color-scale-green-9: #002155; // Avoid using scales, use other functional tokens instead
439
- $color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead
440
- $color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead
441
- $color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead
442
- $color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead
443
- $color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead
444
- $color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead
445
- $color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead
446
- $color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead
447
- $color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead
448
- $color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead
449
- $color-scale-orange-0: #ffebe9; // Avoid using scales, use other functional tokens instead
450
- $color-scale-orange-1: #ffcecb; // Avoid using scales, use other functional tokens instead
451
- $color-scale-orange-2: #ffaba8; // Avoid using scales, use other functional tokens instead
452
- $color-scale-orange-3: #ff8182; // Avoid using scales, use other functional tokens instead
453
- $color-scale-orange-4: #fa4549; // Avoid using scales, use other functional tokens instead
454
- $color-scale-orange-5: #cf222e; // Avoid using scales, use other functional tokens instead
455
- $color-scale-orange-6: #a40e26; // Avoid using scales, use other functional tokens instead
456
- $color-scale-orange-7: #82071e; // Avoid using scales, use other functional tokens instead
457
- $color-scale-orange-8: #660018; // Avoid using scales, use other functional tokens instead
458
- $color-scale-orange-9: #4c0014; // Avoid using scales, use other functional tokens instead
459
- $color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead
460
- $color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead
461
- $color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead
462
- $color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead
463
- $color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead
464
- $color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead
465
- $color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead
466
- $color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead
467
- $color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead
468
- $color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead
469
- $color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead
470
- $color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead
471
- $color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead
472
- $color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead
473
- $color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead
474
- $color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead
475
- $color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead
476
- $color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead
477
- $color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead
478
- $color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead
479
- $color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead
480
- $color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead
481
- $color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead
482
- $color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead
483
- $color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead
484
- $color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead
485
- $color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead
486
- $color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead
487
- $color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead
488
- $color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead
489
- $color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead
490
- $color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead
491
- $color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead
492
- $color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead
493
- $color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead
494
- $color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead
495
- $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead
496
- $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead
497
- $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
498
- $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
499
406
  $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
500
407
  $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
501
408
  $shadow-resting-small: 0px 1px 0px 0px #1f23280a;
@@ -403,99 +403,6 @@ $color-prettylights-syntax-markup-ignored-text: #eaeef2;
403
403
  $color-prettylights-syntax-markup-ignored-bg: #0550ae;
404
404
  $color-prettylights-syntax-meta-diff-range: #8250df;
405
405
  $color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
406
- $color-scale-black: #1f2328; // Avoid using scales, use other functional tokens instead
407
- $color-scale-transparent: #ffffff00; // Avoid using scales, use other functional tokens instead
408
- $color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
409
- $color-scale-gray-0: #f6f8fa; // Avoid using scales, use other functional tokens instead
410
- $color-scale-gray-1: #eaeef2; // Avoid using scales, use other functional tokens instead
411
- $color-scale-gray-2: #d0d7de; // Avoid using scales, use other functional tokens instead
412
- $color-scale-gray-3: #afb8c1; // Avoid using scales, use other functional tokens instead
413
- $color-scale-gray-4: #8c959f; // Avoid using scales, use other functional tokens instead
414
- $color-scale-gray-5: #6e7781; // Avoid using scales, use other functional tokens instead
415
- $color-scale-gray-6: #57606a; // Avoid using scales, use other functional tokens instead
416
- $color-scale-gray-7: #424a53; // Avoid using scales, use other functional tokens instead
417
- $color-scale-gray-8: #32383f; // Avoid using scales, use other functional tokens instead
418
- $color-scale-gray-9: #24292f; // Avoid using scales, use other functional tokens instead
419
- $color-scale-blue-0: #ddf4ff; // Avoid using scales, use other functional tokens instead
420
- $color-scale-blue-1: #b6e3ff; // Avoid using scales, use other functional tokens instead
421
- $color-scale-blue-2: #80ccff; // Avoid using scales, use other functional tokens instead
422
- $color-scale-blue-3: #54aeff; // Avoid using scales, use other functional tokens instead
423
- $color-scale-blue-4: #218bff; // Avoid using scales, use other functional tokens instead
424
- $color-scale-blue-5: #0969da; // Avoid using scales, use other functional tokens instead
425
- $color-scale-blue-6: #0550ae; // Avoid using scales, use other functional tokens instead
426
- $color-scale-blue-7: #033d8b; // Avoid using scales, use other functional tokens instead
427
- $color-scale-blue-8: #0a3069; // Avoid using scales, use other functional tokens instead
428
- $color-scale-blue-9: #002155; // Avoid using scales, use other functional tokens instead
429
- $color-scale-green-0: #dafbe1; // Avoid using scales, use other functional tokens instead
430
- $color-scale-green-1: #aceebb; // Avoid using scales, use other functional tokens instead
431
- $color-scale-green-2: #6fdd8b; // Avoid using scales, use other functional tokens instead
432
- $color-scale-green-3: #4ac26b; // Avoid using scales, use other functional tokens instead
433
- $color-scale-green-4: #2da44e; // Avoid using scales, use other functional tokens instead
434
- $color-scale-green-5: #1a7f37; // Avoid using scales, use other functional tokens instead
435
- $color-scale-green-6: #116329; // Avoid using scales, use other functional tokens instead
436
- $color-scale-green-7: #044f1e; // Avoid using scales, use other functional tokens instead
437
- $color-scale-green-8: #003d16; // Avoid using scales, use other functional tokens instead
438
- $color-scale-green-9: #002d11; // Avoid using scales, use other functional tokens instead
439
- $color-scale-yellow-0: #fff8c5; // Avoid using scales, use other functional tokens instead
440
- $color-scale-yellow-1: #fae17d; // Avoid using scales, use other functional tokens instead
441
- $color-scale-yellow-2: #eac54f; // Avoid using scales, use other functional tokens instead
442
- $color-scale-yellow-3: #d4a72c; // Avoid using scales, use other functional tokens instead
443
- $color-scale-yellow-4: #bf8700; // Avoid using scales, use other functional tokens instead
444
- $color-scale-yellow-5: #9a6700; // Avoid using scales, use other functional tokens instead
445
- $color-scale-yellow-6: #7d4e00; // Avoid using scales, use other functional tokens instead
446
- $color-scale-yellow-7: #633c01; // Avoid using scales, use other functional tokens instead
447
- $color-scale-yellow-8: #4d2d00; // Avoid using scales, use other functional tokens instead
448
- $color-scale-yellow-9: #3b2300; // Avoid using scales, use other functional tokens instead
449
- $color-scale-orange-0: #fff1e5; // Avoid using scales, use other functional tokens instead
450
- $color-scale-orange-1: #ffd8b5; // Avoid using scales, use other functional tokens instead
451
- $color-scale-orange-2: #ffb77c; // Avoid using scales, use other functional tokens instead
452
- $color-scale-orange-3: #fb8f44; // Avoid using scales, use other functional tokens instead
453
- $color-scale-orange-4: #e16f24; // Avoid using scales, use other functional tokens instead
454
- $color-scale-orange-5: #bc4c00; // Avoid using scales, use other functional tokens instead
455
- $color-scale-orange-6: #953800; // Avoid using scales, use other functional tokens instead
456
- $color-scale-orange-7: #762c00; // Avoid using scales, use other functional tokens instead
457
- $color-scale-orange-8: #5c2200; // Avoid using scales, use other functional tokens instead
458
- $color-scale-orange-9: #471700; // Avoid using scales, use other functional tokens instead
459
- $color-scale-red-0: #ffebe9; // Avoid using scales, use other functional tokens instead
460
- $color-scale-red-1: #ffcecb; // Avoid using scales, use other functional tokens instead
461
- $color-scale-red-2: #ffaba8; // Avoid using scales, use other functional tokens instead
462
- $color-scale-red-3: #ff8182; // Avoid using scales, use other functional tokens instead
463
- $color-scale-red-4: #fa4549; // Avoid using scales, use other functional tokens instead
464
- $color-scale-red-5: #cf222e; // Avoid using scales, use other functional tokens instead
465
- $color-scale-red-6: #a40e26; // Avoid using scales, use other functional tokens instead
466
- $color-scale-red-7: #82071e; // Avoid using scales, use other functional tokens instead
467
- $color-scale-red-8: #660018; // Avoid using scales, use other functional tokens instead
468
- $color-scale-red-9: #4c0014; // Avoid using scales, use other functional tokens instead
469
- $color-scale-purple-0: #fbefff; // Avoid using scales, use other functional tokens instead
470
- $color-scale-purple-1: #ecd8ff; // Avoid using scales, use other functional tokens instead
471
- $color-scale-purple-2: #d8b9ff; // Avoid using scales, use other functional tokens instead
472
- $color-scale-purple-3: #c297ff; // Avoid using scales, use other functional tokens instead
473
- $color-scale-purple-4: #a475f9; // Avoid using scales, use other functional tokens instead
474
- $color-scale-purple-5: #8250df; // Avoid using scales, use other functional tokens instead
475
- $color-scale-purple-6: #6639ba; // Avoid using scales, use other functional tokens instead
476
- $color-scale-purple-7: #512a97; // Avoid using scales, use other functional tokens instead
477
- $color-scale-purple-8: #3e1f79; // Avoid using scales, use other functional tokens instead
478
- $color-scale-purple-9: #2e1461; // Avoid using scales, use other functional tokens instead
479
- $color-scale-pink-0: #ffeff7; // Avoid using scales, use other functional tokens instead
480
- $color-scale-pink-1: #ffd3eb; // Avoid using scales, use other functional tokens instead
481
- $color-scale-pink-2: #ffadda; // Avoid using scales, use other functional tokens instead
482
- $color-scale-pink-3: #ff80c8; // Avoid using scales, use other functional tokens instead
483
- $color-scale-pink-4: #e85aad; // Avoid using scales, use other functional tokens instead
484
- $color-scale-pink-5: #bf3989; // Avoid using scales, use other functional tokens instead
485
- $color-scale-pink-6: #99286e; // Avoid using scales, use other functional tokens instead
486
- $color-scale-pink-7: #772057; // Avoid using scales, use other functional tokens instead
487
- $color-scale-pink-8: #611347; // Avoid using scales, use other functional tokens instead
488
- $color-scale-pink-9: #4d0336; // Avoid using scales, use other functional tokens instead
489
- $color-scale-coral-0: #fff0eb; // Avoid using scales, use other functional tokens instead
490
- $color-scale-coral-1: #ffd6cc; // Avoid using scales, use other functional tokens instead
491
- $color-scale-coral-2: #ffb4a1; // Avoid using scales, use other functional tokens instead
492
- $color-scale-coral-3: #fd8c73; // Avoid using scales, use other functional tokens instead
493
- $color-scale-coral-4: #ec6547; // Avoid using scales, use other functional tokens instead
494
- $color-scale-coral-5: #c4432b; // Avoid using scales, use other functional tokens instead
495
- $color-scale-coral-6: #9e2f1c; // Avoid using scales, use other functional tokens instead
496
- $color-scale-coral-7: #801f0f; // Avoid using scales, use other functional tokens instead
497
- $color-scale-coral-8: #691105; // Avoid using scales, use other functional tokens instead
498
- $color-scale-coral-9: #510901; // Avoid using scales, use other functional tokens instead
499
406
  $shadow-inset: inset 0px 1px 0px 0px #1f23280a;
500
407
  $shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
501
408
  $shadow-resting-small: 0px 1px 0px 0px #1f23280a;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.15.15",
3
+ "version": "7.16.0-rc.08adab70",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -33,7 +33,7 @@
33
33
  "build:figma": "ts-node scripts/buildPlatforms/buildFigma.ts",
34
34
  "build:new-tokens": "npm run build:tokens && npm run build:next && npm run build:figma",
35
35
  "tokenJson:check": "ts-node scripts/diffThemes.ts && ts-node scripts/diffTokenProps.ts",
36
- "contrast:check": "ts-node -e \"require('./scripts/color-contrast').check()\"",
36
+ "contrast:check": "ts-node scripts/color-contrast.ts",
37
37
  "format": "prettier --write '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
38
38
  "format:check": "prettier --check '**/*.{js,jsx,ts,tsx,md,mdx,css}'",
39
39
  "install:storybook": "cd docs/storybook && npm ci --legacy-peer-deps --no-audit --no-fund",
@@ -406,99 +406,6 @@
406
406
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
407
407
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
408
408
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
409
- --color-scale-black: #010409;
410
- --color-scale-transparent: #00000000;
411
- --color-scale-white: #ffffff;
412
- --color-scale-gray-0: #f0f6fc;
413
- --color-scale-gray-1: #c9d1d9;
414
- --color-scale-gray-2: #b1bac4;
415
- --color-scale-gray-3: #8b949e;
416
- --color-scale-gray-4: #6e7681;
417
- --color-scale-gray-5: #484f58;
418
- --color-scale-gray-6: #30363d;
419
- --color-scale-gray-7: #21262d;
420
- --color-scale-gray-8: #161b22;
421
- --color-scale-gray-9: #0d1117;
422
- --color-scale-blue-0: #cae8ff;
423
- --color-scale-blue-1: #a5d6ff;
424
- --color-scale-blue-2: #79c0ff;
425
- --color-scale-blue-3: #58a6ff;
426
- --color-scale-blue-4: #388bfd;
427
- --color-scale-blue-5: #1f6feb;
428
- --color-scale-blue-6: #1158c7;
429
- --color-scale-blue-7: #0d419d;
430
- --color-scale-blue-8: #0c2d6b;
431
- --color-scale-blue-9: #051d4d;
432
- --color-scale-green-0: #cae8ff;
433
- --color-scale-green-1: #a5d6ff;
434
- --color-scale-green-2: #79c0ff;
435
- --color-scale-green-3: #58a6ff;
436
- --color-scale-green-4: #388bfd;
437
- --color-scale-green-5: #1f6feb;
438
- --color-scale-green-6: #1158c7;
439
- --color-scale-green-7: #0d419d;
440
- --color-scale-green-8: #0c2d6b;
441
- --color-scale-green-9: #051d4d;
442
- --color-scale-yellow-0: #f8e3a1;
443
- --color-scale-yellow-1: #f2cc60;
444
- --color-scale-yellow-2: #e3b341;
445
- --color-scale-yellow-3: #d29922;
446
- --color-scale-yellow-4: #bb8009;
447
- --color-scale-yellow-5: #9e6a03;
448
- --color-scale-yellow-6: #845306;
449
- --color-scale-yellow-7: #693e00;
450
- --color-scale-yellow-8: #4b2900;
451
- --color-scale-yellow-9: #341a00;
452
- --color-scale-orange-0: #ffdfb6;
453
- --color-scale-orange-1: #ffc680;
454
- --color-scale-orange-2: #ffa657;
455
- --color-scale-orange-3: #f0883e;
456
- --color-scale-orange-4: #db6d28;
457
- --color-scale-orange-5: #bd561d;
458
- --color-scale-orange-6: #9b4215;
459
- --color-scale-orange-7: #762d0a;
460
- --color-scale-orange-8: #5a1e02;
461
- --color-scale-orange-9: #3d1300;
462
- --color-scale-red-0: #ffdfb6;
463
- --color-scale-red-1: #ffc680;
464
- --color-scale-red-2: #ffa657;
465
- --color-scale-red-3: #f0883e;
466
- --color-scale-red-4: #db6d28;
467
- --color-scale-red-5: #bd561d;
468
- --color-scale-red-6: #9b4215;
469
- --color-scale-red-7: #762d0a;
470
- --color-scale-red-8: #5a1e02;
471
- --color-scale-red-9: #3d1300;
472
- --color-scale-purple-0: #eddeff;
473
- --color-scale-purple-1: #e2c5ff;
474
- --color-scale-purple-2: #d2a8ff;
475
- --color-scale-purple-3: #bc8cff;
476
- --color-scale-purple-4: #a371f7;
477
- --color-scale-purple-5: #8957e5;
478
- --color-scale-purple-6: #6e40c9;
479
- --color-scale-purple-7: #553098;
480
- --color-scale-purple-8: #3c1e70;
481
- --color-scale-purple-9: #271052;
482
- --color-scale-pink-0: #ffdaec;
483
- --color-scale-pink-1: #ffbedd;
484
- --color-scale-pink-2: #ff9bce;
485
- --color-scale-pink-3: #f778ba;
486
- --color-scale-pink-4: #db61a2;
487
- --color-scale-pink-5: #bf4b8a;
488
- --color-scale-pink-6: #9e3670;
489
- --color-scale-pink-7: #7d2457;
490
- --color-scale-pink-8: #5e103e;
491
- --color-scale-pink-9: #42062a;
492
- --color-scale-coral-0: #ffddd2;
493
- --color-scale-coral-1: #ffc2b2;
494
- --color-scale-coral-2: #ffa28b;
495
- --color-scale-coral-3: #f78166;
496
- --color-scale-coral-4: #ea6045;
497
- --color-scale-coral-5: #cf462d;
498
- --color-scale-coral-6: #ac3220;
499
- --color-scale-coral-7: #872012;
500
- --color-scale-coral-8: #640d04;
501
- --color-scale-coral-9: #460701;
502
409
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
503
410
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
504
411
  --shadow-resting-small: 0px 1px 0px 0px #01040966;
@@ -917,99 +824,6 @@
917
824
  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
918
825
  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
919
826
  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
920
- --color-scale-black: #010409;
921
- --color-scale-transparent: #00000000;
922
- --color-scale-white: #ffffff;
923
- --color-scale-gray-0: #f0f6fc;
924
- --color-scale-gray-1: #c9d1d9;
925
- --color-scale-gray-2: #b1bac4;
926
- --color-scale-gray-3: #8b949e;
927
- --color-scale-gray-4: #6e7681;
928
- --color-scale-gray-5: #484f58;
929
- --color-scale-gray-6: #30363d;
930
- --color-scale-gray-7: #21262d;
931
- --color-scale-gray-8: #161b22;
932
- --color-scale-gray-9: #0d1117;
933
- --color-scale-blue-0: #cae8ff;
934
- --color-scale-blue-1: #a5d6ff;
935
- --color-scale-blue-2: #79c0ff;
936
- --color-scale-blue-3: #58a6ff;
937
- --color-scale-blue-4: #388bfd;
938
- --color-scale-blue-5: #1f6feb;
939
- --color-scale-blue-6: #1158c7;
940
- --color-scale-blue-7: #0d419d;
941
- --color-scale-blue-8: #0c2d6b;
942
- --color-scale-blue-9: #051d4d;
943
- --color-scale-green-0: #cae8ff;
944
- --color-scale-green-1: #a5d6ff;
945
- --color-scale-green-2: #79c0ff;
946
- --color-scale-green-3: #58a6ff;
947
- --color-scale-green-4: #388bfd;
948
- --color-scale-green-5: #1f6feb;
949
- --color-scale-green-6: #1158c7;
950
- --color-scale-green-7: #0d419d;
951
- --color-scale-green-8: #0c2d6b;
952
- --color-scale-green-9: #051d4d;
953
- --color-scale-yellow-0: #f8e3a1;
954
- --color-scale-yellow-1: #f2cc60;
955
- --color-scale-yellow-2: #e3b341;
956
- --color-scale-yellow-3: #d29922;
957
- --color-scale-yellow-4: #bb8009;
958
- --color-scale-yellow-5: #9e6a03;
959
- --color-scale-yellow-6: #845306;
960
- --color-scale-yellow-7: #693e00;
961
- --color-scale-yellow-8: #4b2900;
962
- --color-scale-yellow-9: #341a00;
963
- --color-scale-orange-0: #ffdfb6;
964
- --color-scale-orange-1: #ffc680;
965
- --color-scale-orange-2: #ffa657;
966
- --color-scale-orange-3: #f0883e;
967
- --color-scale-orange-4: #db6d28;
968
- --color-scale-orange-5: #bd561d;
969
- --color-scale-orange-6: #9b4215;
970
- --color-scale-orange-7: #762d0a;
971
- --color-scale-orange-8: #5a1e02;
972
- --color-scale-orange-9: #3d1300;
973
- --color-scale-red-0: #ffdfb6;
974
- --color-scale-red-1: #ffc680;
975
- --color-scale-red-2: #ffa657;
976
- --color-scale-red-3: #f0883e;
977
- --color-scale-red-4: #db6d28;
978
- --color-scale-red-5: #bd561d;
979
- --color-scale-red-6: #9b4215;
980
- --color-scale-red-7: #762d0a;
981
- --color-scale-red-8: #5a1e02;
982
- --color-scale-red-9: #3d1300;
983
- --color-scale-purple-0: #eddeff;
984
- --color-scale-purple-1: #e2c5ff;
985
- --color-scale-purple-2: #d2a8ff;
986
- --color-scale-purple-3: #bc8cff;
987
- --color-scale-purple-4: #a371f7;
988
- --color-scale-purple-5: #8957e5;
989
- --color-scale-purple-6: #6e40c9;
990
- --color-scale-purple-7: #553098;
991
- --color-scale-purple-8: #3c1e70;
992
- --color-scale-purple-9: #271052;
993
- --color-scale-pink-0: #ffdaec;
994
- --color-scale-pink-1: #ffbedd;
995
- --color-scale-pink-2: #ff9bce;
996
- --color-scale-pink-3: #f778ba;
997
- --color-scale-pink-4: #db61a2;
998
- --color-scale-pink-5: #bf4b8a;
999
- --color-scale-pink-6: #9e3670;
1000
- --color-scale-pink-7: #7d2457;
1001
- --color-scale-pink-8: #5e103e;
1002
- --color-scale-pink-9: #42062a;
1003
- --color-scale-coral-0: #ffddd2;
1004
- --color-scale-coral-1: #ffc2b2;
1005
- --color-scale-coral-2: #ffa28b;
1006
- --color-scale-coral-3: #f78166;
1007
- --color-scale-coral-4: #ea6045;
1008
- --color-scale-coral-5: #cf462d;
1009
- --color-scale-coral-6: #ac3220;
1010
- --color-scale-coral-7: #872012;
1011
- --color-scale-coral-8: #640d04;
1012
- --color-scale-coral-9: #460701;
1013
827
  --shadow-inset: inset 0px 1px 0px 0px #0104093d;
1014
828
  --shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
1015
829
  --shadow-resting-small: 0px 1px 0px 0px #01040966;