@dfds-ui/react-components 1.1.14-alpha.5342eb14 → 1.1.14-alpha.5d09d611

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 (405) hide show
  1. package/accordion/Accordion.js +26 -34
  2. package/accordion/AccordionContent.js +3 -8
  3. package/accordion/AccordionSmall.js +14 -22
  4. package/app-bar/AppBar.js +40 -73
  5. package/app-bar/AppBarContext.js +6 -17
  6. package/app-bar/AppBarDrawer.js +3 -12
  7. package/app-bar/AppBarIconButton.js +4 -12
  8. package/app-bar/AppBarItem.d.ts +1 -1
  9. package/app-bar/AppBarItem.js +17 -43
  10. package/app-bar/AppBarListItem.js +0 -2
  11. package/assertions/banner/Banner.js +47 -86
  12. package/assertions/banner/BannerAction.js +3 -13
  13. package/assertions/banner/BannerTypography.js +0 -6
  14. package/assertions/toast/Toast.js +6 -22
  15. package/assertions/toast/Toaster.d.ts +1 -1
  16. package/assertions/toast/Toaster.js +15 -49
  17. package/badge/Badge.js +9 -17
  18. package/button/BadgeIcon.js +1 -1
  19. package/button/BaseButton.d.ts +1 -1
  20. package/button/BaseButton.js +0 -2
  21. package/button/Button.js +14 -38
  22. package/button/IconButton.d.ts +1 -1
  23. package/button/IconButton.js +23 -49
  24. package/button/LinkButton.js +0 -1
  25. package/button/button-style.d.ts +7 -7
  26. package/button/button-style.js +0 -1
  27. package/button/index.js +2 -1
  28. package/button-stack/ButtonStack.js +9 -21
  29. package/card/Card.js +32 -85
  30. package/card/CardActions.js +1 -9
  31. package/card/CardContent.js +2 -10
  32. package/card/CardMedia.js +4 -14
  33. package/card/CardPriceTag.js +4 -17
  34. package/card/CardTitle.js +5 -15
  35. package/chip/Chip.js +16 -40
  36. package/cjs/accordion/Accordion.js +20 -42
  37. package/cjs/accordion/AccordionContent.js +3 -15
  38. package/cjs/accordion/AccordionSmall.js +10 -31
  39. package/cjs/accordion/index.js +0 -6
  40. package/cjs/app-bar/AppBar.js +40 -82
  41. package/cjs/app-bar/AppBarContext.js +6 -25
  42. package/cjs/app-bar/AppBarDrawer.js +3 -21
  43. package/cjs/app-bar/AppBarIconButton.js +4 -17
  44. package/cjs/app-bar/AppBarItem.d.ts +1 -1
  45. package/cjs/app-bar/AppBarItem.js +17 -57
  46. package/cjs/app-bar/AppBarListItem.js +0 -6
  47. package/cjs/app-bar/index.js +16 -23
  48. package/cjs/assertions/banner/Banner.js +39 -92
  49. package/cjs/assertions/banner/BannerAction.js +3 -21
  50. package/cjs/assertions/banner/BannerTypography.js +0 -12
  51. package/cjs/assertions/banner/index.js +0 -6
  52. package/cjs/assertions/index.js +0 -4
  53. package/cjs/assertions/toast/Toast.js +6 -28
  54. package/cjs/assertions/toast/Toaster.d.ts +1 -1
  55. package/cjs/assertions/toast/Toaster.js +11 -52
  56. package/cjs/assertions/toast/index.js +0 -5
  57. package/cjs/badge/Badge.js +9 -24
  58. package/cjs/badge/index.js +0 -4
  59. package/cjs/button/BadgeIcon.js +0 -6
  60. package/cjs/button/BaseButton.d.ts +1 -1
  61. package/cjs/button/BaseButton.js +2 -9
  62. package/cjs/button/Button.js +14 -39
  63. package/cjs/button/IconButton.d.ts +1 -1
  64. package/cjs/button/IconButton.js +24 -58
  65. package/cjs/button/LinkButton.js +0 -10
  66. package/cjs/button/button-style.d.ts +7 -7
  67. package/cjs/button/button-style.js +1 -5
  68. package/cjs/button/index.js +4 -14
  69. package/cjs/button-stack/ButtonStack.js +7 -23
  70. package/cjs/button-stack/index.js +0 -2
  71. package/cjs/card/Card.js +34 -91
  72. package/cjs/card/CardActions.js +1 -15
  73. package/cjs/card/CardContent.js +2 -15
  74. package/cjs/card/CardMedia.js +4 -17
  75. package/cjs/card/CardPriceTag.js +4 -16
  76. package/cjs/card/CardTitle.js +5 -21
  77. package/cjs/card/index.js +10 -17
  78. package/cjs/chip/Chip.js +15 -47
  79. package/cjs/chip/index.js +0 -4
  80. package/cjs/common/LockBodyScroll.js +3 -21
  81. package/cjs/common/arrow.d.ts +1 -1
  82. package/cjs/common/arrow.js +2 -8
  83. package/cjs/common/emotionCloneElement.js +0 -6
  84. package/cjs/common/intent.js +0 -8
  85. package/cjs/common/miniMoize.js +0 -7
  86. package/cjs/common/polymorphic.js +2 -8
  87. package/cjs/common/use-media.js +16 -23
  88. package/cjs/common/useOnClickOutside.js +1 -10
  89. package/cjs/common/utils.d.ts +3 -3
  90. package/cjs/common/utils.js +1 -6
  91. package/cjs/counter/Counter.js +3 -26
  92. package/cjs/counter/PluralCounter.js +8 -35
  93. package/cjs/counter/index.js +0 -3
  94. package/cjs/data-table/DataTable.js +15 -42
  95. package/cjs/data-table/index.js +0 -2
  96. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
  97. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -3
  98. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
  99. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -3
  100. package/cjs/date-range-picker/DateRangePicker.js +34 -88
  101. package/cjs/date-range-picker/index.js +0 -2
  102. package/cjs/divider/Divider.d.ts +1 -1
  103. package/cjs/divider/Divider.js +6 -19
  104. package/cjs/divider/index.js +0 -2
  105. package/cjs/drawer/Drawer.js +10 -24
  106. package/cjs/drawer/index.js +0 -2
  107. package/cjs/dropdown-menu/Dropdown.js +17 -58
  108. package/cjs/dropdown-menu/DropdownContext.js +0 -11
  109. package/cjs/dropdown-menu/MenuCheckbox.js +1 -15
  110. package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
  111. package/cjs/dropdown-menu/MenuItem.js +33 -67
  112. package/cjs/dropdown-menu/MenuTitle.js +1 -14
  113. package/cjs/dropdown-menu/index.js +6 -14
  114. package/cjs/elevation/index.d.ts +1 -1
  115. package/cjs/elevation/index.js +0 -10
  116. package/cjs/flexbox/FlexBox.d.ts +1 -1
  117. package/cjs/flexbox/FlexBox.js +7 -24
  118. package/cjs/flexbox/index.js +0 -2
  119. package/cjs/footer/Footer.js +0 -8
  120. package/cjs/footer/index.js +0 -2
  121. package/cjs/forms/assistive-text/AssistiveText.js +0 -5
  122. package/cjs/forms/asterisk/Asterisk.js +0 -8
  123. package/cjs/forms/checkbox/Checkbox.d.ts +1 -1
  124. package/cjs/forms/checkbox/Checkbox.js +14 -34
  125. package/cjs/forms/checkbox/ExampleControlComponent.js +5 -23
  126. package/cjs/forms/checkbox/index.js +0 -2
  127. package/cjs/forms/email-field/EmailField.d.ts +1 -1
  128. package/cjs/forms/email-field/EmailField.js +0 -9
  129. package/cjs/forms/error-text/ErrorText.js +0 -8
  130. package/cjs/forms/field/Field.js +0 -9
  131. package/cjs/forms/index.js +32 -51
  132. package/cjs/forms/input/Input.d.ts +1 -1
  133. package/cjs/forms/input/Input.js +13 -35
  134. package/cjs/forms/input/InputComposition.d.ts +1 -1
  135. package/cjs/forms/input/InputComposition.js +23 -48
  136. package/cjs/forms/label/Label.js +3 -17
  137. package/cjs/forms/number-field/NumberField.d.ts +1 -1
  138. package/cjs/forms/number-field/NumberField.js +2 -11
  139. package/cjs/forms/password-field/PasswordField.d.ts +1 -1
  140. package/cjs/forms/password-field/PasswordField.js +3 -25
  141. package/cjs/forms/radio/Radio.d.ts +1 -1
  142. package/cjs/forms/radio/Radio.js +10 -27
  143. package/cjs/forms/reactselect/ReactSelect.d.ts +1 -1
  144. package/cjs/forms/reactselect/ReactSelect.js +34 -65
  145. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  146. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +27 -45
  147. package/cjs/forms/select/Select.d.ts +1 -1
  148. package/cjs/forms/select/Select.js +10 -30
  149. package/cjs/forms/select-field/SelectField.d.ts +1 -1
  150. package/cjs/forms/select-field/SelectField.js +12 -32
  151. package/cjs/forms/switch/Switch.js +15 -33
  152. package/cjs/forms/tel-field/TelField.d.ts +1 -1
  153. package/cjs/forms/tel-field/TelField.js +1 -9
  154. package/cjs/forms/text-field/TextField.d.ts +1 -1
  155. package/cjs/forms/text-field/TextField.js +15 -36
  156. package/cjs/global-styles/GlobalStyles.js +2 -13
  157. package/cjs/global-styles/ResetStyles.js +0 -7
  158. package/cjs/global-styles/sanitize.d.ts +1 -1
  159. package/cjs/global-styles/sanitize.js +0 -3
  160. package/cjs/grid/Column.js +5 -16
  161. package/cjs/grid/Container.js +3 -23
  162. package/cjs/grid/index.js +4 -7
  163. package/cjs/hero/Hero.js +0 -12
  164. package/cjs/hero/index.js +0 -2
  165. package/cjs/hero/stripes.js +0 -6
  166. package/cjs/ie-banner/IEBanner.js +9 -27
  167. package/cjs/ie-banner/index.js +0 -2
  168. package/cjs/index.js +8 -93
  169. package/cjs/layout/LayoutLegacy.js +0 -7
  170. package/cjs/lists/FeatureList.js +5 -18
  171. package/cjs/lists/ListAddon.js +4 -16
  172. package/cjs/lists/ListDivider.js +4 -16
  173. package/cjs/lists/ListIcon.js +9 -23
  174. package/cjs/lists/ListItem.d.ts +1 -1
  175. package/cjs/lists/ListItem.js +20 -36
  176. package/cjs/lists/ListText.js +8 -25
  177. package/cjs/lists/ListTextGroup.js +8 -20
  178. package/cjs/lists/ListTitle.js +2 -15
  179. package/cjs/lists/index.js +16 -25
  180. package/cjs/loader/DfdsLoader.js +0 -13
  181. package/cjs/loader/Loader.js +0 -10
  182. package/cjs/loader/index.js +4 -7
  183. package/cjs/localization/LocaleFlag.js +3 -18
  184. package/cjs/localization/index.js +0 -4
  185. package/cjs/localization/locales.js +2 -6
  186. package/cjs/logo/Logo.js +1 -17
  187. package/cjs/logo/index.js +0 -2
  188. package/cjs/media/index.js +0 -2
  189. package/cjs/menu/Menu.js +13 -34
  190. package/cjs/menu/index.js +0 -4
  191. package/cjs/mobile-stepper/MobileStepper.js +7 -23
  192. package/cjs/mobile-stepper/index.js +0 -2
  193. package/cjs/nav-bar/NavBar.js +24 -57
  194. package/cjs/nav-bar/index.js +0 -4
  195. package/cjs/nav-menu/NavMenuItem.js +0 -10
  196. package/cjs/nav-menu/index.js +0 -2
  197. package/cjs/pagination/Pagination.js +3 -22
  198. package/cjs/pagination/Pagination.styles.d.ts +6 -6
  199. package/cjs/pagination/Pagination.styles.js +1 -5
  200. package/cjs/pagination/index.js +0 -2
  201. package/cjs/popper/Popper.js +17 -35
  202. package/cjs/popper/index.js +0 -2
  203. package/cjs/progress-bar/ProgressBar.js +0 -11
  204. package/cjs/progress-bar/index.js +0 -4
  205. package/cjs/schedule/ScheduleItem.js +0 -8
  206. package/cjs/schedule/ScheduleList.js +1 -13
  207. package/cjs/schedule/index.js +0 -3
  208. package/cjs/side-sheet/SideSheet.js +32 -66
  209. package/cjs/side-sheet/SideSheetCloseButton.js +8 -21
  210. package/cjs/side-sheet/SideSheetContent.js +2 -14
  211. package/cjs/side-sheet/SideSheetFooter.js +2 -14
  212. package/cjs/side-sheet/SideSheetHeader.js +5 -19
  213. package/cjs/side-sheet/SideSheetHeadline.js +0 -7
  214. package/cjs/side-sheet/index.js +4 -11
  215. package/cjs/site-layout/SiteLayout.js +17 -40
  216. package/cjs/site-layout/index.js +0 -4
  217. package/cjs/skeleton/Skeleton.js +1 -15
  218. package/cjs/skeleton/index.js +0 -2
  219. package/cjs/social-media-link-list/SocialMediaLinkList.js +10 -24
  220. package/cjs/social-media-link-list/index.js +0 -2
  221. package/cjs/spinner/Spinner.js +11 -26
  222. package/cjs/spinner/index.js +0 -2
  223. package/cjs/step/Step.js +21 -44
  224. package/cjs/step/Step.styles.d.ts +4 -4
  225. package/cjs/step/Step.styles.js +1 -5
  226. package/cjs/step/StepButton.js +9 -27
  227. package/cjs/step/StepContent.js +1 -12
  228. package/cjs/step/StepContext.js +0 -4
  229. package/cjs/step/StepLabel.js +2 -12
  230. package/cjs/step/index.js +0 -2
  231. package/cjs/stepper/Stepper.js +8 -31
  232. package/cjs/stepper/StepperContext.js +0 -4
  233. package/cjs/stepper/index.js +0 -2
  234. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +0 -8
  235. package/cjs/stepper-feedback-message/index.js +0 -2
  236. package/cjs/styles/index.js +4 -10
  237. package/cjs/styles/media.js +3 -8
  238. package/cjs/styles/rem.js +0 -2
  239. package/cjs/styles/style-helpers.d.ts +1 -1
  240. package/cjs/styles/style-helpers.js +0 -5
  241. package/cjs/styles/theme.js +1 -4
  242. package/cjs/surface/Surface.d.ts +1 -1
  243. package/cjs/surface/Surface.js +10 -39
  244. package/cjs/surface/index.js +0 -2
  245. package/cjs/tab/Tab.js +7 -25
  246. package/cjs/tab/TabPanel.js +1 -10
  247. package/cjs/tab/Tabs.js +22 -60
  248. package/cjs/tab/TabsContext.js +1 -12
  249. package/cjs/tab/index.js +6 -12
  250. package/cjs/table/Table.js +6 -21
  251. package/cjs/table/TableBody.js +1 -11
  252. package/cjs/table/TableDataCell.js +3 -17
  253. package/cjs/table/TableHead.d.ts +1 -1
  254. package/cjs/table/TableHead.js +4 -18
  255. package/cjs/table/TableHeaderCell.d.ts +1 -1
  256. package/cjs/table/TableHeaderCell.js +4 -19
  257. package/cjs/table/TableRow.js +5 -19
  258. package/cjs/table/index.js +0 -12
  259. package/cjs/test/Test.js +0 -5
  260. package/cjs/tooltip/Tooltip.js +12 -33
  261. package/cjs/tooltip/index.js +0 -3
  262. package/cjs/typography/Headlines.d.ts +4 -4
  263. package/cjs/typography/Headlines.js +9 -23
  264. package/cjs/typography/Text.js +0 -4
  265. package/cjs/typography/index.js +0 -4
  266. package/common/LockBodyScroll.js +9 -19
  267. package/common/arrow.d.ts +1 -1
  268. package/common/arrow.js +2 -8
  269. package/common/emotionCloneElement.js +2 -6
  270. package/common/intent.js +0 -6
  271. package/common/miniMoize.js +0 -6
  272. package/common/polymorphic.js +5 -6
  273. package/common/use-media.js +17 -22
  274. package/common/useOnClickOutside.js +0 -7
  275. package/common/utils.d.ts +3 -3
  276. package/common/utils.js +0 -5
  277. package/counter/Counter.js +3 -24
  278. package/counter/PluralCounter.js +8 -27
  279. package/data-table/DataTable.js +15 -37
  280. package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
  281. package/date-range-picker/DatePickerDefaultStyles.js +2 -3
  282. package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
  283. package/date-range-picker/DateRangePicker.js +37 -78
  284. package/divider/Divider.d.ts +1 -1
  285. package/divider/Divider.js +5 -11
  286. package/drawer/Drawer.js +13 -21
  287. package/dropdown-menu/Dropdown.js +17 -46
  288. package/dropdown-menu/DropdownContext.js +1 -5
  289. package/dropdown-menu/MenuCheckbox.js +10 -16
  290. package/dropdown-menu/MenuItem.d.ts +2 -2
  291. package/dropdown-menu/MenuItem.js +32 -56
  292. package/dropdown-menu/MenuTitle.js +4 -11
  293. package/elevation/index.d.ts +1 -1
  294. package/elevation/index.js +2 -9
  295. package/flexbox/FlexBox.d.ts +1 -1
  296. package/flexbox/FlexBox.js +6 -18
  297. package/footer/Footer.js +2 -7
  298. package/forms/assistive-text/AssistiveText.js +0 -2
  299. package/forms/asterisk/Asterisk.js +0 -3
  300. package/forms/checkbox/Checkbox.d.ts +1 -1
  301. package/forms/checkbox/Checkbox.js +14 -27
  302. package/forms/checkbox/ExampleControlComponent.js +5 -19
  303. package/forms/email-field/EmailField.d.ts +1 -1
  304. package/forms/email-field/EmailField.js +2 -5
  305. package/forms/error-text/ErrorText.js +0 -6
  306. package/forms/field/Field.js +3 -10
  307. package/forms/input/Input.d.ts +1 -1
  308. package/forms/input/Input.js +13 -31
  309. package/forms/input/InputComposition.d.ts +1 -1
  310. package/forms/input/InputComposition.js +24 -43
  311. package/forms/label/Label.js +3 -11
  312. package/forms/number-field/NumberField.d.ts +1 -1
  313. package/forms/number-field/NumberField.js +2 -5
  314. package/forms/password-field/PasswordField.d.ts +1 -1
  315. package/forms/password-field/PasswordField.js +3 -17
  316. package/forms/radio/Radio.d.ts +1 -1
  317. package/forms/radio/Radio.js +9 -19
  318. package/forms/reactselect/ReactSelect.d.ts +1 -1
  319. package/forms/reactselect/ReactSelect.js +33 -51
  320. package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  321. package/forms/searchable-select/AsyncSearchableSelect.js +27 -36
  322. package/forms/select/Select.d.ts +1 -1
  323. package/forms/select/Select.js +10 -24
  324. package/forms/select-field/SelectField.d.ts +1 -1
  325. package/forms/select-field/SelectField.js +12 -21
  326. package/forms/switch/Switch.js +15 -30
  327. package/forms/tel-field/TelField.d.ts +1 -1
  328. package/forms/tel-field/TelField.js +2 -5
  329. package/forms/text-field/TextField.d.ts +1 -1
  330. package/forms/text-field/TextField.js +15 -23
  331. package/global-styles/GlobalStyles.js +11 -12
  332. package/global-styles/ResetStyles.js +1 -4
  333. package/global-styles/sanitize.d.ts +1 -1
  334. package/global-styles/sanitize.js +0 -1
  335. package/grid/Column.js +5 -12
  336. package/grid/Container.js +5 -16
  337. package/hero/Hero.js +0 -16
  338. package/hero/stripes.js +0 -2
  339. package/ie-banner/IEBanner.js +12 -26
  340. package/layout/LayoutLegacy.js +8 -10
  341. package/lists/FeatureList.js +5 -12
  342. package/lists/ListAddon.js +4 -11
  343. package/lists/ListDivider.js +4 -11
  344. package/lists/ListIcon.js +10 -19
  345. package/lists/ListItem.d.ts +1 -1
  346. package/lists/ListItem.js +24 -31
  347. package/lists/ListText.js +10 -23
  348. package/lists/ListTextGroup.js +8 -15
  349. package/lists/ListTitle.js +2 -11
  350. package/loader/DfdsLoader.js +3 -9
  351. package/loader/Loader.js +0 -10
  352. package/localization/LocaleFlag.js +3 -8
  353. package/localization/locales.js +1 -4
  354. package/logo/Logo.js +1 -9
  355. package/menu/Menu.js +13 -26
  356. package/mobile-stepper/MobileStepper.js +7 -24
  357. package/nav-bar/NavBar.js +23 -46
  358. package/nav-menu/NavMenuItem.js +6 -12
  359. package/package.json +17 -17
  360. package/pagination/Pagination.js +14 -26
  361. package/pagination/Pagination.styles.d.ts +6 -6
  362. package/pagination/Pagination.styles.js +0 -3
  363. package/popper/Popper.js +17 -28
  364. package/progress-bar/ProgressBar.js +6 -13
  365. package/schedule/ScheduleItem.js +2 -4
  366. package/schedule/ScheduleList.js +1 -8
  367. package/side-sheet/SideSheet.js +38 -62
  368. package/side-sheet/SideSheetCloseButton.js +8 -13
  369. package/side-sheet/SideSheetContent.js +2 -7
  370. package/side-sheet/SideSheetFooter.js +2 -7
  371. package/side-sheet/SideSheetHeader.js +5 -10
  372. package/side-sheet/SideSheetHeadline.js +1 -1
  373. package/site-layout/SiteLayout.js +16 -31
  374. package/skeleton/Skeleton.js +1 -12
  375. package/social-media-link-list/SocialMediaLinkList.js +10 -15
  376. package/spinner/Spinner.js +9 -22
  377. package/step/Step.js +21 -29
  378. package/step/Step.styles.d.ts +4 -4
  379. package/step/Step.styles.js +2 -2
  380. package/step/StepButton.js +11 -22
  381. package/step/StepContent.js +1 -8
  382. package/step/StepLabel.js +3 -9
  383. package/stepper/Stepper.js +8 -19
  384. package/stepper-feedback-message/StepperFeedbackMessage.js +0 -4
  385. package/styles/media.js +1 -5
  386. package/styles/style-helpers.d.ts +1 -1
  387. package/styles/style-helpers.js +2 -3
  388. package/surface/Surface.d.ts +1 -1
  389. package/surface/Surface.js +7 -21
  390. package/tab/Tab.js +7 -18
  391. package/tab/TabPanel.js +2 -7
  392. package/tab/Tabs.js +24 -52
  393. package/tab/TabsContext.js +1 -3
  394. package/table/Table.js +5 -12
  395. package/table/TableBody.js +1 -6
  396. package/table/TableDataCell.js +3 -10
  397. package/table/TableHead.d.ts +1 -1
  398. package/table/TableHead.js +3 -10
  399. package/table/TableHeaderCell.d.ts +1 -1
  400. package/table/TableHeaderCell.js +3 -10
  401. package/table/TableRow.js +5 -13
  402. package/tooltip/Tooltip.js +23 -33
  403. package/typography/Headlines.d.ts +4 -4
  404. package/typography/Headlines.js +8 -13
  405. package/typography/Text.js +0 -2
