@comicrelief/component-library 5.4.0 → 5.7.0

package/dist/components/Molecules/SearchResult/SearchResult.js

@@ -24,7 +24,7 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
  */
 var Wrapper = _styledComponents.default.article.withConfig({
   displayName: "SearchResult__Wrapper",
-  componentId: "wp0ln2-0"
+  componentId: "sc-wp0ln2-0"
 })(["width:100%;height:100%;background-color:", ";"], function (_ref) {
   var theme = _ref.theme;
   return theme.color('white');
@@ -32,7 +32,7 @@ var Wrapper = _styledComponents.default.article.withConfig({
 
 var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "SearchResult__Item",
-  componentId: "wp0ln2-1"
+  componentId: "sc-wp0ln2-1"
 })(["display:flex;height:100%;border:0;flex-direction:column;text-decoration:none;color:inherit;width:100%;@media ", "{flex-direction:row;}:hover{border:0;font-weight:normal;}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('small');
@@ -40,7 +40,7 @@ var Item = (0, _styledComponents.default)(_Link.default).withConfig({
 
 var ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__ImageWrapper",
-  componentId: "wp0ln2-2"
+  componentId: "sc-wp0ln2-2"
 })(["height:auto;@media ", "{width:", ";}@media ", "{width:", ";}"], function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('small');
@@ -57,12 +57,12 @@ var ImageWrapper = _styledComponents.default.div.withConfig({
 
 var CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__CopyWrapper",
-  componentId: "wp0ln2-3"
+  componentId: "sc-wp0ln2-3"
 })(["display:flex;flex-direction:column;justify-content:center;padding:", ";width:100%;"], (0, _spacing.default)('md'));
 
 var Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SearchResult__Title",
-  componentId: "wp0ln2-4"
+  componentId: "sc-wp0ln2-4"
 })(["margin:0;"]);
 /**
  * Search Result component

package/dist/components/Molecules/ShareButton/ShareButton.js

@@ -23,6 +23,8 @@ var _ShareIcons = _interopRequireDefault(require("./assets/ShareIcons"));
 
 var _ShareButton = require("./ShareButton.style");
 
+var _excluded = ["campaign", "copy", "urlToShare"];
+
 var handleShare = function handleShare(e, typeOfShare, urlToShare) {
   e.preventDefault();
   (0, _shareTracking.default)(typeOfShare.toLowerCase()); // Pass the current page's URL and the type of share to our helper function
@@ -38,7 +40,7 @@ var ShareButton = function ShareButton(_ref) {
   var campaign = _ref.campaign,
       copy = _ref.copy,
       urlToShare = _ref.urlToShare,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, ["campaign", "copy", "urlToShare"]);
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var checkedUrl = '';
   /* Window obj isn't available during server-side rendering AND we don't have
    * access to componentDidMount etc. in functional components, so add this check first */

package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _Lookup = _interopRequireDefault(require("../Lookup/Lookup"));
+
+var _excluded = ["onSelect"];
+
+var schoolFetcher = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
+    var res;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!query || !query.trim())) {
+              _context.next = 2;
+              break;
+            }
+
+            throw new Error('Please enter a search query');
+
+          case 2:
+            if (!(query.length < 2)) {
+              _context.next = 4;
+              break;
+            }
+
+            throw new Error('Please enter at least two characters');
+
+          case 4:
+            _context.prev = 4;
+            _context.next = 7;
+            return _axios.default.get('https://lookups.sls.comicrelief.com/schools/lookup', {
+              timeout: 10000,
+              params: {
+                query: query
+              }
+            });
+
+          case 7:
+            res = _context.sent;
+            return _context.abrupt("return", res.data.data.schools);
+
+          case 11:
+            _context.prev = 11;
+            _context.t0 = _context["catch"](4);
+            throw new Error('Sorry, something unexpected went wrong. Please try again or enter your school manually');
+
+          case 14:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee, null, [[4, 11]]);
+  }));
+
+  return function schoolFetcher(_x) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var schoolToString = function schoolToString(school) {
+  return "".concat(school.name, ", ").concat(school.post_code);
+};
+/**
+ * The component library's school lookup component uses a typeahead/search-as-you-type approach.
+ *
+ * Given the API we use is v flaky and can be slow, this isn't really ideal.
+ *
+ * This version just has a simple input + a button (or you can hit enter) to trigger the search.
+ *
+ * @param onSelect
+ * @param rest
+ * @returns {JSX.Element}
+ * @constructor
+ */
+
+
+var SimpleSchoolLookup = function SimpleSchoolLookup(_ref2) {
+  var onSelect = _ref2.onSelect,
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Lookup.default, Object.assign({
+    name: "school_lookup",
+    label: "Enter the name or postcode of your organisation",
+    placeholder: "Enter name or postcode...",
+    buttonText: "Find school",
+    dropdownInstruction: "Please select an organisation from the list below",
+    noResultsMessage: "Sorry, could not find anything matching your search",
+    lookupHandler: schoolFetcher,
+    mapOptionToString: schoolToString,
+    onSelect: onSelect
+  }, rest));
+};
+
+var _default = SimpleSchoolLookup;
+exports.default = _default;

