@sproutsocial/seeds-theme 0.1.0 → 0.2.0

package/dist/theme-light.js

@@ -16,11 +16,11 @@ export const ColorsContainerBackgroundSuccess = "#d7f4d7";
 export const ColorsContainerBackgroundWarning = "#fdefcd";
 export const ColorsContainerBackgroundError = "#ffd5d2";
 export const ColorsContainerBackgroundInfo = "#deebfe";
-export const ColorsContainerBackgroundOpportunity = "#eaeaf9";
+export const ColorsContainerBackgroundOpportunity = "#fff2ff";
 export const ColorsContainerBackgroundDanger = "#ffd5d2";
 export const ColorsContainerBackgroundDecorativeGreen = "#d7f4d7";
 export const ColorsContainerBackgroundDecorativeBlue = "#deebfe";
-export const ColorsContainerBackgroundDecorativePurple = "#eaeaf9";
+export const ColorsContainerBackgroundDecorativePurple = "#fff2ff";
 export const ColorsContainerBackgroundDecorativeYellow = "#fdefcd";
 export const ColorsContainerBackgroundDecorativeOrange = "#fcdccc";
 export const ColorsContainerBackgroundDecorativeRed = "#ffd5d2";
@@ -35,10 +35,10 @@ export const ColorsContainerBorderWarning = "#ffbc00";
 export const ColorsContainerBorderError = "#ed4c42";
 export const ColorsContainerBorderDanger = "#ed4c42";
 export const ColorsContainerBorderInfo = "#2b68d3";
-export const ColorsContainerBorderOpportunity = "#9180f4";
+export const ColorsContainerBorderOpportunity = "#b984ff";
 export const ColorsContainerBorderDecorativeGreen = "#59cb59";
 export const ColorsContainerBorderDecorativeBlue = "#2b68d3";
-export const ColorsContainerBorderDecorativePurple = "#9180f4";
+export const ColorsContainerBorderDecorativePurple = "#b984ff";
 export const ColorsContainerBorderDecorativeYellow = "#ffbc00";
 export const ColorsContainerBorderDecorativeOrange = "#f57d33";
 export const ColorsContainerBorderDecorativeRed = "#ed4c42";
@@ -47,7 +47,7 @@ export const ColorsContainerBorderDecorativeMagenta = "#c44eb9";
 export const ColorsContainerBorderDecorativePink = "#e0447c";
 export const ColorsContainerBorderDecorativeAqua = "#17b8ce";
 export const ColorsContainerBorderDecorativeTeal = "#08c4b2";
-export const ColorsContainerBorderAiGenerated = "#6f5ed3";
+export const ColorsContainerBorderAiGenerated = "#9747ff";
 export const ColorsContainerBorderBase = "#dee1e1";
 export const ColorsContainerBorderSelected = "#364141";
 export const ColorsGradientAiStop3 = "#f282f5";
@@ -56,7 +56,7 @@ export const ColorsGradientAi =
 export const ColorsGradientAiSubtle =
   "radial-gradient(circle at bottom left, color-mix(in srgb, #205bc3, transparent 80%) 0%, color-mix(in srgb, #9747ff, transparent 80%) 61%, color-mix(in srgb, #f282f5, transparent 80%) 100%)";
 export const ColorsGradientAiStop1 = "#205bc3";
-export const ColorsGradientAiStop2 = "#9747ff"; // Theme-owned AI gradient middle stop. No exact existing seeds-color primitive; preserved for compatibility. Other stops reference seeds-color.
+export const ColorsGradientAiStop2 = "#9747ff";
 export const ColorsButtonPrimaryBorderBase = "#00000000";
 export const ColorsButtonPrimaryBackgroundBase = "#205bc3";
 export const ColorsButtonPrimaryBackgroundHover = "#1150aa";
@@ -121,7 +121,7 @@ export const ColorsIconWarning = "#944c0c";
 export const ColorsIconError = "#992222";
 export const ColorsIconDanger = "#992222";
 export const ColorsIconInfo = "#0c3f89";
-export const ColorsIconOpportunity = "#5e4eba";
+export const ColorsIconOpportunity = "#813ae4";
 export const ColorsIconApplied = "#205bc3";
 export const ColorsIconNeutralSentiment = "#6e797a";
 export const ColorsFormBorderError = "#ed4c42";
@@ -158,7 +158,7 @@ export const ColorsOverlayBackgroundInverse =
 export const ColorsIllustrationFill = "#679eff";
 export const ColorsIllustrationStroke = "#273333";
 export const ColorsDatavizMap1 = "#08c4b2";
