@comicrelief/component-library 7.22.0 → 7.23.0

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,

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

@@ -1,64 +1,45 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
-
 var _breakpoint = require("../../../../theme/shared/breakpoint");
-
 var _navHelper = _interopRequireDefault(require("../../../../utils/navHelper"));
-
 var _internalLinkHelper = require("../../../../utils/internalLinkHelper");
-
 var _Nav = require("./Nav.style");
-
 var _excluded = ["navItems"];
-
-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 FooterNav = function FooterNav(_ref) {
   var navItems = _ref.navItems,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var menuGroups = navItems.menuGroups;
-
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 1),
-      isExpandable = _useState2[0];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 1),
+    isExpandable = _useState2[0];
   var _useState3 = (0, _react.useState)({}),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      isSubMenuOpen = _useState4[0],
-      setIsSubMenuOpen = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isSubMenuOpen = _useState4[0],
+    setIsSubMenuOpen = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isSmallBreakpoint = _useState6[0],
-      setIsSmallBreakpoint = _useState6[1]; // Detect window screen size when screen is resized
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isSmallBreakpoint = _useState6[0],
+    setIsSmallBreakpoint = _useState6[1];
 
+  // Detect window screen size when screen is resized
   var resize = function resize() {
     var screenSize = typeof window !== 'undefined' ? window.innerWidth : null;
-
     if (screenSize !== null) {
       setIsSmallBreakpoint(screenSize < parseFloat(_breakpoint.sizes.small));
     }
   };
-
   if (typeof window !== 'undefined') {
     window.onresize = resize;
   }
@@ -66,18 +47,15 @@ var FooterNav = function FooterNav(_ref) {
    * Always stop the main 'parent' link from actually firing, but do the
    * collapsing for SM-MD breakpoints
    */
-
-
   var toggleSubMenu = function toggleSubMenu(item) {
     return function (event) {
-      event.preventDefault(); // Only run on SM, as we're only using the hide-show logic on SM
-
+      event.preventDefault();
+      // Only run on SM, as we're only using the hide-show logic on SM
       if (isSmallBreakpoint) {
         setIsSubMenuOpen((0, _defineProperty2.default)({}, item, !isSubMenuOpen[item]));
       }
     };
   };
-
   (0, _react.useEffect)(function () {
     // Detect window screen size when page load
     var width = typeof window !== 'undefined' ? window.innerWidth : null;
@@ -132,9 +110,7 @@ var FooterNav = function FooterNav(_ref) {
     })));
   })));
 };
-
 FooterNav.defaultProps = {
   navItems: {}
 };
-var _default = FooterNav;
-exports.default = _default;
+var _default = exports.default = FooterNav;

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

@@ -1,18 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SubNavLink = exports.SubNavItem = exports.SubNavMenu = exports.NavLink = exports.NavItem = exports.NavMenu = exports.Nav = void 0;
-
+exports.SubNavMenu = exports.SubNavLink = exports.SubNavItem = exports.NavMenu = exports.NavLink = exports.NavItem = exports.Nav = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Link = _interopRequireDefault(require("../../../Atoms/Link/Link"));
-
 var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hideVisually"));
-
 var NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "Navstyle__NavLinkClass",
   componentId: "sc-uzf5hs-0"
@@ -20,22 +15,19 @@ var NavLinkClass = (0, _styledComponents.default)(_Link.default).withConfig({
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
 });
+
 /**
  * Navigation menu
  */
