@comicrelief/component-library 7.22.1 → 7.23.0

package/dist/components/Molecules/InfoBanner/InfoBanner.test.js

@@ -1,15 +1,10 @@
 "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 _InfoBanner = _interopRequireDefault(require("./InfoBanner"));
-
 it('renders correctly', function () {
   var title = 'Hello There';
   var amount = '£ 2,000,000';

package/dist/components/Molecules/Logos/Logos.js

@@ -1,19 +1,14 @@
 "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 _Logo = _interopRequireDefault(require("../../Atoms/Logo/Logo"));
-
 var Logos = function Logos(_ref) {
   var campaign = _ref.campaign;
-
   if (campaign === 'Sport Relief Gameon') {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", {
       href: "/",
@@ -32,7 +27,6 @@ var Logos = function Logos(_ref) {
       campaign: "Sport Relief Gameon"
     })));
   }
-
   if (campaign === 'Sport Relief') {
     return /*#__PURE__*/_react.default.createElement("a", {
       href: "/sportrelief",
@@ -42,7 +36,6 @@ var Logos = function Logos(_ref) {
       campaign: "Sport Relief"
     }));
   }
-
   if (campaign === 'Pride') {
     return /*#__PURE__*/_react.default.createElement("a", {
       href: "/",
@@ -52,7 +45,6 @@ var Logos = function Logos(_ref) {
       campaign: "Pride"
     }));
   }
-
   return /*#__PURE__*/_react.default.createElement("a", {
     href: "/",
     title: "Go to Comic Relief homepage"
@@ -61,9 +53,7 @@ var Logos = function Logos(_ref) {
     campaign: "Comic Relief"
   }));
 };
-
 Logos.defaultProps = {
   campaign: 'Comic Relief'
 };
-var _default = Logos;
-exports.default = _default;
+var _default = exports.default = Logos;

package/dist/components/Molecules/Lookup/Lookup.js

@@ -1,36 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _TextInputWithDropdown = _interopRequireDefault(require("../../Atoms/TextInputWithDropdown/TextInputWithDropdown"));
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _ButtonWithStates = _interopRequireDefault(require("../../Atoms/ButtonWithStates/ButtonWithStates"));
-
 var _excluded = ["name", "label", "placeholder", "buttonText", "lookupHandler", "mapOptionToString", "onSelect", "noResultsMessage", "dropdownInstruction"];
-
-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 StyledButton = (0, _styledComponents.default)(_ButtonWithStates.default).withConfig({
   displayName: "Lookup__StyledButton",
   componentId: "sc-uu5bpv-0"
@@ -39,6 +25,7 @@ var StyledButton = (0, _styledComponents.default)(_ButtonWithStates.default).wit
   return (0, _styledComponents.css)(["color:", ";border:2px solid ", ";background-color:", ";padding-left:", ";padding-right:", ";&:hover{color:", ";background-color:", ";}"], theme.color('grey_dark'), theme.color('grey_dark'), theme.color('white'), (0, _spacing.default)('lg'), (0, _spacing.default)('lg'), theme.color('grey_dark'), theme.color('white'));
 });
 var KEY_CODE_ENTER = 13;
+
 /**
  * A simple lookup component
  *
@@ -68,39 +55,33 @@ var KEY_CODE_ENTER = 13;
  * @returns {JSX.Element}
  * @constructor
  */