-export const ColorsDatavizMap2 = "#6f5ed3";
+export const ColorsDatavizMap2 = "#9747ff";
 export const ColorsDatavizMap3 = "#ce3665";
 export const ColorsDatavizMap4 = "#ffcd1c";
 export const ColorsDatavizMap5 = "#3876e3";
@@ -167,7 +167,7 @@ export const ColorsDatavizMap7 = "#59cb59";
 export const ColorsDatavizMap8 = "#fc8943";
 export const ColorsDatavizMap9 = "#db3e3e";
 export const ColorsDatavizMap10 = "#026661";
-export const ColorsDatavizMap11 = "#a193f2";
+export const ColorsDatavizMap11 = "#d5a9ff";
 export const ColorsDatavizMap12 = "#931847";
 export const ColorsDatavizMap13 = "#944c0c";
 export const ColorsDatavizMap14 = "#0c3f89";
@@ -178,7 +178,7 @@ export const ColorsDatavizMap18 = "#ff7f6e";
 export const ColorsDatavizMap19 = "#0ca750";
 export const ColorsDatavizMap20 = "#ba7506";
 export const ColorsDatavizList0 = "#08c4b2";
-export const ColorsDatavizList1 = "#6f5ed3";
+export const ColorsDatavizList1 = "#9747ff";
 export const ColorsDatavizList2 = "#ce3665";
 export const ColorsDatavizList3 = "#ffcd1c";
 export const ColorsDatavizList4 = "#3876e3";
@@ -187,7 +187,7 @@ export const ColorsDatavizList6 = "#59cb59";
 export const ColorsDatavizList7 = "#fc8943";
 export const ColorsDatavizList8 = "#db3e3e";
 export const ColorsDatavizList9 = "#026661";
-export const ColorsDatavizList10 = "#a193f2";
+export const ColorsDatavizList10 = "#d5a9ff";
 export const ColorsDatavizList11 = "#931847";
 export const ColorsDatavizList12 = "#944c0c";
 export const ColorsDatavizList13 = "#0c3f89";
@@ -199,7 +199,7 @@ export const ColorsDatavizList18 = "#0ca750";
 export const ColorsDatavizList19 = "#ba7506";
 export const ColorsDatavizPlaceholder = "#c8cccc";
 export const ColorsDatavizColorsList0 = "#08c4b2";
-export const ColorsDatavizColorsList1 = "#6f5ed3";
+export const ColorsDatavizColorsList1 = "#9747ff";
 export const ColorsDatavizColorsList2 = "#ce3665";
 export const ColorsDatavizColorsList3 = "#ffcd1c";
 export const ColorsDatavizColorsList4 = "#3876e3";
@@ -208,7 +208,7 @@ export const ColorsDatavizColorsList6 = "#59cb59";
 export const ColorsDatavizColorsList7 = "#fc8943";
 export const ColorsDatavizColorsList8 = "#db3e3e";
 export const ColorsDatavizColorsList9 = "#026661";
-export const ColorsDatavizColorsList10 = "#a193f2";
+export const ColorsDatavizColorsList10 = "#d5a9ff";
 export const ColorsDatavizColorsList11 = "#931847";
 export const ColorsDatavizColorsList12 = "#944c0c";
 export const ColorsDatavizColorsList13 = "#0c3f89";
@@ -219,7 +219,7 @@ export const ColorsDatavizColorsList17 = "#ff7f6e";
 export const ColorsDatavizColorsList18 = "#0ca750";
 export const ColorsDatavizColorsList19 = "#ba7506";
 export const ColorsDatavizColorsMap1 = "#08c4b2";
-export const ColorsDatavizColorsMap2 = "#6f5ed3";
+export const ColorsDatavizColorsMap2 = "#9747ff";
 export const ColorsDatavizColorsMap3 = "#ce3665";
 export const ColorsDatavizColorsMap4 = "#ffcd1c";
 export const ColorsDatavizColorsMap5 = "#3876e3";
@@ -228,7 +228,7 @@ export const ColorsDatavizColorsMap7 = "#59cb59";
 export const ColorsDatavizColorsMap8 = "#fc8943";
 export const ColorsDatavizColorsMap9 = "#db3e3e";
 export const ColorsDatavizColorsMap10 = "#026661";
