@comicrelief/component-library 8.1.1 → 8.2.0

package/.eslintrc

@@ -15,6 +15,7 @@
       "exceptions": [""]
     }],
     "arrow-parens": [2, "as-needed", { "requireForBlockBody": false }],
+    "react/require-default-props": "off",
     "react-hooks/rules-of-hooks": "error",
     "react-hooks/exhaustive-deps": "warn",
     "react/jsx-filename-extension": "off",

package/dist/components/Atoms/Button/Button.js

@@ -37,7 +37,7 @@ const StyledButton = _styledComponents.default.button.withConfig({
 const Button = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
   let {
     children,
-    wrapper,
+    wrapper = false,
     ...rest
   } = _ref5;
   return /*#__PURE__*/_react.default.createElement(StyledButton, Object.assign({}, rest, {
@@ -46,11 +46,7 @@ const Button = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
   }), children);
 });
 Button.propTypes = {
-  /** Buttons as span */
-  wrapper: _propTypes.default.bool,
-  children: _propTypes.default.node.isRequired
-};
-Button.defaultProps = {
-  wrapper: false
+  children: _propTypes.default.node.isRequired,
+  wrapper: _propTypes.default.bool // Buttons as span
 };
 var _default = exports.default = Button;

package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js

@@ -29,9 +29,9 @@ const LoaderContainer = _styledComponents.default.div.withConfig({
 const ButtonWithStates = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) => {
   let {
     children,
-    loadingText,
-    loading,
-    disabled,
+    loadingText = 'Loading',
+    loading = false,
+    disabled = false,
     ...rest
   } = _ref2;
   const [loaderColour, setLoaderColour] = (0, _react.useState)(null);
@@ -63,9 +63,4 @@ const ButtonWithStates = /*#__PURE__*/_react.default.forwardRef((_ref2, ref) =>
     color: loaderColour
   })));
 });
-ButtonWithStates.defaultProps = {
-  loading: false,
-  disabled: false,
-  loadingText: 'Loading'
-};
 var _default = exports.default = ButtonWithStates;

package/dist/components/Atoms/Checkbox/Checkbox.js

@@ -62,9 +62,9 @@ const Label = _styledComponents.default.label.withConfig({
 });
 const Checkbox = /*#__PURE__*/_react.default.forwardRef((_ref9, ref) => {
   let {
-    label,
+    label = undefined,
     value,
-    children,
+    children = undefined,
     ...rest
   } = _ref9;
   return /*#__PURE__*/_react.default.createElement(Label, {
@@ -82,8 +82,4 @@ Checkbox.propTypes = {
   label: _propTypes.default.string,
   children: _propTypes.default.node
 };
-Checkbox.defaultProps = {
-  label: undefined,
-  children: undefined
-};
 var _default = exports.default = Checkbox;

package/dist/components/Atoms/Confetti/Confetti.js

@@ -35,7 +35,7 @@ function getAnimationSettings(originXA, originXB) {
 function Confetti(_ref) {
   let {
     trigger,
-    duration
+    duration = 3000
   } = _ref;
   const refAnimationInstance = (0, _react.useRef)(null);
   const [intervalId, setIntervalId] = (0, _react.useState)();
@@ -91,7 +91,4 @@ function Confetti(_ref) {
     refConfetti: getInstance,
     style: canvasStyles
   }));
-}
-Confetti.defaultProps = {
-  duration: 3000
-};
+}

package/dist/components/Atoms/Icons/Arrow.js

@@ -43,11 +43,11 @@ const Icon = _styledComponents.default.svg.withConfig({
 });
 const Arrow = _ref5 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
-    direction,
+    size = 24,
+    direction = 'up',
     ...rest
   } = _ref5;
   return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
@@ -64,10 +64,4 @@ const Arrow = _ref5 => {
     d: "m90.871,50.776c-0.016,0.016 -0.026,0.036 -0.043,0.052l-32,32c-0.781,0.781 -1.804,1.172 -2.828,1.172s-2.047,-0.391 -2.829,-1.171a4,4 0 0 1 0,-5.657l25.172,-25.172l-70.343,0a4,4 0 0 1 0,-8l70.343,0l-25.172,-25.171a4,4 0 0 1 5.657,-5.657l32,32c0.016,0.016 0.027,0.036 0.043,0.052c0.167,0.172 0.321,0.357 0.455,0.557c0.069,0.104 0.118,0.216 0.176,0.325c0.065,0.121 0.138,0.236 0.191,0.364c0.057,0.137 0.09,0.279 0.13,0.42c0.032,0.109 0.074,0.214 0.097,0.327a4.017,4.017 0 0 1 0,1.568c-0.023,0.113 -0.065,0.217 -0.097,0.327c-0.041,0.141 -0.074,0.283 -0.13,0.42c-0.053,0.128 -0.126,0.243 -0.191,0.364c-0.059,0.109 -0.107,0.221 -0.176,0.325a4.035,4.035 0 0 1 -0.455,0.555z"
   }));
 };
