@sproutsocial/racine 12.19.0 → 12.21.0

package/commonjs/FormField/index.js

@@ -1,59 +1,43 @@
 "use strict";
-"no babel-plugin-flow-react-proptypes";
+'no babel-plugin-flow-react-proptypes';
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _Label = _interopRequireDefault(require("../Label"));
-
 var _Text = _interopRequireDefault(require("../Text"));
-
 var _VisuallyHidden = require("../VisuallyHidden");
-
 var _hooks = require("../utils/hooks");
-
 var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 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 idCounter = 0;
-
 var FormField = function FormField(_ref) {
   var children = _ref.children,
-      error = _ref.error,
-      helperText = _ref.helperText,
-      identifier = _ref.id,
-      _ref$isInvalid = _ref.isInvalid,
-      isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
-      label = _ref.label,
-      _ref$mb = _ref.mb,
-      mb = _ref$mb === void 0 ? 400 : _ref$mb,
-      qa = _ref.qa,
-      _ref$isLabelHidden = _ref.isLabelHidden,
-      isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    error = _ref.error,
+    helperText = _ref.helperText,
+    identifier = _ref.id,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    label = _ref.label,
+    _ref$mb = _ref.mb,
+    mb = _ref$mb === void 0 ? 400 : _ref$mb,
+    qa = _ref.qa,
+    _ref$isLabelHidden = _ref.isLabelHidden,
+    isLabelHidden = _ref$isLabelHidden === void 0 ? false : _ref$isLabelHidden,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = (0, React.useState)(identifier || "FormField-" + idCounter++),
-      id = _useState[0];
-
+    id = _useState[0];
   var errorId = "Error-" + id;
-  var containerText = (0, _hooks.useTextContent)("");
-  var errorContainerText = (0, _hooks.useTextContent)("");
+  var containerText = (0, _hooks.useTextContent)('');
+  var errorContainerText = (0, _hooks.useTextContent)('');
   return /*#__PURE__*/React.createElement(_Box.default, _extends({}, rest, qa, {
     mb: mb,
-    "data-qa-formfield": qa && qa["data-qa-formfield"] || id || containerText.current,
+    "data-qa-formfield": qa && qa['data-qa-formfield'] || id || containerText.current,
     "data-qa-formfield-isinvalid": isInvalid === true
   }), isLabelHidden ? /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, {
     "data-testid": "visually-hidden"
@@ -77,9 +61,8 @@ var FormField = function FormField(_ref) {
     color: "text.error",
     mt: 300,
     id: errorId,
-    "data-qa-formfield-error": qa && qa["data-qa-formfield-error"] || errorContainerText.current
+    "data-qa-formfield-error": qa && qa['data-qa-formfield-error'] || errorContainerText.current
   }, error));
 };
-
 var _default = FormField;
 exports.default = _default;

package/commonjs/Icon/deprecatedIcons.js

