@comicrelief/component-library 7.22.1 → 7.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (215) hide show
  1. package/cypress/e2e/components/organisms/impactSlider.cy.js +72 -0
  2. package/dist/components/Atoms/Button/Button.js +4 -16
  3. package/dist/components/Atoms/Button/Button.test.js +0 -5
  4. package/dist/components/Atoms/ButtonWithStates/ButtonWithStates.js +14 -31
  5. package/dist/components/Atoms/Checkbox/Checkbox.js +4 -17
  6. package/dist/components/Atoms/Checkbox/Checkbox.test.js +0 -5
  7. package/dist/components/Atoms/Confetti/Confetti.js +8 -23
  8. package/dist/components/Atoms/Confetti/_TriggerConfetti.js +5 -13
  9. package/dist/components/Atoms/ErrorText/ErrorText.js +2 -14
  10. package/dist/components/Atoms/ErrorText/ErrorText.test.js +0 -5
  11. package/dist/components/Atoms/Icons/Arrow.js +7 -21
  12. package/dist/components/Atoms/Icons/AtSign.js +4 -14
  13. package/dist/components/Atoms/Icons/Chevron.js +7 -21
  14. package/dist/components/Atoms/Icons/Curve.js +1 -6
  15. package/dist/components/Atoms/Icons/Download.js +4 -14
  16. package/dist/components/Atoms/Icons/External.js +4 -14
  17. package/dist/components/Atoms/Icons/Favourite.js +4 -14
  18. package/dist/components/Atoms/Icons/Internal.js +4 -14
  19. package/dist/components/Atoms/Icons/index.js +14 -22
  20. package/dist/components/Atoms/Input/Input.js +15 -35
  21. package/dist/components/Atoms/Input/input.test.js +0 -5
  22. package/dist/components/Atoms/Label/Label.js +12 -24
  23. package/dist/components/Atoms/Link/Link.js +18 -35
  24. package/dist/components/Atoms/Link/Link.style.js +9 -25
  25. package/dist/components/Atoms/Link/Link.test.js +0 -6
  26. package/dist/components/Atoms/Logo/Logo.js +5 -22
  27. package/dist/components/Atoms/Logo/Logo.test.js +0 -5
  28. package/dist/components/Atoms/Pagination/Item/Item.js +3 -11
  29. package/dist/components/Atoms/Pagination/Item/Item.style.js +18 -30
  30. package/dist/components/Atoms/Pagination/List/List.js +10 -21
  31. package/dist/components/Atoms/Pagination/Pagination.js +25 -47
  32. package/dist/components/Atoms/Pagination/Pagination.test.js +0 -5
  33. package/dist/components/Atoms/Pagination/Utils/PaginationCalculator.js +14 -30
  34. package/dist/components/Atoms/Picture/Picture.js +19 -39
  35. package/dist/components/Atoms/Picture/Picture.test.js +0 -6
  36. package/dist/components/Atoms/RadioButton/RadioButton.js +6 -18
  37. package/dist/components/Atoms/RadioButton/RadioButton.test.js +0 -5
  38. package/dist/components/Atoms/RichText/RichText.js +4 -15
  39. package/dist/components/Atoms/RichText/RichText.test.js +0 -5
  40. package/dist/components/Atoms/Select/Select.js +19 -39
  41. package/dist/components/Atoms/Select/Select.test.js +0 -5
  42. package/dist/components/Atoms/SocialIcons/Icon/Icon.js +6 -18
  43. package/dist/components/Atoms/SocialIcons/SocialIcons.js +3 -17
  44. package/dist/components/Atoms/SocialIcons/SocialIcons.test.js +0 -5
  45. package/dist/components/Atoms/SocialIcons/Utils/Icons.js +2 -9
  46. package/dist/components/Atoms/SocialIcons/Utils/Links.js +2 -5
  47. package/dist/components/Atoms/Text/Text.js +16 -29
  48. package/dist/components/Atoms/Text/Text.test.js +0 -5
  49. package/dist/components/Atoms/TextArea/TextArea.js +10 -25
  50. package/dist/components/Atoms/TextArea/TextArea.test.js +0 -5
  51. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.js +26 -53
  52. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.style.js +8 -28
  53. package/dist/components/Atoms/TextInputWithDropdown/TextInputWithDropdown.test.js +0 -6
  54. package/dist/components/Molecules/Accordion/Accordion.js +8 -29
  55. package/dist/components/Molecules/Accordion/Accordion.test.js +0 -6
  56. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.js +14 -38
  57. package/dist/components/Molecules/ArticleTeaser/ArticleTeaser.test.js +0 -6
  58. package/dist/components/Molecules/Banner/Banner.js +3 -13
  59. package/dist/components/Molecules/Banner/Banner.test.js +0 -6
  60. package/dist/components/Molecules/Box/Box.js +9 -22
  61. package/dist/components/Molecules/Box/Box.test.js +0 -6
  62. package/dist/components/Molecules/Card/Card.js +11 -24
  63. package/dist/components/Molecules/Card/Card.test.js +0 -6
  64. package/dist/components/Molecules/CardDs/CardDs.js +17 -41
  65. package/dist/components/Molecules/CardDs/CardDs.test.js +0 -7
  66. package/dist/components/Molecules/Chip/Chip.js +4 -10
  67. package/dist/components/Molecules/Chip/Chip.style.js +8 -48
  68. package/dist/components/Molecules/Chip/Chip.test.js +0 -6
  69. package/dist/components/Molecules/Countdown/Countdown.js +17 -32
  70. package/dist/components/Molecules/Countdown/Countdown.style.js +4 -13
  71. package/dist/components/Molecules/Descriptor/Descriptor.js +6 -50
  72. package/dist/components/Molecules/Descriptor/Descriptor.test.js +0 -5
  73. package/dist/components/Molecules/DoubleCopy/DoubleCopy.js +2 -8
  74. package/dist/components/Molecules/DoubleCopy/DoubleCopy.style.js +4 -13
  75. package/dist/components/Molecules/DoubleCopy/DoubleCopy.test.js +0 -6
  76. package/dist/components/Molecules/HeroBanner/HeroBanner.js +4 -13
  77. package/dist/components/Molecules/InfoBanner/InfoBanner.js +8 -19
  78. package/dist/components/Molecules/InfoBanner/InfoBanner.test.js +0 -5
  79. package/dist/components/Molecules/Logos/Logos.js +1 -11
  80. package/dist/components/Molecules/Lookup/Lookup.js +25 -57
  81. package/dist/components/Molecules/PartnerLink/PartnerLink.js +3 -14
  82. package/dist/components/Molecules/PartnerLink/PartnerLink.style.js +4 -13
  83. package/dist/components/Molecules/PartnerLink/PartnerLink.test.js +0 -7
  84. package/dist/components/Molecules/Promo/Promo.js +33 -47
  85. package/dist/components/Molecules/Promo/Promo.md +2 -1
  86. package/dist/components/Molecules/Promo/Promo.style.js +12 -37
  87. package/dist/components/Molecules/Promo/Promo.test.js +0 -8
  88. package/dist/components/Molecules/Promo/_ProgressRing.js +7 -20
  89. package/dist/components/Molecules/Promo/_PromoVideo.js +39 -53
  90. package/dist/components/Molecules/Promo/_PromoVideoButton.js +2 -11
  91. package/dist/components/Molecules/Promo/_PromoVideoButton.style.js +14 -40
  92. package/dist/components/Molecules/SchoolLookup/SchoolLookup.js +6 -23
  93. package/dist/components/Molecules/SchoolLookup/SchoolLookup.test.js +0 -5
  94. package/dist/components/Molecules/SearchInput/SearchInput.js +4 -12
  95. package/dist/components/Molecules/SearchInput/SearchInput.style.js +7 -25
  96. package/dist/components/Molecules/SearchInput/SearchInput.test.js +0 -5
  97. package/dist/components/Molecules/SearchResult/SearchResult.js +11 -25
  98. package/dist/components/Molecules/SearchResult/SearchResult.test.js +0 -6
  99. package/dist/components/Molecules/ShareButton/ShareButton.js +10 -23
  100. package/dist/components/Molecules/ShareButton/ShareButton.style.js +6 -21
  101. package/dist/components/Molecules/ShareButton/ShareButton.test.js +0 -5
  102. package/dist/components/Molecules/ShareButton/assets/ShareIcons.js +1 -6
  103. package/dist/components/Molecules/SimpleSchoolLookup/SimpleSchoolLookup.js +4 -25
  104. package/dist/components/Molecules/SingleMessage/SingleMessage.js +48 -68
  105. package/dist/components/Molecules/SingleMessage/SingleMessage.style.js +19 -47
  106. package/dist/components/Molecules/SingleMessage/SingleMessage.test.js +0 -8
  107. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.js +22 -46
  108. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.style.js +13 -44
  109. package/dist/components/Molecules/SingleMessageDS/SingleMessageDs.test.js +0 -8
  110. package/dist/components/Molecules/Typeahead/Typeahead.js +25 -51
  111. package/dist/components/Molecules/Typeahead/Typeahead.test.js +0 -12
  112. package/dist/components/Molecules/VideoBanner/VideoBanner.js +14 -28
  113. package/dist/components/Molecules/VideoBanner/VideoBanner.test.js +0 -6
  114. package/dist/components/Organisms/CookieBanner/CookieBanner.js +3 -9
  115. package/dist/components/Organisms/CookieBanner/CookieBanner.style.js +6 -18
  116. package/dist/components/Organisms/CookieBanner/CookieBanner.test.js +0 -5
  117. package/dist/components/Organisms/Donate/Donate.js +36 -48
  118. package/dist/components/Organisms/Donate/Donate.style.js +23 -71
  119. package/dist/components/Organisms/Donate/Donate.test.js +0 -8
  120. package/dist/components/Organisms/Donate/Form/Form.js +53 -80
  121. package/dist/components/Organisms/Donate/Form/PopUpComponent.js +9 -27
  122. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.js +4 -12
  123. package/dist/components/Organisms/Donate/GivingSelector/GivingSelector.style.js +7 -25
  124. package/dist/components/Organisms/Donate/MoneyBuy/MoneyBuy.js +7 -21
  125. package/dist/components/Organisms/Donate/dev-data/data-high-value.js +2 -3
  126. package/dist/components/Organisms/Donate/dev-data/data-single.js +2 -3
  127. package/dist/components/Organisms/Donate/dev-data/data.js +2 -3
  128. package/dist/components/Organisms/EmailSignUp/EmailSignUp.style.js +12 -37
  129. package/dist/components/Organisms/EmailSignUp/EmailSignUp.test.js +0 -9
  130. package/dist/components/Organisms/EmailSignUp/EmailSignUpForm.js +3 -24
  131. package/dist/components/Organisms/EmailSignUp/_EmailSignUp.js +19 -32
  132. package/dist/components/Organisms/EmailSignUp/_EmailSignUpConfig.js +6 -18
  133. package/dist/components/Organisms/EmailSignUp/_TextInput.js +7 -16
  134. package/dist/components/Organisms/Footer/Footer.js +5 -17
  135. package/dist/components/Organisms/Footer/Footer.style.js +10 -35
  136. package/dist/components/Organisms/Footer/Footer.test.js +1 -7
  137. package/dist/components/Organisms/Footer/Nav/Nav.js +15 -39
  138. package/dist/components/Organisms/Footer/Nav/Nav.style.js +16 -37
  139. package/dist/components/Organisms/Footer/data/data.js +2 -3
  140. package/dist/components/Organisms/Footer/data/footerCopy.js +2 -3
  141. package/dist/components/Organisms/Header/Burger/BurgerMenu.js +3 -8
  142. package/dist/components/Organisms/Header/Burger/BurgerMenu.style.js +8 -19
  143. package/dist/components/Organisms/Header/Header.js +4 -14
  144. package/dist/components/Organisms/Header/Header.style.js +5 -22
  145. package/dist/components/Organisms/Header/Nav/Nav.js +19 -44
  146. package/dist/components/Organisms/Header/Nav/Nav.style.js +19 -46
  147. package/dist/components/Organisms/Header/data/data.js +2 -3
  148. package/dist/components/Organisms/Header/header.test.js +5 -2
  149. package/dist/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +61 -0
  150. package/dist/components/Organisms/ImpactSlider/ImpactSlider.js +71 -0
  151. package/dist/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  152. package/dist/components/Organisms/ImpactSlider/ImpactSlider.style.js +56 -0
  153. package/dist/components/Organisms/ImpactSlider/Slider.style.js +30 -0
  154. package/dist/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +42 -0
  155. package/dist/components/Organisms/ImpactSlider/_Slider.js +32 -0
  156. package/dist/components/Organisms/ImpactSlider/_utils.js +30 -0
  157. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDS.style.js +15 -54
  158. package/dist/components/Organisms/MarketingPreferencesDS/MarketingPreferencesDSForm.js +11 -20
  159. package/dist/components/Organisms/MarketingPreferencesDS/_AssociatedFields.js +1 -2
  160. package/dist/components/Organisms/MarketingPreferencesDS/_CheckAnswer.js +12 -23
  161. package/dist/components/Organisms/MarketingPreferencesDS/_DefaultCopy.js +4 -14
  162. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPreferencesDS.js +23 -35
  163. package/dist/components/Organisms/MarketingPreferencesDS/_MarketingPrefsConfig.js +10 -19
  164. package/dist/components/Organisms/MarketingPreferencesDS/_TextInput.js +7 -16
  165. package/dist/components/Organisms/Membership/Form/Form.js +50 -83
  166. package/dist/components/Organisms/Membership/Membership.js +13 -21
  167. package/dist/components/Organisms/Membership/Membership.style.js +21 -63
  168. package/dist/components/Organisms/Membership/Membership.test.js +0 -7
  169. package/dist/components/Organisms/Membership/MoneyBox/MoneyBox.js +9 -21
  170. package/dist/components/Organisms/Membership/dev-data/data.js +2 -3
  171. package/dist/hoc/shallowWithTheme.js +0 -6
  172. package/dist/index.js +134 -187
  173. package/dist/styleguide/CRLogo.js +1 -9
  174. package/dist/styleguide/StyleGuideRenderer.js +6 -10
  175. package/dist/styleguide/ThemeWrapper.js +1 -8
  176. package/dist/styleguide/data/data.js +20 -5
  177. package/dist/theme/ThemeProvider.js +1 -5
  178. package/dist/theme/crTheme/buttonColors.js +2 -11
  179. package/dist/theme/crTheme/colors.js +3 -9
  180. package/dist/theme/crTheme/fontSizes.js +2 -6
  181. package/dist/theme/crTheme/linkStyles.js +2 -11
  182. package/dist/theme/crTheme/theme.js +2 -11
  183. package/dist/theme/shared/breakpoint.js +4 -9
  184. package/dist/theme/shared/fontFamilies.js +2 -7
  185. package/dist/theme/shared/hideVisually.js +1 -4
  186. package/dist/theme/shared/size.js +5 -11
  187. package/dist/theme/shared/spacing.js +1 -5
  188. package/dist/theme/shared/zIndex.js +1 -8
  189. package/dist/theme/srTheme/buttonColors.js +2 -11
  190. package/dist/theme/srTheme/colors.js +3 -9
  191. package/dist/theme/srTheme/fontSizes.js +2 -6
  192. package/dist/theme/srTheme/linkStyles.js +2 -11
  193. package/dist/theme/srTheme/theme.js +2 -11
  194. package/dist/utils/Membership.js +11 -28
  195. package/dist/utils/ShareButton/sharePopUpHelper.js +3 -8
  196. package/dist/utils/ShareButton/shareTracking.js +1 -5
  197. package/dist/utils/ShareButton/shareUrlHelper.js +3 -5
  198. package/dist/utils/allowListed.js +1 -5
  199. package/dist/utils/allowListed.test.js +0 -2
  200. package/dist/utils/internalLinkHelper.js +11 -20
  201. package/dist/utils/navHelper.js +1 -6
  202. package/package.json +2 -1
  203. package/react-range-slider-input.d.ts +2 -0
  204. package/src/components/Molecules/Promo/Promo.md +2 -1
  205. package/src/components/Molecules/Promo/_PromoVideo.js +6 -4
  206. package/src/components/Organisms/ImpactSlider/ImpactMoneybuys.style.js +96 -0
  207. package/src/components/Organisms/ImpactSlider/ImpactSlider.js +92 -0
  208. package/src/components/Organisms/ImpactSlider/ImpactSlider.md +42 -0
  209. package/src/components/Organisms/ImpactSlider/ImpactSlider.style.js +72 -0
  210. package/src/components/Organisms/ImpactSlider/Slider.style.js +70 -0
  211. package/src/components/Organisms/ImpactSlider/_ImpactMoneybuys.js +43 -0
  212. package/src/components/Organisms/ImpactSlider/_Slider.js +39 -0
  213. package/src/components/Organisms/ImpactSlider/_utils.js +32 -0
  214. package/src/index.js +1 -0
  215. package/src/styleguide/data/data.js +26 -1
