@comicrelief/component-library 8.1.1 → 8.2.0

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

@@ -15,14 +15,14 @@ const MIN_CHARS_FOR_FETCH = 2;
 const Typeahead = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
   let {
     optionFetcher,
-    optionParser,
+    optionParser = null,
     onSelect,
     id,
     label,
     name,
-    dropdownInstruction,
+    dropdownInstruction = null,
     notFoundMessage,
-    fetchErrorHandler,
+    fetchErrorHandler = () => 'Sorry, there was an unexpected error. Please try again',
     ...rest
   } = _ref;
   const [options, setOptions] = (0, _react.useState)([]);
@@ -80,9 +80,4 @@ const Typeahead = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
     ref: ref
   }));
 });
-Typeahead.defaultProps = {
-  dropdownInstruction: null,
-  optionParser: null,
-  fetchErrorHandler: () => 'Sorry, there was an unexpected error. Please try again'
-};
 var _default = exports.default = Typeahead;

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

@@ -18,11 +18,11 @@ const VideoBanner = _ref => {
   let {
     video,
     poster,
-    controls,
-    autoPlay,
-    loop,
-    muted,
-    showPosterAfterPlaying
+    controls = false,
+    autoPlay = true,
+    loop = false,
+    muted = true,
+    showPosterAfterPlaying = true
   } = _ref;
   // Use the prop as our default
   const [isMuted, setIsMuted] = (0, _react.useState)(muted);
@@ -56,11 +56,4 @@ const VideoBanner = _ref => {
     muted: isMuted
   }, "Your browser does not support video.");
 };
-VideoBanner.defaultProps = {
-  showPosterAfterPlaying: true,
-  controls: false,
-  autoPlay: true,
-  loop: false,
-  muted: true
-};
 var _default = exports.default = VideoBanner;

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

@@ -16,41 +16,40 @@ var _utils = require("./_utils");
 var _Donate = require("./Donate.style");
 const Donate = _ref => {
   let {
-    alt,
+    alt = '',
+    data = {},
+    formAlignRight = true,
+    imageLow = null,
+    image = null,
+    images = null,
+    mobileImageLow = null,
+    mobileImage = null,
+    mobileImages = null,
+    mobileAlt = '',
+    desktopOverlayColor = 'transparent',
+    mobileBackgroundColor = 'blue_dark',
+    submitButtonColor = 'red',
+    textColor = 'white',
+    mbshipID = null,
+    otherAmountText = 'will help us fund amazing projects in the UK and around the world.',
+    subtitle = '',
+    noMoneyBuys = false,
+    PopUpText = 'Help us deliver long-term impact by converting your single donation into a monthly gift.',
+    chooseAmountText = '',
+    isDesktopOverride = null,
+    otherAmountValue = null,
+    title = null,
+    additionalSingleCopy = null,
+    additionalMonthlyCopy = null,
+    defaultGivingType = null,
+    monthlyTitle = '',
+    monthlySubtitle = '',
     cartID,
     clientID,
-    desktopOverlayColor,
-    mobileBackgroundColor,
-    submitButtonColor,
-    textColor,
+    paddingOption = null,
     donateLink,
-    data,
-    title,
-    subtitle,
-    otherAmountText,
-    formAlignRight,
-    images,
-    image,
-    imageLow,
-    mobileImages,
-    mobileImage,
-    mobileImageLow,
-    mobileAlt,
-    mbshipID,
-    noMoneyBuys,
-    PopUpText,
-    chooseAmountText,
-    isDesktopOverride,
-    otherAmountValue,
-    additionalSingleCopy,
-    additionalMonthlyCopy,
-    defaultGivingType,
-    monthlyTitle,
-    monthlySubtitle,
-    paddingOption,
-    // Just to keep the function call character length under control
-    monthlyChooseAmountText: monthlyChoose,
-    monthlyOtherAmountText: monthlyOther
+    monthlyChooseAmountText: monthlyChoose = '',
+    monthlyOtherAmountText: monthlyOther = ''
   } = _ref;
   let isDesktop = (0, _reactResponsive.useMediaQuery)({
     query: "(min-width: ".concat(_allBreakpoints.breakpointValues.L, "px)")
@@ -141,37 +140,4 @@ const Donate = _ref => {
     changeGivingType: setGivingType
   })));
 };