-
 var Lookup = function Lookup(_ref2) {
   var name = _ref2.name,
-      label = _ref2.label,
-      placeholder = _ref2.placeholder,
-      buttonText = _ref2.buttonText,
-      lookupHandler = _ref2.lookupHandler,
-      mapOptionToString = _ref2.mapOptionToString,
-      _onSelect = _ref2.onSelect,
-      noResultsMessage = _ref2.noResultsMessage,
-      dropdownInstruction = _ref2.dropdownInstruction,
-      rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
-
+    label = _ref2.label,
+    placeholder = _ref2.placeholder,
+    buttonText = _ref2.buttonText,
+    lookupHandler = _ref2.lookupHandler,
+    mapOptionToString = _ref2.mapOptionToString,
+    _onSelect = _ref2.onSelect,
+    noResultsMessage = _ref2.noResultsMessage,
+    dropdownInstruction = _ref2.dropdownInstruction,
+    rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
   var _useState = (0, _react.useState)(''),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      query = _useState2[0],
-      setQuery = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    query = _useState2[0],
+    setQuery = _useState2[1];
   var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      errorMessage = _useState4[0],
-      setErrorMessage = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    errorMessage = _useState4[0],
+    setErrorMessage = _useState4[1];
   var _useState5 = (0, _react.useState)([]),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      options = _useState6[0],
-      setOptions = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    options = _useState6[0],
+    setOptions = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      isSearching = _useState8[0],
-      setIsSearching = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    isSearching = _useState8[0],
+    setIsSearching = _useState8[1];
   var handler = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
     var results;
     return _regenerator.default.wrap(function _callee$(_context) {
@@ -112,26 +93,20 @@ var Lookup = function Lookup(_ref2) {
             _context.prev = 2;
             _context.next = 5;
             return lookupHandler(query);
-
           case 5:
             results = _context.sent;
             setOptions(results);
-
             if (results.length === 0) {
               setErrorMessage(noResultsMessage);
             }
-
             _context.next = 13;
             break;
-
           case 10:
             _context.prev = 10;
             _context.t0 = _context["catch"](2);
             setErrorMessage(_context.t0.message);
-
           case 13:
             setIsSearching(false);
-
           case 14:
           case "end":
             return _context.stop();
@@ -153,19 +128,15 @@ var Lookup = function Lookup(_ref2) {
     },
     onKeyPress: function onKeyPress(e) {
       var keyCode = e.keyCode || e.which;
-
       if (keyCode === KEY_CODE_ENTER) {
         e.preventDefault();
         return handler();
       }
-
       return null;
     },
     onSelect: function onSelect(text, index) {
       var selection = options[index];
-
       _onSelect(selection);
-
       setQuery('');
       setErrorMessage('');
       setOptions([]);
@@ -183,14 +154,11 @@ var Lookup = function Lookup(_ref2) {
     loadingText: "Searching"
   }, buttonText));
 };
-
 Lookup.defaultProps = {
   noResultsMessage: 'Sorry, could not find any results for your search',
   dropdownInstruction: ''
 };
-var _default = Lookup;
-exports.default = _default;
-
+var _default = exports.default = Lookup;
 var _StyledTextInputWithDropdown = (0, _styledComponents.default)(_TextInputWithDropdown.default).withConfig({
   displayName: "Lookup___StyledTextInputWithDropdown",
   componentId: "sc-uu5bpv-1"

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

@@ -1,31 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _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, _excluded);
-
+    link = _ref.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));
   });
-
   return /*#__PURE__*/_react.default.createElement(_PartnerLink.Item, {
     href: link,
     type: "standard"
@@ -34,6 +25,4 @@ var PartnerLink = function PartnerLink(_ref) {
     size: "xxs"
   }, "Find out more"));
 };
-
-var _default = PartnerLink;
-exports.default = _default;
+var _default = exports.default = PartnerLink;

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