@@ -1,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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- date = _ref15.date,
137
- title = _ref15.title,
138
- imageLow = _ref15.imageLow,
139
- image = _ref15.image,
140
- images = _ref15.images,
141
- alt = _ref15.alt,
142
- category = _ref15.category,
143
- logoSize = _ref15.logoSize,
144
- family = _ref15.family,
145
- time = _ref15.time;
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
- backgroundColor = _ref.backgroundColor;
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
- backgroundColor = _ref4.backgroundColor;
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
- images = _ref5.images,
54
- image = _ref5.image,
55
- imageAltText = _ref5.imageAltText,
56
- height = _ref5.height,
57
- width = _ref5.width,
58
- children = _ref5.children,
59
- squaredCorners = _ref5.squaredCorners,
60
- rest = (0, _objectWithoutProperties2.default)(_ref5, _excluded);
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
- backgroundColor = _ref.backgroundColor;
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
- imageLow = _ref2.imageLow,
46
- images = _ref2.images,
47
- image = _ref2.image,
48
- imageAltText = _ref2.imageAltText,
49
- height = _ref2.height,
50
- width = _ref2.width,
51
- children = _ref2.children,
52
- squaredCorners = _ref2.squaredCorners,
53
- rest = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
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
- backgroundColor = _ref.backgroundColor;
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
- backgroundColor = _ref7.backgroundColor;
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
- backgroundColor = _ref14.backgroundColor,
99
- imageLow = _ref14.imageLow,
100
- images = _ref14.images,
101
- image = _ref14.image,
102
- imageAltText = _ref14.imageAltText,
103
- height = _ref14.height,
104
- width = _ref14.width,
105
- children = _ref14.children,
106
- link = _ref14.link,
107
- linkLabel = _ref14.linkLabel,
108
- target = _ref14.target,
109
- rest = (0, _objectWithoutProperties2.default)(_ref14, _excluded);
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
- handleToggle = _ref.handleToggle,
17
- color = _ref.color,
18
- checked = _ref.checked;
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;