@primer/primitives 7.16.0-rc.65611e2e → 7.16.0-rc.bc1de9e8

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 (144) hide show
  1. package/dist/css/functional/themes/dark-colorblind.css +0 -12
  2. package/dist/css/functional/themes/dark-dimmed.css +0 -12
  3. package/dist/css/functional/themes/dark-high-contrast.css +0 -12
  4. package/dist/css/functional/themes/dark-tritanopia.css +0 -12
  5. package/dist/css/functional/themes/dark.css +0 -12
  6. package/dist/css/functional/themes/light-colorblind.css +0 -12
  7. package/dist/css/functional/themes/light-high-contrast.css +0 -12
  8. package/dist/css/functional/themes/light-tritanopia.css +0 -12
  9. package/dist/css/functional/themes/light.css +0 -12
  10. package/dist/docs/functional/themes/dark-colorblind.json +0 -208
  11. package/dist/docs/functional/themes/dark-dimmed.json +0 -208
  12. package/dist/docs/functional/themes/dark-high-contrast.json +0 -208
  13. package/dist/docs/functional/themes/dark-tritanopia.json +0 -208
  14. package/dist/docs/functional/themes/dark.json +0 -208
  15. package/dist/docs/functional/themes/light-colorblind.json +2 -208
  16. package/dist/docs/functional/themes/light-high-contrast.json +2 -208
  17. package/dist/docs/functional/themes/light-tritanopia.json +2 -208
  18. package/dist/docs/functional/themes/light.json +2 -208
  19. package/dist/figma/themes/dark-colorblind.json +0 -113
  20. package/dist/figma/themes/dark-dimmed.json +0 -113
  21. package/dist/figma/themes/dark-high-contrast.json +0 -113
  22. package/dist/figma/themes/dark-tritanopia.json +0 -113
  23. package/dist/figma/themes/dark.json +0 -113
  24. package/dist/figma/themes/light-colorblind.json +1 -113
  25. package/dist/figma/themes/light-high-contrast.json +1 -113
  26. package/dist/figma/themes/light-tritanopia.json +1 -113
  27. package/dist/figma/themes/light.json +1 -113
  28. package/dist/internalCss/dark-colorblind.css +0 -12
  29. package/dist/internalCss/dark-dimmed.css +0 -12
  30. package/dist/internalCss/dark-high-contrast.css +0 -12
  31. package/dist/internalCss/dark-tritanopia.css +0 -12
  32. package/dist/internalCss/dark.css +0 -12
  33. package/dist/internalCss/light-colorblind.css +0 -12
  34. package/dist/internalCss/light-high-contrast.css +0 -12
  35. package/dist/internalCss/light-tritanopia.css +0 -12
  36. package/dist/internalCss/light.css +0 -12
  37. package/dist/scss/functional/themes/dark-colorblind.scss +0 -6
  38. package/dist/scss/functional/themes/dark-dimmed.scss +0 -6
  39. package/dist/scss/functional/themes/dark-high-contrast.scss +0 -6
  40. package/dist/scss/functional/themes/dark-tritanopia.scss +0 -6
  41. package/dist/scss/functional/themes/dark.scss +0 -6
  42. package/dist/scss/functional/themes/light-colorblind.scss +0 -6
  43. package/dist/scss/functional/themes/light-high-contrast.scss +0 -6
  44. package/dist/scss/functional/themes/light-tritanopia.scss +0 -6
  45. package/dist/scss/functional/themes/light.scss +0 -6
  46. package/package.json +1 -1
  47. package/tokens-next-private/css/functional/themes/dark-colorblind.css +0 -12
  48. package/tokens-next-private/css/functional/themes/dark-dimmed.css +0 -12
  49. package/tokens-next-private/css/functional/themes/dark-high-contrast.css +0 -12
  50. package/tokens-next-private/css/functional/themes/dark-tritanopia.css +0 -12
  51. package/tokens-next-private/css/functional/themes/dark.css +0 -12
  52. package/tokens-next-private/css/functional/themes/light-colorblind.css +0 -12
  53. package/tokens-next-private/css/functional/themes/light-high-contrast.css +0 -12
  54. package/tokens-next-private/css/functional/themes/light-tritanopia.css +0 -12
  55. package/tokens-next-private/css/functional/themes/light.css +0 -12
  56. package/tokens-next-private/docs/functional/themes/dark-colorblind.json +0 -208
  57. package/tokens-next-private/docs/functional/themes/dark-dimmed.json +0 -208
  58. package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +0 -208
  59. package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +0 -208
  60. package/tokens-next-private/docs/functional/themes/dark.json +0 -208
  61. package/tokens-next-private/docs/functional/themes/light-colorblind.json +2 -208
  62. package/tokens-next-private/docs/functional/themes/light-high-contrast.json +2 -208
  63. package/tokens-next-private/docs/functional/themes/light-tritanopia.json +2 -208
  64. package/tokens-next-private/docs/functional/themes/light.json +2 -208
  65. package/tokens-next-private/figma/themes/dark-colorblind.json +0 -113
  66. package/tokens-next-private/figma/themes/dark-dimmed.json +0 -113
  67. package/tokens-next-private/figma/themes/dark-high-contrast.json +0 -113
  68. package/tokens-next-private/figma/themes/dark-tritanopia.json +0 -113
  69. package/tokens-next-private/figma/themes/dark.json +0 -113
  70. package/tokens-next-private/figma/themes/light-colorblind.json +1 -113
  71. package/tokens-next-private/figma/themes/light-high-contrast.json +1 -113
  72. package/tokens-next-private/figma/themes/light-tritanopia.json +1 -113
  73. package/tokens-next-private/figma/themes/light.json +1 -113
  74. package/tokens-next-private/internalCss/dark-colorblind.css +0 -12
  75. package/tokens-next-private/internalCss/dark-dimmed.css +0 -12
  76. package/tokens-next-private/internalCss/dark-high-contrast.css +0 -12
  77. package/tokens-next-private/internalCss/dark-tritanopia.css +0 -12
  78. package/tokens-next-private/internalCss/dark.css +0 -12
  79. package/tokens-next-private/internalCss/light-colorblind.css +0 -12
  80. package/tokens-next-private/internalCss/light-high-contrast.css +0 -12
  81. package/tokens-next-private/internalCss/light-tritanopia.css +0 -12
  82. package/tokens-next-private/internalCss/light.css +0 -12
  83. package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +0 -6
  84. package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +0 -6
  85. package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +0 -6
  86. package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +0 -6
  87. package/tokens-next-private/scss/functional/themes/dark.scss +0 -6
  88. package/tokens-next-private/scss/functional/themes/light-colorblind.scss +0 -6
  89. package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +0 -6
  90. package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +0 -6
  91. package/tokens-next-private/scss/functional/themes/light.scss +0 -6
  92. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  93. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  94. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  95. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  96. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  97. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  98. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  99. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  100. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  101. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  102. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  103. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  104. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  105. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  106. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  107. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  108. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  109. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  110. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  111. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  112. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  113. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  114. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  115. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  116. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  117. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  118. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  119. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  120. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  121. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  122. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  123. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  124. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  125. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  126. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  127. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  128. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  129. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  130. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  131. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  132. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  133. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  134. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  135. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  136. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  137. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  138. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  139. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  140. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  141. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  142. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  143. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  144. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
