@sproutsocial/racine 12.16.1 → 12.18.0

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

@@ -22,6 +22,11 @@ export const navigation = {
         base: baseLightTheme.colors.neutral[1000],
       },
     },
+    accordion: {
+      background: {
+        base: baseLightTheme.colors.neutral[900],
+      },
+    },
   },
   settings: {
     listItem: {

package/__flow__/themes/light/theme.js

@@ -186,6 +186,7 @@ const colors = {
     error: COLORS.COLOR_RED_800,
     background: {
       highlight: COLORS.COLOR_YELLOW_200,
+      selection: COLORS.COLOR_BLUE_300,
     },
   },
   icon: {

package/__flow__/utils/useInteractiveColor.js

@@ -1,7 +1,6 @@
 //@flow strict-local
 import { darken, lighten } from "polished";
 import { useTheme } from "styled-components";
-import type { TypeColors } from "../types/theme.colors.flow.js";
 
 /**
  * The useInteractiveColor hook has context of theme mode (light or dark)
@@ -9,7 +8,7 @@ import type { TypeColors } from "../types/theme.colors.flow.js";
  *
  * note: colors are limited to our theme colors
  */
-const useInteractiveColor = (themeColor: TypeColors): string => {
+const useInteractiveColor = (themeColor: string): string => {
   // Throw error if used outside of a ThemeProvider (styled-components)
   if (!useTheme()) {
     throw new Error(

package/commonjs/Button/styles.js

@@ -57,7 +57,7 @@ var Container = _styledComponents.default.button.withConfig({
 }, function (props) {
   return props.disabled && _mixins.disabled;
 }, function (props) {
-  return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "dark" ? "screen" : "multiply", _mixins.pill);
+  return props.appearance === "pill" && (0, _styledComponents.css)(["display:inline-flex;align-items:center;justify-content:center;background-color:transparent;", " &:focus:active,&:hover{background-color:transparent;box-shadow:inset 0px 0px 0px 1px ", ";}"], _mixins.pill, props.theme.colors.button[props.appearance].border.hover);
 }, _styles.default, _systemProps.LAYOUT, _systemProps.COMMON);
 
 Container.displayName = "Button-Container";

package/commonjs/IllustrationViewBoxes.js

@@ -3,8 +3,11 @@
 module.exports = {
   "abacus": "0 0 249 157",
   "analytics-offering": "0 0 220 231",
+  "asset-cards": "0 0 331 204",
   "astronaut": "0 0 277 298",
+  "binoculars": "0 0 269 200",
   "brand-keyword": "0 0 240 230",
+  "browser-doc": "0 0 303 223",
   "business": "0 0 88 56",
   "calendar-event": "0 0 110 42",
   "calendar-reporting": "0 0 248 182",
@@ -35,6 +38,7 @@ module.exports = {
   "hands-raised": "0 0 192 176",
   "headset": "0 0 106 54",
   "heartbeat-connection": "0 0 335 201",
+  "instagram-links": "0 0 333 250",
   "invoice": "0 0 171 178",
   "jewel": "0 0 154 137",
   "keyword-tracking": "0 0 400 232",
@@ -57,16 +61,19 @@ module.exports = {
   "network-data": "0 0 369 229",
   "no-messages-found": "0 0 272 211",
   "no-notifications": "0 0 281 134",
+  "note": "0 0 49 47",
   "notification": "0 0 252 194",
   "notifications-onboarding": "0 0 352 163",
   "organize-message": "0 0 276 220",
   "outbox-queue": "0 0 246 176",
   "outbox-reviews": "0 0 246 176",
   "pdf": "0 0 36 35",
+  "planning": "0 0 251 277",
   "podium": "0 0 106 46",
   "pointer": "0 0 54 37",
   "publish-assets": "0 0 336 263",
   "publish-links": "0 0 266 252",
+  "publishing": "0 0 343 191",
   "puzzle-piece": "0 0 56 44",
   "question-mark": "0 0 302 191",
   "reporting-folder": "0 0 314 247",
@@ -109,5 +116,6 @@ module.exports = {
   "view-connections": "0 0 356 201",
   "vip-list": "0 0 212 228",
   "warning": "0 0 55 38",
-  "wifi": "0 0 55 43"
+  "wifi": "0 0 55 43",
+  "workflow-steps": "0 0 295 214"
 };

package/commonjs/LogoViewBoxes.js

@@ -1,6 +1,8 @@
 "use strict";
 
 module.exports = {
+  "bigcommerce-dark": "0 0 16 16",
+  "bigcommerce": "0 0 16 16",
   "bitly-dark": "0 0 140 64",
   "bitly": "0 0 140 64",
   "canva-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", "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"];
+var illustrationNames = ["abacus", "analytics-offering", "asset-cards", "astronaut", "binoculars", "brand-keyword", "browser-doc", "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", "instagram-links", "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", "note", "notification", "notifications-onboarding", "organize-message", "outbox-queue", "outbox-reviews", "pdf", "planning", "podium", "pointer", "publish-assets", "publish-links", "publishing", "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", "workflow-steps"];
 exports.illustrationNames = illustrationNames;

package/commonjs/themes/dark/theme.js

@@ -125,7 +125,8 @@ var colors = _extends({}, _theme.default.colors, {
         active: _seedsColor.default.COLOR_NEUTRAL_900
       },
       border: {
-        base: "transparent"
+        base: "transparent",
+        hover: _seedsColor.default.COLOR_NEUTRAL_0
       },
       text: {
         base: _seedsColor.default.COLOR_NEUTRAL_100,
@@ -184,7 +185,8 @@ var colors = _extends({}, _theme.default.colors, {
     inverse: _seedsColor.default.COLOR_NEUTRAL_900,
     error: _seedsColor.default.COLOR_RED_400,
     background: {
-      highlight: _seedsColor.default.COLOR_YELLOW_900
+      highlight: _seedsColor.default.COLOR_YELLOW_900,
+      selection: _seedsColor.default.COLOR_BLUE_800
     }
   },
   icon: {

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

@@ -29,6 +29,11 @@ var navigation = {
       background: {
         base: _theme.default.colors.neutral[800]
       }
+    },
+    accordion: {
+      background: {
+        base: _theme.default.colors.neutral[1000]
+      }
     }
   },
   settings: {

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

@@ -29,6 +29,11 @@ var navigation = {
       background: {
         base: _theme.default.colors.neutral[1000]
       }
+    },
+    accordion: {
+      background: {
+        base: _theme.default.colors.neutral[900]
+      }
     }
   },
   settings: {

package/commonjs/themes/light/theme.js

@@ -189,7 +189,8 @@ var colors = _extends({
     inverse: _seedsColor.default.COLOR_NEUTRAL_0,
     error: _seedsColor.default.COLOR_RED_800,
     background: {
-      highlight: _seedsColor.default.COLOR_YELLOW_200
+      highlight: _seedsColor.default.COLOR_YELLOW_200,
+      selection: _seedsColor.default.COLOR_BLUE_300
     }
   },
   icon: {