@sproutsocial/seeds-theme 0.1.0 → 0.2.0

package/dist/styled-components/index.cjs

@@ -36,12 +36,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",
@@ -64,11 +64,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",
@@ -79,7 +79,7 @@ const seedsLightTheme = {
           teal: "#08c4b2"
         },
         selected: "#364141",
-        ai_generated: "#6f5ed3"
+        ai_generated: "#9747ff"
       }
     },
     gradient: {
@@ -236,7 +236,7 @@ const seedsLightTheme = {
       decorative: {
         green: "#006b40",
         blue: "#0c3f89",
-        purple: "#5e4eba",
+        purple: "#813ae4",
         yellow: "#944c0c",
         orange: "#962c0b",
         red: "#992222",
@@ -256,7 +256,7 @@ const seedsLightTheme = {
       error: "#992222",
       danger: "#992222",
       info: "#0c3f89",
-      opportunity: "#5e4eba",
+      opportunity: "#813ae4",
       applied: "#205bc3",
       positive_sentiment: "#2b68d3",
       negative_sentiment: "#ed4c42",
@@ -383,7 +383,7 @@ const seedsLightTheme = {
     dataviz: {
       map: {
         1: "#08c4b2",
-        2: "#6f5ed3",
+        2: "#9747ff",
         3: "#ce3665",
         4: "#ffcd1c",
         5: "#3876e3",
@@ -392,7 +392,7 @@ const seedsLightTheme = {
         8: "#fc8943",
         9: "#db3e3e",
         10: "#026661",
-        11: "#a193f2",
+        11: "#d5a9ff",
         12: "#931847",
         13: "#944c0c",
         14: "#0c3f89",
@@ -405,7 +405,7 @@ const seedsLightTheme = {
       },
       list: [
         "#08c4b2",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ffcd1c",
         "#3876e3",
@@ -414,7 +414,7 @@ const seedsLightTheme = {
         "#fc8943",
         "#db3e3e",
         "#026661",
-        "#a193f2",
+        "#d5a9ff",
         "#931847",
         "#944c0c",
         "#0c3f89",
@@ -519,18 +519,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",
@@ -591,7 +591,7 @@ const seedsLightTheme = {
     },
     DATAVIZ_COLORS_LIST: [
       "#08c4b2",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ffcd1c",
       "#3876e3",
@@ -600,7 +600,7 @@ const seedsLightTheme = {
       "#fc8943",
       "#db3e3e",
       "#026661",
-      "#a193f2",
+      "#d5a9ff",
       "#931847",
       "#944c0c",
       "#0c3f89",
@@ -613,7 +613,7 @@ const seedsLightTheme = {
     ],
     DATAVIZ_COLORS_MAP: {
       1: "#08c4b2",
-      2: "#6f5ed3",
+      2: "#9747ff",
       3: "#ce3665",
       4: "#ffcd1c",
       5: "#3876e3",
@@ -622,7 +622,7 @@ const seedsLightTheme = {
       8: "#fc8943",
       9: "#db3e3e",
       10: "#026661",
-      11: "#a193f2",
+      11: "#d5a9ff",
       12: "#931847",
       13: "#944c0c",
       14: "#0c3f89",
@@ -979,14 +979,14 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
       },
       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: {
@@ -1004,34 +1004,34 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
       },
       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: {
@@ -1041,8 +1041,8 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
             hover: "#0c3f89"
           },
           secondary: {
-            base: "#5e4eba",
-            hover: "#5e4eba"
+            base: "#813ae4",
+            hover: "#813ae4"
           }
         }
       },
@@ -1056,7 +1056,7 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -1064,7 +1064,7 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },
@@ -1108,12 +1108,12 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
         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",
@@ -1240,7 +1240,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       decorative: {
         green: "#d7f4d7",
         blue: "#deebfe",
-        purple: "#eaeaf9",
+        purple: "#fff2ff",
         yellow: "#fdefcd",
         orange: "#fcdccc",
         red: "#ffd5d2",
@@ -1260,7 +1260,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       error: "#ffd5d2",
       danger: "#ffd5d2",
       info: "#deebfe",
-      opportunity: "#eaeaf9",
+      opportunity: "#fff2ff",
       applied: "#679eff",
       neutral_sentiment: "#929a9b"
     },
@@ -1304,14 +1304,14 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
     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",
@@ -1323,7 +1323,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       },
       list: [
         "#24e0c5",
-        "#a193f2",
+        "#d5a9ff",
         "#ff76ae",
         "#ffcd1c",
         "#679eff",
@@ -1332,7 +1332,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
         "#ff9c5d",
         "#db3e3e",
         "#0b968f",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ba7506",
         "#205bc3",
@@ -1352,7 +1352,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
     },
     DATAVIZ_COLORS_LIST: [
       "#24e0c5",
-      "#a193f2",
+      "#d5a9ff",
       "#ff76ae",
       "#ffcd1c",
       "#679eff",
@@ -1361,7 +1361,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       "#ff9c5d",
       "#db3e3e",
       "#0b968f",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ba7506",
       "#205bc3",
@@ -1374,14 +1374,14 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
     ],
     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",
@@ -1522,14 +1522,14 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
       },
       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: {
@@ -1547,34 +1547,34 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
       },
       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: {
@@ -1584,8 +1584,8 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
             hover: "#deebfe"
           },
           secondary: {
-            base: "#9180f4",
-            hover: "#eaeaf9"
+            base: "#b984ff",
+            hover: "#fff2ff"
           }
         }
       },
@@ -1599,7 +1599,7 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -1607,7 +1607,7 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },