@primer/primitives 7.15.15 → 7.16.0-rc.1899c94b

package/dist/internalCss/light.css

@@ -590,6 +590,7 @@
   --fgColor-open: #1a7f37;
   --fgColor-closed: #d1242f;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -618,6 +619,8 @@
   --bgColor-closed-emphasis: #cf222e;
   --bgColor-done-muted: #fbefff;
   --bgColor-done-emphasis: #8250df;
+  --bgColor-upsell-muted: #fbefff;
+  --bgColor-upsell-emphasis: #8250df;
   --bgColor-sponsors-muted: #ffeff7;
   --bgColor-sponsors-emphasis: #bf3989;
   --borderColor-default: #d0d7de;
@@ -643,6 +646,8 @@
   --borderColor-closed-emphasis: #cf222e;
   --borderColor-done-muted: #c297ff66;
   --borderColor-done-emphasis: #8250df;
+  --borderColor-upsell-muted: #c297ff66;
+  --borderColor-upsell-emphasis: #8250df;
   --borderColor-sponsors-muted: #ff80c866;
   --borderColor-sponsors-emphasis: #bf3989;
   --color-ansi-black: #24292f;
@@ -692,99 +697,6 @@
   --color-prettylights-syntax-markup-ignored-bg: #0550ae;
   --color-prettylights-syntax-meta-diff-range: #8250df;
   --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-  --color-scale-black: #1f2328;
-  --color-scale-transparent: #ffffff00;
-  --color-scale-white: #ffffff;
-  --color-scale-gray-0: #f6f8fa;
-  --color-scale-gray-1: #eaeef2;
-  --color-scale-gray-2: #d0d7de;
-  --color-scale-gray-3: #afb8c1;
-  --color-scale-gray-4: #8c959f;
-  --color-scale-gray-5: #6e7781;
-  --color-scale-gray-6: #57606a;
-  --color-scale-gray-7: #424a53;
-  --color-scale-gray-8: #32383f;
-  --color-scale-gray-9: #24292f;
-  --color-scale-blue-0: #ddf4ff;
-  --color-scale-blue-1: #b6e3ff;
-  --color-scale-blue-2: #80ccff;
-  --color-scale-blue-3: #54aeff;
-  --color-scale-blue-4: #218bff;
-  --color-scale-blue-5: #0969da;
-  --color-scale-blue-6: #0550ae;
-  --color-scale-blue-7: #033d8b;
-  --color-scale-blue-8: #0a3069;
-  --color-scale-blue-9: #002155;
-  --color-scale-green-0: #dafbe1;
-  --color-scale-green-1: #aceebb;
-  --color-scale-green-2: #6fdd8b;
-  --color-scale-green-3: #4ac26b;
-  --color-scale-green-4: #2da44e;
-  --color-scale-green-5: #1a7f37;
-  --color-scale-green-6: #116329;
-  --color-scale-green-7: #044f1e;
-  --color-scale-green-8: #003d16;
-  --color-scale-green-9: #002d11;
-  --color-scale-yellow-0: #fff8c5;
-  --color-scale-yellow-1: #fae17d;
-  --color-scale-yellow-2: #eac54f;
-  --color-scale-yellow-3: #d4a72c;
-  --color-scale-yellow-4: #bf8700;
-  --color-scale-yellow-5: #9a6700;
-  --color-scale-yellow-6: #7d4e00;
-  --color-scale-yellow-7: #633c01;
-  --color-scale-yellow-8: #4d2d00;
-  --color-scale-yellow-9: #3b2300;
-  --color-scale-orange-0: #fff1e5;
-  --color-scale-orange-1: #ffd8b5;
-  --color-scale-orange-2: #ffb77c;
-  --color-scale-orange-3: #fb8f44;
-  --color-scale-orange-4: #e16f24;
-  --color-scale-orange-5: #bc4c00;
-  --color-scale-orange-6: #953800;
-  --color-scale-orange-7: #762c00;
-  --color-scale-orange-8: #5c2200;
-  --color-scale-orange-9: #471700;
-  --color-scale-red-0: #ffebe9;
-  --color-scale-red-1: #ffcecb;
-  --color-scale-red-2: #ffaba8;
-  --color-scale-red-3: #ff8182;
-  --color-scale-red-4: #fa4549;
-  --color-scale-red-5: #cf222e;
-  --color-scale-red-6: #a40e26;
-  --color-scale-red-7: #82071e;
-  --color-scale-red-8: #660018;
-  --color-scale-red-9: #4c0014;
-  --color-scale-purple-0: #fbefff;
-  --color-scale-purple-1: #ecd8ff;
-  --color-scale-purple-2: #d8b9ff;
-  --color-scale-purple-3: #c297ff;
-  --color-scale-purple-4: #a475f9;
-  --color-scale-purple-5: #8250df;
-  --color-scale-purple-6: #6639ba;
-  --color-scale-purple-7: #512a97;
-  --color-scale-purple-8: #3e1f79;
-  --color-scale-purple-9: #2e1461;
-  --color-scale-pink-0: #ffeff7;
-  --color-scale-pink-1: #ffd3eb;
-  --color-scale-pink-2: #ffadda;
-  --color-scale-pink-3: #ff80c8;
-  --color-scale-pink-4: #e85aad;
-  --color-scale-pink-5: #bf3989;
-  --color-scale-pink-6: #99286e;
-  --color-scale-pink-7: #772057;
-  --color-scale-pink-8: #611347;
-  --color-scale-pink-9: #4d0336;
-  --color-scale-coral-0: #fff0eb;
-  --color-scale-coral-1: #ffd6cc;
-  --color-scale-coral-2: #ffb4a1;
-  --color-scale-coral-3: #fd8c73;
-  --color-scale-coral-4: #ec6547;
-  --color-scale-coral-5: #c4432b;
-  --color-scale-coral-6: #9e2f1c;
-  --color-scale-coral-7: #801f0f;
-  --color-scale-coral-8: #691105;
-  --color-scale-coral-9: #510901;
   --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
   --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
   --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