-Arrow.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24,
-  direction: 'up'
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Arrow);

package/dist/components/Atoms/Icons/AtSign.js

@@ -34,9 +34,9 @@ const StyledSVG = _styledComponents.default.svg.withConfig({
 const AtSign = _ref4 => {
   let {
     theme,
-    size,
-    colour,
-    mobileColour,
+    size = 24,
+    colour = 'white',
+    mobileColour = null,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(StyledSVG, Object.assign({
@@ -49,9 +49,4 @@ const AtSign = _ref4 => {
     d: PATH_DATA
   }));
 };
-AtSign.defaultProps = {
-  size: 24,
-  colour: 'white',
-  mobileColour: null
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(AtSign);

package/dist/components/Atoms/Icons/Chevron.js

@@ -43,11 +43,11 @@ const Icon = _styledComponents.default.svg.withConfig({
 });
 const Chevron = _ref5 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
-    direction,
+    size = 24,
+    direction = 'up',
     ...rest
   } = _ref5;
   return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
@@ -63,10 +63,4 @@ const Chevron = _ref5 => {
     d: "M40 33a1.992 1.992 0 01-1.414-.586L24 17.829 9.414 32.414a2 2 0 11-2.828-2.828l16-16a2 2 0 012.828 0l16 16A2 2 0 0140 33z"
   }));
 };
-Chevron.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24,
-  direction: 'up'
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Chevron);

package/dist/components/Atoms/Icons/Download.js

@@ -32,10 +32,10 @@ const StyledSVG = _styledComponents.default.svg.withConfig({
 });
 const Download = _ref4 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
+    size = 24,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(StyledSVG, Object.assign({}, rest, {
@@ -50,9 +50,4 @@ const Download = _ref4 => {
     d: "M17.171 38.829a4 4 0 015.657-5.657L44 54.343V8a4 4 0 018 0v46.343l21.172-21.172a4 4 0 115.656 5.657l-28 28-.005.004a3.976 3.976 0 01-.604.493c-.101.068-.211.115-.317.172-.123.067-.241.141-.372.195-.133.055-.273.087-.41.127-.113.033-.22.077-.337.1a3.89 3.89 0 01-1.566.002c-.116-.023-.224-.067-.336-.1-.138-.04-.277-.072-.411-.128-.13-.054-.248-.128-.37-.195-.106-.058-.216-.105-.318-.173a4.037 4.037 0 01-.604-.493l-.005-.004-28.002-27.999zM84 68a4 4 0 00-4 4v12H16V72a4 4 0 00-8 0v16a4 4 0 004 4h72a4 4 0 004-4V72a4 4 0 00-4-4z"
   }));
 };
-Download.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Download);

package/dist/components/Atoms/Icons/External.js

@@ -32,10 +32,10 @@ const StyledSVG = _styledComponents.default.svg.withConfig({
 });
 const External = _ref4 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
