@telus-uds/components-web 2.21.2 → 2.22.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 (241) hide show
  1. package/CHANGELOG.md +13 -2
  2. package/lib/Badge/Badge.js +2 -14
  3. package/lib/Badge/index.js +0 -3
  4. package/lib/BlockQuote/BlockQuote.js +4 -25
  5. package/lib/BlockQuote/index.js +0 -3
  6. package/lib/Breadcrumbs/Breadcrumbs.js +9 -36
  7. package/lib/Breadcrumbs/Item/Item.js +15 -25
  8. package/lib/Breadcrumbs/index.js +0 -2
  9. package/lib/Callout/Callout.js +2 -24
  10. package/lib/Callout/index.js +0 -3
  11. package/lib/Card/Card.js +15 -29
  12. package/lib/Card/CardContent.js +5 -18
  13. package/lib/Card/CardFooter.js +7 -19
  14. package/lib/Card/index.js +0 -3
  15. package/lib/Countdown/Countdown.js +5 -24
  16. package/lib/Countdown/Segment.js +3 -15
  17. package/lib/Countdown/index.js +0 -3
  18. package/lib/Countdown/types.js +2 -7
  19. package/lib/Countdown/useCountdown.js +0 -7
  20. package/lib/DatePicker/CalendarContainer.js +0 -5
  21. package/lib/DatePicker/DatePicker.js +9 -61
  22. package/lib/DatePicker/dictionary.js +0 -8
  23. package/lib/DatePicker/index.js +0 -3
  24. package/lib/DatePicker/reactDatesCss.js +0 -2
  25. package/lib/Disclaimer/Disclaimer.js +5 -14
  26. package/lib/Disclaimer/index.js +0 -2
  27. package/lib/ExpandCollapseMini/ExpandCollapseMini.js +6 -17
  28. package/lib/ExpandCollapseMini/ExpandCollapseMiniControl.js +12 -25
  29. package/lib/ExpandCollapseMini/index.js +0 -3
  30. package/lib/Footnote/Footnote.js +17 -63
  31. package/lib/Footnote/FootnoteLink.js +3 -24
  32. package/lib/Footnote/index.js +0 -4
  33. package/lib/IconButton/IconButton.js +4 -14
  34. package/lib/IconButton/index.js +0 -3
  35. package/lib/Image/Image.js +5 -24
  36. package/lib/Image/index.js +0 -3
  37. package/lib/List/List.js +0 -2
  38. package/lib/List/ListItem.js +0 -8
  39. package/lib/List/index.js +0 -4
  40. package/lib/NavigationBar/NavigationBar.js +10 -35
  41. package/lib/NavigationBar/NavigationItem.js +5 -17
  42. package/lib/NavigationBar/NavigationSubMenu.js +3 -19
  43. package/lib/NavigationBar/collapseItems.js +6 -9
  44. package/lib/NavigationBar/index.js +0 -3
  45. package/lib/NavigationBar/resolveItemSelection.js +2 -3
  46. package/lib/OptimizeImage/OptimizeImage.js +6 -27
  47. package/lib/OptimizeImage/index.js +0 -3
  48. package/lib/OptimizeImage/utils/getFallbackUrl.js +0 -4
  49. package/lib/OptimizeImage/utils/getOptimizedUrl.js +0 -8
  50. package/lib/OptimizeImage/utils/hasWebpSupport.js +1 -5
  51. package/lib/OptimizeImage/utils/index.js +0 -4
  52. package/lib/OptimizeImage/utils/isSvgUrl.js +0 -1
  53. package/lib/OrderedList/Item.js +4 -21
  54. package/lib/OrderedList/ItemBase.js +2 -9
  55. package/lib/OrderedList/OrderedList.js +11 -22
  56. package/lib/OrderedList/OrderedListBase.js +3 -13
  57. package/lib/OrderedList/index.js +0 -4
  58. package/lib/Paragraph/Paragraph.js +3 -18
  59. package/lib/Paragraph/index.js +0 -3
  60. package/lib/PreviewCard/AuthorDate.js +1 -10
  61. package/lib/PreviewCard/PreviewCard.js +15 -35
  62. package/lib/PreviewCard/index.js +0 -3
  63. package/lib/PriceLockup/PriceLockup.js +78 -75
  64. package/lib/PriceLockup/index.js +0 -3
  65. package/lib/PriceLockup/tokens.js +0 -2
  66. package/lib/Progress/ProgressBar.js +5 -16
  67. package/lib/Progress/index.js +0 -4
  68. package/lib/QuantitySelector/QuantitySelector.js +8 -42
  69. package/lib/QuantitySelector/SideButton.js +4 -11
  70. package/lib/QuantitySelector/index.js +0 -3
  71. package/lib/QuantitySelector/styles.js +0 -6
  72. package/lib/ResponsiveImage/ResponsiveImage.js +5 -20
  73. package/lib/ResponsiveImage/index.js +0 -3
  74. package/lib/Ribbon/Ribbon.js +4 -20
  75. package/lib/Ribbon/index.js +0 -3
  76. package/lib/SkeletonProvider/SkeletonImage.js +0 -10
  77. package/lib/SkeletonProvider/SkeletonProvider.js +4 -22
  78. package/lib/SkeletonProvider/SkeletonTypography.js +0 -10
  79. package/lib/SkeletonProvider/index.js +0 -3
  80. package/lib/Span/Span.js +3 -17
  81. package/lib/Span/index.js +0 -3
  82. package/lib/Spinner/Spinner.js +11 -39
  83. package/lib/Spinner/SpinnerContent.js +2 -18
  84. package/lib/Spinner/index.js +0 -3
  85. package/lib/StoryCard/StoryCard.js +11 -31
  86. package/lib/StoryCard/index.js +0 -3
  87. package/lib/Table/Body.js +0 -6
  88. package/lib/Table/Cell.js +4 -24
  89. package/lib/Table/Header.js +0 -9
  90. package/lib/Table/Row.js +0 -8
  91. package/lib/Table/SubHeading.js +0 -9
  92. package/lib/Table/Table.js +5 -23
  93. package/lib/Table/index.js +0 -8
  94. package/lib/TermsAndConditions/ExpandCollapse.js +4 -14
  95. package/lib/TermsAndConditions/TermsAndConditions.js +7 -29
  96. package/lib/TermsAndConditions/index.js +0 -2
  97. package/lib/Testimonial/Testimonial.js +2 -26
  98. package/lib/Testimonial/index.js +0 -3
  99. package/lib/Toast/Toast.js +4 -25
  100. package/lib/Toast/index.js +0 -3
  101. package/lib/Video/ControlBar/ControlBar.js +2 -25
  102. package/lib/Video/ControlBar/Controls/VideoButton/VideoButton.js +4 -17
  103. package/lib/Video/ControlBar/Controls/VideoMenu/VideoMenu.js +4 -20
  104. package/lib/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +12 -26
  105. package/lib/Video/ControlBar/Controls/VolumeSlider/VolumeSlider.js +8 -23
  106. package/lib/Video/MiddleControlButton/MiddleControlButton.js +2 -12
  107. package/lib/Video/Video.js +122 -194
  108. package/lib/Video/index.js +0 -3
  109. package/lib/VideoPicker/VideoPicker.js +6 -32
  110. package/lib/VideoPicker/VideoPickerPlayer.js +2 -10
  111. package/lib/VideoPicker/VideoPickerThumbnail.js +7 -28
  112. package/lib/VideoPicker/VideoSlider.js +7 -17
  113. package/lib/VideoPicker/index.js +0 -3
  114. package/lib/VideoPicker/videoPropType.js +2 -8
  115. package/lib/WaffleGrid/WaffleGrid.js +11 -28
  116. package/lib/WaffleGrid/index.js +0 -3
  117. package/lib/WebPortal/WebPortal.js +1 -5
  118. package/lib/WebPortal/index.js +0 -3
  119. package/lib/WebVideo/WebVideo.js +4 -30
  120. package/lib/WebVideo/index.js +0 -3
  121. package/lib/baseExports.js +6 -1
  122. package/lib/index.js +0 -49
  123. package/lib/shared/FullBleedContent/FullBleedContent.js +5 -17
  124. package/lib/shared/FullBleedContent/getFullBleedBorderRadius.js +0 -11
  125. package/lib/shared/FullBleedContent/index.js +0 -5
  126. package/lib/shared/FullBleedContent/useFullBleedContentProps.js +1 -12
  127. package/lib/shared/VideoSplash/SplashButton/SplashButton.js +2 -12
  128. package/lib/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +7 -23
  129. package/lib/shared/VideoSplash/VideoSplash.js +4 -17
  130. package/lib/shared/VideoSplash/helpers.js +0 -6
  131. package/lib/utils/index.js +0 -9
  132. package/lib/utils/logger.js +0 -6
  133. package/lib/utils/media.js +2 -11
  134. package/lib/utils/renderStructuredContent.js +14 -31
  135. package/lib/utils/ssr.js +0 -6
  136. package/lib/utils/transforms.js +0 -2
  137. package/lib/utils/useOverlaidPosition.js +6 -28
  138. package/lib/utils/useTypographyTheme.js +4 -5
  139. package/lib-module/Badge/Badge.js +2 -5
  140. package/lib-module/BlockQuote/BlockQuote.js +4 -15
  141. package/lib-module/Breadcrumbs/Breadcrumbs.js +9 -25
  142. package/lib-module/Breadcrumbs/Item/Item.js +15 -12
  143. package/lib-module/Callout/Callout.js +2 -16
  144. package/lib-module/Card/Card.js +14 -17
  145. package/lib-module/Card/CardContent.js +5 -8
  146. package/lib-module/Card/CardFooter.js +7 -9
  147. package/lib-module/Countdown/Countdown.js +6 -11
  148. package/lib-module/Countdown/Segment.js +6 -8
  149. package/lib-module/Countdown/types.js +2 -1
  150. package/lib-module/Countdown/useCountdown.js +0 -6
  151. package/lib-module/DatePicker/CalendarContainer.js +3 -1
  152. package/lib-module/DatePicker/DatePicker.js +9 -39
  153. package/lib-module/DatePicker/dictionary.js +0 -8
  154. package/lib-module/Disclaimer/Disclaimer.js +5 -4
  155. package/lib-module/ExpandCollapseMini/ExpandCollapseMini.js +6 -8
  156. package/lib-module/ExpandCollapseMini/ExpandCollapseMiniControl.js +13 -19
  157. package/lib-module/Footnote/Footnote.js +17 -41
  158. package/lib-module/Footnote/FootnoteLink.js +3 -12
  159. package/lib-module/IconButton/IconButton.js +4 -6
  160. package/lib-module/Image/Image.js +5 -14
  161. package/lib-module/NavigationBar/NavigationBar.js +10 -20
  162. package/lib-module/NavigationBar/NavigationItem.js +5 -5
  163. package/lib-module/NavigationBar/NavigationSubMenu.js +3 -8
  164. package/lib-module/NavigationBar/collapseItems.js +6 -8
  165. package/lib-module/NavigationBar/resolveItemSelection.js +2 -2
  166. package/lib-module/OptimizeImage/OptimizeImage.js +6 -16
  167. package/lib-module/OptimizeImage/utils/getFallbackUrl.js +0 -1
  168. package/lib-module/OptimizeImage/utils/getOptimizedUrl.js +0 -5
  169. package/lib-module/OptimizeImage/utils/hasWebpSupport.js +1 -5
  170. package/lib-module/OrderedList/Item.js +4 -7
  171. package/lib-module/OrderedList/ItemBase.js +2 -3
  172. package/lib-module/OrderedList/OrderedList.js +11 -9
  173. package/lib-module/OrderedList/OrderedListBase.js +3 -3
  174. package/lib-module/Paragraph/Paragraph.js +3 -8
  175. package/lib-module/PreviewCard/AuthorDate.js +1 -4
  176. package/lib-module/PreviewCard/PreviewCard.js +16 -19
  177. package/lib-module/PriceLockup/PriceLockup.js +78 -57
  178. package/lib-module/Progress/ProgressBar.js +7 -8
  179. package/lib-module/QuantitySelector/QuantitySelector.js +8 -30
  180. package/lib-module/QuantitySelector/SideButton.js +4 -6
  181. package/lib-module/ResponsiveImage/ResponsiveImage.js +5 -12
  182. package/lib-module/Ribbon/Ribbon.js +4 -9
  183. package/lib-module/SkeletonProvider/SkeletonImage.js +0 -5
  184. package/lib-module/SkeletonProvider/SkeletonProvider.js +4 -12
  185. package/lib-module/SkeletonProvider/SkeletonTypography.js +0 -5
  186. package/lib-module/Span/Span.js +3 -7
  187. package/lib-module/Spinner/Spinner.js +11 -24
  188. package/lib-module/Spinner/SpinnerContent.js +2 -8
  189. package/lib-module/StoryCard/StoryCard.js +12 -17
  190. package/lib-module/Table/Body.js +0 -2
  191. package/lib-module/Table/Cell.js +4 -14
  192. package/lib-module/Table/Header.js +0 -2
  193. package/lib-module/Table/Row.js +0 -2
  194. package/lib-module/Table/SubHeading.js +0 -2
  195. package/lib-module/Table/Table.js +5 -6
  196. package/lib-module/TermsAndConditions/ExpandCollapse.js +4 -2
  197. package/lib-module/TermsAndConditions/TermsAndConditions.js +7 -9
  198. package/lib-module/Testimonial/Testimonial.js +2 -11
  199. package/lib-module/Toast/Toast.js +4 -15
  200. package/lib-module/Video/ControlBar/ControlBar.js +2 -9
  201. package/lib-module/Video/ControlBar/Controls/VideoButton/VideoButton.js +4 -8
  202. package/lib-module/Video/ControlBar/Controls/VideoMenu/VideoMenu.js +4 -8
  203. package/lib-module/Video/ControlBar/Controls/VideoProgressBar/VideoProgressBar.js +12 -13
  204. package/lib-module/Video/ControlBar/Controls/VolumeSlider/VolumeSlider.js +8 -10
  205. package/lib-module/Video/MiddleControlButton/MiddleControlButton.js +2 -3
  206. package/lib-module/Video/Video.js +122 -173
  207. package/lib-module/VideoPicker/VideoPicker.js +6 -15
  208. package/lib-module/VideoPicker/VideoPickerPlayer.js +2 -3
  209. package/lib-module/VideoPicker/VideoPickerThumbnail.js +7 -13
  210. package/lib-module/VideoPicker/VideoSlider.js +6 -9
  211. package/lib-module/VideoPicker/videoPropType.js +2 -1
  212. package/lib-module/WaffleGrid/WaffleGrid.js +11 -15
  213. package/lib-module/WebPortal/WebPortal.js +1 -1
  214. package/lib-module/WebVideo/WebVideo.js +4 -15
  215. package/lib-module/baseExports.js +3 -2
  216. package/lib-module/index.js +0 -1
  217. package/lib-module/shared/FullBleedContent/FullBleedContent.js +5 -10
  218. package/lib-module/shared/FullBleedContent/getFullBleedBorderRadius.js +0 -10
  219. package/lib-module/shared/FullBleedContent/useFullBleedContentProps.js +1 -11
  220. package/lib-module/shared/VideoSplash/SplashButton/SplashButton.js +2 -3
  221. package/lib-module/shared/VideoSplash/SplashButtonWithDetails/SplashButtonWithDetails.js +7 -12
  222. package/lib-module/shared/VideoSplash/VideoSplash.js +4 -4
  223. package/lib-module/utils/logger.js +2 -2
  224. package/lib-module/utils/media.js +2 -9
  225. package/lib-module/utils/renderStructuredContent.js +14 -25
  226. package/lib-module/utils/ssr.js +0 -4
  227. package/lib-module/utils/useOverlaidPosition.js +8 -27
  228. package/lib-module/utils/useTypographyTheme.js +4 -4
  229. package/package.json +3 -3
  230. package/src/PriceLockup/PriceLockup.jsx +36 -11
  231. package/src/baseExports.js +1 -0
  232. package/src/index.js +0 -1
  233. package/lib/Modal/Modal.js +0 -146
  234. package/lib/Modal/ModalContent.js +0 -203
  235. package/lib/Modal/index.js +0 -13
  236. package/lib-module/Modal/Modal.js +0 -132
  237. package/lib-module/Modal/ModalContent.js +0 -181
  238. package/lib-module/Modal/index.js +0 -2
  239. package/src/Modal/Modal.jsx +0 -121
  240. package/src/Modal/ModalContent.jsx +0 -167
  241. package/src/Modal/index.js +0 -3
