@sproutsocial/racine 13.7.1 → 14.0.0

package/commonjs/FormField/index.js

@@ -1,78 +1,31 @@
 "use strict";
-'no babel-plugin-flow-react-proptypes';
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  FormField: true
+};
+Object.defineProperty(exports, "FormField", {
+  enumerable: true,
+  get: function get() {
+    return _FormField.default;
+  }
+});
 exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _hooks = require("../utils/hooks");
-var _Box = _interopRequireDefault(require("../Box"));
-var _Label = _interopRequireDefault(require("../Label"));
-var _Text = _interopRequireDefault(require("../Text"));
-var _VisuallyHidden = require("../VisuallyHidden");
-var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
+var _FormField = _interopRequireDefault(require("./FormField"));
+var _FormFieldTypes = require("./FormFieldTypes");
+Object.keys(_FormFieldTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FormFieldTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FormFieldTypes[key];
+    }
+  });
+});
 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 ? 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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 = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, React.useState)(identifier || "FormField-".concat(idCounter++)),
-    _useState2 = _slicedToArray(_useState, 1),
-    id = _useState2[0];
-  var errorId = "Error-".concat(id);
-  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-isinvalid": isInvalid === true
-  }), isLabelHidden ? /*#__PURE__*/React.createElement(_VisuallyHidden.VisuallyHidden, {
-    "data-testid": "visually-hidden"
-  }, /*#__PURE__*/React.createElement(_Label.default, {
-    htmlFor: id
-  }, label)) : /*#__PURE__*/React.createElement(_Label.default, {
-    mb: helperText ? 100 : 300,
-    htmlFor: id
-  }, label), helperText && /*#__PURE__*/React.createElement(_Text.default, {
-    as: "p",
-    fontSize: 200,
-    mb: 300,
-    color: "text.subtext"
-  }, helperText), children({
-    id: id,
-    isInvalid: isInvalid,
-    ariaDescribedby: errorId
-  }), isInvalid && error && /*#__PURE__*/React.createElement(_Text.default, {
-    as: "div",
-    fontSize: 200,
-    color: "text.error",
-    mt: 300,
-    id: errorId,
-    "data-qa-formfield-error": qa && qa['data-qa-formfield-error'] || errorContainerText.current
-  }, error));
-};
-var _default = FormField;
+var _default = _FormField.default;
 exports.default = _default;

package/commonjs/Icon/Icon.flow.js

@@ -0,0 +1,8 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons.flow"));
+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; }

package/commonjs/Icon/Icon.js

@@ -0,0 +1,90 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Box = _interopRequireDefault(require("../Box"));
+var iconViewBoxes = _interopRequireWildcard(require("../IconViewBoxes"));
+var _styles = _interopRequireDefault(require("./styles"));
+var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
+var _excluded = ["name", "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 ? 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 = _objectWithoutProperties(_ref, _excluded);
+  var iconName = _deprecatedIcons.default[name] || name;
+  var iconViewBox = iconViewBoxes[iconName];
+  return /*#__PURE__*/React.createElement(_styles.default, _extends({
+    iconSize: size,
+    fixedWidth: !!fixedWidth,
+    key: name,
+    "aria-label": ariaLabel,
+    "data-qa-icon": name
+  }, rest), /*#__PURE__*/React.createElement("svg", {
+    className: "Icon-svg",
+    viewBox: iconViewBox,
+    focusable: false
+  }, /*#__PURE__*/React.createElement("use", {
+    xmlnsXlink: "http://www.w3.org/1999/xlink",
+    xlinkHref: "#ssiconsvg-".concat(iconName)
+  })));
+};
+var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
+  displayName: "Icon__ToggleableIcon",
+  componentId: "sc-7530wp-0"
+})(["transition:all ", " linear;", " ", ""], function (p) {
+  return p.theme.duration.fast;
+}, function (p) {
+  return p.active && (0, _styledComponents.css)(["opacity:1;transform:scale(1);"]);
+}, 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 = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(_Box.default, _extends({
+    as: "span",
+    position: "relative",
+    display: "inline-flex"
+  }, rest), /*#__PURE__*/React.createElement(ToggleableIcon, {
+    active: isActive,
+    name: activeName,
+    size: size,
+    fixedWidth: fixedWidth,
+    ariaLabel: ariaLabel,
+    "aria-hidden": !isActive
+  }), /*#__PURE__*/React.createElement(ToggleableIcon, {
+    active: !isActive,
+    name: inactiveName,
+    size: size,
+    fixedWidth: fixedWidth,
+    ariaLabel: ariaLabel,
+    "aria-hidden": isActive
+  }));
+};
+IconToggle.displayName = 'Icon.Toggle';
+Icon.Toggle = IconToggle;
+var _default = Icon;
+exports.default = _default;

