@dfds-ui/react-components 2.2.0-alpha.d82ee43f → 2.2.0-alpha.daf8252e

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 (532) hide show
  1. package/accordion/Accordion.d.ts +2 -2
  2. package/accordion/Accordion.js +70 -51
  3. package/accordion/AccordionContent.d.ts +1 -1
  4. package/accordion/AccordionContent.js +13 -6
  5. package/accordion/AccordionSmall.d.ts +2 -2
  6. package/accordion/AccordionSmall.js +52 -38
  7. package/app-bar/AppBar.d.ts +3 -3
  8. package/app-bar/AppBar.js +54 -40
  9. package/app-bar/AppBarContext.d.ts +3 -3
  10. package/app-bar/AppBarContext.js +7 -6
  11. package/app-bar/AppBarDrawer.d.ts +2 -2
  12. package/app-bar/AppBarDrawer.js +14 -7
  13. package/app-bar/AppBarIconButton.d.ts +2 -2
  14. package/app-bar/AppBarIconButton.js +11 -6
  15. package/app-bar/AppBarItem.d.ts +3 -3
  16. package/app-bar/AppBarItem.js +76 -60
  17. package/app-bar/AppBarListItem.d.ts +11 -11
  18. package/assertions/banner/Banner.d.ts +3 -3
  19. package/assertions/banner/Banner.js +71 -57
  20. package/assertions/banner/BannerAction.d.ts +1 -1
  21. package/assertions/banner/BannerAction.js +10 -5
  22. package/assertions/banner/BannerTypography.js +9 -4
  23. package/assertions/toast/Toast.d.ts +1 -1
  24. package/assertions/toast/Toast.js +28 -17
  25. package/assertions/toast/Toaster.d.ts +4 -4
  26. package/assertions/toast/Toaster.js +53 -57
  27. package/badge/Badge.d.ts +1 -1
  28. package/badge/Badge.js +17 -9
  29. package/button/BadgeIcon.d.ts +1 -1
  30. package/button/BadgeIcon.js +18 -16
  31. package/button/BaseButton.d.ts +6 -6
  32. package/button/BaseButton.js +1 -1
  33. package/button/Button.d.ts +4 -4
  34. package/button/Button.js +38 -30
  35. package/button/IconButton.d.ts +2 -2
  36. package/button/IconButton.js +24 -18
  37. package/button/LinkButton.d.ts +1 -1
  38. package/button/LinkButton.js +9 -4
  39. package/button/button-style.d.ts +7 -7
  40. package/button-stack/ButtonStack.d.ts +3 -3
  41. package/button-stack/ButtonStack.js +30 -22
  42. package/card/Card.d.ts +2 -2
  43. package/card/Card.js +49 -35
  44. package/card/CardActions.js +13 -6
  45. package/card/CardContent.d.ts +1 -1
  46. package/card/CardContent.js +19 -9
  47. package/card/CardMedia.d.ts +2 -2
  48. package/card/CardMedia.js +15 -6
  49. package/card/CardPriceTag.d.ts +1 -1
  50. package/card/CardPriceTag.js +22 -4
  51. package/card/CardTitle.d.ts +1 -1
  52. package/card/CardTitle.js +25 -15
  53. package/chip/Chip.d.ts +4 -4
  54. package/chip/Chip.js +22 -13
  55. package/cjs/accordion/Accordion.d.ts +2 -2
  56. package/cjs/accordion/Accordion.js +63 -50
  57. package/cjs/accordion/AccordionContent.d.ts +1 -1
  58. package/cjs/accordion/AccordionContent.js +7 -6
  59. package/cjs/accordion/AccordionSmall.d.ts +2 -2
  60. package/cjs/accordion/AccordionSmall.js +45 -37
  61. package/cjs/app-bar/AppBar.d.ts +3 -3
  62. package/cjs/app-bar/AppBar.js +51 -41
  63. package/cjs/app-bar/AppBarContext.d.ts +3 -3
  64. package/cjs/app-bar/AppBarContext.js +5 -4
  65. package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
  66. package/cjs/app-bar/AppBarDrawer.js +8 -8
  67. package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
  68. package/cjs/app-bar/AppBarIconButton.js +7 -7
  69. package/cjs/app-bar/AppBarItem.d.ts +3 -3
  70. package/cjs/app-bar/AppBarItem.js +69 -60
  71. package/cjs/app-bar/AppBarListItem.d.ts +11 -11
  72. package/cjs/app-bar/AppBarListItem.js +1 -2
  73. package/cjs/assertions/banner/Banner.d.ts +3 -3
  74. package/cjs/assertions/banner/Banner.js +62 -55
  75. package/cjs/assertions/banner/BannerAction.d.ts +1 -1
  76. package/cjs/assertions/banner/BannerAction.js +5 -4
  77. package/cjs/assertions/banner/BannerTypography.js +9 -7
  78. package/cjs/assertions/toast/Toast.d.ts +1 -1
  79. package/cjs/assertions/toast/Toast.js +22 -17
  80. package/cjs/assertions/toast/Toaster.d.ts +4 -4
  81. package/cjs/assertions/toast/Toaster.js +37 -29
  82. package/cjs/badge/Badge.d.ts +1 -1
  83. package/cjs/badge/Badge.js +11 -7
  84. package/cjs/button/BadgeIcon.d.ts +1 -1
  85. package/cjs/button/BadgeIcon.js +19 -17
  86. package/cjs/button/BaseButton.d.ts +6 -6
  87. package/cjs/button/BaseButton.js +3 -5
  88. package/cjs/button/Button.d.ts +4 -4
  89. package/cjs/button/Button.js +31 -29
  90. package/cjs/button/IconButton.d.ts +2 -2
  91. package/cjs/button/IconButton.js +20 -20
  92. package/cjs/button/LinkButton.d.ts +1 -1
  93. package/cjs/button/LinkButton.js +6 -6
  94. package/cjs/button/button-style.d.ts +7 -7
  95. package/cjs/button/button-style.js +8 -15
  96. package/cjs/button-stack/ButtonStack.d.ts +3 -3
  97. package/cjs/button-stack/ButtonStack.js +22 -20
  98. package/cjs/card/Card.d.ts +2 -2
  99. package/cjs/card/Card.js +39 -29
  100. package/cjs/card/CardActions.js +7 -7
  101. package/cjs/card/CardContent.d.ts +1 -1
  102. package/cjs/card/CardContent.js +13 -9
  103. package/cjs/card/CardMedia.d.ts +2 -2
  104. package/cjs/card/CardMedia.js +9 -6
  105. package/cjs/card/CardPriceTag.d.ts +1 -1
  106. package/cjs/card/CardPriceTag.js +16 -4
  107. package/cjs/card/CardTitle.d.ts +1 -1
  108. package/cjs/card/CardTitle.js +16 -12
  109. package/cjs/chip/Chip.d.ts +4 -4
  110. package/cjs/chip/Chip.js +18 -15
  111. package/cjs/common/LockBodyScroll.d.ts +4 -3
  112. package/cjs/common/LockBodyScroll.js +23 -16
  113. package/cjs/common/arrow.d.ts +2 -2
  114. package/cjs/common/emotionCloneElement.js +1 -3
  115. package/cjs/common/intent.d.ts +1 -1
  116. package/cjs/common/polymorphic.d.ts +3 -3
  117. package/cjs/common/polymorphic.js +9 -5
  118. package/cjs/common/use-media.js +1 -1
  119. package/cjs/common/useOnClickOutside.d.ts +2 -2
  120. package/cjs/common/useOnClickOutside.js +2 -2
  121. package/cjs/common/utils.d.ts +3 -3
  122. package/cjs/counter/Counter.d.ts +3 -2
  123. package/cjs/counter/Counter.js +57 -49
  124. package/cjs/counter/PluralCounter.d.ts +4 -3
  125. package/cjs/counter/PluralCounter.js +15 -14
  126. package/cjs/data-table/DataTable.d.ts +1 -1
  127. package/cjs/data-table/DataTable.js +47 -39
  128. package/cjs/divider/Divider.d.ts +2 -2
  129. package/cjs/divider/Divider.js +6 -6
  130. package/cjs/drawer/Drawer.d.ts +6 -5
  131. package/cjs/drawer/Drawer.js +12 -10
  132. package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
  133. package/cjs/dropdown-menu/Dropdown.js +39 -35
  134. package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
  135. package/cjs/dropdown-menu/DropdownContext.js +7 -8
  136. package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
  137. package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
  138. package/cjs/dropdown-menu/MenuItem.js +30 -28
  139. package/cjs/dropdown-menu/MenuTitle.js +15 -12
  140. package/cjs/elevation/index.d.ts +2 -2
  141. package/cjs/elevation/index.js +1 -2
  142. package/cjs/flexbox/FlexBox.d.ts +5 -5
  143. package/cjs/flexbox/FlexBox.js +2 -4
  144. package/cjs/footer/Footer.d.ts +2 -2
  145. package/cjs/footer/Footer.js +13 -9
  146. package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -3
  147. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  148. package/cjs/forms/asterisk/Asterisk.js +5 -4
  149. package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
  150. package/cjs/forms/checkbox/Checkbox.js +41 -37
  151. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  152. package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
  153. package/cjs/forms/email-field/EmailField.d.ts +19 -3
  154. package/cjs/forms/email-field/EmailField.js +12 -8
  155. package/cjs/forms/error-text/ErrorText.d.ts +3 -3
  156. package/cjs/forms/error-text/ErrorText.js +1 -2
  157. package/cjs/forms/field/Field.d.ts +1 -1
  158. package/cjs/forms/field/Field.js +10 -6
  159. package/cjs/forms/index.d.ts +3 -3
  160. package/cjs/forms/input/Input.d.ts +4 -4
  161. package/cjs/forms/input/Input.js +34 -33
  162. package/cjs/forms/input/InputComposition.d.ts +12 -12
  163. package/cjs/forms/input/InputComposition.js +40 -35
  164. package/cjs/forms/label/Label.d.ts +1 -1
  165. package/cjs/forms/label/Label.js +6 -3
  166. package/cjs/forms/number-field/NumberField.d.ts +19 -3
  167. package/cjs/forms/number-field/NumberField.js +12 -8
  168. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  169. package/cjs/forms/password-field/PasswordField.js +13 -14
  170. package/cjs/forms/radio/Radio.d.ts +4 -4
  171. package/cjs/forms/radio/Radio.js +25 -23
  172. package/cjs/forms/reactselect/ReactSelect.d.ts +14 -14
  173. package/cjs/forms/reactselect/ReactSelect.js +76 -68
  174. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  175. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
  176. package/cjs/forms/select/Select.d.ts +5 -5
  177. package/cjs/forms/select/Select.js +33 -31
  178. package/cjs/forms/select-field/SelectField.d.ts +13 -5
  179. package/cjs/forms/select-field/SelectField.js +37 -34
  180. package/cjs/forms/switch/Switch.d.ts +2 -2
  181. package/cjs/forms/switch/Switch.js +41 -35
  182. package/cjs/forms/tel-field/TelField.d.ts +19 -3
  183. package/cjs/forms/tel-field/TelField.js +12 -8
  184. package/cjs/forms/text-field/TextField.d.ts +22 -5
  185. package/cjs/forms/text-field/TextField.js +42 -40
  186. package/cjs/global-styles/GlobalStyles.js +3 -2
  187. package/cjs/global-styles/ResetStyles.js +2 -1
  188. package/cjs/global-styles/sanitize.d.ts +1 -1
  189. package/cjs/global-styles/sanitize.js +2 -3
  190. package/cjs/grid/Column.d.ts +1 -1
  191. package/cjs/grid/Column.js +7 -7
  192. package/cjs/grid/Container.d.ts +2 -2
  193. package/cjs/grid/Container.js +34 -29
  194. package/cjs/hero/Hero.d.ts +2 -2
  195. package/cjs/hero/Hero.js +42 -22
  196. package/cjs/hero/stripes.d.ts +2 -2
  197. package/cjs/hero/stripes.js +177 -162
  198. package/cjs/ie-banner/IEBanner.d.ts +1 -1
  199. package/cjs/ie-banner/IEBanner.js +13 -8
  200. package/cjs/index.d.ts +0 -1
  201. package/cjs/index.js +0 -12
  202. package/cjs/layout/LayoutLegacy.js +2 -1
  203. package/cjs/lists/FeatureList.d.ts +7 -7
  204. package/cjs/lists/FeatureList.js +16 -13
  205. package/cjs/lists/ListAddon.d.ts +1 -1
  206. package/cjs/lists/ListAddon.js +10 -7
  207. package/cjs/lists/ListDivider.d.ts +1 -1
  208. package/cjs/lists/ListDivider.js +6 -6
  209. package/cjs/lists/ListIcon.d.ts +2 -2
  210. package/cjs/lists/ListIcon.js +6 -6
  211. package/cjs/lists/ListItem.d.ts +2 -2
  212. package/cjs/lists/ListItem.js +7 -6
  213. package/cjs/lists/ListText.d.ts +3 -3
  214. package/cjs/lists/ListText.js +6 -6
  215. package/cjs/lists/ListTextGroup.d.ts +1 -1
  216. package/cjs/lists/ListTextGroup.js +6 -6
  217. package/cjs/lists/ListTitle.js +6 -6
  218. package/cjs/loader/DfdsLoader.d.ts +1 -1
  219. package/cjs/loader/DfdsLoader.js +29 -23
  220. package/cjs/loader/Loader.d.ts +1 -1
  221. package/cjs/loader/Loader.js +9 -3
  222. package/cjs/localization/LocaleFlag.d.ts +1 -1
  223. package/cjs/localization/LocaleFlag.js +5 -4
  224. package/cjs/localization/locales.d.ts +2 -2
  225. package/cjs/localization/locales.js +3 -6
  226. package/cjs/logo/Logo.d.ts +1 -1
  227. package/cjs/logo/Logo.js +12 -9
  228. package/cjs/media/index.js +1 -2
  229. package/cjs/menu/Menu.d.ts +1 -1
  230. package/cjs/menu/Menu.js +29 -23
  231. package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
  232. package/cjs/mobile-stepper/MobileStepper.js +17 -15
  233. package/cjs/nav-bar/NavBar.d.ts +9 -9
  234. package/cjs/nav-bar/NavBar.js +34 -24
  235. package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
  236. package/cjs/nav-menu/NavMenuItem.js +13 -11
  237. package/cjs/pagination/Pagination.d.ts +2 -2
  238. package/cjs/pagination/Pagination.js +50 -38
  239. package/cjs/pagination/Pagination.styles.d.ts +6 -6
  240. package/cjs/pagination/Pagination.styles.js +6 -12
  241. package/cjs/popper/Popper.d.ts +3 -3
  242. package/cjs/popper/Popper.js +21 -17
  243. package/cjs/progress-bar/ProgressBar.d.ts +1 -1
  244. package/cjs/progress-bar/ProgressBar.js +3 -3
  245. package/cjs/schedule/ScheduleItem.d.ts +8 -8
  246. package/cjs/schedule/ScheduleItem.js +11 -8
  247. package/cjs/schedule/ScheduleList.d.ts +3 -3
  248. package/cjs/schedule/ScheduleList.js +10 -11
  249. package/cjs/side-sheet/SideSheet.d.ts +4 -4
  250. package/cjs/side-sheet/SideSheet.js +41 -33
  251. package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
  252. package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
  253. package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
  254. package/cjs/side-sheet/SideSheetContent.js +10 -7
  255. package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
  256. package/cjs/side-sheet/SideSheetFooter.js +10 -7
  257. package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
  258. package/cjs/side-sheet/SideSheetHeader.js +10 -7
  259. package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
  260. package/cjs/side-sheet/SideSheetHeadline.js +6 -5
  261. package/cjs/site-layout/SiteLayout.d.ts +11 -11
  262. package/cjs/site-layout/SiteLayout.js +30 -19
  263. package/cjs/skeleton/Skeleton.d.ts +1 -1
  264. package/cjs/skeleton/Skeleton.js +6 -6
  265. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  266. package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
  267. package/cjs/spinner/Spinner.d.ts +7 -7
  268. package/cjs/spinner/Spinner.js +13 -13
  269. package/cjs/step/Step.d.ts +1 -1
  270. package/cjs/step/Step.js +29 -20
  271. package/cjs/step/Step.styles.d.ts +4 -4
  272. package/cjs/step/Step.styles.js +4 -8
  273. package/cjs/step/StepButton.d.ts +2 -2
  274. package/cjs/step/StepButton.js +30 -27
  275. package/cjs/step/StepContent.d.ts +1 -1
  276. package/cjs/step/StepContent.js +12 -10
  277. package/cjs/step/StepContext.d.ts +1 -1
  278. package/cjs/step/StepContext.js +1 -2
  279. package/cjs/step/StepLabel.d.ts +1 -1
  280. package/cjs/step/StepLabel.js +9 -7
  281. package/cjs/stepper/Stepper.d.ts +1 -1
  282. package/cjs/stepper/Stepper.js +12 -10
  283. package/cjs/stepper/StepperContext.d.ts +1 -1
  284. package/cjs/stepper/StepperContext.js +1 -2
  285. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
  286. package/cjs/styles/media.d.ts +1 -1
  287. package/cjs/styles/media.js +2 -4
  288. package/cjs/styles/style-helpers.d.ts +1 -1
  289. package/cjs/styles/theme.d.ts +1 -1
  290. package/cjs/styles/theme.js +2 -4
  291. package/cjs/surface/Surface.d.ts +9 -8
  292. package/cjs/surface/Surface.js +20 -14
  293. package/cjs/tab/Tab.d.ts +3 -3
  294. package/cjs/tab/Tab.js +9 -8
  295. package/cjs/tab/TabPanel.d.ts +2 -2
  296. package/cjs/tab/TabPanel.js +7 -7
  297. package/cjs/tab/Tabs.d.ts +3 -3
  298. package/cjs/tab/Tabs.js +32 -31
  299. package/cjs/tab/TabsContext.d.ts +3 -3
  300. package/cjs/tab/TabsContext.js +7 -8
  301. package/cjs/table/Table.d.ts +3 -3
  302. package/cjs/table/Table.js +17 -17
  303. package/cjs/table/TableBody.d.ts +2 -2
  304. package/cjs/table/TableBody.js +11 -12
  305. package/cjs/table/TableDataCell.d.ts +2 -2
  306. package/cjs/table/TableDataCell.js +13 -14
  307. package/cjs/table/TableHead.d.ts +3 -3
  308. package/cjs/table/TableHead.js +12 -15
  309. package/cjs/table/TableHeaderCell.d.ts +4 -4
  310. package/cjs/table/TableHeaderCell.js +14 -15
  311. package/cjs/table/TableRow.d.ts +2 -2
  312. package/cjs/table/TableRow.js +12 -14
  313. package/cjs/test/Test.js +5 -4
  314. package/cjs/tooltip/Tooltip.d.ts +3 -3
  315. package/cjs/tooltip/Tooltip.js +31 -25
  316. package/cjs/typography/Headlines.d.ts +36 -36
  317. package/cjs/typography/Headlines.js +25 -31
  318. package/cjs/typography/Text.d.ts +2 -2
  319. package/cjs/typography/Text.js +2 -3
  320. package/common/LockBodyScroll.d.ts +4 -3
  321. package/common/LockBodyScroll.js +28 -16
  322. package/common/arrow.d.ts +2 -2
  323. package/common/emotionCloneElement.js +1 -2
  324. package/common/intent.d.ts +1 -1
  325. package/common/polymorphic.d.ts +3 -3
  326. package/common/polymorphic.js +9 -3
  327. package/common/use-media.js +3 -3
  328. package/common/useOnClickOutside.d.ts +2 -2
  329. package/common/useOnClickOutside.js +2 -2
  330. package/common/utils.d.ts +3 -3
  331. package/counter/Counter.d.ts +3 -2
  332. package/counter/Counter.js +59 -51
  333. package/counter/PluralCounter.d.ts +4 -3
  334. package/counter/PluralCounter.js +24 -17
  335. package/data-table/DataTable.d.ts +1 -1
  336. package/data-table/DataTable.js +54 -41
  337. package/divider/Divider.d.ts +2 -2
  338. package/divider/Divider.js +10 -5
  339. package/drawer/Drawer.d.ts +6 -5
  340. package/drawer/Drawer.js +19 -11
  341. package/dropdown-menu/Dropdown.d.ts +3 -3
  342. package/dropdown-menu/Dropdown.js +47 -38
  343. package/dropdown-menu/DropdownContext.d.ts +4 -4
  344. package/dropdown-menu/DropdownContext.js +5 -4
  345. package/dropdown-menu/MenuCheckbox.js +24 -17
  346. package/dropdown-menu/MenuItem.d.ts +2 -2
  347. package/dropdown-menu/MenuItem.js +26 -18
  348. package/dropdown-menu/MenuTitle.js +14 -11
  349. package/elevation/index.d.ts +2 -2
  350. package/flexbox/FlexBox.d.ts +5 -5
  351. package/flexbox/FlexBox.js +2 -2
  352. package/footer/Footer.d.ts +2 -2
  353. package/footer/Footer.js +12 -7
  354. package/forms/assistive-text/AssistiveText.d.ts +3 -3
  355. package/forms/asterisk/Asterisk.js +4 -2
  356. package/forms/checkbox/Checkbox.d.ts +6 -6
  357. package/forms/checkbox/Checkbox.js +50 -41
  358. package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  359. package/forms/checkbox/ExampleControlComponent.js +15 -8
  360. package/forms/email-field/EmailField.d.ts +19 -3
  361. package/forms/email-field/EmailField.js +16 -6
  362. package/forms/error-text/ErrorText.d.ts +3 -3
  363. package/forms/field/Field.d.ts +1 -1
  364. package/forms/field/Field.js +9 -4
  365. package/forms/index.d.ts +3 -3
  366. package/forms/input/Input.d.ts +4 -4
  367. package/forms/input/Input.js +42 -36
  368. package/forms/input/InputComposition.d.ts +12 -12
  369. package/forms/input/InputComposition.js +41 -31
  370. package/forms/label/Label.d.ts +1 -1
  371. package/forms/label/Label.js +12 -4
  372. package/forms/number-field/NumberField.d.ts +19 -3
  373. package/forms/number-field/NumberField.js +17 -7
  374. package/forms/password-field/PasswordField.d.ts +2 -2
  375. package/forms/password-field/PasswordField.js +19 -14
  376. package/forms/radio/Radio.d.ts +4 -4
  377. package/forms/radio/Radio.js +33 -25
  378. package/forms/reactselect/ReactSelect.d.ts +14 -14
  379. package/forms/reactselect/ReactSelect.js +73 -67
  380. package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  381. package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
  382. package/forms/select/Select.d.ts +5 -5
  383. package/forms/select/Select.js +41 -34
  384. package/forms/select-field/SelectField.d.ts +13 -5
  385. package/forms/select-field/SelectField.js +44 -36
  386. package/forms/switch/Switch.d.ts +2 -2
  387. package/forms/switch/Switch.js +52 -40
  388. package/forms/tel-field/TelField.d.ts +19 -3
  389. package/forms/tel-field/TelField.js +16 -6
  390. package/forms/text-field/TextField.d.ts +22 -5
  391. package/forms/text-field/TextField.js +50 -42
  392. package/global-styles/GlobalStyles.js +3 -3
  393. package/global-styles/ResetStyles.js +2 -2
  394. package/global-styles/sanitize.d.ts +1 -1
  395. package/grid/Column.d.ts +1 -1
  396. package/grid/Column.js +14 -7
  397. package/grid/Container.d.ts +2 -2
  398. package/grid/Container.js +41 -35
  399. package/hero/Hero.d.ts +2 -2
  400. package/hero/Hero.js +42 -20
  401. package/hero/stripes.d.ts +2 -2
  402. package/hero/stripes.js +176 -160
  403. package/ie-banner/IEBanner.d.ts +1 -1
  404. package/ie-banner/IEBanner.js +14 -8
  405. package/index.d.ts +0 -1
  406. package/index.js +0 -1
  407. package/layout/LayoutLegacy.js +2 -2
  408. package/lists/FeatureList.d.ts +7 -7
  409. package/lists/FeatureList.js +21 -11
  410. package/lists/ListAddon.d.ts +1 -1
  411. package/lists/ListAddon.js +13 -6
  412. package/lists/ListDivider.d.ts +1 -1
  413. package/lists/ListDivider.js +10 -5
  414. package/lists/ListIcon.d.ts +2 -2
  415. package/lists/ListIcon.js +10 -5
  416. package/lists/ListItem.d.ts +2 -2
  417. package/lists/ListItem.js +13 -6
  418. package/lists/ListText.d.ts +3 -3
  419. package/lists/ListText.js +10 -5
  420. package/lists/ListTextGroup.d.ts +1 -1
  421. package/lists/ListTextGroup.js +10 -5
  422. package/lists/ListTitle.js +10 -5
  423. package/loader/DfdsLoader.d.ts +1 -1
  424. package/loader/DfdsLoader.js +26 -20
  425. package/loader/Loader.d.ts +1 -1
  426. package/loader/Loader.js +8 -2
  427. package/localization/LocaleFlag.d.ts +1 -1
  428. package/localization/LocaleFlag.js +10 -5
  429. package/localization/locales.d.ts +2 -2
  430. package/logo/Logo.d.ts +1 -1
  431. package/logo/Logo.js +14 -7
  432. package/menu/Menu.d.ts +1 -1
  433. package/menu/Menu.js +33 -21
  434. package/mobile-stepper/MobileStepper.d.ts +1 -1
  435. package/mobile-stepper/MobileStepper.js +26 -18
  436. package/nav-bar/NavBar.d.ts +9 -9
  437. package/nav-bar/NavBar.js +41 -23
  438. package/nav-menu/NavMenuItem.d.ts +1 -1
  439. package/nav-menu/NavMenuItem.js +12 -10
  440. package/package.json +16 -20
  441. package/pagination/Pagination.d.ts +2 -2
  442. package/pagination/Pagination.js +53 -35
  443. package/pagination/Pagination.styles.d.ts +6 -6
  444. package/popper/Popper.d.ts +3 -3
  445. package/popper/Popper.js +27 -17
  446. package/progress-bar/ProgressBar.d.ts +1 -1
  447. package/progress-bar/ProgressBar.js +2 -2
  448. package/schedule/ScheduleItem.d.ts +8 -8
  449. package/schedule/ScheduleItem.js +9 -4
  450. package/schedule/ScheduleList.d.ts +3 -3
  451. package/schedule/ScheduleList.js +16 -10
  452. package/side-sheet/SideSheet.d.ts +4 -4
  453. package/side-sheet/SideSheet.js +47 -34
  454. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  455. package/side-sheet/SideSheetCloseButton.js +10 -5
  456. package/side-sheet/SideSheetContent.d.ts +1 -1
  457. package/side-sheet/SideSheetContent.js +17 -8
  458. package/side-sheet/SideSheetFooter.d.ts +1 -1
  459. package/side-sheet/SideSheetFooter.js +17 -8
  460. package/side-sheet/SideSheetHeader.d.ts +1 -1
  461. package/side-sheet/SideSheetHeader.js +17 -8
  462. package/side-sheet/SideSheetHeadline.d.ts +1 -1
  463. package/side-sheet/SideSheetHeadline.js +5 -4
  464. package/site-layout/SiteLayout.d.ts +11 -11
  465. package/site-layout/SiteLayout.js +31 -12
  466. package/skeleton/Skeleton.d.ts +1 -1
  467. package/skeleton/Skeleton.js +10 -5
  468. package/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  469. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  470. package/spinner/Spinner.d.ts +7 -7
  471. package/spinner/Spinner.js +17 -10
  472. package/step/Step.d.ts +1 -1
  473. package/step/Step.js +34 -20
  474. package/step/Step.styles.d.ts +4 -4
  475. package/step/StepButton.d.ts +2 -2
  476. package/step/StepButton.js +27 -19
  477. package/step/StepContent.d.ts +1 -1
  478. package/step/StepContent.js +11 -9
  479. package/step/StepContext.d.ts +1 -1
  480. package/step/StepLabel.d.ts +1 -1
  481. package/step/StepLabel.js +8 -6
  482. package/stepper/Stepper.d.ts +1 -1
  483. package/stepper/Stepper.js +13 -11
  484. package/stepper/StepperContext.d.ts +1 -1
  485. package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
  486. package/styles/media.d.ts +1 -1
  487. package/styles/style-helpers.d.ts +1 -1
  488. package/styles/theme.d.ts +1 -1
  489. package/surface/Surface.d.ts +9 -8
  490. package/surface/Surface.js +17 -14
  491. package/tab/Tab.d.ts +3 -3
  492. package/tab/Tab.js +18 -11
  493. package/tab/TabPanel.d.ts +2 -2
  494. package/tab/TabPanel.js +6 -5
  495. package/tab/Tabs.d.ts +3 -3
  496. package/tab/Tabs.js +46 -39
  497. package/tab/TabsContext.d.ts +3 -3
  498. package/tab/TabsContext.js +5 -4
  499. package/table/Table.d.ts +3 -3
  500. package/table/Table.js +23 -17
  501. package/table/TableBody.d.ts +2 -2
  502. package/table/TableBody.js +15 -10
  503. package/table/TableDataCell.d.ts +2 -2
  504. package/table/TableDataCell.js +17 -12
  505. package/table/TableHead.d.ts +3 -3
  506. package/table/TableHead.js +13 -12
  507. package/table/TableHeaderCell.d.ts +4 -4
  508. package/table/TableHeaderCell.js +18 -13
  509. package/table/TableRow.d.ts +2 -2
  510. package/table/TableRow.js +14 -14
  511. package/test/Test.js +4 -2
  512. package/tooltip/Tooltip.d.ts +3 -3
  513. package/tooltip/Tooltip.js +34 -24
  514. package/typography/Headlines.d.ts +36 -36
  515. package/typography/Headlines.js +24 -17
  516. package/typography/Text.d.ts +2 -2
  517. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  518. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
  519. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  520. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  521. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  522. package/cjs/date-range-picker/DateRangePicker.js +0 -263
  523. package/cjs/date-range-picker/index.d.ts +0 -1
  524. package/cjs/date-range-picker/index.js +0 -13
  525. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  526. package/date-range-picker/DatePickerDefaultStyles.js +0 -12
  527. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  528. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
  529. package/date-range-picker/DateRangePicker.d.ts +0 -33
  530. package/date-range-picker/DateRangePicker.js +0 -310
  531. package/date-range-picker/index.d.ts +0 -1
  532. package/date-range-picker/index.js +0 -1
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
2
+ export type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
3
3
  export interface BannerActionProps {
4
4
  variation?: BannerActionVariation;
5
5
  onClick?: () => void;
@@ -10,8 +10,8 @@ var _theme = require("@dfds-ui/theme");
10
10
  var _typography = require("@dfds-ui/typography");
11
11
  var _button = require("../../button");
12
12
  var _Banner = require("./Banner");
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
15
  const getVariationStyle = bannerVariant => {
16
16
  switch (bannerVariant) {
17
17
  case 'lowEmphasis':
@@ -31,11 +31,12 @@ const BannerAction = ({
31
31
  const {
32
32
  variant: bannerVariant
33
33
  } = (0, _Banner.useBannerContext)();
34
- return (0, _react2.jsx)(_button.Button, _extends({
34
+ return (0, _jsxRuntime.jsx)(_button.Button, {
35
35
  variation: variation === 'primary-thick' ? 'outlined' : 'text',
36
36
  type: "button",
37
37
  css: /*#__PURE__*/(0, _react2.css)((variation === 'primary' || variation === 'secondary') && /*#__PURE__*/(0, _react2.css)(_typography.typography.action, ";padding:0 ", _theme.theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FVyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"), " flex:auto;flex-basis:auto;flex-grow:0;margin-left:", _theme.theme.spacing.xs, ";", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFYyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"),
38
- className: "BannerAction"
39
- }, rest));
38
+ className: "BannerAction",
39
+ ...rest
40
+ });
40
41
  };
41
42
  exports.BannerAction = BannerAction;
@@ -7,8 +7,8 @@ exports.BannerParagraph = exports.BannerHeadline = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _typography = require("@dfds-ui/typography");
9
9
  var _react2 = require("@emotion/react");
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
12
  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
13
  var _ref2 = process.env.NODE_ENV === "production" ? {
14
14
  name: "ti75j2",
@@ -19,11 +19,12 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
19
19
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
20
20
  };
21
21
  const BannerHeadline = props => {
22
- return (0, _react2.jsx)(_typography.Text, _extends({
22
+ return (0, _jsxRuntime.jsx)(_typography.Text, {
23
23
  as: "h2",
24
24
  styledAs: "bodyInterfaceBold",
25
- css: _ref2
26
- }, props));
25
+ css: _ref2,
26
+ ...props
27
+ });
27
28
  };
28
29
  exports.BannerHeadline = BannerHeadline;
29
30
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -35,10 +36,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
35
36
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
36
37
  };
37
38
  const BannerParagraph = props => {
38
- return (0, _react2.jsx)(_typography.Text, _extends({
39
+ return (0, _jsxRuntime.jsx)(_typography.Text, {
39
40
  as: "p",
40
41
  styledAs: "bodyInterface",
41
- css: _ref
42
- }, props));
42
+ css: _ref,
43
+ ...props
44
+ });
43
45
  };
44
46
  exports.BannerParagraph = BannerParagraph;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { Intent } from '../../common/intent';
3
- export declare type ToastProps = {
3
+ export type ToastProps = {
4
4
  children?: React.ReactNode;
5
5
  intent?: Intent;
6
6
  className?: string;
@@ -13,8 +13,8 @@ var _intent = require("../../common/intent");
13
13
  var _button = require("../../button");
14
14
  var _system = require("@dfds-ui/icons/system");
15
15
  var _Spinner = require("../../spinner/Spinner");
16
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
16
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
18
  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)."; }
19
19
  const ToastWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
20
20
  target: "e145csjx4"
@@ -65,20 +65,25 @@ const Toast = ({
65
65
  }) => {
66
66
  const handleClose = () => onRequestClose && onRequestClose();
67
67
  const handleAction = () => onRequestAction && onRequestAction();
68
- return (0, _react2.jsx)(ToastWrapper, _extends({
69
- intent: intent
70
- }, rest), loading && (0, _react2.jsx)(Spinner, null), (0, _react2.jsx)(ToastText, null, children), onRequestAction && (0, _react2.jsx)(ActionButton, {
71
- variation: "text",
72
- onClick: handleAction
73
- }, actionLabel), onRequestClose && (0, _react2.jsx)("span", {
74
- css: _ref
75
- }, (0, _react2.jsx)(CloseIconButton, {
76
- size: "small",
77
- icon: _system.Close,
78
- ariaLabel: "Close",
79
- onClick: handleClose,
80
- "data-testid": "toast-close"
81
- })));
68
+ return (0, _jsxRuntime.jsxs)(ToastWrapper, {
69
+ intent: intent,
70
+ ...rest,
71
+ children: [loading && (0, _jsxRuntime.jsx)(Spinner, {}), (0, _jsxRuntime.jsx)(ToastText, {
72
+ children: children
73
+ }), onRequestAction && (0, _jsxRuntime.jsx)(ActionButton, {
74
+ variation: "text",
75
+ onClick: handleAction,
76
+ children: actionLabel
77
+ }), onRequestClose && (0, _jsxRuntime.jsx)("span", {
78
+ css: _ref,
79
+ children: (0, _jsxRuntime.jsx)(CloseIconButton, {
80
+ size: "small",
81
+ icon: _system.Close,
82
+ ariaLabel: "Close",
83
+ onClick: handleClose,
84
+ "data-testid": "toast-close"
85
+ })
86
+ })]
87
+ });
82
88
  };
83
- var _default = Toast;
84
- exports.default = _default;
89
+ var _default = exports.default = Toast;
@@ -1,15 +1,15 @@
1
- import React, { PropsWithChildren, FunctionComponent } from 'react';
1
+ import React, { FunctionComponent } from 'react';
2
2
  import { ToastProps } from './Toast';
3
- declare type TimeoutType = {
3
+ type TimeoutType = {
4
4
  timeout?: number;
5
5
  };
6
- declare type ToasterState = {
6
+ type ToasterState = {
7
7
  open: boolean;
8
8
  hasActive: boolean;
9
9
  toastProps: ToastProps | null;
10
10
  } & TimeoutType;
11
11
  export declare const useToaster: () => {
12
- addToast: (props: PropsWithChildren<ToastProps & TimeoutType>) => Promise<void>;
12
+ addToast: (props: ToastProps & TimeoutType) => Promise<void>;
13
13
  state: ToasterState;
14
14
  };
15
15
  declare const Toaster: FunctionComponent<{
@@ -8,10 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _ = require(".");
10
10
  var _material = require("@mui/material");
11
- var _react2 = require("@emotion/react");
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
12
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
14
  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)."; }
16
15
  const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
17
16
  target: "e271rjj0"
@@ -23,7 +22,7 @@ const Container = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
23
22
  styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px"
24
23
  } : {
25
24
  name: "vzyge",
26
- styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwge1xuICB1c2VFZmZlY3QsXG4gIHVzZVJlZHVjZXIsXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VSZWYsXG4gIHVzZUNvbnRleHQsXG4gIGNyZWF0ZUNvbnRleHQsXG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICBGdW5jdGlvbkNvbXBvbmVudCxcbn0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogUHJvcHNXaXRoQ2hpbGRyZW48VG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlPikgPT4gUHJvbWlzZTx2b2lkPlxufSB8IG51bGw+KG51bGwpXG5cbmV4cG9ydCBjb25zdCB1c2VUb2FzdGVyID0gKCkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gdXNlQ29udGV4dChUb2FzdGVyQ29udGV4dClcbiAgaWYgKCFjb250ZXh0KSB7XG4gICAgdGhyb3cgbmV3IEVycm9yKCd1c2VUb2FzdGVyIG11c3QgYmUgdXNlZCBpbnNpZGUgb2YgVG9hc3RlciBQcm92aWRlciBjb21wb25lbnQnKVxuICB9XG4gIHJldHVybiB7IGFkZFRvYXN0OiBjb250ZXh0LmhhbmRsZU9uT3Blbiwgc3RhdGU6IGNvbnRleHQuc3RhdGUgfVxufVxuXG5jb25zdCBpbml0aWFsU3RhdGUgPSB7XG4gIG9wZW46IGZhbHNlLFxuICBoYXNBY3RpdmU6IGZhbHNlLFxuICB0b2FzdFByb3BzOiBudWxsLFxuICB0aW1lb3V0OiAzMDAwLFxufVxuXG5jb25zdCB0b2FzdGVyUmVkdWNlciA9IChzdGF0ZTogVG9hc3RlclN0YXRlLCBhY3Rpb246IGFueSkgPT4ge1xuICBzd2l0Y2ggKGFjdGlvbi50eXBlKSB7XG4gICAgY2FzZSAnQ0xPU0UnOlxuICAgICAgcmV0dXJuIGluaXRpYWxTdGF0ZVxuICAgIGNhc2UgJ09QRU4nOlxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgb3BlbjogdHJ1ZSxcbiAgICAgICAgaGFzQWN0aXZlOiB0cnVlLFxuICAgICAgICB0b2FzdFByb3BzOiBhY3Rpb24ucGF5bG9hZCxcbiAgICAgICAgdGltZW91dDogYWN0aW9uLnBheWxvYWQudGltZW91dCB8fCBzdGF0ZS50aW1lb3V0LFxuICAgICAgfVxuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gc3RhdGVcbiAgfVxufVxuXG5jb25zdCBUb2FzdGVyOiBGdW5jdGlvbkNvbXBvbmVudDx7IGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGUgfCBSZWFjdC5SZWFjdE5vZGVbXTsgZ2xvYmFsVGltZW91dD86IG51bWJlciB9PiA9ICh7XG4gIGNoaWxkcmVuLFxuICBnbG9iYWxUaW1lb3V0LFxufSkgPT4ge1xuICBjb25zdCBbeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSwgZGlzcGF0Y2hdID0gdXNlUmVkdWNlcih0b2FzdGVyUmVkdWNlciwge1xuICAgIC4uLmluaXRpYWxTdGF0ZSxcbiAgICB0aW1lb3V0OiBnbG9iYWxUaW1lb3V0IHx8IGluaXRpYWxTdGF0ZS50aW1lb3V0LFxuICB9KVxuICBjb25zdCB0aW1lclJlZiA9IHVzZVJlZjxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCBoYW5kbGVUaW1lb3V0Q2xlYW5VcCA9ICgpID0+IHtcbiAgICB0aW1lclJlZi5jdXJyZW50ICYmIHdpbmRvdy5jbGVhclRpbWVvdXQodGltZXJSZWYuY3VycmVudClcbiAgICB0aW1lclJlZi5jdXJyZW50ID0gbnVsbFxuICB9XG4gIGNvbnN0IGhhbmRsZVRpbWVvdXQgPSB1c2VDYWxsYmFjayhcbiAgICAoKSA9PiAodGltZXJSZWYuY3VycmVudCA9IHdpbmRvdy5zZXRUaW1lb3V0KCgpID0+IGhhbmRsZU9uQ2xvc2UoKSwgdGltZW91dCkpLFxuICAgIFt0aW1lb3V0XVxuICApXG5cbiAgZnVuY3Rpb24gc2xlZXAoKSB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlPHZvaWQ+KChyZXNvbHZlKSA9PiB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHJlc29sdmUoKSwgMzAwKVxuICAgIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbkNsb3NlID0gKCkgPT4ge1xuICAgIGRpc3BhdGNoKHsgdHlwZTogJ0NMT1NFJyB9KVxuICB9XG5cbiAgY29uc3QgaGFuZGxlT25PcGVuID0gYXN5bmMgKHBheWxvYWQ6IFRvYXN0UHJvcHMpID0+IHtcbiAgICBpZiAoaGFzQWN0aXZlKSB7XG4gICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgIGF3YWl0IHNsZWVwKClcbiAgICB9XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnT1BFTicsIHBheWxvYWQgfSlcbiAgfVxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChvcGVuKSB7XG4gICAgICBoYW5kbGVUaW1lb3V0KClcbiAgICB9XG4gICAgcmV0dXJuIGhhbmRsZVRpbWVvdXRDbGVhblVwXG4gIH0sIFtoYW5kbGVUaW1lb3V0LCBvcGVuXSlcbiAgcmV0dXJuIChcbiAgICA8PlxuICAgICAgPFRvYXN0ZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXt7IGhhbmRsZU9uT3Blbiwgc3RhdGU6IHsgb3BlbiwgaGFzQWN0aXZlLCB0b2FzdFByb3BzLCB0aW1lb3V0IH0gfX0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvVG9hc3RlckNvbnRleHQuUHJvdmlkZXI+XG4gICAgICB7b3BlbiAmJiAoXG4gICAgICAgIDxDb250YWluZXIgb25Nb3VzZUVudGVyPXtoYW5kbGVUaW1lb3V0Q2xlYW5VcH0gb25Nb3VzZUxlYXZlPXtoYW5kbGVUaW1lb3V0fT5cbiAgICAgICAgICA8RmFkZSBpbj17b3Blbn0gbW91bnRPbkVudGVyIHVubW91bnRPbkV4aXQgb25FeGl0ZWQ9e2hhbmRsZVRpbWVvdXRDbGVhblVwfT5cbiAgICAgICAgICAgIDxkaXY+XG4gICAgICAgICAgICAgIDxUb2FzdFxuICAgICAgICAgICAgICAgIHsuLi50b2FzdFByb3BzfVxuICAgICAgICAgICAgICAgIHsuLi4odG9hc3RQcm9wcz8ub25SZXF1ZXN0Q2xvc2VcbiAgICAgICAgICAgICAgICAgID8ge1xuICAgICAgICAgICAgICAgICAgICAgIG9uUmVxdWVzdENsb3NlOiAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICBoYW5kbGVPbkNsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICAgIHRvYXN0UHJvcHMub25SZXF1ZXN0Q2xvc2UgJiYgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSgpXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgOiB7fSl9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L0ZhZGU+XG4gICAgICAgIDwvQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8Lz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBUb2FzdGVyXG4iXX0= */",
25
+ styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZUNvbnRleHQsIGNyZWF0ZUNvbnRleHQsIEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogVG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlKSA9PiBQcm9taXNlPHZvaWQ+XG59IHwgbnVsbD4obnVsbClcblxuZXhwb3J0IGNvbnN0IHVzZVRvYXN0ZXIgPSAoKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFRvYXN0ZXJDb250ZXh0KVxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVRvYXN0ZXIgbXVzdCBiZSB1c2VkIGluc2lkZSBvZiBUb2FzdGVyIFByb3ZpZGVyIGNvbXBvbmVudCcpXG4gIH1cbiAgcmV0dXJuIHsgYWRkVG9hc3Q6IGNvbnRleHQuaGFuZGxlT25PcGVuLCBzdGF0ZTogY29udGV4dC5zdGF0ZSB9XG59XG5cbmNvbnN0IGluaXRpYWxTdGF0ZSA9IHtcbiAgb3BlbjogZmFsc2UsXG4gIGhhc0FjdGl2ZTogZmFsc2UsXG4gIHRvYXN0UHJvcHM6IG51bGwsXG4gIHRpbWVvdXQ6IDMwMDAsXG59XG5cbmNvbnN0IHRvYXN0ZXJSZWR1Y2VyID0gKHN0YXRlOiBUb2FzdGVyU3RhdGUsIGFjdGlvbjogYW55KSA9PiB7XG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlICdDTE9TRSc6XG4gICAgICByZXR1cm4gaW5pdGlhbFN0YXRlXG4gICAgY2FzZSAnT1BFTic6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBvcGVuOiB0cnVlLFxuICAgICAgICBoYXNBY3RpdmU6IHRydWUsXG4gICAgICAgIHRvYXN0UHJvcHM6IGFjdGlvbi5wYXlsb2FkLFxuICAgICAgICB0aW1lb3V0OiBhY3Rpb24ucGF5bG9hZC50aW1lb3V0IHx8IHN0YXRlLnRpbWVvdXQsXG4gICAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBzdGF0ZVxuICB9XG59XG5cbmNvbnN0IFRvYXN0ZXI6IEZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LlJlYWN0Tm9kZVtdOyBnbG9iYWxUaW1lb3V0PzogbnVtYmVyIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGdsb2JhbFRpbWVvdXQsXG59KSA9PiB7XG4gIGNvbnN0IFt7IG9wZW4sIGhhc0FjdGl2ZSwgdG9hc3RQcm9wcywgdGltZW91dCB9LCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHRvYXN0ZXJSZWR1Y2VyLCB7XG4gICAgLi4uaW5pdGlhbFN0YXRlLFxuICAgIHRpbWVvdXQ6IGdsb2JhbFRpbWVvdXQgfHwgaW5pdGlhbFN0YXRlLnRpbWVvdXQsXG4gIH0pXG4gIGNvbnN0IHRpbWVyUmVmID0gdXNlUmVmPG51bWJlciB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGhhbmRsZVRpbWVvdXRDbGVhblVwID0gKCkgPT4ge1xuICAgIHRpbWVyUmVmLmN1cnJlbnQgJiYgd2luZG93LmNsZWFyVGltZW91dCh0aW1lclJlZi5jdXJyZW50KVxuICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBudWxsXG4gIH1cbiAgY29uc3QgaGFuZGxlVGltZW91dCA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+ICh0aW1lclJlZi5jdXJyZW50ID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4gaGFuZGxlT25DbG9zZSgpLCB0aW1lb3V0KSksXG4gICAgW3RpbWVvdXRdXG4gIClcblxuICBmdW5jdGlvbiBzbGVlcCgpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4oKHJlc29sdmUpID0+IHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gcmVzb2x2ZSgpLCAzMDApXG4gICAgfSlcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2xvc2UgPSAoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnQ0xPU0UnIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbk9wZW4gPSBhc3luYyAocGF5bG9hZDogVG9hc3RQcm9wcykgPT4ge1xuICAgIGlmIChoYXNBY3RpdmUpIHtcbiAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgYXdhaXQgc2xlZXAoKVxuICAgIH1cbiAgICBkaXNwYXRjaCh7IHR5cGU6ICdPUEVOJywgcGF5bG9hZCB9KVxuICB9XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGhhbmRsZVRpbWVvdXQoKVxuICAgIH1cbiAgICByZXR1cm4gaGFuZGxlVGltZW91dENsZWFuVXBcbiAgfSwgW2hhbmRsZVRpbWVvdXQsIG9wZW5dKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9hc3RlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgaGFuZGxlT25PcGVuLCBzdGF0ZTogeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSB9fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Ub2FzdGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIHtvcGVuICYmIChcbiAgICAgICAgPENvbnRhaW5lciBvbk1vdXNlRW50ZXI9e2hhbmRsZVRpbWVvdXRDbGVhblVwfSBvbk1vdXNlTGVhdmU9e2hhbmRsZVRpbWVvdXR9PlxuICAgICAgICAgIDxGYWRlIGluPXtvcGVufSBtb3VudE9uRW50ZXIgdW5tb3VudE9uRXhpdCBvbkV4aXRlZD17aGFuZGxlVGltZW91dENsZWFuVXB9PlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPFRvYXN0XG4gICAgICAgICAgICAgICAgey4uLnRvYXN0UHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLih0b2FzdFByb3BzPy5vblJlcXVlc3RDbG9zZVxuICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgb25SZXF1ZXN0Q2xvc2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgICAgICAgICAgICAgICAgICAgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSAmJiB0b2FzdFByb3BzLm9uUmVxdWVzdENsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICA6IHt9KX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0ZXJcbiJdfQ== */",
27
26
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
27
  });
29
28
  const ToasterContext = /*#__PURE__*/(0, _react.createContext)(null);
@@ -104,30 +103,39 @@ const Toaster = ({
104
103
  }
105
104
  return handleTimeoutCleanUp;
106
105
  }, [handleTimeout, open]);
107
- return (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(ToasterContext.Provider, {
108
- value: {
109
- handleOnOpen,
110
- state: {
111
- open,
112
- hasActive,
113
- toastProps,
114
- timeout
115
- }
116
- }
117
- }, children), open && (0, _react2.jsx)(Container, {
118
- onMouseEnter: handleTimeoutCleanUp,
119
- onMouseLeave: handleTimeout
120
- }, (0, _react2.jsx)(_material.Fade, {
121
- in: open,
122
- mountOnEnter: true,
123
- unmountOnExit: true,
124
- onExited: handleTimeoutCleanUp
125
- }, (0, _react2.jsx)("div", null, (0, _react2.jsx)(_.Toast, _extends({}, toastProps, toastProps?.onRequestClose ? {
126
- onRequestClose: () => {
127
- handleOnClose();
128
- toastProps.onRequestClose && toastProps.onRequestClose();
129
- }
130
- } : {}))))));
106
+ return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
107
+ children: [(0, _jsxRuntime.jsx)(ToasterContext.Provider, {
108
+ value: {
109
+ handleOnOpen,
110
+ state: {
111
+ open,
112
+ hasActive,
113
+ toastProps,
114
+ timeout
115
+ }
116
+ },
117
+ children: children
118
+ }), open && (0, _jsxRuntime.jsx)(Container, {
119
+ onMouseEnter: handleTimeoutCleanUp,
120
+ onMouseLeave: handleTimeout,
121
+ children: (0, _jsxRuntime.jsx)(_material.Fade, {
122
+ in: open,
123
+ mountOnEnter: true,
124
+ unmountOnExit: true,
125
+ onExited: handleTimeoutCleanUp,
126
+ children: (0, _jsxRuntime.jsx)("div", {
127
+ children: (0, _jsxRuntime.jsx)(_.Toast, {
128
+ ...toastProps,
129
+ ...(toastProps?.onRequestClose ? {
130
+ onRequestClose: () => {
131
+ handleOnClose();
132
+ toastProps.onRequestClose && toastProps.onRequestClose();
133
+ }
134
+ } : {})
135
+ })
136
+ })
137
+ })
138
+ })]
139
+ });
131
140
  };
132
- var _default = Toaster;
133
- exports.default = _default;
141
+ var _default = exports.default = Toaster;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Intent } from '../common/intent';
3
3
  import { FlexBoxProps } from '../flexbox/FlexBox';