@@ -15,9 +15,6 @@ Object.defineProperty(exports, "UnstableWithTooltip", {
15
15
  return _Tooltip.UnstableWithTooltip;
16
16
  }
17
17
  });
18
-
19
18
  var _Tooltip = _interopRequireWildcard(require("./Tooltip"));
20
-
21
19
  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); }
22
-
23
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; }
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  declare const headlineStyles: {
3
- h1: import("@emotion/react").SerializedStyles;
4
- h2: import("@emotion/react").SerializedStyles;
5
- h3: import("@emotion/react").SerializedStyles;
6
- h4: import("@emotion/react").SerializedStyles;
3
+ h1: import("@emotion/utils").SerializedStyles;
4
+ h2: import("@emotion/utils").SerializedStyles;
5
+ h3: import("@emotion/utils").SerializedStyles;
6
+ h4: import("@emotion/utils").SerializedStyles;
7
7
  };
8
8
  export declare const H1: import("@emotion/styled").StyledComponent<{
9
9
  theme?: import("@emotion/react").Theme | undefined;
@@ -3,30 +3,18 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SmallHeadline = exports.SubHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
7
-
6
+ exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
8
7
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _react2 = require("@emotion/react");
13
-
14
10
  var _styles = require("./../styles");
15
-
16
11
  var _theme = require("@dfds-ui/theme");
17
-
18
12
  const _excluded = ["as", "styledAs", "className", "noMargin", "children"];
19
-
20
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
14
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
15
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
25
-
26
16
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
27
-
28
17
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
29
-
30
18
  const marginStyles = process.env.NODE_ENV === "production" ? {
31
19
  name: "1woa6zv",
32
20
  styles: "margin:0 0 16px 0"
@@ -87,25 +75,23 @@ const H4 = /*#__PURE__*/(0, _base.default)("h4", process.env.NODE_ENV === "produ
87
75
  noMargin
88
76
  }) => noMargin && noMarginStyles, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUUwQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdHlwb2dyYXBoeS9IZWFkbGluZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IGxlZ2FjeU1lZGlhIGFzIG1lZGlhIH0gZnJvbSAnLi8uLi9zdHlsZXMnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEhlYWRsaW5lUHJvcHMgPSBSZWFjdC5Qcm9wc1dpdGhvdXRSZWY8SlNYLkludHJpbnNpY0VsZW1lbnRzWydoMSddPiAmIHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBub01hcmdpbj86IGJvb2xlYW5cbn1cblxuY29uc3QgbWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDAgMCAxNnB4IDA7XG5gXG5cbmNvbnN0IG5vTWFyZ2luU3R5bGVzID0gY3NzYFxuICBtYXJnaW46IDA7XG5gXG5cbmNvbnN0IGhlYWRsaW5lU3R5bGVzID0ge1xuICBoMTogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICBmb250LXNpemU6IDUwcHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICAgICR7bWVkaWEubHQoJ3NtJyl9IHtcbiAgICAgIGZvbnQtc2l6ZTogMzBweDtcbiAgICB9XG4gIGAsXG4gIGgyOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjhweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMS4yO1xuICBgLFxuICBoMzogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDI2cHg7XG4gICAgZm9udC13ZWlnaHQ6IDMwMDtcbiAgICBsaW5lLWhlaWdodDogMS4xNTtcbiAgYCxcbiAgaDQ6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyMHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjQ7XG4gIGAsXG59XG5cbmV4cG9ydCBjb25zdCBIMSA9IHN0eWxlZC5oMTxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oMX1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEgyID0gc3R5bGVkLmgyPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgyfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDMgPSBzdHlsZWQuaDM8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDN9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBINCA9IHN0eWxlZC5oNDxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oNH1cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEhlYWRsaW5lOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7XG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgc3R5bGVkQXM/OiBrZXlvZiB0eXBlb2YgaGVhZGxpbmVTdHlsZXNcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufT4gPSAoeyBhcyA9ICdoMScsIHN0eWxlZEFzLCBjbGFzc05hbWUsIG5vTWFyZ2luLCBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IEggPSBhc1xuICBjb25zdCBzdHlsZSA9IHN0eWxlZEFzXG4gICAgPyBzdHlsZWRBc1xuICAgIDogdHlwZW9mIGFzID09PSAnc3RyaW5nJyAmJiBhcyBpbiBoZWFkbGluZVN0eWxlc1xuICAgID8gKGFzIGFzIGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlcylcbiAgICA6ICdoMSdcblxuICByZXR1cm4gKFxuICAgIDxIIGNzcz17W2hlYWRsaW5lU3R5bGVzW3N0eWxlXSwgbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXNdfSBjbGFzc05hbWU9e2NsYXNzTmFtZX0gey4uLnJlc3R9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvSD5cbiAgKVxufVxuXG4vLyBBbGlhc2VzXG5leHBvcnQgY29uc3QgSGVyb0hlYWRsaW5lID0gSDFcbmV4cG9ydCBjb25zdCBTZWN0aW9uSGVhZGxpbmUgPSBIMlxuZXhwb3J0IGNvbnN0IFN1YkhlYWRsaW5lID0gSDNcbmV4cG9ydCBjb25zdCBTbWFsbEhlYWRsaW5lID0gSDRcbiJdfQ== */"));
89
77
  exports.H4 = H4;
90
-
91
78
  const Headline = _ref => {
92
79
  let _ref$as = _ref.as,
93
- as = _ref$as === void 0 ? 'h1' : _ref$as,
94
- styledAs = _ref.styledAs,
95
- className = _ref.className,
96
- noMargin = _ref.noMargin,
97
- children = _ref.children,
98
- rest = _objectWithoutProperties(_ref, _excluded);
99
-
80
+ as = _ref$as === void 0 ? 'h1' : _ref$as,
81
+ styledAs = _ref.styledAs,
82
+ className = _ref.className,
83
+ noMargin = _ref.noMargin,
84
+ children = _ref.children,
85
+ rest = _objectWithoutProperties(_ref, _excluded);
100
86
  const H = as;
101
87
  const style = styledAs ? styledAs : typeof as === 'string' && as in headlineStyles ? as : 'h1';
102
88
  return (0, _react2.jsx)(H, _extends({
103
89
  css: [headlineStyles[style], noMargin && noMarginStyles, process.env.NODE_ENV === "production" ? "" : ";label:Headline;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy90eXBvZ3JhcGh5L0hlYWRsaW5lcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgbGVnYWN5TWVkaWEgYXMgbWVkaWEgfSBmcm9tICcuLy4uL3N0eWxlcydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgSGVhZGxpbmVQcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2gxJ10+ICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIG5vTWFyZ2luPzogYm9vbGVhblxufVxuXG5jb25zdCBtYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMCAwIDE2cHggMDtcbmBcblxuY29uc3Qgbm9NYXJnaW5TdHlsZXMgPSBjc3NgXG4gIG1hcmdpbjogMDtcbmBcblxuY29uc3QgaGVhZGxpbmVTdHlsZXMgPSB7XG4gIGgxOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgIGZvbnQtc2l6ZTogNTBweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gICAgJHttZWRpYS5sdCgnc20nKX0ge1xuICAgICAgZm9udC1zaXplOiAzMHB4O1xuICAgIH1cbiAgYCxcbiAgaDI6IGNzc2BcbiAgICAke21hcmdpblN0eWxlc307XG4gICAgZm9udC1zaXplOiAyOHB4O1xuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjI7XG4gIGAsXG4gIGgzOiBjc3NgXG4gICAgJHttYXJnaW5TdHlsZXN9O1xuICAgIGZvbnQtc2l6ZTogMjZweDtcbiAgICBmb250LXdlaWdodDogMzAwO1xuICAgIGxpbmUtaGVpZ2h0OiAxLjE1O1xuICBgLFxuICBoNDogY3NzYFxuICAgICR7bWFyZ2luU3R5bGVzfTtcbiAgICBmb250LXNpemU6IDIwcHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgbGluZS1oZWlnaHQ6IDEuNDtcbiAgYCxcbn1cblxuZXhwb3J0IGNvbnN0IEgxID0gc3R5bGVkLmgxPEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmgxfVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSDIgPSBzdHlsZWQuaDI8SGVhZGxpbmVQcm9wcz5gXG4gICR7aGVhZGxpbmVTdHlsZXMuaDJ9XG4gICR7KHsgbm9NYXJnaW4gfSkgPT4gbm9NYXJnaW4gJiYgbm9NYXJnaW5TdHlsZXN9XG5gXG5cbmV4cG9ydCBjb25zdCBIMyA9IHN0eWxlZC5oMzxIZWFkbGluZVByb3BzPmBcbiAgJHtoZWFkbGluZVN0eWxlcy5oM31cbiAgJHsoeyBub01hcmdpbiB9KSA9PiBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc31cbmBcblxuZXhwb3J0IGNvbnN0IEg0ID0gc3R5bGVkLmg0PEhlYWRsaW5lUHJvcHM+YFxuICAke2hlYWRsaW5lU3R5bGVzLmg0fVxuICAkeyh7IG5vTWFyZ2luIH0pID0+IG5vTWFyZ2luICYmIG5vTWFyZ2luU3R5bGVzfVxuYFxuXG5leHBvcnQgY29uc3QgSGVhZGxpbmU6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBzdHlsZWRBcz86IGtleW9mIHR5cGVvZiBoZWFkbGluZVN0eWxlc1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgbm9NYXJnaW4/OiBib29sZWFuXG59PiA9ICh7IGFzID0gJ2gxJywgc3R5bGVkQXMsIGNsYXNzTmFtZSwgbm9NYXJnaW4sIGNoaWxkcmVuLCAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgSCA9IGFzXG4gIGNvbnN0IHN0eWxlID0gc3R5bGVkQXNcbiAgICA/IHN0eWxlZEFzXG4gICAgOiB0eXBlb2YgYXMgPT09ICdzdHJpbmcnICYmIGFzIGluIGhlYWRsaW5lU3R5bGVzXG4gICAgPyAoYXMgYXMga2V5b2YgdHlwZW9mIGhlYWRsaW5lU3R5bGVzKVxuICAgIDogJ2gxJ1xuXG4gIHJldHVybiAoXG4gICAgPEggY3NzPXtbaGVhZGxpbmVTdHlsZXNbc3R5bGVdLCBub01hcmdpbiAmJiBub01hcmdpblN0eWxlc119IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9IPlxuICApXG59XG5cbi8vIEFsaWFzZXNcbmV4cG9ydCBjb25zdCBIZXJvSGVhZGxpbmUgPSBIMVxuZXhwb3J0IGNvbnN0IFNlY3Rpb25IZWFkbGluZSA9IEgyXG5leHBvcnQgY29uc3QgU3ViSGVhZGxpbmUgPSBIM1xuZXhwb3J0IGNvbnN0IFNtYWxsSGVhZGxpbmUgPSBINFxuIl19 */"],
104
90
  className: className
105
91
  }, rest), children);
106
- }; // Aliases
107
-
92
+ };
108
93
 
