@comicrelief/component-library 5.3.0 → 5.6.1

package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js

@@ -21,6 +21,9 @@ var _Text = _interopRequireDefault(require("../Text/Text"));
 
 var _TextInputWithDropdown = require("./TextInputWithDropdown.style");
 
+var _excluded = ["value", "options", "onChange", "onSelect", "id", "name", "label", "dropdownInstruction", "className"],
+    _excluded2 = ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"];
+
 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; }
@@ -49,7 +52,7 @@ var TextInputWithDropdown = /*#__PURE__*/_react.default.forwardRef(function (_re
       label = _ref.label,
       dropdownInstruction = _ref.dropdownInstruction,
       className = _ref.className,
-      otherInputProps = (0, _objectWithoutProperties2.default)(_ref, ["value", "options", "onChange", "onSelect", "id", "name", "label", "dropdownInstruction", "className"]);
+      otherInputProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(-1),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -128,7 +131,7 @@ var Options = function Options(_ref2) {
       onSelect = _ref2.onSelect,
       activeOption = _ref2.activeOption,
       resetActiveOption = _ref2.resetActiveOption,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["options", "dropdownInstruction", "onSelect", "activeOption", "resetActiveOption"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
 
   // Reset 'activeOption' when the list is unfocused.
   var onBlur = function onBlur(e) {

package/dist/components/Molecules/Accordion/Accordion.js

@@ -19,6 +19,8 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var _index = require("../../Atoms/Icons/index");
 
+var _excluded = ["children", "title"];
+
 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; }
@@ -63,7 +65,7 @@ var Copy = _styledComponents.default.div.withConfig({
 var Accordion = function Accordion(_ref6) {
   var children = _ref6.children,
       title = _ref6.title,
-      rest = (0, _objectWithoutProperties2.default)(_ref6, ["children", "title"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref6, _excluded);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/components/Molecules/Box/Box.js

@@ -17,6 +17,8 @@ var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["imageLow", "images", "image", "imageAltText", "height", "width", "children"];
+
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Box__Container",
   componentId: "sc-1oa7u3c-0"
@@ -52,7 +54,7 @@ var Box = function Box(_ref5) {
       height = _ref5.height,
       width = _ref5.width,
       children = _ref5.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref5, ["imageLow", "images", "image", "imageAltText", "height", "width", "children"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
   return /*#__PURE__*/_react.default.createElement(Container, rest, imageLow ? /*#__PURE__*/_react.default.createElement(Image, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {
     alt: imageAltText,
     imageLow: imageLow,

package/dist/components/Molecules/Card/Card.js

@@ -17,6 +17,8 @@ var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
 
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
+var _excluded = ["backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children"];
+
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Card__Container",
   componentId: "sc-15nltsw-0"
@@ -45,7 +47,7 @@ var Card = function Card(_ref2) {
       height = _ref2.height,
       width = _ref2.width,
       children = _ref2.children,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
     backgroundColor: backgroundColor
   }, rest), imageLow ? /*#__PURE__*/_react.default.createElement(Image, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {

package/dist/components/Molecules/CardDs/CardDs.js

@@ -21,13 +21,15 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
 
+var _excluded = ["icon", "backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "link", "linkLabel", "target"];
+
 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; }
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Container",
-  componentId: "mayd3d-0"
+  componentId: "sc-mayd3d-0"
 })(["display:flex;position:relative;flex-direction:column;height:100%;width:calc(100% - ", ");background:", ";@media ", "{flex-direction:row;width:100%;}@media ", "{flex-direction:column;}"], (0, _spacing.default)('m'), function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -42,7 +44,7 @@ var Container = _styledComponents.default.div.withConfig({
 
 var Image = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Image",
-  componentId: "mayd3d-1"
+  componentId: "sc-mayd3d-1"
 })(["height:auto;margin:0 -", " 0 ", ";@media ", "{margin:0;", ";}@media ", "{margin:0 -", " 0 ", ";}img{border-radius:1rem;box-shadow:0px 0px 20px rgba(0,0,0,0.15);}"], (0, _spacing.default)('m'), (0, _spacing.default)('m'), function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('small');
@@ -56,7 +58,7 @@ var Image = _styledComponents.default.div.withConfig({
 
 var MediaLink = _styledComponents.default.a.withConfig({
   displayName: "CardDs__MediaLink",
-  componentId: "mayd3d-2"
+  componentId: "sc-mayd3d-2"
 })(["width:100%;@media ", "{width:calc(50% + 6rem);}@media ", "{width:100%;}"], function (_ref7) {
   var theme = _ref7.theme;
   return theme.breakpoint('small');
@@ -67,7 +69,7 @@ var MediaLink = _styledComponents.default.a.withConfig({
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "CardDs__Copy",
-  componentId: "mayd3d-3"
+  componentId: "sc-mayd3d-3"
 })(["padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;box-shadow:0px 0px 20px rgba(0,0,0,0.15);background:", ";width:100%;@media ", "{height:100%;}", ";", ";"], (0, _spacing.default)('l'), function (_ref9) {
   var hasLink = _ref9.hasLink;
   return hasLink && "padding-bottom: ".concat((0, _spacing.default)('xl'));
@@ -91,7 +93,7 @@ var Copy = _styledComponents.default.div.withConfig({
 
 var CTA = _styledComponents.default.div.withConfig({
   displayName: "CardDs__CTA",
-  componentId: "mayd3d-4"
+  componentId: "sc-mayd3d-4"
 })(["position:absolute;right:", ";bottom:-", ";", ";@media ", "{bottom:calc(-1 * (", " + ", "));", ";}"], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _zIndex.default)('medium'), function (_ref15) {
   var theme = _ref15.theme;
   return theme.breakpoint('small');
@@ -113,7 +115,7 @@ var CardDs = function CardDs(_ref17) {
       link = _ref17.link,
       linkLabel = _ref17.linkLabel,
       target = _ref17.target,
-      rest = (0, _objectWithoutProperties2.default)(_ref17, ["icon", "backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "link", "linkLabel", "target"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref17, _excluded);
 
   var Media = /*#__PURE__*/_react.default.createElement(Image, {
     hasLink: link

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

@@ -13,14 +13,14 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Wrapper",
-  componentId: "zj2fle-0"
+  componentId: "sc-zj2fle-0"
 })(["display:flex;"]);
 
 exports.Wrapper = Wrapper;
 
 var Digits = _styledComponents.default.div.withConfig({
   displayName: "Countdownstyle__Digits",
-  componentId: "zj2fle-1"
+  componentId: "sc-zj2fle-1"
 })(["display:flex;flex-direction:column;align-items:center;margin:0 ", ";&:first-child{margin-left:0;}"], (0, _spacing.default)('sm'));
 
 exports.Digits = Digits;

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

@@ -15,7 +15,7 @@ var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
 
 var Container = _styledComponents.default.section.withConfig({
   displayName: "HeroBanner__Container",
-  componentId: "c6z1hi-0"
+  componentId: "sc-c6z1hi-0"
 })(["min-height:200px;position:relative;background:", ";color:", ";"], function (props) {
   return props.background ? props.background : 'transparent';
 }, function (props) {
@@ -28,12 +28,12 @@ var Image = _styledComponents.default.img.attrs(function () {
   };
 }).withConfig({
   displayName: "HeroBanner__Image",
-  componentId: "c6z1hi-1"
+  componentId: "sc-c6z1hi-1"
 })(["object-fit:cover;width:100%;display:block;height:100%;opacity:0.5;"]);
 
 var Title = _styledComponents.default.h1.withConfig({
   displayName: "HeroBanner__Title",
-  componentId: "c6z1hi-2"
+  componentId: "sc-c6z1hi-2"
 })(["position:absolute;margin:0 auto;top:50%;transform:translateY(-50%);left:0;right:0;text-align:center;"]);
 /**
  * Hero Banner to be used as Header of landing pages.

package/dist/components/Molecules/PartnerLink/PartnerLink.js

@@ -15,10 +15,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _PartnerLink = require("./PartnerLink.style");
 
+var _excluded = ["children", "link"];
+
 var PartnerLink = function PartnerLink(_ref) {
   var children = _ref.children,
       link = _ref.link,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["children", "link"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var childrenWithProps = _react.default.Children.map(children, function (child) {
     return /*#__PURE__*/_react.default.cloneElement(child, (0, _objectSpread2.default)({}, rest));

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

@@ -21,7 +21,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Container",
-  componentId: "kk4nna-0"
+  componentId: "sc-kk4nna-0"
 })(["width:100%;display:flex;position:relative;flex-direction:column;overflow:hidden;background:", ";", "{flex-direction:row;}", " ", " ", ""], function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -41,7 +41,7 @@ exports.Container = Container;
 
 var Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Wrapper",
-  componentId: "kk4nna-1"
+  componentId: "sc-kk4nna-1"
 })(["width:100%;max-width:", ";height:100%;left:0;right:0;margin:0 auto;display:flex;align-items:center;", ";", "{min-height:calc(100vh - 90px);}"], _size.container.medium, function (_ref5) {
   var copyFirst = _ref5.copyFirst;
   return !copyFirst && 'justify-content: flex-end';
@@ -51,7 +51,7 @@ exports.Wrapper = Wrapper;
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Copy",
-  componentId: "kk4nna-2"
+  componentId: "sc-kk4nna-2"
 })(["width:100%;padding:", " ", " ", ";", ";", "{width:70%;padding:", " ", ";}", "{width:50%;padding:", " ", ";}", ""], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _spacing.default)('xl'), (0, _zIndex.default)('low'), (0, _size.media)('small'), (0, _spacing.default)('xl'), (0, _spacing.default)('m'), (0, _size.media)('medium'), (0, _spacing.default)('xxl'), (0, _spacing.default)('m'), function (_ref6) {
   var position = _ref6.position;
   return position === 'lower' && (0, _styledComponents.css)(["padding:", " ", ";", "{padding:6rem ", ";margin-top:6rem;}"], (0, _spacing.default)('xl'), (0, _spacing.default)('m'), (0, _size.media)('small'), (0, _spacing.default)('m'));
@@ -61,7 +61,7 @@ exports.Copy = Copy;
 
 var Media = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Media",
-  componentId: "kk4nna-3"
+  componentId: "sc-kk4nna-3"
 })(["width:100%;height:auto;img{object-position:center;}", "{height:100%;position:absolute;}"], (0, _size.media)('small'));
 
 exports.Media = Media;

package/dist/components/Molecules/SchoolLookup/SchoolLookup.js

@@ -21,6 +21,8 @@ var _axios = _interopRequireDefault(require("axios"));
 
 var _Typeahead = _interopRequireDefault(require("../Typeahead/Typeahead"));
 
+var _excluded = ["label", "placeholder", "notFoundMessage", "dropdownInstruction", "onSelect"];
+
 var optionFetcher = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(query) {
     var response;
@@ -63,7 +65,7 @@ var SchoolLookup = /*#__PURE__*/_react.default.forwardRef(function (_ref2, ref)
       notFoundMessage = _ref2.notFoundMessage,
       dropdownInstruction = _ref2.dropdownInstruction,
       onSelect = _ref2.onSelect,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, ["label", "placeholder", "notFoundMessage", "dropdownInstruction", "onSelect"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var props = (0, _objectSpread2.default)({
     optionFetcher: optionFetcher,
     optionParser: optionParser,

package/dist/components/Molecules/SearchInput/SearchInput.js

@@ -13,11 +13,13 @@ var _react = _interopRequireDefault(require("react"));
 
 var _SearchInput = require("./SearchInput.style");
 
+var _excluded = ["onChange", "placeholder", "value"];
+
 var SearchInput = function SearchInput(_ref) {
   var onChange = _ref.onChange,
       placeholder = _ref.placeholder,
       value = _ref.value,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["onChange", "placeholder", "value"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_SearchInput.Wrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.InnerWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchBox, {
     role: "search"
   }, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchWrapper, null, /*#__PURE__*/_react.default.createElement(_SearchInput.SearchField, Object.assign({

package/dist/components/Molecules/SearchResult/SearchResult.js

@@ -24,7 +24,7 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
  */
 var Wrapper = _styledComponents.default.article.withConfig({
   displayName: "SearchResult__Wrapper",
-  componentId: "wp0ln2-0"
+  componentId: "sc-wp0ln2-0"
 })(["width:100%;height:100%;background-color:", ";"], function (_ref) {
   var theme = _ref.theme;
   return theme.color('white');
@@ -32,7 +32,7 @@ var Wrapper = _styledComponents.default.article.withConfig({
 
 var Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "SearchResult__Item",
-  componentId: "wp0ln2-1"
+  componentId: "sc-wp0ln2-1"
 })(["display:flex;height:100%;border:0;flex-direction:column;text-decoration:none;color:inherit;width:100%;@media ", "{flex-direction:row;}:hover{border:0;font-weight:normal;}"], function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('small');
@@ -40,7 +40,7 @@ var Item = (0, _styledComponents.default)(_Link.default).withConfig({
 
 var ImageWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__ImageWrapper",
-  componentId: "wp0ln2-2"
+  componentId: "sc-wp0ln2-2"
 })(["height:auto;@media ", "{width:", ";}@media ", "{width:", ";}"], function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('small');
@@ -57,12 +57,12 @@ var ImageWrapper = _styledComponents.default.div.withConfig({
 
 var CopyWrapper = _styledComponents.default.div.withConfig({
   displayName: "SearchResult__CopyWrapper",
-  componentId: "wp0ln2-3"
+  componentId: "sc-wp0ln2-3"
 })(["display:flex;flex-direction:column;justify-content:center;padding:", ";width:100%;"], (0, _spacing.default)('md'));
 
 var Title = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SearchResult__Title",
-  componentId: "wp0ln2-4"
+  componentId: "sc-wp0ln2-4"
 })(["margin:0;"]);
 /**
  * Search Result component

package/dist/components/Molecules/ShareButton/ShareButton.js

@@ -23,6 +23,8 @@ var _ShareIcons = _interopRequireDefault(require("./assets/ShareIcons"));
 
 var _ShareButton = require("./ShareButton.style");
 
+var _excluded = ["campaign", "copy", "urlToShare"];
+
 var handleShare = function handleShare(e, typeOfShare, urlToShare) {
   e.preventDefault();
   (0, _shareTracking.default)(typeOfShare.toLowerCase()); // Pass the current page's URL and the type of share to our helper function
@@ -38,7 +40,7 @@ var ShareButton = function ShareButton(_ref) {
   var campaign = _ref.campaign,
       copy = _ref.copy,
       urlToShare = _ref.urlToShare,
-      restProps = (0, _objectWithoutProperties2.default)(_ref, ["campaign", "copy", "urlToShare"]);
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var checkedUrl = '';
   /* Window obj isn't available during server-side rendering AND we don't have
    * access to componentDidMount etc. in functional components, so add this check first */

package/dist/components/Molecules/SingleMessage/SingleMessage.js

@@ -24,7 +24,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var allPlayers = {};
-/** Single Message is our main component usually to build landing pages */
+/* Single Message is our main component usually to build landing pages */
 
 var SingleMessage = function SingleMessage(_ref) {
   var backgroundColor = _ref.backgroundColor,

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js

@@ -25,6 +25,8 @@ var _SingleMessageDs = require("./SingleMessageDs.style");
 
 var _play = _interopRequireDefault(require("./assets/play.png"));
 
+var _excluded = ["backgroundColor", "imageLeft", "imageLow", "images", "image", "imageAltText", "height", "width", "subtitle", "children", "link", "linkLabel", "ctaBgColor", "target", "linkIcon", "youTubeId"];
+
 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; }
@@ -46,7 +48,7 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
       target = _ref.target,
       linkIcon = _ref.linkIcon,
       youTubeId = _ref.youTubeId,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["backgroundColor", "imageLeft", "imageLow", "images", "image", "imageAltText", "height", "width", "subtitle", "children", "link", "linkLabel", "ctaBgColor", "target", "linkIcon", "youTubeId"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -74,17 +76,27 @@ var SingleMessageDs = function SingleMessageDs(_ref) {
         imageLeft: imageLeft,
         "aria-hidden": "true",
         tabIndex: "-1",
-        href: youTubeId ? '#' : link,
+        href: link,
+        target: target
+      }, rest), Media);
+    }
+
+    if (imageLow && youTubeId) {
+      return /*#__PURE__*/_react.default.createElement(_SingleMessageDs.MediaLink, Object.assign({
+        imageLeft: imageLeft,
+        "aria-hidden": "true",
+        tabIndex: "-1",
+        href: youTubeId,
         target: target
       }, rest, {
         onClick: function onClick(e) {
           setIsOpen(true);
           e.preventDefault();
         }
-      }), youTubeId ? /*#__PURE__*/_react.default.createElement(_SingleMessageDs.PlayHolder, null, /*#__PURE__*/_react.default.createElement(_SingleMessageDs.PlayImage, {
+      }), /*#__PURE__*/_react.default.createElement(_SingleMessageDs.PlayHolder, null, /*#__PURE__*/_react.default.createElement(_SingleMessageDs.PlayImage, {
         src: _play.default,
         alt: ""
-      }), Media) : Media);
+      }), Media));
     }
 
     if (imageLow) {

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.md

@@ -156,11 +156,38 @@ import Download from '../../Atoms/Icons/Download';
       linkLabel='Download this'
       linkIcon={<Download />}
       imageLow={data.image}
+      imageLeft={true}
       images={data.images}
     >
       <Text tag='p'>
-        Some text and stuff.
+        Whatever you’ve got planned, the Sport Relief shop has everything you need
+        to get you looking your best while you’re raising some cash. Also
+        available in Sainsbury’s stores and online and in selected Argos stores.
       </Text>
     </SingleMessageDs>
 </div>;
 ```
+
+## Video with no CTA
+
+```js
+const data = require('../../../styleguide/data/data').default;
+import Text from '../../Atoms/Text/Text';
+import Link from '../../Atoms/Link/Link';
+import styled from 'styled-components';
+import spacing from '../../../theme/shared/spacing';
+import Download from '../../Atoms/Icons/Download';
+
+<div>
+    <SingleMessageDs
+      imageLow={data.image}
+      images={data.images}
+      youTubeId="faz0JeBB41M"
+      imageLeft={true}
+    >
+      <Text tag='p'>
+        Some text and stuff.
+      </Text>
+    </SingleMessageDs>
+</div>;
+```

package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js

@@ -19,7 +19,7 @@ var boxShadow = 'box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15)';
 
 var Container = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Container",
-  componentId: "s8zd7s-0"
+  componentId: "sc-s8zd7s-0"
 })(["display:flex;position:relative;flex-direction:column;justify-content:space-around;background:", ";@media ", "{flex-direction:", ";}"], function (_ref) {
   var theme = _ref.theme,
       backgroundColor = _ref.backgroundColor;
@@ -35,13 +35,13 @@ var Container = _styledComponents.default.div.withConfig({
 exports.Container = Container;
 var Subtitle = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "SingleMessageDsstyle__Subtitle",
-  componentId: "s8zd7s-1"
+  componentId: "sc-s8zd7s-1"
 })(["letter-spacing:0.03em;text-transform:uppercase;"]);
 exports.Subtitle = Subtitle;
 
 var Image = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Image",
-  componentId: "s8zd7s-2"
+  componentId: "sc-s8zd7s-2"
 })(["height:100%;@media ", "{height:448px;}img{border-radius:1rem;", ";}"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.breakpoint('small');
@@ -51,7 +51,7 @@ exports.Image = Image;
 
 var MediaLink = _styledComponents.default.a.withConfig({
   displayName: "SingleMessageDsstyle__MediaLink",
-  componentId: "s8zd7s-3"
+  componentId: "sc-s8zd7s-3"
 })(["", ";@media ", "{margin:0;height:448px;flex-grow:0;flex-shrink:0;flex-basis:50%;}"], function (_ref5) {
   var imageLeft = _ref5.imageLeft;
   return imageLeft ? "margin-right: ".concat((0, _spacing.default)('m')) : "margin-left: ".concat((0, _spacing.default)('m'));
@@ -64,28 +64,28 @@ exports.MediaLink = MediaLink;
 
 var PlayHolder = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__PlayHolder",
-  componentId: "s8zd7s-4"
+  componentId: "sc-s8zd7s-4"
 })(["position:relative;"]);
 
 exports.PlayHolder = PlayHolder;
 
 var PlayImage = _styledComponents.default.img.withConfig({
   displayName: "SingleMessageDsstyle__PlayImage",
-  componentId: "s8zd7s-5"
+  componentId: "sc-s8zd7s-5"
 })(["position:absolute;margin:auto;", ";top:0;right:0;bottom:0;left:0;"], (0, _zIndex.default)('medium'));
 
 exports.PlayImage = PlayImage;
 
 var CloseButton = _styledComponents.default.button.withConfig({
   displayName: "SingleMessageDsstyle__CloseButton",
-  componentId: "s8zd7s-6"
+  componentId: "sc-s8zd7s-6"
 })(["position:absolute;z-index:2;top:-45px;right:0px;display:inline-block;width:35px;height:35px;overflow:hidden;border:none;background:transparent;:before{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(45deg);}:after{content:'';position:absolute;height:2px;width:100%;top:50%;left:0;margin-top:-1px;background:#fff;border-radius:5px;margin-top:-6px;transform:rotate(-45deg);}"]);
 
 exports.CloseButton = CloseButton;
 
 var CTA = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__CTA",
-  componentId: "s8zd7s-7"
+  componentId: "sc-s8zd7s-7"
 })(["position:absolute;bottom:-", ";", ";a{font-family:", ";}@media ", "{", "}"], (0, _spacing.default)('m'), (0, _zIndex.default)('medium'), function (_ref7) {
   var theme = _ref7.theme;
   return theme.fontFamilies('Montserrat');
@@ -101,7 +101,7 @@ exports.CTA = CTA;
 
 var Copy = _styledComponents.default.div.withConfig({
   displayName: "SingleMessageDsstyle__Copy",
-  componentId: "s8zd7s-8"
+  componentId: "sc-s8zd7s-8"
 })(["position:relative;height:auto;padding:", ";", ";display:flex;flex-direction:column;border-radius:1rem;", ";background:", ";", ";", ";@media ", "{height:448px;width:calc(50% + 1.5rem);flex-grow:0;flex-shrink:0;flex-basis:calc(50% + 1.5rem);padding:", ";", ";", ";}@media ", "{padding:calc(", " * 2);", ";margin:", ";}"], (0, _spacing.default)('m'), (0, _zIndex.default)('low'), boxShadow, function (_ref10) {
   var theme = _ref10.theme,
       backgroundColor = _ref10.backgroundColor;

package/dist/components/Molecules/SingleMessageDS/__snapshots__/SingleMessageDs.test.js.snap

@@ -234,7 +234,6 @@ exports[`renders correctly 1`] = `
     aria-hidden="true"
     className="c1"
     href="/home"
-    onClick={[Function]}
     tabIndex="-1"
     target="_blank"
     title="Heading Line 1 Heading Line 2"

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

@@ -21,6 +21,8 @@ var _lodash = require("lodash");
 
 var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
 
+var _excluded = ["optionFetcher", "optionParser", "onSelect", "id", "label", "name", "dropdownInstruction", "notFoundMessage", "fetchErrorHandler"];
+
 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; }
@@ -39,7 +41,7 @@ var Typeahead = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       dropdownInstruction = _ref.dropdownInstruction,
       notFoundMessage = _ref.notFoundMessage,
       fetchErrorHandler = _ref.fetchErrorHandler,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["optionFetcher", "optionParser", "onSelect", "id", "label", "name", "dropdownInstruction", "notFoundMessage", "fetchErrorHandler"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

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

@@ -24,7 +24,7 @@ var Video = _styledComponents.default.video.attrs(function () {
   };
 }).withConfig({
   displayName: "VideoBanner__Video",
-  componentId: "wxn2ep-0"
+  componentId: "sc-wxn2ep-0"
 })(["width:100%;height:100%;"]);
 
 var VideoBanner = function VideoBanner(_ref) {

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

@@ -19,7 +19,7 @@ var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
 
 var CookieWrapper = _styledComponents.default.div.withConfig({
   displayName: "CookieBannerstyle__CookieWrapper",
-  componentId: "m69qcz-0"
+  componentId: "sc-m69qcz-0"
 })(["display:flex;position:relative;padding:", ";background:", ";flex-direction:column;", ";"], (0, _spacing.default)('md'), function (_ref) {
   var theme = _ref.theme;
   return theme.color('deep_violet_dark');
@@ -28,7 +28,7 @@ var CookieWrapper = _styledComponents.default.div.withConfig({
 exports.CookieWrapper = CookieWrapper;
 var CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "CookieBannerstyle__CookieText",
-  componentId: "m69qcz-1"
+  componentId: "sc-m69qcz-1"
 })(["line-height:1.5;margin:0;&:first-of-type{margin-bottom:", ";}@media ", "{width:75%;margin:", " auto;&:first-of-type{margin-bottom:", ";}}"], (0, _spacing.default)('sm'), function (_ref2) {
   var theme = _ref2.theme;
   return theme.breakpoint('small');
@@ -36,7 +36,7 @@ var CookieText = (0, _styledComponents.default)(_Text.default).withConfig({
 exports.CookieText = CookieText;
 var AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__AcceptCookieBtn",
-  componentId: "m69qcz-2"
+  componentId: "sc-m69qcz-2"
 })(["padding:", " ", ";display:block;margin-bottom:10px;@media ", "{margin:0 ", " 0 0;display:inline-block;}"], (0, _spacing.default)('sm'), (0, _spacing.default)('md'), function (_ref3) {
   var theme = _ref3.theme;
   return theme.breakpoint('small');
@@ -44,7 +44,7 @@ var AcceptCookieBtn = (0, _styledComponents.default)(_Link.default).withConfig({
 exports.AcceptCookieBtn = AcceptCookieBtn;
 var LinkStyle = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "CookieBannerstyle__LinkStyle",
-  componentId: "m69qcz-3"
+  componentId: "sc-m69qcz-3"
 })(["color:", ";padding:0 ", " 1px;border-bottom:2px solid;"], function (_ref4) {
   var theme = _ref4.theme;
   return theme.color('white');

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

@@ -23,6 +23,8 @@ var _Donate = require("../Donate.style");
 
 var _GivingSelector = _interopRequireDefault(require("../GivingSelector/GivingSelector"));
 
+var _excluded = ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys"];
+
 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; }
@@ -37,7 +39,7 @@ var Signup = function Signup(_ref) {
       cartID = _ref.cartID,
       mbshipID = _ref.mbshipID,
       noMoneyBuys = _ref.noMoneyBuys,
-      rest = (0, _objectWithoutProperties2.default)(_ref, ["data", "donateLink", "otherDescription", "clientID", "cartID", "mbshipID", "noMoneyBuys"]);
+      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)('single'),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),