@sproutsocial/racine 13.7.1 → 14.0.0

package/lib/EmptyState/index.js

@@ -1,53 +1,4 @@
-var _excluded = ["media", "headline", "subtext", "primaryAction", "secondaryAction"];
-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; }
-import * as React from 'react';
-import Box from "../Box";
-import Text from "../Text";
-var EmptyState = function EmptyState(_ref) {
-  var media = _ref.media,
-    headline = _ref.headline,
-    subtext = _ref.subtext,
-    primaryAction = _ref.primaryAction,
-    secondaryAction = _ref.secondaryAction,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Box, _extends({
-      maxWidth: "400px",
-      mx: "auto",
-      "data-qa-emptystate": headline
-    }, rest), media && /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      mb: 450
-    }, media), /*#__PURE__*/React.createElement(Text, {
-      as: "div",
-      textAlign: "center"
-    }, /*#__PURE__*/React.createElement(Text, {
-      as: "p",
-      m: 0,
-      color: "text.headline",
-      fontWeight: "semibold",
-      fontSize: 400
-    }, headline), subtext && /*#__PURE__*/React.createElement(Text, {
-      as: "p",
-      color: "text.subtext",
-      fontSize: 200,
-      mb: 0,
-      mt: 400
-    }, subtext), /*#__PURE__*/React.createElement(Box, {
-      mt: primaryAction || secondaryAction ? 450 : 0
-    }, primaryAction && /*#__PURE__*/React.cloneElement(primaryAction, {
-      appearance: 'primary'
-    }), secondaryAction && /*#__PURE__*/React.createElement(Box, {
-      mt: 400
-    }, /*#__PURE__*/React.cloneElement(secondaryAction, {
-      appearance: 'unstyled'
-    })))))
-  );
-};
-export default EmptyState;
+import EmptyState from "./EmptyState";
+export default EmptyState;
+export { EmptyState };
+export * from "./EmptyStateTypes";

package/lib/EnumIconNames.js

@@ -0,0 +1 @@
+export {};

package/lib/EnumIllustrationNames.js

@@ -0,0 +1 @@
+export {};

package/lib/EnumLogoNames.js

@@ -0,0 +1 @@
+export {};

package/lib/Fieldset/Fieldset.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/Fieldset/Fieldset.js

@@ -0,0 +1,60 @@
+var _excluded = ["layout", "label", "helperText", "children"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"];
+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; }
+import * as React from 'react';
+import Box from "../Box";
+// eslint-disable-next-line import/no-deprecated
+import Text from "../Text";
+import { ChildContainer } from "./styles";
+/**
+ * Fieldset Component
+ */
+var Fieldset = function Fieldset(_ref) {
+  var _ref$layout = _ref.layout,
+    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
+    label = _ref.label,
+    helperText = _ref.helperText,
+    children = _ref.children,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Box, _extends({
+    as: "fieldset",
+    border: "none",
+    p: 0,
+    "data-qa-fieldset": ""
+  }, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(Box, {
+    display: "flex",
+    flexDirection: layout === 'vertical' ? 'column' : 'row'
+  }, React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.createElement(ChildContainer, {
+      layout: layout
+    }, child);
+  })));
+};
+var FieldsetLegend = function FieldsetLegend(_ref2) {
+  var children = _ref2.children,
+    rest = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    as: "legend",
+    fontSize: 300,
+    fontWeight: "semibold",
+    color: "text.body",
+    mb: 300
+  }, rest), children);
+};
+var FieldsetHelperText = function FieldsetHelperText(_ref3) {
+  var children = _ref3.children,
+    rest = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/React.createElement(Text, _extends({
+    as: "p",
+    fontSize: 200,
+    mb: 300
+  }, rest), children);
+};
+FieldsetLegend.displayName = 'Fieldset.Legend';
+FieldsetHelperText.displayName = 'Fieldset.HelperText';
+Fieldset.Legend = FieldsetLegend;
+Fieldset.HelperText = FieldsetHelperText;
+export default Fieldset;

package/lib/Fieldset/FieldsetTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Fieldset/index.flow.js

@@ -1 +1 @@
-import * as React from 'react';
+export * from "./Fieldset.flow";

package/lib/Fieldset/index.js