-export const ColorsDatavizColorsMap11 = "#a193f2";
+export const ColorsDatavizColorsMap11 = "#d5a9ff";
 export const ColorsDatavizColorsMap12 = "#931847";
 export const ColorsDatavizColorsMap13 = "#944c0c";
 export const ColorsDatavizColorsMap14 = "#0c3f89";
@@ -278,45 +278,45 @@ export const ColorsListeningTopicTypesEventMonitoring = "#33d6e2";
 export const ColorsListeningTopicTypesFeaturedTopic = "#75dd66";
 export const ColorsListeningTopicTypesCustomTopic = "#679eff";
 export const ColorsListeningWorldMapEmpty = "#dee1e1";
-export const ColorsListeningWorldMapQ0 = "#d8d7f9";
-export const ColorsListeningWorldMapQ1 = "#c1c1f7";
-export const ColorsListeningWorldMapQ2 = "#a193f2";
-export const ColorsListeningWorldMapQ3 = "#9180f4";
-export const ColorsListeningWorldMapQ4 = "#816fea";
-export const ColorsListeningWorldMapQ5 = "#6f5ed3";
-export const ColorsListeningWorldMapQ6 = "#5e4eba";
-export const ColorsListeningWorldMapQ7 = "#483a9c";
+export const ColorsListeningWorldMapQ0 = "#efdbff";
+export const ColorsListeningWorldMapQ1 = "#dfcbff";
+export const ColorsListeningWorldMapQ2 = "#d5a9ff";
+export const ColorsListeningWorldMapQ3 = "#b984ff";
+export const ColorsListeningWorldMapQ4 = "#ae63ff";
+export const ColorsListeningWorldMapQ5 = "#9747ff";
+export const ColorsListeningWorldMapQ6 = "#813ae4";
+export const ColorsListeningWorldMapQ7 = "#6726c2";
 export const ColorsGrowthCarouselIndicatorActive = "#2b68d3";
 export const ColorsGrowthCarouselIndicatorInactive = "#c8cccc";
 export const ColorsGrowthEducationDecorativeAqua = "#0797ae";
 export const ColorsGrowthEducationDecorativeTeal = "#0b968f";
-export const ColorsGrowthOpportunityBackgroundBase = "#6f5ed3";
+export const ColorsGrowthOpportunityBackgroundBase = "#9747ff";
 export const ColorsGrowthOpportunityBackgroundSecondary = "#273333";
-export const ColorsGrowthOpportunityBackgroundHover = "#c1c1f7";
+export const ColorsGrowthOpportunityBackgroundHover = "#dfcbff";
 export const ColorsGrowthOpportunityDecorativeGreen = "#0ca750";
 export const ColorsGrowthOpportunityDecorativeLightAqua = "#0797ae";
 export const ColorsGrowthOpportunityDecorativeDarkAqua = "#002838";
-export const ColorsGrowthOpportunityDecorativePurple = "#6f5ed3";
-export const ColorsGrowthOpportunityButtonPrimaryBase = "#6f5ed3";
-export const ColorsGrowthOpportunityButtonPrimaryHover = "#5e4eba";
-export const ColorsGrowthOpportunityBadgeBackgroundBase = "#d8d7f9";
-export const ColorsGrowthOpportunityBadgeBackgroundActive = "#5e4eba";
-export const ColorsGrowthOpportunityBadgeIconBase = "#6f5ed3";
-export const ColorsGrowthOpportunityBadgeIconActive = "#eaeaf9";
-export const ColorsGrowthOpportunityBadgeTextBase = "#6f5ed3";
+export const ColorsGrowthOpportunityDecorativePurple = "#9747ff";
+export const ColorsGrowthOpportunityButtonPrimaryBase = "#9747ff";
+export const ColorsGrowthOpportunityButtonPrimaryHover = "#813ae4";
+export const ColorsGrowthOpportunityBadgeBackgroundBase = "#efdbff";
+export const ColorsGrowthOpportunityBadgeBackgroundActive = "#813ae4";
+export const ColorsGrowthOpportunityBadgeIconBase = "#9747ff";
+export const ColorsGrowthOpportunityBadgeIconActive = "#fff2ff";
+export const ColorsGrowthOpportunityBadgeTextBase = "#9747ff";
 export const ColorsGrowthDarkModalBackgroundBase = "#002838";
 export const ColorsGrowthDarkModalTextBase = "#ffffff";
 export const ColorsGrowthDarkModalCardsBackgroundBase = "#ffffff";
