@sproutsocial/racine 12.18.0 → 12.20.0

package/commonjs/LoaderButton/index.js

@@ -29,14 +29,37 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var getColor = function getColor(appearance) {
+// TODO: This is a temporary solution to get the loader button to work with dark mode
+var getColor = function getColor(appearance, themeColorMode) {
+  var selectColorBasedOnMode = themeColorMode === "dark" ? "light" : "dark";
+
   switch (appearance) {
     /** "default" is @deprecated in favour of unstyled */
     case "default":
+      return selectColorBasedOnMode;
+
     case "unstyled":
-    case "outline":
+      return selectColorBasedOnMode;
+
+    case "primary":
+      return "light";
+
     case "secondary":
-      return "dark";
+      return selectColorBasedOnMode;
+
+    case "destructive":
+      return "light";
+
+    case "placeholder":
+      return selectColorBasedOnMode;
+
+    case "pill":
+      return selectColorBasedOnMode;
+
+    case "outline":
+      // This case doesn't even make sense.... There's no outline button
+      // TODO: investigate if this is even used anywhere
+      return "light";
 
     default:
       return "light";
@@ -63,6 +86,10 @@ var LoaderButton = function LoaderButton(_ref) {
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var isLoading = Boolean(_isLoading);
+
+  var _useTheme = (0, _styledComponents.useTheme)(),
+      themeColorMode = _useTheme.mode;
+
   return /*#__PURE__*/React.createElement(_Button.default, _extends({
     disabled: disabled || isLoading,
     appearance: appearance,
@@ -83,7 +110,7 @@ var LoaderButton = function LoaderButton(_ref) {
     text: loaderLabel,
     size: "small",
     delay: false,
-    color: getColor(appearance)
+    color: getColor(appearance, themeColorMode)
   }))));
 };
 

package/commonjs/LogoViewBoxes.js

@@ -1,8 +1,10 @@
 "use strict";
 
 module.exports = {
-  "bigcommerce-dark": "0 0 16 16",
-  "bigcommerce": "0 0 16 16",
+  "bigcommerce-dark": "0 0 140 140",
+  "bigcommerce-lockup-dark": "0 0 291 66",
+  "bigcommerce-lockup": "0 0 291 66",
+  "bigcommerce": "0 0 140 140",
   "bitly-dark": "0 0 140 64",
   "bitly": "0 0 140 64",
   "canva-dark": "0 0 140 140",
@@ -57,6 +59,12 @@ module.exports = {
   "shopify": "0 0 140 159",
   "slack-dark": "0 0 140 140",
   "slack": "0 0 140 140",
+  "sproutsocial-dark": "0 0 140 174",
+  "sproutsocial-lockup-dark": "0 0 291 58",
+  "sproutsocial-lockup": "0 0 291 58",
+  "sproutsocial-wordmark-dark": "0 0 320 52",
+  "sproutsocial-wordmark": "0 0 320 52",
+  "sproutsocial": "0 0 140 174",
   "tiktok-dark": "0 0 140 159",
   "tiktok": "0 0 140 159",
   "tripadvisor-dark": "0 0 140 140",

package/commonjs/PartnerLogo/index.js

@@ -56,12 +56,11 @@ var PartnerLogo = function PartnerLogo(_ref) {
     width: width ? width : defaultWidth + "px",
     logoSize: size // $FlowIssue - upgrade v0.112.0
 
-  }, rest), /*#__PURE__*/_react.default.createElement("svg", _extends({
+  }, rest), /*#__PURE__*/_react.default.createElement("svg", {
     className: "logo-svg",
     viewBox: logoViewBox,
-    focusable: false // $FlowIssue - upgrade v0.112.0
-
-  }, rest), /*#__PURE__*/_react.default.createElement("use", {
+    focusable: false
+  }, /*#__PURE__*/_react.default.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
   })));

package/commonjs/PartnerLogo/styles.js

@@ -22,9 +22,7 @@ var sizes = {
 };
 
 var stylesForSize = function stylesForSize(height, width, logoSize) {
-  return (0, _styledComponents.css)(["line-height:", ";&,.logo-svg{height:", ";width:", ";}_:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : "", logoSize ? logoSize : width, ""
-  /* PDF hack, do not remove */
-  , logoSize ? logoSize : width);
+  return (0, _styledComponents.css)(["line-height:", ";&,.logo-svg{height:", ";width:", ";}"], logoSize ? logoSize : height, logoSize ? logoSize : height, logoSize ? logoSize : "");
 };
 
 var Container = _styledComponents.default.span.attrs({

package/commonjs/themes/dark/theme.js

@@ -201,9 +201,9 @@ var colors = _extends({}, _theme.default.colors, {
     info: _decorativePalettes.blue.foreground,
     opportunity: _decorativePalettes.purple.foreground,
     applied: _seedsColor.default.COLOR_BLUE_400,
-    positive_sentiment: _seedsColor.default.COLOR_BLUE_700,
+    positive_sentiment: _seedsColor.default.COLOR_BLUE_600,
     negative_sentiment: _seedsColor.default.COLOR_RED_600,
-    neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_600
+    neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_500
   },
   form: {
     background: {

package/commonjs/themes/extendedThemes/sproutTheme/dark/theme.js

@@ -32,7 +32,10 @@ var navigation = {
     },
     accordion: {
       background: {
-        base: _theme.default.colors.neutral[1000]
+        // Uses hexicimal to change the opacity of the color
+        // Adding 'A3' at end to make this color have a 64% opacity
+        // Reference https://gist.github.com/lopspower/03fb1cc0ac9f32ef38f4
+        base: _theme.default.colors.neutral[1000] + "A3"
       }
     }
   },
@@ -149,6 +152,18 @@ var growth = {
       purple: _theme.default.colors.purple[700]
     }
   },
+  featuredDemo: {
+    background: {
+      primary: {
+        base: _theme.default.colors.blue[400],
+        hover: _theme.default.colors.blue[100]
+      },
+      secondary: {
+        base: _theme.default.colors.purple[500],
+        hover: _theme.default.colors.purple[100]
+      }
+    }
+  },
   darkModal: {
     background: {
       base: _theme.default.colors.aqua[1100]

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

@@ -149,6 +149,18 @@ var growth = {
       purple: _theme.default.colors.purple[700]
     }
   },
+  featuredDemo: {
+    background: {
+      primary: {
+        base: _theme.default.colors.blue[700],
+        hover: _theme.default.colors.blue[900]
+      },
+      secondary: {
+        base: _theme.default.colors.purple[800],
+        hover: _theme.default.colors.purple[800]
+      }
+    }
+  },
   darkModal: {
     background: {
       base: _theme.default.colors.aqua[1100]

package/commonjs/themes/light/theme.js

@@ -205,9 +205,9 @@ var colors = _extends({
     info: _decorativePalettes.blue.foreground,
     opportunity: _decorativePalettes.purple.foreground,
     applied: _seedsColor.default.COLOR_BLUE_700,
-    positive_sentiment: _seedsColor.default.COLOR_BLUE_700,
+    positive_sentiment: _seedsColor.default.COLOR_BLUE_600,
     negative_sentiment: _seedsColor.default.COLOR_RED_600,
-    neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_600
+    neutral_sentiment: _seedsColor.default.COLOR_NEUTRAL_500
   },
   form: {
     background: {