@comicrelief/component-library 7.24.1 → 7.25.0

package/dist/components/Atoms/Icons/Chevron.js

@@ -1,35 +1,36 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _excluded = ["colour", "theme", "size", "direction"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
-var angle = {
+const angle = {
   right: '90deg',
   left: '-90deg',
   down: '180deg',
   up: '0deg'
 };
-var Icon = _styledComponents.default.svg.withConfig({
+const Icon = _styledComponents.default.svg.withConfig({
   displayName: "Chevron__Icon",
   componentId: "sc-1p4fsgl-0"
-})(["transform:", ";"], function (_ref) {
-  var direction = _ref.direction;
+})(["transform:", ";"], _ref => {
+  let {
+    direction
+  } = _ref;
   return "rotate(".concat(angle[direction], ")");
 });
-var Chevron = function Chevron(_ref2) {
-  var colour = _ref2.colour,
-    theme = _ref2.theme,
-    size = _ref2.size,
-    direction = _ref2.direction,
-    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+const Chevron = _ref2 => {
+  let {
+    colour,
+    theme,
+    size,
+    direction,
+    ...rest
+  } = _ref2;
   return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
     direction: direction,
     width: size,

package/dist/components/Atoms/Icons/Curve.js

@@ -1,26 +1,24 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var Curve = function Curve() {
-  return /*#__PURE__*/_react.default.createElement("svg", {
-    width: "100%",
-    height: "160",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/_react.default.createElement("g", {
-    id: "Layer_1"
-  }, /*#__PURE__*/_react.default.createElement("path", {
-    width: "100%",
-    height: "100%",
-    xmlns: "http://www.w3.org/2000/svg",
-    id: "svg_1",
-    d: "m-0.66672,75.33334c0,0 17.33334,64.00001 81.33334,64.00001c64.00001,0 1360.00015,-138.66668 1359.33348,-139.33335c0.66667,0.66666 0.66667,158.02261 0,157.33334c0,0.70183 -1439.33595,0.66667 -1440.0001,-1.33333c0.66523,1.33333 -0.66672,-80.66667 -0.66672,-80.66667z",
-    stroke: "#000",
-    fill: "#000"
-  })));
-};
+const Curve = () => /*#__PURE__*/_react.default.createElement("svg", {
+  width: "100%",
+  height: "160",
+  xmlns: "http://www.w3.org/2000/svg"
+}, /*#__PURE__*/_react.default.createElement("g", {
+  id: "Layer_1"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  width: "100%",
+  height: "100%",
+  xmlns: "http://www.w3.org/2000/svg",
+  id: "svg_1",
+  d: "m-0.66672,75.33334c0,0 17.33334,64.00001 81.33334,64.00001c64.00001,0 1360.00015,-138.66668 1359.33348,-139.33335c0.66667,0.66666 0.66667,158.02261 0,157.33334c0,0.70183 -1439.33595,0.66667 -1440.0001,-1.33333c0.66523,1.33333 -0.66672,-80.66667 -0.66672,-80.66667z",
+  stroke: "#000",
+  fill: "#000"
+})));
 var _default = exports.default = Curve;

package/dist/components/Atoms/Icons/Download.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
-var _excluded = ["colour", "theme", "size"];
-var Download = function Download(_ref) {
-  var colour = _ref.colour,
-    theme = _ref.theme,
-    size = _ref.size,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const Download = _ref => {
+  let {
+    colour,
+    theme,
+    size,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     width: size,
     height: size,

package/dist/components/Atoms/Icons/External.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
-var _excluded = ["colour", "theme", "size"];
-var External = function External(_ref) {
-  var colour = _ref.colour,
-    theme = _ref.theme,
-    size = _ref.size,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const External = _ref => {
+  let {
+    colour,
+    theme,
+    size,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     width: size,
     height: size,

package/dist/components/Atoms/Icons/Favourite.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
-var _excluded = ["colour", "theme", "size"];
-var Favourite = function Favourite(_ref) {
-  var colour = _ref.colour,
-    theme = _ref.theme,
-    size = _ref.size,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const Favourite = _ref => {
+  let {
+    colour,
+    theme,
+    size,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     width: size,
     height: size,

package/dist/components/Atoms/Icons/Internal.js

@@ -1,19 +1,19 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
-var _excluded = ["colour", "theme", "size"];
-var Internal = function Internal(_ref) {
-  var colour = _ref.colour,
-    theme = _ref.theme,
-    size = _ref.size,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+const Internal = _ref => {
+  let {
+    colour,
+    theme,
+    size,
+    ...rest
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
     width: size,
     height: size,

package/dist/components/Atoms/Icons/index.js

@@ -1,48 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Arrow", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Arrow.default;
   }
 });
 Object.defineProperty(exports, "AtSign", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _AtSign.default;
   }
 });
 Object.defineProperty(exports, "Chevron", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Chevron.default;
   }
 });
 Object.defineProperty(exports, "Download", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Download.default;
   }
 });
 Object.defineProperty(exports, "External", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _External.default;
   }
 });
 Object.defineProperty(exports, "Favourite", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Favourite.default;
   }
 });
 Object.defineProperty(exports, "Internal", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Internal.default;
   }
 });

package/dist/components/Atoms/Input/Input.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -13,52 +13,57 @@ var _Label = _interopRequireDefault(require("../Label/Label"));
 var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-var _excluded = ["errorMsg", "id", "label", "showLabel", "type", "hasAria", "className", "labelProps", "prefix", "optional"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 // This seems to get a decent approximation of the necessary width (without resorting to measuring
 //  the element with JS)
-var getPrefixWidth = function getPrefixWidth(prefixLength) {
-  return "calc(".concat((0, _spacing.default)('m'), " + (").concat(prefixLength, " * ").concat((0, _spacing.default)('sm'), "))");
-};
-var InputField = _styledComponents.default.input.withConfig({
+const getPrefixWidth = prefixLength => "calc(".concat((0, _spacing.default)('m'), " + (").concat(prefixLength, " * ").concat((0, _spacing.default)('sm'), "))");
+const InputField = _styledComponents.default.input.withConfig({
   displayName: "Input__InputField",
   componentId: "sc-bcqy1o-0"
-})(["", ""], function (_ref) {
-  var theme = _ref.theme,
-    error = _ref.error,
-    prefixLength = _ref.prefixLength;
+})(["", ""], _ref => {
+  let {
+    theme,
+    error,
+    prefixLength
+  } = _ref;
   return (0, _styledComponents.css)(["position:relative;box-sizing:border-box;width:100%;height:48px;padding:", " ", ";", " background-color:", ";border:1px solid;border-color:", ";box-shadow:none;appearance:none;color:", ";border-radius:", ";font-size:inherit;z-index:2;font-family:", ";:focus{border:1px solid ", ";}@media ", "{max-width:290px;}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), prefixLength > 0 ? "padding-left: ".concat(getPrefixWidth(prefixLength), ";") : '', theme.color('grey_light'), error ? theme.color('red') : theme.color('grey_medium'), theme.color('black'), (0, _spacing.default)('sm'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'), theme.breakpoint('small'));
 });
-var InputWrapper = _styledComponents.default.div.withConfig({
+const InputWrapper = _styledComponents.default.div.withConfig({
   displayName: "Input__InputWrapper",
   componentId: "sc-bcqy1o-1"
-})(["position:relative;font-size:", ";"], function (_ref2) {
-  var theme = _ref2.theme;
+})(["position:relative;font-size:", ";"], _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.fontSize('m');
 });
-var Prefix = _styledComponents.default.div.withConfig({
+const Prefix = _styledComponents.default.div.withConfig({
   displayName: "Input__Prefix",
   componentId: "sc-bcqy1o-2"
-})(["position:absolute;left:0;top:0;", " display:flex;height:100%;width:", ";justify-content:center;align-items:center;color:", ";font-weight:700;font-size:inherit;margin-left:2px;"], (0, _zIndex.default)('high'), function (_ref3) {
-  var length = _ref3.length;
+})(["position:absolute;left:0;top:0;", " display:flex;height:100%;width:", ";justify-content:center;align-items:center;color:", ";font-weight:700;font-size:inherit;margin-left:2px;"], (0, _zIndex.default)('high'), _ref3 => {
+  let {
+    length
+  } = _ref3;
   return getPrefixWidth(length);
-}, function (_ref4) {
-  var theme = _ref4.theme;
+}, _ref4 => {
+  let {
+    theme
+  } = _ref4;
   return theme.color('grey_dark');
 });
-var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
-  var errorMsg = _ref5.errorMsg,
-    id = _ref5.id,
-    label = _ref5.label,
-    showLabel = _ref5.showLabel,
-    type = _ref5.type,
-    hasAria = _ref5.hasAria,
-    className = _ref5.className,
-    labelProps = _ref5.labelProps,
-    prefix = _ref5.prefix,
-    optional = _ref5.optional,
-    rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
+const Input = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
+  let {
+    errorMsg,
+    id,
+    label,
+    showLabel,
+    type,
+    hasAria,
+    className,
+    labelProps,
+    prefix,
+    optional,
+    ...rest
+  } = _ref5;
   return /*#__PURE__*/_react.default.createElement(_Label.default, Object.assign({
     className: className,
     htmlFor: id,

package/dist/components/Atoms/Input/input.test.js

@@ -1,12 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _react = _interopRequireDefault(require("react"));
 require("jest-styled-components");
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
 var _Input = _interopRequireDefault(require("./Input"));
-it('renders correctly', function () {
-  var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Input.default, {
+it('renders correctly', () => {
+  const tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Input.default, {
     name: "fullname",
     placeholder: "This is the hint text",
     type: "text",

package/dist/components/Atoms/Label/Label.js

@@ -1,46 +1,49 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Text = _interopRequireDefault(require("../Text/Text"));
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
-var _excluded = ["label", "hideLabel"],
-  _excluded2 = ["children", "label", "hideLabel", "optional"];
-var LabelElement = _styledComponents.default.label.withConfig({
+const LabelElement = _styledComponents.default.label.withConfig({
   displayName: "Label__LabelElement",
   componentId: "sc-2nrw50-0"
-})(["position:relative;display:flex;flex-direction:column;color:", ";width:100%;", ""], function (_ref) {
-  var theme = _ref.theme;
+})(["position:relative;display:flex;flex-direction:column;color:", ";width:100%;", ""], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.color('grey_label');
-}, function (_ref2) {
-  var optional = _ref2.optional,
-    theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    optional,
+    theme
+  } = _ref2;
   return optional === true && "\n  :after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    content: 'Optional';\n    font-family: ".concat(theme.fontFamilies(theme.font.regular), ";\n    font-size: ").concat(theme.fontSize('s'), ";\n  }");
 });
-var VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
+const VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
   weight: 'bold'
 }).withConfig({
   displayName: "Label__VisibleText",
   componentId: "sc-2nrw50-1"
 })(["margin-bottom:", ";"], (0, _spacing.default)('sm'));
-var HiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
+const HiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Label__HiddenText",
   componentId: "sc-2nrw50-2"
 })(["", ""], _hideVisually.default);
 
 // eslint-disable-next-line react/prop-types
-var LabelText = function LabelText(_ref3) {
-  var label = _ref3.label,
-    hideLabel = _ref3.hideLabel,
-    rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
-  var Component = hideLabel ? HiddenText : VisibleText;
+const LabelText = _ref3 => {
+  let {
+    label,
+    hideLabel,
+    ...rest
+  } = _ref3;
+  const Component = hideLabel ? HiddenText : VisibleText;
   return /*#__PURE__*/_react.default.isValidElement(label) ? /*#__PURE__*/_react.default.createElement(Component, rest, label) : /*#__PURE__*/_react.default.createElement(Component, Object.assign({}, rest, {
     dangerouslySetInnerHTML: {
       __html: label
@@ -56,12 +59,14 @@ var LabelText = function LabelText(_ref3) {
  * @returns {JSX.Element}
  * @constructor
  */
-var Label = function Label(_ref4) {
-  var children = _ref4.children,
-    label = _ref4.label,
-    hideLabel = _ref4.hideLabel,
-    optional = _ref4.optional,
-    rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
+const Label = _ref4 => {
+  let {
+    children,
+    label,
+    hideLabel,
+    optional,
+    ...rest
+  } = _ref4;
   return /*#__PURE__*/_react.default.createElement(LabelElement, Object.assign({}, rest, {
     optional: optional
   }), /*#__PURE__*/_react.default.createElement(LabelText, {

package/dist/components/Atoms/Link/Link.js

@@ -1,60 +1,55 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _Link = _interopRequireWildcard(require("./Link.style"));
 var _allowListed = _interopRequireDefault(require("../../../utils/allowListed"));
 var _internalLinkHelper = require("../../../utils/internalLinkHelper");
-var _excluded = ["children", "color", "href", "target", "type", "home", "underline", "icon", "iconFirst"];
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
-var window = '';
-var Link = function Link(_ref) {
-  var children = _ref.children,
-    color = _ref.color,
-    href = _ref.href,
-    target = _ref.target,
-    type = _ref.type,
-    home = _ref.home,
-    underline = _ref.underline,
-    icon = _ref.icon,
-    iconFirst = _ref.iconFirst,
-    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var _useState = (0, _react.useState)(''),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    documentHost = _useState2[0],
-    setDocumentHost = _useState2[1];
+let window = '';
+const Link = _ref => {
+  let {
+    children,
+    color,
+    href,
+    target,
+    type,
+    home,
+    underline,
+    icon,
+    iconFirst,
+    ...rest
+  } = _ref;
+  const [documentHost, setDocumentHost] = (0, _react.useState)('');
   /**
    * If we haven't specifically set the target via props, check if
    * this is an internal link OR on our allowList before making it a '_self' link
    */
   if (target === null) {
     // Use our helper function to determine the raw domains to compare
-    var currentDomain = (0, _internalLinkHelper.getDomain)(documentHost);
-    var linkDomain = (0, _internalLinkHelper.getDomain)(href);
+    const currentDomain = (0, _internalLinkHelper.getDomain)(documentHost);
+    const linkDomain = (0, _internalLinkHelper.getDomain)(href);
 
     // Additional check for applications that need more control
-    var isallowListOverridden = rest.overrideallowList === true;
+    const isallowListOverridden = rest.overrideallowList === true;
 
     /**
      * If the link has no domain supplied (likely '/' or '#')
      * OR has the same domain as the current page, don't open
      * in a new tab
      */
-    var isExternalLink = linkDomain !== '' && currentDomain !== linkDomain;
-    var isallowListed = (0, _allowListed.default)(href);
+    const isExternalLink = linkDomain !== '' && currentDomain !== linkDomain;
+    const isallowListed = (0, _allowListed.default)(href);
     window = isExternalLink && (isallowListOverridden || !isallowListed) ? '_blank' : '_self';
   } else {
     window = target === 'blank' ? '_blank' : '_self';
   }
-  var hasIcon = icon !== null;
-  (0, _react.useEffect)(function () {
+  const hasIcon = icon !== null;
+  (0, _react.useEffect)(() => {
     setDocumentHost(document.location.host);
   }, []);
   return /*#__PURE__*/_react.default.createElement(_Link.default, Object.assign({}, rest, {