@sproutsocial/racine 12.10.0 → 12.13.0

package/lib/Banner/index.js

@@ -4,91 +4,80 @@ 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); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
 import * as React from "react";
 import Icon from "../Icon";
 import Container from "./styles";
 import Box from "../Box";
-
-var Banner = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Banner, _React$Component);
-
-  function Banner() {
-    return _React$Component.apply(this, arguments) || this;
+/**
+ * @deprecated
+ * Use banner type "error" instead of "danger"
+ */
+
+var getBannerIcon = function getBannerIcon(type) {
+  switch (type) {
+    case "success":
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "circle-check-no-fill",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "info":
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "info-white",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "error":
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "warning":
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "triangle",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    case "opportunity":
+      return /*#__PURE__*/React.createElement(Icon, {
+        name: "sparkles",
+        className: "Icon",
+        fixedWidth: true
+      });
+
+    default:
+      return;
   }
+};
 
-  var _proto = Banner.prototype;
-
-  _proto.getBannerIcon = function getBannerIcon() {
-    switch (this.props.type) {
-      case "success":
-        return /*#__PURE__*/React.createElement(Icon, {
-          name: "circle-check-no-fill",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "info":
-        return /*#__PURE__*/React.createElement(Icon, {
-          name: "info-white",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "danger":
-      case "error":
-        return /*#__PURE__*/React.createElement(Icon, {
-          name: "triangle",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "warning":
-        return /*#__PURE__*/React.createElement(Icon, {
-          name: "triangle",
-          className: "Icon",
-          fixedWidth: true
-        });
-
-      case "opportunity":
-        return /*#__PURE__*/React.createElement(Icon, {
-          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(Container // 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
+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);
 
-    }, rest), /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      alignItems: "center",
-      width: 1
-    }, this.getBannerIcon(), text));
-  };
+  var bannerType = type === "danger" ? "error" : type;
 
-  return Banner;
-}(React.Component);
+  if (type === "danger") {
+    console.warn("Warning: The `danger` type has been deprecated on the Banner component. Please use `error` instead.");
+  }
 
-Banner.defaultProps = {
-  type: "danger"
+  return /*#__PURE__*/React.createElement(Container, _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, {
+    display: "flex",
+    alignItems: "center",
+    width: 1
+  }, getBannerIcon(bannerType), text));
 };
-export { Banner as default };
+
+export default Banner;

package/lib/IllustrationViewBoxes.js

@@ -93,6 +93,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/lib/LogoViewBoxes.js

@@ -6,6 +6,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",
@@ -49,6 +51,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/lib/SpotIllustration/illustrationNames.js

@@ -1 +1 @@
-export 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"];
+export 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"];

package/lib/themes/dark/theme.js

@@ -27,6 +27,8 @@ var colors = _extends({}, lightTheme.colors, {
       error: red.background,
       info: blue.background,
       opportunity: purple.background,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: red.background,
       decorative: {
         green: green.background,
@@ -51,6 +53,8 @@ var colors = _extends({}, lightTheme.colors, {
       success: green.highlight,
       warning: yellow.highlight,
       error: red.highlight,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: red.highlight,
       info: blue.highlight,
       opportunity: purple.highlight,
@@ -174,6 +178,8 @@ var colors = _extends({}, lightTheme.colors, {
     success: green.foreground,
     warning: yellow.foreground,
     error: red.foreground,
+
+    /**  @deprecated Use "error" instead of "danger" */
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,

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

@@ -69,6 +69,28 @@ export var analytics = {
     }
   }
 };
+export var listening = {
+  topicTypes: {
+    customTopic: baseDarkTheme.colors.teal[400],
+    brandHealth: baseDarkTheme.colors.red[400],
+    industryInsights: baseDarkTheme.colors.green[400],
+    competitiveAnalysis: baseDarkTheme.colors.yellow[400],
+    campaignAnalysis: baseDarkTheme.colors.magenta[400],
+    eventMonitoring: baseDarkTheme.colors.aqua[400],
+    featuredTopic: baseDarkTheme.colors.green[400]
+  },
+  worldMap: {
+    empty: baseDarkTheme.colors.neutral[200],
+    q0: baseDarkTheme.colors.purple[200],
+    q1: baseDarkTheme.colors.purple[300],
+    q2: baseDarkTheme.colors.purple[400],
+    q3: baseDarkTheme.colors.purple[500],
+    q4: baseDarkTheme.colors.purple[600],
+    q5: baseDarkTheme.colors.purple[700],
+    q6: baseDarkTheme.colors.purple[800],
+    q7: baseDarkTheme.colors.purple[900]
+  }
+};
 export var growth = {
   education: {
     decorative: {
@@ -79,6 +101,7 @@ export var growth = {
   opportunity: {
     background: {
       base: baseDarkTheme.colors.purple[700],
+      secondary: baseDarkTheme.colors.neutral[700],
       hover: baseDarkTheme.colors.purple[500]
     },
     button: {
@@ -152,6 +175,7 @@ var darkTheme = _extends({}, baseDarkTheme, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

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

@@ -69,6 +69,28 @@ export var analytics = {
     }
   }
 };
+export var listening = {
+  topicTypes: {
+    customTopic: baseLightTheme.colors.blue[400],
+    brandHealth: baseLightTheme.colors.red[400],
+    industryInsights: baseLightTheme.colors.green[400],
+    competitiveAnalysis: baseLightTheme.colors.yellow[400],
+    campaignAnalysis: baseLightTheme.colors.magenta[400],
+    eventMonitoring: baseLightTheme.colors.aqua[400],
+    featuredTopic: baseLightTheme.colors.green[400]
+  },
+  worldMap: {
+    empty: baseLightTheme.colors.neutral[200],
+    q0: baseLightTheme.colors.purple[200],
+    q1: baseLightTheme.colors.purple[300],
+    q2: baseLightTheme.colors.purple[400],
+    q3: baseLightTheme.colors.purple[500],
+    q4: baseLightTheme.colors.purple[600],
+    q5: baseLightTheme.colors.purple[700],
+    q6: baseLightTheme.colors.purple[800],
+    q7: baseLightTheme.colors.purple[900]
+  }
+};
 export var growth = {
   education: {
     decorative: {
@@ -79,6 +101,7 @@ export var growth = {
   opportunity: {
     background: {
       base: baseLightTheme.colors.purple[700],
+      secondary: baseLightTheme.colors.neutral[900],
       hover: baseLightTheme.colors.purple[300]
     },
     button: {
@@ -152,6 +175,7 @@ var lightTheme = _extends({}, baseLightTheme, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

package/lib/themes/light/theme.js

@@ -28,6 +28,8 @@ var colors = _extends({
       error: red.background,
       info: blue.background,
       opportunity: purple.background,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: red.background,
       decorative: {
         green: green.background,
@@ -52,6 +54,8 @@ var colors = _extends({
       success: green.highlight,
       warning: yellow.highlight,
       error: red.highlight,
+
+      /**  @deprecated Use "error" instead of "danger" */
       danger: red.highlight,
       info: blue.highlight,
       opportunity: purple.highlight,
@@ -175,6 +179,8 @@ var colors = _extends({
     success: green.foreground,
     warning: yellow.foreground,
     error: red.foreground,
+
+    /**  @deprecated Use "error" instead of "danger" */
     danger: red.foreground,
     info: blue.foreground,
     opportunity: purple.foreground,
@@ -277,6 +283,11 @@ export var fontWeights = {
   bold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_BOLD,
   extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD
 };
+/**
+ * @deprecated
+ * Import from `Stack/TypeSpaceLiterals` instead.
+ */
+
 export var space = {
   "0": SPACE.SPACE_SIZE_0,
   "100": SPACE.SPACE_SIZE_100,

package/lib/types/theme.flow.js

@@ -1,2 +1,2 @@
 import { breakpoints, typography, fontWeights, radii, borders, borderWidths, shadows, space, easing, duration } from "../themes/light/theme";
-import { datePicker, navigation, analytics, growth, cardControl } from "../themes/extendedThemes/sproutTheme/light/theme";
+import { datePicker, navigation, analytics, listening, growth, cardControl } from "../themes/extendedThemes/sproutTheme/light/theme";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "12.10.0",
+  "version": "12.13.0",
   "license": "MIT",
   "files": [
     "__flow__",