@@ -1,63 +1,4 @@
-var _excluded = ["layout", "label", "helperText", "children"],
-  _excluded2 = ["children"],
-  _excluded3 = ["children"];
-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; }
-import * as React from 'react';
-import Box from "../Box";
-import Text from "../Text";
-import { ChildContainer } from "./styles";
-/**
- * Fieldset Component
- */
-var Fieldset = function Fieldset(_ref) {
-  var _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'vertical' : _ref$layout,
-    label = _ref.label,
-    helperText = _ref.helperText,
-    children = _ref.children,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Box, _extends({
-      as: "fieldset",
-      border: "none",
-      p: 0,
-      "data-qa-fieldset": ""
-    }, rest), typeof label === 'string' ? /*#__PURE__*/React.createElement(Fieldset.Legend, null, label) : label, typeof helperText === 'string' ? /*#__PURE__*/React.createElement(Fieldset.HelperText, null, helperText) : helperText, /*#__PURE__*/React.createElement(Box, {
-      display: "flex",
-      flexDirection: layout === 'vertical' ? 'column' : 'row'
-    }, React.Children.map(children, function (child) {
-      return /*#__PURE__*/React.createElement(ChildContainer, {
-        layout: layout
-      }, child);
-    })))
-  );
-};
-var FieldsetLegend = function FieldsetLegend(_ref2) {
-  var children = _ref2.children,
-    rest = _objectWithoutProperties(_ref2, _excluded2);
-  return /*#__PURE__*/React.createElement(Text, _extends({
-    as: "legend",
-    fontSize: 300,
-    fontWeight: "semibold",
-    color: "text.body",
-    mb: 300
-  }, rest), children);
-};
-var FieldsetHelperText = function FieldsetHelperText(_ref3) {
-  var children = _ref3.children,
-    rest = _objectWithoutProperties(_ref3, _excluded3);
-  return /*#__PURE__*/React.createElement(Text, _extends({
-    as: "p",
-    fontSize: 200,
-    mb: 300
-  }, rest), children);
-};
-Fieldset.Legend = FieldsetLegend;
-Fieldset.HelperText = FieldsetHelperText;
-Fieldset.Legend.displayName = 'Fieldset.Legend';
-Fieldset.HelperText.displayName = 'Fieldset.HelperText';
-export default Fieldset;
+import Fieldset from "./Fieldset";
+export default Fieldset;
+export { Fieldset };
+export * from "./FieldsetTypes";

package/lib/Fieldset/styles.js

@@ -2,7 +2,7 @@ import styled, { css } from 'styled-components';
 import Box from "../Box";
 export var ChildContainer = styled(Box).withConfig({
   displayName: "styles__ChildContainer",
-  componentId: "sc-1bemv2g-0"
+  componentId: "sc-1ntn5su-0"
 })(["", " ", ""], function (props) {
   return props.layout === 'vertical' && css(["margin-top:", ";&:first-child{margin-top:0;}"], props.theme.space[300]);
 }, function (props) {

package/lib/FormField/FormField.flow.js

@@ -0,0 +1 @@
+import * as React from 'react';

package/lib/FormField/FormField.js

@@ -0,0 +1,67 @@
+var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
+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; }
+import React, { useState } from 'react';
+import { useTextContent } from "../utils/hooks";
+import Box from "../Box";
+import Label from "../Label";
+import Text from "../Text";
+import { VisuallyHidden } from "../VisuallyHidden";
+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 = useState(identifier || "FormField-".concat(idCounter++)),
+    _useState2 = _slicedToArray(_useState, 1),
+    id = _useState2[0];
+  var errorId = "Error-".concat(id);
+  var containerText = useTextContent('');
+  var errorContainerText = useTextContent('');
+  return /*#__PURE__*/React.createElement(Box, _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, {
+    "data-testid": "visually-hidden"
+  }, /*#__PURE__*/React.createElement(Label, {
+    htmlFor: id
+  }, label)) : /*#__PURE__*/React.createElement(Label, {
+    mb: helperText ? 100 : 300,
+    htmlFor: id
+  }, label), helperText && /*#__PURE__*/React.createElement(Text, {
+    as: "p",
+    fontSize: 200,
+    mb: 300,
+    color: "text.subtext"
+  }, helperText), children({
+    id: id,
+    isInvalid: isInvalid,
+    ariaDescribedby: errorId
+  }), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    fontSize: 200,
+    color: "text.error",
+    mt: 300,
+    id: errorId,
+    "data-qa-formfield-error": qa && qa['data-qa-formfield-error'] || errorContainerText.current
+  }, error));
+};
+export default FormField;

package/lib/FormField/FormFieldTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/FormField/index.flow.js

@@ -1,3 +1 @@
-'no babel-plugin-flow-react-proptypes';
-import * as React from 'react';
-import Box from "../Box";
+export * from "./FormField.flow";

package/lib/FormField/index.js

