@sproutsocial/racine 12.16.1 → 12.17.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,
@@ -490,6 +491,11 @@ $theme: (
             "background": (
               "base": #364141
             )
+          ),
+          "accordion": (
+            "background": (
+              "base": #162020
+            )
           )
         ),
         "settings": (
@@ -927,6 +933,11 @@ $theme: (
         "background": (
           "base": #364141
         )
+      ),
+      "accordion": (
+        "background": (
+          "base": #162020
+        )
       )
     ),
     "settings": (

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

@@ -490,6 +490,11 @@ $theme: (
             "background": (
               "base": #162020
             )
+          ),
+          "accordion": (
+            "background": (
+              "base": #273333
+            )
           )
         ),
         "settings": (
@@ -927,6 +932,11 @@ $theme: (
         "background": (
           "base": #162020
         )
+      ),
+      "accordion": (
+        "background": (
+          "base": #273333
+        )
       )
     ),
     "settings": (

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

@@ -3,6 +3,7 @@ module.exports = {
   "analytics-offering": "0 0 220 231",
   "astronaut": "0 0 277 298",
   "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",

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", "astronaut", "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", "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"];

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,

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/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.17.0",
   "license": "MIT",
   "files": [
     "__flow__",