@@ -574,7 +574,6 @@
574
574
  --underlineNav-borderColor-hover: #88929d;
575
575
  --underlineNav-iconColor-rest: #0e1116;
576
576
  --selection-bgColor: #0349b433;
577
- --card-bgColor: #ffffff;
578
577
  --fgColor-default: #010409;
579
578
  --fgColor-muted: #0e1116;
580
579
  --fgColor-onEmphasis: #ffffff;
@@ -591,7 +590,6 @@
591
590
  --fgColor-open: #055d20;
592
591
  --fgColor-closed: #8a071e;
593
592
  --fgColor-done: #622cbc;
594
- --fgColor-upsell: #622cbc;
595
593
  --fgColor-sponsors: #971368;
596
594
  --bgColor-default: #ffffff;
597
595
  --bgColor-muted: #e7ecf0;
@@ -620,8 +618,6 @@
620
618
  --bgColor-closed-emphasis: #a0111f;
621
619
  --bgColor-done-muted: #faf0fe;
622
620
  --bgColor-done-emphasis: #622cbc;
623
- --bgColor-upsell-muted: #faf0fe;
624
- --bgColor-upsell-emphasis: #622cbc;
625
621
  --bgColor-sponsors-muted: #feeff7;
626
622
  --bgColor-sponsors-emphasis: #971368;
627
623
  --borderColor-default: #20252c;
@@ -647,8 +643,6 @@
647
643
  --borderColor-closed-emphasis: #a0111f;
648
644
  --borderColor-done-muted: #a371f7;
649
645
  --borderColor-done-emphasis: #622cbc;
650
- --borderColor-upsell-muted: #a371f766;
651
- --borderColor-upsell-emphasis: #622cbc;
652
646
  --borderColor-sponsors-muted: #ed4baf;
653
647
  --borderColor-sponsors-emphasis: #971368;
654
648
  --color-ansi-black: #0e1116;
@@ -1283,7 +1277,6 @@
1283
1277
  --underlineNav-borderColor-hover: #88929d;
1284
1278
  --underlineNav-iconColor-rest: #0e1116;
1285
1279
  --selection-bgColor: #0349b433;
1286
- --card-bgColor: #ffffff;
1287
1280
  --fgColor-default: #010409;
1288
1281
  --fgColor-muted: #0e1116;
1289
1282
  --fgColor-onEmphasis: #ffffff;
@@ -1300,7 +1293,6 @@
1300
1293
  --fgColor-open: #055d20;
1301
1294
  --fgColor-closed: #8a071e;
1302
1295
  --fgColor-done: #622cbc;
1303
- --fgColor-upsell: #622cbc;
1304
1296
  --fgColor-sponsors: #971368;
1305
1297
  --bgColor-default: #ffffff;
1306
1298
  --bgColor-muted: #e7ecf0;
@@ -1329,8 +1321,6 @@
1329
1321
  --bgColor-closed-emphasis: #a0111f;
1330
1322
  --bgColor-done-muted: #faf0fe;
1331
1323
  --bgColor-done-emphasis: #622cbc;
1332
- --bgColor-upsell-muted: #faf0fe;
1333
- --bgColor-upsell-emphasis: #622cbc;
1334
1324
  --bgColor-sponsors-muted: #feeff7;
1335
1325
  --bgColor-sponsors-emphasis: #971368;
1336
1326
  --borderColor-default: #20252c;
@@ -1356,8 +1346,6 @@
1356
1346
  --borderColor-closed-emphasis: #a0111f;
1357
1347
  --borderColor-done-muted: #a371f7;
1358
1348
  --borderColor-done-emphasis: #622cbc;
1359
- --borderColor-upsell-muted: #a371f766;
1360
- --borderColor-upsell-emphasis: #622cbc;
1361
1349
  --borderColor-sponsors-muted: #ed4baf;
1362
1350
  --borderColor-sponsors-emphasis: #971368;
1363
1351
  --color-ansi-black: #0e1116;
@@ -574,7 +574,6 @@
574
574
  --underlineNav-borderColor-hover: #afb8c133;
575
575
  --underlineNav-iconColor-rest: #636c76;
576
576
  --selection-bgColor: #0969da33;
