@primer/primitives 7.16.0-rc.08adab70 → 7.16.0-rc.1899c94b

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

@@ -304,6 +304,7 @@
   --fgColor-open: #f0883e;
   --fgColor-closed: #8b949e;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +333,8 @@
   --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;
@@ -357,6 +360,8 @@
   --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;
@@ -722,6 +727,7 @@
     --fgColor-open: #f0883e;
     --fgColor-closed: #8b949e;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +756,8 @@
     --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;
@@ -775,6 +783,8 @@
     --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;

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

@@ -304,6 +304,7 @@
   --fgColor-open: #57ab5a;
   --fgColor-closed: #e5534b;
   --fgColor-done: #986ee2;
+  --fgColor-upsell: #986ee2;
   --fgColor-sponsors: #c96198;
   --bgColor-default: #22272e;
   --bgColor-muted: #2d333b;
@@ -332,6 +333,8 @@
   --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;
@@ -357,6 +360,8 @@
   --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;
@@ -722,6 +727,7 @@
     --fgColor-open: #57ab5a;
     --fgColor-closed: #e5534b;
     --fgColor-done: #986ee2;
+    --fgColor-upsell: #986ee2;
     --fgColor-sponsors: #c96198;
     --bgColor-default: #22272e;
     --bgColor-muted: #2d333b;
@@ -750,6 +756,8 @@
     --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;
@@ -775,6 +783,8 @@
     --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;

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

@@ -304,6 +304,7 @@
   --fgColor-open: #28d751;
   --fgColor-closed: #ff8080;
   --fgColor-done: #bf8fff;
+  --fgColor-upsell: #bf8fff;
   --fgColor-sponsors: #f87cbd;
   --bgColor-default: #0a0c10;
   --bgColor-muted: #272b33;
@@ -332,6 +333,8 @@
   --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;
@@ -357,6 +360,8 @@
   --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;
@@ -722,6 +727,7 @@
     --fgColor-open: #28d751;
     --fgColor-closed: #ff8080;
     --fgColor-done: #bf8fff;
+    --fgColor-upsell: #bf8fff;
     --fgColor-sponsors: #f87cbd;
     --bgColor-default: #0a0c10;
     --bgColor-muted: #272b33;
@@ -750,6 +756,8 @@
     --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;
@@ -775,6 +783,8 @@
     --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;

package/dist/css/functional/themes/dark-tritanopia.css

@@ -304,6 +304,7 @@
   --fgColor-open: #f85149;
   --fgColor-closed: #6e7681;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +333,8 @@
   --bgColor-closed-emphasis: #484f58;
   --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;
@@ -357,6 +360,8 @@
   --borderColor-closed-emphasis: #484f58;
   --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;
@@ -722,6 +727,7 @@
     --fgColor-open: #f85149;
     --fgColor-closed: #6e7681;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +756,8 @@
     --bgColor-closed-emphasis: #484f58;
     --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;
@@ -775,6 +783,8 @@
     --borderColor-closed-emphasis: #484f58;
     --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;

package/dist/css/functional/themes/dark.css

@@ -304,6 +304,7 @@
   --fgColor-open: #3fb950;
   --fgColor-closed: #f85149;
   --fgColor-done: #a371f7;
+  --fgColor-upsell: #a371f7;
   --fgColor-sponsors: #db61a2;
   --bgColor-default: #0d1117;
   --bgColor-muted: #161b22;
@@ -332,6 +333,8 @@
   --bgColor-closed-emphasis: #da3633;
   --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;
@@ -357,6 +360,8 @@
   --borderColor-closed-emphasis: #da3633;
   --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;
@@ -722,6 +727,7 @@
     --fgColor-open: #3fb950;
     --fgColor-closed: #f85149;
     --fgColor-done: #a371f7;
+    --fgColor-upsell: #a371f7;
     --fgColor-sponsors: #db61a2;
     --bgColor-default: #0d1117;
     --bgColor-muted: #161b22;