94
+ // Aliases
109
95
  exports.Headline = Headline;
110
96
  const HeroHeadline = H1;
111
97
  exports.HeroHeadline = HeroHeadline;
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Text = void 0;
7
-
8
7
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
-
10
8
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
-
12
9
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
13
-
14
10
  // TODO: Refine and align with specs
15
11
  const Text = /*#__PURE__*/(0, _base.default)("p", process.env.NODE_ENV === "production" ? {
16
12
  target: "e1gks3kq0"
@@ -3,9 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
-
7
6
  var _Headlines = require("./Headlines");
8
-
9
7
  Object.keys(_Headlines).forEach(function (key) {
10
8
  if (key === "default" || key === "__esModule") return;
11
9
  if (key in exports && exports[key] === _Headlines[key]) return;
@@ -16,9 +14,7 @@ Object.keys(_Headlines).forEach(function (key) {
16
14
  }
17
15
  });
18
16
  });
19
-
20
17
  var _Text = require("./Text");
21
-
22
18
  Object.keys(_Text).forEach(function (key) {
23
19
  if (key === "default" || key === "__esModule") return;
24
20
  if (key in exports && exports[key] === _Text[key]) return;
@@ -1,22 +1,18 @@
1
1
  var _excluded = ["enabled", "children"];
2
-
3
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
-
5
3
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
6
-
7
4
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
8
-
9
5
  import React from 'react';
10
6
  import { Global, css } from '@emotion/react';
11
7
  import { jsx as ___EmotionJSX } from "@emotion/react";
12
8
  var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
13
9
  var _ref$bodyClassNameApp = _ref.bodyClassNameApplied,
14
- bodyClassNameApplied = _ref$bodyClassNameApp === void 0 ? 'body-scroll-locked' : _ref$bodyClassNameApp,
15
- _ref$htmlClassNameApp = _ref.htmlClassNameApplied,
16
- htmlClassNameApplied = _ref$htmlClassNameApp === void 0 ? 'html-scroll-locked' : _ref$htmlClassNameApp,
17
- _ref$preserveScrollPo = _ref.preserveScrollPosition,
18
- preserveScrollPosition = _ref$preserveScrollPo === void 0 ? true : _ref$preserveScrollPo,
19
- children = _ref.children;
10
+ bodyClassNameApplied = _ref$bodyClassNameApp === void 0 ? 'body-scroll-locked' : _ref$bodyClassNameApp,
11
+ _ref$htmlClassNameApp = _ref.htmlClassNameApplied,
12
+ htmlClassNameApplied = _ref$htmlClassNameApp === void 0 ? 'html-scroll-locked' : _ref$htmlClassNameApp,
13
+ _ref$preserveScrollPo = _ref.preserveScrollPosition,
14
+ preserveScrollPosition = _ref$preserveScrollPo === void 0 ? true : _ref$preserveScrollPo,
15
+ children = _ref.children;
20
16
  React.useImperativeHandle(ref, function () {
21
17
  return {
22
18
  getGap: function getGap() {
@@ -27,13 +23,10 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
27
23
  React.useLayoutEffect(function () {
28
24
  if (typeof document === 'undefined') return;
29
25
  var originalTop = window.getComputedStyle(document.body).top; //is this really needed ?
30
-
31
26
  var scrollY = window.scrollY || window.pageYOffset;
32
-
33
27
  if (preserveScrollPosition) {
34
28
  document.body.style.top = "".concat(-scrollY, "px");
35
29
  }
36
-
37
30
  var bodyWidthBefore = window.getComputedStyle(document.body).width;
38
31
  document.documentElement.classList.add(htmlClassNameApplied);
39
32
  document.body.classList.add(bodyClassNameApplied);
@@ -47,11 +40,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
47
40
  document.body.classList.remove(bodyClassNameApplied);
48
41
  document.body.style.paddingRight = '';
49
42
  document.body.style.top = originalTop;
50
-
51
43
  if (preserveScrollPosition) {
52
44
  window.scrollTo(0, parseInt(scrollY || '0') * -1);
53
45
  }
54
-
55
46
  delete document.body.dataset.lockBodyScrollGap;
56
47
  };
57
48
  }, [bodyClassNameApplied, htmlClassNameApplied, preserveScrollPosition]);
@@ -61,10 +52,9 @@ var LockBodyScrollComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
61
52
  });
62
53
  export var LockBodyScroll = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
63
54
  var _ref2$enabled = _ref2.enabled,
64
- enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
65
- children = _ref2.children,
66
- rest = _objectWithoutProperties(_ref2, _excluded);
67
-
55
+ enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
56
+ children = _ref2.children,
57
+ rest = _objectWithoutProperties(_ref2, _excluded);
68
58
  return enabled ? ___EmotionJSX(LockBodyScrollComponent, _extends({}, rest, {
69
59
  ref: ref
70
60
  }), children) : ___EmotionJSX(React.Fragment, null, children);
package/common/arrow.d.ts CHANGED
@@ -3,4 +3,4 @@ export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | '
3
3
  * Create css for an arrow
4
4
  * A <div> tag must surround {children} to work
5
5
  */
6
- export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/react").SerializedStyles;
6
+ export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;
package/common/arrow.js CHANGED
@@ -1,12 +1,10 @@
1
1
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
-
3
2
  import { css } from '@emotion/react';
4
-
5
3
  function px(size) {
6
4
  return "".concat(size, "px");
7
- } // currently limited positions
8
-
5
+ }
9
6
 
7
+ // currently limited positions
10
8
  var _ref = process.env.NODE_ENV === "production" ? {
11
9
  name: "abcix4",
12
10
  styles: "top:0"
@@ -16,7 +14,6 @@ var _ref = process.env.NODE_ENV === "production" ? {
16
14
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURXIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZnVuY3Rpb24gcHgoc2l6ZTogbnVtYmVyKSB7XG4gIHJldHVybiBgJHtzaXplfXB4YFxufVxuXG4vLyBjdXJyZW50bHkgbGltaXRlZCBwb3NpdGlvbnNcbmV4cG9ydCB0eXBlIEFycm93UG9zaXRpb24gPSAndG9wLWxlZnQnIHwgJ3RvcC1yaWdodCcgfCAnYm90dG9tLWxlZnQnIHwgJ2JvdHRvbS1yaWdodCdcblxuLyoqXG4gKiBDcmVhdGUgY3NzIGZvciBhbiBhcnJvd1xuICogQSA8ZGl2PiB0YWcgbXVzdCBzdXJyb3VuZCB7Y2hpbGRyZW59IHRvIHdvcmtcbiAqL1xuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gYXJyb3coXG4gIHNpemU6IG51bWJlcixcbiAgY29sb3I6IHN0cmluZyxcblxuICBvZmZzZXQgPSAyMCxcbiAgcG9zaXRpb246IEFycm93UG9zaXRpb24gPSAndG9wLXJpZ2h0J1xuKSB7XG4gIGNvbnN0IGRlZ1RvUmFkID0gKHg6IG51bWJlcikgPT4ge1xuICAgIHJldHVybiAoeCAvIDE4MCkgKiBNYXRoLlBJXG4gIH1cbiAgY29uc3QgY2FsY3VsYXRlZFNpemUgPSBNYXRoLnNpbihkZWdUb1JhZCg0NSkpICogc2l6ZVxuXG4gIGNvbnN0IHNoYWRvdyA9IDhcblxuICBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29udGVudDogJyc7XG4gICAgd2lkdGg6IDA7XG4gICAgaGVpZ2h0OiAwO1xuICBgXG5cbiAgcmV0dXJuIGNzc2BcbiAgICA6OmJlZm9yZSB7XG4gICAgICAke2Jhc2V9XG4gICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICBib3JkZXI6ICR7cHgoY2FsY3VsYXRlZFNpemUpfSBzb2xpZDtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgYm94LXNoYWRvdzogMCAwICR7cHgoc2hhZG93KX0gMCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgfVxuXG4gICAgPiBkaXYge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgcGFkZGluZzogNXB4IDA7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9yfTtcbiAgICAgIDo6YmVmb3JlIHtcbiAgICAgICAgJHtiYXNlfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdib3R0b20nKSAmJlxuICAgICAgICBjc3NgXG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICBgfVxuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCd0b3AnKSA/ICdib3R0b20nIDogJ3RvcCd9OiAke3B4KC1jYWxjdWxhdGVkU2l6ZSl9O1xuICAgICAgICAke3Bvc2l0aW9uLmluY2x1ZGVzKCdsZWZ0JykgPyAnbGVmdCcgOiAncmlnaHQnfTogJHtweChvZmZzZXQpfTtcbiAgICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHtjb2xvcn0gJHtjb2xvcn0gdHJhbnNwYXJlbnQgdHJhbnNwYXJlbnQ7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC00NWRlZyk7XG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgfVxuICAgIH1cbiAgYFxufVxuIl19 */",
17
15
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
18
16
  };
19
-
20
17
  var _ref2 = process.env.NODE_ENV === "production" ? {
21
18
  name: "f16dz6",
22
19
  styles: "position:absolute;display:inline-block;content:'';width:0;height:0"
@@ -26,7 +23,6 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
26
23
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vYXJyb3cudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJrQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tbW9uL2Fycm93LnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmZ1bmN0aW9uIHB4KHNpemU6IG51bWJlcikge1xuICByZXR1cm4gYCR7c2l6ZX1weGBcbn1cblxuLy8gY3VycmVudGx5IGxpbWl0ZWQgcG9zaXRpb25zXG5leHBvcnQgdHlwZSBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1sZWZ0JyB8ICd0b3AtcmlnaHQnIHwgJ2JvdHRvbS1sZWZ0JyB8ICdib3R0b20tcmlnaHQnXG5cbi8qKlxuICogQ3JlYXRlIGNzcyBmb3IgYW4gYXJyb3dcbiAqIEEgPGRpdj4gdGFnIG11c3Qgc3Vycm91bmQge2NoaWxkcmVufSB0byB3b3JrXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIGFycm93KFxuICBzaXplOiBudW1iZXIsXG4gIGNvbG9yOiBzdHJpbmcsXG5cbiAgb2Zmc2V0ID0gMjAsXG4gIHBvc2l0aW9uOiBBcnJvd1Bvc2l0aW9uID0gJ3RvcC1yaWdodCdcbikge1xuICBjb25zdCBkZWdUb1JhZCA9ICh4OiBudW1iZXIpID0+IHtcbiAgICByZXR1cm4gKHggLyAxODApICogTWF0aC5QSVxuICB9XG4gIGNvbnN0IGNhbGN1bGF0ZWRTaXplID0gTWF0aC5zaW4oZGVnVG9SYWQoNDUpKSAqIHNpemVcblxuICBjb25zdCBzaGFkb3cgPSA4XG5cbiAgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHdpZHRoOiAwO1xuICAgIGhlaWdodDogMDtcbiAgYFxuXG4gIHJldHVybiBjc3NgXG4gICAgOjpiZWZvcmUge1xuICAgICAgJHtiYXNlfVxuICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICR7cG9zaXRpb24uaW5jbHVkZXMoJ2xlZnQnKSA/ICdsZWZ0JyA6ICdyaWdodCd9OiAke3B4KG9mZnNldCl9O1xuICAgICAgYm9yZGVyOiAke3B4KGNhbGN1bGF0ZWRTaXplKX0gc29saWQ7XG4gICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAke3B4KHNoYWRvdyl9IDAgcmdiYSgwLCAwLCAwLCAwLjEyKTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3J9O1xuICAgIH1cblxuICAgID4gZGl2IHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHBhZGRpbmc6IDVweCAwO1xuICAgICAgYm9yZGVyLXJhZGl1czogMnB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcn07XG4gICAgICA6OmJlZm9yZSB7XG4gICAgICAgICR7YmFzZX1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnYm90dG9tJykgJiZcbiAgICAgICAgY3NzYFxuICAgICAgICAgIHRvcDogMDtcbiAgICAgICAgYH1cbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygndG9wJykgPyAnYm90dG9tJyA6ICd0b3AnfTogJHtweCgtY2FsY3VsYXRlZFNpemUpfTtcbiAgICAgICAgJHtwb3NpdGlvbi5pbmNsdWRlcygnbGVmdCcpID8gJ2xlZnQnIDogJ3JpZ2h0J306ICR7cHgob2Zmc2V0KX07XG4gICAgICAgIGJvcmRlcjogJHtweChjYWxjdWxhdGVkU2l6ZSl9IHNvbGlkO1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Y29sb3J9ICR7Y29sb3J9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgIH1cbiAgICB9XG4gIGBcbn1cbiJdfQ== */",
27
24
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
25
  };
29
-
30
26
  /**
31
27
  * Create css for an arrow
32
28
  * A <div> tag must surround {children} to work
@@ -34,11 +30,9 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
34
30
  export default function arrow(size, color) {
35
31
  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 20;
36
32
  var position = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'top-right';
37
-
38
33
  var degToRad = function degToRad(x) {
39
34
  return x / 180 * Math.PI;
40
35
  };
41
-
42
36
  var calculatedSize = Math.sin(degToRad(45)) * size;
43
37
  var shadow = 8;
44
38
  var base = _ref2;
@@ -1,20 +1,16 @@
1
1
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
2
-
3
2
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
4
-
5
3
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
4
+ import { jsx } from '@emotion/react';
6
5
 
7
- import { jsx } from '@emotion/react'; // https://github.com/emotion-js/emotion/issues/1404
8
-
6
+ // https://github.com/emotion-js/emotion/issues/1404
9
7
  var emotionCloneElement = function emotionCloneElement(element, config) {
10
8
  for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
11
9
  children[_key - 2] = arguments[_key];
12
10
  }
13
-
14
11
  return jsx.apply(void 0, [element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] ? element.props['__EMOTION_TYPE_PLEASE_DO_NOT_USE__'] : element.type, _objectSpread(_objectSpread({
15
12
  key: element.key !== null ? element.key : undefined,
16
13
  ref: element.ref
17
14
  }, element.props), config)].concat(children));
18
15
  };
19
-
20
16
  export default emotionCloneElement;
package/common/intent.js CHANGED
@@ -2,20 +2,15 @@ import { theme } from '@dfds-ui/theme';
2
2
  export function getIntentColor() {
3
3
  var intent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'info';
4
4
  var muted = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
5
-
6
5
  switch (intent) {
7
6
  case 'none':
8
7
  return theme.colors.surface.secondary;
9
-
10
8
  case 'info':
11
9
  return muted ? theme.colors.status.infomuted : theme.colors.status.info;
12
-
13
10
  case 'critical':
14
11
  return muted ? theme.colors.status.alertmuted : theme.colors.status.alert;
15
-
16
12
  case 'success':
17
13
  return muted ? theme.colors.status.successmuted : theme.colors.status.success;
18
-
19
14
  case 'warning':
20
15
  return muted ? theme.colors.status.warningmuted : theme.colors.status.warning;
21
16
  }
@@ -24,7 +19,6 @@ export function getIntentTextColor(intent) {
24
19
  switch (intent) {
25
20
  case 'none':
26
21
  return theme.colors.text.dark.primary;
27
-
28
22
  case 'info':
29
23
  case 'critical':
30
24
  case 'success':
@@ -2,30 +2,24 @@
2
2
  export function miniMoize(fn) {
3
3
  var cache = null;
4
4
  var cacheArgs = null;
5
-
6
5
  function wrapper() {
7
6
  if (cacheArgs && eq(arguments)) {
8
7
  return cache;
9
8
  }
10
-
11
9
  cache = fn.apply(void 0, arguments);
12
10
  cacheArgs = arguments;
13
11
  return cache;
14
12
  }
15
-
16
13
  function eq(arg) {
17
14
  if (arg.length !== cacheArgs.length) {
18
15
  return false;
19
16
  }
20
-
21
17
  for (var i = 0; i < arg.length; i++) {
22
18
  if (arg[i] !== cacheArgs[i]) {
23
19
  return false;
24
20
  }
25
21
  }
26
-
27
22
  return true;
28
23
  }
29
-
30
24
  return wrapper;
31
25
  }
@@ -1,11 +1,12 @@
1
+ function _objectDestructuringEmpty(obj) { if (obj == null) throw new TypeError("Cannot destructure " + obj); }
1
2
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ import React from 'react';
4
+
5
+ // TODO: Move this to future core package
2
6
 
3
- import React from 'react'; // TODO: Move this to future core package
4
7
  // TODO: Consider changing to this pattern:
5
8
  // https://blog.andrewbran.ch/polymorphic-react-components/
6
-
7
9
  import { jsx as ___EmotionJSX } from "@emotion/react";
8
-
9
10
  /**
10
11
  * Given a PolymorphicComponent and a desired RenderComponent this function will returns are new component where the
11
12
  * polymorphic prop will point to the provided `RenderComponent`.
@@ -22,12 +23,10 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
22
23
  */
23
24
  export function withRenderAs(PolymorphicComponent, RenderComponent) {
24
25
  var Component = function Component(_ref) {
25
- var props = _extends({}, _ref);
26
-
26
+ var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
27
27
  return ___EmotionJSX(PolymorphicComponent, _extends({
28
28
  as: RenderComponent
29
29
  }, props));
30
30
  };
31
-
32
31
  return Component;
33
32
  }
@@ -1,56 +1,51 @@
1
1
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
2
-
3
2
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
4
-
5
3
  function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
6
-
7
4
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
8
-
9
5
  function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
10
-
11
6
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
12
-
13
- import { useEffect, useState } from 'react'; // from https://github.com/gragland/usehooks
7
+ import { useEffect, useState } from 'react';
8
+ // from https://github.com/gragland/usehooks
14
9
 
15
10
  export default function useMedia(queries, values, defaultValue) {
16
11
  // Array containing a media query list for each query
17
12
  var mediaQueryLists = typeof window !== 'undefined' ? queries.map(function (q) {
18
13
  return window.matchMedia(q);
19
- }) : []; // Function that gets value based on matching media query
14
+ }) : [];
20
15
 
16
+ // Function that gets value based on matching media query
21
17
  var getValue = function getValue() {
22
18
  // Get index of first media query that matches
23
19
  var index = mediaQueryLists.findIndex(function (mql) {
24
20
  return mql.matches;
25
- }); // Return related value or defaultValue if none
26
-
21
+ });
22
+ // Return related value or defaultValue if none
27
23
  return typeof values[index] !== 'undefined' ? values[index] : defaultValue;
28
- }; // State and setter for matched value
29
-
24
+ };
30
25
 