@@ -1,69 +1,4 @@
-'no babel-plugin-flow-react-proptypes';
-var _excluded = ["children", "error", "helperText", "id", "isInvalid", "label", "mb", "qa", "isLabelHidden"];
-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; }
-import * as React from 'react';
-import { useState } from 'react';
-import { useTextContent } from "../utils/hooks";
-import Box from "../Box";
-import Label from "../Label";
-import Text from "../Text";
-import { VisuallyHidden } from "../VisuallyHidden";
-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 = useState(identifier || "FormField-".concat(idCounter++)),
-    _useState2 = _slicedToArray(_useState, 1),
-    id = _useState2[0];
-  var errorId = "Error-".concat(id);
-  var containerText = useTextContent('');
-  var errorContainerText = useTextContent('');
-  return /*#__PURE__*/React.createElement(Box, _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, {
-    "data-testid": "visually-hidden"
-  }, /*#__PURE__*/React.createElement(Label, {
-    htmlFor: id
-  }, label)) : /*#__PURE__*/React.createElement(Label, {
-    mb: helperText ? 100 : 300,
-    htmlFor: id
-  }, label), helperText && /*#__PURE__*/React.createElement(Text, {
-    as: "p",
-    fontSize: 200,
-    mb: 300,
-    color: "text.subtext"
-  }, helperText), children({
-    id: id,
-    isInvalid: isInvalid,
-    ariaDescribedby: errorId
-  }), isInvalid && error && /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    fontSize: 200,
-    color: "text.error",
-    mt: 300,
-    id: errorId,
-    "data-qa-formfield-error": qa && qa['data-qa-formfield-error'] || errorContainerText.current
-  }, error));
-};
-export default FormField;
+import FormField from "./FormField";
+export default FormField;
+export { FormField };
+export * from "./FormFieldTypes";

package/lib/Icon/Icon.flow.js

@@ -0,0 +1,2 @@
+import * as React from 'react';
+import deprecatedIcons from "./deprecatedIcons.flow";

package/lib/Icon/Icon.js

@@ -0,0 +1,82 @@
+var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
+  _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
+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; }
+import * as React from 'react';
+import styled, { css } from 'styled-components';
+import Box from "../Box";
+// eslint-disable-next-line no-restricted-syntax
+import * as iconViewBoxes from "../IconViewBoxes";
+import Container from "./styles";
+// TODO: get json file working in flow so this can be shared
+// import deprecatedIcons from './deprecatedIcons.json';
+import deprecatedIcons from "./deprecatedIcons";
+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[name] || name;
+  var iconViewBox = iconViewBoxes[iconName];
+  return /*#__PURE__*/React.createElement(Container, _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 = styled(Icon).withConfig({
+  displayName: "Icon__ToggleableIcon",
+  componentId: "sc-7530wp-0"
+})(["transition:all ", " linear;", " ", ""], function (p) {
+  return p.theme.duration.fast;
+}, function (p) {
+  return p.active && css(["opacity:1;transform:scale(1);"]);
+}, function (p) {
+  return !p.active && 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, _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;
+export default Icon;

package/lib/Icon/IconTypes.js

@@ -0,0 +1 @@
+export {};

package/lib/Icon/deprecatedIcons.flow.js

@@ -0,0 +1,39 @@
+// 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"}
+export 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'
+});

package/lib/Icon/deprecatedIcons.js

@@ -1,5 +1,5 @@
 // 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"}
-export default Object.freeze({
+export default {
   backtotop: 'back-to-top',
   'circle-check-filled': 'circle-check',
   'circle-check-no-fill': 'circle-check',
@@ -36,4 +36,4 @@ export default Object.freeze({
   'twitter-business-mention': 'search',
   'verified-nofill': 'verified',
   'window-maximize-solid': 'window-maximize'
-});
+};

package/lib/Icon/index.flow.js

@@ -1 +1 @@
-import deprecatedIcons from "./deprecatedIcons";
+export * from "./Icon.flow";

package/lib/Icon/index.js

@@ -1,88 +1,4 @@
-var _excluded = ["name", "size", "fixedWidth", "ariaLabel"],
-  _excluded2 = ["activeName", "inactiveName", "isActive", "size", "fixedWidth", "ariaLabel"];
-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; }
-import * as React from 'react';
-import styled, { css } from 'styled-components';
-import Box from "../Box";
-import iconViewBoxes from "../IconViewBoxes";
-import Container from "./styles";
-import deprecatedIcons from "./deprecatedIcons";
-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[name] || name;
-  var iconViewBox = iconViewBoxes[iconName];
-  return (
-    /*#__PURE__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Container, _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 = styled(Icon).withConfig({
-  displayName: "Icon__ToggleableIcon",
-  componentId: "sc-1q9cwne-0"
-})(["transition:all ", " linear;", " ", ""], function (p) {
-  return p.theme.duration.fast;
-}, function (p) {
-  return p.active && css(["opacity:1;transform:scale(1);"]);
-}, function (p) {
-  return !p.active && 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__*/
-    // $FlowIssue - upgrade v0.112.0
-    React.createElement(Box, _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';
-export default Icon;
+import Icon from "./Icon";
+export default Icon;
+export { Icon };
+export * from "./IconTypes";

package/lib/Icon/styles.js

@@ -10,14 +10,14 @@ var sizes = {
   large: '32px',
   jumbo: '64px'
 };
-var stylesForSize = function stylesForSize(iconSize, fixedWidth) {
-  return 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 css(["line-height:", ";&,.Icon-svg{height:", ";fill:currentColor;}", ""], iconActualSize, iconActualSize, fixedWidth && "\n    &,\n    & .Icon-svg {\n      width: ".concat(iconActualSize, "\n    }\n  "));
 };
 var Container = styled.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);
 }, COMMON, verticalAlign);