577
- --card-bgColor: #ffffff;
578
577
  --fgColor-default: #1f2328;
579
578
  --fgColor-muted: #636c76;
580
579
  --fgColor-onEmphasis: #ffffff;
@@ -591,7 +590,6 @@
591
590
  --fgColor-open: #cf222e;
592
591
  --fgColor-closed: #6e7781;
593
592
  --fgColor-done: #8250df;
594
- --fgColor-upsell: #8250df;
595
593
  --fgColor-sponsors: #bf3989;
596
594
  --bgColor-default: #ffffff;
597
595
  --bgColor-muted: #f6f8fa;
@@ -620,8 +618,6 @@
620
618
  --bgColor-closed-emphasis: #6e7781;
621
619
  --bgColor-done-muted: #fbefff;
622
620
  --bgColor-done-emphasis: #8250df;
623
- --bgColor-upsell-muted: #fbefff;
624
- --bgColor-upsell-emphasis: #8250df;
625
621
  --bgColor-sponsors-muted: #ffeff7;
626
622
  --bgColor-sponsors-emphasis: #bf3989;
627
623
  --borderColor-default: #d0d7de;
@@ -647,8 +643,6 @@
647
643
  --borderColor-closed-emphasis: #6e7781;
648
644
  --borderColor-done-muted: #c297ff66;
649
645
  --borderColor-done-emphasis: #8250df;
650
- --borderColor-upsell-muted: #c297ff66;
651
- --borderColor-upsell-emphasis: #8250df;
652
646
  --borderColor-sponsors-muted: #ff80c866;
653
647
  --borderColor-sponsors-emphasis: #bf3989;
654
648
  --color-ansi-black: #24292f;
@@ -1283,7 +1277,6 @@
1283
1277
  --underlineNav-borderColor-hover: #afb8c133;
1284
1278
  --underlineNav-iconColor-rest: #636c76;
1285
1279
  --selection-bgColor: #0969da33;
1286
- --card-bgColor: #ffffff;
1287
1280
  --fgColor-default: #1f2328;
1288
1281
  --fgColor-muted: #636c76;
1289
1282
  --fgColor-onEmphasis: #ffffff;
@@ -1300,7 +1293,6 @@
1300
1293
  --fgColor-open: #cf222e;
1301
1294
  --fgColor-closed: #6e7781;
1302
1295
  --fgColor-done: #8250df;
1303
- --fgColor-upsell: #8250df;
1304
1296
  --fgColor-sponsors: #bf3989;
1305
1297
  --bgColor-default: #ffffff;
1306
1298
  --bgColor-muted: #f6f8fa;
@@ -1329,8 +1321,6 @@
1329
1321
  --bgColor-closed-emphasis: #6e7781;
1330
1322
  --bgColor-done-muted: #fbefff;
1331
1323
  --bgColor-done-emphasis: #8250df;
1332
- --bgColor-upsell-muted: #fbefff;
1333
- --bgColor-upsell-emphasis: #8250df;
1334
1324
  --bgColor-sponsors-muted: #ffeff7;
1335
1325
  --bgColor-sponsors-emphasis: #bf3989;
1336
1326
  --borderColor-default: #d0d7de;
@@ -1356,8 +1346,6 @@
1356
1346
  --borderColor-closed-emphasis: #6e7781;
1357
1347
  --borderColor-done-muted: #c297ff66;
1358
1348
  --borderColor-done-emphasis: #8250df;
1359
- --borderColor-upsell-muted: #c297ff66;
1360
- --borderColor-upsell-emphasis: #8250df;
1361
1349
  --borderColor-sponsors-muted: #ff80c866;
1362
1350
  --borderColor-sponsors-emphasis: #bf3989;
1363
1351
  --color-ansi-black: #24292f;
@@ -574,7 +574,6 @@
574
574
  --underlineNav-borderColor-hover: #afb8c133;
575
575
  --underlineNav-iconColor-rest: #636c76;
576
576
  --selection-bgColor: #0969da33;
577
- --card-bgColor: #ffffff;
578
577
  --fgColor-default: #1f2328;
579
578
  --fgColor-muted: #636c76;
580
579
  --fgColor-onEmphasis: #ffffff;
@@ -591,7 +590,6 @@
591
590
  --fgColor-open: #1a7f37;
592
591
  --fgColor-closed: #d1242f;
593
592
  --fgColor-done: #8250df;
594
- --fgColor-upsell: #8250df;
595
593
  --fgColor-sponsors: #bf3989;
596
594
  --bgColor-default: #ffffff;
597
595
  --bgColor-muted: #f6f8fa;
@@ -620,8 +618,6 @@
620
618
  --bgColor-closed-emphasis: #cf222e;
621
619
  --bgColor-done-muted: #fbefff;
622
620
  --bgColor-done-emphasis: #8250df;
623
- --bgColor-upsell-muted: #fbefff;
624
- --bgColor-upsell-emphasis: #8250df;
625
621
  --bgColor-sponsors-muted: #ffeff7;
626
622
  --bgColor-sponsors-emphasis: #bf3989;
627
623
  --borderColor-default: #d0d7de;
@@ -647,8 +643,6 @@
647
643
  --borderColor-closed-emphasis: #cf222e;
648
644
  --borderColor-done-muted: #c297ff66;
649
645
  --borderColor-done-emphasis: #8250df;
650
- --borderColor-upsell-muted: #c297ff66;
651
- --borderColor-upsell-emphasis: #8250df;
652
646
  --borderColor-sponsors-muted: #ff80c866;
653
647
  --borderColor-sponsors-emphasis: #bf3989;
654
648
  --color-ansi-black: #24292f;
@@ -1283,7 +1277,6 @@
1283
1277
  --underlineNav-borderColor-hover: #afb8c133;