26
+ // State and setter for matched value
31
27
  var _useState = useState(getValue),
32
- _useState2 = _slicedToArray(_useState, 2),
33
- value = _useState2[0],
34
- setValue = _useState2[1];
35
-
28
+ _useState2 = _slicedToArray(_useState, 2),
29
+ value = _useState2[0],
30
+ setValue = _useState2[1];
36
31
  useEffect(function () {
37
32
  // Event listener callback
38
33
  // Note: By defining getValue outside of useEffect we ensure that it has ...
39
34
  // ... current values of hook args (as this hook only runs on mount/dismount).
40
35
  var handler = function handler() {
41
36
  return setValue(getValue);
42
- }; // Set a listener for each media query with above handler as callback.
43
-
44
-
37
+ };
38
+ // Set a listener for each media query with above handler as callback.
45
39
  mediaQueryLists.forEach(function (mql) {
46
40
  return mql.addListener(handler);
47
- }); // Remove listeners on cleanup
48
-
41
+ });
42
+ // Remove listeners on cleanup
49
43
  return function () {
50
44
  return mediaQueryLists.forEach(function (mql) {
51
45
  return mql.removeListener(handler);
52
46
  });
53
- }; // eslint-disable-next-line react-hooks/exhaustive-deps
47
+ };
48
+ // eslint-disable-next-line react-hooks/exhaustive-deps
54
49
  }, []); // Empty array ensures effect is only run on mount and unmount
