@comicrelief/component-library 8.47.3 → 8.48.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 (50) hide show
  1. package/.eslintrc +3 -0
  2. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +1 -1
  3. package/dist/components/Atoms/SocialIcons/SocialIcons.js +39 -14
  4. package/dist/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap +36 -12
  5. package/dist/components/Molecules/CTAMultiCard/ArrowIcon.js +29 -0
  6. package/dist/components/Molecules/CTAMultiCard/CTAMultiCard.js +54 -0
  7. package/dist/components/Molecules/CTAMultiCard/CTAMultiCard.md +104 -0
  8. package/dist/components/Molecules/CTAMultiCard/CTAMultiCard.style.js +156 -0
  9. package/dist/components/Molecules/CTAMultiCard/CTAMultiCard.test.js +70 -0
  10. package/dist/components/Molecules/CTAMultiCard/SingleCard.js +56 -0
  11. package/dist/components/Molecules/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +2292 -0
  12. package/dist/components/Molecules/CTAMultiCard/example_data.json +107 -0
  13. package/dist/components/Molecules/CardDs/CardDs.md +1 -1
  14. package/dist/components/Molecules/EmailSignUp/EmailSignUp.js +13 -1
  15. package/dist/components/Molecules/EmailSignUp/EmailSignUp.style.js +6 -6
  16. package/dist/components/Molecules/HeroBanner/HeroBanner.js +1 -1
  17. package/dist/components/Organisms/Footer/FundraisingRegulatorLogo/FundraisingRegulatorLogo.js +2 -2
  18. package/dist/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +12 -4
  19. package/dist/components/Organisms/FooterNew/FooterNew.js +4 -2
  20. package/dist/components/Organisms/FooterNew/FooterNew.style.js +68 -68
  21. package/dist/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +281 -177
  22. package/dist/index.js +7 -0
  23. package/dist/styleguide/assets/challenge-1.jpg +0 -0
  24. package/dist/theme/shared/animations.js +14 -2
  25. package/dist/{components/Molecules/HeroBanner → theme/shared}/assets/alt_cta_underline.svg +1 -0
  26. package/package.json +1 -1
  27. package/src/components/Atoms/SocialIcons/Icon/Icon.js +1 -0
  28. package/src/components/Atoms/SocialIcons/SocialIcons.js +7 -3
  29. package/src/components/Atoms/SocialIcons/__snapshots__/SocialIcons.test.js.snap +36 -12
  30. package/src/components/Molecules/CTAMultiCard/ArrowIcon.js +22 -0
  31. package/src/components/Molecules/CTAMultiCard/CTAMultiCard.js +94 -0
  32. package/src/components/Molecules/CTAMultiCard/CTAMultiCard.md +104 -0
  33. package/src/components/Molecules/CTAMultiCard/CTAMultiCard.style.js +251 -0
  34. package/src/components/Molecules/CTAMultiCard/CTAMultiCard.test.js +86 -0
  35. package/src/components/Molecules/CTAMultiCard/SingleCard.js +100 -0
  36. package/src/components/Molecules/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +2292 -0
  37. package/src/components/Molecules/CTAMultiCard/example_data.json +107 -0
  38. package/src/components/Molecules/CardDs/CardDs.md +1 -1
  39. package/src/components/Molecules/EmailSignUp/EmailSignUp.js +7 -1
  40. package/src/components/Molecules/EmailSignUp/EmailSignUp.style.js +56 -6
  41. package/src/components/Molecules/HeroBanner/HeroBanner.js +1 -1
  42. package/src/components/Organisms/Footer/FundraisingRegulatorLogo/FundraisingRegulatorLogo.js +2 -2
  43. package/src/components/Organisms/Footer/__snapshots__/Footer.test.js.snap +12 -4
  44. package/src/components/Organisms/FooterNew/FooterNew.js +2 -2
  45. package/src/components/Organisms/FooterNew/FooterNew.style.js +27 -12
  46. package/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +281 -177
  47. package/src/index.js +1 -0
  48. package/src/styleguide/assets/challenge-1.jpg +0 -0
  49. package/src/theme/shared/animations.js +27 -1
  50. package/src/{components/Molecules/HeroBanner → theme/shared}/assets/alt_cta_underline.svg +1 -0
package/dist/components/Molecules/CTAMultiCard/SingleCard.js ADDED
@@ -0,0 +1,56 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = void 0;
8
+ var _react = _interopRequireDefault(require("react"));
9
+ var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
10
+ var _ArrowIcon = _interopRequireDefault(require("./ArrowIcon"));
11
+ var _alt_cta_underline = _interopRequireDefault(require("../../../theme/shared/assets/alt_cta_underline.svg"));
12
+ var _CTAMultiCard = require("./CTAMultiCard.style");
13
+ const SingleCard = _ref => {
14
+ let {
15
+ card,
16
+ isCarousel
17
+ } = _ref;
18
+ const {
19
+ id,
20
+ body,
21
+ link,
22
+ linkLabel,
23
+ fallback,
24
+ imageLow,
25
+ images,
26
+ bgColour,
27
+ description,
28
+ target,
29
+ external
30
+ } = card;
31
+ return /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CardWrapper, {
32
+ key: id,
33
+ isCarousel: isCarousel
34
+ }, /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CardLink, {
35
+ href: link,
36
+ target: target,
37
+ rel: external,
38
+ isCarousel: isCarousel,
39
+ backgroundColor: bgColour
40
+ }, imageLow && /*#__PURE__*/_react.default.createElement(_CTAMultiCard.ImageWrapper, null, /*#__PURE__*/_react.default.createElement(_Picture.default, {
41
+ alt: description,
42
+ imageLow: imageLow,
43
+ images: images,
44
+ image: fallback,
45
+ objectFit: "cover",
46
+ width: "100%",
47
+ height: "100%"
48
+ })), /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CopyAndLinkSection, {
49
+ backgroundColor: bgColour
50
+ }, /*#__PURE__*/_react.default.createElement(_CTAMultiCard.Copy, null, body), linkLabel && /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CTA, null, /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CTAText, null, linkLabel, /*#__PURE__*/_react.default.createElement(_CTAMultiCard.CTATextUnderline, {
51
+ src: _alt_cta_underline.default,
52
+ alt: "",
53
+ "aria-hidden": "true"
54
+ })), /*#__PURE__*/_react.default.createElement(_CTAMultiCard.ArrowIconWrapper, null, /*#__PURE__*/_react.default.createElement(_ArrowIcon.default, null))))));
55
+ };
56
+ var _default = exports.default = SingleCard;