@comicrelief/component-library 7.22.1 → 7.23.0

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

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.NameWrapper = exports.InputField = exports.FormInner = exports.ButtonWrapper = exports.PrivacyCopyWrapper = exports.TopCopyWrapper = exports.ESUWrapper = void 0;
-
+exports.TopCopyWrapper = exports.Title = exports.PrivacyCopyWrapper = exports.NameWrapper = exports.InputField = exports.FormInner = exports.ESUWrapper = exports.ButtonWrapper = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _TextInput = _interopRequireDefault(require("./_TextInput"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
-var ESUWrapper = _styledComponents.default.div.withConfig({
+var ESUWrapper = exports.ESUWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__ESUWrapper",
   componentId: "sc-w2b8yk-0"
 })(["display:flex;flex-direction:column;font-size:", ";color:", ";background-color:", ";padding:", ";"], function (_ref) {
@@ -26,31 +20,22 @@ var ESUWrapper = _styledComponents.default.div.withConfig({
   return theme.color('white');
 }, function (_ref3) {
   var theme = _ref3.theme,
-      backgroundColour = _ref3.backgroundColour;
+    backgroundColour = _ref3.backgroundColour;
   return theme.color(backgroundColour);
 }, (0, _spacing.default)('m'));
-
-exports.ESUWrapper = ESUWrapper;
-
-var TopCopyWrapper = _styledComponents.default.div.withConfig({
+var TopCopyWrapper = exports.TopCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__TopCopyWrapper",
   componentId: "sc-w2b8yk-1"
 })(["display:flex;margin-bottom:", ";"], (0, _spacing.default)('md'));
-
-exports.TopCopyWrapper = TopCopyWrapper;
-
-var ButtonWrapper = _styledComponents.default.div.withConfig({
+var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__ButtonWrapper",
   componentId: "sc-w2b8yk-2"
 })(["margin-top:", ";button{background-color:", ";}"], (0, _spacing.default)('md'), function (_ref4) {
   var theme = _ref4.theme,
-      buttonColour = _ref4.buttonColour;
+    buttonColour = _ref4.buttonColour;
   return theme.color(buttonColour);
 });
-
-exports.ButtonWrapper = ButtonWrapper;
-
-var PrivacyCopyWrapper = _styledComponents.default.div.withConfig({
+var PrivacyCopyWrapper = exports.PrivacyCopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__PrivacyCopyWrapper",
   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 (_ref5) {
@@ -66,17 +51,11 @@ var PrivacyCopyWrapper = _styledComponents.default.div.withConfig({
   var theme = _ref8.theme;
   return theme.color('white');
 });
-
-exports.PrivacyCopyWrapper = PrivacyCopyWrapper;
-
-var FormInner = _styledComponents.default.div.withConfig({
+var FormInner = exports.FormInner = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__FormInner",
   componentId: "sc-w2b8yk-4"
 })(["display:flex;flex-direction:column;margin:", " 0;"], (0, _spacing.default)('md'));
-
-exports.FormInner = FormInner;
-
-var NameWrapper = _styledComponents.default.div.withConfig({
+var NameWrapper = exports.NameWrapper = _styledComponents.default.div.withConfig({
   displayName: "EmailSignUpstyle__NameWrapper",
   componentId: "sc-w2b8yk-5"
 })(["display:flex;flex-direction:column;gap:0;@media ", "{justify-content:start;flex-direction:", ";gap:", ";)};}"], function (_ref9) {
@@ -89,9 +68,7 @@ var NameWrapper = _styledComponents.default.div.withConfig({
   var columnLayout = _ref11.columnLayout;
   return columnLayout ? 0 : (0, _spacing.default)('md');
 });
-
-exports.NameWrapper = NameWrapper;
-var InputField = (0, _styledComponents.default)(_TextInput.default).withConfig({
+var InputField = exports.InputField = (0, _styledComponents.default)(_TextInput.default).withConfig({
   displayName: "EmailSignUpstyle__InputField",
   componentId: "sc-w2b8yk-6"
 })(["width:100%;margin-bottom:", ";& > span:first-child{color:", ";}@media ", "{max-width:290px;}"], (0, _spacing.default)('md'), function (_ref12) {
@@ -101,9 +78,7 @@ var InputField = (0, _styledComponents.default)(_TextInput.default).withConfig({
   var theme = _ref13.theme;
   return theme.breakpoint('medium');
 });
-exports.InputField = InputField;
-var Title = (0, _styledComponents.default)(_Text.default).withConfig({
+var Title = exports.Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "EmailSignUpstyle__Title",
   componentId: "sc-w2b8yk-7"
-})(["margin-bottom:", ";"], (0, _spacing.default)('m'));
-exports.Title = Title;
+})(["margin-bottom:", ";"], (0, _spacing.default)('m'));

package/dist/components/Organisms/EmailSignUp/EmailSignUp.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 _EmailSignUp = require("./_EmailSignUp");
-
 var _RichText = _interopRequireDefault(require("../../Atoms/RichText/RichText"));
-
 var _reactHookForm = require("react-hook-form");
-
 var _yup = require("@hookform/resolvers/yup");
-
 var DummyForm = function DummyForm() {
   var formMethods = (0, _reactHookForm.useForm)({
     mode: "onBlur",
@@ -44,7 +36,6 @@ var DummyForm = function DummyForm() {
     formContext: formMethods
   })));
 };
-
 it("renders correctly", function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(DummyForm, null)).toJSON();
   expect(tree).toMatchSnapshot();

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

@@ -1,26 +1,17 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _reactHookForm = require("react-hook-form");
-
 var _yup = require("@hookform/resolvers/yup");
-
 var _RichText = _interopRequireDefault(require("../../Atoms/RichText/RichText"));
-
 var _EmailSignUp = require("./_EmailSignUp");
-
 var EmailSignUpForm = function EmailSignUpForm() {
   var validationSchema = (0, _EmailSignUp.buildEsuValidationSchema)({});
   var formMethods = (0, _reactHookForm.useForm)({
@@ -28,13 +19,11 @@ var EmailSignUpForm = function EmailSignUpForm() {
     resolver: (0, _yup.yupResolver)(validationSchema)
   });
   var handleSubmit = formMethods.handleSubmit,
-      trigger = formMethods.trigger,
-      setError = formMethods.setError;
-
+    trigger = formMethods.trigger,
+    setError = formMethods.setError;
   function handleSubscribe(_x) {
     return _handleSubscribe.apply(this, arguments);
   }
-
   function _handleSubscribe() {
     _handleSubscribe = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(data) {
       var valid;
@@ -44,10 +33,8 @@ var EmailSignUpForm = function EmailSignUpForm() {
             case 0:
               _context.next = 2;
               return trigger([_EmailSignUp.ESU_FIELDS.EMAIL, _EmailSignUp.ESU_FIELDS.FIRST_NAME, _EmailSignUp.ESU_FIELDS.LAST_NAME]);
-
             case 2:
               valid = _context.sent;
-
               if (valid) {
                 // eslint-disable-next-line no-console
                 console.log(data);
@@ -56,7 +43,6 @@ var EmailSignUpForm = function EmailSignUpForm() {
                   message: 'Error'
                 });
               }
-
             case 4:
             case "end":
               return _context.stop();
@@ -66,21 +52,16 @@ var EmailSignUpForm = function EmailSignUpForm() {
     }));
     return _handleSubscribe.apply(this, arguments);
   }
-
   var title = 'Stay in the know!';
-
   var topCopy = /*#__PURE__*/_react.default.createElement(_RichText.default, {
     markup: "<p>Get regular email updates and info on what we're up to!</p>"
   });
-
   var privacyCopy = /*#__PURE__*/_react.default.createElement(_RichText.default, {
     markup: '<p>Our <a class="link link--white inline" href="/privacy-notice">Privacy Policy</a> describes how we handle and protect your information.<br><br>If you are under 18, please make sure you have your parents’ permission before providing us with any personal details.</p>'
   });
-
   var successCopy = /*#__PURE__*/_react.default.createElement(_RichText.default, {
     markup: "<p>Thanks! Your first email will be with you shortly</p>"
   });
-
   return /*#__PURE__*/_react.default.createElement(_reactHookForm.FormProvider, formMethods, /*#__PURE__*/_react.default.createElement("form", {
     onSubmit: handleSubmit(handleSubscribe),
     noValidate: true
@@ -93,6 +74,4 @@ var EmailSignUpForm = function EmailSignUpForm() {
     formContext: formMethods
   })));
 };
-
-var _default = EmailSignUpForm;
-exports.default = _default;
+var _default = exports.default = EmailSignUpForm;

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

@@ -1,58 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "buildEsuValidationSchema", {
+Object.defineProperty(exports, "ESU_FIELDS", {
   enumerable: true,
   get: function get() {
-    return _EmailSignUpConfig.buildEsuValidationSchema;
+    return _EmailSignUpConfig.ESU_FIELDS;
   }
 });
-Object.defineProperty(exports, "ESU_FIELDS", {
+exports.EmailSignUp = void 0;
+Object.defineProperty(exports, "buildEsuValidationSchema", {
   enumerable: true,
   get: function get() {
-    return _EmailSignUpConfig.ESU_FIELDS;
+    return _EmailSignUpConfig.buildEsuValidationSchema;
   }
 });
-exports.EmailSignUp = void 0;
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _EmailSignUp = require("./EmailSignUp.style");
-
 var _ButtonWithStates = _interopRequireDefault(require("../../Atoms/ButtonWithStates/ButtonWithStates"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _EmailSignUpConfig = require("./_EmailSignUpConfig");
-
 var _ErrorText = _interopRequireDefault(require("../../Atoms/ErrorText/ErrorText"));
-
 var _Confetti = _interopRequireDefault(require("../../Atoms/Confetti/Confetti"));
-
 var _excluded = ["title", "topCopy", "successCopy", "privacyCopy", "backgroundColour", "buttonColour", "formContext", "columnLayout"];
-
-var EmailSignUp = function EmailSignUp(_ref) {
+var EmailSignUp = exports.EmailSignUp = function EmailSignUp(_ref) {
   var title = _ref.title,
-      topCopy = _ref.topCopy,
-      successCopy = _ref.successCopy,
-      privacyCopy = _ref.privacyCopy,
-      backgroundColour = _ref.backgroundColour,
-      buttonColour = _ref.buttonColour,
-      formContext = _ref.formContext,
-      columnLayout = _ref.columnLayout,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    topCopy = _ref.topCopy,
+    successCopy = _ref.successCopy,
+    privacyCopy = _ref.privacyCopy,
+    backgroundColour = _ref.backgroundColour,
+    buttonColour = _ref.buttonColour,
+    formContext = _ref.formContext,
+    columnLayout = _ref.columnLayout,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _formContext$formStat = formContext.formState,
-      isValid = _formContext$formStat.isValid,
-      isSubmitting = _formContext$formStat.isSubmitting,
-      isSubmitted = _formContext$formStat.isSubmitted,
-      isSubmitSuccessful = _formContext$formStat.isSubmitSuccessful,
-      errors = _formContext$formStat.errors;
+    isValid = _formContext$formStat.isValid,
+    isSubmitting = _formContext$formStat.isSubmitting,
+    isSubmitted = _formContext$formStat.isSubmitted,
+    isSubmitSuccessful = _formContext$formStat.isSubmitSuccessful,
+    errors = _formContext$formStat.errors;
   return /*#__PURE__*/_react.default.createElement(_EmailSignUp.ESUWrapper, Object.assign({
     backgroundColour: backgroundColour
   }, rest), /*#__PURE__*/_react.default.createElement(_EmailSignUp.Title, {
@@ -96,8 +85,6 @@ var EmailSignUp = function EmailSignUp(_ref) {
     "data-test": "subscribe-button"
   }, /*#__PURE__*/_react.default.createElement(_Text.default, null, "Subscribe")))), isSubmitted && !isSubmitSuccessful && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errors.formError !== undefined && /*#__PURE__*/_react.default.createElement(_ErrorText.default, null, errors.formError.message)), /*#__PURE__*/_react.default.createElement(_EmailSignUp.PrivacyCopyWrapper, null, /*#__PURE__*/_react.default.createElement(_Text.default, null, privacyCopy)));
 };
-
-exports.EmailSignUp = EmailSignUp;
 EmailSignUp.defaultProps = {
   backgroundColour: 'deep_violet_dark',
   buttonColour: 'red',

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

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.buildEsuValidationSchema = exports.ESU_FIELDS = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _lodash = require("lodash");
-
 var yup = _interopRequireWildcard(require("yup"));
-
-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; }
 /**
  * ESU_FIELDS
  *
@@ -25,11 +18,12 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * to customise form validation or behaviour, as the fields are handled within the CL
  * we just make this read-only to prevent any external changes of this object.
  */
-var ESU_FIELDS = Object.freeze({
+var ESU_FIELDS = exports.ESU_FIELDS = Object.freeze({
   FIRST_NAME: 'firstName',
   LAST_NAME: 'lastName',
   EMAIL: 'email'
 });
+
 /**
  * buildEsuValidationSchema
  *
@@ -38,14 +32,8 @@ var ESU_FIELDS = Object.freeze({
  *
  * @param overrides {Object} - A yup schema object (or an empty object)
  */
-
-exports.ESU_FIELDS = ESU_FIELDS;
-
-var buildEsuValidationSchema = function buildEsuValidationSchema(overrides) {
+var buildEsuValidationSchema = exports.buildEsuValidationSchema = function buildEsuValidationSchema(overrides) {
   var _yup$object;
-
   var defaultSchema = yup.object((_yup$object = {}, (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.FIRST_NAME, yup.string().required('Please enter your first name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(25, 'Your first name must be between 1 and 25 characters')), (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.LAST_NAME, yup.string().required('Please enter your last name').matches(/^[A-Za-z][A-Za-z' -]*$/, "This field only accepts letters and ' - and must start with a letter").max(50, 'Your first name must be between 1 and 50 characters')), (0, _defineProperty2.default)(_yup$object, ESU_FIELDS.EMAIL, yup.string().required('Please enter your email address').email('Please enter a valid email address').max(100, 'Your email address must be between 1 and 100 characters long')), _yup$object));
   return (0, _lodash.merge)(defaultSchema, overrides);
-};
-
-exports.buildEsuValidationSchema = buildEsuValidationSchema;
+};

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

@@ -1,33 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _Input = _interopRequireDefault(require("../../Atoms/Input/Input"));
-
 var _excluded = ["fieldName", "label", "optional", "fieldType", "formContext"];
-
 // TODO: This is a copy paste of the RHF friendly `TextInput` from Marketing Prefs.
 // Perhaps it would be worthwhile refactoring this into a new `Atom` as a seperate PR.
 var TextInput = function TextInput(_ref) {
   var fieldName = _ref.fieldName,
-      label = _ref.label,
-      optional = _ref.optional,
-      fieldType = _ref.fieldType,
-      formContext = _ref.formContext,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    label = _ref.label,
+    optional = _ref.optional,
+    fieldType = _ref.fieldType,
+    formContext = _ref.formContext,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var errors = formContext.errors,
-      register = formContext.register;
+    register = formContext.register;
   var props = (0, _objectSpread2.default)({
     name: fieldName,
     type: fieldType,
@@ -41,11 +34,9 @@ var TextInput = function TextInput(_ref) {
     ref: register
   }));
 };
-
 TextInput.defaultProps = {
   optional: null,
   fieldType: 'text',
   formContext: null
 };
-var _default = TextInput;
-exports.default = _default;
+var _default = exports.default = TextInput;

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

@@ -1,34 +1,24 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Logo = _interopRequireDefault(require("../../Atoms/Logo/Logo"));
-
 var _Nav = _interopRequireDefault(require("./Nav/Nav"));
-
 var _SocialIcons = _interopRequireDefault(require("../../Atoms/SocialIcons/SocialIcons"));
-
 var _Footer = require("./Footer.style");
-
 var _excluded = ["navItems", "footerCopy", "campaign", "additionalLegalLine"];
-
 var Footer = function Footer(_ref) {
   var navItems = _ref.navItems,
-      footerCopy = _ref.footerCopy,
-      campaign = _ref.campaign,
-      additionalLegalLine = _ref.additionalLegalLine,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    footerCopy = _ref.footerCopy,
+    campaign = _ref.campaign,
+    additionalLegalLine = _ref.additionalLegalLine,
+    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({
@@ -53,7 +43,6 @@ var Footer = function Footer(_ref) {
     color: "grey"
   }, footerCopy)))));
 };
-
 Footer.defaultProps = {
   navItems: {},
   footerCopy: '',
@@ -61,5 +50,4 @@ Footer.defaultProps = {
   overrideallowList: false,
   additionalLegalLine: ''
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

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

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Brand = exports.SocialIconWrapper = exports.FooterBranding = exports.FooterCopyright = exports.FooterLegalLine = exports.InnerWrapper = exports.Angle = exports.FooterWrapper = void 0;
-
+exports.SocialIconWrapper = exports.InnerWrapper = exports.FooterWrapper = exports.FooterLegalLine = exports.FooterCopyright = exports.FooterBranding = exports.Brand = exports.Angle = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
-var FooterWrapper = _styledComponents.default.footer.attrs(function () {
+var FooterWrapper = exports.FooterWrapper = _styledComponents.default.footer.attrs(function () {
   return {
     role: 'banner'
   };
@@ -26,59 +20,40 @@ var FooterWrapper = _styledComponents.default.footer.attrs(function () {
   var theme = _ref.theme;
   return theme.breakpoint('small');
 }, (0, _spacing.default)('l'));
-
-exports.FooterWrapper = FooterWrapper;
-
-var Angle = _styledComponents.default.div.withConfig({
+var Angle = exports.Angle = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__Angle",
   componentId: "sc-167xaf5-1"
 })(["width:100%;display:block;clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:50px;background:#222;margin-bottom:1rem;@media ", "{clip-path:polygon(0 100%,100% 0,100% 101%,0 101%);height:95px;}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('medium');
 });
-
-exports.Angle = Angle;
-
-var InnerWrapper = _styledComponents.default.div.withConfig({
+var InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__InnerWrapper",
   componentId: "sc-167xaf5-2"
 })(["position:relative;display:block;width:100%;height:100%;max-width:1200px;margin:0 auto;padding:0 ", " ", ";@media ", "{padding:0 ", " ", ";}"], (0, _spacing.default)('md'), (0, _spacing.default)('l'), function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('medium');
 }, (0, _spacing.default)('md'), (0, _spacing.default)('xl'));
-
-exports.InnerWrapper = InnerWrapper;
-var FooterLegalLine = (0, _styledComponents.default)(_Text.default).withConfig({
+var FooterLegalLine = exports.FooterLegalLine = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "Footerstyle__FooterLegalLine",
   componentId: "sc-167xaf5-3"
 })(["text-align:left;margin-top:1rem;"]);
-exports.FooterLegalLine = FooterLegalLine;
-
-var FooterBranding = _styledComponents.default.div.withConfig({
+var FooterBranding = exports.FooterBranding = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__FooterBranding",
   componentId: "sc-167xaf5-4"
 })(["display:flex;margin:", " 0 5rem;justify-content:space-between;align-items:center;"], (0, _spacing.default)('lg'));
-
-exports.FooterBranding = FooterBranding;
-
-var FooterCopyright = _styledComponents.default.div.withConfig({
+var FooterCopyright = exports.FooterCopyright = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__FooterCopyright",
   componentId: "sc-167xaf5-5"
 })(["display:block;width:100%;height:100%;text-align:left;margin-top:", ";p{font-size:15px;line-height:24px;margin-bottom:5px;@media ", "{font-size:16px;line-height:27px;}}"], (0, _spacing.default)('lg'), function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('medium');
 });
-
-exports.FooterCopyright = FooterCopyright;
-var Brand = (0, _styledComponents.default)(_Link.default).withConfig({
+var Brand = exports.Brand = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "Footerstyle__Brand",
   componentId: "sc-167xaf5-6"
 })(["color:transparent;border:0;:hover{border:0;}"]);
-exports.Brand = Brand;
-
-var SocialIconWrapper = _styledComponents.default.div.withConfig({
+var SocialIconWrapper = exports.SocialIconWrapper = _styledComponents.default.div.withConfig({
   displayName: "Footerstyle__SocialIconWrapper",
   componentId: "sc-167xaf5-7"
-})([""]);
-
-exports.SocialIconWrapper = SocialIconWrapper;
+})([""]);

package/dist/components/Organisms/Footer/Footer.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 _Footer = _interopRequireDefault(require("./Footer"));
-
 var _data = _interopRequireDefault(require("./data/data"));
-
 var _footerCopy = _interopRequireDefault(require("./data/footerCopy"));
-
 /* eslint-disable react/jsx-wrap-multilines */
+
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Footer.default, {
     navItems: _data.default,