@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,31 +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 _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 _excluded = ["colour", "theme", "size", "direction"];
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
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; }
|
|
21
|
-
|
|
12
|
+
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); }
|
|
13
|
+
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; }
|
|
22
14
|
var angle = {
|
|
23
15
|
right: '90deg',
|
|
24
16
|
left: '-90deg',
|
|
25
17
|
down: '180deg',
|
|
26
18
|
up: '0deg'
|
|
27
19
|
};
|
|
28
|
-
|
|
29
20
|
var Icon = _styledComponents.default.svg.withConfig({
|
|
30
21
|
displayName: "Chevron__Icon",
|
|
31
22
|
componentId: "sc-1p4fsgl-0"
|
|
@@ -33,13 +24,12 @@ var Icon = _styledComponents.default.svg.withConfig({
|
|
|
33
24
|
var direction = _ref.direction;
|
|
34
25
|
return "rotate(".concat(angle[direction], ")");
|
|
35
26
|
});
|
|
36
|
-
|
|
37
27
|
var Chevron = function Chevron(_ref2) {
|
|
38
28
|
var colour = _ref2.colour,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
29
|
+
theme = _ref2.theme,
|
|
30
|
+
size = _ref2.size,
|
|
31
|
+
direction = _ref2.direction,
|
|
32
|
+
rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
43
33
|
return /*#__PURE__*/_react.default.createElement(Icon, Object.assign({
|
|
44
34
|
direction: direction,
|
|
45
35
|
width: size,
|
|
@@ -51,13 +41,9 @@ var Chevron = function Chevron(_ref2) {
|
|
|
51
41
|
d: "M40 33a1.992 1.992 0 01-1.414-.586L24 17.829 9.414 32.414a2 2 0 11-2.828-2.828l16-16a2 2 0 012.828 0l16 16A2 2 0 0140 33z"
|
|
52
42
|
}));
|
|
53
43
|
};
|
|
54
|
-
|
|
55
44
|
Chevron.defaultProps = {
|
|
56
45
|
colour: 'white',
|
|
57
46
|
size: 24,
|
|
58
47
|
direction: 'up'
|
|
59
48
|
};
|
|
60
|
-
|
|
61
|
-
var _default = (0, _styledComponents.withTheme)(Chevron);
|
|
62
|
-
|
|
63
|
-
exports.default = _default;
|
|
49
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Chevron);
|
|
@@ -1,14 +1,11 @@
|
|
|
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 Curve = function Curve() {
|
|
13
10
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
14
11
|
width: "100%",
|
|
@@ -26,6 +23,4 @@ var Curve = function Curve() {
|
|
|
26
23
|
fill: "#000"
|
|
27
24
|
})));
|
|
28
25
|
};
|
|
29
|
-
|
|
30
|
-
var _default = Curve;
|
|
31
|
-
exports.default = _default;
|
|
26
|
+
var _default = exports.default = Curve;
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Download = function Download(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Download = function Download(_ref) {
|
|
|
30
24
|
d: "M17.171 38.829a4 4 0 015.657-5.657L44 54.343V8a4 4 0 018 0v46.343l21.172-21.172a4 4 0 115.656 5.657l-28 28-.005.004a3.976 3.976 0 01-.604.493c-.101.068-.211.115-.317.172-.123.067-.241.141-.372.195-.133.055-.273.087-.41.127-.113.033-.22.077-.337.1a3.89 3.89 0 01-1.566.002c-.116-.023-.224-.067-.336-.1-.138-.04-.277-.072-.411-.128-.13-.054-.248-.128-.37-.195-.106-.058-.216-.105-.318-.173a4.037 4.037 0 01-.604-.493l-.005-.004-28.002-27.999zM84 68a4 4 0 00-4 4v12H16V72a4 4 0 00-8 0v16a4 4 0 004 4h72a4 4 0 004-4V72a4 4 0 00-4-4z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Download.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Download);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Download);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var External = function External(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var External = function External(_ref) {
|
|
|
30
24
|
d: "M92 8.001V48a4 4 0 01-8 0V17.657L50.899 50.758c-.781.781-1.805 1.171-2.829 1.171s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 12H48a4 4 0 010-8h40c.016 0 .032.005.048.005.246.003.492.026.734.074.121.024.233.069.35.104.133.039.268.07.397.123.132.055.253.13.377.198.104.057.212.103.312.169.201.134.386.289.559.456.016.016.035.026.051.042.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327.052.259.08.522.08.785zM72 68a4 4 0 00-4 4v12H12V28h12a4 4 0 000-8H8a4 4 0 00-4 4v64a4 4 0 004 4h64a4 4 0 004-4V72a4 4 0 00-4-4z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
External.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(External);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(External);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Favourite = function Favourite(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Favourite = function Favourite(_ref) {
|
|
|
30
24
|
d: "M74.295 8.47C64.301 6.55 54.06 10.592 48 18.198 41.94 10.592 31.698 6.55 21.705 8.47 12.179 10.304 2 18.229 2 34.973 2 52.345 19.988 67.357 34.442 79.42c4.113 3.432 7.997 6.674 10.729 9.407l.001.001.001.001c.091.091.196.159.294.24.111.092.216.195.333.272.095.063.199.103.298.157.132.072.26.153.397.209.142.058.291.089.438.13.102.028.2.07.303.09a4.003 4.003 0 001.528 0l.012-.003c.5-.098.985-.292 1.426-.583l.021-.017c.213-.143.417-.306.605-.494l.001-.001.001-.001c2.732-2.733 6.616-5.975 10.729-9.407C76.012 67.357 94 52.345 94 34.973 94 18.229 83.821 10.304 74.295 8.47zM56.432 73.278c-3.029 2.528-5.93 4.952-8.432 7.219-2.502-2.267-5.403-4.692-8.432-7.219C27.09 62.864 10 48.602 10 34.973c0-14.534 9.243-17.882 13.216-18.647 7.468-1.438 17.384 1.981 21.047 11.146a3.987 3.987 0 003.017 2.443c.065.012.129.014.193.023.175.023.35.043.528.042.17.001.336-.019.502-.04.073-.01.146-.012.219-.026a3.99 3.99 0 003.014-2.442c3.663-9.165 13.578-12.584 21.047-11.146C76.757 17.091 86 20.439 86 34.973c0 13.629-17.09 27.891-29.568 38.305z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Favourite.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Favourite);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Favourite);
|
|
@@ -1,25 +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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
9
|
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
10
|
var _styledComponents = require("styled-components");
|
|
15
|
-
|
|
16
11
|
var _excluded = ["colour", "theme", "size"];
|
|
17
|
-
|
|
18
12
|
var Internal = function Internal(_ref) {
|
|
19
13
|
var colour = _ref.colour,
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
14
|
+
theme = _ref.theme,
|
|
15
|
+
size = _ref.size,
|
|
16
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement("svg", Object.assign({}, rest, {
|
|
24
18
|
width: size,
|
|
25
19
|
height: size,
|
|
@@ -30,12 +24,8 @@ var Internal = function Internal(_ref) {
|
|
|
30
24
|
d: "M90.871 50.776c-.016.016-.026.036-.043.052l-32 32C58.047 83.609 57.024 84 56 84s-2.047-.391-2.829-1.171a4 4 0 010-5.657L78.343 52H8a4 4 0 010-8h70.343L53.171 18.829a4 4 0 015.657-5.657l32 32c.016.016.027.036.043.052.167.172.321.357.455.557.069.104.118.216.176.325.065.121.138.236.191.364.057.137.09.279.13.42.032.109.074.214.097.327a4.017 4.017 0 010 1.568c-.023.113-.065.217-.097.327-.041.141-.074.283-.13.42-.053.128-.126.243-.191.364-.059.109-.107.221-.176.325a4.035 4.035 0 01-.455.555z"
|
|
31
25
|
}));
|
|
32
26
|
};
|
|
33
|
-
|
|
34
27
|
Internal.defaultProps = {
|
|
35
28
|
colour: 'white',
|
|
36
29
|
size: 24
|
|
37
30
|
};
|
|
38
|
-
|
|
39
|
-
var _default = (0, _styledComponents.withTheme)(Internal);
|
|
40
|
-
|
|
41
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = (0, _styledComponents.withTheme)(Internal);
|
|
@@ -1,63 +1,55 @@
|
|
|
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
|
-
Object.defineProperty(exports, "
|
|
7
|
+
Object.defineProperty(exports, "Arrow", {
|
|
9
8
|
enumerable: true,
|
|
10
9
|
get: function get() {
|
|
11
|
-
return
|
|
10
|
+
return _Arrow.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
Object.defineProperty(exports, "
|
|
13
|
+
Object.defineProperty(exports, "AtSign", {
|
|
15
14
|
enumerable: true,
|
|
16
15
|
get: function get() {
|
|
17
|
-
return
|
|
16
|
+
return _AtSign.default;
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
|
-
Object.defineProperty(exports, "
|
|
19
|
+
Object.defineProperty(exports, "Chevron", {
|
|
21
20
|
enumerable: true,
|
|
22
21
|
get: function get() {
|
|
23
|
-
return
|
|
22
|
+
return _Chevron.default;
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
|
-
Object.defineProperty(exports, "
|
|
25
|
+
Object.defineProperty(exports, "Download", {
|
|
27
26
|
enumerable: true,
|
|
28
27
|
get: function get() {
|
|
29
|
-
return
|
|
28
|
+
return _Download.default;
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
|
-
Object.defineProperty(exports, "
|
|
31
|
+
Object.defineProperty(exports, "External", {
|
|
33
32
|
enumerable: true,
|
|
34
33
|
get: function get() {
|
|
35
|
-
return
|
|
34
|
+
return _External.default;
|
|
36
35
|
}
|
|
37
36
|
});
|
|
38
|
-
Object.defineProperty(exports, "
|
|
37
|
+
Object.defineProperty(exports, "Favourite", {
|
|
39
38
|
enumerable: true,
|
|
40
39
|
get: function get() {
|
|
41
|
-
return
|
|
40
|
+
return _Favourite.default;
|
|
42
41
|
}
|
|
43
42
|
});
|
|
44
|
-
Object.defineProperty(exports, "
|
|
43
|
+
Object.defineProperty(exports, "Internal", {
|
|
45
44
|
enumerable: true,
|
|
46
45
|
get: function get() {
|
|
47
|
-
return
|
|
46
|
+
return _Internal.default;
|
|
48
47
|
}
|
|
49
48
|
});
|
|
50
|
-
|
|
51
49
|
var _External = _interopRequireDefault(require("./External"));
|
|
52
|
-
|
|
53
50
|
var _Download = _interopRequireDefault(require("./Download"));
|
|
54
|
-
|
|
55
51
|
var _Favourite = _interopRequireDefault(require("./Favourite"));
|
|
56
|
-
|
|
57
52
|
var _Internal = _interopRequireDefault(require("./Internal"));
|
|
58
|
-
|
|
59
53
|
var _Chevron = _interopRequireDefault(require("./Chevron"));
|
|
60
|
-
|
|
61
54
|
var _Arrow = _interopRequireDefault(require("./Arrow"));
|
|
62
|
-
|
|
63
55
|
var _AtSign = _interopRequireDefault(require("./AtSign"));
|
|
@@ -1,50 +1,35 @@
|
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
11
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
17
|
-
|
|
18
12
|
var _Label = _interopRequireDefault(require("../Label/Label"));
|
|
19
|
-
|
|
20
13
|
var _ErrorText = _interopRequireDefault(require("../ErrorText/ErrorText"));
|
|
21
|
-
|
|
22
14
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
23
|
-
|
|
24
15
|
var _zIndex = _interopRequireDefault(require("../../../theme/shared/zIndex"));
|
|
25
|
-
|
|
26
16
|
var _excluded = ["errorMsg", "id", "label", "showLabel", "type", "hasAria", "className", "labelProps", "prefix", "optional"];
|
|
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
|
// This seems to get a decent approximation of the necessary width (without resorting to measuring
|
|
33
20
|
// the element with JS)
|
|
34
21
|
var getPrefixWidth = function getPrefixWidth(prefixLength) {
|
|
35
22
|
return "calc(".concat((0, _spacing.default)('m'), " + (").concat(prefixLength, " * ").concat((0, _spacing.default)('sm'), "))");
|
|
36
23
|
};
|
|
37
|
-
|
|
38
24
|
var InputField = _styledComponents.default.input.withConfig({
|
|
39
25
|
displayName: "Input__InputField",
|
|
40
26
|
componentId: "sc-bcqy1o-0"
|
|
41
27
|
})(["", ""], function (_ref) {
|
|
42
28
|
var theme = _ref.theme,
|
|
43
|
-
|
|
44
|
-
|
|
29
|
+
error = _ref.error,
|
|
30
|
+
prefixLength = _ref.prefixLength;
|
|
45
31
|
return (0, _styledComponents.css)(["position:relative;box-sizing:border-box;width:100%;height:48px;padding:", " ", ";", " background-color:", ";border:1px solid;border-color:", ";box-shadow:none;appearance:none;color:", ";border-radius:", ";font-size:inherit;z-index:2;font-family:", ";:focus{border:1px solid ", ";}@media ", "{max-width:290px;}"], (0, _spacing.default)('md'), (0, _spacing.default)('m'), prefixLength > 0 ? "padding-left: ".concat(getPrefixWidth(prefixLength), ";") : '', theme.color('grey_light'), error ? theme.color('red') : theme.color('grey_medium'), theme.color('black'), (0, _spacing.default)('sm'), theme.fontFamilies(theme.font.regular), theme.color('grey_for_forms'), theme.breakpoint('small'));
|
|
46
32
|
});
|
|
47
|
-
|
|
48
33
|
var InputWrapper = _styledComponents.default.div.withConfig({
|
|
49
34
|
displayName: "Input__InputWrapper",
|
|
50
35
|
componentId: "sc-bcqy1o-1"
|
|
@@ -52,7 +37,6 @@ var InputWrapper = _styledComponents.default.div.withConfig({
|
|
|
52
37
|
var theme = _ref2.theme;
|
|
53
38
|
return theme.fontSize('m');
|
|
54
39
|
});
|
|
55
|
-
|
|
56
40
|
var Prefix = _styledComponents.default.div.withConfig({
|
|
57
41
|
displayName: "Input__Prefix",
|
|
58
42
|
componentId: "sc-bcqy1o-2"
|
|
@@ -63,19 +47,18 @@ var Prefix = _styledComponents.default.div.withConfig({
|
|
|
63
47
|
var theme = _ref4.theme;
|
|
64
48
|
return theme.color('grey_dark');
|
|
65
49
|
});
|
|
66
|
-
|
|
67
50
|
var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
|
|
68
51
|
var errorMsg = _ref5.errorMsg,
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
52
|
+
id = _ref5.id,
|
|
53
|
+
label = _ref5.label,
|
|
54
|
+
showLabel = _ref5.showLabel,
|
|
55
|
+
type = _ref5.type,
|
|
56
|
+
hasAria = _ref5.hasAria,
|
|
57
|
+
className = _ref5.className,
|
|
58
|
+
labelProps = _ref5.labelProps,
|
|
59
|
+
prefix = _ref5.prefix,
|
|
60
|
+
optional = _ref5.optional,
|
|
61
|
+
rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
|
|
79
62
|
return /*#__PURE__*/_react.default.createElement(_Label.default, Object.assign({
|
|
80
63
|
className: className,
|
|
81
64
|
htmlFor: id,
|
|
@@ -99,7 +82,6 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref5, ref) {
|
|
|
99
82
|
"data-test": "error-message"
|
|
100
83
|
}, errorMsg));
|
|
101
84
|
});
|
|
102
|
-
|
|
103
85
|
Input.propTypes = {
|
|
104
86
|
name: _propTypes.default.string.isRequired,
|
|
105
87
|
label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.node]).isRequired,
|
|
@@ -111,7 +93,6 @@ Input.propTypes = {
|
|
|
111
93
|
showLabel: _propTypes.default.bool,
|
|
112
94
|
hasAria: _propTypes.default.bool,
|
|
113
95
|
id: _propTypes.default.string.isRequired,
|
|
114
|
-
|
|
115
96
|
/** text, email, number, date, search, tel, url, password */
|
|
116
97
|
type: _propTypes.default.string.isRequired,
|
|
117
98
|
labelProps: _propTypes.default.objectOf(_propTypes.default.string),
|
|
@@ -131,5 +112,4 @@ Input.defaultProps = {
|
|
|
131
112
|
prefix: '',
|
|
132
113
|
optional: null
|
|
133
114
|
};
|
|
134
|
-
var _default = Input;
|
|
135
|
-
exports.default = _default;
|
|
115
|
+
var _default = exports.default = Input;
|
|
@@ -1,15 +1,10 @@
|
|
|
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 _Input = _interopRequireDefault(require("./Input"));
|
|
12
|
-
|
|
13
8
|
it('renders correctly', function () {
|
|
14
9
|
var tree = (0, _shallowWithTheme.default)( /*#__PURE__*/_react.default.createElement(_Input.default, {
|
|
15
10
|
name: "fullname",
|
|
@@ -1,27 +1,18 @@
|
|
|
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 _Text = _interopRequireDefault(require("../Text/Text"));
|
|
17
|
-
|
|
18
12
|
var _spacing = _interopRequireDefault(require("../../../theme/shared/spacing"));
|
|
19
|
-
|
|
20
13
|
var _hideVisually = _interopRequireDefault(require("../../../theme/shared/hideVisually"));
|
|
21
|
-
|
|
22
14
|
var _excluded = ["label", "hideLabel"],
|
|
23
|
-
|
|
24
|
-
|
|
15
|
+
_excluded2 = ["children", "label", "hideLabel", "optional"];
|
|
25
16
|
var LabelElement = _styledComponents.default.label.withConfig({
|
|
26
17
|
displayName: "Label__LabelElement",
|
|
27
18
|
componentId: "sc-2nrw50-0"
|
|
@@ -30,10 +21,9 @@ var LabelElement = _styledComponents.default.label.withConfig({
|
|
|
30
21
|
return theme.color('grey_label');
|
|
31
22
|
}, function (_ref2) {
|
|
32
23
|
var optional = _ref2.optional,
|
|
33
|
-
|
|
24
|
+
theme = _ref2.theme;
|
|
34
25
|
return optional === true && "\n :after {\n position: absolute;\n top: 0;\n right: 0;\n content: 'Optional';\n font-family: ".concat(theme.fontFamilies(theme.font.regular), ";\n font-size: ").concat(theme.fontSize('s'), ";\n }");
|
|
35
26
|
});
|
|
36
|
-
|
|
37
27
|
var VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
|
|
38
28
|
weight: 'bold'
|
|
39
29
|
}).withConfig({
|
|
@@ -43,12 +33,13 @@ var VisibleText = (0, _styledComponents.default)(_Text.default).attrs({
|
|
|
43
33
|
var HiddenText = (0, _styledComponents.default)(_Text.default).withConfig({
|
|
44
34
|
displayName: "Label__HiddenText",
|
|
45
35
|
componentId: "sc-2nrw50-2"
|
|
46
|
-
})(["", ""], _hideVisually.default);
|
|
36
|
+
})(["", ""], _hideVisually.default);
|
|
47
37
|
|
|
38
|
+
// eslint-disable-next-line react/prop-types
|
|
48
39
|
var LabelText = function LabelText(_ref3) {
|
|
49
40
|
var label = _ref3.label,
|
|
50
|
-
|
|
51
|
-
|
|
41
|
+
hideLabel = _ref3.hideLabel,
|
|
42
|
+
rest = (0, _objectWithoutProperties2.default)(_ref3, _excluded);
|
|
52
43
|
var Component = hideLabel ? HiddenText : VisibleText;
|
|
53
44
|
return /*#__PURE__*/_react.default.isValidElement(label) ? /*#__PURE__*/_react.default.createElement(Component, rest, label) : /*#__PURE__*/_react.default.createElement(Component, Object.assign({}, rest, {
|
|
54
45
|
dangerouslySetInnerHTML: {
|
|
@@ -56,6 +47,7 @@ var LabelText = function LabelText(_ref3) {
|
|
|
56
47
|
}
|
|
57
48
|
}));
|
|
58
49
|
};
|
|
50
|
+
|
|
59
51
|
/**
|
|
60
52
|
* @param children
|
|
61
53
|
* @param label
|
|
@@ -64,14 +56,12 @@ var LabelText = function LabelText(_ref3) {
|
|
|
64
56
|
* @returns {JSX.Element}
|
|
65
57
|
* @constructor
|
|
66
58
|
*/
|
|
67
|
-
|
|
68
|
-
|
|
69
59
|
var Label = function Label(_ref4) {
|
|
70
60
|
var children = _ref4.children,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
61
|
+
label = _ref4.label,
|
|
62
|
+
hideLabel = _ref4.hideLabel,
|
|
63
|
+
optional = _ref4.optional,
|
|
64
|
+
rest = (0, _objectWithoutProperties2.default)(_ref4, _excluded2);
|
|
75
65
|
return /*#__PURE__*/_react.default.createElement(LabelElement, Object.assign({}, rest, {
|
|
76
66
|
optional: optional
|
|
77
67
|
}), /*#__PURE__*/_react.default.createElement(LabelText, {
|
|
@@ -79,7 +69,6 @@ var Label = function Label(_ref4) {
|
|
|
79
69
|
hideLabel: hideLabel
|
|
80
70
|
}), children);
|
|
81
71
|
};
|
|
82
|
-
|
|
83
72
|
Label.defaultProps = {
|
|
84
73
|
hideLabel: false,
|
|
85
74
|
children: null,
|
|
@@ -89,5 +78,4 @@ LabelText.defaultProps = {
|
|
|
89
78
|
hideLabel: false,
|
|
90
79
|
children: null
|
|
91
80
|
};
|
|
92
|
-
var _default = Label;
|
|
93
|
-
exports.default = _default;
|
|
81
|
+
var _default = exports.default = Label;
|