55
50
 
56
51
  return value;
@@ -1,5 +1,4 @@
1
1
  /* eslint-disable react-hooks/exhaustive-deps */
2
-
3
2
  /* eslint-disable react-hooks/rules-of-hooks */
4
3
  import { useEffect, useRef } from 'react';
5
4
  var MOUSEDOWN = 'mousedown';
@@ -7,25 +6,20 @@ var TOUCHSTART = 'touchstart';
7
6
  var events = [MOUSEDOWN, TOUCHSTART];
8
7
  export default function useOnClickOutside(ref, handler) {
9
8
  var isBrowser = typeof document !== 'undefined';
10
-
11
9
  if (!isBrowser) {
12
10
  return;
13
11
  }
14
-
15
12
  var handlerRef = useLatest(handler);
16
13
  useEffect(function () {
17
14
  if (!handler) {
18
15
  return;
19
16
  }
20
-
21
17
  var listener = function listener(event) {
22
18
  if (!ref.current || !handlerRef.current || ref.current.contains(event.target)) {
23
19
  return;
24
20
  }
25
-
26
21
  handlerRef.current(event);
27
22
  };
28
-
29
23
  events.forEach(function (event) {
30
24
  document.addEventListener(event, listener);
31
25
  });
@@ -36,7 +30,6 @@ export default function useOnClickOutside(ref, handler) {
36
30
  };
37
31
  }, [!handler]);
38
32
  }
