@comicrelief/component-library 7.22.1 → 7.23.0

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

@@ -1,21 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _axios = _interopRequireDefault(require("axios"));
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Typeahead = _interopRequireDefault(require("./Typeahead"));
-
 var schoolsLookup = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
     var response;
@@ -29,13 +21,11 @@ var schoolsLookup = /*#__PURE__*/function () {
                 query: query
               }
             });
-
           case 2:
             response = _context.sent;
             return _context.abrupt("return", response.data.data.schools.map(function (school) {
               return school.name;
             }));
-
           case 4:
           case "end":
             return _context.stop();
@@ -43,12 +33,10 @@ var schoolsLookup = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function schoolsLookup(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
 it('renders correctly', function () {
   var renderer = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Typeahead.default, {
     optionFetcher: schoolsLookup,

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 var Video = _styledComponents.default.video.attrs(function () {
   return {
     playsInline: true
@@ -25,28 +18,23 @@ var Video = _styledComponents.default.video.attrs(function () {
   displayName: "VideoBanner__Video",
   componentId: "sc-wxn2ep-0"
 })(["width:100%;height:100%;"]);
-
 var VideoBanner = function VideoBanner(_ref) {
   var video = _ref.video,
-      poster = _ref.poster,
-      controls = _ref.controls,
-      autoPlay = _ref.autoPlay,
-      loop = _ref.loop,
-      muted = _ref.muted,
-      showPosterAfterPlaying = _ref.showPosterAfterPlaying;
-
+    poster = _ref.poster,
+    controls = _ref.controls,
+    autoPlay = _ref.autoPlay,
+    loop = _ref.loop,
+    muted = _ref.muted,
+    showPosterAfterPlaying = _ref.showPosterAfterPlaying;
   // Use the prop as our default
   var _useState = (0, _react.useState)(muted),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isMuted = _useState2[0],
-      setIsMuted = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isMuted = _useState2[0],
+    setIsMuted = _useState2[1];
   var videoEl = (0, _react.useRef)(null);
-
   var triggerPlay = function triggerPlay() {
     videoEl.current.play();
   };
-
   (0, _react.useEffect)(function () {
     // Trigger onload autoplay based on prop:
     if (autoPlay) {
@@ -54,9 +42,9 @@ var VideoBanner = function VideoBanner(_ref) {
       // update accordingly; see https://developer.chrome.com/blog/autoplay/
       setIsMuted(true);
       triggerPlay();
-    } // And attach event listener based on prop:
-
+    }
 
+    // And attach event listener based on prop:
     if (!loop && showPosterAfterPlaying) {
       videoEl.current.addEventListener('ended', function () {
         // Reloads video, which re-shows poster
@@ -73,7 +61,6 @@ var VideoBanner = function VideoBanner(_ref) {
     muted: isMuted
   }, "Your browser does not support video.");
 };
-
 VideoBanner.defaultProps = {
   showPosterAfterPlaying: true,
   controls: false,
@@ -81,5 +68,4 @@ VideoBanner.defaultProps = {
   loop: false,
   muted: true
 };
-var _default = VideoBanner;
-exports.default = _default;
+var _default = exports.default = VideoBanner;

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

@@ -1,17 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _VideoBanner = _interopRequireDefault(require("./VideoBanner"));
-
 var _VideoBannerPosterImage = _interopRequireDefault(require("../../../styleguide/assets/VideoBannerPosterImage.png"));
-
 it("renders correctly", function () {
   var src = "https://www.comicrelief.com/sites/default/files/downloads/Creativists_Logo_Web_small_V2_0.mp4";
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_VideoBanner.default, {

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

@@ -1,20 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _CookieBanner = require("./CookieBanner.style");
-
 var CookieBanner = function CookieBanner(_ref) {
   var acceptCookie = _ref.acceptCookie,
-      denyCookie = _ref.denyCookie,
-      cookiePolicyUrl = _ref.cookiePolicyUrl;
+    denyCookie = _ref.denyCookie,
+    cookiePolicyUrl = _ref.cookiePolicyUrl;
   return /*#__PURE__*/_react.default.createElement(_CookieBanner.CookieWrapper, null, /*#__PURE__*/_react.default.createElement(_CookieBanner.CookieText, {
     tag: "p",
     color: "white"
@@ -35,6 +31,4 @@ var CookieBanner = function CookieBanner(_ref) {
     onClick: denyCookie
   }, "here"), "to deny these."));
 };
-
-var _default = CookieBanner;
-exports.default = _default;
+var _default = exports.default = CookieBanner;

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

@@ -1,52 +1,40 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.LinkStyle = exports.AcceptCookieBtn = exports.CookieText = exports.CookieWrapper = void 0;
-
+exports.LinkStyle = exports.CookieWrapper = exports.CookieText = exports.AcceptCookieBtn = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
-var CookieWrapper = _styledComponents.default.div.withConfig({
+var CookieWrapper = exports.CookieWrapper = _styledComponents.default.div.withConfig({
   displayName: "CookieBannerstyle__CookieWrapper",
   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');
 }, (0, _zIndex.default)('high'));
-
-exports.CookieWrapper = CookieWrapper;
-var CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
+var CookieText = exports.CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "CookieBannerstyle__CookieText",
   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');
 }, (0, _spacing.default)('none'), (0, _spacing.default)('md'));
-exports.CookieText = CookieText;
-var AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
+var AcceptCookieBtn = exports.AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__AcceptCookieBtn",
   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');
 }, (0, _spacing.default)('xsm'));
-exports.AcceptCookieBtn = AcceptCookieBtn;
-var LinkStyle = (0, _styledComponents.default)(_Link.default).withConfig({
+var LinkStyle = exports.LinkStyle = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__LinkStyle",
   componentId: "sc-m69qcz-3"
 })(["color:", ";padding:0 ", " 1px;border-bottom:2px solid;"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.color('white');
-}, (0, _spacing.default)('xsm'));
-exports.LinkStyle = LinkStyle;
+}, (0, _spacing.default)('xsm'));

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

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _CookieBanner = _interopRequireDefault(require("./CookieBanner"));
-
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_CookieBanner.default, {
     acceptCookie: function acceptCookie(e) {

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

@@ -1,73 +1,63 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactResponsive = require("react-responsive");
-
 var _size = require("../../../theme/shared/size");
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _Form = _interopRequireDefault(require("./Form/Form"));
-
 var _Donate = require("./Donate.style");
-
-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; }
-
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) { if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } } return n.default = e, t && t.set(e, n), n; }
 var Donate = function Donate(_ref) {
   var alt = _ref.alt,
-      cartID = _ref.cartID,
-      clientID = _ref.clientID,
-      desktopOverlayColor = _ref.desktopOverlayColor,
-      mobileBackgroundColor = _ref.mobileBackgroundColor,
-      submitButtonColor = _ref.submitButtonColor,
-      textColor = _ref.textColor,
-      donateLink = _ref.donateLink,
-      data = _ref.data,
-      title = _ref.title,
-      subtitle = _ref.subtitle,
-      otherAmountText = _ref.otherAmountText,
-      formAlignRight = _ref.formAlignRight,
-      images = _ref.images,
-      image = _ref.image,
-      imageLow = _ref.imageLow,
-      mobileImages = _ref.mobileImages,
-      mobileImage = _ref.mobileImage,
-      mobileImageLow = _ref.mobileImageLow,
-      mobileAlt = _ref.mobileAlt,
-      mbshipID = _ref.mbshipID,
-      noMoneyBuys = _ref.noMoneyBuys,
-      PopUpText = _ref.PopUpText,
-      chooseAmountText = _ref.chooseAmountText,
-      isDesktopOverride = _ref.isDesktopOverride,
-      otherAmountValue = _ref.otherAmountValue;
+    cartID = _ref.cartID,
+    clientID = _ref.clientID,
+    desktopOverlayColor = _ref.desktopOverlayColor,
+    mobileBackgroundColor = _ref.mobileBackgroundColor,
+    submitButtonColor = _ref.submitButtonColor,
+    textColor = _ref.textColor,
+    donateLink = _ref.donateLink,
+    data = _ref.data,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    otherAmountText = _ref.otherAmountText,
+    formAlignRight = _ref.formAlignRight,
+    images = _ref.images,
+    image = _ref.image,
+    imageLow = _ref.imageLow,
+    mobileImages = _ref.mobileImages,
+    mobileImage = _ref.mobileImage,
+    mobileImageLow = _ref.mobileImageLow,
+    mobileAlt = _ref.mobileAlt,
+    mbshipID = _ref.mbshipID,
+    noMoneyBuys = _ref.noMoneyBuys,
+    PopUpText = _ref.PopUpText,
+    chooseAmountText = _ref.chooseAmountText,
+    isDesktopOverride = _ref.isDesktopOverride,
+    otherAmountValue = _ref.otherAmountValue;
   var isDesktop = (0, _reactResponsive.useMediaQuery)({
     query: "(min-width: ".concat(_size.screen.medium, ")")
-  }); // To let us store any updated override, and force a re-render
+  });
 
+  // To let us store any updated override, and force a re-render
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      overrideValue = _useState2[0],
-      setOverrideValue = _useState2[1]; // Store the updated override value
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    overrideValue = _useState2[0],
+    setOverrideValue = _useState2[1];
 
+  // Store the updated override value
   (0, _react.useEffect)(function () {
     setOverrideValue(isDesktopOverride);
-  }, [isDesktopOverride]); // If a boolean value has been passed, let it replace our 'internal' value
+  }, [isDesktopOverride]);
 
+  // If a boolean value has been passed, let it replace our 'internal' value
   isDesktop = overrideValue !== null ? overrideValue : isDesktop;
   return /*#__PURE__*/_react.default.createElement(_Donate.Container, {
     mobileBackgroundColor: mobileBackgroundColor,
@@ -123,7 +113,6 @@ var Donate = function Donate(_ref) {
     otherAmountValue: otherAmountValue
   })));
 };
-
 Donate.defaultProps = {
   alt: '',
   data: {},
@@ -149,5 +138,4 @@ Donate.defaultProps = {
   otherAmountValue: null,
   title: null
 };
-var _default = Donate;
-exports.default = _default;
+var _default = exports.default = Donate;

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

@@ -1,94 +1,68 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Legend = exports.OuterFieldset = exports.AmountField = exports.MoneyBuys = exports.Form = exports.Wrapper = exports.Label = exports.HeaderInner = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Error = exports.PopUp = exports.Container = exports.Copy = exports.Button = exports.BgImage = void 0;
-
+exports.Wrapper = exports.PopUp = exports.OuterFieldset = exports.MoneyBuys = exports.Legend = exports.Label = exports.HeaderInner = exports.Header = exports.FormWrapper = exports.FormFieldset = exports.Form = exports.Error = exports.Copy = exports.Container = exports.Button = exports.BgImage = exports.AmountField = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _size = require("../../../theme/shared/size");
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 // import styled, { css } from 'styled-components';
-var Container = _styledComponents.default.div.withConfig({
+
+var Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Container",
   componentId: "sc-8rjm3t-0"
 })(["position:relative;display:flex;flex-direction:column;justify-content:center;height:auto;background-color:", ";", "{flex-direction:row;align-items:center;justify-content:inherit;background-color:", ";}"], function (_ref) {
   var theme = _ref.theme,
-      mobileBackgroundColor = _ref.mobileBackgroundColor;
+    mobileBackgroundColor = _ref.mobileBackgroundColor;
   return theme.color(mobileBackgroundColor);
 }, (0, _size.media)('medium'), function (_ref2) {
   var theme = _ref2.theme,
-      desktopOverlayColor = _ref2.desktopOverlayColor;
+    desktopOverlayColor = _ref2.desktopOverlayColor;
   return theme.color(desktopOverlayColor);
 });
-
-exports.Container = Container;
-
-var PopUp = _styledComponents.default.div.withConfig({
+var PopUp = exports.PopUp = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__PopUp",
   componentId: "sc-8rjm3t-1"
 })(["background:green;height:100px;"]);
-
-exports.PopUp = PopUp;
-var BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
+var BgImage = exports.BgImage = (0, _styledComponents.default)(_Picture.default).withConfig({
   displayName: "Donatestyle__BgImage",
   componentId: "sc-8rjm3t-2"
 })(["display:block;position:absolute;bottom:0;left:0;right:0;height:100%;", ""], function (_ref3) {
   var backgroundColor = _ref3.backgroundColor;
   return backgroundColor !== 'transparent' && "\n    opacity: 0.4;\n  ";
 });
-exports.BgImage = BgImage;
-
-var Wrapper = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Wrapper",
   componentId: "sc-8rjm3t-3"
 })(["position:relative;text-align:center;padding:", " ", ";flex-direction:row;align-items:center;display:block;width:100%;flex-direction:", ";", "{padding:", " ", ";}", "{display:flex;padding:", " 0;}"], (0, _spacing.default)('l'), (0, _spacing.default)('md'), function (_ref4) {
   var formAlignRight = _ref4.formAlignRight;
   return formAlignRight === true ? 'row-reverse' : 'row';
 }, (0, _size.media)('small'), (0, _spacing.default)('xl'), (0, _spacing.default)('md'), (0, _size.media)('medium'), (0, _spacing.default)('xl'));
-
-exports.Wrapper = Wrapper;
-
-var Header = _styledComponents.default.div.withConfig({
+var Header = exports.Header = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__Header",
   componentId: "sc-8rjm3t-4"
 })(["width:100%;display:flex;font-family:", ";", "{width:50%;padding:", ";align-items:center;}"], function (_ref5) {
   var theme = _ref5.theme;
   return theme.fontFamilies(theme.font.regular);
 }, (0, _size.media)('medium'), (0, _spacing.default)('xl'));
-
-exports.Header = Header;
-
-var HeaderInner = _styledComponents.default.div.withConfig({
+var HeaderInner = exports.HeaderInner = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__HeaderInner",
   componentId: "sc-8rjm3t-5"
 })(["position:relative;text-align:left;"]);
-
-exports.HeaderInner = HeaderInner;
-
-var FormWrapper = _styledComponents.default.div.withConfig({
+var FormWrapper = exports.FormWrapper = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__FormWrapper",
   componentId: "sc-8rjm3t-6"
 })(["position:relative;font-family:", ";", "{width:50%;}"], function (_ref6) {
   var theme = _ref6.theme;
   return theme.fontFamilies(theme.font.regular);
 }, (0, _size.media)('medium'));
-
-exports.FormWrapper = FormWrapper;
-var Error = (0, _styledComponents.default)(_Text.default).withConfig({
+var Error = exports.Error = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Error",
   componentId: "sc-8rjm3t-7"
 })(["color:", ";font-size:", ";font-weight:500;margin-top:", ";"], function (_ref7) {
@@ -98,51 +72,34 @@ var Error = (0, _styledComponents.default)(_Text.default).withConfig({
   var theme = _ref8.theme;
   return theme.fontSize('s');
 }, (0, _spacing.default)('l'));
-exports.Error = Error;
-
-var Form = _styledComponents.default.form.withConfig({
+var Form = exports.Form = _styledComponents.default.form.withConfig({
   displayName: "Donatestyle__Form",
   componentId: "sc-8rjm3t-8"
 })(["position:relative;width:100%;background-color:", ";box-shadow:0px 0px 16px rgba(0,0,0,0.15);border-radius:10px;margin-top:", ";h3{margin-top:", ";}input{max-width:100%;margin:0;}input[type='submit']{margin:", " 0;}", "{width:450px;margin-right:auto;margin-left:auto;}"], function (_ref9) {
   var theme = _ref9.theme;
   return theme.color('white');
 }, (0, _spacing.default)('md'), (0, _spacing.default)('md'), (0, _spacing.default)('l'), (0, _size.media)('small'));
-
-exports.Form = Form;
-
-var OuterFieldset = _styledComponents.default.fieldset.withConfig({
+var OuterFieldset = exports.OuterFieldset = _styledComponents.default.fieldset.withConfig({
   displayName: "Donatestyle__OuterFieldset",
   componentId: "sc-8rjm3t-9"
 })(["padding:0 ", " ", ";margin:0;border:none;", "{padding:0 ", " ", ";}input[type='submit']{margin-bottom:0;}"], (0, _spacing.default)('md'), (0, _spacing.default)('md'), (0, _size.media)('small'), (0, _spacing.default)('l'), (0, _spacing.default)('l'));
-
-exports.OuterFieldset = OuterFieldset;
-
-var Legend = _styledComponents.default.legend.withConfig({
+var Legend = exports.Legend = _styledComponents.default.legend.withConfig({
   displayName: "Donatestyle__Legend",
   componentId: "sc-8rjm3t-10"
 })(["margin:0;padding:", " ", ";display:block;width:100%;"], (0, _spacing.default)('l'), (0, _spacing.default)('sm'));
-
-exports.Legend = Legend;
-
-var MoneyBuys = _styledComponents.default.div.withConfig({
+var MoneyBuys = exports.MoneyBuys = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__MoneyBuys",
   componentId: "sc-8rjm3t-11"
 })(["display:flex;justify-content:space-between;flex-direction:column;margin-bottom:", ";", "{flex-direction:row;}label{flex:0 0 30%;margin-bottom:", ";", "{margin-bottom:0;}input{cursor:pointer;padding:", "  ", ";}}"], (0, _spacing.default)('l'), (0, _size.media)('small'), (0, _spacing.default)('sm'), (0, _size.media)('small'), (0, _spacing.default)('m'), (0, _spacing.default)('sm'));
-
-exports.MoneyBuys = MoneyBuys;
-
-var FormFieldset = _styledComponents.default.div.withConfig({
+var FormFieldset = exports.FormFieldset = _styledComponents.default.div.withConfig({
   displayName: "Donatestyle__FormFieldset",
   componentId: "sc-8rjm3t-12"
 })(["display:flex;align-items:center;justify-content:center;"]);
-
-exports.FormFieldset = FormFieldset;
-var Label = (0, _styledComponents.default)(_Text.default).withConfig({
+var Label = exports.Label = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Label",
   componentId: "sc-8rjm3t-13"
 })(["margin-right:", ";"], (0, _spacing.default)('sm'));
-exports.Label = Label;
-var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
+var AmountField = exports.AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
   displayName: "Donatestyle__AmountField",
   componentId: "sc-8rjm3t-14"
 })(["position:relative;flex-basis:50%;flex-shrink:0;flex-grow:0;font-weight:400;display:block;", "{flex-basis:60%;}span{position:absolute;font-size:20px;top:50%;transform:translateY(-50%);left:0px;font-weight:500;padding:0px 15px;", ";}input{height:48px;border:2px solid ", ";background:", ";border-radius:10px;padding:", " ", " ", " ", ";&:focus{outline:none;border:2px solid ", ";}}"], (0, _size.media)('small'), (0, _zIndex.default)('high'), function (_ref10) {
@@ -155,14 +112,11 @@ var AmountField = (0, _styledComponents.default)(_Input.default).withConfig({
   var theme = _ref12.theme;
   return theme.color('grey');
 });
-exports.AmountField = AmountField;
-var Copy = (0, _styledComponents.default)(_Text.default).withConfig({
+var Copy = exports.Copy = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Donatestyle__Copy",
   componentId: "sc-8rjm3t-15"
 })(["line-height:1.5;margin-top:", ";"], (0, _spacing.default)('l'));
-exports.Copy = Copy;
-
-var Button = _styledComponents.default.button.withConfig({
+var Button = exports.Button = _styledComponents.default.button.withConfig({
   displayName: "Donatestyle__Button",
   componentId: "sc-8rjm3t-16"
 })(["width:100%;margin:", " 0 ", ";color:", ";font-size:", ";font-weight:bold;cursor:pointer;min-height:48px;background:", ";text-decoration:none;border-radius:2rem;border:none;box-shadow:0px 0px 16px rgba(0,0,0,0.15);appearance:none;:active,:focus,:hover{outline:none;background-color:", ";}", "{padding:", " ", ";}"], (0, _spacing.default)('l'), (0, _spacing.default)('l'), function (_ref13) {
@@ -173,11 +127,9 @@ var Button = _styledComponents.default.button.withConfig({
   return theme.fontSize('s');
 }, function (_ref15) {
   var theme = _ref15.theme,
-      color = _ref15.color;
+    color = _ref15.color;
   return theme.color(color);
 }, function (_ref16) {
   var theme = _ref16.theme;
   return theme.color('coral_dark');
-}, (0, _size.media)('small'), (0, _spacing.default)('md'), (0, _spacing.default)('l'));
-
-exports.Button = Button;
+}, (0, _size.media)('small'), (0, _spacing.default)('md'), (0, _spacing.default)('l'));

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

@@ -1,21 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Donate = _interopRequireDefault(require("./Donate"));
-
 var _data = _interopRequireDefault(require("./dev-data/data"));
-
 var _dataSingle = _interopRequireDefault(require("./dev-data/data-single"));
-
 var defaultData = require('../../../styleguide/data/data').defaultData;
-
 it('Monthly donation renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Donate.default, {
     alt: "Background image",