@comicrelief/component-library 7.22.1 → 7.23.0

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

@@ -1,99 +1,64 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ClearButton = exports.CheckInput = exports.Overlay = exports.CheckLabel = exports.LabelGroup = void 0;
-
+exports.Overlay = exports.LabelGroup = exports.ClearButton = exports.CheckLabel = exports.CheckInput = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 var _breakpoint = _interopRequireDefault(require("../../../theme/shared/breakpoint"));
-
 var _CR_RedShed = _interopRequireDefault(require("./assets/CR_RedShed.svg"));
-
 var _CR_Funding = _interopRequireDefault(require("./assets/CR_Funding.svg"));
-
 var _CR_MentalHealth = _interopRequireDefault(require("./assets/CR_MentalHealth.svg"));
-
 var _CR_SocialTech = _interopRequireDefault(require("./assets/CR_SocialTech.svg"));
-
 var _CR_Sport = _interopRequireDefault(require("./assets/CR_Sport.svg"));
-
 var _CR_Justice = _interopRequireDefault(require("./assets/CR_Justice.svg"));
-
 var _CR_SafePlace = _interopRequireDefault(require("./assets/CR_SafePlace.svg"));
-
 var _CR_Partnerships = _interopRequireDefault(require("./assets/CR_Partnerships.svg"));
-
 var _CR_Children = _interopRequireDefault(require("./assets/CR_Children.svg"));
-
 var _clear = _interopRequireDefault(require("./assets/clear.svg"));
-
 var selectIcon = function selectIcon(name) {
   switch (name) {
     case 'How we Fund':
       return _CR_Funding.default;
-
     case 'Red Shed':
       return _CR_RedShed.default;
-
     case 'Mental Health':
       return _CR_MentalHealth.default;
-
     case 'Social Tech':
       return _CR_SocialTech.default;
-
     case 'Gender Justice':
       return _CR_Justice.default;
-
     case 'Sport for Change':
       return _CR_Sport.default;
-
     case 'Safe Place to Be':
       return _CR_SafePlace.default;
-
     case 'Partnerships':
       return _CR_Partnerships.default;
-
     case 'Children Survive & Thrive':
       return _CR_Children.default;
-
     default:
       return null;
   }
 };
