@comicrelief/component-library 7.24.0 → 7.24.2

package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js

@@ -1,47 +1,58 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Input = _interopRequireDefault(require("../../../Atoms/Input/Input"));
-var _excluded = ["setOtherAmount", "amount", "currency", "description"];
-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 MoneyBox = (0, _styledComponents.default)(_Input.default).withConfig({
+const MoneyBox = (0, _styledComponents.default)(_Input.default).withConfig({
   displayName: "MoneyBox",
   componentId: "sc-18hf1f8-0"
-})(["display:block;input{border:2px solid ", ";font-size:", ";font-weight:800;letter-spacing:-2px;height:auto;", "}"], function (_ref) {
-  var theme = _ref.theme;
+})(["display:block;input{border:2px solid ", ";font-size:", ";font-weight:800;letter-spacing:-2px;height:auto;", "}"], _ref => {
+  let {
+    theme
+  } = _ref;
   return theme.color('grey_medium');
-}, function (_ref2) {
-  var theme = _ref2.theme;
+}, _ref2 => {
+  let {
+    theme
+  } = _ref2;
   return theme.fontSize('l');
-}, function (_ref3) {
-  var boxBorderColor = _ref3.boxBorderColor,
-    isInputMatchBox = _ref3.isInputMatchBox,
-    isSelected = _ref3.isSelected;
-  return (boxBorderColor === isInputMatchBox || isSelected) && (0, _styledComponents.css)(["border-color:", ";background-color:", ";color:", ";"], function (_ref4) {
-    var theme = _ref4.theme;
+}, _ref3 => {
+  let {
+    boxBorderColor,
+    isInputMatchBox,
+    isSelected
+  } = _ref3;
+  return (boxBorderColor === isInputMatchBox || isSelected) && (0, _styledComponents.css)(["border-color:", ";background-color:", ";color:", ";"], _ref4 => {
+    let {
+      theme
+    } = _ref4;
     return theme.color('red');
-  }, function (_ref5) {
-    var theme = _ref5.theme;
+  }, _ref5 => {
+    let {
+      theme
+    } = _ref5;
     return theme.color('red');
-  }, function (_ref6) {
-    var theme = _ref6.theme;
+  }, _ref6 => {
+    let {
+      theme
+    } = _ref6;
     return theme.color('white');
   });
 });
-var MoneyBuy = function MoneyBuy(_ref7) {
-  var setOtherAmount = _ref7.setOtherAmount,
-    amount = _ref7.amount,
-    currency = _ref7.currency,
-    description = _ref7.description,
-    rest = (0, _objectWithoutProperties2.default)(_ref7, _excluded);
+const MoneyBuy = _ref7 => {
+  let {
+    setOtherAmount,
+    amount,
+    currency,
+    description,
+    ...rest
+  } = _ref7;
   return /*#__PURE__*/_react.default.createElement(MoneyBox, Object.assign({}, rest, {
     "aria-label": description,
     value: "".concat(currency, " ").concat(amount),

package/dist/hoc/shallowWithTheme.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });

package/dist/index.js

@@ -1,402 +1,402 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Accordion.default;
   }
 });
 Object.defineProperty(exports, "ArticleTeaser", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ArticleTeaser.default;
   }
 });
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Banner.default;
   }
 });
 Object.defineProperty(exports, "Box", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Box.default;
   }
 });
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Button.default;
   }
 });
 Object.defineProperty(exports, "ButtonWithStates", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ButtonWithStates.default;
   }
 });
 Object.defineProperty(exports, "Card", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Card.default;
   }
 });
 Object.defineProperty(exports, "CardDs", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CardDs.default;
   }
 });
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Checkbox.default;
   }
 });
 Object.defineProperty(exports, "Chip", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Chip.default;
   }
 });
 Object.defineProperty(exports, "Confetti", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Confetti.default;
   }
 });
 Object.defineProperty(exports, "CookieBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _CookieBanner.default;
   }
 });
 Object.defineProperty(exports, "Countdown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Countdown.default;
   }
 });
 Object.defineProperty(exports, "Descriptor", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Descriptor.default;
   }
 });
 Object.defineProperty(exports, "Donate", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Donate.default;
   }
 });
 Object.defineProperty(exports, "DoubleCopy", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _DoubleCopy.default;
   }
 });
 Object.defineProperty(exports, "ESU_FIELDS", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailSignUp.ESU_FIELDS;
   }
 });
 Object.defineProperty(exports, "EmailSignUp", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailSignUp.EmailSignUp;
   }
 });
 Object.defineProperty(exports, "ErrorText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ErrorText.default;
   }
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Footer.default;
   }
 });
 Object.defineProperty(exports, "Header", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Header.default;
   }
 });
 Object.defineProperty(exports, "HeroBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _HeroBanner.default;
   }
 });
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Icon.default;
   }
 });
 Object.defineProperty(exports, "ImpactSlider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ImpactSlider.default;
   }
 });
 Object.defineProperty(exports, "InfoBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _InfoBanner.default;
   }
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Input.default;
   }
 });
 Object.defineProperty(exports, "Label", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Label.default;
   }
 });
 Object.defineProperty(exports, "Link", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Link.default;
   }
 });
 Object.defineProperty(exports, "Logo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Logo.default;
   }
 });
 Object.defineProperty(exports, "Lookup", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Lookup.default;
   }
 });
 Object.defineProperty(exports, "MarketingPreferencesDS", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MarketingPreferencesDS.MarketingPreferencesDS;
   }
 });
 Object.defineProperty(exports, "Membership", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Membership.default;
   }
 });
 Object.defineProperty(exports, "Pagination", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Pagination.default;
   }
 });
 Object.defineProperty(exports, "PartnerLink", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _PartnerLink.default;
   }
 });
 Object.defineProperty(exports, "Picture", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Picture.default;
   }
 });
 Object.defineProperty(exports, "Promo", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Promo.default;
   }
 });
 Object.defineProperty(exports, "RadioButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RadioButton.default;
   }
 });
 Object.defineProperty(exports, "RichText", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _RichText.default;
   }
 });
 Object.defineProperty(exports, "SchoolLookup", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SchoolLookup.default;
   }
 });
 Object.defineProperty(exports, "SearchInput", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SearchInput.default;
   }
 });
 Object.defineProperty(exports, "SearchResult", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SearchResult.default;
   }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Select.default;
   }
 });
 Object.defineProperty(exports, "ShareButton", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ShareButton.default;
   }
 });
 Object.defineProperty(exports, "SimpleSchoolLookup", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SimpleSchoolLookup.default;
   }
 });
 Object.defineProperty(exports, "SingleMessage", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SingleMessage.default;
   }
 });
 Object.defineProperty(exports, "SingleMessageDs", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SingleMessageDs.default;
   }
 });
 Object.defineProperty(exports, "SocialIcons", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _SocialIcons.default;
   }
 });
 Object.defineProperty(exports, "Text", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Text.default;
   }
 });
 Object.defineProperty(exports, "TextArea", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TextArea.default;
   }
 });
 Object.defineProperty(exports, "TextInputWithDropdown", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _TextInputWithDropdown.default;
   }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThemeProvider.default;
   }
 });
 Object.defineProperty(exports, "Typeahead", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _Typeahead.default;
   }
 });
 Object.defineProperty(exports, "VideoBanner", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _VideoBanner.default;
   }
 });
 Object.defineProperty(exports, "allowListed", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _allowListed.default;
   }
 });
 Object.defineProperty(exports, "breakpoint", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _breakpoint.default;
   }
 });
 Object.defineProperty(exports, "buildEsuValidationSchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _EmailSignUp.buildEsuValidationSchema;
   }
 });
 Object.defineProperty(exports, "buildValidationSchema", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MarketingPreferencesDS.buildValidationSchema;
   }
 });
 Object.defineProperty(exports, "container", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _size.container;
   }
 });
 Object.defineProperty(exports, "crTheme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _theme.default;
   }
 });
 Object.defineProperty(exports, "hideVisually", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _hideVisually.default;
   }
 });
 Object.defineProperty(exports, "media", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _size.media;
   }
 });
 Object.defineProperty(exports, "screen", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _size.screen;
   }
 });
 Object.defineProperty(exports, "setInitialValues", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _MarketingPreferencesDS.setInitialValues;
   }
 });
 Object.defineProperty(exports, "spacing", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _spacing.default;
   }
 });
 Object.defineProperty(exports, "srTheme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _theme2.default;
   }
 });
 Object.defineProperty(exports, "zIndex", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _zIndex.default;
   }
 });

