@sproutsocial/racine 12.15.0 → 12.16.1

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/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,6 +4,10 @@ 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",
@@ -68,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,21 @@ 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,
-    height: height ? height : defaultHeight,
+  return /*#__PURE__*/React.createElement(Container //we add pixels here because view box coordinates are numbers
+  , _extends({
+    height: height ? height : defaultHeight + "px",
+    width: width ? width : defaultWidth + "px",
+    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, logoSize ? logoSize : height, logoSize ? logoSize : "", logoSize ? logoSize : width, ""
+  /* PDF hack, do not remove */
+  , logoSize ? logoSize : width);
+};
+
+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/package.json

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