1284
1278
  --underlineNav-iconColor-rest: #636c76;
1285
1279
  --selection-bgColor: #0969da33;
1286
- --card-bgColor: #ffffff;
1287
1280
  --fgColor-default: #1f2328;
1288
1281
  --fgColor-muted: #636c76;
1289
1282
  --fgColor-onEmphasis: #ffffff;
@@ -1300,7 +1293,6 @@
1300
1293
  --fgColor-open: #1a7f37;
1301
1294
  --fgColor-closed: #d1242f;
1302
1295
  --fgColor-done: #8250df;
1303
- --fgColor-upsell: #8250df;
1304
1296
  --fgColor-sponsors: #bf3989;
1305
1297
  --bgColor-default: #ffffff;
1306
1298
  --bgColor-muted: #f6f8fa;
@@ -1329,8 +1321,6 @@
1329
1321
  --bgColor-closed-emphasis: #cf222e;
1330
1322
  --bgColor-done-muted: #fbefff;
1331
1323
  --bgColor-done-emphasis: #8250df;
1332
- --bgColor-upsell-muted: #fbefff;
1333
- --bgColor-upsell-emphasis: #8250df;
1334
1324
  --bgColor-sponsors-muted: #ffeff7;
1335
1325
  --bgColor-sponsors-emphasis: #bf3989;
1336
1326
  --borderColor-default: #d0d7de;
@@ -1356,8 +1346,6 @@
1356
1346
  --borderColor-closed-emphasis: #cf222e;
1357
1347
  --borderColor-done-muted: #c297ff66;
1358
1348
  --borderColor-done-emphasis: #8250df;
1359
- --borderColor-upsell-muted: #c297ff66;
1360
- --borderColor-upsell-emphasis: #8250df;
1361
1349
  --borderColor-sponsors-muted: #ff80c866;
1362
1350
  --borderColor-sponsors-emphasis: #bf3989;
1363
1351
  --color-ansi-black: #24292f;
@@ -284,7 +284,6 @@ $underlineNav-borderColor-active: #f78166;
284
284
  $underlineNav-borderColor-hover: #6e768166;
285
285
  $underlineNav-iconColor-rest: #848d97;
286
286
  $selection-bgColor: #1f6febb3;
287
- $card-bgColor: #161b22;
288
287
  $fgColor-default: #e6edf3;
289
288
  $fgColor-muted: #848d97;
290
289
  $fgColor-onEmphasis: #ffffff;
@@ -301,7 +300,6 @@ $fgColor-danger: #db6d28;
301
300
  $fgColor-open: #f0883e;
302
301
  $fgColor-closed: #8b949e;
303
302
  $fgColor-done: #a371f7;
304
- $fgColor-upsell: #a371f7;
305
303
  $fgColor-sponsors: #db61a2;
306
304
  $bgColor-default: #0d1117;
307
305
  $bgColor-muted: #161b22;
@@ -330,8 +328,6 @@ $bgColor-closed-muted: #6e768166;
330
328
  $bgColor-closed-emphasis: #6e7681;
331
329
  $bgColor-done-muted: #a371f726;
332
330
  $bgColor-done-emphasis: #8957e5;
333
- $bgColor-upsell-muted: #a371f726;
334
- $bgColor-upsell-emphasis: #8957e5;
335
331
  $bgColor-sponsors-muted: #db61a21a;
336
332
  $bgColor-sponsors-emphasis: #bf4b8a;
337
333
  $borderColor-default: #30363d;
@@ -357,8 +353,6 @@ $borderColor-closed-muted: #6e768166;
357
353
  $borderColor-closed-emphasis: #6e7681;
358
354
  $borderColor-done-muted: #a371f766;
359
355
  $borderColor-done-emphasis: #8957e5;
360
- $borderColor-upsell-muted: #a371f766;
361
- $borderColor-upsell-emphasis: #8957e5;
362
356
  $borderColor-sponsors-muted: #db61a266;
363
357
  $borderColor-sponsors-emphasis: #bf4b8a;
364
358
  $color-ansi-black: #484f58;
@@ -284,7 +284,6 @@ $underlineNav-borderColor-active: #ec775c;
284
284
  $underlineNav-borderColor-hover: #636e7b66;
285
285
  $underlineNav-iconColor-rest: #717e8b;
286
286
  $selection-bgColor: #316dcab3;
287
- $card-bgColor: #2d333b;
288
287
  $fgColor-default: #c5d1de;
289
288
  $fgColor-muted: #717e8b;
290
289
  $fgColor-onEmphasis: #cdd9e5;
@@ -301,7 +300,6 @@ $fgColor-danger: #e5534b;
301
300
  $fgColor-open: #57ab5a;
302
301
  $fgColor-closed: #e5534b;
303
302
  $fgColor-done: #986ee2;
304
- $fgColor-upsell: #986ee2;
305
303
  $fgColor-sponsors: #c96198;
306
304
  $bgColor-default: #22272e;
307
305
  $bgColor-muted: #2d333b;
@@ -330,8 +328,6 @@ $bgColor-closed-muted: #e5534b26;
330
328
  $bgColor-closed-emphasis: #c93c37;
331
329
  $bgColor-done-muted: #986ee226;
332
330
  $bgColor-done-emphasis: #8256d0;
333
- $bgColor-upsell-muted: #986ee226;
334
- $bgColor-upsell-emphasis: #8256d0;
335
331
  $bgColor-sponsors-muted: #c961981a;
336
332
  $bgColor-sponsors-emphasis: #ae4c82;
337
333
  $borderColor-default: #444c56;
@@ -357,8 +353,6 @@ $borderColor-closed-muted: #e5534b66;
357
353
  $borderColor-closed-emphasis: #c93c37;
358
354
  $borderColor-done-muted: #986ee266;
