@sproutsocial/racine 12.14.0 → 12.16.0

package/lib/Checkbox/index.js

@@ -34,14 +34,14 @@ var Checkbox = /*#__PURE__*/function (_React$Component) {
   var _proto = Checkbox.prototype;
 
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
-    if (prevProps.indeterminate !== this.props.indeterminate && this.el) {
-      this.el.indeterminate = this.props.indeterminate;
+    if (prevProps.indeterminate !== !!this.props.indeterminate && this.el) {
+      this.el.indeterminate = !!this.props.indeterminate;
     }
   };
 
   _proto.componentDidMount = function componentDidMount() {
     if (this.el) {
-      this.el.indeterminate = this.props.indeterminate;
+      this.el.indeterminate = !!this.props.indeterminate;
     }
   };
 

package/lib/Icon/styles.js

@@ -3,7 +3,10 @@ import { COMMON } from "../utils/system-props";
 import { verticalAlign } from "styled-system";
 var sizes = {
   mini: "12px",
+
+  /** TODO: deprecate default  in favor of small in future release */
   default: "16px",
+  small: "16px",
   medium: "24px",
   large: "32px",
   jumbo: "64px"

package/lib/IconViewBoxes.js

@@ -8,6 +8,8 @@ module.exports = {
   "address-card-solid": "0 0 18 16",
   "adobe-experience-manager": "0 0 16 18",
   "ads": "0 0 9 16",
+  "advocacy-outline": "0 0 14 16",
+  "advocacy": "0 0 14 16",
   "android": "0 0 14 16",
   "apple": "0 0 14 16",
   "approval-indicator-outline": "0 0 14 16",

package/lib/IllustrationViewBoxes.js

@@ -11,6 +11,7 @@ module.exports = {
   "cat": "0 0 240 171",
   "checkbox-alert": "0 0 193 169",
   "coffee-cup": "0 0 196 234",
+  "competitors": "0 0 355 258",
   "compose-window": "0 0 372 188",
   "compose": "0 0 62 45",
   "computer-error": "0 0 237 259",
@@ -27,6 +28,8 @@ module.exports = {
   "general-topic": "0 0 101 63",
   "global-features": "0 0 239 226",
   "global-trend": "0 0 56 42",
+  "grow-large": "0 0 189 137",
+  "grow": "0 0 73 45",
   "hands-raised": "0 0 192 176",
   "headset": "0 0 106 54",
   "heartbeat-connection": "0 0 335 201",
@@ -41,10 +44,14 @@ module.exports = {
   "link-sections": "0 0 270 273",
   "link-upload": "0 0 180 140",
   "listening-pendo": "0 0 544 109",
+  "listening-sentiment": "0 0 343 154",
+  "listening-topic-templates": "0 0 337 247",
   "listening-tour": "0 0 236 212",
+  "listening": "0 0 101 63",
   "loading": "0 0 62 39",
   "mailbox-empty": "0 0 309 240",
   "mailbox-full": "0 0 352 252",
+  "message": "0 0 58 44",
   "network-data": "0 0 369 229",
   "no-messages-found": "0 0 272 211",
   "no-notifications": "0 0 281 134",

package/lib/Indicator/styles.js

@@ -11,6 +11,8 @@ var Container = styled.span.attrs({
 }, function (props) {
   return props.theme.space[400];
 }, function (props) {
-  return props.theme.colors.teal[600];
+  var _props$color;
+
+  return (_props$color = props.color) != null ? _props$color : props.theme.colors.icon.info;
 }, visuallyHidden, COMMON);
 export default Container;

package/lib/LoaderButton/index.js

@@ -14,7 +14,9 @@ import { COLOR_NEUTRAL_0, COLOR_NEUTRAL_1000 } from "@sproutsocial/seeds-color";
 
 var getColor = function getColor(appearance) {
   switch (appearance) {
+    /** "default" is @deprecated in favour of unstyled */
     case "default":
+    case "unstyled":
     case "outline":
     case "secondary":
       return "dark";
@@ -34,7 +36,7 @@ var CustomLoader = styled(Loader).withConfig({
 });
 export var LoaderButton = function LoaderButton(_ref) {
   var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? "default" : _ref$appearance,
+      appearance = _ref$appearance === void 0 ? "unstyled" : _ref$appearance,
       _ref$isLoading = _ref.isLoading,
       _isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
       disabled = _ref.disabled,

package/lib/LogoViewBoxes.js

@@ -4,7 +4,13 @@ module.exports = {
   "canva-dark": "0 0 140 140",
   "canva": "0 0 140 140",
   "dropbox-dark": "0 0 140 119",
+  "dropbox-lockup-dark": "0 0 291 57",
+  "dropbox-lockup": "0 0 291 57",
+  "dropbox-wordmark-dark": "0 0 308 71",
+  "dropbox-wordmark": "0 0 308 71",
   "dropbox": "0 0 140 119",
+  "facebook-audience-network-dark": "0 0 140 145",
+  "facebook-audience-network": "0 0 140 145",
   "facebook-dark": "0 0 141 139",
   "facebook-groups-dark": "0 0 140 140",
   "facebook-groups": "0 0 140 140",
@@ -27,6 +33,8 @@ module.exports = {
   "hubspot": "0 0 140 156",
   "instagram-dark": "0 0 140 140",
   "instagram": "0 0 140 140",
+  "linkedin-audience-network-dark": "0 0 140 141",
+  "linkedin-audience-network": "0 0 140 141",
   "linkedin-dark": "0 0 140 140",
   "linkedin": "0 0 140 140",
   "marketo-dark": "0 0 140 164",
@@ -64,5 +72,9 @@ module.exports = {
   "youtube-dark": "0 0 140 99",
   "youtube": "0 0 140 99",
   "zendesk-dark": "0 0 140 107",
+  "zendesk-lockup-dark": "0 0 160 115",
+  "zendesk-lockup": "0 0 160 115",
+  "zendesk-wordmark-dark": "0 0 350 67",
+  "zendesk-wordmark": "0 0 350 67",
   "zendesk": "0 0 140 107"
 };

package/lib/PartnerLogo/index.js

@@ -1,4 +1,4 @@
-var _excluded = ["partnerName", "backgroundType", "height", "width"];
+var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size"];
 
 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); }
 
@@ -7,32 +7,31 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from "react";
 import logoViewBoxes from "../LogoViewBoxes";
 import { useTheme } from "styled-components";
-import styled from "styled-components";
-import { COMMON, FLEXBOX } from "../utils/system-props";
-var StyledSVG = styled.svg.withConfig({
-  displayName: "PartnerLogo__StyledSVG",
-  componentId: "sc-ivi11w-0"
-})(["", ";", ""], FLEXBOX, COMMON);
+import Container from "./styles";
 
 var PartnerLogo = function PartnerLogo(_ref) {
   var partnerName = _ref.partnerName,
       backgroundType = _ref.backgroundType,
+      logoType = _ref.logoType,
       height = _ref.height,
       width = _ref.width,
+      size = _ref.size,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
   var _useTheme = useTheme(),
       mode = _useTheme.mode;
 
   var whichLogo = function whichLogo(type) {
+    var logo = logoType ? partnerName + "-" + logoType : partnerName;
+
     if (type && type === "dark") {
-      return partnerName + "-dark";
+      return logo + "-dark";
     } else if (type && type === "light") {
-      return partnerName;
+      return logo;
     } else if (mode === "dark") {
-      return partnerName + "-dark";
+      return logo + "-dark";
     } else {
-      return partnerName;
+      return logo;
     }
   };
 
@@ -40,16 +39,20 @@ var PartnerLogo = function PartnerLogo(_ref) {
   var viewBoxCoordinates = (logoViewBox == null ? void 0 : logoViewBox.split(" ")) || [];
   var defaultWidth = viewBoxCoordinates[2];
   var defaultHeight = viewBoxCoordinates[3];
-  return /*#__PURE__*/React.createElement(StyledSVG, _extends({
-    width: width ? width : defaultWidth,
+  return /*#__PURE__*/React.createElement(Container, _extends({
     height: height ? height : defaultHeight,
+    width: width ? width : defaultWidth,
+    logoSize: size // $FlowIssue - upgrade v0.112.0
+
+  }, rest), /*#__PURE__*/React.createElement("svg", _extends({
+    className: "logo-svg",
     viewBox: logoViewBox,
     focusable: false // $FlowIssue - upgrade v0.112.0
 
   }, rest), /*#__PURE__*/React.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
-  }));
+  })));
 };
 
 export default PartnerLogo;

package/lib/PartnerLogo/styles.js

@@ -0,0 +1,26 @@
+import styled, { css } from "styled-components";
+import { COMMON, FLEXBOX } from "../utils/system-props";
+import { verticalAlign } from "styled-system";
+var sizes = {
+  mini: "12px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
+};
+
+var stylesForSize = function stylesForSize(height, width, logoSize) {
+  return css(["line-height:", ";&,.logo-svg{height:", ";width:", ";}_:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], logoSize ? logoSize : height + "px", logoSize ? logoSize : height + "px", logoSize ? logoSize : "", logoSize ? logoSize : width + "px", ""
+  /* PDF hack, do not remove */
+  , logoSize ? logoSize : width + "px");
+};
+
+var Container = styled.span.attrs({
+  className: "logo"
+}).withConfig({
+  displayName: "styles__Container",
+  componentId: "sc-bc87k3-0"
+})(["display:inline-block;color:inherit;vertical-align:middle;", ";", " ", " ", ""], function (props) {
+  return stylesForSize(props.height, props.width, sizes[props.logoSize]);
+}, COMMON, FLEXBOX, verticalAlign);
+export default Container;

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", "under-construction", "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", "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/decorative-palettes.js

@@ -10,7 +10,7 @@ export var blue = {
   foreground: COLORS.COLOR_BLUE_100
 };
 export var purple = {
-  background: COLORS.COLOR_PURPLE_800,
+  background: COLORS.COLOR_PURPLE_900,
   highlight: COLORS.COLOR_PURPLE_500,
   foreground: COLORS.COLOR_PURPLE_100
 };

package/package.json

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