@sproutsocial/racine 12.10.0 → 12.13.0

package/commonjs/Banner/index.js

@@ -23,86 +23,72 @@ 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; }
 
-function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
+var getBannerIcon = function getBannerIcon(type) {
+  switch (type) {
+    case "success":
+      return /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "circle-check-no-fill",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "info":
+      return /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "info-white",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "error":
+      return /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "warning":
+      return /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "opportunity":
+      return /*#__PURE__*/React.createElement(_Icon.default, {
+        name: "sparkles",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    default:
+      return;
+  }
+};
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+var Banner = function Banner(_ref) {
+  var _ref$type = _ref.type,
+      type = _ref$type === void 0 ? "error" : _ref$type,
+      text = _ref.text,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-var Banner = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Banner, _React$Component);
+  var bannerType = type === "danger" ? "error" : type;
 
-  function Banner() {
-    return _React$Component.apply(this, arguments) || this;
+  if (type === "danger") {
+    console.warn("Warning: The `danger` type has been deprecated on the Banner component. Please use `error` instead.");
   }
 
-  var _proto = Banner.prototype;
-
-  _proto.getBannerIcon = function getBannerIcon() {
-    switch (this.props.type) {
-      case "success":
-        return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "circle-check-no-fill",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "info":
-        return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "info-white",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "danger":
-      case "error":
-        return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "triangle",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "warning":
-        return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "triangle",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "opportunity":
-        return /*#__PURE__*/React.createElement(_Icon.default, {
-          name: "sparkles",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      default:
-        return;
-    }
-  };
-
-  _proto.render = function render() {
-    var _this$props = this.props,
-        type = _this$props.type,
-        text = _this$props.text,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
-    return /*#__PURE__*/React.createElement(_styles.default // danger needs to be properly deprecated and removed DS-1094
-    , _extends({
-      type: type === "danger" ? "error" : type,
-      "data-qa-alert": "",
-      "data-qa-alert-type": type,
-      "data-qa-alert-text": text // $FlowIssue - upgrade v0.112.0
-
-    }, rest), /*#__PURE__*/React.createElement(_Box.default, {
-      display: "flex",
-      alignItems: "center",
-      width: 1
-    }, this.getBannerIcon(), text));
-  };
-
-  return Banner;
-}(React.Component);
-
-exports.default = Banner;
-Banner.defaultProps = {
-  type: "danger"
-};
+  return /*#__PURE__*/React.createElement(_styles.default, _extends({
+    type: bannerType,
+    "data-qa-alert": "",
+    "data-qa-alert-type": bannerType,
+    "data-qa-alert-text": text // $FlowIssue - upgrade v0.112.0
+
+  }, rest), /*#__PURE__*/React.createElement(_Box.default, {
+    display: "flex",
+    alignItems: "center",
+    width: 1
+  }, getBannerIcon(bannerType), text));
+};
+
+var _default = Banner;
+exports.default = _default;

package/commonjs/IllustrationViewBoxes.js

@@ -95,6 +95,7 @@ module.exports = {
   "tracking-time": "0 0 360 195",
   "twitter-messages": "0 0 220 228",
   "twitter-profiles": "0 0 335 187",
+  "under-construction": "0 0 343 243",
   "unsubscribe": "0 0 212 163",
   "upward-trend": "0 0 65 49",
   "user-task": "0 0 313 176",

package/commonjs/LogoViewBoxes.js

@@ -8,6 +8,8 @@ module.exports = {
   "dropbox-dark": "0 0 140 119",
   "dropbox": "0 0 140 119",
   "facebook-dark": "0 0 141 139",
+  "facebook-groups-dark": "0 0 140 140",
+  "facebook-groups": "0 0 140 140",
   "facebook-shops-dark": "0 0 141 155",
   "facebook-shops": "0 0 141 155",
   "facebook": "0 0 141 139",
@@ -51,6 +53,8 @@ module.exports = {
   "tripadvisor": "0 0 140 140",
   "tumblr-dark": "0 0 140 140",
   "tumblr": "0 0 140 140",
+  "twitter-audience-network-dark": "0 0 140 140",
+  "twitter-audience-network": "0 0 140 140",
   "twitter-dark": "0 0 140 114",
   "twitter": "0 0 140 114",
   "whatsapp-dark": "0 0 140 140",

package/commonjs/SpotIllustration/illustrationNames.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.illustrationNames = void 0;
-var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
+var illustrationNames = ["abacus", "analytics-offering", "astronaut", "brand-keyword", "business", "calendar-event", "calendar-reporting", "cat-error", "cat-no-access", "cat", "checkbox-alert", "coffee-cup", "compose-window", "compose", "computer-error", "connect", "contact", "conversation", "custom-branding", "customer-service", "dashboard", "exclamation-mark", "face-happy", "find-bookmark", "flask", "general-topic", "global-features", "global-trend", "hands-raised", "headset", "heartbeat-connection", "invoice", "jewel", "keyword-tracking", "lightbulb-alt", "lightbulb", "like-conversation", "link-broken", "link-messages", "link-sections", "link-upload", "listening-pendo", "listening-tour", "loading", "mailbox-empty", "mailbox-full", "network-data", "no-messages-found", "no-notifications", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "podium", "pointer", "publish-assets", "publish-links", "puzzle-piece", "question-mark", "reporting-folder", "reporting", "review-location", "review", "robot-assembly", "robot-error", "robot-happy", "rocket", "schedule-date", "schedule-messages", "search-keywords", "search-success", "search-trends", "search", "security", "sentiment", "shopping-bag", "spark-line", "stamp", "storefront", "success", "tag-message", "tag", "team-roles", "team", "telescope", "tha-mel", "thumbs-up", "toggle-switch", "toolset-strength", "tracking-time", "twitter-messages", "twitter-profiles", "under-construction", "unsubscribe", "upward-trend", "user-task", "view-connections", "vip-list", "warning", "wifi"];
 exports.illustrationNames = illustrationNames;

package/commonjs/Stack/TypeSpaceLiterals.js

@@ -0,0 +1 @@
+"use strict";

package/commonjs/themes/dark/theme.js

@@ -42,6 +42,8 @@ var colors = _extends({}, _theme.default.colors, {
       error: _decorativePalettes.red.background,
       info: _decorativePalettes.blue.background,
       opportunity: _decorativePalettes.purple.background,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: _decorativePalettes.red.background,
       decorative: {
         green: _decorativePalettes.green.background,
@@ -66,6 +68,8 @@ var colors = _extends({}, _theme.default.colors, {
       success: _decorativePalettes.green.highlight,
       warning: _decorativePalettes.yellow.highlight,
       error: _decorativePalettes.red.highlight,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: _decorativePalettes.red.highlight,
       info: _decorativePalettes.blue.highlight,
       opportunity: _decorativePalettes.purple.highlight,
@@ -189,6 +193,8 @@ var colors = _extends({}, _theme.default.colors, {
     success: _decorativePalettes.green.foreground,
     warning: _decorativePalettes.yellow.foreground,
     error: _decorativePalettes.red.foreground,
+
+    /**  @deprecated Use "error" instead of "danger" */
     danger: _decorativePalettes.red.foreground,
     info: _decorativePalettes.blue.foreground,
     opportunity: _decorativePalettes.purple.foreground,

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
+exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
 
 var _polished = require("polished");
 
@@ -81,6 +81,29 @@ var analytics = {
   }
 };
 exports.analytics = analytics;
+var listening = {
+  topicTypes: {
+    customTopic: _theme.default.colors.teal[400],
+    brandHealth: _theme.default.colors.red[400],
+    industryInsights: _theme.default.colors.green[400],
+    competitiveAnalysis: _theme.default.colors.yellow[400],
+    campaignAnalysis: _theme.default.colors.magenta[400],
+    eventMonitoring: _theme.default.colors.aqua[400],
+    featuredTopic: _theme.default.colors.green[400]
+  },
+  worldMap: {
+    empty: _theme.default.colors.neutral[200],
+    q0: _theme.default.colors.purple[200],
+    q1: _theme.default.colors.purple[300],
+    q2: _theme.default.colors.purple[400],
+    q3: _theme.default.colors.purple[500],
+    q4: _theme.default.colors.purple[600],
+    q5: _theme.default.colors.purple[700],
+    q6: _theme.default.colors.purple[800],
+    q7: _theme.default.colors.purple[900]
+  }
+};
+exports.listening = listening;
 var growth = {
   education: {
     decorative: {
@@ -91,6 +114,7 @@ var growth = {
   opportunity: {
     background: {
       base: _theme.default.colors.purple[700],
+      secondary: _theme.default.colors.neutral[700],
       hover: _theme.default.colors.purple[500]
     },
     button: {
@@ -166,6 +190,7 @@ var darkTheme = _extends({}, _theme.default, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

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

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.navigation = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
+exports.navigation = exports.listening = exports.growth = exports.default = exports.datePicker = exports.cardControl = exports.analytics = void 0;
 
 var _polished = require("polished");
 
@@ -81,6 +81,29 @@ var analytics = {
   }
 };
 exports.analytics = analytics;
+var listening = {
+  topicTypes: {
+    customTopic: _theme.default.colors.blue[400],
+    brandHealth: _theme.default.colors.red[400],
+    industryInsights: _theme.default.colors.green[400],
+    competitiveAnalysis: _theme.default.colors.yellow[400],
+    campaignAnalysis: _theme.default.colors.magenta[400],
+    eventMonitoring: _theme.default.colors.aqua[400],
+    featuredTopic: _theme.default.colors.green[400]
+  },
+  worldMap: {
+    empty: _theme.default.colors.neutral[200],
+    q0: _theme.default.colors.purple[200],
+    q1: _theme.default.colors.purple[300],
+    q2: _theme.default.colors.purple[400],
+    q3: _theme.default.colors.purple[500],
+    q4: _theme.default.colors.purple[600],
+    q5: _theme.default.colors.purple[700],
+    q6: _theme.default.colors.purple[800],
+    q7: _theme.default.colors.purple[900]
+  }
+};
+exports.listening = listening;
 var growth = {
   education: {
     decorative: {
@@ -91,6 +114,7 @@ var growth = {
   opportunity: {
     background: {
       base: _theme.default.colors.purple[700],
+      secondary: _theme.default.colors.neutral[900],
       hover: _theme.default.colors.purple[300]
     },
     button: {
@@ -166,6 +190,7 @@ var lightTheme = _extends({}, _theme.default, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

package/commonjs/themes/light/theme.js

@@ -47,6 +47,8 @@ var colors = _extends({
       error: _decorativePalettes.red.background,
       info: _decorativePalettes.blue.background,
       opportunity: _decorativePalettes.purple.background,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: _decorativePalettes.red.background,
       decorative: {
         green: _decorativePalettes.green.background,
@@ -71,6 +73,8 @@ var colors = _extends({
       success: _decorativePalettes.green.highlight,
       warning: _decorativePalettes.yellow.highlight,
       error: _decorativePalettes.red.highlight,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: _decorativePalettes.red.highlight,
       info: _decorativePalettes.blue.highlight,
       opportunity: _decorativePalettes.purple.highlight,
@@ -194,6 +198,8 @@ var colors = _extends({
     success: _decorativePalettes.green.foreground,
     warning: _decorativePalettes.yellow.foreground,
     error: _decorativePalettes.red.foreground,
+
+    /**  @deprecated Use "error" instead of "danger" */
     danger: _decorativePalettes.red.foreground,
     info: _decorativePalettes.blue.foreground,
     opportunity: _decorativePalettes.purple.foreground,
@@ -298,6 +304,11 @@ var fontWeights = {
   bold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_BOLD,
   extrabold: _seedsTypography.default.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
 };
+/**
+ * @deprecated
+ * Import from `Stack/TypeSpaceLiterals` instead.
+ */
+
 exports.fontWeights = fontWeights;
 var space = {
   "0": _seedsSpace.default.SPACE_SIZE_0,