@dfds-ui/react-components 2.2.0-alpha.c35ceba3 → 2.2.0-alpha.c79adffa

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 (465) hide show
  1. package/accordion/Accordion.js +3 -3
  2. package/accordion/AccordionContent.d.ts +0 -1
  3. package/accordion/AccordionContent.js +4 -4
  4. package/accordion/AccordionSmall.d.ts +0 -1
  5. package/accordion/AccordionSmall.js +7 -7
  6. package/app-bar/AppBar.js +5 -5
  7. package/app-bar/AppBarContext.js +2 -2
  8. package/app-bar/AppBarDrawer.js +3 -3
  9. package/app-bar/AppBarIconButton.js +3 -3
  10. package/app-bar/AppBarItem.d.ts +1 -1
  11. package/app-bar/AppBarItem.js +16 -16
  12. package/app-bar/AppBarListItem.d.ts +1 -0
  13. package/assertions/banner/Banner.js +5 -5
  14. package/assertions/banner/BannerAction.js +3 -3
  15. package/assertions/banner/BannerTypography.d.ts +0 -2
  16. package/assertions/banner/BannerTypography.js +3 -3
  17. package/assertions/toast/Toast.d.ts +0 -1
  18. package/assertions/toast/Toast.js +9 -9
  19. package/assertions/toast/Toaster.js +21 -31
  20. package/badge/Badge.d.ts +1 -1
  21. package/badge/Badge.js +3 -3
  22. package/button/BadgeIcon.d.ts +2 -2
  23. package/button/BaseButton.d.ts +1 -1
  24. package/button/Button.js +3 -3
  25. package/button/IconButton.d.ts +1 -1
  26. package/button/IconButton.js +3 -3
  27. package/button/LinkButton.d.ts +1 -1
  28. package/button/LinkButton.js +1 -1
  29. package/button-stack/ButtonStack.d.ts +0 -1
  30. package/button-stack/ButtonStack.js +6 -6
  31. package/card/Card.d.ts +0 -1
  32. package/card/Card.js +15 -15
  33. package/card/CardActions.js +3 -3
  34. package/card/CardContent.d.ts +1 -2
  35. package/card/CardContent.js +4 -4
  36. package/card/CardMedia.d.ts +1 -2
  37. package/card/CardMedia.js +4 -4
  38. package/card/CardPriceTag.d.ts +2 -2
  39. package/card/CardPriceTag.js +2 -2
  40. package/card/CardTitle.d.ts +1 -2
  41. package/card/CardTitle.js +5 -5
  42. package/chip/Chip.d.ts +2 -2
  43. package/chip/Chip.js +5 -5
  44. package/cjs/accordion/Accordion.js +25 -22
  45. package/cjs/accordion/AccordionContent.d.ts +0 -1
  46. package/cjs/accordion/AccordionContent.js +10 -9
  47. package/cjs/accordion/AccordionSmall.d.ts +0 -1
  48. package/cjs/accordion/AccordionSmall.js +19 -17
  49. package/cjs/accordion/index.js +3 -3
  50. package/cjs/app-bar/AppBar.js +64 -44
  51. package/cjs/app-bar/AppBarContext.js +15 -3
  52. package/cjs/app-bar/AppBarDrawer.js +11 -11
  53. package/cjs/app-bar/AppBarIconButton.js +10 -8
  54. package/cjs/app-bar/AppBarItem.d.ts +1 -1
  55. package/cjs/app-bar/AppBarItem.js +44 -32
  56. package/cjs/app-bar/AppBarListItem.d.ts +1 -0
  57. package/cjs/app-bar/AppBarListItem.js +1 -2
  58. package/cjs/app-bar/index.js +8 -8
  59. package/cjs/assertions/banner/Banner.js +45 -27
  60. package/cjs/assertions/banner/BannerAction.js +9 -7
  61. package/cjs/assertions/banner/BannerTypography.d.ts +0 -2
  62. package/cjs/assertions/banner/BannerTypography.js +2 -2
  63. package/cjs/assertions/banner/index.js +3 -3
  64. package/cjs/assertions/index.js +2 -2
  65. package/cjs/assertions/toast/Toast.d.ts +0 -1
  66. package/cjs/assertions/toast/Toast.js +20 -17
  67. package/cjs/assertions/toast/Toaster.js +40 -22
  68. package/cjs/assertions/toast/index.js +4 -4
  69. package/cjs/badge/Badge.d.ts +1 -1
  70. package/cjs/badge/Badge.js +14 -9
  71. package/cjs/badge/index.js +3 -3
  72. package/cjs/button/BadgeIcon.d.ts +2 -2
  73. package/cjs/button/BadgeIcon.js +1 -2
  74. package/cjs/button/BaseButton.d.ts +1 -1
  75. package/cjs/button/BaseButton.js +2 -4
  76. package/cjs/button/Button.js +21 -15
  77. package/cjs/button/IconButton.d.ts +1 -1
  78. package/cjs/button/IconButton.js +28 -21
  79. package/cjs/button/LinkButton.d.ts +1 -1
  80. package/cjs/button/LinkButton.js +2 -3
  81. package/cjs/button/button-style.js +8 -15
  82. package/cjs/button/index.js +8 -8
  83. package/cjs/button-stack/ButtonStack.d.ts +0 -1
  84. package/cjs/button-stack/ButtonStack.js +16 -13
  85. package/cjs/button-stack/index.js +1 -1
  86. package/cjs/card/Card.d.ts +0 -1
  87. package/cjs/card/Card.js +44 -30
  88. package/cjs/card/CardActions.js +11 -8
  89. package/cjs/card/CardContent.d.ts +1 -2
  90. package/cjs/card/CardContent.js +17 -14
  91. package/cjs/card/CardMedia.d.ts +1 -2
  92. package/cjs/card/CardMedia.js +12 -10
  93. package/cjs/card/CardPriceTag.d.ts +2 -2
  94. package/cjs/card/CardPriceTag.js +12 -9
  95. package/cjs/card/CardTitle.d.ts +1 -2
  96. package/cjs/card/CardTitle.js +14 -13
  97. package/cjs/card/index.js +6 -6
  98. package/cjs/chip/Chip.d.ts +2 -2
  99. package/cjs/chip/Chip.js +29 -15
  100. package/cjs/chip/index.js +3 -3
  101. package/cjs/common/LockBodyScroll.js +9 -8
  102. package/cjs/common/emotionCloneElement.d.ts +1 -0
  103. package/cjs/common/emotionCloneElement.js +9 -7
  104. package/cjs/common/polymorphic.d.ts +2 -2
  105. package/cjs/common/polymorphic.js +3 -3
  106. package/cjs/common/use-media.js +10 -1
  107. package/cjs/common/useOnClickOutside.d.ts +1 -0
  108. package/cjs/counter/Counter.js +16 -8
  109. package/cjs/counter/PluralCounter.js +23 -12
  110. package/cjs/counter/index.js +2 -2
  111. package/cjs/data-table/DataTable.d.ts +1 -2
  112. package/cjs/data-table/DataTable.js +29 -19
  113. package/cjs/data-table/index.js +1 -1
  114. package/cjs/date-range-picker/DatePickerDefaultStyles.js +1 -2
  115. package/cjs/date-range-picker/DatePickerDfdsStyles.js +1 -2
  116. package/cjs/date-range-picker/DateRangePicker.js +56 -30
  117. package/cjs/date-range-picker/index.js +1 -1
  118. package/cjs/divider/Divider.d.ts +1 -1
  119. package/cjs/divider/Divider.js +10 -11
  120. package/cjs/divider/index.js +1 -1
  121. package/cjs/drawer/Drawer.js +16 -12
  122. package/cjs/drawer/index.js +1 -1
  123. package/cjs/dropdown-menu/Dropdown.d.ts +1 -1
  124. package/cjs/dropdown-menu/Dropdown.js +33 -20
  125. package/cjs/dropdown-menu/DropdownContext.js +3 -5
  126. package/cjs/dropdown-menu/MenuCheckbox.d.ts +1 -1
  127. package/cjs/dropdown-menu/MenuCheckbox.js +3 -5
  128. package/cjs/dropdown-menu/MenuItem.d.ts +1 -1
  129. package/cjs/dropdown-menu/MenuItem.js +31 -20
  130. package/cjs/dropdown-menu/MenuTitle.d.ts +1 -1
  131. package/cjs/dropdown-menu/MenuTitle.js +3 -5
  132. package/cjs/dropdown-menu/index.js +6 -6
  133. package/cjs/elevation/index.js +1 -2
  134. package/cjs/flexbox/FlexBox.d.ts +2 -2
  135. package/cjs/flexbox/FlexBox.js +15 -9
  136. package/cjs/flexbox/index.js +1 -1
  137. package/cjs/footer/Footer.js +1 -2
  138. package/cjs/footer/index.js +1 -1
  139. package/cjs/forms/assistive-text/AssistiveText.d.ts +2 -1
  140. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  141. package/cjs/forms/asterisk/Asterisk.d.ts +2 -2
  142. package/cjs/forms/asterisk/Asterisk.js +1 -2
  143. package/cjs/forms/checkbox/Checkbox.d.ts +1 -1
  144. package/cjs/forms/checkbox/Checkbox.js +20 -16
  145. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -1
  146. package/cjs/forms/checkbox/ExampleControlComponent.js +18 -8
  147. package/cjs/forms/checkbox/index.js +1 -1
  148. package/cjs/forms/email-field/EmailField.d.ts +1 -1
  149. package/cjs/forms/email-field/EmailField.js +2 -3
  150. package/cjs/forms/error-text/ErrorText.d.ts +2 -1
  151. package/cjs/forms/error-text/ErrorText.js +1 -2
  152. package/cjs/forms/field/Field.d.ts +0 -1
  153. package/cjs/forms/field/Field.js +4 -5
  154. package/cjs/forms/index.js +18 -18
  155. package/cjs/forms/input/Input.d.ts +1 -1
  156. package/cjs/forms/input/Input.js +16 -15
  157. package/cjs/forms/input/InputComposition.d.ts +2 -2
  158. package/cjs/forms/input/InputComposition.js +30 -29
  159. package/cjs/forms/label/Label.d.ts +0 -1
  160. package/cjs/forms/label/Label.js +12 -11
  161. package/cjs/forms/number-field/NumberField.d.ts +1 -1
  162. package/cjs/forms/number-field/NumberField.js +2 -3
  163. package/cjs/forms/password-field/PasswordField.d.ts +1 -1
  164. package/cjs/forms/password-field/PasswordField.js +12 -4
  165. package/cjs/forms/radio/Radio.d.ts +1 -1
  166. package/cjs/forms/radio/Radio.js +34 -31
  167. package/cjs/forms/reactselect/ReactSelect.d.ts +5 -5
  168. package/cjs/forms/reactselect/ReactSelect.js +51 -46
  169. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +34 -31
  170. package/cjs/forms/select/Select.d.ts +1 -1
  171. package/cjs/forms/select/Select.js +13 -12
  172. package/cjs/forms/select-field/SelectField.d.ts +1 -1
  173. package/cjs/forms/select-field/SelectField.js +16 -16
  174. package/cjs/forms/switch/Switch.js +16 -13
  175. package/cjs/forms/tel-field/TelField.d.ts +1 -1
  176. package/cjs/forms/tel-field/TelField.js +2 -3
  177. package/cjs/forms/text-field/TextField.d.ts +1 -1
  178. package/cjs/forms/text-field/TextField.js +19 -19
  179. package/cjs/global-styles/GlobalStyles.d.ts +3 -3
  180. package/cjs/global-styles/ResetStyles.d.ts +2 -2
  181. package/cjs/global-styles/sanitize.js +2 -3
  182. package/cjs/grid/Column.js +11 -10
  183. package/cjs/grid/Container.js +12 -11
  184. package/cjs/grid/index.js +2 -2
  185. package/cjs/hero/Hero.js +1 -2
  186. package/cjs/hero/index.js +1 -1
  187. package/cjs/hero/stripes.js +1 -2
  188. package/cjs/ie-banner/IEBanner.d.ts +0 -1
  189. package/cjs/ie-banner/IEBanner.js +20 -6
  190. package/cjs/ie-banner/index.js +1 -1
  191. package/cjs/index.js +45 -45
  192. package/cjs/layout/LayoutLegacy.d.ts +2 -2
  193. package/cjs/lists/FeatureList.d.ts +4 -2
  194. package/cjs/lists/FeatureList.js +12 -11
  195. package/cjs/lists/ListAddon.d.ts +1 -1
  196. package/cjs/lists/ListAddon.js +10 -8
  197. package/cjs/lists/ListDivider.d.ts +2 -2
  198. package/cjs/lists/ListDivider.js +10 -8
  199. package/cjs/lists/ListIcon.d.ts +1 -1
  200. package/cjs/lists/ListIcon.js +16 -14
  201. package/cjs/lists/ListItem.d.ts +1 -1
  202. package/cjs/lists/ListItem.js +25 -17
  203. package/cjs/lists/ListText.d.ts +1 -1
  204. package/cjs/lists/ListText.js +12 -10
  205. package/cjs/lists/ListTextGroup.d.ts +1 -1
  206. package/cjs/lists/ListTextGroup.js +14 -11
  207. package/cjs/lists/ListTitle.d.ts +2 -2
  208. package/cjs/lists/ListTitle.js +8 -6
  209. package/cjs/lists/index.js +8 -8
  210. package/cjs/loader/DfdsLoader.js +3 -4
  211. package/cjs/loader/Loader.d.ts +2 -2
  212. package/cjs/loader/Loader.js +1 -2
  213. package/cjs/loader/index.js +2 -2
  214. package/cjs/localization/LocaleFlag.d.ts +2 -2
  215. package/cjs/localization/LocaleFlag.js +12 -8
  216. package/cjs/localization/index.js +2 -2
  217. package/cjs/localization/locales.js +3 -6
  218. package/cjs/logo/Logo.d.ts +2 -2
  219. package/cjs/logo/Logo.js +8 -7
  220. package/cjs/logo/index.js +1 -1
  221. package/cjs/media/index.js +1 -2
  222. package/cjs/menu/Menu.js +26 -25
  223. package/cjs/menu/index.js +3 -3
  224. package/cjs/mobile-stepper/MobileStepper.d.ts +2 -2
  225. package/cjs/mobile-stepper/MobileStepper.js +13 -10
  226. package/cjs/mobile-stepper/index.js +1 -1
  227. package/cjs/nav-bar/NavBar.d.ts +2 -4
  228. package/cjs/nav-bar/NavBar.js +51 -38
  229. package/cjs/nav-bar/index.js +3 -3
  230. package/cjs/nav-menu/NavMenuItem.js +1 -2
  231. package/cjs/nav-menu/index.js +1 -1
  232. package/cjs/pagination/Pagination.d.ts +1 -1
  233. package/cjs/pagination/Pagination.js +7 -9
  234. package/cjs/pagination/Pagination.styles.js +6 -12
  235. package/cjs/pagination/index.js +1 -1
  236. package/cjs/popper/Popper.d.ts +2 -2
  237. package/cjs/popper/Popper.js +26 -23
  238. package/cjs/popper/index.js +1 -1
  239. package/cjs/progress-bar/ProgressBar.d.ts +2 -2
  240. package/cjs/progress-bar/ProgressBar.js +1 -2
  241. package/cjs/progress-bar/index.js +3 -3
  242. package/cjs/schedule/ScheduleItem.d.ts +4 -2
  243. package/cjs/schedule/ScheduleItem.js +2 -4
  244. package/cjs/schedule/ScheduleList.js +7 -6
  245. package/cjs/schedule/index.js +2 -2
  246. package/cjs/side-sheet/SideSheet.d.ts +1 -1
  247. package/cjs/side-sheet/SideSheet.js +46 -31
  248. package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
  249. package/cjs/side-sheet/SideSheetCloseButton.js +14 -10
  250. package/cjs/side-sheet/SideSheetContent.d.ts +2 -2
  251. package/cjs/side-sheet/SideSheetContent.js +9 -8
  252. package/cjs/side-sheet/SideSheetFooter.d.ts +2 -2
  253. package/cjs/side-sheet/SideSheetFooter.js +9 -8
  254. package/cjs/side-sheet/SideSheetHeader.d.ts +2 -2
  255. package/cjs/side-sheet/SideSheetHeader.js +12 -10
  256. package/cjs/side-sheet/SideSheetHeadline.d.ts +2 -2
  257. package/cjs/side-sheet/SideSheetHeadline.js +1 -2
  258. package/cjs/side-sheet/index.js +5 -5
  259. package/cjs/site-layout/SiteLayout.d.ts +2 -6
  260. package/cjs/site-layout/SiteLayout.js +35 -34
  261. package/cjs/site-layout/index.js +3 -3
  262. package/cjs/skeleton/Skeleton.d.ts +2 -2
  263. package/cjs/skeleton/Skeleton.js +15 -12
  264. package/cjs/skeleton/index.js +1 -1
  265. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +4 -2
  266. package/cjs/social-media-link-list/SocialMediaLinkList.js +17 -17
  267. package/cjs/social-media-link-list/index.js +1 -1
  268. package/cjs/spinner/Spinner.d.ts +2 -2
  269. package/cjs/spinner/Spinner.js +14 -12
  270. package/cjs/spinner/index.js +1 -1
  271. package/cjs/step/Step.d.ts +1 -1
  272. package/cjs/step/Step.js +30 -23
  273. package/cjs/step/Step.styles.js +4 -8
  274. package/cjs/step/StepButton.js +13 -16
  275. package/cjs/step/StepContent.d.ts +2 -2
  276. package/cjs/step/StepContent.js +3 -5
  277. package/cjs/step/StepContext.js +1 -2
  278. package/cjs/step/StepLabel.js +4 -6
  279. package/cjs/step/index.js +1 -1
  280. package/cjs/stepper/Stepper.d.ts +1 -1
  281. package/cjs/stepper/Stepper.js +23 -15
  282. package/cjs/stepper/StepperContext.js +1 -2
  283. package/cjs/stepper/index.js +1 -1
  284. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  285. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +1 -2
  286. package/cjs/stepper-feedback-message/index.js +1 -1
  287. package/cjs/styles/index.js +5 -5
  288. package/cjs/styles/media.js +2 -4
  289. package/cjs/styles/theme.js +2 -4
  290. package/cjs/surface/Surface.d.ts +1 -1
  291. package/cjs/surface/Surface.js +20 -15
  292. package/cjs/surface/index.js +1 -1
  293. package/cjs/tab/Tab.js +15 -15
  294. package/cjs/tab/TabPanel.js +3 -5
  295. package/cjs/tab/Tabs.js +38 -23
  296. package/cjs/tab/TabsContext.js +3 -5
  297. package/cjs/tab/index.js +4 -4
  298. package/cjs/table/Table.d.ts +1 -1
  299. package/cjs/table/Table.js +12 -10
  300. package/cjs/table/TableBody.d.ts +1 -1
  301. package/cjs/table/TableBody.js +8 -8
  302. package/cjs/table/TableDataCell.d.ts +1 -1
  303. package/cjs/table/TableDataCell.js +10 -9
  304. package/cjs/table/TableHead.d.ts +1 -1
  305. package/cjs/table/TableHead.js +12 -14
  306. package/cjs/table/TableHeaderCell.d.ts +1 -1
  307. package/cjs/table/TableHeaderCell.js +10 -9
  308. package/cjs/table/TableRow.d.ts +1 -1
  309. package/cjs/table/TableRow.js +13 -13
  310. package/cjs/table/index.js +6 -6
  311. package/cjs/test/Test.js +1 -2
  312. package/cjs/tooltip/Tooltip.d.ts +1 -1
  313. package/cjs/tooltip/Tooltip.js +13 -13
  314. package/cjs/tooltip/index.js +3 -3
  315. package/cjs/typography/Headlines.d.ts +24 -25
  316. package/cjs/typography/Headlines.js +30 -35
  317. package/cjs/typography/Text.d.ts +2 -1
  318. package/cjs/typography/Text.js +2 -3
  319. package/cjs/typography/index.js +2 -2
  320. package/common/LockBodyScroll.js +3 -3
  321. package/common/emotionCloneElement.d.ts +1 -0
  322. package/common/polymorphic.d.ts +2 -2
  323. package/common/polymorphic.js +1 -1
  324. package/common/use-media.js +2 -2
  325. package/common/useOnClickOutside.d.ts +1 -0
  326. package/counter/Counter.js +2 -2
  327. package/counter/PluralCounter.js +5 -5
  328. package/data-table/DataTable.d.ts +1 -2
  329. package/data-table/DataTable.js +6 -6
  330. package/date-range-picker/DateRangePicker.js +3 -3
  331. package/divider/Divider.d.ts +1 -1
  332. package/divider/Divider.js +3 -3
  333. package/drawer/Drawer.js +3 -3
  334. package/dropdown-menu/Dropdown.d.ts +1 -1
  335. package/dropdown-menu/Dropdown.js +5 -5
  336. package/dropdown-menu/MenuCheckbox.d.ts +1 -1
  337. package/dropdown-menu/MenuCheckbox.js +1 -1
  338. package/dropdown-menu/MenuItem.d.ts +1 -1
  339. package/dropdown-menu/MenuItem.js +5 -5
  340. package/dropdown-menu/MenuTitle.d.ts +1 -1
  341. package/flexbox/FlexBox.d.ts +2 -2
  342. package/flexbox/FlexBox.js +4 -4
  343. package/forms/assistive-text/AssistiveText.d.ts +2 -1
  344. package/forms/asterisk/Asterisk.d.ts +2 -2
  345. package/forms/checkbox/Checkbox.d.ts +1 -1
  346. package/forms/checkbox/Checkbox.js +3 -3
  347. package/forms/checkbox/ExampleControlComponent.d.ts +0 -1
  348. package/forms/checkbox/ExampleControlComponent.js +5 -5
  349. package/forms/email-field/EmailField.d.ts +1 -1
  350. package/forms/email-field/EmailField.js +1 -1
  351. package/forms/error-text/ErrorText.d.ts +2 -1
  352. package/forms/field/Field.d.ts +0 -1
  353. package/forms/field/Field.js +3 -3
  354. package/forms/input/Input.d.ts +1 -1
  355. package/forms/input/Input.js +3 -3
  356. package/forms/input/InputComposition.d.ts +2 -2
  357. package/forms/input/InputComposition.js +3 -3
  358. package/forms/label/Label.d.ts +0 -1
  359. package/forms/label/Label.js +7 -7
  360. package/forms/number-field/NumberField.d.ts +1 -1
  361. package/forms/number-field/NumberField.js +1 -1
  362. package/forms/password-field/PasswordField.d.ts +1 -1
  363. package/forms/password-field/PasswordField.js +3 -3
  364. package/forms/radio/Radio.d.ts +1 -1
  365. package/forms/radio/Radio.js +3 -3
  366. package/forms/reactselect/ReactSelect.d.ts +5 -5
  367. package/forms/reactselect/ReactSelect.js +3 -3
  368. package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
  369. package/forms/select/Select.d.ts +1 -1
  370. package/forms/select/Select.js +3 -3
  371. package/forms/select-field/SelectField.d.ts +1 -1
  372. package/forms/select-field/SelectField.js +3 -3
  373. package/forms/switch/Switch.js +3 -3
  374. package/forms/tel-field/TelField.d.ts +1 -1
  375. package/forms/tel-field/TelField.js +1 -1
  376. package/forms/text-field/TextField.d.ts +1 -1
  377. package/forms/text-field/TextField.js +3 -3
  378. package/global-styles/GlobalStyles.d.ts +3 -3
  379. package/global-styles/ResetStyles.d.ts +2 -2
  380. package/grid/Column.js +3 -3
  381. package/grid/Container.js +9 -10
  382. package/ie-banner/IEBanner.d.ts +0 -1
  383. package/ie-banner/IEBanner.js +2 -2
  384. package/layout/LayoutLegacy.d.ts +2 -2
  385. package/lists/FeatureList.d.ts +4 -2
  386. package/lists/FeatureList.js +3 -3
  387. package/lists/ListAddon.d.ts +1 -1
  388. package/lists/ListAddon.js +3 -3
  389. package/lists/ListDivider.d.ts +2 -2
  390. package/lists/ListDivider.js +3 -3
  391. package/lists/ListIcon.d.ts +1 -1
  392. package/lists/ListIcon.js +3 -3
  393. package/lists/ListItem.d.ts +1 -1
  394. package/lists/ListItem.js +3 -3
  395. package/lists/ListText.d.ts +1 -1
  396. package/lists/ListText.js +3 -3
  397. package/lists/ListTextGroup.d.ts +1 -1
  398. package/lists/ListTextGroup.js +3 -3
  399. package/lists/ListTitle.d.ts +2 -2
  400. package/lists/ListTitle.js +3 -3
  401. package/loader/Loader.d.ts +2 -2
  402. package/localization/LocaleFlag.d.ts +2 -2
  403. package/localization/LocaleFlag.js +3 -3
  404. package/logo/Logo.d.ts +2 -2
  405. package/logo/Logo.js +3 -3
  406. package/menu/Menu.js +8 -8
  407. package/mobile-stepper/MobileStepper.d.ts +2 -2
  408. package/mobile-stepper/MobileStepper.js +4 -4
  409. package/nav-bar/NavBar.d.ts +2 -4
  410. package/nav-bar/NavBar.js +19 -17
  411. package/package.json +15 -15
  412. package/pagination/Pagination.d.ts +1 -1
  413. package/pagination/Pagination.js +1 -1
  414. package/popper/Popper.d.ts +2 -2
  415. package/popper/Popper.js +3 -3
  416. package/progress-bar/ProgressBar.d.ts +2 -2
  417. package/schedule/ScheduleItem.d.ts +4 -2
  418. package/schedule/ScheduleList.js +3 -3
  419. package/side-sheet/SideSheet.d.ts +1 -1
  420. package/side-sheet/SideSheet.js +5 -5
  421. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  422. package/side-sheet/SideSheetCloseButton.js +3 -3
  423. package/side-sheet/SideSheetContent.d.ts +2 -2
  424. package/side-sheet/SideSheetContent.js +3 -3
  425. package/side-sheet/SideSheetFooter.d.ts +2 -2
  426. package/side-sheet/SideSheetFooter.js +3 -3
  427. package/side-sheet/SideSheetHeader.d.ts +2 -2
  428. package/side-sheet/SideSheetHeader.js +3 -3
  429. package/side-sheet/SideSheetHeadline.d.ts +2 -2
  430. package/site-layout/SiteLayout.d.ts +2 -6
  431. package/site-layout/SiteLayout.js +8 -8
  432. package/skeleton/Skeleton.d.ts +2 -2
  433. package/skeleton/Skeleton.js +3 -3
  434. package/social-media-link-list/SocialMediaLinkList.d.ts +4 -2
  435. package/social-media-link-list/SocialMediaLinkList.js +3 -3
  436. package/spinner/Spinner.d.ts +2 -2
  437. package/spinner/Spinner.js +3 -3
  438. package/step/Step.d.ts +1 -1
  439. package/step/Step.js +3 -3
  440. package/step/StepButton.js +1 -1
  441. package/step/StepContent.d.ts +2 -2
  442. package/stepper/Stepper.d.ts +1 -1
  443. package/stepper/Stepper.js +3 -3
  444. package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  445. package/surface/Surface.d.ts +1 -1
  446. package/surface/Surface.js +3 -3
  447. package/tab/Tab.js +3 -3
  448. package/tab/Tabs.js +5 -5
  449. package/table/Table.d.ts +1 -1
  450. package/table/Table.js +3 -3
  451. package/table/TableBody.d.ts +1 -1
  452. package/table/TableBody.js +3 -3
  453. package/table/TableDataCell.d.ts +1 -1
  454. package/table/TableDataCell.js +3 -3
  455. package/table/TableHead.d.ts +1 -1
  456. package/table/TableHead.js +3 -3
  457. package/table/TableHeaderCell.d.ts +1 -1
  458. package/table/TableHeaderCell.js +3 -3
  459. package/table/TableRow.d.ts +1 -1
  460. package/table/TableRow.js +4 -5
  461. package/tooltip/Tooltip.d.ts +1 -1
  462. package/tooltip/Tooltip.js +3 -3
  463. package/typography/Headlines.d.ts +24 -25
  464. package/typography/Headlines.js +14 -14
  465. package/typography/Text.d.ts +2 -1
