@comicrelief/component-library 7.22.1 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
  2. package/dist/components/Atoms/Button/Button.js +4 -16
  3. package/dist/components/Atoms/Button/Button.test.js +0 -5
  4. package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
  5. package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
  6. package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
  7. package/dist/components/Atoms/Confetti/Confetti.js +8 -23
  8. package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
  9. package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
  10. package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
  11. package/dist/components/Atoms/Icons/Arrow.js +7 -21
  12. package/dist/components/Atoms/Icons/AtSign.js +4 -14
  13. package/dist/components/Atoms/Icons/Chevron.js +7 -21
  14. package/dist/components/Atoms/Icons/Curve.js +1 -6
  15. package/dist/components/Atoms/Icons/Download.js +4 -14
  16. package/dist/components/Atoms/Icons/External.js +4 -14
  17. package/dist/components/Atoms/Icons/Favourite.js +4 -14
  18. package/dist/components/Atoms/Icons/Internal.js +4 -14
  19. package/dist/components/Atoms/Icons/index.js +14 -22
  20. package/dist/components/Atoms/Input/Input.js +15 -35
  21. package/dist/components/Atoms/Input/input.test.js +0 -5
  22. package/dist/components/Atoms/Label/Label.js +12 -24
  23. package/dist/components/Atoms/Link/Link.js +18 -35
  24. package/dist/components/Atoms/Link/Link.style.js +9 -25
  25. package/dist/components/Atoms/Link/Link.test.js +0 -6
  26. package/dist/components/Atoms/Logo/Logo.js +5 -22
  27. package/dist/components/Atoms/Logo/Logo.test.js +0 -5
  28. package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
  29. package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
  30. package/dist/components/Atoms/Pagination/List/List.js +10 -21
  31. package/dist/components/Atoms/Pagination/Pagination.js +25 -47
  32. package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
  33. package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
  34. package/dist/components/Atoms/Picture/Picture.js +19 -39
  35. package/dist/components/Atoms/Picture/Picture.test.js +0 -6
  36. package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
  37. package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
  38. package/dist/components/Atoms/RichText/RichText.js +4 -15
  39. package/dist/components/Atoms/RichText/RichText.test.js +0 -5
  40. package/dist/components/Atoms/Select/Select.js +19 -39
  41. package/dist/components/Atoms/Select/Select.test.js +0 -5
  42. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
  43. package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
  44. package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
  45. package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
  46. package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
  47. package/dist/components/Atoms/Text/Text.js +16 -29
  48. package/dist/components/Atoms/Text/Text.test.js +0 -5
  49. package/dist/components/Atoms/TextArea/TextArea.js +10 -25
  50. package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
  51. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
  52. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
  53. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
  54. package/dist/components/Molecules/Accordion/Accordion.js +8 -29
  55. package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
  56. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
  57. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
  58. package/dist/components/Molecules/Banner/Banner.js +3 -13
  59. package/dist/components/Molecules/Banner/Banner.test.js +0 -6
  60. package/dist/components/Molecules/Box/Box.js +9 -22
  61. package/dist/components/Molecules/Box/Box.test.js +0 -6
  62. package/dist/components/Molecules/Card/Card.js +11 -24
  63. package/dist/components/Molecules/Card/Card.test.js +0 -6
  64. package/dist/components/Molecules/CardDs/CardDs.js +17 -41
  65. package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
  66. package/dist/components/Molecules/Chip/Chip.js +4 -10
  67. package/dist/components/Molecules/Chip/Chip.style.js +8 -48
  68. package/dist/components/Molecules/Chip/Chip.test.js +0 -6
  69. package/dist/components/Molecules/Countdown/Countdown.js +17 -32
  70. package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
  71. package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
  72. package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
  73. package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
  74. package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
  75. package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
  76. package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
  77. package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
  78. package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
  79. package/dist/components/Molecules/Logos/Logos.js +1 -11
  80. package/dist/components/Molecules/Lookup/Lookup.js +25 -57
  81. package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
  82. package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
  83. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
  84. package/dist/components/Molecules/Promo/Promo.js +33 -47
  85. package/dist/components/Molecules/Promo/Promo.md +2 -1
  86. package/dist/components/Molecules/Promo/Promo.style.js +12 -37
  87. package/dist/components/Molecules/Promo/Promo.test.js +0 -8
  88. package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
  89. package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
  90. package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
  91. package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
  92. package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
  93. package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
  94. package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
  95. package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
  96. package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
  97. package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
  98. package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
  99. package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
  100. package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
  101. package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
  102. package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
  103. package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
  104. package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
  105. package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
  106. package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
  107. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
  108. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
  109. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
  110. package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
  111. package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
  112. package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
  113. package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
  114. package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
  115. package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
  116. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
  117. package/dist/components/Organisms/Donate/Donate.js +36 -48
  118. package/dist/components/Organisms/Donate/Donate.style.js +23 -71
  119. package/dist/components/Organisms/Donate/Donate.test.js +0 -8
  120. package/dist/components/Organisms/Donate/Form/Form.js +53 -80
  121. package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
  122. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
  123. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
  124. package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
  125. package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
  126. package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
  127. package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
  128. package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
  129. package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
  130. package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
  131. package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
  132. package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
  133. package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
  134. package/dist/components/Organisms/Footer/Footer.js +5 -17
  135. package/dist/components/Organisms/Footer/Footer.style.js +10 -35
  136. package/dist/components/Organisms/Footer/Footer.test.js +1 -7
  137. package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
  138. package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
  139. package/dist/components/Organisms/Footer/data/data.js +2 -3
  140. package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
  141. package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
  142. package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
  143. package/dist/components/Organisms/Header/Header.js +4 -14
  144. package/dist/components/Organisms/Header/Header.style.js +5 -22
  145. package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
  146. package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
  147. package/dist/components/Organisms/Header/data/data.js +2 -3
  148. package/dist/components/Organisms/Header/header.test.js +5 -2
  149. package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
  150. package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
  151. package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  152. package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
  153. package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
  154. package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
  155. package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
  156. package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
  157. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
  158. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
  159. package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
  160. package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
  161. package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
  162. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
  163. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
  164. package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
  165. package/dist/components/Organisms/Membership/Form/Form.js +50 -83
  166. package/dist/components/Organisms/Membership/Membership.js +13 -21
  167. package/dist/components/Organisms/Membership/Membership.style.js +21 -63
  168. package/dist/components/Organisms/Membership/Membership.test.js +0 -7
  169. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
  170. package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
  171. package/dist/hoc/shallowWithTheme.js +0 -6
  172. package/dist/index.js +134 -187
  173. package/dist/styleguide/CRLogo.js +1 -9
  174. package/dist/styleguide/StyleGuideRenderer.js +6 -10
  175. package/dist/styleguide/ThemeWrapper.js +1 -8
  176. package/dist/styleguide/data/data.js +20 -5
  177. package/dist/theme/ThemeProvider.js +1 -5
  178. package/dist/theme/crTheme/buttonColors.js +2 -11
  179. package/dist/theme/crTheme/colors.js +3 -9
  180. package/dist/theme/crTheme/fontSizes.js +2 -6
  181. package/dist/theme/crTheme/linkStyles.js +2 -11
  182. package/dist/theme/crTheme/theme.js +2 -11
  183. package/dist/theme/shared/breakpoint.js +4 -9
  184. package/dist/theme/shared/fontFamilies.js +2 -7
  185. package/dist/theme/shared/hideVisually.js +1 -4
  186. package/dist/theme/shared/size.js +5 -11
  187. package/dist/theme/shared/spacing.js +1 -5
  188. package/dist/theme/shared/zIndex.js +1 -8
  189. package/dist/theme/srTheme/buttonColors.js +2 -11
  190. package/dist/theme/srTheme/colors.js +3 -9
  191. package/dist/theme/srTheme/fontSizes.js +2 -6
  192. package/dist/theme/srTheme/linkStyles.js +2 -11
  193. package/dist/theme/srTheme/theme.js +2 -11
  194. package/dist/utils/Membership.js +11 -28
  195. package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
  196. package/dist/utils/ShareButton/shareTracking.js +1 -5
  197. package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
  198. package/dist/utils/allowListed.js +1 -5
  199. package/dist/utils/allowListed.test.js +0 -2
  200. package/dist/utils/internalLinkHelper.js +11 -20
  201. package/dist/utils/navHelper.js +1 -6
  202. package/package.json +2 -1
  203. package/react-range-slider-input.d.ts +2 -0
  204. package/src/components/Molecules/Promo/Promo.md +2 -1
  205. package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
  206. package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
  207. package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
  208. package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  209. package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
  210. package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
  211. package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
  212. package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
  213. package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
  214. package/src/index.js +1 -0
  215. package/src/styleguide/data/data.js +26 -1