@@ -4,41 +4,41 @@ exports.__esModule = true;
 exports.default = void 0;
 // In February of 2020, the Design Systems team renamed and consolidated some icons in an effort to introduce consistency in the naming of our icons. This object maps old, deprecated icon names to the "correct" name of the icon {"deprecated key": "correct icon name value"}
 var _default = {
-  backtotop: "back-to-top",
-  "circle-check-filled": "circle-check",
-  "circle-check-no-fill": "circle-check",
-  "circle-check-inverse-outline": "circle-check-outline",
-  "circle-check-inverse": "circle-check-outline",
-  "circle+-filled": "circle+",
-  "circlex-filled": "circlex",
-  "circle+-nofill": "circle+",
-  "circlex-nofill": "circlex",
-  creditcard: "credit-card",
-  "direct-message": "messages",
-  "facebook-nofill": "facebook",
-  googleanalytics: "google-analytics-color",
-  "instagram-brand-keyword": "hashtag",
-  "help-white": "help",
-  "info-white": "info",
-  "instagram-nofill": "instagram",
-  "key-circle": "key",
-  "key-square": "key",
-  "linkedin-nofill": "linkedin",
-  "listening-home": "listening",
-  "location-pub": "location",
-  "location-pub-outline": "location-outline",
-  "publishing-calendar": "calendar",
-  qrcode: "qr-code",
-  "sparkles-solid": "sparkles",
-  "star-inverse": "star-outline",
-  "triangle-white": "triangle",
-  "triangle-nofill": "triangle",
-  "tripadvisor-circle-filled": "tripadvisor-circle",
-  "tripadvisor-circle-empty": "tripadvisor-circle-outline",
-  "tumblr-square": "tumblr",
-  "tumblr-nofill": "tumblr",
-  "twitter-business-mention": "search",
-  "verified-nofill": "verified",
-  "window-maximize-solid": "window-maximize"
+  backtotop: 'back-to-top',
+  'circle-check-filled': 'circle-check',
+  'circle-check-no-fill': 'circle-check',
+  'circle-check-inverse-outline': 'circle-check-outline',
+  'circle-check-inverse': 'circle-check-outline',
+  'circle+-filled': 'circle+',
+  'circlex-filled': 'circlex',
+  'circle+-nofill': 'circle+',
+  'circlex-nofill': 'circlex',
+  creditcard: 'credit-card',
+  'direct-message': 'messages',
+  'facebook-nofill': 'facebook',
+  googleanalytics: 'google-analytics-color',
+  'instagram-brand-keyword': 'hashtag',
+  'help-white': 'help',
+  'info-white': 'info',
+  'instagram-nofill': 'instagram',
+  'key-circle': 'key',
+  'key-square': 'key',
+  'linkedin-nofill': 'linkedin',
+  'listening-home': 'listening',
+  'location-pub': 'location',
+  'location-pub-outline': 'location-outline',
+  'publishing-calendar': 'calendar',
+  qrcode: 'qr-code',
+  'sparkles-solid': 'sparkles',
+  'star-inverse': 'star-outline',
+  'triangle-white': 'triangle',
+  'triangle-nofill': 'triangle',
+  'tripadvisor-circle-filled': 'tripadvisor-circle',
+  'tripadvisor-circle-empty': 'tripadvisor-circle-outline',
+  'tumblr-square': 'tumblr',
+  'tumblr-nofill': 'tumblr',
+  'twitter-business-mention': 'search',
+  'verified-nofill': 'verified',
+  'window-maximize-solid': 'window-maximize'
 };
 exports.default = _default;

package/commonjs/Icon/index.js

@@ -2,41 +2,27 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _IconViewBoxes = _interopRequireDefault(require("../IconViewBoxes"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _Box = _interopRequireDefault(require("../Box"));
-
 var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
-
 var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
-    _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
-
+  _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 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 Icon = function Icon(_ref) {
   var name = _ref.name,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      _ref$fixedWidth = _ref.fixedWidth,
-      fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
-      ariaLabel = _ref.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$fixedWidth = _ref.fixedWidth,
+    fixedWidth = _ref$fixedWidth === void 0 ? false : _ref$fixedWidth,
+    ariaLabel = _ref.ariaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var iconName = _deprecatedIcons.default[name] || name;
   var iconViewBox = _IconViewBoxes.default[iconName];
   return /*#__PURE__*/React.createElement(_styles.default, _extends({
@@ -44,8 +30,8 @@ var Icon = function Icon(_ref) {
     fixedWidth: !!fixedWidth,
     key: name,
     "aria-label": ariaLabel,
-    "data-qa-icon": name // $FlowIssue - upgrade v0.112.0
-
+    "data-qa-icon": name
+    // $FlowIssue - upgrade v0.112.0
   }, rest), /*#__PURE__*/React.createElement("svg", {
     className: "Icon-svg",
     viewBox: iconViewBox,
@@ -55,7 +41,6 @@ var Icon = function Icon(_ref) {
     xlinkHref: "#ssiconsvg-" + iconName
   })));
 };
-
 var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
   displayName: "Icon__ToggleableIcon",
   componentId: "sc-1q9cwne-0"
@@ -66,18 +51,16 @@ var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
 }, function (p) {
   return !p.active && (0, _styledComponents.css)(["position:absolute;opacity:0;transform:scale(0);"]);
 });
-
 var IconToggle = function IconToggle(_ref2) {
   var activeName = _ref2.activeName,
-      inactiveName = _ref2.inactiveName,
-      isActive = _ref2.isActive,
-      _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "default" : _ref2$size,
-      _ref2$fixedWidth = _ref2.fixedWidth,
-      fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
-      ariaLabel = _ref2.ariaLabel,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+    inactiveName = _ref2.inactiveName,
+    isActive = _ref2.isActive,
+    _ref2$size = _ref2.size,
+    size = _ref2$size === void 0 ? 'default' : _ref2$size,
+    _ref2$fixedWidth = _ref2.fixedWidth,
+    fixedWidth = _ref2$fixedWidth === void 0 ? false : _ref2$fixedWidth,
+    ariaLabel = _ref2.ariaLabel,
+    rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
   return (
     /*#__PURE__*/
     // $FlowIssue - upgrade v0.112.0
@@ -102,8 +85,7 @@ var IconToggle = function IconToggle(_ref2) {
     }))
   );
 };
