@sproutsocial/racine 12.9.0 → 12.12.0

package/__flow__/themes/light/theme.js

@@ -11,6 +11,10 @@ import {
   orange,
   red,
   neutral,
+  magenta,
+  pink,
+  aqua,
+  teal,
 } from "./decorative-palettes";
 import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
 import TYPOGRAPHY from "@sproutsocial/seeds-typography";
@@ -19,6 +23,7 @@ import DEPTH from "@sproutsocial/seeds-depth";
 import MOTION from "@sproutsocial/seeds-motion";
 import BORDER from "@sproutsocial/seeds-border";
 import { transparentize } from "polished";
+import type { TypeSpaceLiterals as StackTypeSpaceLiterals } from "../../Stack/TypeSpaceLiterals";
 
 export const breakpoints = ["900px", "1200px", "1500px", "1800px"];
 
@@ -49,6 +54,10 @@ const colors = {
         orange: orange.background,
         red: red.background,
         neutral: neutral.background,
+        magenta: magenta.background,
+        pink: pink.background,
+        aqua: aqua.background,
+        teal: teal.background,
       },
       selected: COLORS.COLOR_NEUTRAL_800,
       positive_sentiment: COLORS.COLOR_BLUE_500,
@@ -71,6 +80,10 @@ const colors = {
         orange: orange.highlight,
         red: red.highlight,
         neutral: neutral.highlight,
+        magenta: magenta.highlight,
+        pink: pink.highlight,
+        aqua: aqua.highlight,
+        teal: teal.highlight,
       },
       selected: COLORS.COLOR_NEUTRAL_800,
     },
@@ -291,17 +304,11 @@ export const fontWeights = {
   extrabold: TYPOGRAPHY.TYPOGRAPHY_WEIGHT_EXTRA_BOLD,
 };
 
-export type TypeSpaceLiterals =
-  | 0
-  | 100
-  | 200
-  | 300
-  | 350
-  | 400
-  | 450
-  | 500
-  | 600
-  | string;
+/**
+ * @deprecated
+ * Import from `Stack/TypeSpaceLiterals` instead.
+ */
+export type TypeSpaceLiterals = StackTypeSpaceLiterals;
 
 export const space = {
   "0": SPACE.SPACE_SIZE_0,

package/__flow__/types/theme.colors.flow.js

@@ -29,6 +29,10 @@ type TypeContainerColors = {|
         orange: string,
         red: string,
         neutral: string,
+        magenta: string,
+        pink: string,
+        aqua: string,
+        teal: string,
       },
       selected: string,
       positive_sentiment: string,
@@ -51,6 +55,10 @@ type TypeContainerColors = {|
         orange: string,
         red: string,
         neutral: string,
+        magenta: string,
+        pink: string,
+        aqua: string,
+        teal: string,
       },
       selected: string,
     },

package/__flow__/types/theme.flow.js

@@ -17,6 +17,7 @@ import {
   datePicker,
   navigation,
   analytics,
+  listening,
   growth,
   cardControl,
 } from "../themes/extendedThemes/sproutTheme/light/theme";
@@ -59,6 +60,7 @@ export type TypeSproutTheme = {
     navigation: typeof navigation,
     datePicker: typeof datePicker,
     analytics: typeof analytics,
+    listening: typeof listening,
     growth: typeof growth,
     cardControl: typeof cardControl,
   |},

package/commonjs/IconViewBoxes.js