@@ -4,29 +4,17 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _componentsBase = require("@telus-uds/components-base");
15
-
16
11
  var _portal = require("@gorhom/portal");
17
-
18
12
  var _SpinnerContent = _interopRequireDefault(require("./SpinnerContent"));
19
-
20
13
  var _utils = require("../utils");
21
-
22
14
  var _constants = require("./constants");
23
-
24
15
  var _jsxRuntime = require("react/jsx-runtime");
25
-
26
16
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
27
-
28
17
  const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
29
-
30
18
  const SpinnerContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
31
19
  displayName: "Spinner__SpinnerContainer",
32
20
  componentId: "components-web__sc-116rqck-0"
@@ -49,7 +37,6 @@ const SpinnerContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
49
37
  })
50
38
  };
51
39
  });
52
-
53
40
  const ContentOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
54
41
  displayName: "Spinner__ContentOverlay",
55
42
  componentId: "components-web__sc-116rqck-1"
@@ -59,7 +46,6 @@ const ContentOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
59
46
  height: '100%',
60
47
  zIndex: _constants.BACKDROP_Z_INDEX
61
48
  });
62
-
63
49
  const FullscreenOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig({
64
50
  displayName: "Spinner__FullscreenOverlay",
65
51
  componentId: "components-web__sc-116rqck-2"
@@ -77,32 +63,27 @@ const FullscreenOverlay = /*#__PURE__*/_styledComponents.default.div.withConfig(
77
63
  backgroundColor: fullScreenOverLayBackground
78
64
  };
79
65
  });