-Donate.defaultProps = {
-  alt: '',
-  data: {},
-  formAlignRight: true,
-  imageLow: null,
-  image: null,
-  images: null,
-  mobileImageLow: null,
-  mobileImage: null,
-  mobileImages: null,
-  mobileAlt: '',
-  desktopOverlayColor: 'transparent',
-  mobileBackgroundColor: 'blue_dark',
-  submitButtonColor: 'red',
-  textColor: 'white',
-  mbshipID: null,
-  otherAmountText: 'will help us fund amazing projects in the UK and around the world.',
-  subtitle: '',
-  noMoneyBuys: false,
-  PopUpText: 'Help us deliver long-term impact by converting your single donation into a monthly gift.',
-  chooseAmountText: '',
-  isDesktopOverride: null,
-  otherAmountValue: null,
-  title: null,
-  additionalSingleCopy: null,
-  additionalMonthlyCopy: null,
-  defaultGivingType: null,
-  monthlyTitle: '',
-  monthlySubtitle: '',
-  monthlyChooseAmountText: '',
-  monthlyOtherAmountText: '',
-  paddingOption: null
-};
 var _default = exports.default = Donate;

package/dist/components/Organisms/Donate/Donate.md

@@ -11,7 +11,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -36,7 +36,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   desktopOverlayColor="blue_dark"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
@@ -64,7 +64,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   desktopOverlayColor="blue_dark"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
@@ -91,7 +91,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   desktopOverlayColor="blue_dark"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
@@ -217,7 +217,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 <Donate
   alt="Background image"
   mobileBackgroundColor="transparent"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   desktopOverlayColor="transparent"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
@@ -247,7 +247,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="transparent"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -272,7 +272,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -297,7 +297,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 
 <Donate
   mobileBackgroundColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={false}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -321,7 +321,7 @@ import data from './dev-data/data-single';
 
 <Donate
   desktopOverlayColor="blue_dark"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   mobileBackgroundColor="blue_dark"
   formAlignRight={false}
   data={data}
@@ -346,7 +346,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
 <Donate
   alt="Background image"
   mobileBackgroundColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   desktopOverlayColor="red"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
@@ -375,7 +375,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -404,7 +404,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -432,7 +432,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -460,7 +460,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -488,7 +488,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -515,7 +515,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -543,7 +543,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -574,7 +574,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}
@@ -605,7 +605,7 @@ const desktopPictures = require('../../../styleguide/data/data').defaultData;
   alt="Background image"
   mobileBackgroundColor="deep_violet_dark"
   desktopOverlayColor="red"
-  submitButtonColor="blue_dark"
+  submitButtonColor="blue_donate"
   formAlignRight={true}
   imageLow={desktopPictures.imageLow}
   images={desktopPictures.images}

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

@@ -24,18 +24,16 @@ const Signup = _ref => {
     clientID,
     cartID,
     mbshipID,
-    noMoneyBuys,
+    noMoneyBuys = false,
     PopUpText,
     chooseAmountText,
     submitButtonColor,
-    otherAmountValue,
-    additionalSingleCopy,
-    additionalMonthlyCopy,
-    defaultGivingType,
-    monthlyChooseAmountCopy,
-    monthlyOtherAmountCopy,
+    otherAmountValue = null,
+    additionalSingleCopy = null,
+    additionalMonthlyCopy = null,
+    defaultGivingType = null,
     changeGivingType,
-    givingType,
+    givingType = null,
     ...rest
   } = _ref;
   // const [givingType, setGivingType] = useState();
@@ -228,15 +226,4 @@ const Signup = _ref => {
     ref: buttonRef
   }, renderButtonText()))));
 };
-Signup.defaultProps = {
-  noMoneyBuys: false,
-  otherAmountValue: null,
-  data: {},
-  additionalSingleCopy: null,
-  additionalMonthlyCopy: null,
-  defaultGivingType: null,
-  monthlyChooseAmountCopy: null,
-  monthlyOtherAmountCopy: null,
-  givingType: null
-};
 var _default = exports.default = Signup;

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _GivingSelector = require("./GivingSelector.style");
 const GivingSelector = _ref => {
   let {
-    givingType,
+    givingType = null,
     changeGivingType,
     setPopOpen,
     mbshipID
@@ -47,7 +47,4 @@ const GivingSelector = _ref => {
     htmlFor: "give-monthly--".concat(mbshipID)
   }, "Monthly"), /*#__PURE__*/_react.default.createElement(_GivingSelector.Switch, null)));
 };
-GivingSelector.defaultProps = {
-  givingType: null
-};
 var _default = exports.default = GivingSelector;

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

