@sproutsocial/racine 12.11.0 → 12.14.0

package/dist/iconList.js

@@ -1 +1 @@
-module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bookmark","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","h3","h4","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help-alt","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plug","plus","positive-sentiment","power-up-outline","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","reels-outline","reels","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce-cloud","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","shopping-bag-outline","shopping-bag","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","underline","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];
+module.exports = ["active-listener","add-item","add-keyword","add-team-member","add-variable","address-card-outline","address-card-solid","adobe-experience-manager","ads","android","apple","approval-indicator-outline","approval-indicator","archive","arrow-down-line","arrow-down","arrow-left-line","arrow-left","arrow-right-line","arrow-right","arrow-up-line","arrow-up","arrows","asset-library-outline","asset-library","assign","atom","audio","back-to-top","bambu-icon-outline","bambu-icon","barcode","basketball","bell-outline","bigcommerce","bitly","bold","book","bookmark","bot","browser","business","calendar-outline","calendar","camera-outline","camera-story","camera","campaign","canva","carousel","cart-plus-outline","cart-plus","check","chevron-down-filled","chevron-down","chevron-left","chevron-right","chevron-up-down-filled","chevron-up-filled","chevron-up","circle-check-outline","circle-check","circle","circle+","circles","circlex","click-to-view","clicks","clipboard-outline","clipboard","clock","closed-captioning","cloud","code","columns","comment-alt-outline","comment-alt","comment-lines-alt-outline","comment","compact-density","compact-indicator","comparison","competitor","compose","content-suggestions","credit-card","crop","crown","dashboard","deconstructed-negative-sentiment","deconstructed-neutral-sentiment","deconstructed-positive-sentiment","discovery","dislike-outline","dislike","dm-link-outline","dm-link","dotdotdot","download","drafts-outline","drafts","dropbox","duplicate-outline","duplicate","emoji-outline","emoji","empty-image","engagement-per-post","engagements","error","exchange-alt","expanded-indicator","export","extended-circles","external-link-alt","external-link","extreme-negative-sentiment","eye-outline","eye-slash-outline","eye-slash","eye","facebook-audience-network","facebook-branded-content-outline","facebook-branded-content","facebook-groups","facebook","fb-reactions-angry","fb-reactions-haha","fb-reactions-like","fb-reactions-love","fb-reactions-sad","fb-reactions-wow","feedly","feeds","female","file-chart-line","file-edit","file-times-solid","filter","flag-outline","flag","flat-negative-sentiment-outline","flat-negative-sentiment","flat-neutral-sentiment-outline","flat-neutral-sentiment","flat-positive-sentiment-outline","flat-positive-sentiment","folder-open","folder","follow-outline","follow","follower-increase","following","font","full-access","gear","gears","glassdoor","glasses","globe","google-analytics-color","google-business-messages","google-drive","google-my-business","grip","h1","h2","h3","h4","hamburger","hashtag","headset","heart-outline","heart","heartbeat","help-alt","help","hiking","history","home","hourglass","hubspot","image-caption","image","images","impressions-per-post","impressions","inactive-listener","inbox-action","inbox-views","inbox","indicator","industry","info","instagram","internal-activity-outline","internal-activity","italic","key","keyboard","laptop-phone","large-density","lift","like-outline","like","link","linkedin-audience-network","linkedin","list-ol","listening","lists","location-outline","location","lock","magic-wand","male","marketo","mention","message-preview-outline","message-preview","message","messages-outline","messages","messenger","metric-table","microsoft-dynamics","minus","mobile","monitor","moon","negative-sentiment","neutral-positive-sentiment","neutral-sentiment","new-trend","newspaper","no-access","notepad","notifications-publishing-outline","notifications-publishing","notifications","offline","online","paid-promotion-outline","paid-promotion","paid","paint","palette","paperclip","pause","pencil-outline","pencil","person","phone","pinterest-boards-outline","pinterest-boards","pinterest","play-circle","play","plug","plus","positive-sentiment","power-up-outline","power-up","profile-connect","profile-disconnect","publishing-outline","publishing","puzzle-piece","qr-code","queue","recommendation","reddit-alien","reddit","reels-outline","reels","referrals","refresh","rejected","reply-outline","reply","reporting-period","reporting","reports-home","reports","retweet","rss","sales","salesforce-cloud","salesforce","save-assets","saved-messages","saved-reply-outline","saved-reply","search","sent-message-outline","sent-message","share","shopify","shopping-bag-outline","shopping-bag","show-navigation","slack","small-density","smiley","some-access","sparkles","spike-alert","star-half-alt-solid","star-of-life","star-outline","star","sticky-note-outline","sticky-note","stories","story","suggestions","sun","tag-outline","tag","targeting-outline","targeting","tasks-outline","tasks","team-conversation-outline","team-conversation","team","text-asset","text","tiktok","times","tools","trash-can-outline","trash-can","trend-down","trend-neutral","trend-up","trends","triangle-black","triangle","tripadvisor-circle-outline","tripadvisor-circle","tripadvisor","trophy-outline","tumblr","twitter-audience-network","twitter","underline","unfollow-outline","unfollow","unlink","unlock","upload","user-circle","users","verified","video-camera-story","video-camera","vip","weight","whatsapp","window-maximize","window-minimize","window-regular","window-restore","woocommerce","x","yelp-full-star","yelp-half-star","yelp","youtube","zendesk"];