80
-
81
66
  const OpaqueContainer = /*#__PURE__*/_styledComponents.default.div.withConfig({
82
67
  displayName: "Spinner__OpaqueContainer",
83
68
  componentId: "components-web__sc-116rqck-3"
84
69
  })({
85
70
  opacity: _constants.BACKDROP_OPACITY
86
71
  });
87
-
88
72
  const recursiveMap = (children, fn) => _react.default.Children.map(children, child => {
89
73
  if (! /*#__PURE__*/_react.default.isValidElement(child)) {
90
74
  return child;
91
75
  }
92
-
93
76
  if (child.props.children) {
94
77
  return fn( /*#__PURE__*/_react.default.cloneElement(child, {
95
78
  children: recursiveMap(child.props.children, fn)
96
79
  }));
97
80
  }
98
-
99
81
  return fn(child);
100
82
  });
83
+
101
84
  /**
102
85
  * Loading indicator.
103
86
  */
104
-
105
-
106
87
  const Spinner = _ref3 => {
107
88
  let {
108
89
  children,
@@ -125,12 +106,11 @@ const Spinner = _ref3 => {
125
106
  size: sizeVariant = 'large'
126
107
  } = variant;
127
108
  (0, _componentsBase.useScrollBlocking)([fullScreen, show]);
128
-
129
109
  if (!show) {
130
110
  return children ?? null;
131
- } // Full screen spinner
132
-
111
+ }
133
112
 
113
+ // Full screen spinner
134
114
  if (fullScreen) {
135
115
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.Portal, {
136
116
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(FullscreenOverlay, {
@@ -152,9 +132,9 @@ const Spinner = _ref3 => {
152
132
  })
153
133
  })
154
134
  });