package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.md

@@ -0,0 +1,7 @@
+```js
+
+import SimpleSchoolLookup from './SimpleSchoolLookup';
+
+<SimpleSchoolLookup onSelect={data => console.log(data)}/>
+
+```

package/dist/components/Molecules/SingleMessage/SingleMessage.js

@@ -24,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 allPlayers = {};
-/** Single Message is our main component usually to build landing pages */
+/* Single Message is our main component usually to build landing pages */
 
 var SingleMessage = function SingleMessage(_ref) {
   var backgroundColor = _ref.backgroundColor,

package/dist/components/Molecules/SingleMessage/__snapshots__/SingleMessage.test.js.snap

@@ -896,6 +896,10 @@ exports[`renders Single Message with full width image and no text correctly 1`]
   z-index: 1;
 }
 
+@media (min-width:740px) {
+
+}
+
 @media (min-width:740px) {
   .c0 {
     -webkit-flex-direction: row;
@@ -1010,6 +1014,10 @@ exports[`renders Single Message with no Image correctly 1`] = `
   padding: 1rem;
 }
 
+@media (min-width:740px) {
+
+}
+
 @media (min-width:740px) {
   .c0 {
     -webkit-flex-direction: row;

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js

@@ -25,6 +25,8 @@ var _SingleMessageDs = require("./SingleMessageDs.style");
 
 var _play = _interopRequireDefault(require("./assets/play.png"));
 
+var _excluded = ["backgroundColor", "imageLeft", "imageLow", "images", "image", "imageAltText", "height", "width", "subtitle", "children", "link", "linkLabel", "ctaBgColor", "target", "linkIcon", "youTubeId"];
+
 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; }
@@ -46,7 +48,7 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
       target = _ref.target,
       linkIcon = _ref.linkIcon,
       youTubeId = _ref.youTubeId,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["backgroundColor", "imageLeft", "imageLow", "images", "image", "imageAltText", "height", "width", "subtitle", "children", "link", "linkLabel", "ctaBgColor", "target", "linkIcon", "youTubeId"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -19,7 +19,7 @@ var boxShadow = 'box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15)';
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Container",
-  componentId: "s8zd7s-0"
+  componentId: "sc-s8zd7s-0"
 })(["display:flex;position:relative;flex-direction:column;justify-content:space-around;background:", ";@media ", "{flex-direction:", ";}"], function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -35,13 +35,13 @@ var Container = _styledComponents.default.div.withConfig({
 exports.Container = Container;
 var Subtitle = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SingleMessageDsstyle__Subtitle",
-  componentId: "s8zd7s-1"
+  componentId: "sc-s8zd7s-1"
 })(["letter-spacing:0.03em;text-transform:uppercase;"]);
 exports.Subtitle = Subtitle;
 
 var Image = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Image",
-  componentId: "s8zd7s-2"
+  componentId: "sc-s8zd7s-2"
 })(["height:100%;@media ", "{height:448px;}img{border-radius:1rem;", ";}"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('small');
@@ -51,7 +51,7 @@ exports.Image = Image;
 
 var MediaLink = _styledComponents.default.a.withConfig({
   displayName: "SingleMessageDsstyle__MediaLink",
-  componentId: "s8zd7s-3"
+  componentId: "sc-s8zd7s-3"
 })(["", ";@media ", "{margin:0;height:448px;flex-grow:0;flex-shrink:0;flex-basis:50%;}"], function (_ref5) {
   var imageLeft = _ref5.imageLeft;
   return imageLeft ? "margin-right: ".concat((0, _spacing.default)('m')) : "margin-left: ".concat((0, _spacing.default)('m'));
@@ -64,28 +64,28 @@ exports.MediaLink = MediaLink;
 
 var PlayHolder = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__PlayHolder",
-  componentId: "s8zd7s-4"
+  componentId: "sc-s8zd7s-4"
 })(["position:relative;"]);
 
 exports.PlayHolder = PlayHolder;
 
 var PlayImage = _styledComponents.default.img.withConfig({
   displayName: "SingleMessageDsstyle__PlayImage",
-  componentId: "s8zd7s-5"
+  componentId: "sc-s8zd7s-5"
 })(["position:absolute;margin:auto;", ";top:0;right:0;bottom:0;left:0;"], (0, _zIndex.default)('medium'));
 
 exports.PlayImage = PlayImage;
 
 var CloseButton = _styledComponents.default.button.withConfig({
   displayName: "SingleMessageDsstyle__CloseButton",
-  componentId: "s8zd7s-6"
+  componentId: "sc-s8zd7s-6"
 })(["position:absolute;z-index:2;top:-45px;right:0px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(45deg);}:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(-45deg);}"]);
 
 exports.CloseButton = CloseButton;
 
 var CTA = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__CTA",
-  componentId: "s8zd7s-7"
+  componentId: "sc-s8zd7s-7"
 })(["position:absolute;bottom:-", ";", ";a{font-family:", ";}@media ", "{", "}"], (0, _spacing.default)('m'), (0, _zIndex.default)('medium'), function (_ref7) {
   var theme = _ref7.theme;
   return theme.fontFamilies('Montserrat');
@@ -101,7 +101,7 @@ exports.CTA = CTA;
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Copy",
-  componentId: "s8zd7s-8"
+  componentId: "sc-s8zd7s-8"
 })(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{height:448px;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
   var theme = _ref10.theme,
       backgroundColor = _ref10.backgroundColor;

package/dist/components/Molecules/Typeahead/Typeahead.js

@@ -21,6 +21,8 @@ var _lodash = require("lodash");
 
 var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
 
+var _excluded = ["optionFetcher", "optionParser", "onSelect", "id", "label", "name", "dropdownInstruction", "notFoundMessage", "fetchErrorHandler"];
+
 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 Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       dropdownInstruction = _ref.dropdownInstruction,
       notFoundMessage = _ref.notFoundMessage,
       fetchErrorHandler = _ref.fetchErrorHandler,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["optionFetcher", "optionParser", "onSelect", "id", "label", "name", "dropdownInstruction", "notFoundMessage", "fetchErrorHandler"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Molecules/VideoBanner/VideoBanner.js

@@ -24,7 +24,7 @@ var Video = _styledComponents.default.video.attrs(function () {
   };
 }).withConfig({
   displayName: "VideoBanner__Video",
-  componentId: "wxn2ep-0"
+  componentId: "sc-wxn2ep-0"
 })(["width:100%;height:100%;"]);
 
 var VideoBanner = function VideoBanner(_ref) {

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

@@ -19,7 +19,7 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var CookieWrapper = _styledComponents.default.div.withConfig({
   displayName: "CookieBannerstyle__CookieWrapper",
-  componentId: "m69qcz-0"
+  componentId: "sc-m69qcz-0"
 })(["display:flex;position:relative;padding:", ";background:", ";flex-direction:column;", ";"], (0, _spacing.default)('md'), function (_ref) {
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
@@ -28,7 +28,7 @@ var CookieWrapper = _styledComponents.default.div.withConfig({
 exports.CookieWrapper = CookieWrapper;
 var CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "CookieBannerstyle__CookieText",
-  componentId: "m69qcz-1"
+  componentId: "sc-m69qcz-1"
 })(["line-height:1.5;margin:0;&:first-of-type{margin-bottom:", ";}@media ", "{width:75%;margin:", " auto;&:first-of-type{margin-bottom:", ";}}"], (0, _spacing.default)('sm'), function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('small');
@@ -36,7 +36,7 @@ var CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
 exports.CookieText = CookieText;
 var AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__AcceptCookieBtn",
-  componentId: "m69qcz-2"
+  componentId: "sc-m69qcz-2"
 })(["padding:", " ", ";display:block;margin-bottom:10px;@media ", "{margin:0 ", " 0 0;display:inline-block;}"], (0, _spacing.default)('sm'), (0, _spacing.default)('md'), function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('small');
@@ -44,7 +44,7 @@ var AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
 exports.AcceptCookieBtn = AcceptCookieBtn;
 var LinkStyle = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__LinkStyle",
-  componentId: "m69qcz-3"
+  componentId: "sc-m69qcz-3"
 })(["color:", ";padding:0 ", " 1px;border-bottom:2px solid;"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.color('white');

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

@@ -23,6 +23,8 @@ var _Donate = require("../Donate.style");
 
 var _GivingSelector = _interopRequireDefault(require("../GivingSelector/GivingSelector"));
 
+var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys"];
+
 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; }
@@ -37,7 +39,7 @@ var Signup = function Signup(_ref) {
       cartID = _ref.cartID,
       mbshipID = _ref.mbshipID,
       noMoneyBuys = _ref.noMoneyBuys,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)('single'),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

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 />
+</>
+
 ```