@@ -16,7 +16,7 @@ const Switch = exports.Switch = _styledComponents.default.span.withConfig({
   let {
     theme
   } = _ref;
-  return theme.color('blue');
+  return theme.color('blue_donate');
 });
 const Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "GivingSelectorstyle__Wrapper",
@@ -39,7 +39,7 @@ const MoneyBox = exports.MoneyBox = _styledComponents.default.div.withConfig({
   let {
     theme
   } = _ref4;
-  return theme.color('blue');
+  return theme.color('blue_donate');
 });
 const Label = exports.Label = _styledComponents.default.label.withConfig({
   displayName: "GivingSelectorstyle__Label",
@@ -69,5 +69,5 @@ const Label = exports.Label = _styledComponents.default.label.withConfig({
   let {
     theme
   } = _ref9;
-  return theme.color('blue');
+  return theme.color('blue_donate');
 });

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

@@ -47,7 +47,7 @@ const MoneyBuyButton = (0, _styledComponents.default)(_Input.default).withConfig
   let {
     theme
   } = _ref7;
-  return theme.color('blue');
+  return theme.color('blue_donate');
 }, _ref8 => {
   let {
     isSelected
@@ -56,7 +56,7 @@ const MoneyBuyButton = (0, _styledComponents.default)(_Input.default).withConfig
     let {
       theme
     } = _ref9;
-    return theme.color('blue');
+    return theme.color('blue_donate');
   }, _ref10 => {
     let {
       theme
@@ -67,9 +67,9 @@ const MoneyBuyButton = (0, _styledComponents.default)(_Input.default).withConfig
 const MoneyBuy = _ref11 => {
   let {
     setOtherAmount,
-    amount,
-    currency,
-    description,
+    amount = '10',
+    currency = '£',
+    description = 'description',
     ...rest
   } = _ref11;
   return /*#__PURE__*/_react.default.createElement(MoneyBuyButton, Object.assign({}, rest, {
@@ -81,9 +81,4 @@ const MoneyBuy = _ref11 => {
     onClick: setOtherAmount
   }));
 };
-MoneyBuy.defaultProps = {
-  amount: '10',
-  currency: '£',
-  description: 'description'
-};
 var _default = exports.default = MoneyBuy;

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

@@ -278,7 +278,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
   position: absolute;
   -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
-  background-color: #0565D1;
+  background-color: #2042AD;
   left: 2px;
   box-shadow: 0px 0px 16px rgba(0,0,0,0.3);
 }
@@ -327,7 +327,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 }
 
 .c8 input:focus:not(:checked) + label {
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 .c10 {
@@ -366,7 +366,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 .c10:focus {
   border: none;
   outline: none;
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 .c9 {
@@ -405,7 +405,7 @@ exports[`"Single Giving, No Money Buys, with overridden manual input value" rend
 .c9:focus {
   border: none;
   outline: none;
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 @media (min-width:740px) {
@@ -958,7 +958,7 @@ exports[`Monthly donation renders correctly 1`] = `
   position: absolute;
   -webkit-transition: left 0.15s ease-out;
   transition: left 0.15s ease-out;
-  background-color: #0565D1;
+  background-color: #2042AD;
   left: 2px;
   box-shadow: 0px 0px 16px rgba(0,0,0,0.3);
 }
@@ -1007,7 +1007,7 @@ exports[`Monthly donation renders correctly 1`] = `
 }
 
 .c8 input:focus:not(:checked) + label {
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 .c9 {
@@ -1046,7 +1046,7 @@ exports[`Monthly donation renders correctly 1`] = `
 .c9:focus {
   border: none;
   outline: none;
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 @media (min-width:740px) {
@@ -1426,7 +1426,7 @@ exports[`Single donation renders correctly 1`] = `
 .c13 input:focus {
   border: none;
   outline: none;
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 .c13 input:active:focus {
@@ -1447,7 +1447,7 @@ exports[`Single donation renders correctly 1`] = `
   border-radius: 10px;
   box-shadow: 0px 0px 16px rgba(0,0,0,0.15);
   height: auto;
-  background-color: #0565D1;
+  background-color: #2042AD;
   box-shadow: 0px 0px 16px rgba(0,0,0,0.3);
   color: #FFFFFF;
 }
@@ -1455,7 +1455,7 @@ exports[`Single donation renders correctly 1`] = `
 .c18 input:focus {
   border: none;
   outline: none;
-  box-shadow: inset 0 0 0 4px #0565D1;
+  box-shadow: inset 0 0 0 4px #2042AD;
 }
 
 .c18 input:active:focus {

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

@@ -30,10 +30,10 @@ const EmailSignUp = _ref => {
     topCopy,
     successCopy,
     privacyCopy,
-    backgroundColour,
-    buttonColour,
+    backgroundColour = 'deep_violet_dark',
+    buttonColour = 'red',
     formContext,
-    columnLayout,
+    columnLayout = false,
     ...rest
   } = _ref;
   const {
@@ -88,9 +88,4 @@ const 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',
-  columnLayout: false
-};
+exports.EmailSignUp = EmailSignUp;

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

@@ -13,9 +13,9 @@ const TextInput = _ref => {
   let {
     fieldName,
     label,
-    optional,
-    fieldType,
-    formContext,
+    optional = null,
+    fieldType = 'text',
+    formContext = null,
     ...rest
   } = _ref;
   const {
@@ -36,9 +36,4 @@ const TextInput = _ref => {
   };
   return /*#__PURE__*/_react.default.createElement(_Input.default, Object.assign({}, props, register(fieldName)));
 };
-TextInput.defaultProps = {
-  optional: null,
-  fieldType: 'text',
-  formContext: null
-};
 var _default = exports.default = TextInput;

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

@@ -13,15 +13,17 @@ var _SocialIcons = _interopRequireDefault(require("../../Atoms/SocialIcons/Socia
 var _Footer = require("./Footer.style");
 const Footer = _ref => {
   let {
-    navItems,
-    footerCopy,
-    campaign,
-    additionalLegalLine,
+    navItems = {},
+    footerCopy = '',
+    campaign = 'Comic Relief',
+    additionalLegalLine = '',
+    overrideallowList = false,
     ...rest
   } = _ref;
   // Remove white space between words
   const campaignName = campaign.replace(/\s/g, '').toLowerCase();
   return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Footer.FooterWrapper, Object.assign({
+    overrideallowList: overrideallowList,
     navItems: true
   }, rest), /*#__PURE__*/_react.default.createElement(_Footer.InnerWrapper, null, additionalLegalLine && /*#__PURE__*/_react.default.createElement(_Footer.FooterLegalLine, {
     tag: "p",
@@ -43,11 +45,4 @@ const Footer = _ref => {
     color: "grey"
   }, footerCopy)))));
 };
-Footer.defaultProps = {
-  navItems: {},
-  footerCopy: '',
-  campaign: 'Comic Relief',
-  overrideallowList: false,
-  additionalLegalLine: ''
-};
 var _default = exports.default = Footer;

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

@@ -14,7 +14,7 @@ var _internalLinkHelper = require("../../../../utils/internalLinkHelper");
 var _Nav = require("./Nav.style");
 const FooterNav = _ref => {
   let {
-    navItems,
+    navItems = {},
     ...rest
   } = _ref;
   const {
@@ -99,7 +99,4 @@ const FooterNav = _ref => {
     }, child.title)));
   }))))));
 };
-FooterNav.defaultProps = {
-  navItems: {}
-};
 var _default = exports.default = FooterNav;

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

@@ -11,9 +11,9 @@ var _Nav = _interopRequireDefault(require("./Nav/Nav"));
 var _Header = require("./Header.style");
 const Header = _ref => {
   let {
-    navItems,
+    navItems = {},
     metaIcons,
-    campaign,
+    campaign = 'Comic Relief',
     ...rest
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(_Header.HeaderWrapper, Object.assign({
@@ -24,8 +24,4 @@ const Header = _ref => {
     navItems: navItems
   }), /*#__PURE__*/_react.default.createElement(_Header.MetaIcons, null, metaIcons)));
 };
-Header.defaultProps = {
-  navItems: {},
-  campaign: 'Comic Relief'
-};
 var _default = exports.default = Header;

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

@@ -17,7 +17,7 @@ var _chevronDown = _interopRequireDefault(require("./chevron-down.svg"));
 var _Nav = require("./Nav.style");
 const MainNav = _ref => {
   let {
-    navItems
+    navItems = {}
   } = _ref;
   const {
     menuGroups
@@ -134,7 +134,4 @@ const MainNav = _ref => {
     isExpandable: isExpandable
   }, "Open"));
 };
-MainNav.defaultProps = {
-  navItems: {}
-};
 var _default = exports.default = MainNav;