@sproutsocial/racine 12.12.0 → 12.15.0

package/lib/Banner/index.js

@@ -4,91 +4,82 @@ 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";
+/**
+ * @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;
+  }
+};
+/** TODO: change to 'info' type by default in future version */
 
-var Banner = /*#__PURE__*/function (_React$Component) {
-  _inheritsLoose(Banner, _React$Component);
 
-  function Banner() {
-    return _React$Component.apply(this, arguments) || this;
+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 bannerType = type === "danger" ? "error" : type;
+
+  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, {
-          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
-
-    }, rest), /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      alignItems: "center",
-      width: 1
-    }, this.getBannerIcon(), text));
-  };
-
-  return Banner;
-}(React.Component);
-
-Banner.defaultProps = {
-  type: "danger"
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    type: type,
+    "data-qa-alert": "",
+    "data-qa-alert-type": type,
+    "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/IconViewBoxes.js

@@ -329,6 +329,7 @@ module.exports = {
   "text": "0 0 8 16",
   "tiktok": "0 0 16 18",
   "times": "0 0 16 22",
+  "tools": "0 0 67 67",
   "trash-can-outline": "0 0 14 16",
   "trash-can": "0 0 14 16",
   "trend-down": "0 0 18 18",

package/lib/IllustrationViewBoxes.js

@@ -11,6 +11,7 @@ module.exports = {
   "cat": "0 0 240 171",
   "checkbox-alert": "0 0 193 169",
   "coffee-cup": "0 0 196 234",
+  "competitors": "0 0 355 258",
   "compose-window": "0 0 372 188",
   "compose": "0 0 62 45",
   "computer-error": "0 0 237 259",
@@ -27,6 +28,8 @@ module.exports = {
   "general-topic": "0 0 101 63",
   "global-features": "0 0 239 226",
   "global-trend": "0 0 56 42",
+  "grow-large": "0 0 189 137",
+  "grow": "0 0 73 45",
   "hands-raised": "0 0 192 176",
   "headset": "0 0 106 54",
   "heartbeat-connection": "0 0 335 201",
@@ -41,10 +44,14 @@ module.exports = {
   "link-sections": "0 0 270 273",
   "link-upload": "0 0 180 140",
   "listening-pendo": "0 0 544 109",
+  "listening-sentiment": "0 0 343 154",
+  "listening-topic-templates": "0 0 337 247",
   "listening-tour": "0 0 236 212",
+  "listening": "0 0 101 63",
   "loading": "0 0 62 39",
   "mailbox-empty": "0 0 309 240",
   "mailbox-full": "0 0 352 252",
+  "message": "0 0 58 44",
   "network-data": "0 0 369 229",
   "no-messages-found": "0 0 272 211",
   "no-notifications": "0 0 281 134",

package/lib/LogoViewBoxes.js

@@ -5,6 +5,8 @@ module.exports = {
   "canva": "0 0 140 140",
   "dropbox-dark": "0 0 140 119",
   "dropbox": "0 0 140 119",
+  "facebook-audience-network-dark": "0 0 140 145",
+  "facebook-audience-network": "0 0 140 145",
   "facebook-dark": "0 0 141 139",
   "facebook-groups-dark": "0 0 140 140",
   "facebook-groups": "0 0 140 140",
@@ -27,6 +29,8 @@ module.exports = {
   "hubspot": "0 0 140 156",
   "instagram-dark": "0 0 140 140",
   "instagram": "0 0 140 140",
+  "linkedin-audience-network-dark": "0 0 140 141",
+  "linkedin-audience-network": "0 0 140 141",
   "linkedin-dark": "0 0 140 140",
   "linkedin": "0 0 140 140",
   "marketo-dark": "0 0 140 164",

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", "under-construction", "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", "competitors", "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", "grow-large", "grow", "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-sentiment", "listening-topic-templates", "listening-tour", "listening", "loading", "mailbox-empty", "mailbox-full", "message", "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/decorative-palettes.js

@@ -10,7 +10,7 @@ export var blue = {
   foreground: COLORS.COLOR_BLUE_100
 };
 export var purple = {
-  background: COLORS.COLOR_PURPLE_800,
+  background: COLORS.COLOR_PURPLE_900,
   highlight: COLORS.COLOR_PURPLE_500,
   foreground: COLORS.COLOR_PURPLE_100
 };

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/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,

package/package.json

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