@@ -1386,6 +1298,7 @@
     --fgColor-open: #1a7f37;
     --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -1414,6 +1327,8 @@
     --bgColor-closed-emphasis: #cf222e;
     --bgColor-done-muted: #fbefff;
     --bgColor-done-emphasis: #8250df;
+    --bgColor-upsell-muted: #fbefff;
+    --bgColor-upsell-emphasis: #8250df;
     --bgColor-sponsors-muted: #ffeff7;
     --bgColor-sponsors-emphasis: #bf3989;
     --borderColor-default: #d0d7de;
@@ -1439,6 +1354,8 @@
     --borderColor-closed-emphasis: #cf222e;
     --borderColor-done-muted: #c297ff66;
     --borderColor-done-emphasis: #8250df;
+    --borderColor-upsell-muted: #c297ff66;
+    --borderColor-upsell-emphasis: #8250df;
     --borderColor-sponsors-muted: #ff80c866;
     --borderColor-sponsors-emphasis: #bf3989;
     --color-ansi-black: #24292f;
@@ -1488,99 +1405,6 @@
     --color-prettylights-syntax-markup-ignored-bg: #0550ae;
     --color-prettylights-syntax-meta-diff-range: #8250df;
     --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
-    --color-scale-black: #1f2328;
-    --color-scale-transparent: #ffffff00;
-    --color-scale-white: #ffffff;
-    --color-scale-gray-0: #f6f8fa;
-    --color-scale-gray-1: #eaeef2;
-    --color-scale-gray-2: #d0d7de;
-    --color-scale-gray-3: #afb8c1;
-    --color-scale-gray-4: #8c959f;
-    --color-scale-gray-5: #6e7781;
-    --color-scale-gray-6: #57606a;
-    --color-scale-gray-7: #424a53;
-    --color-scale-gray-8: #32383f;
-    --color-scale-gray-9: #24292f;
-    --color-scale-blue-0: #ddf4ff;
-    --color-scale-blue-1: #b6e3ff;
-    --color-scale-blue-2: #80ccff;
-    --color-scale-blue-3: #54aeff;
-    --color-scale-blue-4: #218bff;
-    --color-scale-blue-5: #0969da;
-    --color-scale-blue-6: #0550ae;
-    --color-scale-blue-7: #033d8b;
-    --color-scale-blue-8: #0a3069;
-    --color-scale-blue-9: #002155;
-    --color-scale-green-0: #dafbe1;
-    --color-scale-green-1: #aceebb;
-    --color-scale-green-2: #6fdd8b;
-    --color-scale-green-3: #4ac26b;
-    --color-scale-green-4: #2da44e;
-    --color-scale-green-5: #1a7f37;
-    --color-scale-green-6: #116329;
-    --color-scale-green-7: #044f1e;
-    --color-scale-green-8: #003d16;
-    --color-scale-green-9: #002d11;
-    --color-scale-yellow-0: #fff8c5;
-    --color-scale-yellow-1: #fae17d;
-    --color-scale-yellow-2: #eac54f;
-    --color-scale-yellow-3: #d4a72c;
-    --color-scale-yellow-4: #bf8700;
-    --color-scale-yellow-5: #9a6700;
-    --color-scale-yellow-6: #7d4e00;
-    --color-scale-yellow-7: #633c01;
-    --color-scale-yellow-8: #4d2d00;
-    --color-scale-yellow-9: #3b2300;
-    --color-scale-orange-0: #fff1e5;
-    --color-scale-orange-1: #ffd8b5;
-    --color-scale-orange-2: #ffb77c;
-    --color-scale-orange-3: #fb8f44;
-    --color-scale-orange-4: #e16f24;
-    --color-scale-orange-5: #bc4c00;
-    --color-scale-orange-6: #953800;
-    --color-scale-orange-7: #762c00;
-    --color-scale-orange-8: #5c2200;
-    --color-scale-orange-9: #471700;
-    --color-scale-red-0: #ffebe9;
-    --color-scale-red-1: #ffcecb;
-    --color-scale-red-2: #ffaba8;
-    --color-scale-red-3: #ff8182;
-    --color-scale-red-4: #fa4549;
-    --color-scale-red-5: #cf222e;
-    --color-scale-red-6: #a40e26;
-    --color-scale-red-7: #82071e;
-    --color-scale-red-8: #660018;
-    --color-scale-red-9: #4c0014;
-    --color-scale-purple-0: #fbefff;
-    --color-scale-purple-1: #ecd8ff;
-    --color-scale-purple-2: #d8b9ff;
-    --color-scale-purple-3: #c297ff;
-    --color-scale-purple-4: #a475f9;
-    --color-scale-purple-5: #8250df;
-    --color-scale-purple-6: #6639ba;
-    --color-scale-purple-7: #512a97;
-    --color-scale-purple-8: #3e1f79;
-    --color-scale-purple-9: #2e1461;
-    --color-scale-pink-0: #ffeff7;
-    --color-scale-pink-1: #ffd3eb;
-    --color-scale-pink-2: #ffadda;
-    --color-scale-pink-3: #ff80c8;
-    --color-scale-pink-4: #e85aad;
-    --color-scale-pink-5: #bf3989;
-    --color-scale-pink-6: #99286e;
-    --color-scale-pink-7: #772057;
-    --color-scale-pink-8: #611347;
-    --color-scale-pink-9: #4d0336;
-    --color-scale-coral-0: #fff0eb;
-    --color-scale-coral-1: #ffd6cc;
-    --color-scale-coral-2: #ffb4a1;
-    --color-scale-coral-3: #fd8c73;
-    --color-scale-coral-4: #ec6547;
-    --color-scale-coral-5: #c4432b;
-    --color-scale-coral-6: #9e2f1c;
-    --color-scale-coral-7: #801f0f;
-    --color-scale-coral-8: #691105;
-    --color-scale-coral-9: #510901;
     --shadow-inset: inset 0px 1px 0px 0px #1f23280a;
     --shadow-resting-xsmall: 0px 1px 0px 0px #1f23281a;
     --shadow-resting-small: 0px 1px 0px 0px #1f23280a;

