@comicrelief/component-library 5.3.0 → 5.6.1

package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js

@@ -21,7 +21,7 @@ var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hid
 
 var Switch = _styledComponents.default.span.withConfig({
   displayName: "GivingSelector__Switch",
-  componentId: "haox9c-0"
+  componentId: "sc-haox9c-0"
 })(["width:50%;height:48px;border-radius:2rem;", ";display:block;position:absolute;transition:left 0.15s ease-out;background-color:", ";left:2px;box-shadow:0px 0px 16px rgba(0,0,0,0.3);"], (0, _zIndex.default)('low'), function (_ref) {
   var theme = _ref.theme;
   return theme.color('blue');
@@ -29,12 +29,12 @@ var Switch = _styledComponents.default.span.withConfig({
 
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "GivingSelector__Wrapper",
-  componentId: "haox9c-1"
+  componentId: "sc-haox9c-1"
 })(["display:flex;margin:", " 0;"], (0, _spacing.default)('md'));
 
 var MoneyBox = _styledComponents.default.div.withConfig({
   displayName: "GivingSelector__MoneyBox",
-  componentId: "haox9c-2"
+  componentId: "sc-haox9c-2"
 })(["width:100%;padding:2px;position:relative;display:flex;flex-direction:row;margin:", " 0;border-radius:2rem;background:", ";", "{width:450px;margin:0 auto;}#give-monthly:checked ~ ", "{left:calc(50% - 2px);}input{", "}input:focus:not(:checked) + label{box-shadow:inset 0 0 0 4px ", ";}"], (0, _spacing.default)('md'), function (_ref2) {
   var theme = _ref2.theme;
   return theme.color('blue_light');
@@ -45,7 +45,7 @@ var MoneyBox = _styledComponents.default.div.withConfig({
 
 var Label = _styledComponents.default.label.withConfig({
   displayName: "GivingSelector__Label",
-  componentId: "haox9c-3"
+  componentId: "sc-haox9c-3"
 })(["font-size:", ";font-family:", ";font-weight:bold;min-height:48px;align-items:center;justify-content:center;display:flex;flex-basis:50%;border:none;transition:color 0.15s ease-out;", ";cursor:", ";&:active:focus{box-shadow:none;}&:focus{border:none;outline:none;box-shadow:inset 0 0 0 4px ", ";}&[for='give-once']{border-radius:2rem;color:", ";}&[for='give-monthly']{border-radius:2rem;color:", ";}"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.fontSize('s');

package/dist/components/Organisms/Donate/MoneyBox/MoneyBox.js

@@ -19,6 +19,8 @@ var _spacing = _interopRequireDefault(require("../../../../theme/shared/spacing"
 
 var _size = require("../../../../theme/shared/size");
 
+var _excluded = ["setOtherAmount", "amount", "currency", "description"];
+
 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; }
@@ -60,7 +62,7 @@ var MoneyBuy = function MoneyBuy(_ref10) {
       amount = _ref10.amount,
       currency = _ref10.currency,
       description = _ref10.description,
-      rest = (0, _objectWithoutProperties2.default)(_ref10, ["setOtherAmount", "amount", "currency", "description"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref10, _excluded);
   return /*#__PURE__*/_react.default.createElement(MoneyBox, Object.assign({}, rest, {
     "aria-label": description,
     value: "".concat(currency, " ").concat(amount),

package/dist/components/Organisms/EmailSignUp/EmailSignUp.js

@@ -21,6 +21,8 @@ var _EmailSignUp = require("./EmailSignUp.style");
 
 var _Membership = require("../Membership/Membership.style");
 
+var _excluded = ["title", "topCopy", "isSuccess", "isSchools", "schoolsCopy", "selectItems", "successCopy", "errorMsg", "privacyCopy", "subscribe", "validate", "buttonColor", "backgroundColor"];
+
 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; }
@@ -39,7 +41,7 @@ var EmailSignUp = function EmailSignUp(_ref) {
       validate = _ref.validate,
       buttonColor = _ref.buttonColor,
       backgroundColor = _ref.backgroundColor,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["title", "topCopy", "isSuccess", "isSchools", "schoolsCopy", "selectItems", "successCopy", "errorMsg", "privacyCopy", "subscribe", "validate", "buttonColor", "backgroundColor"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js

@@ -17,7 +17,7 @@ var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 
 var ESUWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__ESUWrapper",
-  componentId: "w2b8yk-0"
+  componentId: "sc-w2b8yk-0"
 })(["display:flex;flex-direction:column;font-size:", ";color:", ";background-color:", ";"], function (_ref) {
   var theme = _ref.theme;
   return theme.fontSize('s');
@@ -34,14 +34,14 @@ exports.ESUWrapper = ESUWrapper;
 
 var TopCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__TopCopyWrapper",
-  componentId: "w2b8yk-1"
+  componentId: "sc-w2b8yk-1"
 })(["display:flex;margin-bottom:", ";"], (0, _spacing.default)('md'));
 
 exports.TopCopyWrapper = TopCopyWrapper;
 
 var ButtonWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__ButtonWrapper",
-  componentId: "w2b8yk-2"
+  componentId: "sc-w2b8yk-2"
 })(["margin-top:", ";input{text-align:center;width:100%;font-size:", ";@media ", "{font-size:", ";max-width:180px;}}"], (0, _spacing.default)('md'), function (_ref4) {
   var theme = _ref4.theme;
   return theme.fontSize('s');
@@ -57,7 +57,7 @@ exports.ButtonWrapper = ButtonWrapper;
 
 var PrivacyCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__PrivacyCopyWrapper",
-  componentId: "w2b8yk-3"
+  componentId: "sc-w2b8yk-3"
 })(["display:flex;flex-direction:column;margin-top:", ";p{font-size:", ";line-height:", ";a{font-size:", ";color:", ";}}"], (0, _spacing.default)('md'), function (_ref7) {
   var theme = _ref7.theme;
   return theme.fontSize('s');
@@ -76,17 +76,17 @@ exports.PrivacyCopyWrapper = PrivacyCopyWrapper;
 
 var Form = _styledComponents.default.form.withConfig({
   displayName: "EmailSignUpstyle__Form",
-  componentId: "w2b8yk-4"
+  componentId: "sc-w2b8yk-4"
 })(["display:flex;flex-direction:column;margin:", " 0;"], (0, _spacing.default)('md'));
 
 exports.Form = Form;
 var InputField = (0, _styledComponents.default)(_Input.default).withConfig({
   displayName: "EmailSignUpstyle__InputField",
-  componentId: "w2b8yk-5"
+  componentId: "sc-w2b8yk-5"
 })(["width:100%;"]);
 exports.InputField = InputField;
 var Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "EmailSignUpstyle__Title",
-  componentId: "w2b8yk-6"
+  componentId: "sc-w2b8yk-6"
 })(["margin-bottom:", ";"], (0, _spacing.default)('m'));
 exports.Title = Title;

package/dist/components/Organisms/Footer/Footer.js

@@ -21,11 +21,13 @@ var _SocialIcons = _interopRequireDefault(require("../../Atoms/SocialIcons/Socia
 
 var _Footer = require("./Footer.style");
 
+var _excluded = ["navItems", "footerCopy", "campaign"];
+
 var Footer = function Footer(_ref) {
   var navItems = _ref.navItems,
       footerCopy = _ref.footerCopy,
       campaign = _ref.campaign,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["navItems", "footerCopy", "campaign"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // Remove white space between words
   var campaignName = campaign.replace(/\s/g, '').toLowerCase();
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.FooterWrapper, Object.assign({
@@ -40,9 +42,9 @@ var Footer = function Footer(_ref) {
     sizeMd: "72px",
     rotate: false,
     campaign: campaign
-  }))), /*#__PURE__*/_react.default.createElement(_Nav.default, {
+  }))), /*#__PURE__*/_react.default.createElement(_Nav.default, Object.assign({
     navItems: navItems
-  }), /*#__PURE__*/_react.default.createElement(_Footer.FooterCopyright, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
+  }, rest)), /*#__PURE__*/_react.default.createElement(_Footer.FooterCopyright, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "p",
     color: "grey"
   }, footerCopy)))));
@@ -51,7 +53,8 @@ var Footer = function Footer(_ref) {
 Footer.defaultProps = {
   navItems: {},
   footerCopy: '',
-  campaign: 'Comic Relief'
+  campaign: 'Comic Relief',
+  overrideWhiteList: false
 };
 var _default = Footer;
 exports.default = _default;

package/dist/components/Organisms/Footer/Footer.md

@@ -4,5 +4,12 @@
 import data from './data/data';
 import footerCopy from './data/footerCopy';
 
-<Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief" />;
+<>
+    <p>Standard footer</p>
+    <Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief"  />
+
+    <p>Overrides whitelist functionality for external usage</p>
+    <Footer navItems={data} footerCopy={footerCopy.copy} campaign="Comic Relief" overrideWhiteList />
+</>
+
 ```

package/dist/components/Organisms/Footer/Nav/Nav.js

@@ -11,6 +11,8 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/es
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
@@ -19,16 +21,19 @@ var _breakpoint = require("../../../../theme/shared/breakpoint");
 
 var _navHelper = _interopRequireDefault(require("../../../../utils/navHelper"));
 
-var _internalLinkHelper = _interopRequireDefault(require("../../../../utils/internalLinkHelper"));
+var _internalLinkHelper = require("../../../../utils/internalLinkHelper");
 
 var _Nav = require("./Nav.style");
 
+var _excluded = ["navItems"];
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var FooterNav = function FooterNav(_ref) {
-  var navItems = _ref.navItems;
+  var navItems = _ref.navItems,
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var menuGroups = navItems.menuGroups;
 
   var _useState = (0, _react.useState)(false),
@@ -96,14 +101,14 @@ var FooterNav = function FooterNav(_ref) {
     }, !isSmallBreakpoint ? /*#__PURE__*/_react.default.createElement(_Text.default, {
       color: "white",
       weight: "bold"
-    }, group.title) : /*#__PURE__*/_react.default.createElement(_Nav.NavLink, {
+    }, group.title) : /*#__PURE__*/_react.default.createElement(_Nav.NavLink, Object.assign({
       href: "#",
       inline: true,
       "aria-expanded": !!isSubMenuOpen[group.id],
       "aria-haspopup": "true",
       role: "button",
       onClick: toggleSubMenu(group.id)
-    }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+    }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
       color: "white"
     }, group.title)), group.links && group.links.length > 0 && /*#__PURE__*/_react.default.createElement(_Nav.SubNavMenu, {
       role: "list",
@@ -113,15 +118,15 @@ var FooterNav = function FooterNav(_ref) {
     }, group.links.map(function (child) {
       /* Determine which field represents our url path */
       var thisUrl = (0, _navHelper.default)(child);
-      thisUrl = (0, _internalLinkHelper.default)(thisUrl);
+      thisUrl = (0, _internalLinkHelper.InternalLinkHelper)(thisUrl);
       return /*#__PURE__*/_react.default.createElement(_Nav.SubNavItem, {
         key: thisUrl,
         column: group.links.length % 2 === 0 && group.links.length > 2
-      }, /*#__PURE__*/_react.default.createElement(_Nav.SubNavLink, {
+      }, /*#__PURE__*/_react.default.createElement(_Nav.SubNavLink, Object.assign({
         href: thisUrl,
         inline: true,
         role: "menuitem"
-      }, /*#__PURE__*/_react.default.createElement(_Text.default, {
+      }, rest), /*#__PURE__*/_react.default.createElement(_Text.default, {
         color: "white"
       }, child.title)));
     })));

package/dist/components/Organisms/Footer/Nav/Nav.style.js

@@ -15,7 +15,7 @@ var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hid
 
 var NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "Navstyle__NavLinkClass",
-  componentId: "uzf5hs-0"
+  componentId: "sc-uzf5hs-0"
 })(["border:0;height:46px;width:100%;background-color:", ";&:hover,&:focus{border-bottom:none;}"], function (_ref) {
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
@@ -26,7 +26,7 @@ var NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
 
 var Nav = _styledComponents.default.nav.withConfig({
   displayName: "Navstyle__Nav",
-  componentId: "uzf5hs-1"
+  componentId: "sc-uzf5hs-1"
 })(["display:block;width:100%;text-align:left;> h2{", ";}"], _hideVisually.default);
 /**
  * Sub Navigation Menu (second level)
@@ -37,7 +37,7 @@ exports.Nav = Nav;
 
 var SubNavMenu = _styledComponents.default.ul.withConfig({
   displayName: "Navstyle__SubNavMenu",
-  componentId: "uzf5hs-2"
+  componentId: "sc-uzf5hs-2"
 })(["display:flex;transition:max-height 0.5s ease;max-height:", ";overflow:hidden;padding:0;position:relative;list-style:none outside;flex-direction:column;> li a{display:", ";font-size:15px;font-weight:500;cursor:pointer;&:after{content:none;}}@media ", "{max-height:none;height:auto;", ";> li a{display:inline;line-height:24px;}}"], function (_ref2) {
   var isSubMenuOpen = _ref2.isSubMenuOpen;
   return isSubMenuOpen ? '400px' : '0px';
@@ -60,7 +60,7 @@ exports.SubNavMenu = SubNavMenu;
 
 var SubNavItem = _styledComponents.default.li.withConfig({
   displayName: "Navstyle__SubNavItem",
-  componentId: "uzf5hs-3"
+  componentId: "sc-uzf5hs-3"
 })(["height:40px;width:100%;background-color:inherit;padding:8px 0;@media ", "{height:auto;margin-top:12px;padding:0;", ";a{background-color:inherit;height:auto;&:after{content:none !important;}&:hover,&:focus{border-bottom:2px solid #fff;span{border-bottom:0;padding-bottom:2px;}}}}@media ", "{", ";}"], function (_ref6) {
   var theme = _ref6.theme;
   return theme.breakpoint('small');
@@ -82,7 +82,7 @@ var SubNavItem = _styledComponents.default.li.withConfig({
 exports.SubNavItem = SubNavItem;
 var SubNavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
   displayName: "Navstyle__SubNavLink",
-  componentId: "uzf5hs-4"
+  componentId: "sc-uzf5hs-4"
 })(["padding:14px 21px;height:auto;position:relative;"]);
 /**
  * Navigation Menu (first level)
@@ -92,7 +92,7 @@ exports.SubNavLink = SubNavLink;
 
 var NavMenu = _styledComponents.default.ul.withConfig({
   displayName: "Navstyle__NavMenu",
-  componentId: "uzf5hs-5"
+  componentId: "sc-uzf5hs-5"
 })(["background-color:inherit;list-style:none outside;padding:0;margin:0;@media ", "{display:flex;flex-wrap:wrap;justify-content:start;}"], function (_ref10) {
   var theme = _ref10.theme;
   return theme.breakpoint('small');
@@ -105,7 +105,7 @@ var NavMenu = _styledComponents.default.ul.withConfig({
 exports.NavMenu = NavMenu;
 var NavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
   displayName: "Navstyle__NavLink",
-  componentId: "uzf5hs-6"
+  componentId: "sc-uzf5hs-6"
 })([""]);
 /**
  * Menu list items
@@ -115,7 +115,7 @@ exports.NavLink = NavLink;
 
 var NavItem = _styledComponents.default.li.withConfig({
   displayName: "Navstyle__NavItem",
-  componentId: "uzf5hs-7"
+  componentId: "sc-uzf5hs-7"
 })(["position:relative;font-weight:700;margin:0;margin-bottom:1rem;@media ", "{flex:0 0 30%;margin:0;}@media ", "{flex:0 0 calc(25% - 1rem);margin-right:1rem;margin-bottom:1rem;> span{padding:0;}}a{width:auto;padding:0;height:auto;position:relative;background-color:inherit;font-size:19px;line-height:40px;font-weight:800;@media ", "{font-size:20px;line-height:40px;}&:after{content:'\\2303';position:absolute;font-family:Arial;margin-left:4px;overflow:hidden;line-height:19px;font-size:23px;color:", ";font-weight:100;transition:transform 0.2s ease;transform:", ";top:", ";right:-25px;}@media ", "{cursor:default;display:inline;&:after{content:none;}}}"], function (_ref11) {
   var theme = _ref11.theme;
   return theme.breakpoint('small');

package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap

@@ -27,7 +27,7 @@ exports[`renders correctly 1`] = `
   font-family: 'Montserrat',Helvetica,Arial,sans-serif;
 }
 
-.c25 {
+.c26 {
   color: #969598;
   font-size: 1rem;
   line-height: 1rem;
@@ -69,6 +69,21 @@ exports[`renders correctly 1`] = `
   border-bottom: 2px solid #000000;
 }
 
+.c24 {
+  border: 0;
+  -webkit-clip: rect(0 0 0 0);
+  clip: rect(0 0 0 0);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
 .c5 {
   -webkit-text-decoration: none;
   text-decoration: none;
@@ -313,7 +328,7 @@ exports[`renders correctly 1`] = `
   align-items: center;
 }
 
-.c24 {
+.c25 {
   display: block;
   width: 100%;
   height: 100%;
@@ -321,7 +336,7 @@ exports[`renders correctly 1`] = `
   margin-top: 3rem;
 }
 
-.c24 p {
+.c25 p {
   font-size: 15px;
   line-height: 24px;
   margin-bottom: 5px;
@@ -528,7 +543,7 @@ exports[`renders correctly 1`] = `
 }
 
 @media (min-width:1024px) {
-  .c24 p {
+  .c25 p {
     font-size: 16px;
     line-height: 27px;
   }
@@ -1166,6 +1181,11 @@ exports[`renders correctly 1`] = `
                   >
                     Link comp with only URL
                   </span>
+                  <span
+                    className="c24"
+                  >
+                    (opens in new window)
+                  </span>
                 </a>
               </li>
               <li
@@ -1206,6 +1226,11 @@ exports[`renders correctly 1`] = `
                   >
                     Test non-whitelisted external link
                   </span>
+                  <span
+                    className="c24"
+                  >
+                    (opens in new window)
+                  </span>
                 </a>
               </li>
             </ul>
@@ -1213,10 +1238,10 @@ exports[`renders correctly 1`] = `
         </ul>
       </nav>
       <div
-        className="c24"
+        className="c25"
       >
         <p
-          className="c25"
+          className="c26"
           color="grey"
           size="s"
         >

package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js

@@ -22,7 +22,7 @@ var _zIndex = _interopRequireDefault(require("../../../../theme/shared/zIndex"))
  */
 var BurgerHiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "BurgerMenustyle__BurgerHiddenText",
-  componentId: "dtfwej-0"
+  componentId: "sc-dtfwej-0"
 })(["", ";"], _hideVisually.default);
 /**
  * Burger menu bar
@@ -32,7 +32,7 @@ exports.BurgerHiddenText = BurgerHiddenText;
 
 var BurgerBar = _styledComponents.default.span.withConfig({
   displayName: "BurgerMenustyle__BurgerBar",
-  componentId: "dtfwej-1"
+  componentId: "sc-dtfwej-1"
 })(["background-color:", ";margin:0 auto;"], function (_ref) {
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
@@ -45,7 +45,7 @@ var BurgerBar = _styledComponents.default.span.withConfig({
 exports.BurgerBar = BurgerBar;
 var BurgerWrapper = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "BurgerMenustyle__BurgerWrapper",
-  componentId: "dtfwej-2"
+  componentId: "sc-dtfwej-2"
 })(["", ";order:50;display:flex;align-items:center;position:relative;text-indent:-9999px;background-color:transparent;height:100%;width:45px;left:5px;cursor:pointer;transition:all 0.2s;:hover{border:none;font-weight:inherit;}", "{position:relative;&,::before,::after{width:25px;height:3px;display:inline-block;}", ";::before,::after{content:'';position:absolute;left:0;background-color:currentColor;transition:all 0.2s;}::before{top:-0.5rem;", ";}::after{top:0.5rem;", ";}}:hover ", "{&,::before,::after{background-color:", ";}::before{", ";}::after{", ";}}@media ", "{display:none;}"], (0, _zIndex.default)('medium'), BurgerBar, function (_ref2) {
   var isExpandable = _ref2.isExpandable;
   return isExpandable && ' background-color: transparent';

package/dist/components/Organisms/Header/Header.js

@@ -17,11 +17,13 @@ var _Nav = _interopRequireDefault(require("./Nav/Nav"));
 
 var _Header = require("./Header.style");
 
+var _excluded = ["navItems", "metaIcons", "campaign"];
+
 var Header = function Header(_ref) {
   var navItems = _ref.navItems,
       metaIcons = _ref.metaIcons,
       campaign = _ref.campaign,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["navItems", "metaIcons", "campaign"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Header.HeaderWrapper, Object.assign({
     navItems: true
   }, rest), /*#__PURE__*/_react.default.createElement(_Header.InnerWrapper, null, /*#__PURE__*/_react.default.createElement(_Header.Brand, null, /*#__PURE__*/_react.default.createElement(_Logos.default, {

package/dist/components/Organisms/Header/Nav/Nav.js

@@ -21,7 +21,7 @@ var _breakpoint = require("../../../../theme/shared/breakpoint");
 
 var _navHelper = _interopRequireDefault(require("../../../../utils/navHelper"));
 
-var _internalLinkHelper = _interopRequireDefault(require("../../../../utils/internalLinkHelper"));
+var _internalLinkHelper = require("../../../../utils/internalLinkHelper");
 
 var _whiteListed = _interopRequireDefault(require("../../../../utils/whiteListed"));
 
@@ -104,7 +104,7 @@ var MainNav = function MainNav(_ref) {
     var relNoopener = !(0, _whiteListed.default)(thisUrl) && 'noopener';
     var hasSubMenu = group.links && group.links.length > 1;
     var hasPopUp = hasSubMenu ? 'true' : null;
-    thisUrl = (0, _internalLinkHelper.default)(thisUrl);
+    thisUrl = (0, _internalLinkHelper.InternalLinkHelper)(thisUrl);
     return /*#__PURE__*/_react.default.createElement(_Nav.NavItem, {
       role: "none",
       key: group.id,
@@ -133,7 +133,7 @@ var MainNav = function MainNav(_ref) {
       isSubMenuOpen: !!isSubMenuOpen[group.id]
     }, group.links.map(function (child, childIndex) {
       var thisSubUrl = (0, _navHelper.default)(child);
-      thisSubUrl = (0, _internalLinkHelper.default)(thisSubUrl);
+      thisSubUrl = (0, _internalLinkHelper.InternalLinkHelper)(thisSubUrl);
       /* Wrap our first child item with special tags */
 
       if (childIndex === 0) {

package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js

@@ -15,13 +15,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
 
+var _excluded = ["fieldName", "label", "optional", "fieldType", "formContext"];
+
 var TextInput = function TextInput(_ref) {
   var fieldName = _ref.fieldName,
       label = _ref.label,
       optional = _ref.optional,
       fieldType = _ref.fieldType,
       formContext = _ref.formContext,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["fieldName", "label", "optional", "fieldType", "formContext"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var errors = formContext.errors,
       register = formContext.register;
   var props = (0, _objectSpread2.default)({

package/dist/components/Organisms/Membership/Form/Form.js

@@ -25,6 +25,8 @@ var _Membership = require("../../../../utils/Membership");
 
 var _Membership2 = require("../Membership.style");
 
+var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID"];
+
 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; }
@@ -36,7 +38,7 @@ var Signup = function Signup(_ref) {
       clientID = _ref.clientID,
       cartID = _ref.cartID,
       mbshipID = _ref.mbshipID,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)({
     box1: '',

package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js

@@ -15,6 +15,8 @@ var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
 var _Input = _interopRequireDefault(require("../../../Atoms/Input/Input"));
 
+var _excluded = ["setOtherAmount", "amount", "currency", "description"];
+
 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; }
@@ -49,7 +51,7 @@ var MoneyBuy = function MoneyBuy(_ref7) {
       amount = _ref7.amount,
       currency = _ref7.currency,
       description = _ref7.description,
-      rest = (0, _objectWithoutProperties2.default)(_ref7, ["setOtherAmount", "amount", "currency", "description"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
   return /*#__PURE__*/_react.default.createElement(MoneyBox, Object.assign({}, rest, {
     "aria-label": description,
     value: "".concat(currency, " ").concat(amount),

package/dist/utils/internalLinkHelper.js

@@ -1,13 +1,18 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.getDomain = exports.InternalLinkHelper = void 0;
 
-var InternalLinkHelper = function InternalLinkHelper(link) {
-  var domainRegEx = new RegExp('(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]'); // Check our URL for a domain pattern, if so return it
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var domainRegEx = new RegExp('(?:[a-z0-9](?:[a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]');
 
+var InternalLinkHelper = function InternalLinkHelper(link) {
+  // Check our URL for a domain pattern, if so return it
   if (domainRegEx.test(link)) {
     return link;
   } // If domain-free and internal, prefix it with slash if it doesn't already have one
@@ -16,5 +21,22 @@ var InternalLinkHelper = function InternalLinkHelper(link) {
   return link.substring(0, 1) === '/' ? link : "/".concat(link);
 };
 
-var _default = InternalLinkHelper;
-exports.default = _default;
+exports.InternalLinkHelper = InternalLinkHelper;
+
+var getDomain = function getDomain(url) {
+  var thisURL = url; // Strip out protocol
+
+  thisURL = url.replace(/(https?:\/\/)?(www.)?/i, ''); // Strip out subdirectory/path
+
+  if (thisURL.indexOf('/') !== -1) {
+    var _thisURL$split = thisURL.split('/'),
+        _thisURL$split2 = (0, _slicedToArray2.default)(_thisURL$split, 1),
+        splitURL = _thisURL$split2[0];
+
+    thisURL = splitURL;
+  }
+
+  return thisURL;
+};
+
+exports.getDomain = getDomain;