@sproutsocial/racine 12.9.0 → 12.12.0

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

@@ -56,7 +56,11 @@ $theme: (
             "yellow": #fdefcd,
             "orange": #fcdccc,
             "red": #ffd5d2,
-            "neutral": #f3f4f4
+            "neutral": #f3f4f4,
+            "magenta": #f9e3fc,
+            "pink": #fcdbeb,
+            "aqua": #c5f9f9,
+            "teal": #cdf7ef
           ),
           "selected": #364141,
           "positive_sentiment": #3896e3,
@@ -78,7 +82,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #364141
         )
@@ -469,6 +477,9 @@ $theme: (
           "background": (
             "base": #273333,
             "overflowGradient": #162020
+          ),
+          "border": (
+            "base": #162020
           )
         ),
         "secondary": (
@@ -528,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": (
@@ -538,6 +571,7 @@ $theme: (
         "opportunity": (
           "background": (
             "base": #6f5ed3,
+            "secondary": #273333,
             "hover": #c1c1f7
           ),
           "button": (
@@ -587,6 +621,11 @@ $theme: (
               "hover": #6f5ed3
             )
           )
+        ),
+        "user": (
+          "status": (
+            "online": #0ca750
+          )
         )
       ),
       "cardControl": (
@@ -791,6 +830,7 @@ $theme: (
     "opportunity": (
       "background": (
         "base": #6f5ed3,
+        "secondary": #273333,
         "hover": #c1c1f7
       ),
       "button": (
@@ -840,6 +880,33 @@ $theme: (
           "hover": #6f5ed3
         )
       )
+    ),
+    "user": (
+      "status": (
+        "online": #0ca750
+      )
+    )
+  ),
+  "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": (
@@ -847,6 +914,9 @@ $theme: (
       "background": (
         "base": #273333,
         "overflowGradient": #162020
+      ),
+      "border": (
+        "base": #162020
       )
     ),
     "secondary": (

package/dist/themes/light/theme.scss

@@ -31,7 +31,11 @@ $theme: (
             "yellow": #fdefcd,
             "orange": #fcdccc,
             "red": #ffd5d2,
-            "neutral": #f3f4f4
+            "neutral": #f3f4f4,
+            "magenta": #f9e3fc,
+            "pink": #fcdbeb,
+            "aqua": #c5f9f9,
+            "teal": #cdf7ef
           ),
           "selected": #364141,
           "positive_sentiment": #3896e3,
@@ -53,7 +57,11 @@ $theme: (
             "yellow": #ffbc00,
             "orange": #f57d33,
             "red": #ed4c42,
-            "neutral": #929a9b
+            "neutral": #929a9b,
+            "magenta": #c44eb9,
+            "pink": #e0447c,
+            "aqua": #17b8ce,
+            "teal": #08c4b2
           ),
           "selected": #364141
         )

package/lib/IconViewBoxes.js

@@ -37,6 +37,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/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/Toast/styles.js

@@ -23,7 +23,9 @@ export var CustomIcon = styled(Icon).withConfig({
 }, function (p) {
   return p.customColor ? undefined : p.theme.colors.icon[p.type];
 });
-export var GlobalToastStyles = 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;}}"], toastStyles, function (p) {
+export var GlobalToastStyles = 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;}}"], toastStyles, function (p) {
+  return p.theme.shadows.low;
+}, function (p) {
   return p.theme.space[400];
 }, function (p) {
   return p.theme.space[400];

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

@@ -33,4 +33,24 @@ export var neutral = {
   background: COLORS.COLOR_NEUTRAL_1000,
   highlight: COLORS.COLOR_NEUTRAL_500,
   foreground: COLORS.COLOR_NEUTRAL_100
+};
+export var magenta = {
+  background: COLORS.COLOR_MAGENTA_900,
+  highlight: COLORS.COLOR_MAGENTA_600,
+  foreground: COLORS.COLOR_MAGENTA_100
+};
+export var pink = {
+  background: COLORS.COLOR_PINK_900,
+  highlight: COLORS.COLOR_PINK_600,
+  foreground: COLORS.COLOR_PINK_100
+};
+export var aqua = {
+  background: COLORS.COLOR_AQUA_900,
+  highlight: COLORS.COLOR_AQUA_500,
+  foreground: COLORS.COLOR_AQUA_100
+};
+export var teal = {
+  background: COLORS.COLOR_TEAL_900,
+  highlight: COLORS.COLOR_TEAL_500,
+  foreground: COLORS.COLOR_TEAL_100
 };

package/lib/themes/dark/theme.js

@@ -4,7 +4,7 @@ import COLORS from "@sproutsocial/seeds-color";
 import DEPTH from "@sproutsocial/seeds-depth";
 import lightTheme from "../light/theme";
 import { datavizPalette } from "./dataviz-palette";
-import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
+import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
 import { transparentize } from "polished";
 var MODE = "dark";
 export var shadows = {
@@ -35,7 +35,11 @@ var colors = _extends({}, lightTheme.colors, {
         yellow: yellow.background,
         orange: orange.background,
         red: red.background,
-        neutral: neutral.background
+        neutral: neutral.background,
+        magenta: magenta.background,
+        pink: pink.background,
+        aqua: aqua.background,
+        teal: teal.background
       },
       selected: COLORS.COLOR_NEUTRAL_0,
       positive_sentiment: COLORS.COLOR_BLUE_500,
@@ -57,7 +61,11 @@ var colors = _extends({}, lightTheme.colors, {
         yellow: yellow.highlight,
         orange: orange.highlight,
         red: red.highlight,
-        neutral: neutral.highlight
+        neutral: neutral.highlight,
+        magenta: magenta.highlight,
+        pink: pink.highlight,
+        aqua: aqua.highlight,
+        teal: teal.highlight
       },
       selected: COLORS.COLOR_NEUTRAL_0
     }

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

@@ -7,6 +7,9 @@ export var navigation = {
     background: {
       base: baseDarkTheme.colors.neutral[1000],
       overflowGradient: baseDarkTheme.colors.neutral[1100]
+    },
+    border: {
+      base: baseDarkTheme.colors.neutral[1100]
     }
   },
   secondary: {
@@ -66,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: {
@@ -76,6 +101,7 @@ export var growth = {
   opportunity: {
     background: {
       base: baseDarkTheme.colors.purple[700],
+      secondary: baseDarkTheme.colors.neutral[700],
       hover: baseDarkTheme.colors.purple[500]
     },
     button: {
@@ -126,6 +152,11 @@ export var growth = {
         hover: baseDarkTheme.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: baseDarkTheme.colors.green[700]
+    }
   }
 };
 export var cardControl = {
@@ -144,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

@@ -7,6 +7,9 @@ export var navigation = {
     background: {
       base: baseLightTheme.colors.neutral[900],
       overflowGradient: baseLightTheme.colors.neutral[1000]
+    },
+    border: {
+      base: baseLightTheme.colors.neutral[1000]
     }
   },
   secondary: {
@@ -66,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: {
@@ -76,6 +101,7 @@ export var growth = {
   opportunity: {
     background: {
       base: baseLightTheme.colors.purple[700],
+      secondary: baseLightTheme.colors.neutral[900],
       hover: baseLightTheme.colors.purple[300]
     },
     button: {
@@ -126,6 +152,11 @@ export var growth = {
         hover: baseLightTheme.colors.purple[700]
       }
     }
+  },
+  user: {
+    status: {
+      online: baseLightTheme.colors.green[700]
+    }
   }
 };
 export var cardControl = {
@@ -144,6 +175,7 @@ var lightTheme = _extends({}, baseLightTheme, {
     navigation: navigation,
     datePicker: datePicker,
     analytics: analytics,
+    listening: listening,
     growth: growth,
     cardControl: cardControl
   })

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

@@ -33,4 +33,24 @@ export var neutral = {
   background: COLORS.COLOR_NEUTRAL_100,
   highlight: COLORS.COLOR_NEUTRAL_500,
   foreground: COLORS.COLOR_NEUTRAL_900
+};
+export var magenta = {
+  background: COLORS.COLOR_MAGENTA_100,
+  highlight: COLORS.COLOR_MAGENTA_600,
+  foreground: COLORS.COLOR_MAGENTA_900
+};
+export var pink = {
+  background: COLORS.COLOR_PINK_100,
+  highlight: COLORS.COLOR_PINK_600,
+  foreground: COLORS.COLOR_PINK_900
+};
+export var aqua = {
+  background: COLORS.COLOR_AQUA_100,
+  highlight: COLORS.COLOR_AQUA_500,
+  foreground: COLORS.COLOR_AQUA_900
+};
+export var teal = {
+  background: COLORS.COLOR_TEAL_100,
+  highlight: COLORS.COLOR_TEAL_500,
+  foreground: COLORS.COLOR_TEAL_900
 };

package/lib/themes/light/theme.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import COLORS from "@sproutsocial/seeds-color";
 import literalColors from "./literal-colors";
 import { datavizPalette } from "./dataviz-palette";
-import { green, blue, purple, yellow, orange, red, neutral } from "./decorative-palettes";
+import { green, blue, purple, yellow, orange, red, neutral, magenta, pink, aqua, teal } from "./decorative-palettes";
 import NETWORKCOLORS from "@sproutsocial/seeds-networkcolor";
 import TYPOGRAPHY from "@sproutsocial/seeds-typography";
 import SPACE from "@sproutsocial/seeds-space";
@@ -36,7 +36,11 @@ var colors = _extends({
         yellow: yellow.background,
         orange: orange.background,
         red: red.background,
-        neutral: neutral.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,
@@ -58,7 +62,11 @@ var colors = _extends({
         yellow: yellow.highlight,
         orange: orange.highlight,
         red: red.highlight,
-        neutral: neutral.highlight
+        neutral: neutral.highlight,
+        magenta: magenta.highlight,
+        pink: pink.highlight,
+        aqua: aqua.highlight,
+        teal: teal.highlight
       },
       selected: COLORS.COLOR_NEUTRAL_800
     }
@@ -269,6 +277,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.9.0",
+  "version": "12.12.0",
   "license": "MIT",
   "files": [
     "__flow__",