package/dist/scss/functional/themes/dark-colorblind.scss

@@ -300,6 +300,7 @@ $fgColor-danger: #db6d28;
 $fgColor-open: #f0883e;
 $fgColor-closed: #8b949e;
 $fgColor-done: #a371f7;
+$fgColor-upsell: #a371f7;
 $fgColor-sponsors: #db61a2;
 $bgColor-default: #0d1117;
 $bgColor-muted: #161b22;
@@ -328,6 +329,8 @@ $bgColor-closed-muted: #6e768166;
 $bgColor-closed-emphasis: #6e7681;
 $bgColor-done-muted: #a371f726;
 $bgColor-done-emphasis: #8957e5;
+$bgColor-upsell-muted: #a371f726;
+$bgColor-upsell-emphasis: #8957e5;
 $bgColor-sponsors-muted: #db61a21a;
 $bgColor-sponsors-emphasis: #bf4b8a;
 $borderColor-default: #30363d;
@@ -353,6 +356,8 @@ $borderColor-closed-muted: #6e768166;
 $borderColor-closed-emphasis: #6e7681;
 $borderColor-done-muted: #a371f766;
 $borderColor-done-emphasis: #8957e5;
+$borderColor-upsell-muted: #a371f766;
+$borderColor-upsell-emphasis: #8957e5;
 $borderColor-sponsors-muted: #db61a266;
 $borderColor-sponsors-emphasis: #bf4b8a;
 $color-ansi-black: #484f58;
