@sproutsocial/racine 11.2.5-sproutTheme-beta.0 → 11.2.5-sproutTheme-beta.3

package/lib/themes/extendedThemes/sproutTheme/light/getLightThemeColors.js

@@ -0,0 +1,48 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+export function getLightThemeColors(themeColors) {
+  return _extends({}, themeColors, {
+    navigation: {
+      main: {
+        background: {
+          base: themeColors.neutral[900],
+          overflowGradient: themeColors.neutral[1000]
+        }
+      },
+      secondary: {
+        background: {
+          base: themeColors.neutral[800]
+        }
+      },
+      text: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      icon: {
+        base: themeColors.neutral[0],
+        hover: themeColors.neutral[0]
+      },
+      listItem: {
+        background: {
+          base: themeColors.neutral[800],
+          hover: themeColors.neutral[1000],
+          selected: themeColors.neutral[700]
+        }
+      }
+    },
+    container: _extends({}, themeColors.container, {
+      background: _extends({}, themeColors.container.background, {
+        positive_sentiment: themeColors.blue[500],
+        negative_sentiment: themeColors.red[500],
+        neutral_sentiment: themeColors.neutral[300]
+      })
+    }),
+    icon: _extends({}, themeColors.icon, {
+      sentiment: {
+        positive_sentiment: themeColors.blue[500],
+        negative_sentiment: themeColors.red[500],
+        neutral_sentiment: themeColors.neutral[300]
+      }
+    })
+  });
+}

package/lib/themes/extendedThemes/sproutTheme/light/theme.js

@@ -1,40 +1,18 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import clone from "just-clone";
+import baseLightTheme from "../../../light/theme";
+import { getLightThemeColors } from "./getLightThemeColors";
+import { getNonColorThemeValues } from "../NonColorThemeValues";
+
+var lightTheme = function lightTheme(baseLightTheme) {
+  // clone base theme. (we don't want to mutate the base theme)
+  var themeClone = clone(baseLightTheme); // get non color theme values
+
+  var nonColorThemeValues = getNonColorThemeValues(themeClone); // get sprout specific light theme colors
 
-var lightTheme = function lightTheme(theme) {
-  var sproutLightTheme = clone(theme);
-  sproutLightTheme.sprout = {
-    colors: {
-      navigation: {
-        main: {
-          background: {
-            base: theme.colors.neutral[900],
-            gradient: theme.colors.neutral[1000]
-          }
-        },
-        secondary: {
-          background: {
-            base: theme.colors.neutral[800]
-          }
-        },
-        text: {
-          base: theme.colors.neutral[0],
-          hover: theme.colors.neutral[0]
-        },
-        icon: {
-          base: theme.colors.neutral[0],
-          hover: theme.colors.neutral[0]
-        },
-        item: {
-          background: {
-            base: theme.colors.neutral[800],
-            hover: theme.colors.neutral[1000],
-            active: theme.colors.neutral[700]
-          }
-        }
-      }
-    }
-  };
-  return sproutLightTheme;
+  var lightThemeColors = getLightThemeColors(themeClone.colors);
+  return _extends({}, themeClone, nonColorThemeValues, lightThemeColors);
 };
 
 export default lightTheme;

package/lib/themes/light/theme.js

@@ -157,7 +157,10 @@ var colors = _extends({
     subtext: COLORS.COLOR_NEUTRAL_700,
     body: COLORS.COLOR_NEUTRAL_800,
     inverse: COLORS.COLOR_NEUTRAL_0,
-    error: COLORS.COLOR_RED_800
+    error: COLORS.COLOR_RED_800,
+    background: {
+      highlight: COLORS.COLOR_YELLOW_200
+    }
   },
   icon: {
     base: COLORS.COLOR_NEUTRAL_800,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "11.2.5-sproutTheme-beta.0",
+  "version": "11.2.5-sproutTheme-beta.3",
   "license": "MIT",
   "files": [
     "__flow__",