@sproutsocial/seeds-theme 0.1.0 → 0.2.0

package/dist/styled-components/index.js

@@ -34,12 +34,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",
@@ -62,11 +62,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",
@@ -77,7 +77,7 @@ const seedsLightTheme = {
           teal: "#08c4b2"
         },
         selected: "#364141",
-        ai_generated: "#6f5ed3"
+        ai_generated: "#9747ff"
       }
     },
     gradient: {
@@ -234,7 +234,7 @@ const seedsLightTheme = {
       decorative: {
         green: "#006b40",
         blue: "#0c3f89",
-        purple: "#5e4eba",
+        purple: "#813ae4",
         yellow: "#944c0c",
         orange: "#962c0b",
         red: "#992222",
@@ -254,7 +254,7 @@ const seedsLightTheme = {
       error: "#992222",
       danger: "#992222",
       info: "#0c3f89",
-      opportunity: "#5e4eba",
+      opportunity: "#813ae4",
       applied: "#205bc3",
       positive_sentiment: "#2b68d3",
       negative_sentiment: "#ed4c42",
@@ -381,7 +381,7 @@ const seedsLightTheme = {
     dataviz: {
       map: {
         1: "#08c4b2",
-        2: "#6f5ed3",
+        2: "#9747ff",
         3: "#ce3665",
         4: "#ffcd1c",
         5: "#3876e3",
@@ -390,7 +390,7 @@ const seedsLightTheme = {
         8: "#fc8943",
         9: "#db3e3e",
         10: "#026661",
-        11: "#a193f2",
+        11: "#d5a9ff",
         12: "#931847",
         13: "#944c0c",
         14: "#0c3f89",
@@ -403,7 +403,7 @@ const seedsLightTheme = {
       },
       list: [
         "#08c4b2",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ffcd1c",
         "#3876e3",
@@ -412,7 +412,7 @@ const seedsLightTheme = {
         "#fc8943",
         "#db3e3e",
         "#026661",
-        "#a193f2",
+        "#d5a9ff",
         "#931847",
         "#944c0c",
         "#0c3f89",
@@ -517,18 +517,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",
@@ -589,7 +589,7 @@ const seedsLightTheme = {
     },
     DATAVIZ_COLORS_LIST: [
       "#08c4b2",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ffcd1c",
       "#3876e3",
@@ -598,7 +598,7 @@ const seedsLightTheme = {
       "#fc8943",
       "#db3e3e",
       "#026661",
-      "#a193f2",
+      "#d5a9ff",
       "#931847",
       "#944c0c",
       "#0c3f89",
@@ -611,7 +611,7 @@ const seedsLightTheme = {
     ],
     DATAVIZ_COLORS_MAP: {
       1: "#08c4b2",
-      2: "#6f5ed3",
+      2: "#9747ff",
       3: "#ce3665",
       4: "#ffcd1c",
       5: "#3876e3",
@@ -620,7 +620,7 @@ const seedsLightTheme = {
       8: "#fc8943",
       9: "#db3e3e",
       10: "#026661",
-      11: "#a193f2",
+      11: "#d5a9ff",
       12: "#931847",
       13: "#944c0c",
       14: "#0c3f89",
@@ -977,14 +977,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: {
@@ -1002,34 +1002,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: {
@@ -1039,8 +1039,8 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
             hover: "#0c3f89"
           },
           secondary: {
-            base: "#5e4eba",
-            hover: "#5e4eba"
+            base: "#813ae4",
+            hover: "#813ae4"
           }
         }
       },
@@ -1054,7 +1054,7 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -1062,7 +1062,7 @@ const sproutLightTheme = mergeTheme(seedsLightTheme, {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },
@@ -1106,12 +1106,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",
@@ -1238,7 +1238,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       decorative: {
         green: "#d7f4d7",
         blue: "#deebfe",
-        purple: "#eaeaf9",
+        purple: "#fff2ff",
         yellow: "#fdefcd",
         orange: "#fcdccc",
         red: "#ffd5d2",
@@ -1258,7 +1258,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       error: "#ffd5d2",
       danger: "#ffd5d2",
       info: "#deebfe",
-      opportunity: "#eaeaf9",
+      opportunity: "#fff2ff",
       applied: "#679eff",
       neutral_sentiment: "#929a9b"
     },
@@ -1302,14 +1302,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",
@@ -1321,7 +1321,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       },
       list: [
         "#24e0c5",
-        "#a193f2",
+        "#d5a9ff",
         "#ff76ae",
         "#ffcd1c",
         "#679eff",
@@ -1330,7 +1330,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
         "#ff9c5d",
         "#db3e3e",
         "#0b968f",
-        "#6f5ed3",
+        "#9747ff",
         "#ce3665",
         "#ba7506",
         "#205bc3",
@@ -1350,7 +1350,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
     },
     DATAVIZ_COLORS_LIST: [
       "#24e0c5",
-      "#a193f2",
+      "#d5a9ff",
       "#ff76ae",
       "#ffcd1c",
       "#679eff",
@@ -1359,7 +1359,7 @@ const seedsDarkTheme = mergeTheme(seedsLightTheme, {
       "#ff9c5d",
       "#db3e3e",
       "#0b968f",
-      "#6f5ed3",
+      "#9747ff",
       "#ce3665",
       "#ba7506",
       "#205bc3",
@@ -1372,14 +1372,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",
@@ -1520,14 +1520,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: {
@@ -1545,34 +1545,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: {
@@ -1582,8 +1582,8 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
             hover: "#deebfe"
           },
           secondary: {
-            base: "#9180f4",
-            hover: "#eaeaf9"
+            base: "#b984ff",
+            hover: "#fff2ff"
           }
         }
       },
@@ -1597,7 +1597,7 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
         cards: {
           background: {
             base: "#FFFFFF",
-            hover: "#eaeaf9"
+            hover: "#fff2ff"
           },
           text: {
             base: "#364141",
@@ -1605,7 +1605,7 @@ const sproutDarkTheme = mergeTheme(seedsDarkTheme, {
           },
           border: {
             base: "#FFFFFF",
-            hover: "#6f5ed3"
+            hover: "#9747ff"
           }
         }
       },