@comicrelief/component-library 8.51.3 → 8.51.5
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.
- package/dist/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.js +11 -6
- package/dist/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md +4 -4
- package/dist/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.style.js +41 -22
- package/dist/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.test.js +0 -1
- package/dist/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +996 -2653
- package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.js +9 -4
- package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +10 -10
- package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.style.js +16 -6
- package/dist/components/Molecules/CTA/CTASingleCard/CTASingleCard.test.js +2 -0
- package/dist/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +245 -233
- package/dist/components/Molecules/CTA/shared/CTACard.js +11 -8
- package/dist/components/Molecules/CTA/shared/CTACard.style.js +101 -73
- package/dist/components/Molecules/EmailSignUp/EmailSignUp.style.js +1 -1
- package/dist/components/Organisms/FooterNew/FooterNew.style.js +2 -2
- package/dist/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +6 -6
- package/package.json +1 -1
- package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.js +48 -41
- package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.md +4 -4
- package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.style.js +34 -9
- package/src/components/Molecules/CTA/CTAMultiCard/CTAMultiCard.test.js +0 -1
- package/src/components/Molecules/CTA/CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +996 -2653
- package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.js +22 -10
- package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.md +10 -10
- package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.style.js +7 -9
- package/src/components/Molecules/CTA/CTASingleCard/CTASingleCard.test.js +2 -0
- package/src/components/Molecules/CTA/CTASingleCard/__snapshots__/CTASingleCard.test.js.snap +245 -233
- package/src/components/Molecules/CTA/shared/CTACard.js +14 -7
- package/src/components/Molecules/CTA/shared/CTACard.style.js +80 -43
- package/src/components/Molecules/EmailSignUp/EmailSignUp.style.js +1 -1
- package/src/components/Organisms/FooterNew/FooterNew.style.js +2 -2
- package/src/components/Organisms/FooterNew/__snapshots__/FooterNew.test.js.snap +6 -6
- package/dist/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.js +0 -58
- package/dist/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.style.js +0 -157
- package/dist/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.test.js +0 -70
- package/dist/components/Molecules/OLD_CTAMultiCard/SingleCard.js +0 -56
- package/dist/components/Molecules/OLD_CTAMultiCard/_ArrowIcon.js +0 -29
- package/dist/components/Molecules/OLD_CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +0 -2296
- package/dist/components/Molecules/OLD_CTAMultiCard/example_data.json +0 -107
- package/src/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.js +0 -100
- package/src/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.style.js +0 -259
- package/src/components/Molecules/OLD_CTAMultiCard/CTAMultiCard.test.js +0 -86
- package/src/components/Molecules/OLD_CTAMultiCard/SingleCard.js +0 -100
- package/src/components/Molecules/OLD_CTAMultiCard/_ArrowIcon.js +0 -22
- package/src/components/Molecules/OLD_CTAMultiCard/__snapshots__/CTAMultiCard.test.js.snap +0 -2296
- package/src/components/Molecules/OLD_CTAMultiCard/example_data.json +0 -107
|
@@ -1,56 +0,0 @@
|
|
|
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;
|
|
@@ -1,29 +0,0 @@
|
|
|
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 _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
10
|
-
const StyledArrowIcon = _styledComponents.default.svg.withConfig({
|
|
11
|
-
displayName: "_ArrowIcon__StyledArrowIcon",
|
|
12
|
-
componentId: "sc-181nxlj-0"
|
|
13
|
-
})(["display:inline-block;color:", ";fill:currentColor;"], _ref => {
|
|
14
|
-
let {
|
|
15
|
-
theme
|
|
16
|
-
} = _ref;
|
|
17
|
-
return theme.color('white');
|
|
18
|
-
});
|
|
19
|
-
const ArrowIcon = () => /*#__PURE__*/_react.default.createElement(StyledArrowIcon, {
|
|
20
|
-
width: "15",
|
|
21
|
-
height: "13",
|
|
22
|
-
viewBox: "0 0 15 13",
|
|
23
|
-
fill: "none",
|
|
24
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
25
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
26
|
-
d: "M9.58496 0.349976C9.1395 -0.116662 8.40641 -0.116634 7.96094 0.349976C7.52803 0.803486 7.5281 1.53021 7.96094 1.98376L11.1582 5.33337H1.13672C0.48748 5.33337 0 5.87822 0 6.50037C2.15408e-05 7.1225 0.487494 7.66736 1.13672 7.66736H11.1582L7.96094 11.017C7.52806 11.4705 7.52899 12.1972 7.96191 12.6508C8.18163 12.8803 8.47556 13.0004 8.77344 13.0004C9.07114 13.0002 9.36533 12.8808 9.58496 12.6508L14.6758 7.31677L14.6748 7.3158L14.6875 7.3031L14.6865 7.30212C14.6954 7.29215 14.7044 7.28482 14.71 7.27771C14.7117 7.27545 14.7133 7.27285 14.7148 7.27087C14.7485 7.23203 14.7824 7.18925 14.8135 7.14099L14.8154 7.13806C14.8354 7.10658 14.8493 7.07842 14.8564 7.06384L14.8652 7.04626L14.8662 7.04431L14.8672 7.04333C14.8672 7.04333 14.868 7.04057 14.8691 7.03845C14.8709 7.03512 14.8758 7.02671 14.8799 7.01892L14.8802 7.01839C14.8888 7.002 14.9034 6.97423 14.917 6.93982V6.93787C14.9303 6.90375 14.9391 6.87285 14.9443 6.85388C14.9469 6.84458 14.9498 6.83567 14.9512 6.83044C14.9527 6.82454 14.9535 6.8228 14.9541 6.82068C14.9541 6.82068 14.9542 6.81753 14.9551 6.81482L14.958 6.80603L14.9586 6.80422C14.9631 6.78961 14.9718 6.76119 14.9785 6.72693V6.72498C15.0066 6.57705 15.0066 6.4246 14.9785 6.27673V6.27478L14.958 6.19568L14.9551 6.18591L14.9531 6.18005L14.9512 6.17224C14.9497 6.1664 14.9481 6.15677 14.9453 6.14685C14.9398 6.12695 14.9307 6.09654 14.917 6.06189C14.9032 6.02688 14.8885 5.99813 14.8799 5.98181C14.8758 5.97402 14.8709 5.96562 14.8691 5.96228L14.8564 5.93689C14.849 5.92177 14.8351 5.89372 14.8154 5.86267L14.8145 5.86072L14.7529 5.7738C14.7316 5.74659 14.7094 5.72129 14.6875 5.69763C14.6837 5.69341 14.6802 5.68854 14.6758 5.68396L9.58496 0.349976Z",
|
|
27
|
-
fill: "currentColor"
|
|
28
|
-
}));
|
|
29
|
-
var _default = exports.default = ArrowIcon;
|