155
- } // Overlay spinner
156
-
135
+ }
157
136
 
137
+ // Overlay spinner
158
138
  if (children) {
159
139
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(SpinnerContainer, {
160
140
  inline: inline,
@@ -177,15 +157,15 @@ const Spinner = _ref3 => {
177
157
  'aria-hidden': 'true'
178
158
  });
179
159
  }
180
-
181
160
  return undefined;
182
161
  })
183
162
  })]
184
163
  });
185
- } // Standalone spinner
186
-
164
+ }
187
165
 
188
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(SpinnerContainer, { ...selectProps(rest),
166
+ // Standalone spinner
167
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(SpinnerContainer, {
168
+ ...selectProps(rest),
189
169
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SpinnerContent.default, {
190
170
  label: label,
191
171
  labelPosition: labelPosition,
@@ -196,49 +176,41 @@ const Spinner = _ref3 => {
196
176
  })
197
177
  });
198
178
  };
199
-
200
- Spinner.propTypes = { ...selectedSystemPropTypes,
179
+ Spinner.propTypes = {
180
+ ...selectedSystemPropTypes,
201
181
  tokens: (0, _componentsBase.getTokensPropType)('Spinner'),
202
-
203
182
  /**
204
183
  * Content to be overlaid while the spinner is active. Can be text, any HTML element,
205
184
  * or any component.
206
185
  */
207
186
  children: _propTypes.default.node,
208
-
209
187
  /**
210
188
  * Enables body locking.
211
189
  */
212
190
  fullScreen: _propTypes.default.bool,
213
-
214
191
  /**
215
192
  * Set the inline prop to true if the Spinner should only cover its children; if
216
193
  * the Spinner should cover the full width of its parent regardless of the size of
217
194
  * its children, inline should be set to false
218
195
  */
219
196
  inline: _propTypes.default.bool,
220
-
221
197
  /**
222
198
  * Communicates a message to assistive technology while visible. This same message
223
199
  * will appear underneath the spinner when its `size` is `large`.
224
200
  */
225
201
  label: _propTypes.default.string.isRequired,
226
-
227
202
  /**
228
203
  * The size of the spinner
229
204
  */
230
205
  // size: PropTypes.oneOf(['large', 'small']),
231
-
232
206
  /**
233
207
  * Whether or not to render the spinner.
234
208
  */
235
209
  show: _propTypes.default.bool,
236
-
237
210
  /**
238
211
  * If true, it should render a static spinner
239
212
  */
240
213
  isStatic: _propTypes.default.bool,
241
-
242
214
  /**
243
215
  * Determine where the label of the spinner should be placed, left, right, bottom or top.
244
216
  */
@@ -4,25 +4,15 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _styledComponents = _interopRequireDefault(require("styled-components"));
13
-
14
10
  var _componentsBase = require("@telus-uds/components-base");
15
-
16
11
  var _utils = require("../utils");
17
-
18
12
  var _constants = require("./constants");
19
-
20
13
  var _jsxRuntime = require("react/jsx-runtime");
21
-
22
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
23
-
24
15
  const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_utils.htmlAttrs]);
25
-
26
16
  const Container = /*#__PURE__*/_styledComponents.default.div.withConfig({
27
17
  displayName: "SpinnerContent__Container",
28
18
  componentId: "components-web__sc-1c8bd8e-0"
@@ -43,7 +33,6 @@ const Container = /*#__PURE__*/_styledComponents.default.div.withConfig({
43
33
  })
44
34
  };
45
35
  });