@@ -750,6 +756,8 @@
     --bgColor-closed-emphasis: #da3633;
     --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;
@@ -775,6 +783,8 @@
     --borderColor-closed-emphasis: #da3633;
     --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;

package/dist/css/functional/themes/light-colorblind.css

@@ -305,6 +305,7 @@
   --fgColor-open: #bc4c00;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +334,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --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;
@@ -358,6 +361,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --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;
@@ -723,6 +728,7 @@
     --fgColor-open: #bc4c00;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +757,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --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;
@@ -776,6 +784,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --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;

package/dist/css/functional/themes/light-high-contrast.css

@@ -305,6 +305,7 @@
   --fgColor-open: #055d20;
   --fgColor-closed: #8a071e;
   --fgColor-done: #622cbc;
+  --fgColor-upsell: #622cbc;
   --fgColor-sponsors: #971368;
   --bgColor-default: #ffffff;
   --bgColor-muted: #e7ecf0;
@@ -333,6 +334,8 @@
   --bgColor-closed-emphasis: #a0111f;
   --bgColor-done-muted: #faf0fe;
   --bgColor-done-emphasis: #622cbc;
+  --bgColor-upsell-muted: #faf0fe;
+  --bgColor-upsell-emphasis: #622cbc;
   --bgColor-sponsors-muted: #feeff7;
   --bgColor-sponsors-emphasis: #971368;
   --borderColor-default: #20252c;
@@ -358,6 +361,8 @@
   --borderColor-closed-emphasis: #a0111f;
   --borderColor-done-muted: #a371f7;
   --borderColor-done-emphasis: #622cbc;
+  --borderColor-upsell-muted: #a371f766;
+  --borderColor-upsell-emphasis: #622cbc;
   --borderColor-sponsors-muted: #ed4baf;
   --borderColor-sponsors-emphasis: #971368;
   --color-ansi-black: #0e1116;
@@ -723,6 +728,7 @@
     --fgColor-open: #055d20;
     --fgColor-closed: #8a071e;
     --fgColor-done: #622cbc;
+    --fgColor-upsell: #622cbc;
     --fgColor-sponsors: #971368;
     --bgColor-default: #ffffff;
     --bgColor-muted: #e7ecf0;
@@ -751,6 +757,8 @@
     --bgColor-closed-emphasis: #a0111f;
     --bgColor-done-muted: #faf0fe;
     --bgColor-done-emphasis: #622cbc;
+    --bgColor-upsell-muted: #faf0fe;
+    --bgColor-upsell-emphasis: #622cbc;
     --bgColor-sponsors-muted: #feeff7;
     --bgColor-sponsors-emphasis: #971368;
     --borderColor-default: #20252c;
@@ -776,6 +784,8 @@
     --borderColor-closed-emphasis: #a0111f;
     --borderColor-done-muted: #a371f7;
     --borderColor-done-emphasis: #622cbc;
+    --borderColor-upsell-muted: #a371f766;
+    --borderColor-upsell-emphasis: #622cbc;
     --borderColor-sponsors-muted: #ed4baf;
     --borderColor-sponsors-emphasis: #971368;
     --color-ansi-black: #0e1116;

package/dist/css/functional/themes/light-tritanopia.css

@@ -305,6 +305,7 @@
   --fgColor-open: #cf222e;
   --fgColor-closed: #6e7781;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +334,8 @@
   --bgColor-closed-emphasis: #6e7781;
   --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;
@@ -358,6 +361,8 @@
   --borderColor-closed-emphasis: #6e7781;
   --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;
@@ -723,6 +728,7 @@
     --fgColor-open: #cf222e;
     --fgColor-closed: #6e7781;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +757,8 @@
     --bgColor-closed-emphasis: #6e7781;
     --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;
@@ -776,6 +784,8 @@
     --borderColor-closed-emphasis: #6e7781;
     --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;

package/dist/css/functional/themes/light.css