+    size = 24,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(StyledSVG, Object.assign({}, rest, {
@@ -50,9 +50,4 @@ const External = _ref4 => {
     d: "M92 8.001V48a4 4 0 01-8 0V17.657L50.899 50.758c-.781.781-1.805 1.171-2.829 1.171s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 12H48a4 4 0 010-8h40c.016 0 .032.005.048.005.246.003.492.026.734.074.121.024.233.069.35.104.133.039.268.07.397.123.132.055.253.13.377.198.104.057.212.103.312.169.201.134.386.289.559.456.016.016.035.026.051.042.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327.052.259.08.522.08.785zM72 68a4 4 0 00-4 4v12H12V28h12a4 4 0 000-8H8a4 4 0 00-4 4v64a4 4 0 004 4h64a4 4 0 004-4V72a4 4 0 00-4-4z"
   }));
 };
-External.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(External);

package/dist/components/Atoms/Icons/Favourite.js

@@ -32,10 +32,10 @@ const StyledSVG = _styledComponents.default.svg.withConfig({
 });
 const Favourite = _ref4 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
+    size = 24,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(StyledSVG, Object.assign({}, rest, {
@@ -50,9 +50,4 @@ const Favourite = _ref4 => {
     d: "M74.295 8.47C64.301 6.55 54.06 10.592 48 18.198 41.94 10.592 31.698 6.55 21.705 8.47 12.179 10.304 2 18.229 2 34.973 2 52.345 19.988 67.357 34.442 79.42c4.113 3.432 7.997 6.674 10.729 9.407l.001.001.001.001c.091.091.196.159.294.24.111.092.216.195.333.272.095.063.199.103.298.157.132.072.26.153.397.209.142.058.291.089.438.13.102.028.2.07.303.09a4.003 4.003 0 001.528 0l.012-.003c.5-.098.985-.292 1.426-.583l.021-.017c.213-.143.417-.306.605-.494l.001-.001.001-.001c2.732-2.733 6.616-5.975 10.729-9.407C76.012 67.357 94 52.345 94 34.973 94 18.229 83.821 10.304 74.295 8.47zM56.432 73.278c-3.029 2.528-5.93 4.952-8.432 7.219-2.502-2.267-5.403-4.692-8.432-7.219C27.09 62.864 10 48.602 10 34.973c0-14.534 9.243-17.882 13.216-18.647 7.468-1.438 17.384 1.981 21.047 11.146a3.987 3.987 0 003.017 2.443c.065.012.129.014.193.023.175.023.35.043.528.042.17.001.336-.019.502-.04.073-.01.146-.012.219-.026a3.99 3.99 0 003.014-2.442c3.663-9.165 13.578-12.584 21.047-11.146C76.757 17.091 86 20.439 86 34.973c0 13.629-17.09 27.891-29.568 38.305z"
   }));
 };
-Favourite.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Favourite);

package/dist/components/Atoms/Icons/Internal.js