46
-
47
36
  const SpinnerContent = _ref2 => {
48
37
  let {
49
38
  label,
@@ -83,29 +72,24 @@ const SpinnerContent = _ref2 => {
83
72
  })
84
73
  });
85
74
  };
86
-
87
- SpinnerContent.propTypes = { ...selectedSystemPropTypes,
88
-
75
+ SpinnerContent.propTypes = {
76
+ ...selectedSystemPropTypes,
89
77
  /**
90
78
  * Communicates a message to assistive technology while visible. This same message will appear underneath the spinner when its `size` is `large`.
91
79
  */
92
80
  label: _propTypes.default.string.isRequired,
93
-
94
81
  /**
95
82
  * Whether the container has to have an overlay styling.
96
83
  */
97
84
  overlay: _propTypes.default.bool,
98
-
99
85
  /**
100
86
  * Size (width and height) of the spinner.
101
87
  */
102
88
  size: _propTypes.default.number,
103
-
104
89
  /**
105
90
  * The size of the spinner
106
91
  */
107
92
  sizeVariant: _propTypes.default.oneOf(['large', 'small']),
108
-
109
93
  /**
110
94
  * If true, it should render a static spinner
111
95
  */
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _Spinner = _interopRequireDefault(require("./Spinner"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = _Spinner.default;
13
10
  exports.default = _default;
@@ -4,30 +4,22 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _componentsBase = require("@telus-uds/components-base");
13
-
14
10
  var _styledComponents = _interopRequireDefault(require("styled-components"));
15
-
16
11
  var _FullBleedContent = _interopRequireWildcard(require("../shared/FullBleedContent"));
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
14
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
-
24
15
  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; }
25
-
26
16
  /* eslint-disable react/require-default-props */
17
+
27
18
  // Passes React Native-oriented system props through UDS PressableCardBase
28
- const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]); // Stop changes to the card's inner border width causing the size and
29
- // apparent position of the full bleed image to change.
19
+ const [selectProps, selectedSystemPropTypes] = (0, _componentsBase.selectSystemProps)([_componentsBase.a11yProps, _componentsBase.focusHandlerProps, _componentsBase.viewProps]);
30
20
 
21
+ // Stop changes to the card's inner border width causing the size and
22
+ // apparent position of the full bleed image to change.
31
23
  const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConfig({
32
24
  displayName: "StoryCard__FullBleedOffsetOuter",
33
25
  componentId: "components-web__sc-yhvivu-0"
@@ -40,7 +32,6 @@ const FullBleedOffsetOuter = /*#__PURE__*/_styledComponents.default.div.withConf
40
32
  marginTop: borderOffset * 2
41
33
  };
42
34
  });