package/dist/themes/extendedThemes/sproutTheme/dark/theme.scss

@@ -539,6 +539,28 @@ $theme: (
           )
         )
       ),
+      "listening": (
+        "topicTypes": (
+          "customTopic": #24e0c5,
+          "brandHealth": #ff7f6e,
+          "industryInsights": #75dd66,
+          "competitiveAnalysis": #ffd943,
+          "campaignAnalysis": #f282f5,
+          "eventMonitoring": #33d6e2,
+          "featuredTopic": #75dd66
+        ),
+        "worldMap": (
+          "empty": #dee1e1,
+          "q0": #d8d7f9,
+          "q1": #c1c1f7,
+          "q2": #a193f2,
+          "q3": #9180f4,
+          "q4": #816fea,
+          "q5": #6f5ed3,
+          "q6": #5e4eba,
+          "q7": #483a9c
+        )
+      ),
       "growth": (
         "education": (
           "decorative": (
@@ -865,6 +887,28 @@ $theme: (
       )
     )
   ),
+  "listening": (
+    "topicTypes": (
+      "customTopic": #24e0c5,
+      "brandHealth": #ff7f6e,
+      "industryInsights": #75dd66,
+      "competitiveAnalysis": #ffd943,
+      "campaignAnalysis": #f282f5,
+      "eventMonitoring": #33d6e2,
+      "featuredTopic": #75dd66
+    ),
+    "worldMap": (
+      "empty": #dee1e1,
+      "q0": #d8d7f9,
+      "q1": #c1c1f7,
+      "q2": #a193f2,
+      "q3": #9180f4,
+      "q4": #816fea,
+      "q5": #6f5ed3,
+      "q6": #5e4eba,
+      "q7": #483a9c
+    )
+  ),
   "navigation": (
     "main": (
       "background": (

package/dist/themes/extendedThemes/sproutTheme/light/theme.scss

@@ -539,6 +539,28 @@ $theme: (
           )
         )
       ),
+      "listening": (
+        "topicTypes": (
+          "customTopic": #56adf5,
+          "brandHealth": #ff7f6e,
+          "industryInsights": #75dd66,
+          "competitiveAnalysis": #ffd943,
+          "campaignAnalysis": #f282f5,
+          "eventMonitoring": #33d6e2,
+          "featuredTopic": #75dd66
+        ),
+        "worldMap": (
+          "empty": #dee1e1,
+          "q0": #d8d7f9,
+          "q1": #c1c1f7,
+          "q2": #a193f2,
+          "q3": #9180f4,
+          "q4": #816fea,
+          "q5": #6f5ed3,
+          "q6": #5e4eba,
+          "q7": #483a9c
+        )
+      ),
       "growth": (
         "education": (
           "decorative": (
@@ -865,6 +887,28 @@ $theme: (
       )
     )
   ),
+  "listening": (
+    "topicTypes": (
+      "customTopic": #56adf5,
+      "brandHealth": #ff7f6e,
+      "industryInsights": #75dd66,
+      "competitiveAnalysis": #ffd943,
+      "campaignAnalysis": #f282f5,
+      "eventMonitoring": #33d6e2,
+      "featuredTopic": #75dd66
+    ),
+    "worldMap": (
+      "empty": #dee1e1,
+      "q0": #d8d7f9,
+      "q1": #c1c1f7,
+      "q2": #a193f2,
+      "q3": #9180f4,
+      "q4": #816fea,
+      "q5": #6f5ed3,
+      "q6": #5e4eba,
+      "q7": #483a9c
+    )
+  ),
   "navigation": (
     "main": (
       "background": (

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/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/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: {
@@ -153,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: {
@@ -153,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,

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.11.0",
+  "version": "12.14.0",
   "license": "MIT",
   "files": [
     "__flow__",