359
355
  $borderColor-done-emphasis: #8256d0;
360
- $borderColor-upsell-muted: #986ee266;
361
- $borderColor-upsell-emphasis: #8256d0;
362
356
  $borderColor-sponsors-muted: #c9619866;
363
357
  $borderColor-sponsors-emphasis: #ae4c82;
364
358
  $color-ansi-black: #545d68;
@@ -284,7 +284,6 @@ $underlineNav-borderColor-active: #ff967d;
284
284
  $underlineNav-borderColor-hover: #bdc4cc;
285
285
  $underlineNav-iconColor-rest: #f0f3f6;
286
286
  $selection-bgColor: #409effb3;
287
- $card-bgColor: #272b33;
288
287
  $fgColor-default: #fbfcfd;
289
288
  $fgColor-muted: #f0f3f6;
290
289
  $fgColor-onEmphasis: #0a0c10;
@@ -301,7 +300,6 @@ $fgColor-danger: #ff8080;
301
300
  $fgColor-open: #28d751;
302
301
  $fgColor-closed: #ff8080;
303
302
  $fgColor-done: #bf8fff;
304
- $fgColor-upsell: #bf8fff;
305
303
  $fgColor-sponsors: #f87cbd;
306
304
  $bgColor-default: #0a0c10;
307
305
  $bgColor-muted: #272b33;
@@ -330,8 +328,6 @@ $bgColor-closed-muted: #ff808026;
330
328
  $bgColor-closed-emphasis: #ff6a69;
331
329
  $bgColor-done-muted: #bf8fff26;
332
330
  $bgColor-done-emphasis: #b87fff;
333
- $bgColor-upsell-muted: #bf8fff26;
334
- $bgColor-upsell-emphasis: #b87fff;
335
331
  $bgColor-sponsors-muted: #f87cbd1a;
336
332
  $bgColor-sponsors-emphasis: #ef6eb1;
337
333
  $borderColor-default: #7a828e;
@@ -357,8 +353,6 @@ $borderColor-closed-muted: #ff808066;
357
353
  $borderColor-closed-emphasis: #ff6a69;
358
354
  $borderColor-done-muted: #bf8fff;
359
355
  $borderColor-done-emphasis: #b87fff;
360
- $borderColor-upsell-muted: #bf8fff66;
361
- $borderColor-upsell-emphasis: #b87fff;
362
356
  $borderColor-sponsors-muted: #f87cbd;
363
357
  $borderColor-sponsors-emphasis: #ef6eb1;
364
358
  $color-ansi-black: #7a828e;
@@ -284,7 +284,6 @@ $underlineNav-borderColor-active: #f78166;
284
284
  $underlineNav-borderColor-hover: #6e768166;
285
285
  $underlineNav-iconColor-rest: #848d97;
286
286
  $selection-bgColor: #1f6febb3;
287
- $card-bgColor: #161b22;
288
287
  $fgColor-default: #e6edf3;
289
288
  $fgColor-muted: #848d97;
290
289
  $fgColor-onEmphasis: #ffffff;
@@ -301,7 +300,6 @@ $fgColor-danger: #f85149;
301
300
  $fgColor-open: #f85149;
302
301
  $fgColor-closed: #6e7681;
303
302
  $fgColor-done: #a371f7;
304
- $fgColor-upsell: #a371f7;
305
303
  $fgColor-sponsors: #db61a2;
306
304
  $bgColor-default: #0d1117;
307
305
  $bgColor-muted: #161b22;
@@ -330,8 +328,6 @@ $bgColor-closed-muted: #6e768126;
330
328
  $bgColor-closed-emphasis: #484f58;
331
329
  $bgColor-done-muted: #a371f726;
332
330
  $bgColor-done-emphasis: #8957e5;
333
- $bgColor-upsell-muted: #a371f726;
334
- $bgColor-upsell-emphasis: #8957e5;
335
331
  $bgColor-sponsors-muted: #db61a21a;
336
332
  $bgColor-sponsors-emphasis: #bf4b8a;
337
333
  $borderColor-default: #30363d;
@@ -357,8 +353,6 @@ $borderColor-closed-muted: #6e768166;
357
353
  $borderColor-closed-emphasis: #484f58;
358
354
  $borderColor-done-muted: #a371f766;
359
355
  $borderColor-done-emphasis: #8957e5;
360
- $borderColor-upsell-muted: #a371f766;
361
- $borderColor-upsell-emphasis: #8957e5;
362
356
  $borderColor-sponsors-muted: #db61a266;
363
357
  $borderColor-sponsors-emphasis: #bf4b8a;
364
358
  $color-ansi-black: #484f58;
@@ -284,7 +284,6 @@ $underlineNav-borderColor-active: #f78166;
284
284
  $underlineNav-borderColor-hover: #6e768166;
285
285
  $underlineNav-iconColor-rest: #848d97;
286
286
  $selection-bgColor: #1f6febb3;
287
- $card-bgColor: #161b22;
288
287
  $fgColor-default: #e6edf3;
289
288
  $fgColor-muted: #848d97;
290
289
  $fgColor-onEmphasis: #ffffff;
@@ -301,7 +300,6 @@ $fgColor-danger: #f85149;
301
300
  $fgColor-open: #3fb950;
302
301
  $fgColor-closed: #f85149;
303
302
  $fgColor-done: #a371f7;
304
- $fgColor-upsell: #a371f7;
305
303
  $fgColor-sponsors: #db61a2;
306
304
  $bgColor-default: #0d1117;
307
305
  $bgColor-muted: #161b22;
@@ -330,8 +328,6 @@ $bgColor-closed-muted: #f8514926;
330
328
  $bgColor-closed-emphasis: #da3633;
331
329
  $bgColor-done-muted: #a371f726;