@@ -13,10 +13,12 @@ export declare type SocialMediaLinkListProps = {
13
13
  };
14
14
  export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
16
+ as?: React.ElementType<any> | undefined;
17
17
  } & import("../flexbox/FlexBox").FlexBoxProps & {
18
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
18
+ as?: React.ElementType<any> | undefined;
19
19
  } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
20
+ children?: React.ReactNode;
21
+ } & {
20
22
  theme?: import("@emotion/react").Theme | undefined;
21
23
  } & SocialMediaLinkListProps, {}, {}>;
22
24
  declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
@@ -9,9 +9,12 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
10
10
  var _icons = require("@dfds-ui/icons");
11
11
  var _react2 = require("@emotion/react");
12
+ const _excluded = ["instagramLink", "facebookLink", "blogLink", "twitterLink", "linkedinLink", "youtubeLink", "mailshareLink", "iconSize", "noPadding", "colorOverwrite"];
12
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
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); }
14
- const SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
15
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
16
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
17
+ const SoMeWrapper = exports.SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
15
18
  target: "e1vhyn6d0"
16
19
  } : {
17
20
  target: "e1vhyn6d0",
@@ -25,20 +28,18 @@ const SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.en
25
28
  }) => iconSize ? iconSize : '30px', ";margin:0 25px 20px 0;svg path{fill:", ({
26
29
  colorOverwrite
27
30
  }) => colorOverwrite ? colorOverwrite : '', ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zb2NpYWwtbWVkaWEtbGluay1saXN0L1NvY2lhbE1lZGlhTGlua0xpc3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCb0UiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NvY2lhbC1tZWRpYS1saW5rLWxpc3QvU29jaWFsTWVkaWFMaW5rTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IEZsZXhCb3ggZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgQmxvZywgRmFjZWJvb2ssIEluc3RhZ3JhbSwgTGlua2VkSW4sIE1haWxTaGFyZSwgVHdpdHRlciwgWW91dHViZSB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuXG5leHBvcnQgdHlwZSBTb2NpYWxNZWRpYUxpbmtMaXN0UHJvcHMgPSB7XG4gIGluc3RhZ3JhbUxpbms/OiBzdHJpbmdcbiAgZmFjZWJvb2tMaW5rPzogc3RyaW5nXG4gIGJsb2dMaW5rPzogc3RyaW5nXG4gIHR3aXR0ZXJMaW5rPzogc3RyaW5nXG4gIGxpbmtlZGluTGluaz86IHN0cmluZ1xuICB5b3V0dWJlTGluaz86IHN0cmluZ1xuICBtYWlsc2hhcmVMaW5rPzogc3RyaW5nXG4gIGljb25TaXplPzogc3RyaW5nXG4gIG5vUGFkZGluZz86IGJvb2xlYW5cbiAgY29sb3JPdmVyd3JpdGU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFNvTWVXcmFwcGVyID0gc3R5bGVkKEZsZXhCb3gpPFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5gXG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAkeyh7IG5vUGFkZGluZyB9KSA9PiAobm9QYWRkaW5nID8gJzAnIDogJzIwcHggMjBweCAwJyl9O1xuXG4gIGEge1xuICAgIHdpZHRoOiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgaGVpZ2h0OiAkeyh7IGljb25TaXplIH0pID0+IChpY29uU2l6ZSA/IGljb25TaXplIDogJzMwcHgnKX07XG4gICAgbWFyZ2luOiAwIDI1cHggMjBweCAwO1xuXG4gICAgc3ZnIHBhdGgge1xuICAgICAgZmlsbDogJHsoeyBjb2xvck92ZXJ3cml0ZSB9KSA9PiAoY29sb3JPdmVyd3JpdGUgPyBjb2xvck92ZXJ3cml0ZSA6ICcnKX07XG4gICAgfVxuICB9XG5gXG5cbnR5cGUgc29jaWFsTWVkaWFMaW5rTGlzdENvbXBvbmVudCA9IEZ1bmN0aW9uQ29tcG9uZW50PFNvY2lhbE1lZGlhTGlua0xpc3RQcm9wcz5cblxuZXhwb3J0IGNvbnN0IFNvY2lhbE1lZGlhTGlua0xpc3Q6IHNvY2lhbE1lZGlhTGlua0xpc3RDb21wb25lbnQgPSAoe1xuICBpbnN0YWdyYW1MaW5rLFxuICBmYWNlYm9va0xpbmssXG4gIGJsb2dMaW5rLFxuICB0d2l0dGVyTGluayxcbiAgbGlua2VkaW5MaW5rLFxuICB5b3V0dWJlTGluayxcbiAgbWFpbHNoYXJlTGluayxcbiAgaWNvblNpemUsXG4gIG5vUGFkZGluZyxcbiAgY29sb3JPdmVyd3JpdGUsXG4gIC4uLnJlc3Rcbn0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U29NZVdyYXBwZXIgY29sb3JPdmVyd3JpdGU9e2NvbG9yT3ZlcndyaXRlfSBub1BhZGRpbmc9e25vUGFkZGluZ30gd3JhcFdyYXAgaWNvblNpemU9e2ljb25TaXplfSB7Li4ucmVzdH0+XG4gICAgICB7ZmFjZWJvb2tMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17ZmFjZWJvb2tMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEZhY2Vib29rIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHtibG9nTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e2Jsb2dMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEJsb2cgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge2luc3RhZ3JhbUxpbmsgJiYgKFxuICAgICAgICA8YSBocmVmPXtpbnN0YWdyYW1MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPEluc3RhZ3JhbSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bGlua2VkaW5MaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17bGlua2VkaW5MaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPExpbmtlZEluIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICAgIHt0d2l0dGVyTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e3R3aXR0ZXJMaW5rfSB0YXJnZXQ9XCJfYmxhbmtcIiByZWw9XCJub29wZW5lciBub3JlZmVycmVyXCI+XG4gICAgICAgICAgPFR3aXR0ZXIgaGVpZ2h0PXtpY29uU2l6ZX0gd2lkdGg9e2ljb25TaXplfSAvPlxuICAgICAgICA8L2E+XG4gICAgICApfVxuICAgICAge3lvdXR1YmVMaW5rICYmIChcbiAgICAgICAgPGEgaHJlZj17eW91dHViZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8WW91dHViZSBoZWlnaHQ9e2ljb25TaXplfSB3aWR0aD17aWNvblNpemV9IC8+XG4gICAgICAgIDwvYT5cbiAgICAgICl9XG4gICAgICB7bWFpbHNoYXJlTGluayAmJiAoXG4gICAgICAgIDxhIGhyZWY9e21haWxzaGFyZUxpbmt9IHRhcmdldD1cIl9ibGFua1wiIHJlbD1cIm5vb3BlbmVyIG5vcmVmZXJyZXJcIj5cbiAgICAgICAgICA8TWFpbFNoYXJlIGhlaWdodD17aWNvblNpemV9IHdpZHRoPXtpY29uU2l6ZX0gLz5cbiAgICAgICAgPC9hPlxuICAgICAgKX1cbiAgICA8L1NvTWVXcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFNvY2lhbE1lZGlhTGlua0xpc3RcbiJdfQ== */"));