@@ -1,21 +1,19 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  /* eslint-disable react/prop-types */
10
+
13
11
  var StyleGuideRenderer = function StyleGuideRenderer(_ref) {
14
12
  var title = _ref.title,
15
- version = _ref.version,
16
- components = _ref.components,
17
- toc = _ref.toc,
18
- hasSidebar = _ref.hasSidebar;
13
+ version = _ref.version,
14
+ components = _ref.components,
15
+ toc = _ref.toc,
16
+ hasSidebar = _ref.hasSidebar;
19
17
  return /*#__PURE__*/_react.default.createElement("div", {
20
18
  className: "root"
21
19
  }, /*#__PURE__*/_react.default.createElement("h1", null, title), version && /*#__PURE__*/_react.default.createElement("h2", null, version), /*#__PURE__*/_react.default.createElement("main", {
@@ -28,6 +26,4 @@ var StyleGuideRenderer = function StyleGuideRenderer(_ref) {
28
26
  className: "sidebar"
29
27
  }, toc)));
30
28
  };
31
-
32
- var _default = StyleGuideRenderer;
33
- exports.default = _default;
29
+ var _default = exports.default = StyleGuideRenderer;
@@ -1,18 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _styledComponents = require("styled-components");
13
-
14
10
  var _index = require("../index");