@@ -402,99 +407,6 @@ $color-prettylights-syntax-markup-ignored-text: #c9d1d9;
 $color-prettylights-syntax-markup-ignored-bg: #1158c7;
 $color-prettylights-syntax-meta-diff-range: #d2a8ff;
 $color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
-$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead
-$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead
-$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-0: #f0f6fc; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-1: #c9d1d9; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-2: #b1bac4; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-3: #8b949e; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-4: #6e7681; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-5: #484f58; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-6: #30363d; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #21262d; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-8: #161b22; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-9: #0d1117; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-0: #cae8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-1: #a5d6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-2: #79c0ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-3: #58a6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #388bfd; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-5: #1f6feb; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-6: #1158c7; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-7: #0d419d; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-8: #0c2d6b; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-9: #051d4d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-0: #cae8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-1: #a5d6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-2: #79c0ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #58a6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #388bfd; // Avoid using scales, use other functional tokens instead
-$color-scale-green-5: #1f6feb; // Avoid using scales, use other functional tokens instead
-$color-scale-green-6: #1158c7; // Avoid using scales, use other functional tokens instead
-$color-scale-green-7: #0d419d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-8: #0c2d6b; // Avoid using scales, use other functional tokens instead
-$color-scale-green-9: #051d4d; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-0: #f8e3a1; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-1: #f2cc60; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-2: #e3b341; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-3: #d29922; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #bb8009; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-5: #9e6a03; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-6: #845306; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-7: #693e00; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-8: #4b2900; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-9: #341a00; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-0: #ffdfb6; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-1: #ffc680; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-2: #ffa657; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-3: #f0883e; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #db6d28; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-5: #bd561d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-6: #9b4215; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-7: #762d0a; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-8: #5a1e02; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-9: #3d1300; // Avoid using scales, use other functional tokens instead
-$color-scale-red-0: #ffdfb6; // Avoid using scales, use other functional tokens instead
-$color-scale-red-1: #ffc680; // Avoid using scales, use other functional tokens instead
-$color-scale-red-2: #ffa657; // Avoid using scales, use other functional tokens instead
-$color-scale-red-3: #f0883e; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #db6d28; // Avoid using scales, use other functional tokens instead
-$color-scale-red-5: #bd561d; // Avoid using scales, use other functional tokens instead
-$color-scale-red-6: #9b4215; // Avoid using scales, use other functional tokens instead
-$color-scale-red-7: #762d0a; // Avoid using scales, use other functional tokens instead
-$color-scale-red-8: #5a1e02; // Avoid using scales, use other functional tokens instead
-$color-scale-red-9: #3d1300; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-0: #eddeff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-1: #e2c5ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-2: #d2a8ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-3: #bc8cff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #a371f7; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-5: #8957e5; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-6: #6e40c9; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-7: #553098; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-8: #3c1e70; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-9: #271052; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-0: #ffdaec; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-1: #ffbedd; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-2: #ff9bce; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-3: #f778ba; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #db61a2; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-5: #bf4b8a; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-6: #9e3670; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-7: #7d2457; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-8: #5e103e; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-9: #42062a; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-0: #ffddd2; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-1: #ffc2b2; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-2: #ffa28b; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-3: #f78166; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #ea6045; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-5: #cf462d; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-6: #ac3220; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-7: #872012; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-8: #640d04; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-9: #460701; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966;