28
- exports.SoMeWrapper = SoMeWrapper;
29
- const SocialMediaLinkList = ({
30
- instagramLink,
31
- facebookLink,
32
- blogLink,
33
- twitterLink,
34
- linkedinLink,
35
- youtubeLink,
36
- mailshareLink,
37
- iconSize,
38
- noPadding,
39
- colorOverwrite,
40
- ...rest
41
- }) => {
31
+ const SocialMediaLinkList = _ref => {
32
+ let instagramLink = _ref.instagramLink,
33
+ facebookLink = _ref.facebookLink,
34
+ blogLink = _ref.blogLink,
35
+ twitterLink = _ref.twitterLink,
36
+ linkedinLink = _ref.linkedinLink,
37
+ youtubeLink = _ref.youtubeLink,
38
+ mailshareLink = _ref.mailshareLink,
39
+ iconSize = _ref.iconSize,
40
+ noPadding = _ref.noPadding,
41
+ colorOverwrite = _ref.colorOverwrite,
42
+ rest = _objectWithoutProperties(_ref, _excluded);
42
43
  return (0, _react2.jsx)(SoMeWrapper, _extends({
43
44
  colorOverwrite: colorOverwrite,
44
45
  noPadding: noPadding,
@@ -96,5 +97,4 @@ const SocialMediaLinkList = ({
96
97
  })));
97
98
  };
98
99
  exports.SocialMediaLinkList = SocialMediaLinkList;
99
- var _default = SocialMediaLinkList;
100
- exports.default = _default;
100
+ var _default = exports.default = SocialMediaLinkList;
@@ -9,7 +9,7 @@ Object.keys(_SocialMediaLinkList).forEach(function (key) {
9
9
  if (key in exports && exports[key] === _SocialMediaLinkList[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
- get: function () {
12
+ get: function get() {
13
13
  return _SocialMediaLinkList[key];
14
14
  }
15
15
  });
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { PolymorphicComponentProps } from '../common/polymorphic';
3
3
  declare type Color = 'dark' | 'secondary' | 'light';
4
4
  export declare type SpinnerProps = {
@@ -25,7 +25,7 @@ export declare type SpinnerProps = {
25
25
  /**
26
26
  * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
27
27
  */
28
- export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): React.JSX.Element;
28
+ export declare function Spinner({ instant, size, className, color, as, ...rest }: SpinnerProps): JSX.Element;
29
29
  export declare namespace Spinner {
30
30
  var displayName: string;
31
31
  }
@@ -11,8 +11,11 @@ var _react = _interopRequireDefault(require("react"));
11
11
  var _react2 = require("@emotion/react");
12
12
  var _icons = require("@dfds-ui/icons");
13
13
  var _theme = require("@dfds-ui/theme");
14
+ const _excluded = ["instant", "size", "className", "color", "as"];
14
15
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
16
  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); }
17
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
18
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
16
19
  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)."; }
17
20
  const paths = 8;
18
21
  const duration = 0.8;
@@ -61,14 +64,15 @@ const FadedSpinner = /*#__PURE__*/(0, _base.default)(InstantSpinner, process.env
61
64
  /**
62
65
  * A spinner is used to give user a sense of progress, when the time required to complete the given task is not known.
63
66
  */
64
- function Spinner({
65
- instant,
66
- size,
67
- className,
68
- color = 'dark',
69
- as = 'div',
70
- ...rest
71
- }) {
67
+ function Spinner(_ref) {
68
+ let instant = _ref.instant,
69
+ size = _ref.size,
70
+ className = _ref.className,
71
+ _ref$color = _ref.color,
72
+ color = _ref$color === void 0 ? 'dark' : _ref$color,
73
+ _ref$as = _ref.as,
74
+ as = _ref$as === void 0 ? 'div' : _ref$as,
75
+ rest = _objectWithoutProperties(_ref, _excluded);
72
76
  const Svg = instant ? InstantSpinner : FadedSpinner;
73
77
  const colorPicker = color == 'dark' ? _theme.theme.colors.primary.main : color == 'light' ? _theme.theme.colors.surface.primary : _theme.theme.colors.secondary.main;
74
78
  const Component = as;
@@ -87,7 +91,7 @@ Spinner.displayName = 'Spinner';
87
91
  /**
88
92
  * @deprecated Style the regular spinner to achieve the desired effect.
89
93
  */
90
- const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
94
+ const CenteredSpinner = exports.CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
91
95
  target: "e1ehxkae0"
92
96
  } : {
93
97
  target: "e1ehxkae0",
@@ -101,6 +105,4 @@ const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NOD
101
105
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
102
106
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
103
107
  });
104
- exports.CenteredSpinner = CenteredSpinner;
105
- var _default = Spinner;
106
- exports.default = _default;
108
+ var _default = exports.default = Spinner;
@@ -9,7 +9,7 @@ Object.keys(_Spinner).forEach(function (key) {
9
9
  if (key in exports && exports[key] === _Spinner[key]) return;
10
10
  Object.defineProperty(exports, key, {
11
11
  enumerable: true,
12
- get: function () {
12
+ get: function get() {
13
13
  return _Spinner[key];
14
14
  }
15
15
  });
@@ -41,5 +41,5 @@ export declare type StepProps = {
41
41
  */
42
42
  handleStepClick?: () => void;
43
43
  };
44
- declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => React.JSX.Element>;
44
+ declare const _default: React.MemoExoticComponent<({ index, label, active: activeProp, completed: completedProp, disabled, children, hasError, optionalStepText, isEditing, handleStepClick, ...props }: StepProps) => JSX.Element>;
45
45
  export default _default;
package/cjs/step/Step.js CHANGED
@@ -13,29 +13,37 @@ var _StepperContext = _interopRequireDefault(require("../stepper/StepperContext"
13
13
  var _Step = require("./Step.styles");
14
14
  var _stepperFeedbackMessage = require("../stepper-feedback-message");
15
15
  var _react2 = require("@emotion/react");
16
+ const _excluded = ["index", "label", "active", "completed", "disabled", "children", "hasError", "optionalStepText", "isEditing", "handleStepClick"];
16
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- 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); }
18
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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); }
18
19
  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); }
19
- const Step = ({
20
- index,
21
- label = '',
22
- active: activeProp,
23
- completed: completedProp,
24
- disabled = false,
25
- children,
26
- hasError = false,
27
- optionalStepText,
28
- isEditing = false,
29
- handleStepClick,
30
- ...props
31
- }) => {
32
- const {
33
- activeStep,
34
- orientation,
35
- sequential,
36
- stepFeedbackMessage
37
- } = (0, _react.useContext)(_StepperContext.default);
38
- let [active = false, completed = false] = [activeProp, completedProp];
20
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
21
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
22
+ const Step = _ref => {
23
+ let index = _ref.index,
24
+ _ref$label = _ref.label,
25
+ label = _ref$label === void 0 ? '' : _ref$label,
26
+ activeProp = _ref.active,
27
+ completedProp = _ref.completed,
28
+ _ref$disabled = _ref.disabled,
29
+ disabled = _ref$disabled === void 0 ? false : _ref$disabled,
30
+ children = _ref.children,
31
+ _ref$hasError = _ref.hasError,
32
+ hasError = _ref$hasError === void 0 ? false : _ref$hasError,
33
+ optionalStepText = _ref.optionalStepText,
34
+ _ref$isEditing = _ref.isEditing,
35
+ isEditing = _ref$isEditing === void 0 ? false : _ref$isEditing,
36
+ handleStepClick = _ref.handleStepClick,
37
+ props = _objectWithoutProperties(_ref, _excluded);
38
+ const _useContext = (0, _react.useContext)(_StepperContext.default),
39
+ activeStep = _useContext.activeStep,
40
+ orientation = _useContext.orientation,
41
+ sequential = _useContext.sequential,
42
+ stepFeedbackMessage = _useContext.stepFeedbackMessage;
43
+ let _activeProp = activeProp,
44
+ active = _activeProp === void 0 ? false : _activeProp,
45
+ _completedProp = completedProp,
46
+ completed = _completedProp === void 0 ? false : _completedProp;
39
47
  if (activeStep === index) active = activeProp !== undefined ? activeProp : true;else if (sequential && activeStep > index) completed = completedProp !== undefined ? completedProp : true;
40
48
  const contextValue = _react.default.useMemo(() => ({
41
49
  index,
@@ -63,5 +71,4 @@ const Step = ({
63
71
  css: _Step.stepContentStyles
64
72
  }, (0, _react2.jsx)(_StepContent.default, null, children)) : null));
65
73
  };
66
- var _default = /*#__PURE__*/(0, _react.memo)(Step);
67
- exports.default = _default;
74
+ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Step);
@@ -11,11 +11,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
11
11
  const spacing = _theme.theme.spacing.xs;
12
12
  const buttonWidth = _theme.theme.spacing.m;
13
13
  const connecterWidth = '1px';
14
- const stepWrapperHorizontalStyles = /*#__PURE__*/(0, _react.css)("display:flex;gap:", spacing, ";align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;content:'';height:", connecterWidth, ";background-color:", _theme.theme.colors.text.primary.disabled, ";flex:1;width:100%;margin-right:", spacing, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperHorizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU84QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gc3BhY2UgYmV0d2VlbiBsYWJlbCBhbmQgc3RlcEJ1dHRvblxuY29uc3Qgc3BhY2luZyA9IHRoZW1lLnNwYWNpbmcueHNcbmNvbnN0IGJ1dHRvbldpZHRoID0gdGhlbWUuc3BhY2luZy5tXG5jb25zdCBjb25uZWN0ZXJXaWR0aCA9ICcxcHgnXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZ307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogJHtjb25uZWN0ZXJXaWR0aH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmd9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJWZXJ0aWNhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nLWJvdHRvbTogMmVtO1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiBjYWxjKCR7YnV0dG9uV2lkdGh9ICsgJHtzcGFjaW5nfSk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygoJHtidXR0b25XaWR0aH0gLyAyKSAtIDFweCkpO1xuICAgICAgd2lkdGg6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtidXR0b25XaWR0aH0gLSAoMiAqICR7c3BhY2luZ30pKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBIZWFkZXJTdHlsZXMgPSBjc3NgXG4gIGdhcDogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQ29udGVudFN0eWxlcyA9IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMyAqICR7c3BhY2luZ30pKTtcbmBcbiJdfQ== */");
15
- exports.stepWrapperHorizontalStyles = stepWrapperHorizontalStyles;
16
- const stepWrapperVerticalStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;position:relative;padding-bottom:2em;&:not(:last-child){&:after{box-sizing:border-box;position:absolute;content:'';top:calc(", buttonWidth, " + ", spacing, ");transform:translateX(calc((", buttonWidth, " / 2) - 1px));width:", connecterWidth, ";background:", _theme.theme.colors.text.primary.disabled, ";height:calc(100% - ", buttonWidth, " - (2 * ", spacing, "));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperVerticalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
17
- exports.stepWrapperVerticalStyles = stepWrapperVerticalStyles;
18
- const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
14
+ const stepWrapperHorizontalStyles = exports.stepWrapperHorizontalStyles = /*#__PURE__*/(0, _react.css)("display:flex;gap:", spacing, ";align-items:center;box-sizing:border-box;&:not(:last-child){flex:1;&:after{box-sizing:border-box;content:'';height:", connecterWidth, ";background-color:", _theme.theme.colors.text.primary.disabled, ";flex:1;width:100%;margin-right:", spacing, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperHorizontalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU84QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gc3BhY2UgYmV0d2VlbiBsYWJlbCBhbmQgc3RlcEJ1dHRvblxuY29uc3Qgc3BhY2luZyA9IHRoZW1lLnNwYWNpbmcueHNcbmNvbnN0IGJ1dHRvbldpZHRoID0gdGhlbWUuc3BhY2luZy5tXG5jb25zdCBjb25uZWN0ZXJXaWR0aCA9ICcxcHgnXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7c3BhY2luZ307XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgZmxleDogMTtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIGhlaWdodDogJHtjb25uZWN0ZXJXaWR0aH07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkuZGlzYWJsZWR9O1xuICAgICAgZmxleDogMTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgbWFyZ2luLXJpZ2h0OiAke3NwYWNpbmd9O1xuICAgIH1cbiAgfVxuYFxuXG5leHBvcnQgY29uc3Qgc3RlcFdyYXBwZXJWZXJ0aWNhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBwYWRkaW5nLWJvdHRvbTogMmVtO1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICY6YWZ0ZXIge1xuICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgdG9wOiBjYWxjKCR7YnV0dG9uV2lkdGh9ICsgJHtzcGFjaW5nfSk7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoY2FsYygoJHtidXR0b25XaWR0aH0gLyAyKSAtIDFweCkpO1xuICAgICAgd2lkdGg6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZDogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGhlaWdodDogY2FsYygxMDAlIC0gJHtidXR0b25XaWR0aH0gLSAoMiAqICR7c3BhY2luZ30pKTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBIZWFkZXJTdHlsZXMgPSBjc3NgXG4gIGdhcDogOHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBjdXJzb3I6IHBvaW50ZXI7XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwQ29udGVudFN0eWxlcyA9IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoMyAqICR7c3BhY2luZ30pKTtcbmBcbiJdfQ== */");
15
+ const stepWrapperVerticalStyles = exports.stepWrapperVerticalStyles = /*#__PURE__*/(0, _react.css)("display:flex;flex-direction:column;position:relative;padding-bottom:2em;&:not(:last-child){&:after{box-sizing:border-box;position:absolute;content:'';top:calc(", buttonWidth, " + ", spacing, ");transform:translateX(calc((", buttonWidth, " / 2) - 1px));width:", connecterWidth, ";background:", _theme.theme.colors.text.primary.disabled, ";height:calc(100% - ", buttonWidth, " - (2 * ", spacing, "));}}" + (process.env.NODE_ENV === "production" ? "" : ";label:stepWrapperVerticalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBCNEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
16
+ const stepHeaderStyles = exports.stepHeaderStyles = process.env.NODE_ENV === "production" ? {
19
17
  name: "pdiv9l",
20
18
  styles: "gap:8px;display:flex;align-items:center;cursor:pointer"
21
19
  } : {
@@ -24,6 +22,4 @@ const stepHeaderStyles = process.env.NODE_ENV === "production" ? {
24
22
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */",
25
23
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
26
24
  };
27
- exports.stepHeaderStyles = stepHeaderStyles;
28
- const stepContentStyles = /*#__PURE__*/(0, _react.css)("transform:translateX(calc(3 * ", spacing, "));" + (process.env.NODE_ENV === "production" ? "" : ";label:stepContentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Eb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
29
- exports.stepContentStyles = stepContentStyles;
25
+ const stepContentStyles = exports.stepContentStyles = /*#__PURE__*/(0, _react.css)("transform:translateX(calc(3 * ", spacing, "));" + (process.env.NODE_ENV === "production" ? "" : ";label:stepContentStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Eb0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */");
@@ -11,6 +11,7 @@ var _system = require("@dfds-ui/icons/system");
11
11
  var _theme = require("@dfds-ui/theme");
12
12
  var _StepContext = _interopRequireDefault(require("./StepContext"));
13
13
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
+ function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
14
15
  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
16
  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
17
  const buttonStyles = ({
@@ -27,17 +28,15 @@ const costumeButtonStyles = process.env.NODE_ENV === "production" ? {
27
28
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
28
29
  };
29
30
  const editButtonStyles = /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.secondary.main, ";padding:0;border-radius:50%;width:100%;height:100%;min-width:100%;min-height:100%;display:flex;justify-content:center;align-items:center;svg{width:15px;height:15px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:editButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi9idXR0b24nXG5pbXBvcnQgeyBZZXMsIE1vcmVIb3Jpem9udGFsLCBTdGF0dXNBbGVydCB9IGZyb20gJ0BkZmRzLXVpL2ljb25zL3N5c3RlbSdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcblxudHlwZSBTdGVwQnV0dG9uUHJvcHMgPSB8IFJlYWN0LkJ1dHRvbkhUTUxBdHRyaWJ1dGVzPEhUTUxCdXR0b25FbGVtZW50PiBcblxuY29uc3QgYnV0dG9uU3R5bGVzID0gKHsgYWN0aXZlLCBjb21wbGV0ZWQgPSBmYWxzZSB9OiB7IGFjdGl2ZTogYm9vbGVhbjsgY29tcGxldGVkPzogYm9vbGVhbiB9KSA9PiBjc3NgXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgcGFkZGluZzogMDtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHthY3RpdmUgfHwgY29tcGxldGVkID8gdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluIDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gIGZvbnQtd2VpZ2h0OiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyAnYm9sZCcgOiAnJ307XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGNvbG9yOiAjZmZmO1xuICA6aG92ZXIge1xuICAgIGNvbG9yOiAjZmZmO1xuICB9XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgY29zdHVtZUJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIG1pbi1oZWlnaHQ6IDEwMCU7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuYFxuY29uc3QgZWRpdEJ1dHRvblN0eWxlcyA9IGNzc2BcbiAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICBwYWRkaW5nOiAwO1xuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgc3ZnIHtcbiAgICB3aWR0aDogMTVweDtcbiAgICBoZWlnaHQ6IDE1cHg7XG4gIH1cbmBcblxuY29uc3QgU3RlcEJ1dHRvbkVsZW1lbnQ6IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGluZGV4LCBhY3RpdmUsIGhhc0Vycm9yLCBpc0VkaXRpbmcsIGRpc2FibGVkIH0gPSBSZWFjdC51c2VDb250ZXh0KFN0ZXBDb250ZXh0KVxuICBpZiAoaGFzRXJyb3IpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVycm9yXCJcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIGljb249e1N0YXR1c0FsZXJ0fVxuICAgICAgICBhcmlhTGFiZWw9XCJFcnJvclwiXG4gICAgICAgIGNvbG9yPXt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fVxuICAgICAgICBjc3M9e2Nvc3R1bWVCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChpc0VkaXRpbmcpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1lZGl0aW5nXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgIGljb249e01vcmVIb3Jpem9udGFsfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2VkaXRCdXR0b25TdHlsZXN9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfSBlbHNlIGlmIChjb21wbGV0ZWQpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgZGF0YS10ZXN0aWQ9XCJzdGVwLWJ1dHRvbi1jb21wbGV0ZWRcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICBhcmlhTGFiZWw9XCJDb21wbGV0ZWRcIlxuICAgICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgICAgICBkaXNhYmxlT3ZlcmxheVxuICAgICAgLz5cbiAgICApXG4gIH1cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWluZGV4XCJcbiAgICAgIHsuLi5yZXN0fVxuICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIHZhcmlhdGlvbj1cInRleHRcIlxuICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICBjc3M9e2J1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfVxuICAgID5cbiAgICAgIHtpbmRleCArIDF9XG4gICAgPC9CdXR0b24+XG4gIClcbn1cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyAuLi5yZXN0IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uXCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgIHdpZHRoOiAxLjVlbTtcbiAgICAgICAgaGVpZ2h0OiAxLjVlbTtcbiAgICAgICAgbWluLXdpZHRoOiAxLjVlbTtcbiAgICAgICAgbWluLWhlaWdodDogMS41ZW07XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxTdGVwQnV0dG9uRWxlbWVudCB7Li4ucmVzdH0gLz5cbiAgICA8L2Rpdj5cbiAgKVxufVxuZXhwb3J0IGRlZmF1bHQgU3RlcEJ1dHRvblxuIl19 */");
30
- const StepButtonElement = ({
31
- ...rest
32
- }) => {
33
- const {
34
- completed,
35
- index,
36
- active,
37
- hasError,
38
- isEditing,
39
- disabled
40
- } = _react.default.useContext(_StepContext.default);
31
+ const StepButtonElement = _ref2 => {
32
+ let rest = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
33
+ const _React$useContext = _react.default.useContext(_StepContext.default),
34
+ completed = _React$useContext.completed,
35
+ index = _React$useContext.index,
36
+ active = _React$useContext.active,
37
+ hasError = _React$useContext.hasError,
38
+ isEditing = _React$useContext.isEditing,
39
+ disabled = _React$useContext.disabled;
41
40
  if (hasError) {
42
41
  return (0, _react2.jsx)(_button.IconButton, _extends({
43
42
  disabled: disabled,
@@ -99,13 +98,11 @@ var _ref = process.env.NODE_ENV === "production" ? {
99
98
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRIYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3RlcC9TdGVwQnV0dG9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IFllcywgTW9yZUhvcml6b250YWwsIFN0YXR1c0FsZXJ0IH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMvc3lzdGVtJ1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vYnV0dG9uJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCBTdGVwQ29udGV4dCBmcm9tICcuL1N0ZXBDb250ZXh0J1xuXG50eXBlIFN0ZXBCdXR0b25Qcm9wcyA9IHwgUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+IFxuXG5jb25zdCBidXR0b25TdHlsZXMgPSAoeyBhY3RpdmUsIGNvbXBsZXRlZCA9IGZhbHNlIH06IHsgYWN0aXZlOiBib29sZWFuOyBjb21wbGV0ZWQ/OiBib29sZWFuIH0pID0+IGNzc2BcbiAgYm9yZGVyLXJhZGl1czogNTAlO1xuICBwYWRkaW5nOiAwO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2FjdGl2ZSB8fCBjb21wbGV0ZWQgPyB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4gOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgZm9udC13ZWlnaHQ6ICR7YWN0aXZlIHx8IGNvbXBsZXRlZCA/ICdib2xkJyA6ICcnfTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY29sb3I6ICNmZmY7XG4gIDpob3ZlciB7XG4gICAgY29sb3I6ICNmZmY7XG4gIH1cblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBjb3N0dW1lQnV0dG9uU3R5bGVzID0gY3NzYFxuICBib3JkZXItcmFkaXVzOiA1MCU7XG4gIHBhZGRpbmc6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIG1pbi13aWR0aDogMTAwJTtcbiAgbWluLWhlaWdodDogMTAwJTtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gXG5jb25zdCBlZGl0QnV0dG9uU3R5bGVzID0gY3NzYFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgbWluLXdpZHRoOiAxMDAlO1xuICBtaW4taGVpZ2h0OiAxMDAlO1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICBzdmcge1xuICAgIHdpZHRoOiAxNXB4O1xuICAgIGhlaWdodDogMTVweDtcbiAgfVxuYFxuXG5jb25zdCBTdGVwQnV0dG9uRWxlbWVudDogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGNvbXBsZXRlZCwgaW5kZXgsIGFjdGl2ZSwgaGFzRXJyb3IsIGlzRWRpdGluZywgZGlzYWJsZWQgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG4gIGlmIChoYXNFcnJvcikge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24tZXJyb3JcIlxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgaWNvbj17U3RhdHVzQWxlcnR9XG4gICAgICAgIGFyaWFMYWJlbD1cIkVycm9yXCJcbiAgICAgICAgY29sb3I9e3RoZW1lLmNvbG9ycy5zdGF0dXMuYWxlcnR9XG4gICAgICAgIGNzcz17Y29zdHVtZUJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGlzRWRpdGluZykge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWVkaXRpbmdcIlxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgICAgaWNvbj17TW9yZUhvcml6b250YWx9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17ZWRpdEJ1dHRvblN0eWxlc31cbiAgICAgICAgZGlzYWJsZU92ZXJsYXlcbiAgICAgIC8+XG4gICAgKVxuICB9IGVsc2UgaWYgKGNvbXBsZXRlZCkge1xuICAgIHJldHVybiAoXG4gICAgICA8SWNvbkJ1dHRvblxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHsuLi5yZXN0fVxuICAgICAgICBkYXRhLXRlc3RpZD1cInN0ZXAtYnV0dG9uLWNvbXBsZXRlZFwiXG4gICAgICAgIHNpemU9XCJzbWFsbFwiXG4gICAgICAgIGNvbG9yPVwid2hpdGVcIlxuICAgICAgICBpY29uPXtZZXN9XG4gICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgICAgIGRpc2FibGVPdmVybGF5XG4gICAgICAvPlxuICAgIClcbiAgfVxuICByZXR1cm4gKFxuICAgIDxCdXR0b25cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b24taW5kZXhcIlxuICAgICAgey4uLnJlc3R9XG4gICAgICBzaXplPVwic21hbGxcIlxuICAgICAgdmFyaWF0aW9uPVwidGV4dFwiXG4gICAgICBjb2xvcj1cIndoaXRlXCJcbiAgICAgIGNzcz17YnV0dG9uU3R5bGVzKHsgYWN0aXZlLCBjb21wbGV0ZWQgfSl9XG4gICAgPlxuICAgICAge2luZGV4ICsgMX1cbiAgICA8L0J1dHRvbj5cbiAgKVxufVxuY29uc3QgU3RlcEJ1dHRvbjogUmVhY3QuRkM8U3RlcEJ1dHRvblByb3BzPiA9ICh7IC4uLnJlc3QgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1idXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgd2lkdGg6IDEuNWVtO1xuICAgICAgICBoZWlnaHQ6IDEuNWVtO1xuICAgICAgICBtaW4td2lkdGg6IDEuNWVtO1xuICAgICAgICBtaW4taGVpZ2h0OiAxLjVlbTtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFN0ZXBCdXR0b25FbGVtZW50IHsuLi5yZXN0fSAvPlxuICAgIDwvZGl2PlxuICApXG59XG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
100
99
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
101
100
  };
102
- const StepButton = ({
103
- ...rest
104
- }) => {
101
+ const StepButton = _ref3 => {
102
+ let rest = _extends({}, (_objectDestructuringEmpty(_ref3), _ref3));
105
103
  return (0, _react2.jsx)("div", {
106
104
  "data-testid": "step-button",
107
105
  css: _ref
108
106
  }, (0, _react2.jsx)(StepButtonElement, rest));
109
107
  };
110
- var _default = StepButton;
111
- exports.default = _default;
108
+ var _default = exports.default = StepButton;
@@ -1,6 +1,6 @@
1
- import React, { ReactNode } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  declare type StepContentProps = {
3
3
  children: ReactNode;
4
4
  };
5
- declare const StepContent: ({ children }: StepContentProps) => React.JSX.Element;
5
+ declare const StepContent: ({ children }: StepContentProps) => JSX.Element;
6
6
  export default StepContent;
@@ -31,9 +31,8 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
31
31
  const StepContent = ({
32
32
  children
33
33
  }) => {
34
- const {
35
- active
36
- } = _react.default.useContext(_StepContext.default);
34
+ const _React$useContext = _react.default.useContext(_StepContext.default),
35
+ active = _React$useContext.active;
37
36
  return (0, _react2.jsx)("div", {
38
37
  "data-testid": "step-content",
39
38
  css: _ref2
@@ -44,5 +43,4 @@ const StepContent = ({
44
43
  type: "small"
45
44
  }, children));
46
45
  };
47
- var _default = StepContent;
48
- exports.default = _default;
46
+ var _default = exports.default = StepContent;
@@ -12,5 +12,4 @@ const StepContext = /*#__PURE__*/_react.default.createContext({
12
12
  disabled: false,
13
13
  index: 0
14
14
  });
15
- var _default = StepContext;
16
- exports.default = _default;
15
+ var _default = exports.default = StepContext;
@@ -23,10 +23,9 @@ const StepLabel = ({
23
23
  children,
24
24
  optionalStepText
25
25
  }) => {
26
- const {
27
- completed,
28
- active
29
- } = _react.default.useContext(_StepContext.default);
26
+ const _React$useContext = _react.default.useContext(_StepContext.default),
27
+ completed = _React$useContext.completed,
28
+ active = _React$useContext.active;
30
29
  return (0, _react2.jsx)("div", {
31
30
  "data-testid": "step-label",
32
31
  css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? _theme.theme.colors.text.primary.primary : _theme.theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */")
@@ -34,5 +33,4 @@ const StepLabel = ({
34
33
  css: _ref
35
34
  }, optionalStepText ? optionalStepText : null));
36
35
  };
37
- var _default = StepLabel;
38
- exports.default = _default;
36
+ var _default = exports.default = StepLabel;
package/cjs/step/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Step", {
7
7
  enumerable: true,
8
- get: function () {
8
+ get: function get() {
9
9
  return _Step.default;
10
10
  }
11
11
  });
@@ -21,5 +21,5 @@ export declare type StepperProps = {
21
21
  */
22
22
  stepFeedbackMessage?: string;
23
23
  };
24
- declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => React.JSX.Element>;
24
+ declare const _default: React.MemoExoticComponent<({ children, activeStep, sequential, orientation, stepFeedbackMessage, ...other }: StepperProps) => JSX.Element>;
25
25
  export default _default;
@@ -8,9 +8,17 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _StepperContext = _interopRequireDefault(require("./StepperContext"));
10
10
  var _stepperFeedbackMessage = require("../stepper-feedback-message");
11
+ const _excluded = ["children", "activeStep", "sequential", "orientation", "stepFeedbackMessage"];
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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
+ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(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
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
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
17
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
18
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
19
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
20
+ function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
21
+ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
14
22
  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)."; }
15
23
  const stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
16
24
  name: "1eoy87d",
@@ -30,20 +38,21 @@ const StepperWrapperVerticalStyles = process.env.NODE_ENV === "production" ? {
30
38
  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDd0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgUmVhY3ROb2RlLCBtZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBTdGVwcGVyQ29udGV4dCBmcm9tICcuL1N0ZXBwZXJDb250ZXh0J1xuaW1wb3J0IHsgU3RlcHBlckZlZWRiYWNrTWVzc2FnZSB9IGZyb20gJy4uL3N0ZXBwZXItZmVlZGJhY2stbWVzc2FnZSdcbmV4cG9ydCB0eXBlIFN0ZXBwZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFN0ZXBwZXIgbGF5b3V0IG9yaWVudGF0aW9uIGAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnYFxuICAgKi9cbiAgb3JpZW50YXRpb24/OiAnaG9yaXpvbnRhbCcgfCAndmVydGljYWwnXG4gIC8qKlxuICAgKiBNdWx0aXBsZSBgPFN0ZXAvPmAgY29tcG9uZW50c1xuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogIFRoZSBpbml0aWFsIHN0ZXBcbiAgICovXG4gIGFjdGl2ZVN0ZXA/OiBudW1iZXJcbiAgLyoqXG4gICAqICBJZiBzZXQgdGhlIGNvbXBvbmVudCB3aWxsIG5vdCBhc3Npc3QgaW4gY29udHJvbGxpbmcgc3RlcHMgZm9yIHNlcXVlbnRpYWwgZmxvd1xuICAgKi9cbiAgc2VxdWVudGlhbD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEEgZmVlZGJhY2sgbWVzc2FnZSBjYW4gYmUgcGFzc2VkIHRvIGRpc3BsYXkgYSB0cmFuc2l0b3J5IGZlZWRiYWNrIG1lc3NhZ2UgYXMgdGhlIHN0ZXAgbGFiZWxcbiAgICovXG4gIHN0ZXBGZWVkYmFja01lc3NhZ2U/OiBzdHJpbmdcbn1cblxuY29uc3Qgc3RlcHBlcldyYXBwZXJIb3Jpem9udGFsU3R5bGVzID0gY3NzYFxuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5gXG5cbmNvbnN0IFN0ZXBwZXJQcm92aWRlciA9ICh7XG4gIGNoaWxkcmVuLFxuICBhY3RpdmVTdGVwID0gMCxcbiAgc2VxdWVudGlhbCA9IHRydWUsXG4gIG9yaWVudGF0aW9uID0gJ2hvcml6b250YWwnLFxuICBzdGVwRmVlZGJhY2tNZXNzYWdlLFxuICAuLi5vdGhlclxufTogU3RlcHBlclByb3BzKSA9PiB7XG4gIHR5cGUgQ2xvbmVQcm9wID0ge1xuICAgIGluZGV4OiBudW1iZXJcbiAgfVxuXG4gIGNvbnN0IGNoaWxkcmVuQXJyYXkgPSBSZWFjdC5DaGlsZHJlbi50b0FycmF5KGNoaWxkcmVuKS5maWx0ZXIoQm9vbGVhbilcbiAgY29uc3Qgc3RlcHMgPSBjaGlsZHJlbkFycmF5Lm1hcCgoY2hpbGQsIGluZGV4KSA9PiB7XG4gICAgcmV0dXJuIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCBhcyBSZWFjdC5SZWFjdEVsZW1lbnQ8Q2xvbmVQcm9wPiwge1xuICAgICAgaW5kZXg6IGluZGV4LFxuICAgICAgLi4uKGNoaWxkIGFzIFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KS5wcm9wcyxcbiAgICB9KVxuICB9KVxuXG4gIGNvbnN0IGNvbnRleHRWYWx1ZSA9IFJlYWN0LnVzZU1lbW8oXG4gICAgKCkgPT4gKHsgYWN0aXZlU3RlcCwgc2VxdWVudGlhbCwgb3JpZW50YXRpb24sIHN0ZXBGZWVkYmFja01lc3NhZ2UgfSksXG4gICAgW2FjdGl2ZVN0ZXAsIHNlcXVlbnRpYWwsIG9yaWVudGF0aW9uLCBzdGVwRmVlZGJhY2tNZXNzYWdlXVxuICApXG5cbiAgY29uc3QgZGlzcGxheUZlZWRiYWNrQ29uZGl0aW9uID0gc3RlcEZlZWRiYWNrTWVzc2FnZSAmJiBvcmllbnRhdGlvbiA9PT0gJ2hvcml6b250YWwnXG4gIHJldHVybiAoXG4gICAgPFN0ZXBwZXJDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e29yaWVudGF0aW9uID09PSAnaG9yaXpvbnRhbCcgPyBzdGVwcGVyV3JhcHBlckhvcml6b250YWxTdHlsZXMgOiBTdGVwcGVyV3JhcHBlclZlcnRpY2FsU3R5bGVzfVxuICAgICAgICB7Li4ub3RoZXJ9XG4gICAgICA+XG4gICAgICAgIHtkaXNwbGF5RmVlZGJhY2tDb25kaXRpb24gPyA8U3RlcHBlckZlZWRiYWNrTWVzc2FnZSBtZXNzYWdlPXtzdGVwRmVlZGJhY2tNZXNzYWdlfSAvPiA6IHN0ZXBzfVxuICAgICAgPC9kaXY+XG4gICAgPC9TdGVwcGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBtZW1vKFN0ZXBwZXJQcm92aWRlcilcbiJdfQ== */",
31
39
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
32
40
  };
33
- const StepperProvider = ({
34
- children,
35
- activeStep = 0,
36
- sequential = true,
37
- orientation = 'horizontal',
38
- stepFeedbackMessage,
39
- ...other
40
- }) => {
41
+ const StepperProvider = _ref => {
42
+ let children = _ref.children,
43
+ _ref$activeStep = _ref.activeStep,
44
+ activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
45
+ _ref$sequential = _ref.sequential,
46
+ sequential = _ref$sequential === void 0 ? true : _ref$sequential,
47
+ _ref$orientation = _ref.orientation,
48
+ orientation = _ref$orientation === void 0 ? 'horizontal' : _ref$orientation,
49
+ stepFeedbackMessage = _ref.stepFeedbackMessage,
50
+ other = _objectWithoutProperties(_ref, _excluded);
41
51
  const childrenArray = _react.default.Children.toArray(children).filter(Boolean);
42
52
  const steps = childrenArray.map((child, index) => {
43
- return /*#__PURE__*/_react.default.cloneElement(child, {
44
- index: index,
45
- ...child.props
46
- });
53
+ return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
54
+ index: index
55
+ }, child.props));
47
56
  });
48
57
  const contextValue = _react.default.useMemo(() => ({
49
58
  activeStep,
@@ -60,5 +69,4 @@ const StepperProvider = ({
60
69
  message: stepFeedbackMessage
61
70
  }) : steps));
62
71
  };
63
- var _default = /*#__PURE__*/(0, _react.memo)(StepperProvider);
64
- exports.default = _default;
72
+ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(StepperProvider);
@@ -11,5 +11,4 @@ const StepperContext = /*#__PURE__*/_react.default.createContext({
11
11
  orientation: 'horizontal',
12
12
  sequential: true
13
13
  });
14
- var _default = StepperContext;
15
- exports.default = _default;
14
+ var _default = exports.default = StepperContext;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "Stepper", {
7
7
  enumerable: true,
8
- get: function () {
8
+ get: function get() {
9
9
  return _Stepper.default;
10
10
  }
11
11
  });
@@ -1,5 +1,5 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  declare const StepperFeedbackMessage: ({ message }: {
3
3
  message: string;
4
- }) => React.JSX.Element;
4
+ }) => JSX.Element;
5
5
  export default StepperFeedbackMessage;
@@ -28,5 +28,4 @@ const StepperFeedbackMessage = ({
28
28
  color: "secondary"
29
29
  }), (0, _react.jsx)("span", null, message));
30
30
  };
31
- var _default = StepperFeedbackMessage;
32
- exports.default = _default;
31
+ var _default = exports.default = StepperFeedbackMessage;
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "StepperFeedbackMessage", {
7
7
  enumerable: true,
8
- get: function () {
8
+ get: function get() {
9
9
  return _StepperFeedbackMessage.default;
10
10
  }
11
11
  });