-export const ColorsGrowthDarkModalCardsBackgroundHover = "#eaeaf9";
+export const ColorsGrowthDarkModalCardsBackgroundHover = "#fff2ff";
 export const ColorsGrowthDarkModalCardsTextBase = "#364141";
 export const ColorsGrowthDarkModalCardsTextHover = "#273333";
 export const ColorsGrowthDarkModalCardsBorderBase = "#ffffff";
-export const ColorsGrowthDarkModalCardsBorderHover = "#6f5ed3";
+export const ColorsGrowthDarkModalCardsBorderHover = "#9747ff";
 export const ColorsGrowthUserStatusOnline = "#0ca750";
 export const ColorsGrowthFeaturedDemoBackgroundPrimaryBase = "#205bc3";
 export const ColorsGrowthFeaturedDemoBackgroundPrimaryHover = "#0c3f89";
-export const ColorsGrowthFeaturedDemoBackgroundSecondaryBase = "#5e4eba";
-export const ColorsGrowthFeaturedDemoBackgroundSecondaryHover = "#5e4eba";
+export const ColorsGrowthFeaturedDemoBackgroundSecondaryBase = "#813ae4";
+export const ColorsGrowthFeaturedDemoBackgroundSecondaryHover = "#813ae4";
 export const ColorsAppBackgroundBase = "#f3f4f4";
 export const ColorsLinkBase = "#1150aa";
 export const ColorsLinkHover = "#0c3f89";
@@ -329,7 +329,7 @@ export const ColorsTextBackgroundHighlight = "#ffe99a";
 export const ColorsTextBackgroundSelection = "#a1c2f8";
 export const ColorsTextDecorativeGreen = "#006b40";
 export const ColorsTextDecorativeBlue = "#0c3f89";
-export const ColorsTextDecorativePurple = "#5e4eba";
+export const ColorsTextDecorativePurple = "#813ae4";
 export const ColorsTextDecorativeYellow = "#944c0c";
 export const ColorsTextDecorativeOrange = "#962c0b";
 export const ColorsTextDecorativeRed = "#992222";
@@ -394,7 +394,7 @@ export const CssSidebarAccentForeground = "#ffffff"; // Sidebar accent foregroun
 export const CssSidebarBorder = "#162020"; // Sidebar border CSS alias for colors.navigation.main.border.base.
 export const CssSidebarRing = "#364141"; // Sidebar ring CSS alias for colors.form.border.selected.
 export const CssChart1 = "#08c4b2"; // Chart 1 CSS alias for colors.dataviz.map.1.
-export const CssChart2 = "#6f5ed3"; // Chart 2 CSS alias for colors.dataviz.map.2.
+export const CssChart2 = "#9747ff"; // Chart 2 CSS alias for colors.dataviz.map.2.
 export const CssChart3 = "#ce3665"; // Chart 3 CSS alias for colors.dataviz.map.3.
 export const CssChart4 = "#ffcd1c"; // Chart 4 CSS alias for colors.dataviz.map.4.
 export const CssChart5 = "#3876e3"; // Chart 5 CSS alias for colors.dataviz.map.5.

package/dist/theme-light.json

@@ -21,12 +21,12 @@
         "warning": "#fdefcd",
         "error": "#ffd5d2",
         "info": "#deebfe",
-        "opportunity": "#eaeaf9",
+        "opportunity": "#fff2ff",
         "danger": "#ffd5d2",
         "decorative": {
           "green": "#d7f4d7",
           "blue": "#deebfe",
-          "purple": "#eaeaf9",
+          "purple": "#fff2ff",
           "yellow": "#fdefcd",
           "orange": "#fcdccc",
           "red": "#ffd5d2",
@@ -44,11 +44,11 @@
         "error": "#ed4c42",
         "danger": "#ed4c42",
         "info": "#2b68d3",
-        "opportunity": "#9180f4",
+        "opportunity": "#b984ff",
         "decorative": {
           "green": "#59cb59",
           "blue": "#2b68d3",
-          "purple": "#9180f4",
+          "purple": "#b984ff",
           "yellow": "#ffbc00",
           "orange": "#f57d33",
           "red": "#ed4c42",
@@ -58,7 +58,7 @@
           "aqua": "#17b8ce",
           "teal": "#08c4b2"
         },
-        "ai_generated": "#6f5ed3",
+        "ai_generated": "#9747ff",
         "base": "#dee1e1",
         "selected": "#364141"
       }
@@ -210,7 +210,7 @@
       "error": "#992222",
       "danger": "#992222",
       "info": "#0c3f89",
-      "opportunity": "#5e4eba",
+      "opportunity": "#813ae4",
       "applied": "#205bc3",
       "neutral_sentiment": "#6e797a"
     },