package/commonjs/Icon/IconTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Icon/deprecatedIcons.flow.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: 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 = Object.freeze({
+  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/deprecatedIcons.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 = Object.freeze({
+var _default = {
   backtotop: 'back-to-top',
   'circle-check-filled': 'circle-check',
   'circle-check-no-fill': 'circle-check',
@@ -42,5 +42,5 @@ var _default = Object.freeze({
   'twitter-business-mention': 'search',
   'verified-nofill': 'verified',
   'window-maximize-solid': 'window-maximize'
-});
+};
 exports.default = _default;

package/commonjs/Icon/index.flow.js

@@ -1,4 +1,16 @@
 "use strict";
 
-var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Icon = require("./Icon.flow");
+Object.keys(_Icon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Icon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Icon[key];
+    }
+  });
+});

package/commonjs/Icon/index.js

@@ -1,99 +1,31 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Box = _interopRequireDefault(require("../Box"));
-var _IconViewBoxes = _interopRequireDefault(require("../IconViewBoxes"));
-var _styles = _interopRequireDefault(require("./styles"));
-var _deprecatedIcons = _interopRequireDefault(require("./deprecatedIcons"));
-var _excluded = ["name", "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 ? 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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-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 = _objectWithoutProperties(_ref, _excluded);
-  // $FlowIssue
-  var iconName = _deprecatedIcons.default[name] || name;
-  var iconViewBox = _IconViewBoxes.default[iconName];
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(_styles.default, _extends({
-      iconSize: size,
-      fixedWidth: !!fixedWidth,
-      key: name,
-      "aria-label": ariaLabel,
-      "data-qa-icon": name
-    }, rest), /*#__PURE__*/React.createElement("svg", {
-      className: "Icon-svg",
-      viewBox: iconViewBox,
-      focusable: false
-    }, /*#__PURE__*/React.createElement("use", {
-      xmlnsXlink: "http://www.w3.org/1999/xlink",
-      xlinkHref: "#ssiconsvg-".concat(iconName)
-    })))
-  );
+var _exportNames = {
+  Icon: true
 };
-var ToggleableIcon = (0, _styledComponents.default)(Icon).withConfig({
-  displayName: "Icon__ToggleableIcon",
-  componentId: "sc-1q9cwne-0"
-})(["transition:all ", " linear;", " ", ""], function (p) {
-  return p.theme.duration.fast;
-}, function (p) {
-  return p.active && (0, _styledComponents.css)(["opacity:1;transform:scale(1);"]);
-}, function (p) {
-  return !p.active && (0, _styledComponents.css)(["position:absolute;opacity:0;transform:scale(0);"]);
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function get() {
+    return _Icon.default;
+  }
 });
-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 = _objectWithoutProperties(_ref2, _excluded2);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(_Box.default, _extends({
-      as: "span",
-      position: "relative",
-      display: "inline-flex"
-    }, rest), /*#__PURE__*/React.createElement(ToggleableIcon, {
-      active: isActive,
-      name: activeName,
-      size: size,
-      fixedWidth: fixedWidth,
-      ariaLabel: ariaLabel,
-      "aria-hidden": !isActive
-    }), /*#__PURE__*/React.createElement(ToggleableIcon, {
-      active: !isActive,
-      name: inactiveName,
-      size: size,
-      fixedWidth: fixedWidth,
-      ariaLabel: ariaLabel,
-      "aria-hidden": isActive
-    }))
-  );
-};
-Icon.Toggle = IconToggle;
-Icon.Toggle.displayName = 'Icon.Toggle';
-var _default = Icon;
+exports.default = void 0;
+var _Icon = _interopRequireDefault(require("./Icon"));
+var _IconTypes = require("./IconTypes");
+Object.keys(_IconTypes).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _IconTypes[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _IconTypes[key];
+    }
+  });
+});
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var _default = _Icon.default;
 exports.default = _default;