332
330
  $bgColor-done-emphasis: #8957e5;
333
- $bgColor-upsell-muted: #a371f726;
334
- $bgColor-upsell-emphasis: #8957e5;
335
331
  $bgColor-sponsors-muted: #db61a21a;
336
332
  $bgColor-sponsors-emphasis: #bf4b8a;
337
333
  $borderColor-default: #30363d;
@@ -357,8 +353,6 @@ $borderColor-closed-muted: #f8514966;
357
353
  $borderColor-closed-emphasis: #da3633;
358
354
  $borderColor-done-muted: #a371f766;
359
355
  $borderColor-done-emphasis: #8957e5;
360
- $borderColor-upsell-muted: #a371f766;
361
- $borderColor-upsell-emphasis: #8957e5;
362
356
  $borderColor-sponsors-muted: #db61a266;
363
357
  $borderColor-sponsors-emphasis: #bf4b8a;
364
358
  $color-ansi-black: #484f58;
@@ -285,7 +285,6 @@ $underlineNav-borderColor-active: #fd8c73;
285
285
  $underlineNav-borderColor-hover: #afb8c133;
286
286
  $underlineNav-iconColor-rest: #636c76;
287
287
  $selection-bgColor: #0969da33;
288
- $card-bgColor: #ffffff;
289
288
  $fgColor-default: #1f2328;
290
289
  $fgColor-muted: #636c76;
291
290
  $fgColor-onEmphasis: #ffffff;
@@ -302,7 +301,6 @@ $fgColor-danger: #be4e02;
302
301
  $fgColor-open: #bc4c00;
303
302
  $fgColor-closed: #6e7781;
304
303
  $fgColor-done: #8250df;
305
- $fgColor-upsell: #8250df;
306
304
  $fgColor-sponsors: #bf3989;
307
305
  $bgColor-default: #ffffff;
308
306
  $bgColor-muted: #f6f8fa;
@@ -331,8 +329,6 @@ $bgColor-closed-muted: #afb8c166;
331
329
  $bgColor-closed-emphasis: #6e7781;
332
330
  $bgColor-done-muted: #fbefff;
333
331
  $bgColor-done-emphasis: #8250df;
334
- $bgColor-upsell-muted: #fbefff;
335
- $bgColor-upsell-emphasis: #8250df;
336
332
  $bgColor-sponsors-muted: #ffeff7;
337
333
  $bgColor-sponsors-emphasis: #bf3989;
338
334
  $borderColor-default: #d0d7de;
@@ -358,8 +354,6 @@ $borderColor-closed-muted: #afb8c166;
358
354
  $borderColor-closed-emphasis: #6e7781;
359
355
  $borderColor-done-muted: #c297ff66;
360
356
  $borderColor-done-emphasis: #8250df;
361
- $borderColor-upsell-muted: #c297ff66;
362
- $borderColor-upsell-emphasis: #8250df;
363
357
  $borderColor-sponsors-muted: #ff80c866;
364
358
  $borderColor-sponsors-emphasis: #bf3989;
365
359
  $color-ansi-black: #24292f;
@@ -285,7 +285,6 @@ $underlineNav-borderColor-active: #cd3425;
285
285
  $underlineNav-borderColor-hover: #88929d;
286
286
  $underlineNav-iconColor-rest: #0e1116;
287
287
  $selection-bgColor: #0349b433;
288
- $card-bgColor: #ffffff;
289
288
  $fgColor-default: #010409;
290
289
  $fgColor-muted: #0e1116;
291
290
  $fgColor-onEmphasis: #ffffff;
@@ -302,7 +301,6 @@ $fgColor-danger: #8a071e;
302
301
  $fgColor-open: #055d20;
303
302
  $fgColor-closed: #8a071e;
304
303
  $fgColor-done: #622cbc;
305
- $fgColor-upsell: #622cbc;
306
304
  $fgColor-sponsors: #971368;
307
305
  $bgColor-default: #ffffff;
308
306
  $bgColor-muted: #e7ecf0;
@@ -331,8 +329,6 @@ $bgColor-closed-muted: #fff0ee;
331
329
  $bgColor-closed-emphasis: #a0111f;
332
330
  $bgColor-done-muted: #faf0fe;
333
331
  $bgColor-done-emphasis: #622cbc;
334
- $bgColor-upsell-muted: #faf0fe;
335
- $bgColor-upsell-emphasis: #622cbc;
336
332
  $bgColor-sponsors-muted: #feeff7;
337
333
  $bgColor-sponsors-emphasis: #971368;
338
334
  $borderColor-default: #20252c;
@@ -358,8 +354,6 @@ $borderColor-closed-muted: #ee5a5d66;
358
354
  $borderColor-closed-emphasis: #a0111f;
359
355
  $borderColor-done-muted: #a371f7;
360
356
  $borderColor-done-emphasis: #622cbc;
361
- $borderColor-upsell-muted: #a371f766;
362
- $borderColor-upsell-emphasis: #622cbc;
363
357
  $borderColor-sponsors-muted: #ed4baf;
364
358
  $borderColor-sponsors-emphasis: #971368;
365
359
  $color-ansi-black: #0e1116;
@@ -285,7 +285,6 @@ $underlineNav-borderColor-active: #fd8c73;
285
285
  $underlineNav-borderColor-hover: #afb8c133;
286
286
  $underlineNav-iconColor-rest: #636c76;
287
287
  $selection-bgColor: #0969da33;
288
- $card-bgColor: #ffffff;
289
288
  $fgColor-default: #1f2328;
290
289
  $fgColor-muted: #636c76;
291
290
  $fgColor-onEmphasis: #ffffff;
@@ -302,7 +301,6 @@ $fgColor-danger: #d1242f;
302
301
  $fgColor-open: #cf222e;