15
-
16
11
  // eslint-disable-next-line react/prop-types
17
12
  var ThemeWrapper = function ThemeWrapper(_ref) {
18
13
  var children = _ref.children;
@@ -20,6 +15,4 @@ var ThemeWrapper = function ThemeWrapper(_ref) {
20
15
  theme: _index.crTheme
21
16
  }, children);
22
17
  };
23
-
24
- var _default = ThemeWrapper;
25
- exports.default = _default;
18
+ var _default = exports.default = ThemeWrapper;
@@ -3,8 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.mobileImages = exports.defaultData = void 0;
7
- var defaultData = {
6
+ exports.testImpactSliderItems = exports.mobileImages = exports.defaultData = void 0;
7
+ var defaultData = exports.defaultData = {
8
8
  title: 'What your money does',
9
9
  text: 'When you donate to Comic Relief or Sport Relief, you’re supporting vulnerable people and communities in the UK and internationally.',
10
10
  pictures: {
@@ -18,10 +18,25 @@ var defaultData = {
18
18
  image: 'http://images.ctfassets.net/zsfivwzfgl3t/Yq59XdwwQgjNOxky93K1Q/17c2d80dce99067b0b3508f33075cbe3/funding_4-3_2x.jpg',
19
19
  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'
20
20
  };
21
- exports.defaultData = defaultData;
22
- var mobileImages = {
21
+ var mobileImages = exports.mobileImages = {
23
22
  imageLow: 'http://images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg?w=100&h=50&q=100',
24
23
  image: 'https://images.ctfassets.net/zsfivwzfgl3t/54DHIEgtwbr9TDkf70lToB/ffe8d6a8e9bbc224343f475a5c55c832/-CROP-Promo-Des_2000x945-_Kate.jpg',
25
24
  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'
26
25
  };
27
- exports.mobileImages = mobileImages;
26
+ var testImpactSliderItems = exports.testImpactSliderItems = [{
27
+ poundsPerItem: 1,
28
+ description: 'Fresh water pumps',
29
+ imageURL: 'https://images.ctfassets.net/zsfivwzfgl3t/28sKInxW6EsmvOTahWdm8E/3fb8e1488f95bac6a3087b133ae7ce9f/ImpactSliderMoneybuy1.png'
30
+ }, {
31
+ poundsPerItem: 10,
32
+ description: 'Food Sachets',
33
+ imageURL: 'https://images.ctfassets.net/zsfivwzfgl3t/lzxmQMII5PElb4G40vFfk/988486dedd9e45e7cf78cda6f6d0aeaf/ImpactSliderMoneybuy2.png'
34
+ }, {
35
+ poundsPerItem: 15,
36
+ description: 'Midwife birthing kits',
37
+ imageURL: 'https://images.ctfassets.net/zsfivwzfgl3t/53ZeFXhjdpGpAvRRL4v2kI/d70d1cbf3b46bc28703fabb4ec60fef6/ImpactSliderMoneybuy3.png'
38
+ }, {
39
+ poundsPerItem: 20,
40
+ description: 'School in a bag kit',
41
+ imageURL: 'https://images.ctfassets.net/zsfivwzfgl3t/PPIJtSArW4wYy1CXvRGk9/c9de72766db42a0e158889a140c90445/ImpactSliderMoneybuy4.png'
42
+ }];
@@ -4,10 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = require("styled-components");
9
-
10
8
  require("./shared/global.css");
11
-
12
- var _default = _styledComponents.ThemeProvider;
13
- exports.default = _default;
9
+ var _default = exports.default = _styledComponents.ThemeProvider;
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _styledComponents = require("styled-components");
11
-
12
9
  var _colors = _interopRequireDefault(require("./colors"));
13
-
14
10
  var buttonColors = {
15
11
  black: {
16
12
  background: (0, _colors.default)('grey_dark'),
@@ -199,15 +195,10 @@ var buttonColors = {
199
195
  hoverColor: (0, _colors.default)('white')
200
196
  }
201
197
  };
202
-
203
- var _default = function _default(colorName) {
198
+ var _default = exports.default = function _default(colorName) {
204
199
  var style = 'inherit';
205
-
206
200
  if (colorName) {
207
201
  style = (0, _styledComponents.css)(["background-color:", ";color:", ";:hover{background-color:", ";color:", ";}"], buttonColors[colorName].background, buttonColors[colorName].color, buttonColors[colorName].hoverBackground, buttonColors[colorName].hoverColor);
208
202
  }
209
-
210
203
  return style;
211
- };
212
-
213
- exports.default = _default;
204
+ };
@@ -19,9 +19,7 @@ var colors = {
19
19
  cwg_22_red: '#E62731',
20
20
  cwg_22_yellow: '#F8E928',
21
21
  deep_violet_dark: '#2C0230',
22
- deep_violet: '#2C0230'
23
- /** Will be removed */
24
- ,
22
+ deep_violet: '#2C0230' /** Will be removed */,
25
23
  deep_violet_light: '#3e1c43',
26
24
  error_pink: '#FAE1E2',
27
25
  green: '#49D267',
@@ -59,13 +57,9 @@ var colors = {
59
57
  yellow_light: '#FEFD5A',
60
58
  transparent: 'transparent'
61
59
  };
62
-
63
- var _default = function _default(colorName) {
60
+ var _default = exports.default = function _default(colorName) {
64
61
  if (colorName) {
65
62
  return colors[colorName];
66
63
  }
67
-
68
64
  return 'inherit';
69
- };
70
-
71
- exports.default = _default;
65
+ };
@@ -15,13 +15,9 @@ var fontSizes = {
15
15
  big: '4rem',
16
16
  super: '5rem'
17
17
  };
18
-
19
- var _default = function _default(size) {
18
+ var _default = exports.default = function _default(size) {
20
19
  if (size) {
21
20
  return fontSizes[size];
22
21
  }
23
-
24
22
  return '';
25
- };
26
-
27
- exports.default = _default;
23
+ };
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _styledComponents = require("styled-components");
11
-
12
9
  var _colors = _interopRequireDefault(require("./colors"));
13
-
14
10
  var linkStyles = {
15
11
  standard: {
16
12
  color: (0, _colors.default)('black'),
@@ -27,15 +23,10 @@ var linkStyles = {
27
23
  hoverBorder: "2px solid ".concat((0, _colors.default)('white'))
28
24
  }
29
25
  };
30
-
31
- var _default = function _default(styleName, underline) {
26
+ var _default = exports.default = function _default(styleName, underline) {
32
27
  var style = (0, _styledComponents.css)(["color:", ";border-bottom:solid 2px;border-bottom-color:inherit;font-weight:normal;:hover{color:inherit;font-weight:700;}"], (0, _colors.default)('black'));
33
-
34
28
  if (styleName) {
35
29
  style = (0, _styledComponents.css)(["color:", ";border-bottom:", ";font-weight:", ";:hover{color:", ";border-bottom:", ";font-weight:", ";}"], linkStyles[styleName].color, underline && linkStyles[styleName].border, linkStyles[styleName].weight, linkStyles[styleName].hoverColor, underline && linkStyles[styleName].hoverBorder, linkStyles[styleName].hoverWeight);
36
30
  }
37
-
38
31
  return style;
39
- };
40
-
41
- exports.default = _default;
32
+ };
@@ -1,25 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _colors = _interopRequireDefault(require("./colors"));
11
-
12
9
  var _buttonColors = _interopRequireDefault(require("./buttonColors"));
13
-
14
10
  var _linkStyles = _interopRequireDefault(require("./linkStyles"));
15
-
16
11
  var _fontSizes = _interopRequireDefault(require("./fontSizes"));
17
-
18
12
  var _breakpoint = _interopRequireDefault(require("../shared/breakpoint"));
19
-
20
13
  var _fontFamilies = _interopRequireDefault(require("../shared/fontFamilies"));
21
-
22
- var _default = {
14
+ var _default = exports.default = {
23
15
  color: _colors.default,
24
16
  buttonColors: _buttonColors.default,
25
17
  linkStyles: _linkStyles.default,
@@ -30,5 +22,4 @@ var _default = {
30
22
  regular: 'Montserrat',
31
23
  bold: 'Anton'
32
24
  }
33
- };
34
- exports.default = _default;
25
+ };
@@ -3,21 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.sizes = void 0;
7
- var sizes = {
6
+ exports.sizes = exports.default = void 0;
7
+ var sizes = exports.sizes = {
8
8
  small: 740,
9
9
  medium: 1024,
10
10
  nav: 1150,
11
11
  large: 1440
12
12
  };
13
- exports.sizes = sizes;
14
-
15
- var _default = function _default(size) {
13
+ var _default = exports.default = function _default(size) {
16
14
  if (size) {
17
15
  return "(min-width: ".concat(sizes[size], "px)");
18
16
  }
19
-
20
17
  return 'inherit';
21
- };
22
-
23
- exports.default = _default;
18
+ };
@@ -26,15 +26,10 @@ var fonts = {
26
26
  fallback: 'helvetica, arial, sans-serif'
27
27
  }
28
28
  };
29
-
30
- var _default = function _default(family) {
29
+ var _default = exports.default = function _default(family) {
31
30
  var style = 'inherit';
32
-
33
31
  if (family) {
34
32
  style = "'".concat(fonts[family].font, "', ").concat(fonts[family].fallback, ", sans-serif");
35
33
  }
36
-
37
34
  return style;
38
- };
39
-
40
- exports.default = _default;
35
+ };
@@ -4,9 +4,6 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = require("styled-components");
9
-
10
8
  var hideVisually = (0, _styledComponents.css)(["border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;"]);
11
- var _default = hideVisually;
12
- exports.default = _default;
9
+ var _default = exports.default = hideVisually;
@@ -3,26 +3,20 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.container = exports.screen = exports.media = void 0;
7
- var screen = {
6
+ exports.screen = exports.media = exports.container = void 0;
7
+ var screen = exports.screen = {
8
8
  small: '740px',
9
9
  medium: '1024px',
10
10
  large: '1440px'
11
11
  };
12
- exports.screen = screen;
13
-
14
- var media = function media(size) {
12
+ var media = exports.media = function media(size) {
15
13
  if (size) {
16
14
  return "@media (min-width: ".concat(screen[size], ")");
17
15
  }
18
-
19
16
  return 'inherit';
20
17
  };
21
-
22
- exports.media = media;
23
- var container = {
18
+ var container = exports.container = {
24
19
  small: '880px',
25
20
  medium: '1200px',
26
21
  large: '1440px'
27
- };
28
- exports.container = container;
22
+ };
@@ -16,14 +16,10 @@ var spacingSizes = {
16
16
  xxl: '8rem',
17
17
  xxxl: '16rem'
18
18
  };
19
-
20
19
  var spacing = function spacing(size) {
21
20
  if (size) {
22
21
  return spacingSizes[size];
23
22
  }
24
-
25
23
  return spacingSizes.none;
26
24
  };
27
-
28
- var _default = spacing;
29
- exports.default = _default;
25
+ var _default = exports.default = spacing;
@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _styledComponents = require("styled-components");
9
-
10
8
  var indexes = {
11
9
  base: 0,
12
10
  low: 1,
@@ -14,16 +12,11 @@ var indexes = {
14
12
  high: 3,
15
13
  higher: 4
16
14
  };
17
-
18
15
  var zIndex = function zIndex(index) {
19
16
  var value = indexes.base;
20
-
21
17
  if (index) {
22
18
  value = indexes[index];
23
19
  }
24
-
25
20
  return (0, _styledComponents.css)(["z-index:", ";"], value);
26
21
  };
27
-
28
- var _default = zIndex;
29
- exports.default = _default;
22
+ var _default = exports.default = zIndex;
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _styledComponents = require("styled-components");
11
-
12
9
  var _colors = _interopRequireDefault(require("./colors"));
13
-
14
10
  var buttonColors = {
15
11
  black: {
16
12
  background: (0, _colors.default)('black'),
@@ -199,15 +195,10 @@ var buttonColors = {
199
195
  hoverColor: (0, _colors.default)('white')
200
196
  }
201
197
  };
202
-
203
- var _default = function _default(colorName) {
198
+ var _default = exports.default = function _default(colorName) {
204
199
  var style = 'inherit';
205
-
206
200
  if (colorName) {
207
201
  style = (0, _styledComponents.css)(["background-color:", ";color:", ";:hover{background-color:", ";color:", ";}"], buttonColors[colorName].background, buttonColors[colorName].color, buttonColors[colorName].hoverBackground, buttonColors[colorName].hoverColor);
208
202
  }
209
-
210
203
  return style;
211
- };
212
-
213
- exports.default = _default;
204
+ };
@@ -15,9 +15,7 @@ var colors = {
15
15
  coral_dark: '#961D35',
16
16
  coral_light: '#FFCECE',
17
17
  deep_violet_dark: '#2C0230',
18
- deep_violet: '#2C0230'
19
- /** Will be removed */
20
- ,
18
+ deep_violet: '#2C0230' /** Will be removed */,
21
19
  deep_violet_light: '#3e1c43',
22
20
  green: '#4ecd57',
23
21
  green_dark: '#1B651D',
@@ -50,13 +48,9 @@ var colors = {
50
48
  yellow_dark: '#665700',
51
49
  yellow_light: '#FEFD5A'
52
50
  };
53
-
54
- var _default = function _default(colorName) {
51
+ var _default = exports.default = function _default(colorName) {
55
52
  if (colorName) {
56
53
  return colors[colorName];
57
54
  }
58
-
59
55
  return 'inherit';
60
- };
61
-
62
- exports.default = _default;
56
+ };
@@ -14,13 +14,9 @@ var fontSizes = {
14
14
  xxl: '4.125rem',
15
15
  super: '7.3125rem'
16
16
  };
17
-
18
- var _default = function _default(size) {
17
+ var _default = exports.default = function _default(size) {
19
18
  if (size) {
20
19
  return fontSizes[size];
21
20
  }
22
-
23
21
  return '';
24
- };
25
-
26
- exports.default = _default;
22
+ };
@@ -1,16 +1,12 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _styledComponents = require("styled-components");
11
-
12
9
  var _colors = _interopRequireDefault(require("./colors"));
13
-
14
10
  var linkStyles = {
15
11
  standard: {
16
12
  color: (0, _colors.default)('black'),
@@ -29,15 +25,10 @@ var linkStyles = {
29
25
  hoverBorder: '1px solid trasparent'
30
26
  }
31
27
  };
32
-
33
- var _default = function _default(styleName, underline) {
28
+ var _default = exports.default = function _default(styleName, underline) {
34
29
  var style = (0, _styledComponents.css)(["padding-bottom:0.06em;color:", ";border-bottom:solid 1px;border-bottom-color:inherit;font-weight:700;:hover{color:inherit;font-weight:700;}"], (0, _colors.default)('black'));
35
-
36
30
  if (styleName) {
37
31
  style = (0, _styledComponents.css)(["padding:", ";color:", ";border-bottom:", ";font-weight:", ";:hover{color:", ";border-bottom:", ";font-weight:", ";}"], linkStyles[styleName].padding, linkStyles[styleName].color, underline && linkStyles[styleName].border, linkStyles[styleName].weight, linkStyles[styleName].hoverColor, underline && linkStyles[styleName].hoverBorder, linkStyles[styleName].hoverWeight);
38
32
  }
39
-
40
33
  return style;
41
- };
42
-
43
- exports.default = _default;
34
+ };
@@ -1,25 +1,17 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _colors = _interopRequireDefault(require("./colors"));
11
-
12
9
  var _buttonColors = _interopRequireDefault(require("./buttonColors"));
13
-
14
10
  var _linkStyles = _interopRequireDefault(require("./linkStyles"));
15
-
16
11
  var _fontSizes = _interopRequireDefault(require("./fontSizes"));
17
-
18
12
  var _breakpoint = _interopRequireDefault(require("../shared/breakpoint"));
19
-
20
13
  var _fontFamilies = _interopRequireDefault(require("../shared/fontFamilies"));
21
-
22
- var _default = {
14
+ var _default = exports.default = {
23
15
  color: _colors.default,
24
16
  buttonColors: _buttonColors.default,
25
17
  linkStyles: _linkStyles.default,
@@ -31,5 +23,4 @@ var _default = {
31
23
  semiBold: 'Founders_semi_bold',
32
24
  bold: 'Founders_bold'
33
25
  }
34
- };
35
- exports.default = _default;
26
+ };
@@ -3,34 +3,24 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.amountFormatter = exports.handleDonateSubmission = exports.isInputMatchBoxValue = exports.isAmountValid = exports.onKeyPress = void 0;
7
-
6
+ exports.onKeyPress = exports.isInputMatchBoxValue = exports.isAmountValid = exports.handleDonateSubmission = exports.amountFormatter = void 0;
8
7
  // this function prevent keyboard characters like e, + , - to be passed on the input
9
- var onKeyPress = function onKeyPress(event) {
8
+ var onKeyPress = exports.onKeyPress = function onKeyPress(event) {
10
9
  var keyCode = event.keyCode || event.which;
11
10
  var keyValue = String.fromCharCode(keyCode);
12
11
  if (/\+|-|e/.test(keyValue)) event.preventDefault();
13
12
  };
14
-
15
- exports.onKeyPress = onKeyPress;
16
-
17
- var amountFormatter = function amountFormatter(amount) {
18
- if (!amount) return ' '; // Determine how many places to fix the number to before passing
19
-
13
+ var amountFormatter = exports.amountFormatter = function amountFormatter(amount) {
14
+ if (!amount) return ' ';
15
+ // Determine how many places to fix the number to before passing
20
16
  var decPoint = !Number.isInteger(amount) ? 2 : 0;
21
17
  return parseFloat(amount).toFixed(decPoint);
22
18
  };
23
-
24
- exports.amountFormatter = amountFormatter;
25
-
26
- var isAmountValid = function isAmountValid(input) {
19
+ var isAmountValid = exports.isAmountValid = function isAmountValid(input) {
27
20
  var reg = /^\s*(?=.*[1-9])\d*(?:\.\d{1,2})?\s*$/g;
28
21
  var isValid = input * 1 >= 1 && input * 1 <= 25000 && reg.test(input);
29
22
  return isValid;
30
23
  };
31
-
32
- exports.isAmountValid = isAmountValid;
33
-
34
24
  var getUrlParameter = function getUrlParameter(name) {
35
25
  var text = name.replace(/\[]/, '\\[').replace(/[\]]/, '\\]');
36
26
  var regex = new RegExp("[\\?&]".concat(text, "=([^&#]*)"));
@@ -38,31 +28,24 @@ var getUrlParameter = function getUrlParameter(name) {
38
28
  var param = results === null ? 'generic' : decodeURIComponent(results[1].replace(/\+/g, ' '));
39
29
  return param;
40
30
  };
41
-
42
- var isInputMatchBoxValue = function isInputMatchBoxValue(moneyBoxes, selectMoneyBuy, setAmountDonate, input) {
31
+ var isInputMatchBoxValue = exports.isInputMatchBoxValue = function isInputMatchBoxValue(moneyBoxes, selectMoneyBuy, setAmountDonate, input) {
43
32
  var inputToNum = input * 1;
44
33
  return Object.keys(moneyBoxes).map(function (box) {
45
34
  return moneyBoxes[box].value === inputToNum && (selectMoneyBuy(moneyBoxes[box].description, moneyBoxes[box].value), setAmountDonate(input));
46
35
  });
47
- }; // This function is still in progress
48
-
49
-
50
- exports.isInputMatchBoxValue = isInputMatchBoxValue;
36
+ };
51
37
 
52
- var handleDonateSubmission = function handleDonateSubmission(amount, clientID, cartID, mbshipID, donateLink) {
38
+ // This function is still in progress
39
+ var handleDonateSubmission = exports.handleDonateSubmission = function handleDonateSubmission(amount, clientID, cartID, mbshipID, donateLink) {
53
40
  var givingType = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 'monthly';
54
41
  var popUpShown = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : null;
55
42
  var currentpageUrl = window.location.href;
56
43
  var affiliateValue = getUrlParameter(currentpageUrl);
57
44
  var reg = /[#?|[\]\\]/g;
58
-
59
45
  if (currentpageUrl.match(reg) !== null) {
60
46
  var thisMatch = currentpageUrl.match(reg)[0];
61
47
  currentpageUrl = currentpageUrl.substring(0, currentpageUrl.indexOf(thisMatch));
62
48
  }
63
-
64
49
  var givingTypeUrl = givingType === 'single' ? 'single' : 'monthly';
65
50
  window.location.href = "".concat(donateLink, "?clientOverride=").concat(clientID, "&amount=").concat(amount, "&currency=GBP&givingType=").concat(givingTypeUrl, "&cartId=").concat(cartID, "&affiliate=").concat(affiliateValue, "&siteurl=").concat(currentpageUrl, "&rowID=").concat(mbshipID, "&popUpShown=").concat(popUpShown);
66
- };
67
-
68
- exports.handleDonateSubmission = handleDonateSubmission;
51
+ };