39
-
40
33
  function useLatest(value) {
41
34
  var ref = useRef(value);
42
35
  useEffect(function () {
package/common/utils.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/react").SerializedStyles | undefined;
2
- export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;
3
- export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;
1
+ export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
2
+ export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
3
+ export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
package/common/utils.js CHANGED
@@ -1,26 +1,21 @@
1
1
  var _templateObject;
2
-
3
2
  function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
4
-
5
3
  import { css } from '@emotion/react';
6
4
  export function ie11MinHeightFix(minHeight) {
7
5
  if (typeof minHeight === 'undefined') {
8
6
  return undefined;
9
7
  }
10
-
11
8
  return /*#__PURE__*/css(onlyIE(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:before {\n content: '';\n height: ", ";\n }"])), minHeight), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ie11MinHeightFix;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTVkiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbW1vbi91dGlscy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgZnVuY3Rpb24gaWUxMU1pbkhlaWdodEZpeChtaW5IZWlnaHQ/OiBzdHJpbmcpIHtcbiAgaWYgKHR5cGVvZiBtaW5IZWlnaHQgPT09ICd1bmRlZmluZWQnKSB7XG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgLyogRml4IElFMTEgbWluLWhlaWdodCBhbGlnbi1pdGVtcyBmbGV4Ym94IGJ1ZyAqL1xuICAgICR7b25seUlFYFxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgaGVpZ2h0OiAke21pbkhlaWdodH07XG4gICAgICB9YH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUlFKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAbWVkaWEgYWxsIGFuZCAoLW1zLWhpZ2gtY29udHJhc3Q6IG5vbmUpLCAoLW1zLWhpZ2gtY29udHJhc3Q6IGFjdGl2ZSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBvbmx5Q2hyb21lKHN0cmluZ3M6IFRlbXBsYXRlU3RyaW5nc0FycmF5LCAuLi5hcmdzOiBhbnkpIHtcbiAgcmV0dXJuIGNzc2BcbiAgICBAc3VwcG9ydHMgKC13ZWJraXQtYXBwZWFyYW5jZTogbm9uZSkgYW5kIChub3QgKG92ZXJmbG93OiAtd2Via2l0LW1hcnF1ZWUpKSBhbmQgKG5vdCAoLW1zLWltZS1hbGlnbjogYXV0bykpIGFuZFxuICAgICAgKG5vdCAoLW1vei1hcHBlYXJhbmNlOiBub25lKSkge1xuICAgICAgJHtjc3Moc3RyaW5ncywgLi4uYXJncyl9XG4gICAgfVxuICBgXG59XG4iXX0= */");
12
9
  }
13
10
  export function onlyIE(strings) {
14
11
  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
15
12
  args[_key - 1] = arguments[_key];
16
13
  }
17
-
18
14
  return /*#__PURE__*/css("@media all and (-ms-high-contrast: none),(-ms-high-contrast: active){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyIE;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
19
15
  }
20
16
  export function onlyChrome(strings) {
21
17
  for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
22
18
  args[_key2 - 1] = arguments[_key2];
23
19
  }
24
-
25
20
  return /*#__PURE__*/css("@supports (-webkit-appearance: none) and (not (overflow: -webkit-marquee)) and (not (-ms-ime-align: auto)) and (not (-moz-appearance: none)){", /*#__PURE__*/css.apply(void 0, [strings].concat(args)), ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:onlyChrome;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21tb24vdXRpbHMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGZ1bmN0aW9uIGllMTFNaW5IZWlnaHRGaXgobWluSGVpZ2h0Pzogc3RyaW5nKSB7XG4gIGlmICh0eXBlb2YgbWluSGVpZ2h0ID09PSAndW5kZWZpbmVkJykge1xuICAgIHJldHVybiB1bmRlZmluZWRcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIC8qIEZpeCBJRTExIG1pbi1oZWlnaHQgYWxpZ24taXRlbXMgZmxleGJveCBidWcgKi9cbiAgICAke29ubHlJRWBcbiAgICAgICY6YmVmb3JlIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIGhlaWdodDogJHttaW5IZWlnaHR9O1xuICAgICAgfWB9XG4gIGBcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIG9ubHlJRShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQG1lZGlhIGFsbCBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBub25lKSwgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuXG5leHBvcnQgZnVuY3Rpb24gb25seUNocm9tZShzdHJpbmdzOiBUZW1wbGF0ZVN0cmluZ3NBcnJheSwgLi4uYXJnczogYW55KSB7XG4gIHJldHVybiBjc3NgXG4gICAgQHN1cHBvcnRzICgtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmUpIGFuZCAobm90IChvdmVyZmxvdzogLXdlYmtpdC1tYXJxdWVlKSkgYW5kIChub3QgKC1tcy1pbWUtYWxpZ246IGF1dG8pKSBhbmRcbiAgICAgIChub3QgKC1tb3otYXBwZWFyYW5jZTogbm9uZSkpIHtcbiAgICAgICR7Y3NzKHN0cmluZ3MsIC4uLmFyZ3MpfVxuICAgIH1cbiAgYFxufVxuIl19 */");
26
21
  }