@comicrelief/component-library 5.4.0 → 5.7.0

package/dist/components/Atoms/Select/Select.js

@@ -23,6 +23,8 @@ var _dropDownDarkPurple = _interopRequireDefault(require("./assets/drop-down-dar
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["errorMsg", "description", "label", "options", "hideLabel", "defaultValue", "onChange", "greyDescription", "className"];
+
 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; }
@@ -66,7 +68,7 @@ var Select = /*#__PURE__*/_react.default.forwardRef(function (_ref8, ref) {
       _onChange = _ref8.onChange,
       greyDescription = _ref8.greyDescription,
       className = _ref8.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref8, ["errorMsg", "description", "label", "options", "hideLabel", "defaultValue", "onChange", "greyDescription", "className"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref8, _excluded);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Atoms/SocialIcons/Icon/Icon.js

@@ -15,19 +15,21 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hideVisually"));
 
+var _excluded = ["href", "target", "icon", "brand", "title"];
+
 var StyledLink = _styledComponents.default.a.withConfig({
   displayName: "Icon__StyledLink",
-  componentId: "no6fx6-0"
+  componentId: "sc-no6fx6-0"
 })(["text-decoration:none;cursor:pointer;display:block;transition:opacity 0.2s;&:hover,&:focus{opacity:0.6;}"]);
 
 var StyledImage = _styledComponents.default.img.withConfig({
   displayName: "Icon__StyledImage",
-  componentId: "no6fx6-1"
+  componentId: "sc-no6fx6-1"
 })(["width:100%;"]);
 
 var HelperText = _styledComponents.default.span.withConfig({
   displayName: "Icon__HelperText",
-  componentId: "no6fx6-2"
+  componentId: "sc-no6fx6-2"
 })(["", ";"], _hideVisually.default);
 
 var Icon = function Icon(_ref) {
@@ -36,7 +38,7 @@ var Icon = function Icon(_ref) {
       icon = _ref.icon,
       brand = _ref.brand,
       title = _ref.title,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, ["href", "target", "icon", "brand", "title"]);
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(StyledLink, Object.assign({
     href: href,
     target: "_".concat(target)

package/dist/components/Atoms/SocialIcons/SocialIcons.js

@@ -21,9 +21,11 @@ var _Icon = _interopRequireDefault(require("./Icon/Icon"));
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["campaign"];
+
 var StyledList = _styledComponents.default.ul.withConfig({
   displayName: "SocialIcons__StyledList",
-  componentId: "i6jfaw-0"
+  componentId: "sc-i6jfaw-0"
 })(["display:flex;list-style-type:none;margin:0 auto;justify-content:center;padding:0;align-items:center;@media ", "{justify-content:start;}"], function (_ref) {
   var theme = _ref.theme;
   return theme.breakpoint('small');
@@ -31,7 +33,7 @@ var StyledList = _styledComponents.default.ul.withConfig({
 
 var StyledItem = _styledComponents.default.li.withConfig({
   displayName: "SocialIcons__StyledItem",
-  componentId: "i6jfaw-1"
+  componentId: "sc-i6jfaw-1"
 })(["width:32px;margin-right:", ";@media ", "{width:48px;}"], (0, _spacing.default)('m'), function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('small');
@@ -41,7 +43,7 @@ var StyledItem = _styledComponents.default.li.withConfig({
 
 var SocialIcons = function SocialIcons(_ref3) {
   var campaign = _ref3.campaign,
-      restProps = (0, _objectWithoutProperties2.default)(_ref3, ["campaign"]);
+      restProps = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
   var links = (0, _Links.default)(campaign);
   return /*#__PURE__*/_react.default.createElement(StyledList, null, Object.keys(_Icons.default).map(function (brand) {
     return /*#__PURE__*/_react.default.createElement(StyledItem, {

package/dist/components/Atoms/Text/Text.js

@@ -13,6 +13,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 
+var _excluded = ["tag", "children", "height", "weight", "family"];
+
 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; }
@@ -74,7 +76,7 @@ var Text = function Text(_ref12) {
       height = _ref12.height,
       weight = _ref12.weight,
       family = _ref12.family,
-      rest = (0, _objectWithoutProperties2.default)(_ref12, ["tag", "children", "height", "weight", "family"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref12, _excluded);
   return /*#__PURE__*/_react.default.createElement(BaseText, Object.assign({}, rest, {
     as: tag,
     height: height,

package/dist/components/Atoms/TextArea/TextArea.js

@@ -21,6 +21,8 @@ var _Label = _interopRequireDefault(require("../Label/Label"));
 
 var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
 
+var _excluded = ["id", "label", "hideLabel", "errorMsg", "rows", "className"];
+
 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; }
@@ -41,7 +43,7 @@ var TextArea = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref) {
       errorMsg = _ref2.errorMsg,
       rows = _ref2.rows,
       className = _ref2.className,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["id", "label", "hideLabel", "errorMsg", "rows", "className"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Label.default, {
     htmlFor: id,
     label: label,

package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js

@@ -21,6 +21,9 @@ var _Text = _interopRequireDefault(require("../Text/Text"));
 
 var _TextInputWithDropdown = require("./TextInputWithDropdown.style");
 
+var _excluded = ["value", "options", "onChange", "onSelect", "id", "name", "label", "dropdownInstruction", "className"],
+    _excluded2 = ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"];
+
 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 +52,7 @@ var TextInputWithDropdown = /*#__PURE__*/_react.default.forwardRef(function (_re
       label = _ref.label,
       dropdownInstruction = _ref.dropdownInstruction,
       className = _ref.className,
-      otherInputProps = (0, _objectWithoutProperties2.default)(_ref, ["value", "options", "onChange", "onSelect", "id", "name", "label", "dropdownInstruction", "className"]);
+      otherInputProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(-1),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -128,7 +131,7 @@ var Options = function Options(_ref2) {
       onSelect = _ref2.onSelect,
       activeOption = _ref2.activeOption,
       resetActiveOption = _ref2.resetActiveOption,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
 
   // Reset 'activeOption' when the list is unfocused.
   var onBlur = function onBlur(e) {

package/dist/components/Molecules/Accordion/Accordion.js

@@ -19,6 +19,8 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var _index = require("../../Atoms/Icons/index");
 
+var _excluded = ["children", "title"];
+
 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; }
@@ -63,7 +65,7 @@ var Copy = _styledComponents.default.div.withConfig({
 var Accordion = function Accordion(_ref6) {
   var children = _ref6.children,
       title = _ref6.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref6, ["children", "title"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Molecules/Box/Box.js

@@ -17,6 +17,8 @@ var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["imageLow", "images", "image", "imageAltText", "height", "width", "children"];
+
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Box__Container",
   componentId: "sc-1oa7u3c-0"
@@ -52,7 +54,7 @@ var Box = function Box(_ref5) {
       height = _ref5.height,
       width = _ref5.width,
       children = _ref5.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref5, ["imageLow", "images", "image", "imageAltText", "height", "width", "children"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
   return /*#__PURE__*/_react.default.createElement(Container, rest, imageLow ? /*#__PURE__*/_react.default.createElement(Image, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {
     alt: imageAltText,
     imageLow: imageLow,

package/dist/components/Molecules/Card/Card.js

@@ -17,6 +17,8 @@ var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children"];
+
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Card__Container",
   componentId: "sc-15nltsw-0"
@@ -45,7 +47,7 @@ var Card = function Card(_ref2) {
       height = _ref2.height,
       width = _ref2.width,
       children = _ref2.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
     backgroundColor: backgroundColor
   }, rest), imageLow ? /*#__PURE__*/_react.default.createElement(Image, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {

package/dist/components/Molecules/CardDs/CardDs.js

@@ -21,13 +21,15 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
 
+var _excluded = ["icon", "backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "link", "linkLabel", "target"];
+
 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 Container = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Container",
-  componentId: "mayd3d-0"
+  componentId: "sc-mayd3d-0"
 })(["display:flex;position:relative;flex-direction:column;height:100%;width:calc(100% - ", ");background:", ";@media ", "{flex-direction:row;width:100%;}@media ", "{flex-direction:column;}"], (0, _spacing.default)('m'), function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -42,7 +44,7 @@ var Container = _styledComponents.default.div.withConfig({
 
 var Image = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Image",
-  componentId: "mayd3d-1"
+  componentId: "sc-mayd3d-1"
 })(["height:auto;margin:0 -", " 0 ", ";@media ", "{margin:0;", ";}@media ", "{margin:0 -", " 0 ", ";}img{border-radius:1rem;box-shadow:0px 0px 20px rgba(0,0,0,0.15);}"], (0, _spacing.default)('m'), (0, _spacing.default)('m'), function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('small');
@@ -56,7 +58,7 @@ var Image = _styledComponents.default.div.withConfig({
 
 var MediaLink = _styledComponents.default.a.withConfig({
   displayName: "CardDs__MediaLink",
-  componentId: "mayd3d-2"
+  componentId: "sc-mayd3d-2"
 })(["width:100%;@media ", "{width:calc(50% + 6rem);}@media ", "{width:100%;}"], function (_ref7) {
   var theme = _ref7.theme;
   return theme.breakpoint('small');
@@ -67,7 +69,7 @@ var MediaLink = _styledComponents.default.a.withConfig({
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Copy",
-  componentId: "mayd3d-3"
+  componentId: "sc-mayd3d-3"
 })(["padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;box-shadow:0px 0px 20px rgba(0,0,0,0.15);background:", ";width:100%;@media ", "{height:100%;}", ";", ";"], (0, _spacing.default)('l'), function (_ref9) {
   var hasLink = _ref9.hasLink;
   return hasLink && "padding-bottom: ".concat((0, _spacing.default)('xl'));
@@ -91,7 +93,7 @@ var Copy = _styledComponents.default.div.withConfig({
 
 var CTA = _styledComponents.default.div.withConfig({
   displayName: "CardDs__CTA",
-  componentId: "mayd3d-4"
+  componentId: "sc-mayd3d-4"
 })(["position:absolute;right:", ";bottom:-", ";", ";@media ", "{bottom:calc(-1 * (", " + ", "));", ";}"], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _zIndex.default)('medium'), function (_ref15) {
   var theme = _ref15.theme;
   return theme.breakpoint('small');
@@ -113,7 +115,7 @@ var CardDs = function CardDs(_ref17) {
       link = _ref17.link,
       linkLabel = _ref17.linkLabel,
       target = _ref17.target,
-      rest = (0, _objectWithoutProperties2.default)(_ref17, ["icon", "backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "link", "linkLabel", "target"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref17, _excluded);
 
   var Media = /*#__PURE__*/_react.default.createElement(Image, {
     hasLink: link

package/dist/components/Molecules/Countdown/Countdown.style.js

@@ -13,14 +13,14 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Wrapper",
-  componentId: "zj2fle-0"
+  componentId: "sc-zj2fle-0"
 })(["display:flex;"]);
 
 exports.Wrapper = Wrapper;
 
 var Digits = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Digits",
-  componentId: "zj2fle-1"
+  componentId: "sc-zj2fle-1"
 })(["display:flex;flex-direction:column;align-items:center;margin:0 ", ";&:first-child{margin-left:0;}"], (0, _spacing.default)('sm'));
 
 exports.Digits = Digits;

package/dist/components/Molecules/HeroBanner/HeroBanner.js

@@ -15,7 +15,7 @@ var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 
 var Container = _styledComponents.default.section.withConfig({
   displayName: "HeroBanner__Container",
-  componentId: "c6z1hi-0"
+  componentId: "sc-c6z1hi-0"
 })(["min-height:200px;position:relative;background:", ";color:", ";"], function (props) {
   return props.background ? props.background : 'transparent';
 }, function (props) {
@@ -28,12 +28,12 @@ var Image = _styledComponents.default.img.attrs(function () {
   };
 }).withConfig({
   displayName: "HeroBanner__Image",
-  componentId: "c6z1hi-1"
+  componentId: "sc-c6z1hi-1"
 })(["object-fit:cover;width:100%;display:block;height:100%;opacity:0.5;"]);
 
 var Title = _styledComponents.default.h1.withConfig({
   displayName: "HeroBanner__Title",
-  componentId: "c6z1hi-2"
+  componentId: "sc-c6z1hi-2"
 })(["position:absolute;margin:0 auto;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;"]);
 /**
  * Hero Banner to be used as Header of landing pages.

package/dist/components/Molecules/Lookup/Lookup.js

@@ -0,0 +1,201 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
+
+var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
+
+var _ButtonWithStates = _interopRequireDefault(require("../../Atoms/ButtonWithStates/ButtonWithStates"));
+
+var _excluded = ["name", "label", "placeholder", "buttonText", "lookupHandler", "mapOptionToString", "onSelect", "noResultsMessage", "dropdownInstruction"];
+
+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 StyledButton = (0, _styledComponents.default)(_ButtonWithStates.default).withConfig({
+  displayName: "Lookup__StyledButton",
+  componentId: "sc-uu5bpv-0"
+})(["", ""], function (_ref) {
+  var theme = _ref.theme;
+  return (0, _styledComponents.css)(["color:", ";border:2px solid ", ";background-color:", ";padding-left:", ";padding-right:", ";&:hover{color:", ";background-color:", ";}"], theme.color('grey_dark'), theme.color('grey_dark'), theme.color('white'), (0, _spacing.default)('lg'), (0, _spacing.default)('lg'), theme.color('grey_dark'), theme.color('white'));
+});
+var KEY_CODE_ENTER = 13;
+/**
+ * A simple lookup component
+ *
+ * The `lookupHandler` should be an async function which is called when a lookup is triggered
+ *  (either by hitting enter or clicking the button)
+ *
+ * It will receive the current search term and should:
+ * - take care of any validation on the search term
+ * - perform the actual lookup request
+ * - return an array of options (or an empty array if none were found)
+ * - only throw errors with user-friendly messages
+ *
+ * Any errors thrown will be caught and the message will be displayed to the user.
+ *
+ * The `onSelect` function will receive the chosen option.
+ *
+ * @param name
+ * @param label
+ * @param placeholder
+ * @param buttonText
+ * @param lookupHandler
+ * @param mapOptionToString
+ * @param onSelect
+ * @param noResultsMessage
+ * @param dropdownInstruction
+ * @param rest
+ * @returns {JSX.Element}
+ * @constructor
+ */
+
+var Lookup = function Lookup(_ref2) {
+  var name = _ref2.name,
+      label = _ref2.label,
+      placeholder = _ref2.placeholder,
+      buttonText = _ref2.buttonText,
+      lookupHandler = _ref2.lookupHandler,
+      mapOptionToString = _ref2.mapOptionToString,
+      _onSelect = _ref2.onSelect,
+      noResultsMessage = _ref2.noResultsMessage,
+      dropdownInstruction = _ref2.dropdownInstruction,
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+
+  var _useState = (0, _react.useState)(''),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      query = _useState2[0],
+      setQuery = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(''),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      errorMessage = _useState4[0],
+      setErrorMessage = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      options = _useState6[0],
+      setOptions = _useState6[1];
+
+  var _useState7 = (0, _react.useState)(false),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      isSearching = _useState8[0],
+      setIsSearching = _useState8[1];
+
+  var handler = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+    var results;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            setErrorMessage('');
+            setIsSearching(true);
+            _context.prev = 2;
+            _context.next = 5;
+            return lookupHandler(query);
+
+          case 5:
+            results = _context.sent;
+            setOptions(results);
+
+            if (results.length === 0) {
+              setErrorMessage(noResultsMessage);
+            }
+
+            _context.next = 13;
+            break;
+
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](2);
+            setErrorMessage(_context.t0.message);
+
+          case 13:
+            setIsSearching(false);
+
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[2, 10]]);
+  })), [query, setOptions, setErrorMessage, noResultsMessage, lookupHandler]);
+  return /*#__PURE__*/_react.default.createElement("div", rest, /*#__PURE__*/_react.default.createElement(_StyledTextInputWithDropdown, {
+    name: name,
+    id: name,
+    value: query,
+    options: options.map(mapOptionToString),
+    label: label,
+    placeholder: placeholder,
+    onChange: function onChange(e) {
+      setQuery(e.target.value);
+      setErrorMessage('');
+      setOptions([]);
+    },
+    onKeyPress: function onKeyPress(e) {
+      var keyCode = e.keyCode || e.which;
+
+      if (keyCode === KEY_CODE_ENTER) {
+        e.preventDefault();
+        return handler();
+      }
+
+      return null;
+    },
+    onSelect: function onSelect(text, index) {
+      var selection = options[index];
+
+      _onSelect(selection);
+
+      setQuery('');
+      setErrorMessage('');
+      setOptions([]);
+    },
+    errorMsg: errorMessage,
+    dropdownInstruction: dropdownInstruction,
+    $_css: (0, _spacing.default)('md')
+  }), /*#__PURE__*/_react.default.createElement(StyledButton, {
+    type: "button",
+    onClick: function onClick() {
+      return handler();
+    },
+    loading: isSearching,
+    disabled: isSearching,
+    loadingText: "Searching"
+  }, buttonText));
+};
+
+Lookup.defaultProps = {
+  noResultsMessage: 'Sorry, could not find any results for your search',
+  dropdownInstruction: ''
+};
+var _default = Lookup;
+exports.default = _default;
+
+var _StyledTextInputWithDropdown = (0, _styledComponents.default)(_TextInputWithDropdown.default).withConfig({
+  displayName: "Lookup___StyledTextInputWithDropdown",
+  componentId: "sc-uu5bpv-1"
+})(function (p) {
+  return {
+    marginBottom: p.$_css
+  };
+});

package/dist/components/Molecules/PartnerLink/PartnerLink.js

@@ -15,10 +15,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _PartnerLink = require("./PartnerLink.style");
 
+var _excluded = ["children", "link"];
+
 var PartnerLink = function PartnerLink(_ref) {
   var children = _ref.children,
       link = _ref.link,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["children", "link"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var childrenWithProps = _react.default.Children.map(children, function (child) {
     return /*#__PURE__*/_react.default.cloneElement(child, (0, _objectSpread2.default)({}, rest));

package/dist/components/Molecules/Promo/Promo.style.js

@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Container",
-  componentId: "kk4nna-0"
+  componentId: "sc-kk4nna-0"
 })(["width:100%;display:flex;position:relative;flex-direction:column;overflow:hidden;background:", ";", "{flex-direction:row;}", " ", " ", ""], function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -41,7 +41,7 @@ exports.Container = Container;
 
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Wrapper",
-  componentId: "kk4nna-1"
+  componentId: "sc-kk4nna-1"
 })(["width:100%;max-width:", ";height:100%;left:0;right:0;margin:0 auto;display:flex;align-items:center;", ";", "{min-height:calc(100vh - 90px);}"], _size.container.medium, function (_ref5) {
   var copyFirst = _ref5.copyFirst;
   return !copyFirst && 'justify-content: flex-end';
@@ -51,7 +51,7 @@ exports.Wrapper = Wrapper;
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Copy",
-  componentId: "kk4nna-2"
+  componentId: "sc-kk4nna-2"
 })(["width:100%;padding:", " ", " ", ";", ";", "{width:70%;padding:", " ", ";}", "{width:50%;padding:", " ", ";}", ""], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _spacing.default)('xl'), (0, _zIndex.default)('low'), (0, _size.media)('small'), (0, _spacing.default)('xl'), (0, _spacing.default)('m'), (0, _size.media)('medium'), (0, _spacing.default)('xxl'), (0, _spacing.default)('m'), function (_ref6) {
   var position = _ref6.position;
   return position === 'lower' && (0, _styledComponents.css)(["padding:", " ", ";", "{padding:6rem ", ";margin-top:6rem;}"], (0, _spacing.default)('xl'), (0, _spacing.default)('m'), (0, _size.media)('small'), (0, _spacing.default)('m'));
@@ -61,7 +61,7 @@ exports.Copy = Copy;
 
 var Media = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Media",
-  componentId: "kk4nna-3"
+  componentId: "sc-kk4nna-3"
 })(["width:100%;height:auto;img{object-position:center;}", "{height:100%;position:absolute;}"], (0, _size.media)('small'));
 
 exports.Media = Media;

package/dist/components/Molecules/SchoolLookup/SchoolLookup.js

@@ -21,6 +21,8 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _Typeahead = _interopRequireDefault(require("../Typeahead/Typeahead"));
 
+var _excluded = ["label", "placeholder", "notFoundMessage", "dropdownInstruction", "onSelect"];
+
 var optionFetcher = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
     var response;
@@ -63,7 +65,7 @@ var SchoolLookup = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref)
       notFoundMessage = _ref2.notFoundMessage,
       dropdownInstruction = _ref2.dropdownInstruction,
       onSelect = _ref2.onSelect,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["label", "placeholder", "notFoundMessage", "dropdownInstruction", "onSelect"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var props = (0, _objectSpread2.default)({
     optionFetcher: optionFetcher,
     optionParser: optionParser,

package/dist/components/Molecules/SearchInput/SearchInput.js

@@ -13,11 +13,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _SearchInput = require("./SearchInput.style");
 
+var _excluded = ["onChange", "placeholder", "value"];
+
 var SearchInput = function SearchInput(_ref) {
   var onChange = _ref.onChange,
       placeholder = _ref.placeholder,
       value = _ref.value,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["onChange", "placeholder", "value"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_SearchInput.Wrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.InnerWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchBox, {
     role: "search"
   }, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchField, Object.assign({