package/commonjs/Icon/styles.js

@@ -19,14 +19,14 @@ var sizes = {
   large: '32px',
   jumbo: '64px'
 };
-var stylesForSize = function stylesForSize(iconSize, fixedWidth) {
-  return (0, _styledComponents.css)(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconSize, iconSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: ".concat(iconSize, "\n    }\n  "));
+var stylesForSize = function stylesForSize(iconActualSize, fixedWidth) {
+  return (0, _styledComponents.css)(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconActualSize, iconActualSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: ".concat(iconActualSize, "\n    }\n  "));
 };
 var Container = _styledComponents.default.span.attrs({
   className: 'Icon'
 }).withConfig({
   displayName: "styles__Container",
-  componentId: "sc-x0vwa5-0"
+  componentId: "sc-1v500hw-0"
 })(["display:inline-block;color:inherit;vertical-align:middle;", " ", " ", ""], function (props) {
   return stylesForSize(sizes[props.iconSize], props.fixedWidth);
 }, _systemProps.COMMON, _styledSystem.verticalAlign);

package/commonjs/Image/Image.flow.js

@@ -0,0 +1,6 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var React = _interopRequireWildcard(require("react"));
+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; }

package/commonjs/Image/Image.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: 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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = function noop() {};
+var Image = /*#__PURE__*/function (_React$Component) {
+  _inherits(Image, _React$Component);
+  var _super = _createSuper(Image);
+  function Image() {
+    var _this;
+    _classCallCheck(this, Image);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "state", {
+      didError: false,
+      didLoad: false,
+      imageUrl: _this.props.src
+    });
+    _defineProperty(_assertThisInitialized(_this), "onError", function () {
+      if (!_this.state.didError && _this.props.defaultImage) {
+        _this.setState({
+          didError: true,
+          imageUrl: _this.props.defaultImage
+        });
+      }
+      _this.props.onError();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onLoad", function () {
+      _this.setState({
+        didLoad: true
+      });
+      _this.props.onLoad();
+    });
+    _defineProperty(_assertThisInitialized(_this), "onClick", function () {
+      _this.props.onClick();
+    });
+    return _this;
+  }
+  _createClass(Image, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      // eslint-disable-next-line react/no-did-mount-set-state
+      if (this.imageRef) {
+        this.setState({
+          didLoad: this.imageRef.complete
+        });
+      }
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (this.props.src !== prevProps.src) {
+        this.setState({
+          didError: false,
+          didLoad: false,
+          imageUrl: this.props.src
+        });
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      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 = _objectWithoutProperties(_this$props, _excluded);
+      return /*#__PURE__*/React.createElement(_styles.default, _extends({
+        isLoading: !this.state.didLoad,
+        ref: function ref(img) {
+          return _this2.imageRef = img;
+        },
+        onClick: this.onClick,
+        src: this.state.imageUrl,
+        onError: this.onError,
+        onLoad: this.onLoad,
+        alt: alt,
+        title: title,
+        "data-qa-image": title ? title : alt ? alt : '',
+        "data-qa-image-src": src || ''
+      }, qa, rest));
+    }
+  }]);
+  return Image;
+}(React.Component);
+exports.default = Image;
+_defineProperty(Image, "defaultProps", {
+  title: '',
+  onError: noop,
+  onClick: noop,
+  onLoad: noop
+});

package/commonjs/Image/ImageTypes.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/commonjs/Image/index.flow.js

@@ -1 +1,16 @@
-"use strict";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Image = require("./Image.flow");
+Object.keys(_Image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Image[key];
+    }
+  });
+});