@sproutsocial/racine 12.16.1 → 12.18.0

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

@@ -127,7 +127,8 @@ $theme: (
             "active": #273333
           ),
           "border": (
-            "base": transparent
+            "base": transparent,
+            "hover": #FFFFFF
           ),
           "text": (
             "base": #f3f4f4,
@@ -186,7 +187,8 @@ $theme: (
         "inverse": #273333,
         "error": #ff7f6e,
         "background": (
-          "highlight": #944c0c
+          "highlight": #944c0c,
+          "selection": #116daa
         )
       ),
       "icon": (
@@ -490,6 +492,11 @@ $theme: (
             "background": (
               "base": #364141
             )
+          ),
+          "accordion": (
+            "background": (
+              "base": #162020
+            )
           )
         ),
         "settings": (
@@ -927,6 +934,11 @@ $theme: (
         "background": (
           "base": #364141
         )
+      ),
+      "accordion": (
+        "background": (
+          "base": #162020
+        )
       )
     ),
     "settings": (

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

@@ -186,7 +186,8 @@ $theme: (
         "inverse": #FFFFFF,
         "error": #c63434,
         "background": (
-          "highlight": #ffe99a
+          "highlight": #ffe99a,
+          "selection": #a1d2f8
         )
       ),
       "icon": (
@@ -490,6 +491,11 @@ $theme: (
             "background": (
               "base": #162020
             )
+          ),
+          "accordion": (
+            "background": (
+              "base": #273333
+            )
           )
         ),
         "settings": (
@@ -927,6 +933,11 @@ $theme: (
         "background": (
           "base": #162020
         )
+      ),
+      "accordion": (
+        "background": (
+          "base": #273333
+        )
       )
     ),
     "settings": (

package/dist/themes/light/theme.scss

@@ -161,7 +161,8 @@ $theme: (
         "inverse": #FFFFFF,
         "error": #c63434,
         "background": (
-          "highlight": #ffe99a
+          "highlight": #ffe99a,
+          "selection": #a1d2f8
         )
       ),
       "icon": (

package/lib/Button/styles.js

@@ -42,7 +42,7 @@ var Container = styled.button.withConfig({
 }, function (props) {
   return props.disabled && disabled;
 }, function (props) {
-  return props.appearance === "pill" && css(["display:inline-flex;align-items:center;justify-content:center;mix-blend-mode:", ";", ""], props.theme.mode === "dark" ? "screen" : "multiply", pill);
+  return props.appearance === "pill" && 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 ", ";}"], pill, props.theme.colors.button[props.appearance].border.hover);
 }, Icon, LAYOUT, COMMON);
 Container.displayName = "Button-Container";
 export default Container; //${props.theme.mode === "dark" ? "screen" : "multiply"}

package/lib/IllustrationViewBoxes.js

@@ -1,8 +1,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",
@@ -33,6 +36,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",
@@ -55,16 +59,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",
@@ -107,5 +114,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/lib/LogoViewBoxes.js

@@ -1,4 +1,6 @@
 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/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", "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"];
+export 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"];

package/lib/themes/dark/theme.js

@@ -110,7 +110,8 @@ var colors = _extends({}, lightTheme.colors, {
         active: COLORS.COLOR_NEUTRAL_900
       },
       border: {
-        base: "transparent"
+        base: "transparent",
+        hover: COLORS.COLOR_NEUTRAL_0
       },
       text: {
         base: COLORS.COLOR_NEUTRAL_100,
@@ -169,7 +170,8 @@ var colors = _extends({}, lightTheme.colors, {
     inverse: COLORS.COLOR_NEUTRAL_900,
     error: COLORS.COLOR_RED_400,
     background: {
-      highlight: COLORS.COLOR_YELLOW_900
+      highlight: COLORS.COLOR_YELLOW_900,
+      selection: COLORS.COLOR_BLUE_800
     }
   },
   icon: {

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

@@ -20,6 +20,11 @@ export var navigation = {
       background: {
         base: baseDarkTheme.colors.neutral[800]
       }
+    },
+    accordion: {
+      background: {
+        base: baseDarkTheme.colors.neutral[1000]
+      }
     }
   },
   settings: {

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

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

package/lib/themes/light/theme.js

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

package/lib/utils/useInteractiveColor.js

@@ -1,12 +1,12 @@
 import { darken, lighten } from "polished";
 import { useTheme } from "styled-components";
-
 /**
  * The useInteractiveColor hook has context of theme mode (light or dark)
  * and can be used to lighten or darken a color dynamically
  *
  * note: colors are limited to our theme colors
  */
+
 var useInteractiveColor = function useInteractiveColor(themeColor) {
   // Throw error if used outside of a ThemeProvider (styled-components)
   if (!useTheme()) {

package/package.json

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