package/dist/styleguide/CRLogo.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _pattern_logo = _interopRequireDefault(require("./assets/pattern_logo.png"));
-var Image = _styledComponents.default.img.withConfig({
+const Image = _styledComponents.default.img.withConfig({
   displayName: "CRLogo__Image",
   componentId: "sc-1hl5e5t-0"
 })(["height:50px;width:150px;text-indent:-9999px;"]);

package/dist/styleguide/StyleGuideRenderer.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,12 +8,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 /* eslint-disable react/prop-types */
 
-var StyleGuideRenderer = function StyleGuideRenderer(_ref) {
-  var title = _ref.title,
-    version = _ref.version,
-    components = _ref.components,
-    toc = _ref.toc,
-    hasSidebar = _ref.hasSidebar;
+const StyleGuideRenderer = _ref => {
+  let {
+    title,
+    version,
+    components,
+    toc,
+    hasSidebar
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "root"
   }, /*#__PURE__*/_react.default.createElement("h1", null, title), version && /*#__PURE__*/_react.default.createElement("h2", null, version), /*#__PURE__*/_react.default.createElement("main", {

package/dist/styleguide/ThemeWrapper.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,8 +9,10 @@ var _react = _interopRequireDefault(require("react"));
 var _styledComponents = require("styled-components");
 var _index = require("../index");
 // eslint-disable-next-line react/prop-types
-var ThemeWrapper = function ThemeWrapper(_ref) {
-  var children = _ref.children;
+const ThemeWrapper = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
     theme: _index.crTheme
   }, children);

package/dist/styleguide/data/data.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.testImpactSliderItems = exports.mobileImages = exports.defaultData = void 0;
-var defaultData = exports.defaultData = {
+const defaultData = exports.defaultData = {
   title: 'What your money does',
   text: 'When you donate to Comic Relief or Sport Relief, you’re supporting vulnerable people and communities in the UK and internationally.',
   pictures: {
@@ -18,12 +18,12 @@ var defaultData = exports.defaultData = {
   image: 'http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg',
   images: '//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg?w=1440&h=1080&q=50 1440w'
 };
-var mobileImages = exports.mobileImages = {
+const mobileImages = exports.mobileImages = {
   imageLow: 'http://images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=100&h=50&q=100',
   image: 'https://images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg',
   images: '//https://images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=200&h=150&q=50 200w,//images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=400&h=300&q=50 400w,//images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=800&h=600&q=50 800w,//images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=1200&h=900&q=50 1200w,//images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=1440&h=1080&q=50 1440w'
 };
-var testImpactSliderItems = exports.testImpactSliderItems = [{
+const testImpactSliderItems = exports.testImpactSliderItems = [{
   poundsPerItem: 1,
   description: 'Fresh water pumps',
   imageURL: 'https://images.ctfassets.net/zsfivwzfgl3t/28sKInxW6EsmvOTahWdm8E/3fb8e1488f95bac6a3087b133ae7ce9f/ImpactSliderMoneybuy1.png'