package/dist/scss/functional/themes/dark-dimmed.scss

@@ -300,6 +300,7 @@ $fgColor-danger: #e5534b;
 $fgColor-open: #57ab5a;
 $fgColor-closed: #e5534b;
 $fgColor-done: #986ee2;
+$fgColor-upsell: #986ee2;
 $fgColor-sponsors: #c96198;
 $bgColor-default: #22272e;
 $bgColor-muted: #2d333b;
@@ -328,6 +329,8 @@ $bgColor-closed-muted: #e5534b26;
 $bgColor-closed-emphasis: #c93c37;
 $bgColor-done-muted: #986ee226;
 $bgColor-done-emphasis: #8256d0;
+$bgColor-upsell-muted: #986ee226;
+$bgColor-upsell-emphasis: #8256d0;
 $bgColor-sponsors-muted: #c961981a;
 $bgColor-sponsors-emphasis: #ae4c82;
 $borderColor-default: #444c56;
@@ -353,6 +356,8 @@ $borderColor-closed-muted: #e5534b66;
 $borderColor-closed-emphasis: #c93c37;
 $borderColor-done-muted: #986ee266;
 $borderColor-done-emphasis: #8256d0;
+$borderColor-upsell-muted: #986ee266;
+$borderColor-upsell-emphasis: #8256d0;
 $borderColor-sponsors-muted: #c9619866;
 $borderColor-sponsors-emphasis: #ae4c82;
 $color-ansi-black: #545d68;
@@ -402,99 +407,6 @@ $color-prettylights-syntax-markup-ignored-text: #adbac7;
 $color-prettylights-syntax-markup-ignored-bg: #255ab2;
 $color-prettylights-syntax-meta-diff-range: #dcbdfb;
 $color-prettylights-syntax-sublimelinter-gutter-mark: #545d68;
