@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.
- package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
- package/dist/components/Atoms/Button/Button.js +4 -16
- package/dist/components/Atoms/Button/Button.test.js +0 -5
- package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
- package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
- package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
- package/dist/components/Atoms/Confetti/Confetti.js +8 -23
- package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
- package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
- package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
- package/dist/components/Atoms/Icons/Arrow.js +7 -21
- package/dist/components/Atoms/Icons/AtSign.js +4 -14
- package/dist/components/Atoms/Icons/Chevron.js +7 -21
- package/dist/components/Atoms/Icons/Curve.js +1 -6
- package/dist/components/Atoms/Icons/Download.js +4 -14
- package/dist/components/Atoms/Icons/External.js +4 -14
- package/dist/components/Atoms/Icons/Favourite.js +4 -14
- package/dist/components/Atoms/Icons/Internal.js +4 -14
- package/dist/components/Atoms/Icons/index.js +14 -22
- package/dist/components/Atoms/Input/Input.js +15 -35
- package/dist/components/Atoms/Input/input.test.js +0 -5
- package/dist/components/Atoms/Label/Label.js +12 -24
- package/dist/components/Atoms/Link/Link.js +18 -35
- package/dist/components/Atoms/Link/Link.style.js +9 -25
- package/dist/components/Atoms/Link/Link.test.js +0 -6
- package/dist/components/Atoms/Logo/Logo.js +5 -22
- package/dist/components/Atoms/Logo/Logo.test.js +0 -5
- package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
- package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
- package/dist/components/Atoms/Pagination/List/List.js +10 -21
- package/dist/components/Atoms/Pagination/Pagination.js +25 -47
- package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
- package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
- package/dist/components/Atoms/Picture/Picture.js +19 -39
- package/dist/components/Atoms/Picture/Picture.test.js +0 -6
- package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
- package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
- package/dist/components/Atoms/RichText/RichText.js +4 -15
- package/dist/components/Atoms/RichText/RichText.test.js +0 -5
- package/dist/components/Atoms/Select/Select.js +19 -39
- package/dist/components/Atoms/Select/Select.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
- package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
- package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
- package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
- package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
- package/dist/components/Atoms/Text/Text.js +16 -29
- package/dist/components/Atoms/Text/Text.test.js +0 -5
- package/dist/components/Atoms/TextArea/TextArea.js +10 -25
- package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
- package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
- package/dist/components/Molecules/Accordion/Accordion.js +8 -29
- package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
- package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
- package/dist/components/Molecules/Banner/Banner.js +3 -13
- package/dist/components/Molecules/Banner/Banner.test.js +0 -6
- package/dist/components/Molecules/Box/Box.js +9 -22
- package/dist/components/Molecules/Box/Box.test.js +0 -6
- package/dist/components/Molecules/Card/Card.js +11 -24
- package/dist/components/Molecules/Card/Card.test.js +0 -6
- package/dist/components/Molecules/CardDs/CardDs.js +17 -41
- package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
- package/dist/components/Molecules/Chip/Chip.js +4 -10
- package/dist/components/Molecules/Chip/Chip.style.js +8 -48
- package/dist/components/Molecules/Chip/Chip.test.js +0 -6
- package/dist/components/Molecules/Countdown/Countdown.js +17 -32
- package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
- package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
- package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
- package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
- package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
- package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
- package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
- package/dist/components/Molecules/Logos/Logos.js +1 -11
- package/dist/components/Molecules/Lookup/Lookup.js +25 -57
- package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
- package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
- package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
- package/dist/components/Molecules/Promo/Promo.js +33 -47
- package/dist/components/Molecules/Promo/Promo.md +2 -1
- package/dist/components/Molecules/Promo/Promo.style.js +12 -37
- package/dist/components/Molecules/Promo/Promo.test.js +0 -8
- package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
- package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
- package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
- package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
- package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
- package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
- package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
- package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
- package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
- package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
- package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
- package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
- package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
- package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
- package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
- package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
- package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
- package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
- package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
- package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
- package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
- package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
- package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
- package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
- package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
- package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
- package/dist/components/Organisms/Donate/Donate.js +36 -48
- package/dist/components/Organisms/Donate/Donate.style.js +23 -71
- package/dist/components/Organisms/Donate/Donate.test.js +0 -8
- package/dist/components/Organisms/Donate/Form/Form.js +53 -80
- package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
- package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
- package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
- package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
- package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
- package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
- package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
- package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
- package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
- package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
- package/dist/components/Organisms/Footer/Footer.js +5 -17
- package/dist/components/Organisms/Footer/Footer.style.js +10 -35
- package/dist/components/Organisms/Footer/Footer.test.js +1 -7
- package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
- package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
- package/dist/components/Organisms/Footer/data/data.js +2 -3
- package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
- package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
- package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
- package/dist/components/Organisms/Header/Header.js +4 -14
- package/dist/components/Organisms/Header/Header.style.js +5 -22
- package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
- package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
- package/dist/components/Organisms/Header/data/data.js +2 -3
- package/dist/components/Organisms/Header/header.test.js +5 -2
- package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
- package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
- package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
- package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
- package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
- package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
- package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
- package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
- package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
- package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
- package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
- package/dist/components/Organisms/Membership/Form/Form.js +50 -83
- package/dist/components/Organisms/Membership/Membership.js +13 -21
- package/dist/components/Organisms/Membership/Membership.style.js +21 -63
- package/dist/components/Organisms/Membership/Membership.test.js +0 -7
- package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
- package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
- package/dist/hoc/shallowWithTheme.js +0 -6
- package/dist/index.js +134 -187
- package/dist/styleguide/CRLogo.js +1 -9
- package/dist/styleguide/StyleGuideRenderer.js +6 -10
- package/dist/styleguide/ThemeWrapper.js +1 -8
- package/dist/styleguide/data/data.js +20 -5
- package/dist/theme/ThemeProvider.js +1 -5
- package/dist/theme/crTheme/buttonColors.js +2 -11
- package/dist/theme/crTheme/colors.js +3 -9
- package/dist/theme/crTheme/fontSizes.js +2 -6
- package/dist/theme/crTheme/linkStyles.js +2 -11
- package/dist/theme/crTheme/theme.js +2 -11
- package/dist/theme/shared/breakpoint.js +4 -9
- package/dist/theme/shared/fontFamilies.js +2 -7
- package/dist/theme/shared/hideVisually.js +1 -4
- package/dist/theme/shared/size.js +5 -11
- package/dist/theme/shared/spacing.js +1 -5
- package/dist/theme/shared/zIndex.js +1 -8
- package/dist/theme/srTheme/buttonColors.js +2 -11
- package/dist/theme/srTheme/colors.js +3 -9
- package/dist/theme/srTheme/fontSizes.js +2 -6
- package/dist/theme/srTheme/linkStyles.js +2 -11
- package/dist/theme/srTheme/theme.js +2 -11
- package/dist/utils/Membership.js +11 -28
- package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
- package/dist/utils/ShareButton/shareTracking.js +1 -5
- package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
- package/dist/utils/allowListed.js +1 -5
- package/dist/utils/allowListed.test.js +0 -2
- package/dist/utils/internalLinkHelper.js +11 -20
- package/dist/utils/navHelper.js +1 -6
- package/package.json +2 -1
- package/react-range-slider-input.d.ts +2 -0
- package/src/components/Molecules/Promo/Promo.md +2 -1
- package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
- package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
- package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
- package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
- package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
- package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
- package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
- package/src/index.js +1 -0
- package/src/styleguide/data/data.js +26 -1
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Accordion = _interopRequireDefault(require("./Accordion"));
|
|
12
|
-
|
|
13
8
|
var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
|
|
14
|
-
|
|
15
9
|
it('renders correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Accordion.default, {
|
|
17
11
|
title: /*#__PURE__*/_react.default.createElement(_Text.default, {
|
|
@@ -1,34 +1,21 @@
|
|
|
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 = _interopRequireWildcard(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
|
|
15
|
-
|
|
16
11
|
var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
|
|
17
|
-
|
|
18
12
|
var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
|
|
19
|
-
|
|
20
13
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
21
|
-
|
|
22
14
|
var _srLogo = _interopRequireDefault(require("../../Atoms/Logo/assets/sr-logo.svg"));
|
|
23
|
-
|
|
24
15
|
var _crLogo = _interopRequireDefault(require("../../Atoms/Logo/assets/cr-logo.svg"));
|
|
25
|
-
|
|
26
16
|
var _RND = _interopRequireDefault(require("./assets/RND.png"));
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
17
|
+
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); }
|
|
18
|
+
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; }
|
|
32
19
|
/**
|
|
33
20
|
* Article Teaser
|
|
34
21
|
*/
|
|
@@ -39,7 +26,6 @@ var Wrapper = _styledComponents.default.article.withConfig({
|
|
|
39
26
|
var theme = _ref.theme;
|
|
40
27
|
return theme.color('white');
|
|
41
28
|
});
|
|
42
|
-
|
|
43
29
|
var Link = (0, _styledComponents.default)(_Link.default).withConfig({
|
|
44
30
|
displayName: "ArticleTeaser__Link",
|
|
45
31
|
componentId: "sc-1r8ed89-1"
|
|
@@ -59,7 +45,6 @@ var Link = (0, _styledComponents.default)(_Link.default).withConfig({
|
|
|
59
45
|
var category = _ref6.category;
|
|
60
46
|
return !category && category !== '' && 'column';
|
|
61
47
|
});
|
|
62
|
-
|
|
63
48
|
var ImageWrapper = _styledComponents.default.div.withConfig({
|
|
64
49
|
displayName: "ArticleTeaser__ImageWrapper",
|
|
65
50
|
componentId: "sc-1r8ed89-2"
|
|
@@ -76,7 +61,6 @@ var ImageWrapper = _styledComponents.default.div.withConfig({
|
|
|
76
61
|
return theme.breakpoint('medium');
|
|
77
62
|
});
|
|
78
63
|
});
|
|
79
|
-
|
|
80
64
|
var CopyWrapper = _styledComponents.default.div.withConfig({
|
|
81
65
|
displayName: "ArticleTeaser__CopyWrapper",
|
|
82
66
|
componentId: "sc-1r8ed89-3"
|
|
@@ -90,7 +74,6 @@ var CopyWrapper = _styledComponents.default.div.withConfig({
|
|
|
90
74
|
var theme = _ref13.theme;
|
|
91
75
|
return theme.breakpoint('medium');
|
|
92
76
|
});
|
|
93
|
-
|
|
94
77
|
var Title = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
95
78
|
displayName: "ArticleTeaser__Title",
|
|
96
79
|
componentId: "sc-1r8ed89-4"
|
|
@@ -110,39 +93,34 @@ var Image = (0, _styledComponents.default)(_Picture.default).withConfig({
|
|
|
110
93
|
displayName: "ArticleTeaser__Image",
|
|
111
94
|
componentId: "sc-1r8ed89-7"
|
|
112
95
|
})(["display:flex;"]);
|
|
113
|
-
|
|
114
96
|
var handleCampaignLogo = function handleCampaignLogo(category) {
|
|
115
97
|
switch (category) {
|
|
116
98
|
case 'Comic Relief':
|
|
117
99
|
return _crLogo.default;
|
|
118
|
-
|
|
119
100
|
case 'Sport Relief':
|
|
120
101
|
return _srLogo.default;
|
|
121
|
-
|
|
122
102
|
case 'Red Nose Day':
|
|
123
103
|
return _RND.default;
|
|
124
|
-
|
|
125
104
|
default:
|
|
126
105
|
return _crLogo.default;
|
|
127
106
|
}
|
|
128
107
|
};
|
|
108
|
+
|
|
129
109
|
/**
|
|
130
110
|
* Article teaser component
|
|
131
111
|
*/
|
|
132
|
-
|
|
133
|
-
|
|
134
112
|
var ArticleTeaser = function ArticleTeaser(_ref15) {
|
|
135
113
|
var href = _ref15.href,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
114
|
+
date = _ref15.date,
|
|
115
|
+
title = _ref15.title,
|
|
116
|
+
imageLow = _ref15.imageLow,
|
|
117
|
+
image = _ref15.image,
|
|
118
|
+
images = _ref15.images,
|
|
119
|
+
alt = _ref15.alt,
|
|
120
|
+
category = _ref15.category,
|
|
121
|
+
logoSize = _ref15.logoSize,
|
|
122
|
+
family = _ref15.family,
|
|
123
|
+
time = _ref15.time;
|
|
146
124
|
return /*#__PURE__*/_react.default.createElement(Wrapper, null, /*#__PURE__*/_react.default.createElement(Link, {
|
|
147
125
|
href: href,
|
|
148
126
|
type: "standard",
|
|
@@ -177,7 +155,6 @@ var ArticleTeaser = function ArticleTeaser(_ref15) {
|
|
|
177
155
|
color: "grey_dark"
|
|
178
156
|
}, time))));
|
|
179
157
|
};
|
|
180
|
-
|
|
181
158
|
ArticleTeaser.defaultProps = {
|
|
182
159
|
imageLow: null,
|
|
183
160
|
image: null,
|
|
@@ -188,5 +165,4 @@ ArticleTeaser.defaultProps = {
|
|
|
188
165
|
alt: '',
|
|
189
166
|
family: 'Anton'
|
|
190
167
|
};
|
|
191
|
-
var _default = ArticleTeaser;
|
|
192
|
-
exports.default = _default;
|
|
168
|
+
var _default = exports.default = ArticleTeaser;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _ArticleTeaser = _interopRequireDefault(require("./ArticleTeaser"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
it('renders article teaser correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_ArticleTeaser.default, {
|
|
17
11
|
href: "/test",
|
|
@@ -1,29 +1,22 @@
|
|
|
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 = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
15
|
-
|
|
16
11
|
var _size = require("../../../theme/shared/size");
|
|
17
|
-
|
|
18
12
|
var Wrapper = _styledComponents.default.div.withConfig({
|
|
19
13
|
displayName: "Banner__Wrapper",
|
|
20
14
|
componentId: "sc-14ows70-0"
|
|
21
15
|
})(["background:", ";"], function (_ref) {
|
|
22
16
|
var theme = _ref.theme,
|
|
23
|
-
|
|
17
|
+
backgroundColor = _ref.backgroundColor;
|
|
24
18
|
return theme.color(backgroundColor);
|
|
25
19
|
});
|
|
26
|
-
|
|
27
20
|
var Container = _styledComponents.default.div.withConfig({
|
|
28
21
|
displayName: "Banner__Container",
|
|
29
22
|
componentId: "sc-14ows70-1"
|
|
@@ -34,17 +27,14 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
34
27
|
var theme = _ref3.theme;
|
|
35
28
|
return theme.breakpoint('large');
|
|
36
29
|
}, (0, _spacing.default)('xl'), (0, _spacing.default)('xl'));
|
|
37
|
-
|
|
38
30
|
var Banner = function Banner(_ref4) {
|
|
39
31
|
var children = _ref4.children,
|
|
40
|
-
|
|
32
|
+
backgroundColor = _ref4.backgroundColor;
|
|
41
33
|
return /*#__PURE__*/_react.default.createElement(Wrapper, {
|
|
42
34
|
backgroundColor: backgroundColor
|
|
43
35
|
}, /*#__PURE__*/_react.default.createElement(Container, null, children));
|
|
44
36
|
};
|
|
45
|
-
|
|
46
37
|
Banner.defaultProps = {
|
|
47
38
|
backgroundColor: 'grey_dark'
|
|
48
39
|
};
|
|
49
|
-
var _default = Banner;
|
|
50
|
-
exports.default = _default;
|
|
40
|
+
var _default = exports.default = Banner;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Banner = _interopRequireDefault(require("./Banner"));
|
|
12
|
-
|
|
13
8
|
var _Text = _interopRequireDefault(require("../../Atoms/Text/Text"));
|
|
14
|
-
|
|
15
9
|
it('renders correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Banner.default, {
|
|
17
11
|
backgroundColor: "purple_dark"
|
|
@@ -1,24 +1,16 @@
|
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
|
|
17
|
-
|
|
18
12
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["imageLow", "images", "image", "imageAltText", "height", "width", "children", "squaredCorners"];
|
|
21
|
-
|
|
22
14
|
var Container = _styledComponents.default.div.withConfig({
|
|
23
15
|
displayName: "Box__Container",
|
|
24
16
|
componentId: "sc-1oa7u3c-0"
|
|
@@ -29,14 +21,12 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
29
21
|
var theme = _ref2.theme;
|
|
30
22
|
return theme.breakpoint('large');
|
|
31
23
|
});
|
|
32
|
-
|
|
33
24
|
var Image = _styledComponents.default.div.withConfig({
|
|
34
25
|
displayName: "Box__Image",
|
|
35
26
|
componentId: "sc-1oa7u3c-1"
|
|
36
27
|
})(["height:auto;flex-basis:calc(100% / 3);img{border-radius:", ";overflow:hidden;}"], function (props) {
|
|
37
28
|
return props.squaredCorners ? '0' : '1rem';
|
|
38
29
|
});
|
|
39
|
-
|
|
40
30
|
var Copy = _styledComponents.default.div.withConfig({
|
|
41
31
|
displayName: "Box__Copy",
|
|
42
32
|
componentId: "sc-1oa7u3c-2"
|
|
@@ -47,17 +37,16 @@ var Copy = _styledComponents.default.div.withConfig({
|
|
|
47
37
|
var theme = _ref4.theme;
|
|
48
38
|
return theme.breakpoint('large');
|
|
49
39
|
});
|
|
50
|
-
|
|
51
40
|
var Box = function Box(_ref5) {
|
|
52
41
|
var imageLow = _ref5.imageLow,
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
42
|
+
images = _ref5.images,
|
|
43
|
+
image = _ref5.image,
|
|
44
|
+
imageAltText = _ref5.imageAltText,
|
|
45
|
+
height = _ref5.height,
|
|
46
|
+
width = _ref5.width,
|
|
47
|
+
children = _ref5.children,
|
|
48
|
+
squaredCorners = _ref5.squaredCorners,
|
|
49
|
+
rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
|
|
61
50
|
return /*#__PURE__*/_react.default.createElement(Container, rest, imageLow ? /*#__PURE__*/_react.default.createElement(Image, {
|
|
62
51
|
squaredCorners: squaredCorners
|
|
63
52
|
}, /*#__PURE__*/_react.default.createElement(_Picture.default, {
|
|
@@ -70,7 +59,6 @@ var Box = function Box(_ref5) {
|
|
|
70
59
|
squaredCorners: squaredCorners
|
|
71
60
|
})) : null, children ? /*#__PURE__*/_react.default.createElement(Copy, null, children) : null);
|
|
72
61
|
};
|
|
73
|
-
|
|
74
62
|
Box.defaultProps = {
|
|
75
63
|
children: null,
|
|
76
64
|
imageLow: null,
|
|
@@ -81,5 +69,4 @@ Box.defaultProps = {
|
|
|
81
69
|
height: '100%',
|
|
82
70
|
squaredCorners: false
|
|
83
71
|
};
|
|
84
|
-
var _default = Box;
|
|
85
|
-
exports.default = _default;
|
|
72
|
+
var _default = exports.default = Box;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Box = _interopRequireDefault(require("./Box"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
it('renders correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Box.default, {
|
|
17
11
|
imageLow: _data.defaultData.image,
|
|
@@ -1,24 +1,16 @@
|
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
|
|
17
|
-
|
|
18
12
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
19
|
-
|
|
20
13
|
var _excluded = ["backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "squaredCorners"];
|
|
21
|
-
|
|
22
14
|
var Container = _styledComponents.default.div.withConfig({
|
|
23
15
|
displayName: "Card__Container",
|
|
24
16
|
componentId: "sc-15nltsw-0"
|
|
@@ -26,31 +18,28 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
26
18
|
return props.squaredCorners ? '0' : '1rem';
|
|
27
19
|
}, function (_ref) {
|
|
28
20
|
var theme = _ref.theme,
|
|
29
|
-
|
|
21
|
+
backgroundColor = _ref.backgroundColor;
|
|
30
22
|
return theme.color(backgroundColor);
|
|
31
23
|
});
|
|
32
|
-
|
|
33
24
|
var Image = _styledComponents.default.div.withConfig({
|
|
34
25
|
displayName: "Card__Image",
|
|
35
26
|
componentId: "sc-15nltsw-1"
|
|
36
27
|
})(["height:auto;"]);
|
|
37
|
-
|
|
38
28
|
var Copy = _styledComponents.default.div.withConfig({
|
|
39
29
|
displayName: "Card__Copy",
|
|
40
30
|
componentId: "sc-15nltsw-2"
|
|
41
31
|
})(["padding:", ";display:flex;flex-direction:column;"], (0, _spacing.default)('l'));
|
|
42
|
-
|
|
43
32
|
var Card = function Card(_ref2) {
|
|
44
33
|
var backgroundColor = _ref2.backgroundColor,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
34
|
+
imageLow = _ref2.imageLow,
|
|
35
|
+
images = _ref2.images,
|
|
36
|
+
image = _ref2.image,
|
|
37
|
+
imageAltText = _ref2.imageAltText,
|
|
38
|
+
height = _ref2.height,
|
|
39
|
+
width = _ref2.width,
|
|
40
|
+
children = _ref2.children,
|
|
41
|
+
squaredCorners = _ref2.squaredCorners,
|
|
42
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
54
43
|
return /*#__PURE__*/_react.default.createElement(Container, Object.assign({
|
|
55
44
|
backgroundColor: backgroundColor,
|
|
56
45
|
squaredCorners: squaredCorners
|
|
@@ -64,7 +53,6 @@ var Card = function Card(_ref2) {
|
|
|
64
53
|
height: height
|
|
65
54
|
})) : null, children ? /*#__PURE__*/_react.default.createElement(Copy, null, children) : null);
|
|
66
55
|
};
|
|
67
|
-
|
|
68
56
|
Card.defaultProps = {
|
|
69
57
|
backgroundColor: 'white',
|
|
70
58
|
children: null,
|
|
@@ -76,5 +64,4 @@ Card.defaultProps = {
|
|
|
76
64
|
height: '100%',
|
|
77
65
|
squaredCorners: false
|
|
78
66
|
};
|
|
79
|
-
var _default = Card;
|
|
80
|
-
exports.default = _default;
|
|
67
|
+
var _default = exports.default = Card;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _Card = _interopRequireDefault(require("./Card"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
it('renders correctly', function () {
|
|
16
10
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Card.default, {
|
|
17
11
|
image: _data.defaultData.image,
|
|
@@ -1,38 +1,26 @@
|
|
|
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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
15
|
-
|
|
16
11
|
var _Picture = _interopRequireDefault(require("../../Atoms/Picture/Picture"));
|
|
17
|
-
|
|
18
12
|
var _Link = _interopRequireDefault(require("../../Atoms/Link/Link"));
|
|
19
|
-
|
|
20
13
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
21
|
-
|
|
22
14
|
var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
|
|
23
|
-
|
|
24
15
|
var _excluded = ["icon", "backgroundColor", "imageLow", "images", "image", "imageAltText", "height", "width", "children", "link", "linkLabel", "target"];
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
28
|
-
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; }
|
|
29
|
-
|
|
16
|
+
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); }
|
|
17
|
+
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; }
|
|
30
18
|
var Container = _styledComponents.default.div.withConfig({
|
|
31
19
|
displayName: "CardDs__Container",
|
|
32
20
|
componentId: "sc-mayd3d-0"
|
|
33
21
|
})(["display:flex;position:relative;flex-direction:column;height:100%;width:100%;background:", ";@media ", "{flex-direction:row;}@media ", "{flex-direction:column;}"], function (_ref) {
|
|
34
22
|
var theme = _ref.theme,
|
|
35
|
-
|
|
23
|
+
backgroundColor = _ref.backgroundColor;
|
|
36
24
|
return theme.color(backgroundColor);
|
|
37
25
|
}, function (_ref2) {
|
|
38
26
|
var theme = _ref2.theme;
|
|
@@ -41,12 +29,10 @@ var Container = _styledComponents.default.div.withConfig({
|
|
|
41
29
|
var theme = _ref3.theme;
|
|
42
30
|
return theme.breakpoint('large');
|
|
43
31
|
});
|
|
44
|
-
|
|
45
32
|
var Image = _styledComponents.default.div.withConfig({
|
|
46
33
|
displayName: "CardDs__Image",
|
|
47
34
|
componentId: "sc-mayd3d-1"
|
|
48
35
|
})(["height:auto;margin:0 -", " 0 ", ";img{border-radius:", ";box-shadow:0 0 ", " rgba(0,0,0,0.15);}"], (0, _spacing.default)('m'), (0, _spacing.default)('m'), (0, _spacing.default)('md'), (0, _spacing.default)('md'));
|
|
49
|
-
|
|
50
36
|
var MediaLink = _styledComponents.default.a.withConfig({
|
|
51
37
|
displayName: "CardDs__MediaLink",
|
|
52
38
|
componentId: "sc-mayd3d-2"
|
|
@@ -57,7 +43,6 @@ var MediaLink = _styledComponents.default.a.withConfig({
|
|
|
57
43
|
var theme = _ref5.theme;
|
|
58
44
|
return theme.breakpoint('large');
|
|
59
45
|
});
|
|
60
|
-
|
|
61
46
|
var Copy = _styledComponents.default.div.withConfig({
|
|
62
47
|
displayName: "CardDs__Copy",
|
|
63
48
|
componentId: "sc-mayd3d-3"
|
|
@@ -66,7 +51,7 @@ var Copy = _styledComponents.default.div.withConfig({
|
|
|
66
51
|
return hasLink && "padding-bottom: ".concat((0, _spacing.default)('xl'));
|
|
67
52
|
}, (0, _spacing.default)('md'), (0, _spacing.default)('md'), function (_ref7) {
|
|
68
53
|
var theme = _ref7.theme,
|
|
69
|
-
|
|
54
|
+
backgroundColor = _ref7.backgroundColor;
|
|
70
55
|
return theme.color(backgroundColor);
|
|
71
56
|
}, function (_ref8) {
|
|
72
57
|
var theme = _ref8.theme;
|
|
@@ -81,7 +66,6 @@ var Copy = _styledComponents.default.div.withConfig({
|
|
|
81
66
|
return theme.breakpoint('large');
|
|
82
67
|
}, (0, _spacing.default)('m'), (0, _spacing.default)('m'));
|
|
83
68
|
});
|
|
84
|
-
|
|
85
69
|
var CTA = _styledComponents.default.div.withConfig({
|
|
86
70
|
displayName: "CardDs__CTA",
|
|
87
71
|
componentId: "sc-mayd3d-4"
|
|
@@ -92,22 +76,20 @@ var CTA = _styledComponents.default.div.withConfig({
|
|
|
92
76
|
var hasImage = _ref13.hasImage;
|
|
93
77
|
return !hasImage && "bottom: -".concat((0, _spacing.default)('m'), ";");
|
|
94
78
|
});
|
|
95
|
-
|
|
96
79
|
var CardDs = function CardDs(_ref14) {
|
|
97
80
|
var icon = _ref14.icon,
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
81
|
+
backgroundColor = _ref14.backgroundColor,
|
|
82
|
+
imageLow = _ref14.imageLow,
|
|
83
|
+
images = _ref14.images,
|
|
84
|
+
image = _ref14.image,
|
|
85
|
+
imageAltText = _ref14.imageAltText,
|
|
86
|
+
height = _ref14.height,
|
|
87
|
+
width = _ref14.width,
|
|
88
|
+
children = _ref14.children,
|
|
89
|
+
link = _ref14.link,
|
|
90
|
+
linkLabel = _ref14.linkLabel,
|
|
91
|
+
target = _ref14.target,
|
|
92
|
+
rest = (0, _objectWithoutProperties2.default)(_ref14, _excluded);
|
|
111
93
|
var Media = /*#__PURE__*/_react.default.createElement(Image, {
|
|
112
94
|
hasLink: link
|
|
113
95
|
}, /*#__PURE__*/_react.default.createElement(_Picture.default, {
|
|
@@ -119,7 +101,6 @@ var CardDs = function CardDs(_ref14) {
|
|
|
119
101
|
width: width,
|
|
120
102
|
height: height
|
|
121
103
|
}));
|
|
122
|
-
|
|
123
104
|
var hasMedia = function hasMedia() {
|
|
124
105
|
if (imageLow && link) {
|
|
125
106
|
return /*#__PURE__*/_react.default.createElement(MediaLink, Object.assign({
|
|
@@ -130,14 +111,11 @@ var CardDs = function CardDs(_ref14) {
|
|
|
130
111
|
"data-image-cta-copy": linkLabel
|
|
131
112
|
}, rest), Media);
|
|
132
113
|
}
|
|
133
|
-
|
|
134
114
|
if (imageLow) {
|
|
135
115
|
return Media;
|
|
136
116
|
}
|
|
137
|
-
|
|
138
117
|
return null;
|
|
139
118
|
};
|
|
140
|
-
|
|
141
119
|
var external = target === 'blank' ? 'noopener' : null;
|
|
142
120
|
return /*#__PURE__*/_react.default.createElement(Container, rest, hasMedia(), /*#__PURE__*/_react.default.createElement(Copy, {
|
|
143
121
|
hasImage: imageLow,
|
|
@@ -155,7 +133,6 @@ var CardDs = function CardDs(_ref14) {
|
|
|
155
133
|
"data-button-cta-copy": linkLabel
|
|
156
134
|
}, linkLabel)));
|
|
157
135
|
};
|
|
158
|
-
|
|
159
136
|
CardDs.defaultProps = {
|
|
160
137
|
backgroundColor: 'white',
|
|
161
138
|
imageLow: null,
|
|
@@ -169,5 +146,4 @@ CardDs.defaultProps = {
|
|
|
169
146
|
height: '100%',
|
|
170
147
|
icon: null
|
|
171
148
|
};
|
|
172
|
-
var _default = CardDs;
|
|
173
|
-
exports.default = _default;
|
|
149
|
+
var _default = exports.default = CardDs;
|
|
@@ -1,19 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _react = _interopRequireDefault(require("react"));
|
|
6
|
-
|
|
7
5
|
require("jest-styled-components");
|
|
8
|
-
|
|
9
6
|
var _shallowWithTheme = _interopRequireDefault(require("../../../hoc/shallowWithTheme"));
|
|
10
|
-
|
|
11
7
|
var _CardDs = _interopRequireDefault(require("./CardDs"));
|
|
12
|
-
|
|
13
8
|
var _data = require("../../../styleguide/data/data");
|
|
14
|
-
|
|
15
9
|
var _index = require("../../Atoms/Icons/index");
|
|
16
|
-
|
|
17
10
|
it('renders correctly', function () {
|
|
18
11
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_CardDs.default, {
|
|
19
12
|
target: "_blank",
|
|
@@ -1,21 +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 _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _Chip = require("./Chip.style");
|
|
13
|
-
|
|
14
10
|
var Chip = function Chip(_ref) {
|
|
15
11
|
var category = _ref.category,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
12
|
+
handleToggle = _ref.handleToggle,
|
|
13
|
+
color = _ref.color,
|
|
14
|
+
checked = _ref.checked;
|
|
19
15
|
return /*#__PURE__*/_react.default.createElement(_Chip.CheckLabel, null, /*#__PURE__*/_react.default.createElement(_Chip.CheckInput, {
|
|
20
16
|
onChange: handleToggle,
|
|
21
17
|
type: "checkbox",
|
|
@@ -24,10 +20,8 @@ var Chip = function Chip(_ref) {
|
|
|
24
20
|
checked: checked
|
|
25
21
|
}), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement(_Chip.Overlay, null), category);
|
|
26
22
|
};
|
|
27
|
-
|
|
28
23
|
Chip.defaultProps = {
|
|
29
24
|
color: 'purple',
|
|
30
25
|
checked: false
|
|
31
26
|
};
|
|
32
|
-
var _default = Chip;
|
|
33
|
-
exports.default = _default;
|
|
27
|
+
var _default = exports.default = Chip;
|