@@ -305,6 +305,7 @@
   --fgColor-open: #1a7f37;
   --fgColor-closed: #d1242f;
   --fgColor-done: #8250df;
+  --fgColor-upsell: #8250df;
   --fgColor-sponsors: #bf3989;
   --bgColor-default: #ffffff;
   --bgColor-muted: #f6f8fa;
@@ -333,6 +334,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;
@@ -358,6 +361,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;
@@ -723,6 +728,7 @@
     --fgColor-open: #1a7f37;
     --fgColor-closed: #d1242f;
     --fgColor-done: #8250df;
+    --fgColor-upsell: #8250df;
     --fgColor-sponsors: #bf3989;
     --bgColor-default: #ffffff;
     --bgColor-muted: #f6f8fa;
@@ -751,6 +757,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;
@@ -776,6 +784,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;

package/dist/docs/functional/themes/dark-colorblind.json

@@ -9054,6 +9054,41 @@
     "attributes": {},
     "path": ["fgColor", "done", "@"]
   },
+  "fgColor-upsell": {
+    "value": "#a371f7",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["fgColor"],
+        "codeSyntax": {
+          "web": "var(--fgColor-upsell)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["fgColor"],
+          "codeSyntax": {
+            "web": "var(--fgColor-upsell)"
+          }
+        }
+      }
+    },
+    "name": "fgColor-upsell",
+    "attributes": {},
+    "path": ["fgColor", "upsell", "@"]
+  },
   "fgColor-sponsors": {
     "value": "#db61a2",
     "$type": "color",
@@ -10018,6 +10053,78 @@
     "attributes": {},
     "path": ["bgColor", "done", "emphasis"]
   },
+  "bgColor-upsell-muted": {
+    "value": "#a371f726",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-upsell-muted)"
+        }
+      }
+    },
+    "alpha": 0.15,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-upsell-muted)"
+          }
+        }
+      },
+      "alpha": 0.15
+    },
+    "name": "bgColor-upsell-muted",
+    "attributes": {},
+    "path": ["bgColor", "upsell", "muted"]
+  },
+  "bgColor-upsell-emphasis": {
+    "value": "#8957e5",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["bgColor"],
+        "codeSyntax": {
+          "web": "var(--bgColor-upsell-emphasis)"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["bgColor"],
+          "codeSyntax": {
+            "web": "var(--bgColor-upsell-emphasis)"
+          }
+        }
+      }
+    },
+    "name": "bgColor-upsell-emphasis",
+    "attributes": {},
+    "path": ["bgColor", "upsell", "emphasis"]
+  },
   "bgColor-sponsors-muted": {
     "value": "#db61a21a",
     "$type": "color",
@@ -10885,6 +10992,78 @@
     "attributes": {},
     "path": ["borderColor", "done", "emphasis"]
   },
+  "borderColor-upsell-muted": {
+    "value": "#a371f766",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-upsell-muted)"
+        }
+      }
+    },
+    "alpha": 0.4,
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.4}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-upsell-muted)"
+          }
+        }
+      },
+      "alpha": 0.4
+    },
+    "name": "borderColor-upsell-muted",
+    "attributes": {},
+    "path": ["borderColor", "upsell", "muted"]
+  },
+  "borderColor-upsell-emphasis": {
+    "value": "#8957e5",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "dark",
+        "group": "semantic",
+        "scopes": ["borderColor"],
+        "codeSyntax": {
+          "web": "var(--borderColor-upsell-emphasis"
+        }
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/primitives-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.purple.5}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "dark",
+          "group": "semantic",
+          "scopes": ["borderColor"],
+          "codeSyntax": {
+            "web": "var(--borderColor-upsell-emphasis"
+          }
+        }
+      }
+    },
+    "name": "borderColor-upsell-emphasis",
+    "attributes": {},
+    "path": ["borderColor", "upsell", "emphasis"]
+  },
   "borderColor-sponsors-muted": {
     "value": "#db61a266",
     "$type": "color",