@sproutsocial/racine 12.2.0-partner-logos.3 → 12.4.0

package/dist/illustrationList.js

@@ -0,0 +1 @@
+module.exports = ["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","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","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"];

package/dist/themes/dark/theme.scss

@@ -199,6 +199,10 @@ $theme: (
       elevation: (
         base: #040404
       ),
+      illustration: (
+        fill: #56adf5,
+        stroke: #f3f4f4
+      ),
       network: (
         twitter: #1da1f2,
         twitter_like: #e0245e,

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

@@ -5,6 +5,11 @@ $theme: (
       positive: #08c4b2,
       neutral: #f3f4f4,
       negative: #f3f4f4
+    ),
+    overlay: (
+      background: (
+        base: rgba(39,51,51,0.8)
+      )
     )
   ),
   datePicker: (
@@ -216,6 +221,10 @@ $theme: (
       elevation: (
         base: #040404
       ),
+      illustration: (
+        fill: #56adf5,
+        stroke: #f3f4f4
+      ),
       network: (
         twitter: #1da1f2,
         twitter_like: #e0245e,
@@ -457,6 +466,15 @@ $theme: (
             base: #273333
           )
         ),
+        settings: (
+          listItem: (
+            backgound: (
+              base: transparent,
+              hover: #040404,
+              selected: #364141
+            )
+          )
+        ),
         text: (
           base: #FFFFFF,
           hover: #FFFFFF
@@ -488,6 +506,11 @@ $theme: (
           positive: #08c4b2,
           neutral: #f3f4f4,
           negative: #f3f4f4
+        ),
+        overlay: (
+          background: (
+            base: rgba(39,51,51,0.8)
+          )
         )
       ),
       growth: (
@@ -804,6 +827,15 @@ $theme: (
         base: #273333
       )
     ),
+    settings: (
+      listItem: (
+        backgound: (
+          base: transparent,
+          hover: #040404,
+          selected: #364141
+        )
+      )
+    ),
     text: (
       base: #FFFFFF,
       hover: #FFFFFF

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

@@ -5,6 +5,11 @@ $theme: (
       positive: #067c7c,
       neutral: #364141,
       negative: #364141
+    ),
+    overlay: (
+      background: (
+        base: rgba(255,255,255,0.8)
+      )
     )
   ),
   datePicker: (
@@ -216,6 +221,10 @@ $theme: (
       elevation: (
         base: #2733333D
       ),
+      illustration: (
+        fill: #56adf5,
+        stroke: #273333
+      ),
       network: (
         twitter: #1da1f2,
         twitter_like: #e0245e,
@@ -457,6 +466,15 @@ $theme: (
             base: #364141
           )
         ),
+        settings: (
+          listItem: (
+            backgound: (
+              base: transparent,
+              hover: #dee1e1,
+              selected: #FFFFFF
+            )
+          )
+        ),
         text: (
           base: #FFFFFF,
           hover: #FFFFFF
@@ -488,6 +506,11 @@ $theme: (
           positive: #067c7c,
           neutral: #364141,
           negative: #364141
+        ),
+        overlay: (
+          background: (
+            base: rgba(255,255,255,0.8)
+          )
         )
       ),
       growth: (
@@ -804,6 +827,15 @@ $theme: (
         base: #364141
       )
     ),
+    settings: (
+      listItem: (
+        backgound: (
+          base: transparent,
+          hover: #dee1e1,
+          selected: #FFFFFF
+        )
+      )
+    ),
     text: (
       base: #FFFFFF,
       hover: #FFFFFF

package/dist/themes/light/theme.scss

@@ -206,6 +206,10 @@ $theme: (
       elevation: (
         base: #2733333D
       ),
+      illustration: (
+        fill: #56adf5,
+        stroke: #273333
+      ),
       network: (
         twitter: #1da1f2,
         twitter_like: #e0245e,

package/lib/IllustrationViewBoxes.js

@@ -0,0 +1,101 @@
+module.exports = {
+  "abacus": "0 0 249 157",
+  "analytics-offering": "0 0 220 231",
+  "astronaut": "0 0 277 298",
+  "brand-keyword": "0 0 240 230",
+  "business": "0 0 88 56",
+  "calendar-event": "0 0 110 42",
+  "calendar-reporting": "0 0 248 182",
+  "cat-error": "0 0 284 180",
+  "cat-no-access": "0 0 370 273",
+  "cat": "0 0 240 171",
+  "checkbox-alert": "0 0 193 169",
+  "coffee-cup": "0 0 196 234",
+  "compose-window": "0 0 372 188",
+  "compose": "0 0 62 45",
+  "computer-error": "0 0 237 259",
+  "connect": "0 0 242 162",
+  "contact": "0 0 305 145",
+  "conversation": "0 0 330 236",
+  "custom-branding": "0 0 168 164",
+  "customer-service": "0 0 302 155",
+  "dashboard": "0 0 337 195",
+  "exclamation-mark": "0 0 219 143",
+  "face-happy": "0 0 238 173",
+  "find-bookmark": "0 0 276 228",
+  "flask": "0 0 255 230",
+  "general-topic": "0 0 101 63",
+  "global-features": "0 0 239 226",
+  "hands-raised": "0 0 192 176",
+  "headset": "0 0 106 54",
+  "heartbeat-connection": "0 0 335 201",
+  "invoice": "0 0 171 178",
+  "jewel": "0 0 154 137",
+  "keyword-tracking": "0 0 400 232",
+  "lightbulb-alt": "0 0 89 54",
+  "lightbulb": "0 0 49 43",
+  "like-conversation": "0 0 293 258",
+  "link-broken": "0 0 340 236",
+  "link-messages": "0 0 233 250",
+  "link-sections": "0 0 270 273",
+  "link-upload": "0 0 180 140",
+  "listening-pendo": "0 0 544 109",
+  "listening-tour": "0 0 236 212",
+  "loading": "0 0 62 39",
+  "mailbox-empty": "0 0 309 240",
+  "mailbox-full": "0 0 352 252",
+  "network-data": "0 0 369 229",
+  "no-messages-found": "0 0 272 211",
+  "no-notifications": "0 0 281 134",
+  "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",
+  "podium": "0 0 106 46",
+  "pointer": "0 0 54 37",
+  "publish-assets": "0 0 336 263",
+  "publish-links": "0 0 266 252",
+  "puzzle-piece": "0 0 56 44",
+  "question-mark": "0 0 302 191",
+  "reporting-folder": "0 0 314 247",
+  "reporting": "0 0 331 226",
+  "review-location": "0 0 251 227",
+  "review": "0 0 251 143",
+  "robot-assembly": "0 0 375 253",
+  "robot-error": "0 0 281 286",
+  "robot-happy": "0 0 222 190",
+  "rocket": "0 0 101 56",
+  "schedule-date": "0 0 386 240",
+  "schedule-messages": "0 0 372 217",
+  "search-keywords": "0 0 237 243",
+  "search-success": "0 0 235 243",
+  "search-trends": "0 0 249 187",
+  "search": "0 0 337 196",
+  "security": "0 0 216 284",
+  "sentiment": "0 0 316 246",
+  "shopping-bag": "0 0 112 58",
+  "spark-line": "0 0 227 113",
+  "stamp": "0 0 291 253",
+  "storefront": "0 0 111 45",
+  "success": "0 0 200 200",
+  "tag-message": "0 0 346 226",
+  "team-roles": "0 0 358 298",
+  "team": "0 0 347 249",
+  "telescope": "0 0 272 255",
+  "tha-mel": "0 0 181 152",
+  "thumbs-up": "0 0 169 250",
+  "toggle-switch": "0 0 299 127",
+  "toolset-strength": "0 0 348 231",
+  "tracking-time": "0 0 360 195",
+  "twitter-messages": "0 0 220 228",
+  "twitter-profiles": "0 0 335 187",
+  "unsubscribe": "0 0 212 163",
+  "upward-trend": "0 0 65 49",
+  "user-task": "0 0 313 176",
+  "view-connections": "0 0 356 201",
+  "vip-list": "0 0 212 228",
+  "warning": "0 0 55 38",
+  "wifi": "0 0 55 43"
+};

package/lib/SpotIllustration/illustrationNames.js

@@ -0,0 +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", "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", "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"];

package/lib/SpotIllustration/index.js

@@ -0,0 +1,35 @@
+import styled from "styled-components";
+import React from "react";
+import illustrationViewBoxes from "../IllustrationViewBoxes";
+// eslint-disable-next-line prettier/prettier
+var StyledSVG = styled.svg.withConfig({
+  displayName: "SpotIllustration__StyledSVG",
+  componentId: "sc-10ftlaw-0"
+})(["fill:", ";color:", ";"], function (p) {
+  return p.customFill ? p.theme.colors[p.customFill][400] : p.theme.colors.illustration.fill;
+}, function (p) {
+  return p.theme.colors.illustration.stroke;
+});
+
+var SpotIllustration = function SpotIllustration(_ref) {
+  var name = _ref.name,
+      customFill = _ref.customFill,
+      height = _ref.height,
+      width = _ref.width;
+  var viewBox = illustrationViewBoxes[name];
+  var viewBoxCoordinates = (viewBox == null ? void 0 : viewBox.split(" ")) || [];
+  var defaultWidth = viewBoxCoordinates[2];
+  var defaultHeight = viewBoxCoordinates[3];
+  return /*#__PURE__*/React.createElement(StyledSVG, {
+    width: width ? width : defaultWidth,
+    height: height ? height : defaultHeight,
+    viewBox: viewBox,
+    focusable: false,
+    customFill: customFill
+  }, /*#__PURE__*/React.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#ssillustrationsvg-" + name
+  }));
+};
+
+export default SpotIllustration;

package/lib/index.js

@@ -61,4 +61,5 @@ export { default as Listbox, ListboxButton } from "./Listbox";
 export { default as OverflowList } from "./OverflowList";
 export { SingleDatePicker, DateRangePicker } from "./DatePicker";
 export { VisuallyHidden } from "./VisuallyHidden";
-export { default as PartnerLogo } from "./PartnerLogo";
+export { default as PartnerLogo } from "./PartnerLogo";
+export { default as SpotIllustration } from "./SpotIllustration";

package/lib/themes/dark/theme.js

@@ -210,6 +210,10 @@ var colors = _extends({}, lightTheme.colors, {
   elevation: {
     base: COLORS.COLOR_NEUTRAL_1100
   },
+  illustration: {
+    fill: COLORS.COLOR_BLUE_400,
+    stroke: neutral.foreground
+  },
   dataviz: {
     map: datavizPalette.DATAVIZ_COLORS_MAP,
     list: datavizPalette.DATAVIZ_COLORS_LIST

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

@@ -1,5 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import { transparentize } from "polished";
 import baseDarkTheme from "../../../dark/theme";
 export var navigation = {
   main: {
@@ -13,6 +14,15 @@ export var navigation = {
       base: baseDarkTheme.colors.neutral[900]
     }
   },
+  settings: {
+    listItem: {
+      backgound: {
+        base: "transparent",
+        hover: baseDarkTheme.colors.neutral[1100],
+        selected: baseDarkTheme.colors.neutral[800]
+      }
+    }
+  },
   text: {
     base: baseDarkTheme.colors.neutral[0],
     hover: baseDarkTheme.colors.neutral[0]
@@ -44,6 +54,11 @@ export var analytics = {
     positive: baseDarkTheme.colors.teal[500],
     neutral: baseDarkTheme.colors.neutral[100],
     negative: baseDarkTheme.colors.neutral[100]
+  },
+  overlay: {
+    background: {
+      base: transparentize(0.2, baseDarkTheme.colors.neutral[900])
+    }
   }
 };
 export var growth = {

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

@@ -1,5 +1,6 @@
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
+import { transparentize } from "polished";
 import baseLightTheme from "../../../light/theme";
 export var navigation = {
   main: {
@@ -13,6 +14,15 @@ export var navigation = {
       base: baseLightTheme.colors.neutral[800]
     }
   },
+  settings: {
+    listItem: {
+      backgound: {
+        base: "transparent",
+        hover: baseLightTheme.colors.neutral[200],
+        selected: baseLightTheme.colors.neutral[0]
+      }
+    }
+  },
   text: {
     base: baseLightTheme.colors.neutral[0],
     hover: baseLightTheme.colors.neutral[0]
@@ -44,6 +54,11 @@ export var analytics = {
     positive: baseLightTheme.colors.teal[800],
     neutral: baseLightTheme.colors.neutral[800],
     negative: baseLightTheme.colors.neutral[800]
+  },
+  overlay: {
+    background: {
+      base: transparentize(0.2, baseLightTheme.colors.neutral[0])
+    }
   }
 };
 export var growth = {

package/lib/themes/light/theme.js

@@ -211,6 +211,10 @@ var colors = _extends({
   elevation: {
     base: COLORS.COLOR_NEUTRAL_900 + "3D"
   },
+  illustration: {
+    fill: COLORS.COLOR_BLUE_400,
+    stroke: neutral.foreground
+  },
   network: {
     twitter: NETWORKCOLORS.NETWORK_COLOR_TWITTER,
     twitter_like: NETWORKCOLORS.NETWORK_COLOR_TWITTER_LIKE,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "12.2.0-partner-logos.3",
+  "version": "12.4.0",
   "license": "MIT",
   "files": [
     "__flow__",
@@ -17,6 +17,7 @@
   },
   "main": "commonjs/index.js",
   "module": "lib/index.js",
+  "sideEffects": false,
   "scripts": {
     "install-deps": "yarn install",
     "prepublishOnly": "yarn run build",
@@ -41,7 +42,7 @@
     "new": "node ./bin/scaffold.js",
     "playground": "node ./bin/scaffold-playground.js && yarn start",
     "release": "yarn test && yarn changeset publish",
-    "storybook": "start-storybook -c .storybook -p 9999",
+    "storybook": "rm -rf node_modules/.cache/storybook && start-storybook -c .storybook -p 9999",
     "build-storybook": "build-storybook --quiet -c .storybook -o .storybook-dist",
     "build-chromatic": "yarn build-icons && build-storybook --quiet -c .storybook -o .storybook-dist",
     "icon-lint": "node bin/icon-lint/cli",