@@ -39,6 +39,7 @@ module.exports = {
   "bitly": "0 0 16 16",
   "bold": "0 0 16 16",
   "book": "0 0 14 16",
+  "bookmark": "0 0 12 16",
   "bot": "0 0 16 16",
   "browser": "0 0 16 16",
   "business": "0 0 16 16",

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/Toast/styles.js

@@ -39,7 +39,9 @@ var CustomIcon = (0, _styledComponents.default)(_Icon.default).withConfig({
   return p.customColor ? undefined : p.theme.colors.icon[p.type];
 });
 exports.CustomIcon = CustomIcon;
-var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(["", " .Toastify__toast:last-of-type{margin-bottom:0;}.Toastify-container-overrides{padding:0;width:360px;}.Toastify-toast-overrides{padding:0;min-height:0;border-radius:2px;}.Toastify__toast-container--bottom-right{bottom:", ";right:", ";}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial;}}"], _ReactToastify.default, function (p) {
+var GlobalToastStyles = (0, _styledComponents.createGlobalStyle)(["", " .Toastify__toast{box-shadow:", ";background:transparent;}.Toastify__toast:last-of-type{margin-bottom:0;}.Toastify-container-overrides{padding:0;width:360px;}.Toastify-toast-overrides{padding:0;min-height:0;border-radius:2px;}.Toastify__toast-container--bottom-right{bottom:", ";right:", ";}@media only screen and (max-width:480px){.Toastify-container-overrides{min-width:initial;}}"], _ReactToastify.default, function (p) {
+  return p.theme.shadows.low;
+}, function (p) {
   return p.theme.space[400];
 }, function (p) {
   return p.theme.space[400];

package/commonjs/themes/dark/decorative-palettes.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.yellow = exports.red = exports.purple = exports.orange = exports.neutral = exports.green = exports.blue = void 0;
+exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
 
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 
@@ -48,4 +48,28 @@ var neutral = {
   highlight: _seedsColor.default.COLOR_NEUTRAL_500,
   foreground: _seedsColor.default.COLOR_NEUTRAL_100
 };
-exports.neutral = neutral;
+exports.neutral = neutral;
+var magenta = {
+  background: _seedsColor.default.COLOR_MAGENTA_900,
+  highlight: _seedsColor.default.COLOR_MAGENTA_600,
+  foreground: _seedsColor.default.COLOR_MAGENTA_100
+};
+exports.magenta = magenta;
+var pink = {
+  background: _seedsColor.default.COLOR_PINK_900,
+  highlight: _seedsColor.default.COLOR_PINK_600,
+  foreground: _seedsColor.default.COLOR_PINK_100
+};
+exports.pink = pink;
+var aqua = {
+  background: _seedsColor.default.COLOR_AQUA_900,
+  highlight: _seedsColor.default.COLOR_AQUA_500,
+  foreground: _seedsColor.default.COLOR_AQUA_100
+};
+exports.aqua = aqua;
+var teal = {
+  background: _seedsColor.default.COLOR_TEAL_900,
+  highlight: _seedsColor.default.COLOR_TEAL_500,
+  foreground: _seedsColor.default.COLOR_TEAL_100
+};
+exports.teal = teal;

package/commonjs/themes/dark/theme.js

@@ -50,7 +50,11 @@ var colors = _extends({}, _theme.default.colors, {
         yellow: _decorativePalettes.yellow.background,
         orange: _decorativePalettes.orange.background,
         red: _decorativePalettes.red.background,
-        neutral: _decorativePalettes.neutral.background
+        neutral: _decorativePalettes.neutral.background,
+        magenta: _decorativePalettes.magenta.background,
+        pink: _decorativePalettes.pink.background,
+        aqua: _decorativePalettes.aqua.background,
+        teal: _decorativePalettes.teal.background
       },
       selected: _seedsColor.default.COLOR_NEUTRAL_0,
       positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
@@ -72,7 +76,11 @@ var colors = _extends({}, _theme.default.colors, {
         yellow: _decorativePalettes.yellow.highlight,
         orange: _decorativePalettes.orange.highlight,
         red: _decorativePalettes.red.highlight,
-        neutral: _decorativePalettes.neutral.highlight
+        neutral: _decorativePalettes.neutral.highlight,
+        magenta: _decorativePalettes.magenta.highlight,
+        pink: _decorativePalettes.pink.highlight,
+        aqua: _decorativePalettes.aqua.highlight,
+        teal: _decorativePalettes.teal.highlight
       },
       selected: _seedsColor.default.COLOR_NEUTRAL_0
     }

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");
 
@@ -16,6 +16,9 @@ var navigation = {
     background: {
       base: _theme.default.colors.neutral[1000],
       overflowGradient: _theme.default.colors.neutral[1100]
+    },
+    border: {
+      base: _theme.default.colors.neutral[1100]
     }
   },
   secondary: {
@@ -78,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: {
@@ -88,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: {
@@ -138,6 +165,11 @@ var growth = {
         hover: _theme.default.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: _theme.default.colors.green[700]
+    }
   }
 };
 exports.growth = growth;
@@ -158,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");
 
@@ -16,6 +16,9 @@ var navigation = {
     background: {
       base: _theme.default.colors.neutral[900],
       overflowGradient: _theme.default.colors.neutral[1000]
+    },
+    border: {
+      base: _theme.default.colors.neutral[1000]
     }
   },
   secondary: {
@@ -78,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: {
@@ -88,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: {
@@ -138,6 +165,11 @@ var growth = {
         hover: _theme.default.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: _theme.default.colors.green[700]
+    }
   }
 };
 exports.growth = growth;
@@ -158,6 +190,7 @@ var lightTheme = _extends({}, _theme.default, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

package/commonjs/themes/light/decorative-palettes.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.yellow = exports.red = exports.purple = exports.orange = exports.neutral = exports.green = exports.blue = void 0;
+exports.yellow = exports.teal = exports.red = exports.purple = exports.pink = exports.orange = exports.neutral = exports.magenta = exports.green = exports.blue = exports.aqua = void 0;
 
 var _seedsColor = _interopRequireDefault(require("@sproutsocial/seeds-color"));
 
@@ -48,4 +48,28 @@ var neutral = {
   highlight: _seedsColor.default.COLOR_NEUTRAL_500,
   foreground: _seedsColor.default.COLOR_NEUTRAL_900
 };
-exports.neutral = neutral;
+exports.neutral = neutral;
+var magenta = {
+  background: _seedsColor.default.COLOR_MAGENTA_100,
+  highlight: _seedsColor.default.COLOR_MAGENTA_600,
+  foreground: _seedsColor.default.COLOR_MAGENTA_900
+};
+exports.magenta = magenta;
+var pink = {
+  background: _seedsColor.default.COLOR_PINK_100,
+  highlight: _seedsColor.default.COLOR_PINK_600,
+  foreground: _seedsColor.default.COLOR_PINK_900
+};
+exports.pink = pink;
+var aqua = {
+  background: _seedsColor.default.COLOR_AQUA_100,
+  highlight: _seedsColor.default.COLOR_AQUA_500,
+  foreground: _seedsColor.default.COLOR_AQUA_900
+};
+exports.aqua = aqua;
+var teal = {
+  background: _seedsColor.default.COLOR_TEAL_100,
+  highlight: _seedsColor.default.COLOR_TEAL_500,
+  foreground: _seedsColor.default.COLOR_TEAL_900
+};
+exports.teal = teal;

package/commonjs/themes/light/theme.js

@@ -55,7 +55,11 @@ var colors = _extends({
         yellow: _decorativePalettes.yellow.background,
         orange: _decorativePalettes.orange.background,
         red: _decorativePalettes.red.background,
-        neutral: _decorativePalettes.neutral.background
+        neutral: _decorativePalettes.neutral.background,
+        magenta: _decorativePalettes.magenta.background,
+        pink: _decorativePalettes.pink.background,
+        aqua: _decorativePalettes.aqua.background,
+        teal: _decorativePalettes.teal.background
       },
       selected: _seedsColor.default.COLOR_NEUTRAL_800,
       positive_sentiment: _seedsColor.default.COLOR_BLUE_500,
@@ -77,7 +81,11 @@ var colors = _extends({
         yellow: _decorativePalettes.yellow.highlight,
         orange: _decorativePalettes.orange.highlight,
         red: _decorativePalettes.red.highlight,
-        neutral: _decorativePalettes.neutral.highlight
+        neutral: _decorativePalettes.neutral.highlight,
+        magenta: _decorativePalettes.magenta.highlight,
+        pink: _decorativePalettes.pink.highlight,
+        aqua: _decorativePalettes.aqua.highlight,
+        teal: _decorativePalettes.teal.highlight
       },
       selected: _seedsColor.default.COLOR_NEUTRAL_800
     }
@@ -290,6 +298,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,