303
302
  $fgColor-closed: #6e7781;
304
303
  $fgColor-done: #8250df;
305
- $fgColor-upsell: #8250df;
306
304
  $fgColor-sponsors: #bf3989;
307
305
  $bgColor-default: #ffffff;
308
306
  $bgColor-muted: #f6f8fa;
@@ -331,8 +329,6 @@ $bgColor-closed-muted: #f6f8fa;
331
329
  $bgColor-closed-emphasis: #6e7781;
332
330
  $bgColor-done-muted: #fbefff;
333
331
  $bgColor-done-emphasis: #8250df;
334
- $bgColor-upsell-muted: #fbefff;
335
- $bgColor-upsell-emphasis: #8250df;
336
332
  $bgColor-sponsors-muted: #ffeff7;
337
333
  $bgColor-sponsors-emphasis: #bf3989;
338
334
  $borderColor-default: #d0d7de;
@@ -358,8 +354,6 @@ $borderColor-closed-muted: #afb8c166;
358
354
  $borderColor-closed-emphasis: #6e7781;
359
355
  $borderColor-done-muted: #c297ff66;
360
356
  $borderColor-done-emphasis: #8250df;
361
- $borderColor-upsell-muted: #c297ff66;
362
- $borderColor-upsell-emphasis: #8250df;
363
357
  $borderColor-sponsors-muted: #ff80c866;
364
358
  $borderColor-sponsors-emphasis: #bf3989;
365
359
  $color-ansi-black: #24292f;
@@ -285,7 +285,6 @@ $underlineNav-borderColor-active: #fd8c73;
285
285
  $underlineNav-borderColor-hover: #afb8c133;
286
286
  $underlineNav-iconColor-rest: #636c76;
287
287
  $selection-bgColor: #0969da33;
288
- $card-bgColor: #ffffff;
289
288
  $fgColor-default: #1f2328;
290
289
  $fgColor-muted: #636c76;
291
290
  $fgColor-onEmphasis: #ffffff;
@@ -302,7 +301,6 @@ $fgColor-danger: #d1242f;
302
301
  $fgColor-open: #1a7f37;
303
302
  $fgColor-closed: #d1242f;
304
303
  $fgColor-done: #8250df;
305
- $fgColor-upsell: #8250df;
306
304
  $fgColor-sponsors: #bf3989;
307
305
  $bgColor-default: #ffffff;
308
306
  $bgColor-muted: #f6f8fa;
@@ -331,8 +329,6 @@ $bgColor-closed-muted: #ffebe9;
331
329
  $bgColor-closed-emphasis: #cf222e;
332
330
  $bgColor-done-muted: #fbefff;
333
331
  $bgColor-done-emphasis: #8250df;
334
- $bgColor-upsell-muted: #fbefff;
335
- $bgColor-upsell-emphasis: #8250df;
336
332
  $bgColor-sponsors-muted: #ffeff7;
337
333
  $bgColor-sponsors-emphasis: #bf3989;
338
334
  $borderColor-default: #d0d7de;
@@ -358,8 +354,6 @@ $borderColor-closed-muted: #ff818266;
358
354
  $borderColor-closed-emphasis: #cf222e;
359
355
  $borderColor-done-muted: #c297ff66;
360
356
  $borderColor-done-emphasis: #8250df;
361
- $borderColor-upsell-muted: #c297ff66;
362
- $borderColor-upsell-emphasis: #8250df;
363
357
  $borderColor-sponsors-muted: #ff80c866;
364
358
  $borderColor-sponsors-emphasis: #bf3989;
365
359
  $color-ansi-black: #24292f;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/primitives",
3
- "version": "7.16.0-rc.65611e2e",
3
+ "version": "7.16.0-rc.bc1de9e8",
4
4
  "description": "Typography, spacing, and color primitives for Primer design system",