@@ -290,7 +290,7 @@
     "dataviz": {
       "map": {
         "1": "#08c4b2",
-        "2": "#6f5ed3",
+        "2": "#9747ff",
         "3": "#ce3665",
         "4": "#ffcd1c",
         "5": "#3876e3",
@@ -299,7 +299,7 @@
         "8": "#fc8943",
         "9": "#db3e3e",
         "10": "#026661",
-        "11": "#a193f2",
+        "11": "#d5a9ff",
         "12": "#931847",
         "13": "#944c0c",
         "14": "#0c3f89",
@@ -312,7 +312,7 @@
       },
       "list": {
         "0": "#08c4b2",
-        "1": "#6f5ed3",
+        "1": "#9747ff",
         "2": "#ce3665",
         "3": "#ffcd1c",
         "4": "#3876e3",
@@ -321,7 +321,7 @@
         "7": "#fc8943",
         "8": "#db3e3e",
         "9": "#026661",
-        "10": "#a193f2",
+        "10": "#d5a9ff",
         "11": "#931847",
         "12": "#944c0c",
         "13": "#0c3f89",
@@ -336,7 +336,7 @@
     },
     "DATAVIZ_COLORS_LIST": {
       "0": "#08c4b2",
-      "1": "#6f5ed3",
+      "1": "#9747ff",
       "2": "#ce3665",
       "3": "#ffcd1c",
       "4": "#3876e3",
@@ -345,7 +345,7 @@
       "7": "#fc8943",
       "8": "#db3e3e",
       "9": "#026661",
-      "10": "#a193f2",
+      "10": "#d5a9ff",
       "11": "#931847",
       "12": "#944c0c",
       "13": "#0c3f89",
@@ -358,7 +358,7 @@
     },
     "DATAVIZ_COLORS_MAP": {
       "1": "#08c4b2",
-      "2": "#6f5ed3",
+      "2": "#9747ff",
       "3": "#ce3665",
       "4": "#ffcd1c",
       "5": "#3876e3",
@@ -367,7 +367,7 @@
       "8": "#fc8943",
       "9": "#db3e3e",
       "10": "#026661",
-      "11": "#a193f2",
+      "11": "#d5a9ff",
       "12": "#931847",
       "13": "#944c0c",
       "14": "#0c3f89",
@@ -490,14 +490,14 @@
       },
       "worldMap": {
         "empty": "#dee1e1",
-        "q0": "#d8d7f9",
-        "q1": "#c1c1f7",
-        "q2": "#a193f2",
-        "q3": "#9180f4",
-        "q4": "#816fea",
-        "q5": "#6f5ed3",
-        "q6": "#5e4eba",
-        "q7": "#483a9c"
+        "q0": "#efdbff",
+        "q1": "#dfcbff",
+        "q2": "#d5a9ff",
+        "q3": "#b984ff",
+        "q4": "#ae63ff",
+        "q5": "#9747ff",
+        "q6": "#813ae4",
+        "q7": "#6726c2"
       }
     },
     "growth": {
@@ -515,33 +515,33 @@
       },
       "opportunity": {
         "background": {
-          "base": "#6f5ed3",
+          "base": "#9747ff",
           "secondary": "#273333",
-          "hover": "#c1c1f7"
+          "hover": "#dfcbff"
         },
         "decorative": {
           "green": "#0ca750",
           "lightAqua": "#0797ae",
           "darkAqua": "#002838",
-          "purple": "#6f5ed3"
+          "purple": "#9747ff"
         },
         "button": {
           "primary": {
-            "base": "#6f5ed3",
-            "hover": "#5e4eba"
+            "base": "#9747ff",
+            "hover": "#813ae4"
           }
         },
         "badge": {
           "background": {
-            "base": "#d8d7f9",
-            "active": "#5e4eba"
+            "base": "#efdbff",
+            "active": "#813ae4"
           },
           "icon": {
-            "base": "#6f5ed3",
-            "active": "#eaeaf9"
+            "base": "#9747ff",
+            "active": "#fff2ff"
           },
           "text": {
-            "base": "#6f5ed3"
+            "base": "#9747ff"
           }
         }
       },
@@ -555,7 +555,7 @@
         "cards": {
           "background": {
             "base": "#ffffff",
-            "hover": "#eaeaf9"
+            "hover": "#fff2ff"
           },
           "text": {
             "base": "#364141",
@@ -563,7 +563,7 @@
           },
           "border": {
             "base": "#ffffff",
-            "hover": "#6f5ed3"
+            "hover": "#9747ff"
           }
         }
       },