@@ -32,10 +32,10 @@ const StyledSVG = _styledComponents.default.svg.withConfig({
 });
 const Internal = _ref4 => {
   let {
-    colour,
-    mobileColour,
+    colour = 'white',
+    mobileColour = null,
     theme,
-    size,
+    size = 24,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(StyledSVG, Object.assign({}, rest, {
@@ -50,9 +50,4 @@ const Internal = _ref4 => {
     d: "M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
   }));
 };
-Internal.defaultProps = {
-  colour: 'white',
-  mobileColour: null,
-  size: 24
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Internal);

package/dist/components/Atoms/Input/Input.js

@@ -52,16 +52,17 @@ const Prefix = _styledComponents.default.div.withConfig({
 });
 const Input = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
   let {
-    errorMsg,
+    errorMsg = '',
     id,
     label,
-    showLabel,
+    showLabel = true,
     type,
-    hasAria,
-    className,
-    labelProps,
-    prefix,
-    optional,
+    hasAria = true,
+    className = '',
+    placeholder = '',
+    labelProps = {},
+    prefix = '',
+    optional = null,
     ...rest
   } = _ref5;
   return /*#__PURE__*/_react.default.createElement(_Label.default, Object.assign({
@@ -76,6 +77,7 @@ const Input = /*#__PURE__*/_react.default.forwardRef((_ref5, ref) => {
   }, prefix), /*#__PURE__*/_react.default.createElement(InputField, Object.assign({
     id: id,
     type: type,
+    placeholder: placeholder,
     error: !!errorMsg,
     "aria-describedby": hasAria ? id : undefined,
     ref: ref,
@@ -107,14 +109,4 @@ Input.propTypes = {
   prefix: _propTypes.default.string,
   optional: _propTypes.default.bool
 };
-Input.defaultProps = {
-  showLabel: true,
-  hasAria: true,
-  placeholder: '',
-  errorMsg: '',
-  labelProps: {},
-  className: '',
-  prefix: '',
-  optional: null
-};
 var _default = exports.default = Input;

package/dist/components/Atoms/Label/Label.js

@@ -61,10 +61,10 @@ const LabelText = _ref3 => {
  */
 const Label = _ref4 => {
   let {
-    children,
+    children = null,
     label,
-    hideLabel,
-    optional,
+    hideLabel = false,
+    optional = null,
     ...rest
   } = _ref4;
   return /*#__PURE__*/_react.default.createElement(LabelElement, Object.assign({}, rest, {
@@ -74,13 +74,4 @@ const Label = _ref4 => {
     hideLabel: hideLabel
   }), children);
 };
-Label.defaultProps = {
-  hideLabel: false,
-  children: null,
-  optional: null
-};
-LabelText.defaultProps = {
-  hideLabel: false,
-  children: null
-};
 var _default = exports.default = Label;

package/dist/components/Atoms/Link/Link.js

@@ -14,15 +14,15 @@ let window = '';
 const Link = _ref => {
   let {
     children,
-    color,
-    mobileColour,
+    color = 'red',
+    mobileColour = null,
     href,
-    target,
-    type,
-    home,
-    underline,
-    icon,
-    iconFirst,
+    target = null,
+    type = 'standard',
+    home = false,
+    underline = true,
+    icon = null,
+    iconFirst = false,
     ...rest
   } = _ref;
   const [documentHost, setDocumentHost] = (0, _react.useState)('');
@@ -59,20 +59,11 @@ const Link = _ref => {
     href: href,
     target: window,
     type: type,
+    home: home,
     iconFirst: iconFirst,
     underline: underline
   }), children, window === '_blank' && /*#__PURE__*/_react.default.createElement(_Link.HelperText, null, "(opens in new window)"), hasIcon && /*#__PURE__*/_react.default.createElement(_Link.IconWrapper, {
     type: type
   }, icon));
 };
-Link.defaultProps = {
-  type: 'standard',
-  color: 'red',
-  mobileColour: null,
-  target: null,
-  home: false,
-  underline: true,
-  iconFirst: false,
-  icon: null
-};
 var _default = exports.default = Link;

package/dist/components/Atoms/Logo/Logo.js

@@ -45,10 +45,10 @@ const themeSwitcher = theme => {
 };
 const Logo = _ref2 => {
   let {
-    rotate,
-    sizeSm,
-    sizeMd,
-    campaign
+    rotate = false,
+    sizeSm = '51px',
+    sizeMd = '70px',
+    campaign = 'Comic Relief'
   } = _ref2;
   return /*#__PURE__*/_react.default.createElement(LogoWrapper, {
     rotate: rotate ? 1 : 0,
@@ -59,11 +59,4 @@ const Logo = _ref2 => {
     alt: campaign === 'Comic Relief' || campaign === 'Pride' ? 'Comic Relief logo' : 'Sport Relief logo'
   }));
 };
-Logo.defaultProps = {
-  rotate: false,
-  sizeSm: '51px',
-  // - to work with the header 75px height and 12px padding
-  sizeMd: '70px',
-  campaign: 'Comic Relief'
-};
 var _default = exports.default = Logo;

package/dist/components/Atoms/Pagination/Pagination.js

@@ -12,30 +12,39 @@ var _PaginationCalculator = require("./Utils/PaginationCalculator");
 /** Customizable Pagination component */
 const Pagination = _ref => {
   let {
-    PageComponent,
+    PageComponent = _Item.default,
+    pageComponentProps = {},
+    showFirst = true,
+    showPrevious = true,
+    showNext = true,
+    showLast = true,
+    showMore = true,
+    maxPages = 5,
+    previousLabel = '‹',
+    nextLabel = '›',
+    firstLabel = '«',
+    lastLabel = '»',
+    moreLabel = '...',
+    getPageLabel = currentPage => currentPage.toString(),
+    previousAriaLabel = 'Previous page',
+    nextAriaLabel = 'Next page',
+    firstAriaLabel = 'First page',
+    lastAriaLabel = 'Last page',
+    moreAriaLabel = 'More pages',
+    getPageAriaLabel = currentPage => "Page ".concat(currentPage),
+    target = 'self',
+    color = 'black',
+    backgroundColor = 'white',
+    selectedColor = 'white',
+    selectedBackgroundColor = 'red',
+    disabledColor = 'grey_medium',
+    disabledBackgroundColor = 'white',
+    colorOnHover = 'white',
+    backgroundColorOnHover = 'teal',
     totalPages,
-    maxPages,
     currentPage,
-    showFirst,
-    firstLabel,
-    firstAriaLabel,
-    showPrevious,
-    previousLabel,
-    previousAriaLabel,
-    showMore,
-    moreLabel,
-    moreAriaLabel,
-    showNext,
-    nextLabel,
-    nextAriaLabel,
-    showLast,
-    lastLabel,
-    lastAriaLabel,
-    getPageLabel,
-    getPageAriaLabel,
     onSelect,
     createURL,
-    pageComponentProps,
     ...restProps
   } = _ref;
   if (!totalPages) {
@@ -74,38 +83,16 @@ const Pagination = _ref => {
     PageComponent: PageComponent,
     pageComponentProps: pageComponentProps,
     createURL: createURL,
-    onSelect: onSelect
+    onSelect: onSelect,
+    target: target,
+    color: color,
+    backgroundColor: backgroundColor,
+    selectedColor: selectedColor,
+    selectedBackgroundColor: selectedBackgroundColor,
+    disabledColor: disabledColor,
+    disabledBackgroundColor: disabledBackgroundColor,
+    colorOnHover: colorOnHover,
+    backgroundColorOnHover: backgroundColorOnHover
   }, restProps));
 };
-Pagination.defaultProps = {
-  PageComponent: _Item.default,
-  pageComponentProps: {},
-  showFirst: true,
-  showPrevious: true,
-  showNext: true,
-  showLast: true,
-  showMore: true,
-  maxPages: 5,
-  previousLabel: '‹',
-  nextLabel: '›',
-  firstLabel: '«',
-  lastLabel: '»',
-  moreLabel: '...',
-  getPageLabel: currentPage => currentPage.toString(),
-  previousAriaLabel: 'Previous page',
-  nextAriaLabel: 'Next page',
-  firstAriaLabel: 'First page',
-  lastAriaLabel: 'Last page',
-  moreAriaLabel: 'More pages',
-  getPageAriaLabel: currentPage => "Page ".concat(currentPage),
-  target: 'self',
-  color: 'black',
-  backgroundColor: 'white',
-  selectedColor: 'white',
-  selectedBackgroundColor: 'red',
-  disabledColor: 'grey_medium',
-  disabledBackgroundColor: 'white',
-  colorOnHover: 'white',
-  backgroundColorOnHover: 'teal'
-};
 var _default = exports.default = Pagination;

package/dist/components/Atoms/Picture/Picture.js

@@ -78,16 +78,16 @@ const Image = _styledComponents.default.img.withConfig({
 /** Responsive Picture */
 const Picture = _ref11 => {
   let {
-    images,
-    image,
-    alt,
-    width,
-    height,
-    objectFit,
-    imageLow,
-    isBackgroundImage,
-    smallBreakpointRowLayout,
-    mediumBreakpointRowLayout,
+    images = null,
+    image = null,
+    alt = '',
+    width = '100%',
+    height = 'auto',
+    objectFit = 'none',
+    imageLow = null,
+    isBackgroundImage = false,
+    smallBreakpointRowLayout = null,
+    mediumBreakpointRowLayout = null,
     ...rest
   } = _ref11;
   const document = typeof window !== 'undefined' ? window.document : null;
@@ -152,16 +152,4 @@ const Picture = _ref11 => {
     mediumBreakpointRowLayout: mediumBreakpointRowLayout
   }));
 };
-Picture.defaultProps = {
-  imageLow: null,
-  image: null,
-  images: null,
-  objectFit: 'none',
-  width: '100%',
-  height: 'auto',
-  alt: '',
-  isBackgroundImage: false,
-  smallBreakpointRowLayout: null,
-  mediumBreakpointRowLayout: null
-};
 var _default = exports.default = (0, _styledComponents.withTheme)(Picture);

package/dist/components/Atoms/RichText/RichText.js

@@ -13,8 +13,8 @@ const Inner = exports.Inner = _styledComponents.default.div.withConfig({
 })(["text-align:", ";"], props => props.align);
 const RichText = _ref => {
   let {
-    align,
-    markup,
+    align = 'left',
+    markup = '',
     ...rest
   } = _ref;
   return /*#__PURE__*/_react.default.createElement(Inner, Object.assign({
@@ -24,8 +24,4 @@ const RichText = _ref => {
     }
   }, rest));
 };
-RichText.defaultProps = {
-  align: 'left',
-  markup: ''
-};
 var _default = exports.default = RichText;

package/dist/components/Atoms/Select/Select.js

@@ -60,12 +60,12 @@ const Select = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
     description,
     label,
     options,
-    hideLabel,
-    defaultValue,
-    onChange,
-    greyDescription,
-    className,
-    optional,
+    hideLabel = false,
+    defaultValue = '',
+    onChange = null,
+    greyDescription = false,
+    className = '',
+    optional = false,
     ...rest
   } = _ref8;
   const [value, setValue] = (0, _react.useState)('');
@@ -101,14 +101,4 @@ const Select = /*#__PURE__*/_react.default.forwardRef((_ref8, ref) => {
     "data-test": "error-message"
   }, errorMsg));
 });
-Select.defaultProps = {
-  hideLabel: false,
-  defaultValue: '',
-  onChange: null,
-  /** If true, the 'description' option, which is initially selected but disabled, will be grey
-   *   - like a text input's placeholder */
-  greyDescription: false,
-  className: '',
-  optional: false
-};
 var _default = exports.default = Select;

package/dist/components/Atoms/SocialIcons/SocialIcons.js

@@ -33,6 +33,7 @@ const StyledItem = _styledComponents.default.li.withConfig({
 /** Social media icons with customizable style linked to campaign social media accounts */
 const SocialIcons = _ref3 => {
   let {
+    target = 'blank',
     campaign,
     ...restProps
   } = _ref3;
@@ -40,13 +41,11 @@ const SocialIcons = _ref3 => {
   return /*#__PURE__*/_react.default.createElement(StyledList, null, Object.keys(_Icons.default).map(brand => /*#__PURE__*/_react.default.createElement(StyledItem, {
     key: brand
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, Object.assign({
+    target: target,
     icon: _Icons.default[brand],
     href: links[brand].url,
     title: links[brand].title,
     brand: brand
   }, restProps)))));
 };
-SocialIcons.defaultProps = {
-  target: 'blank'
-};
 var _default = exports.default = SocialIcons;