@sproutsocial/seeds-theme 0.1.0 → 0.2.0

package/dist/styled-components/index.ts

@@ -827,12 +827,12 @@ const seedsLightTheme: {
         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",
@@ -855,11 +855,11 @@ const seedsLightTheme: {
         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",
@@ -870,7 +870,7 @@ const seedsLightTheme: {
           teal: "#08c4b2"
         },
         selected: "#364141",
-        ai_generated: "#6f5ed3"
+        ai_generated: "#9747ff"
       }
     },
     gradient: {
@@ -1027,7 +1027,7 @@ const seedsLightTheme: {
       decorative: {
         green: "#006b40",
         blue: "#0c3f89",
-        purple: "#5e4eba",
+        purple: "#813ae4",
         yellow: "#944c0c",
         orange: "#962c0b",
         red: "#992222",
@@ -1047,7 +1047,7 @@ const seedsLightTheme: {
       error: "#992222",
       danger: "#992222",
       info: "#0c3f89",
-      opportunity: "#5e4eba",
+      opportunity: "#813ae4",
       applied: "#205bc3",
       positive_sentiment: "#2b68d3",
       negative_sentiment: "#ed4c42",
@@ -1174,7 +1174,7 @@ const seedsLightTheme: {
     dataviz: {
       map: {
         1: "#08c4b2",
-        2: "#6f5ed3",
+        2: "#9747ff",
         3: "#ce3665",
         4: "#ffcd1c",
         5: "#3876e3",
@@ -1183,7 +1183,7 @@ const seedsLightTheme: {
         8: "#fc8943",
         9: "#db3e3e",
         10: "#026661",
-        11: "#a193f2",
+        11: "#d5a9ff",
         12: "#931847",
         13: "#944c0c",
         14: "#0c3f89",
@@ -1196,7 +1196,7 @@ const seedsLightTheme: {
       },
       list: [
         "#08c4b2",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ffcd1c",
         "#3876e3",
@@ -1205,7 +1205,7 @@ const seedsLightTheme: {
         "#fc8943",
         "#db3e3e",
         "#026661",
-        "#a193f2",
+        "#d5a9ff",
         "#931847",
         "#944c0c",
         "#0c3f89",
@@ -1310,18 +1310,18 @@ const seedsLightTheme: {
       1100: "#002838"
     },
     purple: {
-      0: "#f2f2f9",
-      100: "#eaeaf9",
-      200: "#d8d7f9",
-      300: "#c1c1f7",
-      400: "#a193f2",
-      500: "#9180f4",
-      600: "#816fea",
-      700: "#6f5ed3",
-      800: "#5e4eba",
-      900: "#483a9c",
-      1000: "#2d246b",
-      1100: "#1d1d38"
+      0: "#fff8ff",
+      100: "#fff2ff",
+      200: "#efdbff",
+      300: "#dfcbff",
+      400: "#d5a9ff",
+      500: "#b984ff",
+      600: "#ae63ff",
+      700: "#9747ff",
+      800: "#813ae4",
+      900: "#6726c2",
+      1000: "#411486",
+      1100: "#231743"
     },
     magenta: {
       0: "#fef0ff",
@@ -1382,7 +1382,7 @@ const seedsLightTheme: {
     },
     DATAVIZ_COLORS_LIST: [
       "#08c4b2",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ffcd1c",
       "#3876e3",
@@ -1391,7 +1391,7 @@ const seedsLightTheme: {
       "#fc8943",
       "#db3e3e",
       "#026661",
-      "#a193f2",
+      "#d5a9ff",
       "#931847",
       "#944c0c",
       "#0c3f89",
@@ -1404,7 +1404,7 @@ const seedsLightTheme: {
     ],
     DATAVIZ_COLORS_MAP: {
       1: "#08c4b2",
-      2: "#6f5ed3",
+      2: "#9747ff",
       3: "#ce3665",
       4: "#ffcd1c",
       5: "#3876e3",
@@ -1413,7 +1413,7 @@ const seedsLightTheme: {
       8: "#fc8943",
       9: "#db3e3e",
       10: "#026661",
-      11: "#a193f2",
+      11: "#d5a9ff",
       12: "#931847",
       13: "#944c0c",
       14: "#0c3f89",
@@ -2799,14 +2799,14 @@ const sproutLightTheme: {
       },
       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: {
@@ -2824,34 +2824,34 @@ const sproutLightTheme: {
       },
       opportunity: {
         background: {
-          base: "#6f5ed3",
+          base: "#9747ff",
           secondary: "#273333",
-          hover: "#c1c1f7"
+          hover: "#dfcbff"
         },
         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"
           }
         },
         decorative: {
           green: "#0ca750",
           lightAqua: "#0797ae",
           darkAqua: "#002838",
-          purple: "#6f5ed3"
+          purple: "#9747ff"
         }
       },
       featuredDemo: {
@@ -2861,8 +2861,8 @@ const sproutLightTheme: {
             hover: "#0c3f89"
           },
           secondary: {
-            base: "#5e4eba",
-            hover: "#5e4eba"
+            base: "#813ae4",
+            hover: "#813ae4"
           }
         }
       },
@@ -2876,7 +2876,7 @@ const sproutLightTheme: {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -2884,7 +2884,7 @@ const sproutLightTheme: {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },
@@ -3721,12 +3721,12 @@ const seedsDarkTheme: {
         warning: "#944c0c",
         error: "#992222",
         info: "#0c3f89",
-        opportunity: "#483a9c",
+        opportunity: "#6726c2",
         danger: "#992222",
         decorative: {
           green: "#006b40",
           blue: "#0c3f89",
-          purple: "#483a9c",
+          purple: "#6726c2",
           yellow: "#944c0c",
           orange: "#962c0b",
           red: "#992222",
@@ -3853,7 +3853,7 @@ const seedsDarkTheme: {
       decorative: {
         green: "#d7f4d7",
         blue: "#deebfe",
-        purple: "#eaeaf9",
+        purple: "#fff2ff",
         yellow: "#fdefcd",
         orange: "#fcdccc",
         red: "#ffd5d2",
@@ -3873,7 +3873,7 @@ const seedsDarkTheme: {
       error: "#ffd5d2",
       danger: "#ffd5d2",
       info: "#deebfe",
-      opportunity: "#eaeaf9",
+      opportunity: "#fff2ff",
       applied: "#679eff",
       neutral_sentiment: "#929a9b"
     },
@@ -3917,14 +3917,14 @@ const seedsDarkTheme: {
     dataviz: {
       map: {
         1: "#24e0c5",
-        2: "#a193f2",
+        2: "#d5a9ff",
         3: "#ff76ae",
         5: "#679eff",
         6: "#f282f5",
         7: "#75dd66",
         8: "#ff9c5d",
         10: "#0b968f",
-        11: "#6f5ed3",
+        11: "#9747ff",
         12: "#ce3665",
         13: "#ba7506",
         14: "#205bc3",
@@ -3936,7 +3936,7 @@ const seedsDarkTheme: {
       },
       list: [
         "#24e0c5",
-        "#a193f2",
+        "#d5a9ff",
         "#ff76ae",
         "#ffcd1c",
         "#679eff",
@@ -3945,7 +3945,7 @@ const seedsDarkTheme: {
         "#ff9c5d",
         "#db3e3e",
         "#0b968f",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ba7506",
         "#205bc3",
@@ -3965,7 +3965,7 @@ const seedsDarkTheme: {
     },
     DATAVIZ_COLORS_LIST: [
       "#24e0c5",
-      "#a193f2",
+      "#d5a9ff",
       "#ff76ae",
       "#ffcd1c",
       "#679eff",
@@ -3974,7 +3974,7 @@ const seedsDarkTheme: {
       "#ff9c5d",
       "#db3e3e",
       "#0b968f",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ba7506",
       "#205bc3",
@@ -3987,14 +3987,14 @@ const seedsDarkTheme: {
     ],
     DATAVIZ_COLORS_MAP: {
       1: "#24e0c5",
-      2: "#a193f2",
+      2: "#d5a9ff",
       3: "#ff76ae",
       5: "#679eff",
       6: "#f282f5",
       7: "#75dd66",
       8: "#ff9c5d",
       10: "#0b968f",
-      11: "#6f5ed3",
+      11: "#9747ff",
       12: "#ce3665",
       13: "#ba7506",
       14: "#205bc3",
@@ -5164,14 +5164,14 @@ const sproutDarkTheme: {
       },
       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: {
@@ -5189,34 +5189,34 @@ const sproutDarkTheme: {
       },
       opportunity: {
         background: {
-          base: "#6f5ed3",
+          base: "#9747ff",
           secondary: "#515e5f",
-          hover: "#9180f4"
+          hover: "#b984ff"
         },
         button: {
           primary: {
-            base: "#a193f2",
-            hover: "#c1c1f7"
+            base: "#d5a9ff",
+            hover: "#dfcbff"
           }
         },
         badge: {
           background: {
-            base: "#6f5ed3",
-            active: "#eaeaf9"
+            base: "#9747ff",
+            active: "#fff2ff"
           },
           icon: {
-            base: "#d8d7f9",
-            active: "#5e4eba"
+            base: "#efdbff",
+            active: "#813ae4"
           },
           text: {
-            base: "#d8d7f9"
+            base: "#efdbff"
           }
         },
         decorative: {
           green: "#0ca750",
           lightAqua: "#0797ae",
           darkAqua: "#002838",
-          purple: "#6f5ed3"
+          purple: "#9747ff"
         }
       },
       featuredDemo: {
@@ -5226,8 +5226,8 @@ const sproutDarkTheme: {
             hover: "#deebfe"
           },
           secondary: {
-            base: "#9180f4",
-            hover: "#eaeaf9"
+            base: "#b984ff",
+            hover: "#fff2ff"
           }
         }
       },
@@ -5241,7 +5241,7 @@ const sproutDarkTheme: {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -5249,7 +5249,7 @@ const sproutDarkTheme: {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },

package/dist/theme-dark.css

@@ -7,7 +7,6 @@
   --breakpoints-md: 768px;
   --breakpoints-lg: 1024px;
   --breakpoints-xl: 1280px;
-  --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. */
   --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-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/dist/theme-dark.d.ts

@@ -53,7 +53,6 @@ export const ColorsGradientAiStop3: string;
 export const ColorsGradientAi: string;
 export const ColorsGradientAiSubtle: string;
 export const ColorsGradientAiStop1: string;
-/** Theme-owned AI gradient middle stop. No exact existing seeds-color primitive; preserved for compatibility. Other stops reference seeds-color. */
 export const ColorsGradientAiStop2: string;
 export const ColorsButtonPrimaryBorderBase: string;
 export const ColorsButtonPrimaryBackgroundBase: string;