@@ -579,8 +579,8 @@
             "hover": "#0c3f89"
           },
           "secondary": {
-            "base": "#5e4eba",
-            "hover": "#5e4eba"
+            "base": "#813ae4",
+            "hover": "#813ae4"
           }
         }
       }
@@ -607,7 +607,7 @@
       "decorative": {
         "green": "#006b40",
         "blue": "#0c3f89",
-        "purple": "#5e4eba",
+        "purple": "#813ae4",
         "yellow": "#944c0c",
         "orange": "#962c0b",
         "red": "#992222",
@@ -704,7 +704,7 @@
     "sidebar-border": "#162020",
     "sidebar-ring": "#364141",
     "chart-1": "#08c4b2",
-    "chart-2": "#6f5ed3",
+    "chart-2": "#9747ff",
     "chart-3": "#ce3665",
     "chart-4": "#ffcd1c",
     "chart-5": "#3876e3"

package/dist/theme.css

@@ -7,7 +7,6 @@
   --breakpoints-md: 768px;
   --breakpoints-lg: 1024px;
   --breakpoints-xl: 1280px;
-  --colors-gradient-ai-stop-2: oklch(0.5981 0.2541 298.01); /** Theme-owned AI gradient middle stop. No exact existing seeds-color primitive; preserved for compatibility. Other stops reference seeds-color. */
   --colors-button-primary-border-base: oklch(0.0000 0.0000 0.00 / 0);
   --colors-button-secondary-background-base: oklch(0.0000 0.0000 0.00 / 0);
   --colors-button-pill-background-base: oklch(0.0000 0.0000 0.00 / 0);
@@ -69,6 +68,7 @@
   --colors-gradient-ai: radial-gradient(circle at bottom left, var(--color-blue-700) 0%, var(--colors-gradient-ai-stop-2) 61%, var(--color-magenta-400) 100%);
   --colors-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-blue-700), transparent 80%) 0%, color-mix(in srgb, var(--colors-gradient-ai-stop-2), transparent 80%) 61%, color-mix(in srgb, var(--color-magenta-400), transparent 80%) 100%);
   --colors-gradient-ai-stop-1: var(--color-blue-700);
+  --colors-gradient-ai-stop-2: var(--color-purple-700);
   --colors-button-primary-background-base: var(--color-blue-700);
   --colors-button-primary-background-hover: var(--color-blue-800);
   --colors-button-primary-background-active: var(--color-blue-900);
@@ -388,7 +388,6 @@
 }
 
 :root:where(.dark) {
-  --colors-gradient-ai-stop-2: oklch(0.7164 0.1786 301.98); /** Theme-owned AI gradient middle stop. No exact existing seeds-color primitive; preserved for compatibility. Other stops reference seeds-color. */
   --mode: dark;
   --colors-container-background-base: var(--color-neutral-900);
   --colors-container-background-success: var(--color-green-900);
@@ -414,6 +413,7 @@
   --colors-gradient-ai: radial-gradient(circle at bottom left, var(--color-blue-400) 0%, var(--colors-gradient-ai-stop-2) 61%, var(--color-magenta-400) 100%);
   --colors-gradient-ai-subtle: radial-gradient(circle at bottom left, color-mix(in srgb, var(--color-blue-400), transparent 80%) 0%, color-mix(in srgb, var(--colors-gradient-ai-stop-2), transparent 80%) 61%, color-mix(in srgb, var(--color-magenta-400), transparent 80%) 100%);
   --colors-gradient-ai-stop-1: var(--color-blue-400);
+  --colors-gradient-ai-stop-2: var(--color-purple-500);
   --colors-button-primary-background-base: var(--color-blue-400);
   --colors-button-primary-background-hover: var(--color-blue-300);
   --colors-button-primary-background-active: var(--color-blue-200);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-theme",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Framework-neutral DTCG replacement for the Seeds theme",
   "type": "module",
   "main": "src/index.js",
@@ -72,7 +72,7 @@
     "test": "node build.js && node --test 'test/**/*.test.js'"
   },
   "dependencies": {
-    "@sproutsocial/seeds-color": "^2.3.0",
+    "@sproutsocial/seeds-color": "^2.4.0",
     "style-dictionary": "5.5.2",
     "@sproutsocial/seeds-space": "^0.8.1",
     "@sproutsocial/seeds-border": "^1.7.1",