4
- export declare type BadgeProps = {
4
+ export type BadgeProps = {
5
5
  /**
6
6
  * Specifies the intent of the Badge
7
7
  */
@@ -10,8 +10,8 @@ var _theme = require("@dfds-ui/theme");
10
10
  var _typography = require("@dfds-ui/typography");
11
11
  var _intent = require("../common/intent");
12
12
  var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
15
  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)."; }
16
16
  var _ref = process.env.NODE_ENV === "production" ? {
17
17
  name: "1h52dri",
@@ -30,11 +30,15 @@ function Badge({
30
30
  },
31
31
  ...rest
32
32
  }) {
33
- return (0, _react2.jsx)(_FlexBox.default, _extends({
33
+ return (0, _jsxRuntime.jsx)(_FlexBox.default, {
34
34
  as: as,
35
- css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
36
- }, flexBoxProps, rest), (0, _react2.jsx)(_typography.Text, {
37
- css: _ref,
38
- styledAs: "bodyInterfaceSmall"
39
- }, children));
35
+ css: /*#__PURE__*/(0, _react2.css)("align-items:center;background-color:", (0, _intent.getIntentColor)(intent), ";border-radius:0.625rem;color:", (0, _intent.getIntentTextColor)(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && `calc(100% - ${_theme.theme.spacing.xs})`, ";padding:0 ", _theme.theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */"),
36
+ ...flexBoxProps,
37
+ ...rest,
38
+ children: (0, _jsxRuntime.jsx)(_typography.Text, {
39
+ css: _ref,
40
+ styledAs: "bodyInterfaceSmall",
41
+ children: children
42
+ })
43
+ });
40
44
  }
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- export declare type BadgeIconProps = {
2
+ export type BadgeIconProps = {
3
3
  letter: string;
4
4
  className?: string;
5
5
  };
@@ -7,32 +7,34 @@ exports.default = exports.BadgeIcon = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
12
  const BadgeIcon = ({
12
13
  letter,
13
14
  className
14
15
  }) => {
15
- return (0, _react2.jsx)("svg", {
16
+ return (0, _jsxRuntime.jsxs)("svg", {
16
17
  css: /*#__PURE__*/(0, _react2.css)("font-family:", _theme.theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
17
18
  width: "1em",
18
19
  height: "1em",
19
20
  viewBox: "0 0 24 24",
20
21
  focusable: false,
21
- className: className
22
- }, (0, _react2.jsx)("circle", {
23
- cx: "50%",
24
- cy: "50%",
25
- r: "50%"
26
- }), (0, _react2.jsx)("text", {
27
- textAnchor: "middle",
28
- x: "50%",
29
- y: "50%",
30
- dy: "0.325em",
31
- fontSize: "0.875rem",
32
- fontWeight: 200,
33
- fill: "#fff"
34
- }, letter.toUpperCase()));
22
+ className: className,
23
+ children: [(0, _jsxRuntime.jsx)("circle", {
24
+ cx: "50%",
25
+ cy: "50%",
26
+ r: "50%"
27
+ }), (0, _jsxRuntime.jsx)("text", {
28
+ textAnchor: "middle",
29
+ x: "50%",
30
+ y: "50%",
31
+ dy: "0.325em",
32
+ fontSize: "0.875rem",
33
+ fontWeight: 200,
34
+ fill: "#fff",
35
+ children: letter.toUpperCase()
36
+ })]
37
+ });
35
38
  };
36
39
  exports.BadgeIcon = BadgeIcon;
37
- var _default = BadgeIcon;
38
- exports.default = _default;
40
+ var _default = exports.default = BadgeIcon;
@@ -1,14 +1,14 @@
1
1
  import * as React from 'react';
2
2
  export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
3
- export declare type BaseButtonProps = React.PropsWithoutRef<JSX.IntrinsicElements['button']>;
4
- export declare type ButtonVariation = typeof variations[number];
5
- export declare type ButtonVariationProps = {
3
+ export type BaseButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['button']>;
4
+ export type ButtonVariation = (typeof variations)[number];
5
+ export type ButtonVariationProps = {
6
6
  variation?: ButtonVariation;
7
7
  };
8
8
  export declare const BaseButton: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme | undefined;
10
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
9
+ theme?: import("@emotion/react").Theme;
10
+ as?: React.ElementType;
11
11
  } & {
12
- selected?: boolean | undefined;
12
+ selected?: boolean;
13
13
  }, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
14
14
  export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/utils").SerializedStyles;
@@ -10,15 +10,13 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
10
10
  var _buttonStyle = require("./button-style");
11
11
  var _theme = require("@dfds-ui/theme");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- const variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
14
- exports.variations = variations;
15
- const BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
13
+ const variations = exports.variations = ['primary', 'secondary', 'outlined', 'text', 'danger', 'link'];
14
+ const BaseButton = exports.BaseButton = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
16
15
  target: "egdn0t20"
17
16
  } : {
18
17
  target: "egdn0t20",
19
18
  label: "BaseButton"
20
- })(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxKU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSB0eXBlb2YgdmFyaWF0aW9uc1tudW1iZXJdXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb25Qcm9wcyA9IHsgdmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uIH1cblxuZXhwb3J0IGNvbnN0IEJhc2VCdXR0b24gPSBzdHlsZWQuYnV0dG9uPHsgc2VsZWN0ZWQ/OiBib29sZWFuIH0+YFxuICAke2Jhc2VCdXR0b25TdHlsZX07XG4gICR7KHByb3BzKSA9PiB0aGVtZS5zdGF0ZXMub3ZlcmxheShwcm9wcy5zZWxlY3RlZCl9O1xuYFxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QnV0dG9uVmFyaWF0aW9uU3R5bGUodmFyaWF0aW9uPzogQnV0dG9uVmFyaWF0aW9uKSB7XG4gIHN3aXRjaCAodmFyaWF0aW9uKSB7XG4gICAgZGVmYXVsdDpcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICAgIHJldHVybiBwcmltYXJ5QnV0dG9uU3R5bGVzXG4gICAgY2FzZSAnc2Vjb25kYXJ5JzpcbiAgICAgIHJldHVybiBzZWNvbmRhcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdvdXRsaW5lZCc6XG4gICAgICByZXR1cm4gb3V0bGluZWRCdXR0b25TdHlsZXNcbiAgfVxufVxuIl19 */"));
21
- exports.BaseButton = BaseButton;
19
+ })(_buttonStyle.baseButtonStyle, ";", props => _theme.theme.states.overlay(props.selected), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSAodHlwZW9mIHZhcmlhdGlvbnMpW251bWJlcl1cbmV4cG9ydCB0eXBlIEJ1dHRvblZhcmlhdGlvblByb3BzID0geyB2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24gfVxuXG5leHBvcnQgY29uc3QgQmFzZUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gICR7YmFzZUJ1dHRvblN0eWxlfTtcbiAgJHsocHJvcHMpID0+IHRoZW1lLnN0YXRlcy5vdmVybGF5KHByb3BzLnNlbGVjdGVkKX07XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCdXR0b25WYXJpYXRpb25TdHlsZSh2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24pIHtcbiAgc3dpdGNoICh2YXJpYXRpb24pIHtcbiAgICBkZWZhdWx0OlxuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIHByaW1hcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgcmV0dXJuIHNlY29uZGFyeUJ1dHRvblN0eWxlc1xuICAgIGNhc2UgJ291dGxpbmVkJzpcbiAgICAgIHJldHVybiBvdXRsaW5lZEJ1dHRvblN0eWxlc1xuICB9XG59XG4iXX0= */"));
22
20
  function getButtonVariationStyle(variation) {
23
21
  switch (variation) {
24
22
  default:
@@ -1,8 +1,8 @@
1
1
  import React from 'react';
2
2
  import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
3
- declare type ButtonSize = 'medium' | 'small';
4
- declare type IconAlign = 'left' | 'right';
5
- export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
3
+ type ButtonSize = 'medium' | 'small';
4
+ type IconAlign = 'left' | 'right';
5
+ export type ButtonProps = BaseButtonProps & ButtonVariationProps & {
6
6
  className?: string;
7
7
  replace?: boolean;
8
8
  submitting?: boolean;
@@ -15,5 +15,5 @@ export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
15
15
  as?: React.ElementType;
16
16
  children?: React.ReactNode;
17
17
  };
18
- declare const Button: React.FC<ButtonProps>;
18
+ declare const Button: ({ variation, children, submitting, size, icon, iconSpacing, iconAlign, iconColor, title, disabled, ...rest }: ButtonProps) => React.JSX.Element;
19
19
  export default Button;