-$color-scale-black: #1c2128; // Avoid using scales, use other functional tokens instead
-$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead
-$color-scale-white: #cdd9e5; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-0: #cdd9e5; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-1: #adbac7; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-2: #909dab; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-3: #768390; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-4: #636e7b; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-5: #545d68; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-6: #444c56; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #373e47; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-8: #2d333b; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-9: #22272e; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-0: #c6e6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-1: #96d0ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-2: #6cb6ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-3: #539bf5; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #4184e4; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-5: #316dca; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-6: #255ab2; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-7: #1b4b91; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-8: #143d79; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-9: #0f2d5c; // Avoid using scales, use other functional tokens instead
-$color-scale-green-0: #b4f1b4; // Avoid using scales, use other functional tokens instead
-$color-scale-green-1: #8ddb8c; // Avoid using scales, use other functional tokens instead
-$color-scale-green-2: #6bc46d; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #57ab5a; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #46954a; // Avoid using scales, use other functional tokens instead
-$color-scale-green-5: #347d39; // Avoid using scales, use other functional tokens instead
-$color-scale-green-6: #2b6a30; // Avoid using scales, use other functional tokens instead
-$color-scale-green-7: #245829; // Avoid using scales, use other functional tokens instead
-$color-scale-green-8: #1b4721; // Avoid using scales, use other functional tokens instead
-$color-scale-green-9: #113417; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-0: #fbe090; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-1: #eac55f; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-2: #daaa3f; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-3: #c69026; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #ae7c14; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-5: #966600; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-6: #805400; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-7: #6c4400; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-8: #593600; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-9: #452700; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-0: #ffddb0; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-1: #ffbc6f; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-2: #f69d50; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-3: #e0823d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #cc6b2c; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-5: #ae5622; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-6: #94471b; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-7: #7f3913; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-8: #682d0f; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-9: #4d210c; // Avoid using scales, use other functional tokens instead
-$color-scale-red-0: #ffd8d3; // Avoid using scales, use other functional tokens instead
-$color-scale-red-1: #ffb8b0; // Avoid using scales, use other functional tokens instead
-$color-scale-red-2: #ff938a; // Avoid using scales, use other functional tokens instead
-$color-scale-red-3: #f47067; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #e5534b; // Avoid using scales, use other functional tokens instead
-$color-scale-red-5: #c93c37; // Avoid using scales, use other functional tokens instead
-$color-scale-red-6: #ad2e2c; // Avoid using scales, use other functional tokens instead
-$color-scale-red-7: #922323; // Avoid using scales, use other functional tokens instead
-$color-scale-red-8: #78191b; // Avoid using scales, use other functional tokens instead
-$color-scale-red-9: #5d0f12; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-0: #eedcff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-1: #dcbdfb; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-2: #dcbdfb; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-3: #b083f0; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #986ee2; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-5: #8256d0; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-6: #6b44bc; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-7: #5936a2; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-8: #472c82; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-9: #352160; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-0: #ffd7eb; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-1: #ffb3d8; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-2: #fc8dc7; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-3: #e275ad; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #c96198; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-5: #ae4c82; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-6: #983b6e; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-7: #7e325a; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-8: #69264a; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-9: #551639; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-0: #ffdacf; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-1: #ffb9a5; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-2: #f79981; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-3: #ec775c; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #de5b41; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-5: #c2442d; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-6: #a93524; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-7: #8d291b; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-8: #771d13; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-9: #5d1008; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #1c21283d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #1c2128cc;
 $shadow-resting-small: 0px 1px 0px 0px #1c212866;

package/dist/scss/functional/themes/dark-high-contrast.scss

@@ -300,6 +300,7 @@ $fgColor-danger: #ff8080;
 $fgColor-open: #28d751;
 $fgColor-closed: #ff8080;
 $fgColor-done: #bf8fff;
+$fgColor-upsell: #bf8fff;
 $fgColor-sponsors: #f87cbd;
 $bgColor-default: #0a0c10;
 $bgColor-muted: #272b33;
@@ -328,6 +329,8 @@ $bgColor-closed-muted: #ff808026;
 $bgColor-closed-emphasis: #ff6a69;
 $bgColor-done-muted: #bf8fff26;
 $bgColor-done-emphasis: #b87fff;
+$bgColor-upsell-muted: #bf8fff26;
+$bgColor-upsell-emphasis: #b87fff;
 $bgColor-sponsors-muted: #f87cbd1a;
 $bgColor-sponsors-emphasis: #ef6eb1;
 $borderColor-default: #7a828e;
@@ -353,6 +356,8 @@ $borderColor-closed-muted: #ff808066;
 $borderColor-closed-emphasis: #ff6a69;
 $borderColor-done-muted: #bf8fff;
 $borderColor-done-emphasis: #b87fff;
+$borderColor-upsell-muted: #bf8fff66;
+$borderColor-upsell-emphasis: #b87fff;
 $borderColor-sponsors-muted: #f87cbd;
 $borderColor-sponsors-emphasis: #ef6eb1;
 $color-ansi-black: #7a828e;
@@ -402,99 +407,6 @@ $color-prettylights-syntax-markup-ignored-text: #f0f3f6;
 $color-prettylights-syntax-markup-ignored-bg: #318bf8;
 $color-prettylights-syntax-meta-diff-range: #dbb7ff;
 $color-prettylights-syntax-sublimelinter-gutter-mark: #7a828e;