@@ -1,23 +1,16 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Item = exports.MoreInfo = void 0;
-
+exports.MoreInfo = exports.Item = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
-var MoreInfo = (0, _styledComponents.default)(_Text.default).withConfig({
+var MoreInfo = exports.MoreInfo = (0, _styledComponents.default)(_Text.default).withConfig({
   displayName: "PartnerLinkstyle__MoreInfo",
   componentId: "sc-1lfodop-0"
 })(["", " height:auto;@media ", "{font-size:", ";}"], _hideVisually.default, function (_ref) {
@@ -27,12 +20,10 @@ var MoreInfo = (0, _styledComponents.default)(_Text.default).withConfig({
   var theme = _ref2.theme;
   return theme.fontSize('s');
 });
-exports.MoreInfo = MoreInfo;
-var Item = (0, _styledComponents.default)(_Link.default).withConfig({
+var Item = exports.Item = (0, _styledComponents.default)(_Link.default).withConfig({
   displayName: "PartnerLinkstyle__Item",
   componentId: "sc-1lfodop-1"
 })(["display:block;position:relative;padding:0;border:none;:hover,:focus{border:none;", "{overflow:inherit;clip-path:none;margin:0;text-align:center;transform:translateY(-50%);clip:auto;top:50%;left:0;width:100%;", ";}::after{content:'';position:absolute;display:block;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background-color:", ";}}"], MoreInfo, (0, _zIndex.default)('medium'), function (_ref3) {
   var theme = _ref3.theme;
   return theme.color('red');
-});
-exports.Item = Item;
+});

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

@@ -1,19 +1,12 @@
 "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 _PartnerLink = _interopRequireDefault(require("./PartnerLink"));
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _data = require("../../../styleguide/data/data");
-
 it('renders correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_PartnerLink.default, {
     link: "https://www.comicrelief.com"

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

@@ -1,73 +1,62 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _PromoVideo = _interopRequireDefault(require("./_PromoVideo"));
-
 var _breakpoint = require("../../../theme/shared/breakpoint");
-
 var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
-
 var _Promo = require("./Promo.style");
-
-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 Promo = function Promo(_ref) {
   var copyLeft = _ref.copyLeft,
-      backgroundColor = _ref.backgroundColor,
-      imageLow = _ref.imageLow,
-      imageSet = _ref.imageSet,
-      image = _ref.image,
-      imageAltText = _ref.imageAltText,
-      children = _ref.children,
-      position = _ref.position,
-      autoPlay = _ref.autoPlay,
-      loop = _ref.loop,
-      poster = _ref.poster,
-      mobilePoster = _ref.mobilePoster,
-      showPosterAfterPlaying = _ref.showPosterAfterPlaying,
-      videoSrc = _ref.videoSrc,
-      mobileVideoSrc = _ref.mobileVideoSrc,
-      behindTextGradient = _ref.behindTextGradient,
-      blackPlayButton = _ref.blackPlayButton;
-
+    backgroundColor = _ref.backgroundColor,
+    imageLow = _ref.imageLow,
+    imageSet = _ref.imageSet,
+    image = _ref.image,
+    imageAltText = _ref.imageAltText,
+    children = _ref.children,
+    position = _ref.position,
+    autoPlay = _ref.autoPlay,
+    loop = _ref.loop,
+    poster = _ref.poster,
+    mobilePoster = _ref.mobilePoster,
+    showPosterAfterPlaying = _ref.showPosterAfterPlaying,
+    videoSrc = _ref.videoSrc,
+    mobileVideoSrc = _ref.mobileVideoSrc,
+    behindTextGradient = _ref.behindTextGradient,
+    blackPlayButton = _ref.blackPlayButton;
   // Store the appropriate prop in state, dependent on the breakpoint
   var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      thisVideoSrc = _useState2[0],
-      setThisVideoSrc = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    thisVideoSrc = _useState2[0],
+    setThisVideoSrc = _useState2[1];
   var _useState3 = (0, _react.useState)(null),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      thisPoster = _useState4[0],
-      setThisPoster = _useState4[1]; // Let either field define this, just in case
-
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    thisPoster = _useState4[0],
+    setThisPoster = _useState4[1];
 
-  var hasVideo = Boolean(videoSrc || mobileVideoSrc); // A 'video-y' Promo will override and ignore any 'non-Video' images;
+  // Let either field define this, just in case
+  var hasVideo = Boolean(videoSrc || mobileVideoSrc);
+  // A 'video-y' Promo will override and ignore any 'non-Video' images;
   // none of these fields are required so we have to handle them accordingly:
+  var hasImage = Boolean(imageSet && !hasVideo);
 
-  var hasImage = Boolean(imageSet && !hasVideo); // Runs on initial load:
-
+  // Runs on initial load:
   (0, _react.useEffect)(function () {
     if (hasVideo) {
       // Checks size on load ONLY; don't want to mess about with listeners:
       var isDesktop = window.innerWidth >= _breakpoint.sizes.nav; // 1024+ px
-
       var currentPoster;
-      var currentSrc; // If we've got both desktop AND mobile videos, let the
-      // *current* screen width define which video src to use:
+      var currentSrc;
 
+      // If we've got both desktop AND mobile videos, let the
+      // *current* screen width define which video src to use:
       if (videoSrc && mobileVideoSrc) {
         currentSrc = isDesktop ? videoSrc : mobileVideoSrc;
         currentPoster = isDesktop ? poster : mobilePoster;
@@ -76,7 +65,6 @@ var Promo = function Promo(_ref) {
         currentSrc = videoSrc || mobileVideoSrc;
         currentPoster = poster || mobilePoster;
       }
-
       setThisVideoSrc(currentSrc);
       setThisPoster(currentPoster);
     }
@@ -115,7 +103,6 @@ var Promo = function Promo(_ref) {
     behindTextGradient: behindTextGradient
   }, children))));
 };
-
 Promo.defaultProps = {
   backgroundColor: 'white',
   copyLeft: false,
@@ -135,5 +122,4 @@ Promo.defaultProps = {
   behindTextGradient: 'none',
   blackPlayButton: false
 };
-var _default = Promo;
-exports.default = _default;
+var _default = exports.default = Promo;

package/dist/components/Molecules/Promo/Promo.md

@@ -1,7 +1,8 @@
 Promo
 
 ```js
-const defaultData = require('../../../styleguide/data/data').defaultData;import Text from '../../Atoms/Text/Text';
+const defaultData = require('../../../styleguide/data/data').defaultData;
+import Text from '../../Atoms/Text/Text';
 import Link from '../../Atoms/Link/Link';
 
 <div>

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

@@ -1,30 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Gradient = exports.Video = exports.Media = exports.Copy = exports.Wrapper = exports.Container = void 0;
-
+exports.Wrapper = exports.Video = exports.Media = exports.Gradient = exports.Copy = exports.Container = void 0;
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
 var _size = require("../../../theme/shared/size");
-
 var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
-
 var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
-
-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({
+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 Container = exports.Container = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Container",
   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;
+    backgroundColor = _ref.backgroundColor;
   return theme.color(backgroundColor);
 }, (0, _size.media)('medium'), function (_ref2) {
   var position = _ref2.position;
@@ -36,37 +28,25 @@ var Container = _styledComponents.default.div.withConfig({
   var position = _ref4.position;
   return position === 'end' && (0, _styledComponents.css)(["clip-path:polygon(0 0,100% 0,100% 90%,0 101%);border-radius:0 0 0 2rem;", "{clip-path:polygon(0 0,100% 0,100% 85%,0% 101%);border-radius:0 0 0 4rem;}"], (0, _size.media)('medium'));
 });
-
-exports.Container = Container;
-
-var Wrapper = _styledComponents.default.div.withConfig({
+var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Wrapper",
   componentId: "sc-kk4nna-1"
 })(["width:100%;max-width:", ";height:100%;left:0;right:0;margin:0 auto;display:flex;align-items:center;position:relative;", ";", "{min-height:calc(100vh - 90px);}"], _size.container.medium, function (_ref5) {
   var copyLeft = _ref5.copyLeft;
   return !copyLeft && 'justify-content: flex-end';
 }, (0, _size.media)('medium'));
-
-exports.Wrapper = Wrapper;
-
-var Copy = _styledComponents.default.div.withConfig({
+var Copy = exports.Copy = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Copy",
   componentId: "sc-kk4nna-2"
 })(["width:100%;padding:", " ", " ", ";", ";", "{width:100%;padding:", " ", ";}", ""], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _spacing.default)('xl'), (0, _zIndex.default)('low'), (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)('medium'), (0, _spacing.default)('m'));
 });
-
-exports.Copy = Copy;
-
-var Media = _styledComponents.default.div.withConfig({
+var Media = exports.Media = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Media",
   componentId: "sc-kk4nna-3"
 })(["width:100%;height:auto;img{object-position:center;}", "{height:100%;position:absolute;}"], (0, _size.media)('medium'));
-
-exports.Media = Media;
-
-var Video = _styledComponents.default.video.attrs(function () {
+var Video = exports.Video = _styledComponents.default.video.attrs(function () {
   return {
     playsInline: true
   };
@@ -74,10 +54,7 @@ var Video = _styledComponents.default.video.attrs(function () {
   displayName: "Promostyle__Video",
   componentId: "sc-kk4nna-4"
 })(["width:100%;height:100%;object-fit:cover;"]);
-
-exports.Video = Video;
-
-var Gradient = _styledComponents.default.div.withConfig({
+var Gradient = exports.Gradient = _styledComponents.default.div.withConfig({
   displayName: "Promostyle__Gradient",
   componentId: "sc-kk4nna-5"
 })(["width:100%;height:100%;display:flex;align-items:center;", "{width:50%;position:absolute;top:0;left:0;", ";", ";}"], (0, _size.media)('medium'), function (_ref7) {
@@ -85,8 +62,6 @@ var Gradient = _styledComponents.default.div.withConfig({
   return !copyLeft && (0, _styledComponents.css)(["left:auto;right:0;"]);
 }, function (_ref8) {
   var hasVideo = _ref8.hasVideo,
-      behindTextGradient = _ref8.behindTextGradient;
+    behindTextGradient = _ref8.behindTextGradient;
   return hasVideo !== false && behindTextGradient !== 'none' && (0, _styledComponents.css)(["overflow:hidden;background-color:", ";box-shadow:0px 0px 50px 60px ", ";"], behindTextGradient === 'black' ? 'rgba(0,0,0,0.5)' : 'rgba(255, 255, 255, 0.5)', behindTextGradient === 'black' ? 'rgba(0,0,0,0.5)' : 'rgba(255, 255, 255, 0.5)');
-});
-
-exports.Gradient = Gradient;
+});

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

@@ -1,21 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _react = _interopRequireDefault(require("react"));
-
 require("jest-styled-components");
-
 var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
-
 var _Promo = _interopRequireDefault(require("./Promo"));
-
 var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
-
 var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
-
 var defaultData = require('../../../styleguide/data/data').defaultData;
-
 it('renders Promo correctly', function () {
   var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Promo.default, {
     backgroundColor: "blue_dark",