5
5
  "files": [
6
6
  "dist",
@@ -288,7 +288,6 @@
288
288
  --underlineNav-borderColor-hover: #6e768166;
289
289
  --underlineNav-iconColor-rest: #848d97;
290
290
  --selection-bgColor: #1f6febb3;
291
- --card-bgColor: #161b22;
292
291
  --fgColor-default: #e6edf3;
293
292
  --fgColor-muted: #848d97;
294
293
  --fgColor-onEmphasis: #ffffff;
@@ -305,7 +304,6 @@
305
304
  --fgColor-open: #f0883e;
306
305
  --fgColor-closed: #8b949e;
307
306
  --fgColor-done: #a371f7;
308
- --fgColor-upsell: #a371f7;
309
307
  --fgColor-sponsors: #db61a2;
310
308
  --bgColor-default: #0d1117;
311
309
  --bgColor-muted: #161b22;
@@ -334,8 +332,6 @@
334
332
  --bgColor-closed-emphasis: #6e7681;
335
333
  --bgColor-done-muted: #a371f726;
336
334
  --bgColor-done-emphasis: #8957e5;
337
- --bgColor-upsell-muted: #a371f726;
338
- --bgColor-upsell-emphasis: #8957e5;
339
335
  --bgColor-sponsors-muted: #db61a21a;
340
336
  --bgColor-sponsors-emphasis: #bf4b8a;
341
337
  --borderColor-default: #30363d;
@@ -361,8 +357,6 @@
361
357
  --borderColor-closed-emphasis: #6e7681;
362
358
  --borderColor-done-muted: #a371f766;
363
359
  --borderColor-done-emphasis: #8957e5;
364
- --borderColor-upsell-muted: #a371f766;
365
- --borderColor-upsell-emphasis: #8957e5;
366
360
  --borderColor-sponsors-muted: #db61a266;
367
361
  --borderColor-sponsors-emphasis: #bf4b8a;
368
362
  --color-ansi-black: #484f58;
@@ -712,7 +706,6 @@
712
706
  --underlineNav-borderColor-hover: #6e768166;
713
707
  --underlineNav-iconColor-rest: #848d97;
714
708
  --selection-bgColor: #1f6febb3;
715
- --card-bgColor: #161b22;
716
709
  --fgColor-default: #e6edf3;
717
710
  --fgColor-muted: #848d97;
718
711
  --fgColor-onEmphasis: #ffffff;
@@ -729,7 +722,6 @@
729
722
  --fgColor-open: #f0883e;
730
723
  --fgColor-closed: #8b949e;
731
724
  --fgColor-done: #a371f7;
732
- --fgColor-upsell: #a371f7;
733
725
  --fgColor-sponsors: #db61a2;
734
726
  --bgColor-default: #0d1117;
735
727
  --bgColor-muted: #161b22;
@@ -758,8 +750,6 @@
758
750
  --bgColor-closed-emphasis: #6e7681;
759
751
  --bgColor-done-muted: #a371f726;
760
752
  --bgColor-done-emphasis: #8957e5;
761
- --bgColor-upsell-muted: #a371f726;
762
- --bgColor-upsell-emphasis: #8957e5;
763
753
  --bgColor-sponsors-muted: #db61a21a;
764
754
  --bgColor-sponsors-emphasis: #bf4b8a;
765
755
  --borderColor-default: #30363d;
@@ -785,8 +775,6 @@
785
775
  --borderColor-closed-emphasis: #6e7681;
786
776
  --borderColor-done-muted: #a371f766;
787
777
  --borderColor-done-emphasis: #8957e5;
788
- --borderColor-upsell-muted: #a371f766;
789
- --borderColor-upsell-emphasis: #8957e5;
790
778
  --borderColor-sponsors-muted: #db61a266;
791
779
  --borderColor-sponsors-emphasis: #bf4b8a;
792
780
  --color-ansi-black: #484f58;
@@ -288,7 +288,6 @@
288
288
  --underlineNav-borderColor-hover: #636e7b66;
289
289
  --underlineNav-iconColor-rest: #717e8b;
290
290
  --selection-bgColor: #316dcab3;
291
- --card-bgColor: #2d333b;
292
291
  --fgColor-default: #c5d1de;
293
292
  --fgColor-muted: #717e8b;
294
293
  --fgColor-onEmphasis: #cdd9e5;
@@ -305,7 +304,6 @@
305
304
  --fgColor-open: #57ab5a;
306
305
  --fgColor-closed: #e5534b;
307
306
  --fgColor-done: #986ee2;
308
- --fgColor-upsell: #986ee2;
309
307
  --fgColor-sponsors: #c96198;
310
308
  --bgColor-default: #22272e;
311
309
  --bgColor-muted: #2d333b;
@@ -334,8 +332,6 @@
334
332
  --bgColor-closed-emphasis: #c93c37;
335
333
  --bgColor-done-muted: #986ee226;
336
334
  --bgColor-done-emphasis: #8256d0;
337
- --bgColor-upsell-muted: #986ee226;
338
- --bgColor-upsell-emphasis: #8256d0;
339
335
  --bgColor-sponsors-muted: #c961981a;
340
336
  --bgColor-sponsors-emphasis: #ae4c82;
341
337
  --borderColor-default: #444c56;
@@ -361,8 +357,6 @@
361
357
  --borderColor-closed-emphasis: #c93c37;
362
358
  --borderColor-done-muted: #986ee266;
363
359
  --borderColor-done-emphasis: #8256d0;
364
- --borderColor-upsell-muted: #986ee266;
365
- --borderColor-upsell-emphasis: #8256d0;
366
360
  --borderColor-sponsors-muted: #c9619866;
367
361
  --borderColor-sponsors-emphasis: #ae4c82;
368
362
  --color-ansi-black: #545d68;
@@ -712,7 +706,6 @@
712
706
  --underlineNav-borderColor-hover: #636e7b66;
713
707
  --underlineNav-iconColor-rest: #717e8b;
714
708
  --selection-bgColor: #316dcab3;
715
- --card-bgColor: #2d333b;
716
709
  --fgColor-default: #c5d1de;
717
710
  --fgColor-muted: #717e8b;
718
711
  --fgColor-onEmphasis: #cdd9e5;
@@ -729,7 +722,6 @@
729
722
  --fgColor-open: #57ab5a;
730
723
  --fgColor-closed: #e5534b;
731
724
  --fgColor-done: #986ee2;
732
- --fgColor-upsell: #986ee2;
733
725
  --fgColor-sponsors: #c96198;
734
726
  --bgColor-default: #22272e;
735
727
  --bgColor-muted: #2d333b;
@@ -758,8 +750,6 @@
758
750
  --bgColor-closed-emphasis: #c93c37;
759
751
  --bgColor-done-muted: #986ee226;
760
752
  --bgColor-done-emphasis: #8256d0;
761
- --bgColor-upsell-muted: #986ee226;
762
- --bgColor-upsell-emphasis: #8256d0;
763
753
  --bgColor-sponsors-muted: #c961981a;
764
754
  --bgColor-sponsors-emphasis: #ae4c82;
765
755
  --borderColor-default: #444c56;
@@ -785,8 +775,6 @@
785
775
  --borderColor-closed-emphasis: #c93c37;
786
776
  --borderColor-done-muted: #986ee266;
787
777
  --borderColor-done-emphasis: #8256d0;
788
- --borderColor-upsell-muted: #986ee266;
789
- --borderColor-upsell-emphasis: #8256d0;
790
778
  --borderColor-sponsors-muted: #c9619866;
791
779
  --borderColor-sponsors-emphasis: #ae4c82;
792
780
  --color-ansi-black: #545d68;