-$color-scale-black: #010409; // Avoid using scales, use other functional tokens instead
-$color-scale-transparent: #00000000; // Avoid using scales, use other functional tokens instead
-$color-scale-white: #ffffff; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-0: #ffffff; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-1: #f0f3f6; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-2: #d9dee3; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-3: #bdc4cc; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-4: #9ea7b3; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-5: #7a828e; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-6: #525964; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-7: #3d424d; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-8: #272b33; // Avoid using scales, use other functional tokens instead
-$color-scale-gray-9: #0a0c10; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-0: #caeaff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-1: #addcff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-2: #91cbff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-3: #71b7ff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-4: #5cacff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-5: #409eff; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-6: #318bf8; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-7: #2672f3; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-8: #1e60d5; // Avoid using scales, use other functional tokens instead
-$color-scale-blue-9: #194fb1; // Avoid using scales, use other functional tokens instead
-$color-scale-green-0: #acf7b6; // Avoid using scales, use other functional tokens instead
-$color-scale-green-1: #72f088; // Avoid using scales, use other functional tokens instead
-$color-scale-green-2: #4ae168; // Avoid using scales, use other functional tokens instead
-$color-scale-green-3: #28d751; // Avoid using scales, use other functional tokens instead
-$color-scale-green-4: #0ac740; // Avoid using scales, use other functional tokens instead
-$color-scale-green-5: #09b43a; // Avoid using scales, use other functional tokens instead
-$color-scale-green-6: #02a232; // Avoid using scales, use other functional tokens instead
-$color-scale-green-7: #008c2c; // Avoid using scales, use other functional tokens instead
-$color-scale-green-8: #007728; // Avoid using scales, use other functional tokens instead
-$color-scale-green-9: #006222; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-0: #fbe59e; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-1: #fbd669; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-2: #f7c843; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-3: #f0b72f; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-4: #edaa27; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-5: #e09b13; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-6: #c88508; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-7: #ae7104; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-8: #945d02; // Avoid using scales, use other functional tokens instead
-$color-scale-yellow-9: #7b4900; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-0: #ffe1b4; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-1: #ffcf86; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-2: #ffb757; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-3: #fe9a2d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-4: #f48b25; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-5: #e7811d; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-6: #d57014; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-7: #bf5e0a; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-8: #a74c00; // Avoid using scales, use other functional tokens instead
-$color-scale-orange-9: #8f3c00; // Avoid using scales, use other functional tokens instead
-$color-scale-red-0: #ffdedb; // Avoid using scales, use other functional tokens instead
-$color-scale-red-1: #ffc9c7; // Avoid using scales, use other functional tokens instead
-$color-scale-red-2: #ffb1af; // Avoid using scales, use other functional tokens instead
-$color-scale-red-3: #ff9492; // Avoid using scales, use other functional tokens instead
-$color-scale-red-4: #ff8080; // Avoid using scales, use other functional tokens instead
-$color-scale-red-5: #ff6a69; // Avoid using scales, use other functional tokens instead
-$color-scale-red-6: #ff4445; // Avoid using scales, use other functional tokens instead
-$color-scale-red-7: #e82a2f; // Avoid using scales, use other functional tokens instead
-$color-scale-red-8: #cc1421; // Avoid using scales, use other functional tokens instead
-$color-scale-red-9: #ad0116; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-0: #f0dfff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-1: #e6ccff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-2: #dbb7ff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-3: #cb9eff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-4: #bf8fff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-5: #b87fff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-6: #a66bff; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-7: #954ffd; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-8: #8031f7; // Avoid using scales, use other functional tokens instead
-$color-scale-purple-9: #6921d7; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-0: #ffdceb; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-1: #ffc7e1; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-2: #ffadd4; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-3: #ff8dc7; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-4: #f87cbd; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-5: #ef6eb1; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-6: #e456a3; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-7: #d23d91; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-8: #b72c7d; // Avoid using scales, use other functional tokens instead
-$color-scale-pink-9: #9c1d6a; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-0: #ffded4; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-1: #ffcbb9; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-2: #ffb39b; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-3: #ff967d; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-4: #fd8468; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-5: #fc704f; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-6: #f75133; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-7: #e03b21; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-8: #c62612; // Avoid using scales, use other functional tokens instead
-$color-scale-coral-9: #a91500; // Avoid using scales, use other functional tokens instead
 $shadow-inset: inset 0px 1px 0px 0px #0104093d;
 $shadow-resting-xsmall: 0px 1px 0px 0px #010409cc;
 $shadow-resting-small: 0px 1px 0px 0px #01040966;