-
-var Nav = _styledComponents.default.nav.withConfig({
+var Nav = exports.Nav = _styledComponents.default.nav.withConfig({
   displayName: "Navstyle__Nav",
   componentId: "sc-uzf5hs-1"
 })(["display:block;width:100%;text-align:left;> h2{", ";}"], _hideVisually.default);
+
 /**
  * Sub Navigation Menu (second level)
  */
-
-
-exports.Nav = Nav;
-
-var SubNavMenu = _styledComponents.default.ul.withConfig({
+var SubNavMenu = exports.SubNavMenu = _styledComponents.default.ul.withConfig({
   displayName: "Navstyle__SubNavMenu",
   componentId: "sc-uzf5hs-2"
 })(["display:flex;transition:max-height 0.5s ease;max-height:", ";overflow:hidden;padding:0;position:relative;list-style:none outside;flex-direction:column;> li a{display:", ";font-size:15px;font-weight:500;cursor:pointer;&:after{content:none;}}@media ", "{max-height:none;height:auto;", ";> li a{display:inline;line-height:24px;}}"], function (_ref2) {
@@ -51,14 +43,11 @@ var SubNavMenu = _styledComponents.default.ul.withConfig({
   var column = _ref5.column;
   return column === true ? 'flex-direction: row; flex-wrap: wrap;' : null;
 });
+
 /**
  * Sub Menu list items
  */
-
-
-exports.SubNavMenu = SubNavMenu;
-
-var SubNavItem = _styledComponents.default.li.withConfig({
+var SubNavItem = exports.SubNavItem = _styledComponents.default.li.withConfig({
   displayName: "Navstyle__SubNavItem",
   componentId: "sc-uzf5hs-3"
 })(["height:40px;width:100%;background-color:inherit;padding:8px 0;@media ", "{height:auto;margin-top:12px;padding:0;", ";a{background-color:inherit;height:auto;&:after{content:none !important;}&:hover,&:focus{border-bottom:2px solid #fff;span{border-bottom:0;padding-bottom:2px;}}}}@media ", "{", ";}"], function (_ref6) {
@@ -74,46 +63,38 @@ var SubNavItem = _styledComponents.default.li.withConfig({
   var column = _ref9.column;
   return column === true ? 'flex: 0 0 100%;' : null;
 });
+
 /**
  * Sub menu link item
  */
-
-
-exports.SubNavItem = SubNavItem;
-var SubNavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
+var SubNavLink = exports.SubNavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
   displayName: "Navstyle__SubNavLink",
   componentId: "sc-uzf5hs-4"
 })(["padding:14px 21px;height:auto;position:relative;"]);
+
 /**
  * Navigation Menu (first level)
  */
-
-exports.SubNavLink = SubNavLink;
-
-var NavMenu = _styledComponents.default.ul.withConfig({
+var NavMenu = exports.NavMenu = _styledComponents.default.ul.withConfig({
   displayName: "Navstyle__NavMenu",
   componentId: "sc-uzf5hs-5"
 })(["background-color:inherit;list-style:none outside;padding:0;margin:0;@media ", "{display:flex;flex-wrap:wrap;justify-content:start;}"], function (_ref10) {
   var theme = _ref10.theme;
   return theme.breakpoint('small');
 });
+
 /**
  * Menu item link
  */
-
-
-exports.NavMenu = NavMenu;
-var NavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
+var NavLink = exports.NavLink = (0, _styledComponents.default)(NavLinkClass).withConfig({
   displayName: "Navstyle__NavLink",
   componentId: "sc-uzf5hs-6"
 })([""]);
+
 /**
  * Menu list items
  */
-
-exports.NavLink = NavLink;
-
-var NavItem = _styledComponents.default.li.withConfig({
+var NavItem = exports.NavItem = _styledComponents.default.li.withConfig({
   displayName: "Navstyle__NavItem",
   componentId: "sc-uzf5hs-7"
 })(["position:relative;font-weight:700;margin:0;margin-bottom:1rem;@media ", "{flex:0 0 30%;margin:0;}@media ", "{flex:0 0 calc(25% - 1rem);margin-right:1rem;margin-bottom:1rem;> span{padding:0;}}a{width:auto;padding:0;height:auto;position:relative;background-color:inherit;font-size:19px;line-height:40px;font-weight:800;@media ", "{font-size:20px;line-height:40px;}&:after{content:'\\2303';position:absolute;font-family:Arial;margin-left:4px;overflow:hidden;line-height:19px;font-size:23px;color:", ";font-weight:100;transition:transform 0.2s ease;transform:", ";top:", ";right:-25px;}@media ", "{cursor:default;display:inline;&:after{content:none;}}}"], function (_ref11) {
@@ -137,6 +118,4 @@ var NavItem = _styledComponents.default.li.withConfig({
 }, function (_ref17) {
   var theme = _ref17.theme;
   return theme.breakpoint('small');
-});
-
-exports.NavItem = NavItem;
+});

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   title: 'Footer',
   menuGroups: [{
     title: 'Hear from us',
@@ -164,5 +164,4 @@ var _default = {
       }
     }]
   }]
-};
-exports.default = _default;
+};

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

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _default = {
+var _default = exports.default = {
   copy: 'Comic Relief is the trading name of Charity Projects, a registered charity in England and Wales (326568) and Scotland (SC039730), which is a company limited by guarantee registered in England and Wales (01806414). Registered address: 6th Floor, The White Chapel Building, 10 Whitechapel High Street, London, E1 8QS.'
-};
-exports.default = _default;
+};

package/dist/components/Organisms/Header/Burger/BurgerMenu.js

@@ -1,20 +1,17 @@
 "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 _BurgerMenu = require("./BurgerMenu.style");
-
 /* eslint-disable jsx-a11y/anchor-is-valid */
+
 var BurgerMenu = function BurgerMenu(_ref) {
   var toggle = _ref.toggle,
-      isExpandable = _ref.isExpandable;
+    isExpandable = _ref.isExpandable;
   return /*#__PURE__*/_react.default.createElement(_BurgerMenu.BurgerWrapper, {
     href: "#",
     role: "button",
@@ -26,6 +23,4 @@ var BurgerMenu = function BurgerMenu(_ref) {
     isExpandable: isExpandable
   }, /*#__PURE__*/_react.default.createElement(_BurgerMenu.BurgerHiddenText, null, "Open and close nav menu"), /*#__PURE__*/_react.default.createElement(_BurgerMenu.BurgerBar, null));
 };
-
-var _default = BurgerMenu;
-exports.default = _default;
+var _default = exports.default = BurgerMenu;

package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js

@@ -1,49 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.BurgerBar = exports.BurgerWrapper = exports.BurgerHiddenText = void 0;
-
+exports.BurgerWrapper = exports.BurgerHiddenText = exports.BurgerBar = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _hideVisually = _interopRequireDefault(require("../../../../theme/shared/hideVisually"));
-
 var _Link = _interopRequireDefault(require("../../../Atoms/Link/Link"));
-
 var _Text = _interopRequireDefault(require("../../../Atoms/Text/Text"));
-
 var _zIndex = _interopRequireDefault(require("../../../../theme/shared/zIndex"));
-
 /**
  * Burger hidden text
  */
-var BurgerHiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
+var BurgerHiddenText = exports.BurgerHiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "BurgerMenustyle__BurgerHiddenText",
   componentId: "sc-dtfwej-0"
 })(["", ";"], _hideVisually.default);
+
 /**
  * Burger menu bar
  */
 
-exports.BurgerHiddenText = BurgerHiddenText;
-
-var BurgerBar = _styledComponents.default.span.withConfig({
+var BurgerBar = exports.BurgerBar = _styledComponents.default.span.withConfig({
   displayName: "BurgerMenustyle__BurgerBar",
   componentId: "sc-dtfwej-1"
 })(["background-color:", ";margin:0 auto;"], function (_ref) {
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
 });
+
 /**
  * Burger wrapper
  */
-
-
-exports.BurgerBar = BurgerBar;
-var BurgerWrapper = (0, _styledComponents.default)(_Link.default).withConfig({
+var BurgerWrapper = exports.BurgerWrapper = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "BurgerMenustyle__BurgerWrapper",
   componentId: "sc-dtfwej-2"
 })(["", ";order:50;display:flex;align-items:center;position:relative;text-indent:-9999px;background-color:transparent;height:100%;width:45px;left:5px;cursor:pointer;transition:all 0.2s;:hover{border:none;font-weight:inherit;}", "{position:relative;&,::before,::after{width:25px;height:3px;display:inline-block;}", ";::before,::after{content:'';position:absolute;left:0;background-color:currentColor;transition:all 0.2s;}::before{top:-0.5rem;", ";}::after{top:0.5rem;", ";}}:hover ", "{&,::before,::after{background-color:", ";}::before{", ";}::after{", ";}}@media ", "{display:none;}"], (0, _zIndex.default)('medium'), BurgerBar, function (_ref2) {
@@ -57,7 +47,7 @@ var BurgerWrapper = (0, _styledComponents.default)(_Link.default).withConfig({
   return isExpandable && ' transform:rotate(-135deg); top: 0;';
 }, BurgerBar, function (_ref5) {
   var theme = _ref5.theme,
-      isExpandable = _ref5.isExpandable;
+    isExpandable = _ref5.isExpandable;
   return !isExpandable && theme.color('grey');
 }, function (_ref6) {
   var isExpandable = _ref6.isExpandable;
@@ -68,5 +58,4 @@ var BurgerWrapper = (0, _styledComponents.default)(_Link.default).withConfig({
 }, function (_ref8) {
   var theme = _ref8.theme;
   return theme.breakpoint('nav');
-});
-exports.BurgerWrapper = BurgerWrapper;
+});

package/dist/components/Organisms/Header/Header.js

@@ -1,29 +1,21 @@
 "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 _Logos = _interopRequireDefault(require("../../Molecules/Logos/Logos"));
-
 var _Nav = _interopRequireDefault(require("./Nav/Nav"));
-
 var _Header = require("./Header.style");
-
 var _excluded = ["navItems", "metaIcons", "campaign"];
-
 var Header = function Header(_ref) {
   var navItems = _ref.navItems,
-      metaIcons = _ref.metaIcons,
-      campaign = _ref.campaign,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    metaIcons = _ref.metaIcons,
+    campaign = _ref.campaign,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Header.HeaderWrapper, Object.assign({
     navItems: true
   }, rest), /*#__PURE__*/_react.default.createElement(_Header.InnerWrapper, null, /*#__PURE__*/_react.default.createElement(_Header.Brand, null, /*#__PURE__*/_react.default.createElement(_Logos.default, {
@@ -32,10 +24,8 @@ var Header = function Header(_ref) {
     navItems: navItems
   }), /*#__PURE__*/_react.default.createElement(_Header.MetaIcons, null, metaIcons)));
 };
-
 Header.defaultProps = {
   navItems: {},
   campaign: 'Comic Relief'
 };
-var _default = Header;
-exports.default = _default;
+var _default = exports.default = Header;

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

@@ -1,21 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MetaIcons = exports.InnerWrapper = exports.HeaderWrapper = exports.Brand = void 0;
-
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
 var _size = require("../../../theme/shared/size");
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
-var HeaderWrapper = _styledComponents.default.header.attrs(function () {
+var HeaderWrapper = exports.HeaderWrapper = _styledComponents.default.header.attrs(function () {
   return {
     role: 'banner'
   };
@@ -29,27 +23,18 @@ var HeaderWrapper = _styledComponents.default.header.attrs(function () {
   var theme = _ref2.theme;
   return theme.breakpoint('nav');
 });
-
-exports.HeaderWrapper = HeaderWrapper;
-
-var InnerWrapper = _styledComponents.default.div.withConfig({
+var InnerWrapper = exports.InnerWrapper = _styledComponents.default.div.withConfig({
   displayName: "Headerstyle__InnerWrapper",
   componentId: "sc-11ghppe-1"
 })(["display:flex;align-items:center;height:100%;padding:0 12px;cursor:pointer;max-width:", ";@media ", "{margin:0 auto;}"], _size.container.large, function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('nav');
 });
-
-exports.InnerWrapper = InnerWrapper;
-
-var Brand = _styledComponents.default.div.withConfig({
+var Brand = exports.Brand = _styledComponents.default.div.withConfig({
   displayName: "Headerstyle__Brand",
   componentId: "sc-11ghppe-2"
 })(["", ";margin-right:auto;display:flex;align-items:center;a{border:0;color:transparent;margin-right:", ";img{width:100%;object-fit:contain;}:hover{border:0;}}"], (0, _zIndex.default)('high'), (0, _spacing.default)('md'));
-
-exports.Brand = Brand;
-
-var MetaIcons = _styledComponents.default.div.withConfig({
+var MetaIcons = exports.MetaIcons = _styledComponents.default.div.withConfig({
   displayName: "Headerstyle__MetaIcons",
   componentId: "sc-11ghppe-3"
 })(["width:auto;display:flex;align-items:center;> div{height:35px;width:auto;display:inline-block;> a{height:inherit;width:inherit;margin-left:0.5rem;img{padding:5px;height:inherit;width:inherit;}}}@media ", "{position:relative;display:flex;align-items:center;background-color:", ";margin-right:0px;right:0px;}"], function (_ref4) {
@@ -58,6 +43,4 @@ var MetaIcons = _styledComponents.default.div.withConfig({
 }, function (_ref5) {
   var theme = _ref5.theme;
   return theme.color('white');
-});
-
-exports.MetaIcons = MetaIcons;
+});