-
 Icon.Toggle = IconToggle;
-Icon.Toggle.displayName = "Icon.Toggle";
+Icon.Toggle.displayName = 'Icon.Toggle';
 var _default = Icon;
 exports.default = _default;

package/commonjs/Icon/styles.js

@@ -2,42 +2,31 @@
 
 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",
-
+  mini: '12px',
   /** TODO: deprecate default  in favor of small in future release */
-  default: "16px",
-  small: "16px",
-  medium: "24px",
-  large: "32px",
-  jumbo: "64px"
+  default: '16px',
+  small: '16px',
+  medium: '24px',
+  large: '32px',
+  jumbo: '64px'
 };
-
 var stylesForSize = function stylesForSize(iconSize, fixedWidth) {
-  return (0, _styledComponents.css)(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", " _:-ms-fullscreen &,html &{width:", ";}", " .pdf-page &{width:", ";}"], iconSize, iconSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: " + iconSize + "\n    }\n  ", iconSize, ""
-  /* PDF hack, do not remove */
-  , iconSize);
+  return (0, _styledComponents.css)(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconSize, iconSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: " + iconSize + "\n    }\n  ");
 };
-
 var Container = _styledComponents.default.span.attrs({
-  className: "Icon"
+  className: 'Icon'
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-x0vwa5-0"
 })(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", ""], function (props) {
   return stylesForSize(sizes[props.iconSize], props.fixedWidth);
 }, _systemProps.COMMON, _styledSystem.verticalAlign);
-
 var _default = Container;
 exports.default = _default;

package/commonjs/IllustrationViewBoxes.js

