@sproutsocial/racine 12.15.0 → 12.16.1

package/commonjs/IconViewBoxes.js

@@ -10,6 +10,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/commonjs/Indicator/styles.js

@@ -21,7 +21,9 @@ var Container = _styledComponents.default.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;
 }, _mixins.visuallyHidden, _systemProps.COMMON);
 
 var _default = Container;

package/commonjs/LoaderButton/index.js

@@ -31,7 +31,9 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 var getColor = function getColor(appearance) {
   switch (appearance) {
+    /** "default" is @deprecated in favour of unstyled */
     case "default":
+    case "unstyled":
     case "outline":
     case "secondary":
       return "dark";
@@ -52,7 +54,7 @@ var CustomLoader = (0, _styledComponents.default)(_Loader.default).withConfig({
 
 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/commonjs/LogoViewBoxes.js

@@ -6,6 +6,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",
@@ -70,5 +74,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/commonjs/PartnerLogo/index.js

@@ -7,15 +7,11 @@ var _react = _interopRequireDefault(require("react"));
 
 var _LogoViewBoxes = _interopRequireDefault(require("../LogoViewBoxes"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _styledComponents = require("styled-components");
 
-var _systemProps = require("../utils/system-props");
+var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["partnerName", "backgroundType", "height", "width"];
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _excluded = ["partnerName", "backgroundType", "logoType", "height", "width", "size"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -23,30 +19,29 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-var StyledSVG = _styledComponents.default.svg.withConfig({
-  displayName: "PartnerLogo__StyledSVG",
-  componentId: "sc-ivi11w-0"
-})(["", ";", ""], _systemProps.FLEXBOX, _systemProps.COMMON);
-
 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 = (0, _styledComponents.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;
     }
   };
 
@@ -55,16 +50,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.default.createElement(StyledSVG, _extends({
-    width: width ? width : defaultWidth,
-    height: height ? height : defaultHeight,
+  return /*#__PURE__*/_react.default.createElement(_styles.default //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.default.createElement("svg", _extends({
+    className: "logo-svg",
     viewBox: logoViewBox,
     focusable: false // $FlowIssue - upgrade v0.112.0
 
   }, rest), /*#__PURE__*/_react.default.createElement("use", {
     xmlnsXlink: "http://www.w3.org/1999/xlink",
     xlinkHref: "#sslogosvg-" + whichLogo(backgroundType)
-  }));
+  })));
 };
 
 var _default = PartnerLogo;

package/commonjs/PartnerLogo/styles.js

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _systemProps = require("../utils/system-props");
+
+var _styledSystem = require("styled-system");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var sizes = {
+  mini: "12px",
+  small: "16px",
+  medium: "24px",
+  large: "32px",
+  jumbo: "64px"
+};
+
+var stylesForSize = function stylesForSize(height, width, logoSize) {
+  return (0, _styledComponents.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 = _styledComponents.default.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]);
+}, _systemProps.COMMON, _systemProps.FLEXBOX, _styledSystem.verticalAlign);
+
+var _default = Container;
+exports.default = _default;