43
-
44
35
  const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConfig({
45
36
  displayName: "StoryCard__FullBleedOffsetInner",
46
37
  componentId: "components-web__sc-yhvivu-1"
@@ -53,6 +44,7 @@ const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConf
53
44
  margin: 0 - borderOffset
54
45
  };
55
46
  });
47
+
56
48
  /**
57
49
  * Showcase and guide users to another page, offering a description of that page's story.
58
50
  * Whole card is interactive, width expands based on column or container.
@@ -64,8 +56,6 @@ const FullBleedOffsetInner = /*#__PURE__*/_styledComponents.default.div.withConf
64
56
  * - Use `href` to set the target URL
65
57
  * - Use `fullBleedContent` to set the thumbnail image
66
58
  */
67
-
68
-
69
59
  const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
70
60
  let {
71
61
  tag,
@@ -84,19 +74,17 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
84
74
  fullBleedContentPosition,
85
75
  contentStackDirection,
86
76
  fullBleedContentProps
87
- } = (0, _FullBleedContent.useFullBleedContentProps)({ ...fullBleedContent,
77
+ } = (0, _FullBleedContent.useFullBleedContentProps)({
78
+ ...fullBleedContent,
88
79
  position: 'bottom'
89
80
  });
90
81
  const generalTokens = (0, _componentsBase.useThemeTokens)('StoryCard', tokens, variant);
91
82
  const getTokens = (0, _componentsBase.useThemeTokensCallback)('StoryCard', tokens, variant);
92
-
93
83
  const getPressableCardTokens = cardState => getTokens(cardState);
94
-
95
84
  const {
96
85
  hrefAttrs,
97
86
  rest: unusedRest
98
87
  } = _componentsBase.hrefAttrsProp.bundle(rest);
99
-
100
88
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.PressableCardBase, {
101
89
  ref: ref,
102
90
  onPress: onPress,
@@ -108,8 +96,9 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
108
96
  const {
109
97
  borderRadius,
110
98
  borderWidth
111
- } = getPressableCardTokens(cardState); // Stop content jumping around as border size changes
99
+ } = getPressableCardTokens(cardState);
112
100
 
101
+ // Stop content jumping around as border size changes
113
102
  const borderOffset = borderWidth - generalTokens.borderWidth;
114
103
  const fullBleedBorderRadius = (0, _FullBleedContent.getFullBleedBorderRadius)(borderRadius + borderOffset, fullBleedContentPosition);
115
104
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_componentsBase.StackView, {
@@ -187,9 +176,9 @@ const StoryCard = /*#__PURE__*/(0, _react.forwardRef)((_ref3, ref) => {
187
176
  });
188
177
  });