-
-var LabelGroup = _styledComponents.default.div.withConfig({
+var LabelGroup = exports.LabelGroup = _styledComponents.default.div.withConfig({
   displayName: "Chipstyle__LabelGroup",
   componentId: "sc-6s9oo3-0"
 })(["display:flex;flex-wrap:wrap;"]);
-
-exports.LabelGroup = LabelGroup;
-
-var CheckLabel = _styledComponents.default.label.withConfig({
+var CheckLabel = exports.CheckLabel = _styledComponents.default.label.withConfig({
   displayName: "Chipstyle__CheckLabel",
   componentId: "sc-6s9oo3-1"
 })(["display:flex;align-items:center;width:auto;height:48px;border-radius:2rem;background-color:#d5d5d5;margin:", " ", " 0 0;padding:4px;padding-right:1rem;flex:0 0 auto;position:relative;", "{margin:", " ", " 0 0;}"], (0, _spacing.default)('sm'), (0, _spacing.default)('sm'), (0, _breakpoint.default)('small'), (0, _spacing.default)('md'), (0, _spacing.default)('md'));
-
-exports.CheckLabel = CheckLabel;
-
-var Overlay = _styledComponents.default.span.withConfig({
+var Overlay = exports.Overlay = _styledComponents.default.span.withConfig({
   displayName: "Chipstyle__Overlay",
   componentId: "sc-6s9oo3-2"
 })(["display:block;position:absolute;width:100%;height:100%;opacity:0.2;border-radius:2rem;left:0;top:0;right:0;bottom:0;", ";:hover{background:", ";}"], (0, _zIndex.default)('low'), function (_ref) {
   var theme = _ref.theme;
   return theme.color('grey_medium');
 });
-
-exports.Overlay = Overlay;
-
-var CheckInput = _styledComponents.default.input.withConfig({
+var CheckInput = exports.CheckInput = _styledComponents.default.input.withConfig({
   displayName: "Chipstyle__CheckInput",
   componentId: "sc-6s9oo3-3"
 })(["font-size:", ";display:block;box-sizing:border-box;opacity:0;position:absolute;left:0px;width:40px;height:40px;margin:0;border:1px solid ", ";+ span{background:url(", ") no-repeat center;background-size:24px;margin-right:", ";width:40px;height:40px;border-radius:50%;background-color:", ";float:left;", ";}:checked ~ span{background-size:24px;background-color:", ";}:focus + span{border-color:", ";border-width:3px;}:focus + span{border-color:", ";border-width:3px;}"], function (_ref2) {
@@ -110,7 +75,7 @@ var CheckInput = _styledComponents.default.input.withConfig({
   return theme.color('grey');
 }, (0, _zIndex.default)('medium'), function (_ref6) {
   var theme = _ref6.theme,
-      color = _ref6.color;
+    color = _ref6.color;
   return theme.color(color);
 }, function (_ref7) {
   var theme = _ref7.theme;
@@ -119,10 +84,7 @@ var CheckInput = _styledComponents.default.input.withConfig({
   var theme = _ref8.theme;
   return theme.color('grey_for_forms');
 });
-
-exports.CheckInput = CheckInput;
-
-var ClearButton = _styledComponents.default.button.withConfig({
+var ClearButton = exports.ClearButton = _styledComponents.default.button.withConfig({
   displayName: "Chipstyle__ClearButton",
   componentId: "sc-6s9oo3-4"
 })(["border-radius:2rem;background:none;padding:", " ", ";margin:", " 0 0 0;border:1px solid ", ";outline:none;padding-left:3rem;position:relative;height:48px;:focus{border-color:", ";}:before{content:'';background:url(", ") no-repeat center;width:20px;height:20px;display:block;position:absolute;left:1rem;}"], (0, _spacing.default)('sm'), (0, _spacing.default)('md'), (0, _spacing.default)('md'), function (_ref9) {
@@ -131,6 +93,4 @@ var ClearButton = _styledComponents.default.button.withConfig({
 }, function (_ref10) {
   var theme = _ref10.theme;
   return theme.color('grey_for_forms');
-}, _clear.default);
-
-exports.ClearButton = ClearButton;
+}, _clear.default);

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

@@ -1,20 +1,14 @@
 "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 _Chip = _interopRequireDefault(require("./Chip"));
-
 it('renders article teaser correctly', function () {
   var handleToggle = function handleToggle(e) {
     return e.target.value;
   };
-
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Chip.default, {
     category: "Gender Justice",
     handleToggle: handleToggle

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

@@ -1,47 +1,35 @@
 "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 _moment = _interopRequireDefault(require("moment"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Countdown = require("./Countdown.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 Countdown = function Countdown(_ref) {
   var endDate = _ref.endDate,
-      color = _ref.color,
-      endMessage = _ref.endMessage,
-      introMessage = _ref.introMessage;
-
+    color = _ref.color,
+    endMessage = _ref.endMessage,
+    introMessage = _ref.introMessage;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      countdownHasEnded = _useState2[0],
-      setCountdownHasEnded = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    countdownHasEnded = _useState2[0],
+    setCountdownHasEnded = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    days: '00',
-    hours: '00',
-    minutes: '00',
-    seconds: '00'
-  }),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      countdownTime = _useState4[0],
-      setCountdownTime = _useState4[1];
-
+      days: '00',
+      hours: '00',
+      minutes: '00',
+      seconds: '00'
+    }),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    countdownTime = _useState4[0],
+    setCountdownTime = _useState4[1];
   var countDownDate = (0, _moment.default)(endDate);
   (0, _react.useEffect)(function () {
     var interval = setInterval(function () {
@@ -57,7 +45,6 @@ var Countdown = function Countdown(_ref) {
         minutes: minutes,
         seconds: seconds
       });
-
       if (countDownDate.diff(now, 'seconds') < 1) {
         setCountdownHasEnded(true);
       }
@@ -109,11 +96,9 @@ var Countdown = function Countdown(_ref) {
     uppercase: true
   }, "seconds"))));
 };
-
 Countdown.defaultProps = {
   color: 'black',
   endMessage: null,
   introMessage: null
 };
-var _default = Countdown;
-exports.default = _default;
+var _default = exports.default = Countdown;

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Digits = exports.Wrapper = void 0;
-
+exports.Wrapper = exports.Digits = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
-var Wrapper = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Wrapper",
   componentId: "sc-zj2fle-0"
 })(["display:flex;"]);
-
-exports.Wrapper = Wrapper;
-
-var Digits = _styledComponents.default.div.withConfig({
+var Digits = exports.Digits = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Digits",
   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;
+})(["display:flex;flex-direction:column;align-items:center;margin:0 ", ";&:first-child{margin-left:0;}"], (0, _spacing.default)('sm'));

package/dist/components/Molecules/Descriptor/Descriptor.js

@@ -1,46 +1,27 @@
 "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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _CR__Funding = _interopRequireDefault(require("./assets/CR__Funding.svg"));
-
 var _CR__Justice = _interopRequireDefault(require("./assets/CR__Justice.svg"));
-
 var _CR__MentalHealth = _interopRequireDefault(require("./assets/CR__MentalHealth.svg"));
-
 var _CR__Shed = _interopRequireDefault(require("./assets/CR__Shed.svg"));
-
 var _CR__SocialTech = _interopRequireDefault(require("./assets/CR__SocialTech.svg"));
-
 var _CR__Sport = _interopRequireDefault(require("./assets/CR__Sport.svg"));
-
 var _CR__Children = _interopRequireDefault(require("./assets/CR__Children.svg"));
-
 var _CR__Home = _interopRequireDefault(require("./assets/CR__Home.svg"));
-
 var _CR__Learning = _interopRequireDefault(require("./assets/CR__Learning.svg"));
-
 var _CR__World = _interopRequireDefault(require("./assets/CR__World.svg"));
-
 var _CR__SafePlace = _interopRequireDefault(require("./assets/CR__SafePlace.svg"));
-
 var _CR__Environment = _interopRequireDefault(require("./assets/CR__Environment.svg"));
-
 var _CR__Partnerships = _interopRequireDefault(require("./assets/CR__Partnerships.svg"));
-
 var Wrapper = _styledComponents.default.article.withConfig({
   displayName: "Descriptor__Wrapper",
   componentId: "sc-1np5gzw-0"
@@ -48,93 +29,70 @@ var Wrapper = _styledComponents.default.article.withConfig({
   var theme = _ref.theme;
   return theme.color('white');
 }, (0, _spacing.default)('md'));
-
 var InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Descriptor__InnerWrapper",
   componentId: "sc-1np5gzw-1"
 })(["padding:", ";height:100%;display:flex;flex-direction:column;width:100%;"], (0, _spacing.default)('l'));
-
 var Header = _styledComponents.default.div.withConfig({
   displayName: "Descriptor__Header",
   componentId: "sc-1np5gzw-2"
 })(["display:block;"]);
-
 var Date = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Descriptor__Date",
   componentId: "sc-1np5gzw-3"
 })(["display:inline-block;margin-bottom:", ";"], (0, _spacing.default)('md'));
-
 var IconWrapper = _styledComponents.default.div.withConfig({
   displayName: "Descriptor__IconWrapper",
   componentId: "sc-1np5gzw-4"
 })(["display:flex;position:absolute;top:0;right:0;margin-right:", ";margin-top:", ";img:not(:last-child){margin-right:8px;}"], (0, _spacing.default)('l'), (0, _spacing.default)('m'));
-
 var Image = _styledComponents.default.img.withConfig({
   displayName: "Descriptor__Image",
   componentId: "sc-1np5gzw-5"
 })(["object-fit:cover;width:24px;height:24px;"]);
-
 var themeSwitcher = function themeSwitcher(theme) {
   switch (theme) {
     case 'Partnerships':
       return _CR__Partnerships.default;
-
     case 'Environment':
       return _CR__Environment.default;
-
     case 'Safe Place to Be':
       return _CR__SafePlace.default;
-
     case 'World':
       return _CR__World.default;
-
     case 'Learning':
       return _CR__Learning.default;
-
     case 'Home':
       return _CR__Home.default;
-
     case 'How We Fund':
       return _CR__Funding.default;
-
     case 'Social Tech':
       return _CR__SocialTech.default;
-
     case 'Red Shed':
       return _CR__Shed.default;
-
     case 'Mental Health':
       return _CR__MentalHealth.default;
-
     case 'Sport for Change':
       return _CR__Sport.default;
-
     case 'Gender Justice':
       return _CR__Justice.default;
-
     case 'Children Survive & Thrive':
       return _CR__Children.default;
-
     default:
       return _CR__Funding.default;
   }
 };
-
 var Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Descriptor__Title",
   componentId: "sc-1np5gzw-6"
 })(["margin:0 0 ", ";"], (0, _spacing.default)('m'));
-
 var TagWrapper = _styledComponents.default.div.withConfig({
   displayName: "Descriptor__TagWrapper",
   componentId: "sc-1np5gzw-7"
 })(["margin:0 0 ", " 0;display:flex;flex-wrap:wrap;span:not(:first-child){margin-left:", ";}span:not(:first-child)::before{content:'';position:absolute;left:-9px;bottom:5px;width:3px;height:3px;background-color:currentColor;border-radius:50%;}"], (0, _spacing.default)('md'), (0, _spacing.default)('md'));
-
 var Tag = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Descriptor__Tag",
   componentId: "sc-1np5gzw-8"
 })(["position:relative;text-transform:uppercase;"]);
-
 var Description = _styledComponents.default.div.withConfig({
   displayName: "Descriptor__Description",
   componentId: "sc-1np5gzw-9"
@@ -142,17 +100,17 @@ var Description = _styledComponents.default.div.withConfig({
   var theme = _ref2.theme;
   return theme.fontFamilies('Montserrat');
 });
+
 /**
  * Descriptor component
  */
 
-
 var Descriptor = function Descriptor(_ref3) {
   var date = _ref3.date,
-      title = _ref3.title,
-      categories = _ref3.categories,
-      tags = _ref3.tags,
-      children = _ref3.children;
+    title = _ref3.title,
+    categories = _ref3.categories,
+    tags = _ref3.tags,
+    children = _ref3.children;
   var tagItems = tags.map(function (tag, index) {
     var key = tag + index;
     return /*#__PURE__*/_react.default.createElement(Tag, {
@@ -185,6 +143,4 @@ var Descriptor = function Descriptor(_ref3) {
     family: "Anton"
   }, title), /*#__PURE__*/_react.default.createElement(TagWrapper, null, tagItems), /*#__PURE__*/_react.default.createElement(Description, null, children)));
 };
-
-var _default = Descriptor;
-exports.default = _default;
+var _default = exports.default = Descriptor;

package/dist/components/Molecules/Descriptor/Descriptor.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 _Descriptor = _interopRequireDefault(require("./Descriptor"));
-
 it('renders article teaser correctly', function () {
   var tags = ['tag1', 'tag2', 'tag3', 'tag4'];
   var categories = ['How we fund', 'Social Tech', 'Sport for Change'];

package/dist/components/Molecules/DoubleCopy/DoubleCopy.js

@@ -1,21 +1,15 @@
 "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 _DoubleCopy = require("./DoubleCopy.style");
-
 var DoubleCopy = function DoubleCopy(_ref) {
   var leftCopy = _ref.leftCopy,
-      rightCopy = _ref.rightCopy;
+    rightCopy = _ref.rightCopy;
   return /*#__PURE__*/_react.default.createElement(_DoubleCopy.Section, null, /*#__PURE__*/_react.default.createElement(_DoubleCopy.CopyWrapper, null, leftCopy), /*#__PURE__*/_react.default.createElement(_DoubleCopy.CopyWrapper, null, rightCopy));
 };
-
-var _default = DoubleCopy;
-exports.default = _default;
+var _default = exports.default = DoubleCopy;

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

@@ -1,29 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CopyWrapper = exports.Section = void 0;
-
+exports.Section = exports.CopyWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
-var Section = _styledComponents.default.section.withConfig({
+var Section = exports.Section = _styledComponents.default.section.withConfig({
   displayName: "DoubleCopystyle__Section",
   componentId: "sc-1kf782d-0"
 })(["width:100%;@media ", "{display:flex;}"], function (_ref) {
   var theme = _ref.theme;
   return theme.breakpoint('small');
 });
-
-exports.Section = Section;
-
-var CopyWrapper = _styledComponents.default.div.withConfig({
+var CopyWrapper = exports.CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "DoubleCopystyle__CopyWrapper",
   componentId: "sc-1kf782d-1"
-})(["display:flex;padding:", ";"], (0, _spacing.default)('xl'));
-
-exports.CopyWrapper = CopyWrapper;
+})(["display:flex;padding:", ";"], (0, _spacing.default)('xl'));

package/dist/components/Molecules/DoubleCopy/DoubleCopy.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 _DoubleCopy = _interopRequireDefault(require("./DoubleCopy"));
-
 var _RichText = _interopRequireDefault(require("../../Atoms/RichText/RichText"));
-
 it('renders correctly', function () {
   var content = '<h1> Left Copy</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>';
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_DoubleCopy.default, {

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

@@ -1,18 +1,13 @@
 "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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var Container = _styledComponents.default.section.withConfig({
   displayName: "HeroBanner__Container",
   componentId: "sc-c6z1hi-0"
@@ -21,7 +16,6 @@ var Container = _styledComponents.default.section.withConfig({
 }, function (props) {
   return props.theme.color('red');
 });
-
 var Image = _styledComponents.default.img.attrs(function () {
   return {
     alt: ''
@@ -30,20 +24,19 @@ var Image = _styledComponents.default.img.attrs(function () {
   displayName: "HeroBanner__Image",
   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: "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.
  */
 
-
 var HeroBanner = function HeroBanner(_ref) {
   var url = _ref.url,
-      title = _ref.title,
-      background = _ref.background;
+    title = _ref.title,
+    background = _ref.background;
   return /*#__PURE__*/_react.default.createElement(Container, {
     background: background
   }, /*#__PURE__*/_react.default.createElement(Image, {
@@ -53,6 +46,4 @@ var HeroBanner = function HeroBanner(_ref) {
     color: "white"
   }, title)));
 };
-
-var _default = HeroBanner;
-exports.default = _default;
+var _default = exports.default = HeroBanner;

package/dist/components/Molecules/InfoBanner/InfoBanner.js

@@ -1,24 +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 _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _reactCurrencyFormat = _interopRequireDefault(require("react-currency-format"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var Container = _styledComponents.default.section.withConfig({
   displayName: "InfoBanner__Container",
   componentId: "sc-1fa63jn-0"
@@ -26,7 +18,6 @@ var Container = _styledComponents.default.section.withConfig({
   var theme = _ref.theme;
   return theme.breakpoint('small');
 });
-
 var Info = _styledComponents.default.div.withConfig({
   displayName: "InfoBanner__Info",
   componentId: "sc-1fa63jn-1"
@@ -34,19 +25,19 @@ var Info = _styledComponents.default.div.withConfig({
   var theme = _ref2.theme;
   return theme.breakpoint('small');
 });
+
 /**
  * Info Banner for landing pages.
  */
 
-
 var InfoBanner = function InfoBanner(_ref3) {
   var title = _ref3.title,
-      theme = _ref3.theme,
-      themeLink = _ref3.themeLink,
-      startDate = _ref3.startDate,
-      endDate = _ref3.endDate,
-      country = _ref3.country,
-      amount = _ref3.amount;
+    theme = _ref3.theme,
+    themeLink = _ref3.themeLink,
+    startDate = _ref3.startDate,
+    endDate = _ref3.endDate,
+    country = _ref3.country,
+    amount = _ref3.amount;
   return /*#__PURE__*/_react.default.createElement(Container, null, /*#__PURE__*/_react.default.createElement(Info, null, /*#__PURE__*/_react.default.createElement(_Text.default, {
     tag: "h3",
     size: "md",
@@ -103,6 +94,4 @@ var InfoBanner = function InfoBanner(_ref3) {
     size: "sm"
   }, country)));
 };
-
-var _default = InfoBanner;
-exports.default = _default;
+var _default = exports.default = InfoBanner;