@@ -58,6 +58,7 @@ module.exports = {
   "mailbox-empty": "0 0 309 240",
   "mailbox-full": "0 0 352 252",
   "message": "0 0 58 44",
+  "molecule": "0 0 342 242",
   "network-data": "0 0 369 229",
   "no-messages-found": "0 0 272 211",
   "no-notifications": "0 0 281 134",

package/commonjs/Image/index.js

@@ -2,37 +2,23 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _excluded = ["alt", "title", "onClick", "onError", "onLoad", "src", "qa"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 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; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 var Image = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Image, _React$Component);
-
   function Image() {
     var _this;
-
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
     _this.state = {
       didError: false,
@@ -40,7 +26,6 @@ var Image = /*#__PURE__*/function (_React$Component) {
       imageUrl: _this.props.src
     };
     _this.imageRef = void 0;
-
     _this.onError = function () {
       if (!_this.state.didError && _this.props.defaultImage) {
         _this.setState({
@@ -48,27 +33,20 @@ var Image = /*#__PURE__*/function (_React$Component) {
           imageUrl: _this.props.defaultImage
         });
       }
-
       _this.props.onError();
     };
-
     _this.onLoad = function () {
       _this.setState({
         didLoad: true
       });
-
       _this.props.onLoad();
     };
-
     _this.onClick = function () {
       _this.props.onClick();
     };
-
     return _this;
   }
-
   var _proto = Image.prototype;
-
   _proto.componentDidMount = function componentDidMount() {
     // eslint-disable-next-line react/no-did-mount-set-state
     if (this.imageRef) {
@@ -77,7 +55,6 @@ var Image = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
     if (this.props.src !== prevProps.src) {
       this.setState({
@@ -87,20 +64,17 @@ var Image = /*#__PURE__*/function (_React$Component) {
       });
     }
   };
-
   _proto.render = function render() {
     var _this2 = this;
-
     var _this$props = this.props,
-        alt = _this$props.alt,
-        title = _this$props.title,
-        onClick = _this$props.onClick,
-        onError = _this$props.onError,
-        onLoad = _this$props.onLoad,
-        src = _this$props.src,
-        qa = _this$props.qa,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      alt = _this$props.alt,
+      title = _this$props.title,
+      onClick = _this$props.onClick,
+      onError = _this$props.onError,
+      onLoad = _this$props.onLoad,
+      src = _this$props.src,
+      qa = _this$props.qa,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(_styles.default, _extends({
       isLoading: !this.state.didLoad,
       ref: function ref(img) {
@@ -112,17 +86,15 @@ var Image = /*#__PURE__*/function (_React$Component) {
       onLoad: this.onLoad,
       alt: alt,
       title: title,
-      "data-qa-image": title ? title : alt ? alt : "",
-      "data-qa-image-src": src || ""
+      "data-qa-image": title ? title : alt ? alt : '',
+      "data-qa-image-src": src || ''
     }, qa, rest));
   };
-
   return Image;
 }(React.Component);
-
 exports.default = Image;
 Image.defaultProps = {
-  title: "",
+  title: '',
   onError: function onError() {},
   onClick: function onClick() {},
   onLoad: function onLoad() {}

package/commonjs/Image/styles.js

@@ -2,24 +2,18 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 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; }
 
-// eslint-disable-next-line prettier/prettier
 var ImageContainer = _styledComponents.default.img.attrs({
-  className: "Image"
+  className: 'Image'
 }).withConfig({
   displayName: "styles__ImageContainer",
   componentId: "sc-ub2idf-0"
 })(["display:block;", " ", " ", ""], function (props) {
   return props.isLoading && (0, _styledComponents.css)(["visibility:hidden;"]);
 }, _systemProps.COMMON, _systemProps.LAYOUT);
-
 var _default = ImageContainer;
 exports.default = _default;

package/commonjs/Indicator/index.js

@@ -2,59 +2,41 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var React = _interopRequireWildcard(require("react"));
-
 var _Icon = _interopRequireDefault(require("../Icon"));
-
 var _styles = _interopRequireDefault(require("./styles"));
-
 var _excluded = ["tooltip"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 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; }
-
-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); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 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; }
-
 function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 var Indicator = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Indicator, _React$Component);
-
   function Indicator() {
     return _React$Component.apply(this, arguments) || this;
   }
-
   var _proto = Indicator.prototype;
-
   _proto.render = function render() {
     var _this$props = this.props,
-        tooltip = _this$props.tooltip,
-        rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
-
+      tooltip = _this$props.tooltip,
+      rest = _objectWithoutPropertiesLoose(_this$props, _excluded);
     return /*#__PURE__*/React.createElement(_styles.default, _extends({
       "data-tip": tooltip,
-      "data-qa-indicator": "",
+      "data-qa-indicator": '',
       "aria-label": tooltip,
-      tabIndex: 0 // $FlowIssue - upgrade v0.112.0
-
+      tabIndex: 0
+      // $FlowIssue - upgrade v0.112.0
     }, rest), tooltip && /*#__PURE__*/React.createElement("div", null, tooltip), /*#__PURE__*/React.createElement(_Icon.default, {
       name: "indicator",
       size: "mini"
     }));
   };
-
   return Indicator;
 }(React.Component);
-
 exports.default = Indicator;
 Indicator.defaultProps = {
-  tooltip: ""
+  tooltip: ''
 };

package/commonjs/Indicator/styles.js

@@ -2,17 +2,13 @@
 
 exports.__esModule = true;
 exports.default = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _systemProps = require("../utils/system-props");
-
 var _mixins = require("../utils/mixins");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var Container = _styledComponents.default.span.attrs({
-  className: "Indicator"
+  className: 'Indicator'
 }).withConfig({
   displayName: "styles__Container",
   componentId: "sc-1kw1j71-0"
@@ -22,9 +18,7 @@ var Container = _styledComponents.default.span.attrs({
   return props.theme.space[400];
 }, function (props) {
   var _props$color;
-
   return (_props$color = props.color) != null ? _props$color : props.theme.colors.icon.info;
 }, _mixins.visuallyHidden, _systemProps.COMMON);
-
 var _default = Container;
 exports.default = _default;