189
178
  StoryCard.displayName = 'StoryCard';
190
- StoryCard.propTypes = { ...selectedSystemPropTypes,
179
+ StoryCard.propTypes = {
180
+ ...selectedSystemPropTypes,
191
181
  tokens: (0, _componentsBase.getTokensPropType)('StoryCard'),
192
-
193
182
  /**
194
183
  * The URL of the story to be navigated to. Note that `Video` component does not play well when used within
195
184
  * a `StoryCard` with `href` prop set (the volume and progress sliders can be clicked but are not draggable).
@@ -198,45 +187,36 @@ StoryCard.propTypes = { ...selectedSystemPropTypes,
198
187
  * @see https://github.com/telus/allium-design-system/issues/6
199
188
  */
200
189
  href: _propTypes.default.string,
201
-
202
190
  /**
203
191
  * Optional function to be called on press e.g. for within-page navigation.
204
192
  */
205
193
  onPress: _propTypes.default.func,
206
-
207
194
  /**
208
195
  * Text stating the category of the content.
209
196
  */
210
197
  tag: _propTypes.default.string,
211
-
212
198
  /**
213
199
  * Text stating the date a story was published.
214
200
  */
215
201
  date: _propTypes.default.string.isRequired,
216
-
217
202
  /**
218
203
  * Text stating the title or headline of the story.
219
204
  */
220
205
  title: _propTypes.default.string.isRequired,
221
-
222
206
  /**
223
207
  * Text giving a short description of the story. One paragraph of plain text.
224
208
  */
225
209
  description: _propTypes.default.string.isRequired,
226
-
227
210
  /**
228
211
  * Full bleed image to be placed on the card, deprecated in favor of `fullBleedContent`.
229
212
  *
230
213
  * @deprecated
231
214
  */
232
215
  fullBleedImage: _propTypes.default.exact(_FullBleedContent.default.propTypes || {}),
233
-
234
216
  /**
235
217
  * Full bleed image to be placed on the card.
236
218
  */
237
219
  fullBleedContent: _propTypes.default.exact(_FullBleedContent.default.propTypes || {})
238
220
  };
239
-
240
221
  var _default = (0, _componentsBase.withLinkRouter)(StoryCard);
241
-
242
222
  exports.default = _default;
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _StoryCard = _interopRequireDefault(require("./StoryCard"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  var _default = _StoryCard.default;
13
10
  exports.default = _default;
package/lib/Table/Body.js CHANGED
@@ -4,15 +4,10 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _jsxRuntime = require("react/jsx-runtime");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  const Body = _ref => {
17
12
  let {
18
13
  children
@@ -21,7 +16,6 @@ const Body = _ref => {
21
16
  children: children
22
17
  });
23
18
  };
24
-
25
19
  Body.propTypes = {
26
20
  children: _propTypes.default.node
27
21
  };
package/lib/Table/Cell.js CHANGED
@@ -4,31 +4,20 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireDefault(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _styledComponents = _interopRequireWildcard(require("styled-components"));
13
-
14
10
  var _componentsBase = require("@telus-uds/components-base");
15
-
16
11
  var _Table = require("./Table");
17
-
18
12
  var _jsxRuntime = require("react/jsx-runtime");
19
-
20
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
14
  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; }
23
-
24
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
25
-
26
16
  const HEADER_TYPE = {
27
17
  HEADING: 'heading',
28
18
  SUBHEADING: 'subHeading',
29
19
  ROWHEADING: 'rowHeading'
30
20
  };
31
-
32
21
  const stickyStyles = _ref => {
33
22
  let {
34
23
  cellStickyShadow,
@@ -37,7 +26,6 @@ const stickyStyles = _ref => {
37
26
  } = _ref;
38
27
  return (0, _styledComponents.css)(["position:sticky;left:0;z-index:2;clip-path:inset(0 -8px 0 0);", " &::before{content:'';box-shadow:", ";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;}"], type !== HEADER_TYPE.SUBHEADING && type !== HEADER_TYPE.HEADING ? `background-color: ${stickyBackgroundColor};` : undefined, cellStickyShadow);
39
28
  };
40
-
41
29
  const sharedStyles = /*#__PURE__*/(0, _styledComponents.css)(["", ""], _ref2 => {
42
30
  let {
43
31
  isSticky,
@@ -58,7 +46,6 @@ const sharedStyles = /*#__PURE__*/(0, _styledComponents.css)(["", ""], _ref2 =>
58
46
  stickyBackgroundColor
59
47
  }));
60
48
  });
61
-
62
49
  const createStyledCell = htmlElement => _styledComponents.default[htmlElement].withConfig({
63
50
  displayName: "Cell__createStyledCell",
64
51
  componentId: "components-web__sc-ltgfic-0"
@@ -69,10 +56,8 @@ const createStyledCell = htmlElement => _styledComponents.default[htmlElement].w
69
56
  } = _ref3;
70
57
  return type === HEADER_TYPE.HEADING ? `inset 0 1px 0 ${cellBoxShadowColor}, inset 0 -1px 0 ${cellBoxShadowColor}` : `inset 0 1px 0 ${cellBoxShadowColor}`;
71
58
  });
72
-
73
59
  const StyledHeaderCell = createStyledCell('th');
74
60
  const StyledDataCell = createStyledCell('td');
75
-
76
61
  const Cell = _ref4 => {
77
62
  let {
78
63
  children,
@@ -87,7 +72,8 @@ const Cell = _ref4 => {
87
72
  tokens: tableTokens,
88
73
  spacing
89
74
  } = (0, _Table.useTableContext)();
90
- const themeTokens = { ...tableTokens,
75
+ const themeTokens = {
76
+ ...tableTokens,
91
77
  ...cellTokens
92
78
  };
93
79
  const {
@@ -130,7 +116,6 @@ const Cell = _ref4 => {
130
116
  lineHeight,
131
117
  color: fontColor
132
118
  };
133
-
134
119
  switch (type) {
135
120
  case HEADER_TYPE.HEADING:
136
121
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
@@ -142,7 +127,6 @@ const Cell = _ref4 => {
142
127
  children: children
143
128
  })
144
129
  });
145
-
146
130
  case HEADER_TYPE.SUBHEADING:
147
131
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
148
132
  scope: "col",
@@ -153,7 +137,6 @@ const Cell = _ref4 => {
153
137
  children: children
154
138
  })
155
139
  });
156
-
157
140
  case HEADER_TYPE.ROWHEADING:
158
141
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledHeaderCell, {
159
142
  scope: "row",
@@ -164,9 +147,9 @@ const Cell = _ref4 => {
164
147
  children: children
165
148
  })
166
149
  });
167
-
168
150
  default:
169
- return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDataCell, { ...sharedProps,
151
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledDataCell, {
152
+ ...sharedProps,
170
153
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_componentsBase.Typography, {
171
154
  tokens: typographyTokens,
172
155
  children: children
@@ -174,18 +157,15 @@ const Cell = _ref4 => {
174
157
  });
175
158
  }
176
159
  };
177
-
178
160
  Cell.propTypes = {
179
161
  type: _propTypes.default.oneOf(['default', 'heading', 'subHeading', 'rowHeading']),
180
162
  tokens: _propTypes.default.object,
181
163
  children: _propTypes.default.node,
182
-
183
164
  /**
184
165
  * @ignore
185
166
  * Used internally for making the first column sticky
186
167
  */
187
168
  isFirstInRow: _propTypes.default.bool,
188
-
189
169
  /**
190
170
  * Defines the text alignment within the cell
191
171
  */
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _Row = _interopRequireDefault(require("./Row"));
13
-
14
10
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
13
  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
-
22
14
  const Header = _ref => {
23
15
  let {
24
16
  children
@@ -34,7 +26,6 @@ const Header = _ref => {
34
26
  })
35
27
  });
36
28
  };
37
-
38
29
  Header.propTypes = {
39
30
  children: _propTypes.default.node
40
31
  };
package/lib/Table/Row.js CHANGED
@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _jsxRuntime = require("react/jsx-runtime");
13
-
14
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
-
16
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
17
-
18
12
  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; }
19
-
20
13
  const Row = _ref => {
21
14
  let {
22
15
  children
@@ -27,7 +20,6 @@ const Row = _ref => {
27
20
  }))
28
21
  });
29
22
  };
30
-
31
23
  Row.propTypes = {
32
24
  children: _propTypes.default.node
33
25
  };
@@ -4,21 +4,13 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.default = void 0;
7
-
8
7
  var _react = _interopRequireWildcard(require("react"));
9
-
10
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
9
  var _Row = _interopRequireDefault(require("./Row"));
13
-
14
10
  var _jsxRuntime = require("react/jsx-runtime");
15
-
16
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
17
-
18
12
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
13
  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
-
22
14
  const Header = _ref => {
23
15
  let {
24
16
  children
@@ -32,7 +24,6 @@ const Header = _ref => {
32
24
  }))
33
25
  });
34
26
  };
35
-
36
27
  Header.propTypes = {
37
28
  children: _propTypes.default.node
38
29
  };