@dfds-ui/react-components 2.2.0-alpha.32eece3d → 2.2.0-alpha.35ec63ee

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 (531) hide show
  1. package/accordion/Accordion.d.ts +2 -2
  2. package/accordion/Accordion.js +70 -52
  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 -39
  7. package/app-bar/AppBar.d.ts +3 -3
  8. package/app-bar/AppBar.js +54 -42
  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 +4 -6
  16. package/app-bar/AppBarItem.js +76 -70
  17. package/app-bar/AppBarListItem.d.ts +11 -12
  18. package/assertions/banner/Banner.d.ts +3 -3
  19. package/assertions/banner/Banner.js +71 -59
  20. package/assertions/banner/BannerAction.d.ts +1 -1
  21. package/assertions/banner/BannerAction.js +10 -5
  22. package/assertions/banner/BannerTypography.js +11 -8
  23. package/assertions/toast/Toast.d.ts +1 -1
  24. package/assertions/toast/Toast.js +29 -19
  25. package/assertions/toast/Toaster.d.ts +4 -4
  26. package/assertions/toast/Toaster.js +53 -58
  27. package/badge/Badge.d.ts +1 -1
  28. package/badge/Badge.js +18 -11
  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 -31
  35. package/button/IconButton.d.ts +2 -2
  36. package/button/IconButton.js +46 -50
  37. package/button/LinkButton.d.ts +1 -1
  38. package/button/LinkButton.js +9 -4
  39. package/button/button-style.js +1 -2
  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 +16 -8
  49. package/card/CardPriceTag.d.ts +1 -1
  50. package/card/CardPriceTag.js +28 -16
  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 +24 -17
  55. package/cjs/accordion/Accordion.d.ts +2 -2
  56. package/cjs/accordion/Accordion.js +63 -51
  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 -38
  61. package/cjs/app-bar/AppBar.d.ts +3 -3
  62. package/cjs/app-bar/AppBar.js +51 -43
  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 +4 -6
  70. package/cjs/app-bar/AppBarItem.js +70 -69
  71. package/cjs/app-bar/AppBarListItem.d.ts +11 -12
  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 -57
  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 +11 -11
  78. package/cjs/assertions/toast/Toast.d.ts +1 -1
  79. package/cjs/assertions/toast/Toast.js +23 -19
  80. package/cjs/assertions/toast/Toaster.d.ts +4 -4
  81. package/cjs/assertions/toast/Toaster.js +37 -30
  82. package/cjs/badge/Badge.d.ts +1 -1
  83. package/cjs/badge/Badge.js +12 -9
  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 -30
  90. package/cjs/button/IconButton.d.ts +2 -2
  91. package/cjs/button/IconButton.js +20 -30
  92. package/cjs/button/LinkButton.d.ts +1 -1
  93. package/cjs/button/LinkButton.js +6 -6
  94. package/cjs/button/button-style.js +9 -17
  95. package/cjs/button-stack/ButtonStack.d.ts +3 -3
  96. package/cjs/button-stack/ButtonStack.js +22 -20
  97. package/cjs/card/Card.d.ts +2 -2
  98. package/cjs/card/Card.js +39 -29
  99. package/cjs/card/CardActions.js +7 -7
  100. package/cjs/card/CardContent.d.ts +1 -1
  101. package/cjs/card/CardContent.js +13 -9
  102. package/cjs/card/CardMedia.d.ts +2 -2
  103. package/cjs/card/CardMedia.js +10 -8
  104. package/cjs/card/CardPriceTag.d.ts +1 -1
  105. package/cjs/card/CardPriceTag.js +22 -16
  106. package/cjs/card/CardTitle.d.ts +1 -1
  107. package/cjs/card/CardTitle.js +16 -12
  108. package/cjs/chip/Chip.d.ts +4 -4
  109. package/cjs/chip/Chip.js +20 -19
  110. package/cjs/common/LockBodyScroll.d.ts +4 -3
  111. package/cjs/common/LockBodyScroll.js +23 -16
  112. package/cjs/common/arrow.d.ts +1 -1
  113. package/cjs/common/arrow.js +2 -4
  114. package/cjs/common/emotionCloneElement.d.ts +0 -1
  115. package/cjs/common/emotionCloneElement.js +1 -3
  116. package/cjs/common/intent.d.ts +1 -1
  117. package/cjs/common/polymorphic.d.ts +3 -3
  118. package/cjs/common/polymorphic.js +9 -5
  119. package/cjs/common/use-media.js +1 -1
  120. package/cjs/common/useOnClickOutside.d.ts +2 -3
  121. package/cjs/common/useOnClickOutside.js +2 -2
  122. package/cjs/counter/Counter.d.ts +3 -2
  123. package/cjs/counter/Counter.js +57 -54
  124. package/cjs/counter/PluralCounter.d.ts +4 -3
  125. package/cjs/counter/PluralCounter.js +15 -15
  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 +40 -38
  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.js +35 -38
  138. package/cjs/dropdown-menu/MenuTitle.js +16 -14
  139. package/cjs/elevation/index.d.ts +1 -1
  140. package/cjs/elevation/index.js +4 -8
  141. package/cjs/flexbox/FlexBox.d.ts +4 -5
  142. package/cjs/flexbox/FlexBox.js +2 -4
  143. package/cjs/footer/Footer.d.ts +2 -2
  144. package/cjs/footer/Footer.js +13 -9
  145. package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -4
  146. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  147. package/cjs/forms/asterisk/Asterisk.js +5 -4
  148. package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
  149. package/cjs/forms/checkbox/Checkbox.js +41 -38
  150. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  151. package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
  152. package/cjs/forms/email-field/EmailField.d.ts +19 -3
  153. package/cjs/forms/email-field/EmailField.js +12 -8
  154. package/cjs/forms/error-text/ErrorText.d.ts +3 -4
  155. package/cjs/forms/error-text/ErrorText.js +3 -6
  156. package/cjs/forms/field/Field.d.ts +1 -1
  157. package/cjs/forms/field/Field.js +13 -12
  158. package/cjs/forms/index.d.ts +3 -3
  159. package/cjs/forms/input/Input.d.ts +4 -4
  160. package/cjs/forms/input/Input.js +34 -41
  161. package/cjs/forms/input/InputComposition.d.ts +11 -11
  162. package/cjs/forms/input/InputComposition.js +40 -36
  163. package/cjs/forms/label/Label.d.ts +1 -1
  164. package/cjs/forms/label/Label.js +8 -7
  165. package/cjs/forms/number-field/NumberField.d.ts +19 -3
  166. package/cjs/forms/number-field/NumberField.js +12 -9
  167. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  168. package/cjs/forms/password-field/PasswordField.js +13 -15
  169. package/cjs/forms/radio/Radio.d.ts +4 -4
  170. package/cjs/forms/radio/Radio.js +25 -24
  171. package/cjs/forms/reactselect/ReactSelect.d.ts +14 -14
  172. package/cjs/forms/reactselect/ReactSelect.js +76 -69
  173. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  174. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
  175. package/cjs/forms/select/Select.d.ts +5 -5
  176. package/cjs/forms/select/Select.js +33 -36
  177. package/cjs/forms/select-field/SelectField.d.ts +13 -5
  178. package/cjs/forms/select-field/SelectField.js +37 -38
  179. package/cjs/forms/switch/Switch.d.ts +2 -2
  180. package/cjs/forms/switch/Switch.js +41 -38
  181. package/cjs/forms/tel-field/TelField.d.ts +19 -3
  182. package/cjs/forms/tel-field/TelField.js +12 -8
  183. package/cjs/forms/text-field/TextField.d.ts +22 -5
  184. package/cjs/forms/text-field/TextField.js +42 -44
  185. package/cjs/global-styles/GlobalStyles.js +3 -2
  186. package/cjs/global-styles/ResetStyles.js +3 -3
  187. package/cjs/global-styles/sanitize.js +3 -5
  188. package/cjs/grid/Column.d.ts +1 -1
  189. package/cjs/grid/Column.js +7 -7
  190. package/cjs/grid/Container.d.ts +2 -2
  191. package/cjs/grid/Container.js +34 -29
  192. package/cjs/hero/Hero.d.ts +2 -2
  193. package/cjs/hero/Hero.js +42 -26
  194. package/cjs/hero/stripes.d.ts +2 -2
  195. package/cjs/hero/stripes.js +177 -162
  196. package/cjs/ie-banner/IEBanner.d.ts +1 -1
  197. package/cjs/ie-banner/IEBanner.js +13 -8
  198. package/cjs/index.d.ts +0 -1
  199. package/cjs/index.js +0 -12
  200. package/cjs/layout/LayoutLegacy.js +2 -1
  201. package/cjs/lists/FeatureList.d.ts +7 -7
  202. package/cjs/lists/FeatureList.js +16 -13
  203. package/cjs/lists/ListAddon.d.ts +1 -1
  204. package/cjs/lists/ListAddon.js +10 -7
  205. package/cjs/lists/ListDivider.d.ts +1 -1
  206. package/cjs/lists/ListDivider.js +6 -6
  207. package/cjs/lists/ListIcon.d.ts +2 -2
  208. package/cjs/lists/ListIcon.js +6 -6
  209. package/cjs/lists/ListItem.d.ts +1 -1
  210. package/cjs/lists/ListItem.js +7 -6
  211. package/cjs/lists/ListText.d.ts +3 -3
  212. package/cjs/lists/ListText.js +6 -6
  213. package/cjs/lists/ListTextGroup.d.ts +1 -1
  214. package/cjs/lists/ListTextGroup.js +6 -6
  215. package/cjs/lists/ListTitle.js +7 -8
  216. package/cjs/loader/DfdsLoader.d.ts +1 -1
  217. package/cjs/loader/DfdsLoader.js +29 -24
  218. package/cjs/loader/Loader.d.ts +1 -1
  219. package/cjs/loader/Loader.js +10 -5
  220. package/cjs/localization/LocaleFlag.d.ts +1 -1
  221. package/cjs/localization/LocaleFlag.js +5 -4
  222. package/cjs/localization/locales.d.ts +2 -2
  223. package/cjs/localization/locales.js +3 -6
  224. package/cjs/logo/Logo.d.ts +1 -1
  225. package/cjs/logo/Logo.js +12 -9
  226. package/cjs/media/index.js +1 -2
  227. package/cjs/menu/Menu.d.ts +1 -1
  228. package/cjs/menu/Menu.js +29 -23
  229. package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
  230. package/cjs/mobile-stepper/MobileStepper.js +19 -19
  231. package/cjs/nav-bar/NavBar.d.ts +9 -9
  232. package/cjs/nav-bar/NavBar.js +35 -26
  233. package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
  234. package/cjs/nav-menu/NavMenuItem.js +14 -13
  235. package/cjs/pagination/Pagination.d.ts +2 -2
  236. package/cjs/pagination/Pagination.js +52 -42
  237. package/cjs/pagination/Pagination.styles.js +7 -14
  238. package/cjs/popper/Popper.d.ts +3 -3
  239. package/cjs/popper/Popper.js +22 -22
  240. package/cjs/progress-bar/ProgressBar.d.ts +1 -1
  241. package/cjs/progress-bar/ProgressBar.js +5 -7
  242. package/cjs/schedule/ScheduleItem.d.ts +8 -8
  243. package/cjs/schedule/ScheduleItem.js +11 -8
  244. package/cjs/schedule/ScheduleList.d.ts +3 -3
  245. package/cjs/schedule/ScheduleList.js +10 -11
  246. package/cjs/side-sheet/SideSheet.d.ts +4 -4
  247. package/cjs/side-sheet/SideSheet.js +48 -45
  248. package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
  249. package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
  250. package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
  251. package/cjs/side-sheet/SideSheetContent.js +10 -7
  252. package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
  253. package/cjs/side-sheet/SideSheetFooter.js +10 -7
  254. package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
  255. package/cjs/side-sheet/SideSheetHeader.js +10 -7
  256. package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
  257. package/cjs/side-sheet/SideSheetHeadline.js +6 -5
  258. package/cjs/site-layout/SiteLayout.d.ts +11 -11
  259. package/cjs/site-layout/SiteLayout.js +35 -25
  260. package/cjs/skeleton/Skeleton.d.ts +1 -1
  261. package/cjs/skeleton/Skeleton.js +6 -6
  262. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  263. package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
  264. package/cjs/spinner/Spinner.d.ts +7 -7
  265. package/cjs/spinner/Spinner.js +14 -15
  266. package/cjs/step/Step.d.ts +1 -1
  267. package/cjs/step/Step.js +29 -20
  268. package/cjs/step/Step.styles.js +5 -10
  269. package/cjs/step/StepButton.d.ts +2 -2
  270. package/cjs/step/StepButton.js +30 -29
  271. package/cjs/step/StepContent.d.ts +1 -1
  272. package/cjs/step/StepContent.js +14 -14
  273. package/cjs/step/StepContext.d.ts +1 -1
  274. package/cjs/step/StepContext.js +1 -2
  275. package/cjs/step/StepLabel.d.ts +1 -1
  276. package/cjs/step/StepLabel.js +10 -9
  277. package/cjs/stepper/Stepper.d.ts +1 -1
  278. package/cjs/stepper/Stepper.js +14 -14
  279. package/cjs/stepper/StepperContext.d.ts +1 -1
  280. package/cjs/stepper/StepperContext.js +1 -2
  281. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +11 -9
  282. package/cjs/styles/media.d.ts +1 -1
  283. package/cjs/styles/media.js +2 -4
  284. package/cjs/styles/style-helpers.js +1 -2
  285. package/cjs/styles/theme.d.ts +1 -1
  286. package/cjs/styles/theme.js +2 -4
  287. package/cjs/surface/Surface.d.ts +9 -8
  288. package/cjs/surface/Surface.js +20 -14
  289. package/cjs/tab/Tab.d.ts +3 -3
  290. package/cjs/tab/Tab.js +9 -9
  291. package/cjs/tab/TabPanel.d.ts +2 -2
  292. package/cjs/tab/TabPanel.js +7 -7
  293. package/cjs/tab/Tabs.d.ts +3 -3
  294. package/cjs/tab/Tabs.js +32 -32
  295. package/cjs/tab/TabsContext.d.ts +3 -3
  296. package/cjs/tab/TabsContext.js +7 -8
  297. package/cjs/table/Table.d.ts +3 -3
  298. package/cjs/table/Table.js +17 -17
  299. package/cjs/table/TableBody.d.ts +2 -2
  300. package/cjs/table/TableBody.js +11 -12
  301. package/cjs/table/TableDataCell.d.ts +2 -2
  302. package/cjs/table/TableDataCell.js +13 -14
  303. package/cjs/table/TableHead.d.ts +2 -2
  304. package/cjs/table/TableHead.js +12 -15
  305. package/cjs/table/TableHeaderCell.d.ts +3 -3
  306. package/cjs/table/TableHeaderCell.js +14 -15
  307. package/cjs/table/TableRow.d.ts +2 -2
  308. package/cjs/table/TableRow.js +12 -14
  309. package/cjs/test/Test.js +5 -4
  310. package/cjs/tooltip/Tooltip.d.ts +15 -9
  311. package/cjs/tooltip/Tooltip.js +81 -51
  312. package/cjs/typography/Headlines.d.ts +32 -32
  313. package/cjs/typography/Headlines.js +25 -33
  314. package/cjs/typography/Text.d.ts +2 -3
  315. package/cjs/typography/Text.js +3 -5
  316. package/common/LockBodyScroll.d.ts +4 -3
  317. package/common/LockBodyScroll.js +28 -16
  318. package/common/arrow.d.ts +1 -1
  319. package/common/arrow.js +2 -4
  320. package/common/emotionCloneElement.d.ts +0 -1
  321. package/common/emotionCloneElement.js +1 -2
  322. package/common/intent.d.ts +1 -1
  323. package/common/polymorphic.d.ts +3 -3
  324. package/common/polymorphic.js +9 -3
  325. package/common/use-media.js +3 -3
  326. package/common/useOnClickOutside.d.ts +2 -3
  327. package/common/useOnClickOutside.js +2 -2
  328. package/counter/Counter.d.ts +3 -2
  329. package/counter/Counter.js +59 -56
  330. package/counter/PluralCounter.d.ts +4 -3
  331. package/counter/PluralCounter.js +24 -18
  332. package/data-table/DataTable.d.ts +1 -1
  333. package/data-table/DataTable.js +54 -41
  334. package/divider/Divider.d.ts +2 -2
  335. package/divider/Divider.js +10 -5
  336. package/drawer/Drawer.d.ts +6 -5
  337. package/drawer/Drawer.js +19 -11
  338. package/dropdown-menu/Dropdown.d.ts +3 -3
  339. package/dropdown-menu/Dropdown.js +47 -42
  340. package/dropdown-menu/DropdownContext.d.ts +4 -4
  341. package/dropdown-menu/DropdownContext.js +5 -4
  342. package/dropdown-menu/MenuCheckbox.js +24 -17
  343. package/dropdown-menu/MenuItem.js +31 -28
  344. package/dropdown-menu/MenuTitle.js +15 -13
  345. package/elevation/index.d.ts +1 -1
  346. package/elevation/index.js +3 -6
  347. package/flexbox/FlexBox.d.ts +4 -5
  348. package/flexbox/FlexBox.js +2 -2
  349. package/footer/Footer.d.ts +2 -2
  350. package/footer/Footer.js +12 -7
  351. package/forms/assistive-text/AssistiveText.d.ts +3 -4
  352. package/forms/asterisk/Asterisk.js +4 -2
  353. package/forms/checkbox/Checkbox.d.ts +6 -6
  354. package/forms/checkbox/Checkbox.js +50 -42
  355. package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  356. package/forms/checkbox/ExampleControlComponent.js +15 -8
  357. package/forms/email-field/EmailField.d.ts +19 -3
  358. package/forms/email-field/EmailField.js +16 -6
  359. package/forms/error-text/ErrorText.d.ts +3 -4
  360. package/forms/error-text/ErrorText.js +2 -4
  361. package/forms/field/Field.d.ts +1 -1
  362. package/forms/field/Field.js +12 -10
  363. package/forms/index.d.ts +3 -3
  364. package/forms/input/Input.d.ts +4 -4
  365. package/forms/input/Input.js +42 -44
  366. package/forms/input/InputComposition.d.ts +11 -11
  367. package/forms/input/InputComposition.js +41 -32
  368. package/forms/label/Label.d.ts +1 -1
  369. package/forms/label/Label.js +14 -8
  370. package/forms/number-field/NumberField.d.ts +19 -3
  371. package/forms/number-field/NumberField.js +17 -8
  372. package/forms/password-field/PasswordField.d.ts +2 -2
  373. package/forms/password-field/PasswordField.js +19 -15
  374. package/forms/radio/Radio.d.ts +4 -4
  375. package/forms/radio/Radio.js +33 -26
  376. package/forms/reactselect/ReactSelect.d.ts +14 -14
  377. package/forms/reactselect/ReactSelect.js +73 -68
  378. package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  379. package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
  380. package/forms/select/Select.d.ts +5 -5
  381. package/forms/select/Select.js +41 -39
  382. package/forms/select-field/SelectField.d.ts +13 -5
  383. package/forms/select-field/SelectField.js +44 -40
  384. package/forms/switch/Switch.d.ts +2 -2
  385. package/forms/switch/Switch.js +52 -43
  386. package/forms/tel-field/TelField.d.ts +19 -3
  387. package/forms/tel-field/TelField.js +16 -6
  388. package/forms/text-field/TextField.d.ts +22 -5
  389. package/forms/text-field/TextField.js +50 -46
  390. package/global-styles/GlobalStyles.js +3 -3
  391. package/global-styles/ResetStyles.js +3 -4
  392. package/global-styles/sanitize.js +1 -2
  393. package/grid/Column.d.ts +1 -1
  394. package/grid/Column.js +14 -7
  395. package/grid/Container.d.ts +2 -2
  396. package/grid/Container.js +41 -35
  397. package/hero/Hero.d.ts +2 -2
  398. package/hero/Hero.js +42 -24
  399. package/hero/stripes.d.ts +2 -2
  400. package/hero/stripes.js +176 -160
  401. package/ie-banner/IEBanner.d.ts +1 -1
  402. package/ie-banner/IEBanner.js +14 -8
  403. package/index.d.ts +0 -1
  404. package/index.js +0 -1
  405. package/layout/LayoutLegacy.js +2 -2
  406. package/lists/FeatureList.d.ts +7 -7
  407. package/lists/FeatureList.js +21 -11
  408. package/lists/ListAddon.d.ts +1 -1
  409. package/lists/ListAddon.js +13 -6
  410. package/lists/ListDivider.d.ts +1 -1
  411. package/lists/ListDivider.js +10 -5
  412. package/lists/ListIcon.d.ts +2 -2
  413. package/lists/ListIcon.js +10 -5
  414. package/lists/ListItem.d.ts +1 -1
  415. package/lists/ListItem.js +13 -6
  416. package/lists/ListText.d.ts +3 -3
  417. package/lists/ListText.js +10 -5
  418. package/lists/ListTextGroup.d.ts +1 -1
  419. package/lists/ListTextGroup.js +10 -5
  420. package/lists/ListTitle.js +11 -7
  421. package/loader/DfdsLoader.d.ts +1 -1
  422. package/loader/DfdsLoader.js +26 -21
  423. package/loader/Loader.d.ts +1 -1
  424. package/loader/Loader.js +9 -4
  425. package/localization/LocaleFlag.d.ts +1 -1
  426. package/localization/LocaleFlag.js +10 -5
  427. package/localization/locales.d.ts +2 -2
  428. package/logo/Logo.d.ts +1 -1
  429. package/logo/Logo.js +14 -7
  430. package/menu/Menu.d.ts +1 -1
  431. package/menu/Menu.js +33 -21
  432. package/mobile-stepper/MobileStepper.d.ts +1 -1
  433. package/mobile-stepper/MobileStepper.js +28 -22
  434. package/nav-bar/NavBar.d.ts +9 -9
  435. package/nav-bar/NavBar.js +42 -25
  436. package/nav-menu/NavMenuItem.d.ts +1 -1
  437. package/nav-menu/NavMenuItem.js +13 -12
  438. package/package.json +19 -24
  439. package/pagination/Pagination.d.ts +2 -2
  440. package/pagination/Pagination.js +55 -39
  441. package/pagination/Pagination.styles.js +1 -2
  442. package/popper/Popper.d.ts +3 -3
  443. package/popper/Popper.js +27 -23
  444. package/progress-bar/ProgressBar.d.ts +1 -1
  445. package/progress-bar/ProgressBar.js +4 -6
  446. package/schedule/ScheduleItem.d.ts +8 -8
  447. package/schedule/ScheduleItem.js +9 -4
  448. package/schedule/ScheduleList.d.ts +3 -3
  449. package/schedule/ScheduleList.js +16 -10
  450. package/side-sheet/SideSheet.d.ts +4 -4
  451. package/side-sheet/SideSheet.js +54 -46
  452. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  453. package/side-sheet/SideSheetCloseButton.js +10 -5
  454. package/side-sheet/SideSheetContent.d.ts +1 -1
  455. package/side-sheet/SideSheetContent.js +17 -8
  456. package/side-sheet/SideSheetFooter.d.ts +1 -1
  457. package/side-sheet/SideSheetFooter.js +17 -8
  458. package/side-sheet/SideSheetHeader.d.ts +1 -1
  459. package/side-sheet/SideSheetHeader.js +17 -8
  460. package/side-sheet/SideSheetHeadline.d.ts +1 -1
  461. package/side-sheet/SideSheetHeadline.js +5 -4
  462. package/site-layout/SiteLayout.d.ts +11 -11
  463. package/site-layout/SiteLayout.js +36 -18
  464. package/skeleton/Skeleton.d.ts +1 -1
  465. package/skeleton/Skeleton.js +10 -5
  466. package/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  467. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  468. package/spinner/Spinner.d.ts +7 -7
  469. package/spinner/Spinner.js +18 -12
  470. package/step/Step.d.ts +1 -1
  471. package/step/Step.js +34 -20
  472. package/step/Step.styles.js +1 -2
  473. package/step/StepButton.d.ts +2 -2
  474. package/step/StepButton.js +27 -21
  475. package/step/StepContent.d.ts +1 -1
  476. package/step/StepContent.js +13 -13
  477. package/step/StepContext.d.ts +1 -1
  478. package/step/StepLabel.d.ts +1 -1
  479. package/step/StepLabel.js +9 -8
  480. package/stepper/Stepper.d.ts +1 -1
  481. package/stepper/Stepper.js +15 -15
  482. package/stepper/StepperContext.d.ts +1 -1
  483. package/stepper-feedback-message/StepperFeedbackMessage.js +10 -8
  484. package/styles/media.d.ts +1 -1
  485. package/styles/style-helpers.js +1 -2
  486. package/styles/theme.d.ts +1 -1
  487. package/surface/Surface.d.ts +9 -8
  488. package/surface/Surface.js +17 -14
  489. package/tab/Tab.d.ts +3 -3
  490. package/tab/Tab.js +18 -12
  491. package/tab/TabPanel.d.ts +2 -2
  492. package/tab/TabPanel.js +6 -5
  493. package/tab/Tabs.d.ts +3 -3
  494. package/tab/Tabs.js +46 -40
  495. package/tab/TabsContext.d.ts +3 -3
  496. package/tab/TabsContext.js +5 -4
  497. package/table/Table.d.ts +3 -3
  498. package/table/Table.js +23 -17
  499. package/table/TableBody.d.ts +2 -2
  500. package/table/TableBody.js +15 -10
  501. package/table/TableDataCell.d.ts +2 -2
  502. package/table/TableDataCell.js +17 -12
  503. package/table/TableHead.d.ts +2 -2
  504. package/table/TableHead.js +13 -12
  505. package/table/TableHeaderCell.d.ts +3 -3
  506. package/table/TableHeaderCell.js +18 -13
  507. package/table/TableRow.d.ts +2 -2
  508. package/table/TableRow.js +14 -14
  509. package/test/Test.js +4 -2
  510. package/tooltip/Tooltip.d.ts +15 -9
  511. package/tooltip/Tooltip.js +93 -58
  512. package/typography/Headlines.d.ts +32 -32
  513. package/typography/Headlines.js +24 -19
  514. package/typography/Text.d.ts +2 -3
  515. package/typography/Text.js +1 -2
  516. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  517. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -20
  518. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  519. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  520. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  521. package/cjs/date-range-picker/DateRangePicker.js +0 -263
  522. package/cjs/date-range-picker/index.d.ts +0 -1
  523. package/cjs/date-range-picker/index.js +0 -13
  524. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  525. package/date-range-picker/DatePickerDefaultStyles.js +0 -13
  526. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  527. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
  528. package/date-range-picker/DateRangePicker.d.ts +0 -33
  529. package/date-range-picker/DateRangePicker.js +0 -310
  530. package/date-range-picker/index.d.ts +0 -1
  531. package/date-range-picker/index.js +0 -1
@@ -8,10 +8,9 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _FlexBox = _interopRequireDefault(require("../flexbox/FlexBox"));
10
10
  var _icons = require("@dfds-ui/icons");
11
- var _react2 = require("@emotion/react");
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- 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" ? {
13
+ const SoMeWrapper = exports.SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
15
14
  target: "e1vhyn6d0"
16
15
  } : {
17
16
  target: "e1vhyn6d0",
@@ -25,7 +24,6 @@ const SoMeWrapper = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.en
25
24
  }) => iconSize ? iconSize : '30px', ";margin:0 25px 20px 0;svg path{fill:", ({
26
25
  colorOverwrite
27
26
  }) => 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
27
  const SocialMediaLinkList = ({
30
28
  instagramLink,
31
29
  facebookLink,
@@ -39,62 +37,70 @@ const SocialMediaLinkList = ({
39
37
  colorOverwrite,
40
38
  ...rest
41
39
  }) => {
42
- return (0, _react2.jsx)(SoMeWrapper, _extends({
40
+ return (0, _jsxRuntime.jsxs)(SoMeWrapper, {
43
41
  colorOverwrite: colorOverwrite,
44
42
  noPadding: noPadding,
45
43
  wrapWrap: true,
46
- iconSize: iconSize
47
- }, rest), facebookLink && (0, _react2.jsx)("a", {
48
- href: facebookLink,
49
- target: "_blank",
50
- rel: "noopener noreferrer"
51
- }, (0, _react2.jsx)(_icons.Facebook, {
52
- height: iconSize,
53
- width: iconSize
54
- })), blogLink && (0, _react2.jsx)("a", {
55
- href: blogLink,
56
- target: "_blank",
57
- rel: "noopener noreferrer"
58
- }, (0, _react2.jsx)(_icons.Blog, {
59
- height: iconSize,
60
- width: iconSize
61
- })), instagramLink && (0, _react2.jsx)("a", {
62
- href: instagramLink,
63
- target: "_blank",
64
- rel: "noopener noreferrer"
65
- }, (0, _react2.jsx)(_icons.Instagram, {
66
- height: iconSize,
67
- width: iconSize
68
- })), linkedinLink && (0, _react2.jsx)("a", {
69
- href: linkedinLink,
70
- target: "_blank",
71
- rel: "noopener noreferrer"
72
- }, (0, _react2.jsx)(_icons.LinkedIn, {
73
- height: iconSize,
74
- width: iconSize
75
- })), twitterLink && (0, _react2.jsx)("a", {
76
- href: twitterLink,
77
- target: "_blank",
78
- rel: "noopener noreferrer"
79
- }, (0, _react2.jsx)(_icons.Twitter, {
80
- height: iconSize,
81
- width: iconSize
82
- })), youtubeLink && (0, _react2.jsx)("a", {
83
- href: youtubeLink,
84
- target: "_blank",
85
- rel: "noopener noreferrer"
86
- }, (0, _react2.jsx)(_icons.Youtube, {
87
- height: iconSize,
88
- width: iconSize
89
- })), mailshareLink && (0, _react2.jsx)("a", {
90
- href: mailshareLink,
91
- target: "_blank",
92
- rel: "noopener noreferrer"
93
- }, (0, _react2.jsx)(_icons.MailShare, {
94
- height: iconSize,
95
- width: iconSize
96
- })));
44
+ iconSize: iconSize,
45
+ ...rest,
46
+ children: [facebookLink && (0, _jsxRuntime.jsx)("a", {
47
+ href: facebookLink,
48
+ target: "_blank",
49
+ rel: "noopener noreferrer",
50
+ children: (0, _jsxRuntime.jsx)(_icons.Facebook, {
51
+ height: iconSize,
52
+ width: iconSize
53
+ })
54
+ }), blogLink && (0, _jsxRuntime.jsx)("a", {
55
+ href: blogLink,
56
+ target: "_blank",
57
+ rel: "noopener noreferrer",
58
+ children: (0, _jsxRuntime.jsx)(_icons.Blog, {
59
+ height: iconSize,
60
+ width: iconSize
61
+ })
62
+ }), instagramLink && (0, _jsxRuntime.jsx)("a", {
63
+ href: instagramLink,
64
+ target: "_blank",
65
+ rel: "noopener noreferrer",
66
+ children: (0, _jsxRuntime.jsx)(_icons.Instagram, {
67
+ height: iconSize,
68
+ width: iconSize
69
+ })
70
+ }), linkedinLink && (0, _jsxRuntime.jsx)("a", {
71
+ href: linkedinLink,
72
+ target: "_blank",
73
+ rel: "noopener noreferrer",
74
+ children: (0, _jsxRuntime.jsx)(_icons.LinkedIn, {
75
+ height: iconSize,
76
+ width: iconSize
77
+ })
78
+ }), twitterLink && (0, _jsxRuntime.jsx)("a", {
79
+ href: twitterLink,
80
+ target: "_blank",
81
+ rel: "noopener noreferrer",
82
+ children: (0, _jsxRuntime.jsx)(_icons.Twitter, {
83
+ height: iconSize,
84
+ width: iconSize
85
+ })
86
+ }), youtubeLink && (0, _jsxRuntime.jsx)("a", {
87
+ href: youtubeLink,
88
+ target: "_blank",
89
+ rel: "noopener noreferrer",
90
+ children: (0, _jsxRuntime.jsx)(_icons.Youtube, {
91
+ height: iconSize,
92
+ width: iconSize
93
+ })
94
+ }), mailshareLink && (0, _jsxRuntime.jsx)("a", {
95
+ href: mailshareLink,
96
+ target: "_blank",
97
+ rel: "noopener noreferrer",
98
+ children: (0, _jsxRuntime.jsx)(_icons.MailShare, {
99
+ height: iconSize,
100
+ width: iconSize
101
+ })
102
+ })]
103
+ });
97
104
  };
98
105
  exports.SocialMediaLinkList = SocialMediaLinkList;
99
- var _default = SocialMediaLinkList;
100
- exports.default = _default;
106
+ var _default = exports.default = SocialMediaLinkList;
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { PolymorphicComponentProps } from '../common/polymorphic';
3
- declare type Color = 'dark' | 'secondary' | 'light';
4
- export declare type SpinnerProps = {
3
+ type Color = 'dark' | 'secondary' | 'light';
4
+ export type SpinnerProps = {
5
5
  /**
6
6
  * Indicates that Spinner will show up instantaneously (instead of fading in).
7
7
  *
@@ -37,22 +37,22 @@ export declare const CenteredSpinner: import("@emotion/styled").StyledComponent<
37
37
  * Indicates that Spinner will show up instantaneously (instead of fading in).
38
38
  *
39
39
  */
40
- instant?: boolean | undefined;
40
+ instant?: boolean;
41
41
  /**
42
42
  * Specifies the size of the Spinner.
43
43
  *
44
44
  * @deprecated Use css instead.
45
45
  */
46
- size?: string | undefined;
46
+ size?: string;
47
47
  /**
48
48
  * Class name to be assigned to component.
49
49
  */
50
- className?: string | undefined;
50
+ className?: string;
51
51
  /**
52
52
  * Set the color variant to use.
53
53
  */
54
- color?: Color | undefined;
54
+ color?: Color;
55
55
  } & PolymorphicComponentProps & {
56
- theme?: import("@emotion/react").Theme | undefined;
56
+ theme?: import("@emotion/react").Theme;
57
57
  }, {}, {}>;
58
58
  export default Spinner;
@@ -11,8 +11,8 @@ 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
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
15
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
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); }
16
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)."; }
17
17
  const paths = 8;
18
18
  const duration = 0.8;
@@ -72,22 +72,24 @@ function Spinner({
72
72
  const Svg = instant ? InstantSpinner : FadedSpinner;
73
73
  const colorPicker = color == 'dark' ? _theme.theme.colors.primary.main : color == 'light' ? _theme.theme.colors.surface.primary : _theme.theme.colors.secondary.main;
74
74
  const Component = as;
75
- return (0, _react2.jsx)(Component, _extends({
75
+ return (0, _jsxRuntime.jsx)(Component, {
76
76
  className: className,
77
- css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */")
78
- }, rest), (0, _react2.jsx)(Svg, {
79
- width: 32,
80
- height: 32,
81
- viewBox: "0 0 32 32",
82
- size: size
83
- }));
77
+ css: /*#__PURE__*/(0, _react2.css)("color:", colorPicker, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Spinner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc3Bpbm5lci9TcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsga2V5ZnJhbWVzLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN2Z0FuaW1hdGVkU3Bpbm5lciB9IGZyb20gJ0BkZmRzLXVpL2ljb25zJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHMgfSBmcm9tICcuLi9jb21tb24vcG9seW1vcnBoaWMnXG5cbnR5cGUgQ29sb3IgPSAnZGFyaycgfCAnc2Vjb25kYXJ5JyB8ICdsaWdodCdcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0ge1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgU3Bpbm5lciB3aWxsIHNob3cgdXAgaW5zdGFudGFuZW91c2x5IChpbnN0ZWFkIG9mIGZhZGluZyBpbikuXG4gICAqXG4gICAqL1xuICBpbnN0YW50PzogYm9vbGVhblxuICAvKipcbiAgICogU3BlY2lmaWVzIHRoZSBzaXplIG9mIHRoZSBTcGlubmVyLlxuICAgKlxuICAgKiBAZGVwcmVjYXRlZCBVc2UgY3NzIGluc3RlYWQuXG4gICAqL1xuICBzaXplPzogc3RyaW5nXG4gIC8qKlxuICAgKiBDbGFzcyBuYW1lIHRvIGJlIGFzc2lnbmVkIHRvIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAvKipcbiAgICogU2V0IHRoZSBjb2xvciB2YXJpYW50IHRvIHVzZS5cbiAgICovXG4gIGNvbG9yPzogQ29sb3Jcbn0gJiBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzXG5cbmNvbnN0IHBhdGhzID0gOFxuY29uc3QgZHVyYXRpb24gPSAwLjhcbmNvbnN0IGRlbGF5ID0gZHVyYXRpb24gLyBwYXRoc1xuXG5jb25zdCBzcGluID0ga2V5ZnJhbWVzYFxuICAwJSwgMjUlIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIDEwMCUge1xuICAgIG9wYWNpdHk6IC4yNTtcbiAgfVxuYFxuXG5jb25zdCBmYWRlID0ga2V5ZnJhbWVzYFxuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbiAgYFxuXG5jb25zdCBJbnN0YW50U3Bpbm5lciA9IHN0eWxlZChTdmdBbmltYXRlZFNwaW5uZXIpPHsgc2l6ZT86IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHApID0+IHAuc2l6ZSB8fCAnMS41ZW0nfTtcbiAgaGVpZ2h0OiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG5cbiAgcGF0aCB7XG4gICAgYW5pbWF0aW9uOiAke3NwaW59ICR7ZHVyYXRpb259cyBpbmZpbml0ZTtcblxuICAgICR7KCkgPT4ge1xuICAgICAgbGV0IGRlbGF5cyA9IGBgXG4gICAgICBmb3IgKGxldCBpID0gMTsgaSA8IHBhdGhzOyBpKyspIHtcbiAgICAgICAgZGVsYXlzICs9IGBcbiAgICAgICAgICAmOm50aC1vZi10eXBlKCR7aX0pIHtcbiAgICAgICAgICAgIG9wYWNpdHk6ICR7MS4wNSAtIGkgLyBwYXRoc307XG4gICAgICAgICAgICBhbmltYXRpb24tZGVsYXk6ICR7ZGVsYXkgKiBpfXM7XG4gICAgICAgICAgfVxuICAgICAgICBgXG4gICAgICB9XG4gICAgICByZXR1cm4gZGVsYXlzXG4gICAgfX1cbiAgfVxuYFxuXG5jb25zdCBGYWRlZFNwaW5uZXIgPSBzdHlsZWQoSW5zdGFudFNwaW5uZXIpYFxuICBvcGFjaXR5OiAwO1xuICBhbmltYXRpb246ICR7ZmFkZX0gMnMgZWFzZSAwLjZzIGZvcndhcmRzO1xuYFxuXG4vKipcbiAqIEEgc3Bpbm5lciBpcyB1c2VkIHRvIGdpdmUgdXNlciBhIHNlbnNlIG9mIHByb2dyZXNzLCB3aGVuIHRoZSB0aW1lIHJlcXVpcmVkIHRvIGNvbXBsZXRlIHRoZSBnaXZlbiB0YXNrIGlzIG5vdCBrbm93bi5cbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIFNwaW5uZXIoeyBpbnN0YW50LCBzaXplLCBjbGFzc05hbWUsIGNvbG9yID0gJ2RhcmsnLCBhcyA9ICdkaXYnLCAuLi5yZXN0IH06IFNwaW5uZXJQcm9wcykge1xuICBjb25zdCBTdmcgPSBpbnN0YW50ID8gSW5zdGFudFNwaW5uZXIgOiBGYWRlZFNwaW5uZXJcbiAgY29uc3QgY29sb3JQaWNrZXIgPVxuICAgIGNvbG9yID09ICdkYXJrJ1xuICAgICAgPyB0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWluXG4gICAgICA6IGNvbG9yID09ICdsaWdodCdcbiAgICAgID8gdGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeVxuICAgICAgOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW5cblxuICBjb25zdCBDb21wb25lbnQgPSBhc1xuXG4gIHJldHVybiAoXG4gICAgPENvbXBvbmVudFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgY29sb3I6ICR7Y29sb3JQaWNrZXJ9O1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxTdmcgd2lkdGg9ezMyfSBoZWlnaHQ9ezMyfSB2aWV3Qm94PVwiMCAwIDMyIDMyXCIgc2l6ZT17c2l6ZX0gLz5cbiAgICA8L0NvbXBvbmVudD5cbiAgKVxufVxuXG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgU3R5bGUgdGhlIHJlZ3VsYXIgc3Bpbm5lciB0byBhY2hpZXZlIHRoZSBkZXNpcmVkIGVmZmVjdC5cbiAqL1xuZXhwb3J0IGNvbnN0IENlbnRlcmVkU3Bpbm5lciA9IHN0eWxlZChTcGlubmVyKWBcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICBsZWZ0OiA1MCU7XG4gIHRvcDogNTAlO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcbmBcblxuZXhwb3J0IGRlZmF1bHQgU3Bpbm5lclxuIl19 */"),
78
+ ...rest,
79
+ children: (0, _jsxRuntime.jsx)(Svg, {
80
+ width: 32,
81
+ height: 32,
82
+ viewBox: "0 0 32 32",
83
+ size: size
84
+ })
85
+ });
84
86
  }
85
87
  Spinner.displayName = 'Spinner';
86
88
 
87
89
  /**
88
90
  * @deprecated Style the regular spinner to achieve the desired effect.
89
91
  */
90
- const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
92
+ const CenteredSpinner = exports.CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NODE_ENV === "production" ? {
91
93
  target: "e1ehxkae0"
92
94
  } : {
93
95
  target: "e1ehxkae0",
@@ -97,10 +99,7 @@ const CenteredSpinner = /*#__PURE__*/(0, _base.default)(Spinner, process.env.NOD
97
99
  styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)"
98
100
  } : {
99
101
  name: "ejpnc6",
100
- styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)",
101
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
102
+ styles: "position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zcGlubmVyL1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIOEMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NwaW5uZXIvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGtleWZyYW1lcywgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdmdBbmltYXRlZFNwaW5uZXIgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG50eXBlIENvbG9yID0gJ2RhcmsnIHwgJ3NlY29uZGFyeScgfCAnbGlnaHQnXG5cbmV4cG9ydCB0eXBlIFNwaW5uZXJQcm9wcyA9IHtcbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IFNwaW5uZXIgd2lsbCBzaG93IHVwIGluc3RhbnRhbmVvdXNseSAoaW5zdGVhZCBvZiBmYWRpbmcgaW4pLlxuICAgKlxuICAgKi9cbiAgaW5zdGFudD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFNwZWNpZmllcyB0aGUgc2l6ZSBvZiB0aGUgU3Bpbm5lci5cbiAgICpcbiAgICogQGRlcHJlY2F0ZWQgVXNlIGNzcyBpbnN0ZWFkLlxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIFNldCB0aGUgY29sb3IgdmFyaWFudCB0byB1c2UuXG4gICAqL1xuICBjb2xvcj86IENvbG9yXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5jb25zdCBwYXRocyA9IDhcbmNvbnN0IGR1cmF0aW9uID0gMC44XG5jb25zdCBkZWxheSA9IGR1cmF0aW9uIC8gcGF0aHNcblxuY29uc3Qgc3BpbiA9IGtleWZyYW1lc2BcbiAgMCUsIDI1JSB7XG4gICAgb3BhY2l0eTogMTtcbiAgfVxuICAxMDAlIHtcbiAgICBvcGFjaXR5OiAuMjU7XG4gIH1cbmBcblxuY29uc3QgZmFkZSA9IGtleWZyYW1lc2BcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogMDtcbiAgfVxuXG4gIHRvIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG4gIGBcblxuY29uc3QgSW5zdGFudFNwaW5uZXIgPSBzdHlsZWQoU3ZnQW5pbWF0ZWRTcGlubmVyKTx7IHNpemU/OiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyhwKSA9PiBwLnNpemUgfHwgJzEuNWVtJ307XG4gIGhlaWdodDogJHsocCkgPT4gcC5zaXplIHx8ICcxLjVlbSd9O1xuXG4gIHBhdGgge1xuICAgIGFuaW1hdGlvbjogJHtzcGlufSAke2R1cmF0aW9ufXMgaW5maW5pdGU7XG5cbiAgICAkeygpID0+IHtcbiAgICAgIGxldCBkZWxheXMgPSBgYFxuICAgICAgZm9yIChsZXQgaSA9IDE7IGkgPCBwYXRoczsgaSsrKSB7XG4gICAgICAgIGRlbGF5cyArPSBgXG4gICAgICAgICAgJjpudGgtb2YtdHlwZSgke2l9KSB7XG4gICAgICAgICAgICBvcGFjaXR5OiAkezEuMDUgLSBpIC8gcGF0aHN9O1xuICAgICAgICAgICAgYW5pbWF0aW9uLWRlbGF5OiAke2RlbGF5ICogaX1zO1xuICAgICAgICAgIH1cbiAgICAgICAgYFxuICAgICAgfVxuICAgICAgcmV0dXJuIGRlbGF5c1xuICAgIH19XG4gIH1cbmBcblxuY29uc3QgRmFkZWRTcGlubmVyID0gc3R5bGVkKEluc3RhbnRTcGlubmVyKWBcbiAgb3BhY2l0eTogMDtcbiAgYW5pbWF0aW9uOiAke2ZhZGV9IDJzIGVhc2UgMC42cyBmb3J3YXJkcztcbmBcblxuLyoqXG4gKiBBIHNwaW5uZXIgaXMgdXNlZCB0byBnaXZlIHVzZXIgYSBzZW5zZSBvZiBwcm9ncmVzcywgd2hlbiB0aGUgdGltZSByZXF1aXJlZCB0byBjb21wbGV0ZSB0aGUgZ2l2ZW4gdGFzayBpcyBub3Qga25vd24uXG4gKi9cbmV4cG9ydCBmdW5jdGlvbiBTcGlubmVyKHsgaW5zdGFudCwgc2l6ZSwgY2xhc3NOYW1lLCBjb2xvciA9ICdkYXJrJywgYXMgPSAnZGl2JywgLi4ucmVzdCB9OiBTcGlubmVyUHJvcHMpIHtcbiAgY29uc3QgU3ZnID0gaW5zdGFudCA/IEluc3RhbnRTcGlubmVyIDogRmFkZWRTcGlubmVyXG4gIGNvbnN0IGNvbG9yUGlja2VyID1cbiAgICBjb2xvciA9PSAnZGFyaydcbiAgICAgID8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICAgICAgOiBjb2xvciA9PSAnbGlnaHQnXG4gICAgICA/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnlcbiAgICAgIDogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluXG5cbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcblxuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGNvbG9yOiAke2NvbG9yUGlja2VyfTtcbiAgICAgIGB9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICA8U3ZnIHdpZHRoPXszMn0gaGVpZ2h0PXszMn0gdmlld0JveD1cIjAgMCAzMiAzMlwiIHNpemU9e3NpemV9IC8+XG4gICAgPC9Db21wb25lbnQ+XG4gIClcbn1cblxuU3Bpbm5lci5kaXNwbGF5TmFtZSA9ICdTcGlubmVyJ1xuXG4vKipcbiAqIEBkZXByZWNhdGVkIFN0eWxlIHRoZSByZWd1bGFyIHNwaW5uZXIgdG8gYWNoaWV2ZSB0aGUgZGVzaXJlZCBlZmZlY3QuXG4gKi9cbmV4cG9ydCBjb25zdCBDZW50ZXJlZFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lcilgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogNTAlO1xuICB0b3A6IDUwJTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XG5gXG5cbmV4cG9ydCBkZWZhdWx0IFNwaW5uZXJcbiJdfQ== */",
102
103
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
103
104
  });
104
- exports.CenteredSpinner = CenteredSpinner;
105
- var _default = Spinner;
106
- exports.default = _default;
105
+ var _default = exports.default = Spinner;
@@ -1,5 +1,5 @@
1
1
  import React, { ReactNode } from 'react';
2
- export declare type StepProps = {
2
+ export type StepProps = {
3
3
  /**
4
4
  * The position of the step
5
5
  */
package/cjs/step/Step.js CHANGED
@@ -12,10 +12,9 @@ var _StepContext = _interopRequireDefault(require("./StepContext"));
12
12
  var _StepperContext = _interopRequireDefault(require("../stepper/StepperContext"));
13
13
  var _Step = require("./Step.styles");
14
14
  var _stepperFeedbackMessage = require("../stepper-feedback-message");
15
- var _react2 = require("@emotion/react");
15
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
16
16
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
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 _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
18
  const Step = ({
20
19
  index,
21
20
  label = '',
@@ -46,22 +45,32 @@ const Step = ({
46
45
  isEditing
47
46
  }), [index, active, completed, disabled, hasError, isEditing]);
48
47
  const displayFeedbackCondition = orientation === 'vertical' && stepFeedbackMessage && activeStep === index;
49
- return (0, _react2.jsx)(_StepContext.default.Provider, {
50
- value: contextValue
51
- }, (0, _react2.jsx)("div", _extends({
52
- css: orientation === 'horizontal' ? _Step.stepWrapperHorizontalStyles : _Step.stepWrapperVerticalStyles
53
- }, props, {
54
- "data-testid": "step"
55
- }), (0, _react2.jsx)("div", {
56
- css: _Step.stepHeaderStyles,
57
- onClick: handleStepClick
58
- }, displayFeedbackCondition ? (0, _react2.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
59
- message: stepFeedbackMessage
60
- }) : (0, _react2.jsx)(_react.default.Fragment, null, (0, _react2.jsx)(_StepButton.default, props), label ? (0, _react2.jsx)(_StepLabel.default, {
61
- optionalStepText: optionalStepText
62
- }, label) : null)), orientation === 'vertical' ? (0, _react2.jsx)("div", {
63
- css: _Step.stepContentStyles
64
- }, (0, _react2.jsx)(_StepContent.default, null, children)) : null));
48
+ return (0, _jsxRuntime.jsx)(_StepContext.default.Provider, {
49
+ value: contextValue,
50
+ children: (0, _jsxRuntime.jsxs)("div", {
51
+ css: orientation === 'horizontal' ? _Step.stepWrapperHorizontalStyles : _Step.stepWrapperVerticalStyles,
52
+ ...props,
53
+ "data-testid": "step",
54
+ children: [(0, _jsxRuntime.jsx)("div", {
55
+ css: _Step.stepHeaderStyles,
56
+ onClick: handleStepClick,
57
+ children: displayFeedbackCondition ? (0, _jsxRuntime.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
58
+ message: stepFeedbackMessage
59
+ }) : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
60
+ children: [(0, _jsxRuntime.jsx)(_StepButton.default, {
61
+ ...props
62
+ }), label ? (0, _jsxRuntime.jsx)(_StepLabel.default, {
63
+ optionalStepText: optionalStepText,
64
+ children: label
65
+ }) : null]
66
+ })
67
+ }), orientation === 'vertical' ? (0, _jsxRuntime.jsx)("div", {
68
+ css: _Step.stepContentStyles,
69
+ children: (0, _jsxRuntime.jsx)(_StepContent.default, {
70
+ children: children
71
+ })
72
+ }) : null]
73
+ })
74
+ });
65
75
  };
66
- var _default = /*#__PURE__*/(0, _react.memo)(Step);
67
- exports.default = _default;
76
+ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Step);
@@ -11,19 +11,14 @@ 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
  } : {
22
20
  name: "17vkstv-stepHeaderStyles",
23
- styles: "gap:8px;display:flex;align-items:center;cursor:pointer;label:stepHeaderStyles;",
24
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */",
21
+ styles: "gap:8px;display:flex;align-items:center;cursor:pointer;label:stepHeaderStyles;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXAuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N0ZXAvU3RlcC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbi8vIHNwYWNlIGJldHdlZW4gbGFiZWwgYW5kIHN0ZXBCdXR0b25cbmNvbnN0IHNwYWNpbmcgPSB0aGVtZS5zcGFjaW5nLnhzXG5jb25zdCBidXR0b25XaWR0aCA9IHRoZW1lLnNwYWNpbmcubVxuY29uc3QgY29ubmVjdGVyV2lkdGggPSAnMXB4J1xuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVySG9yaXpvbnRhbFN0eWxlcyA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAke3NwYWNpbmd9O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgIGZsZXg6IDE7XG4gICAgJjphZnRlciB7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgY29udGVudDogJyc7XG4gICAgICBoZWlnaHQ6ICR7Y29ubmVjdGVyV2lkdGh9O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LmRpc2FibGVkfTtcbiAgICAgIGZsZXg6IDE7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nfTtcbiAgICB9XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IHN0ZXBXcmFwcGVyVmVydGljYWxTdHlsZXMgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgcGFkZGluZy1ib3R0b206IDJlbTtcbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAmOmFmdGVyIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBjb250ZW50OiAnJztcbiAgICAgIHRvcDogY2FsYygke2J1dHRvbldpZHRofSArICR7c3BhY2luZ30pO1xuICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKGNhbGMoKCR7YnV0dG9uV2lkdGh9IC8gMikgLSAxcHgpKTtcbiAgICAgIHdpZHRoOiAke2Nvbm5lY3RlcldpZHRofTtcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5kaXNhYmxlZH07XG4gICAgICBoZWlnaHQ6IGNhbGMoMTAwJSAtICR7YnV0dG9uV2lkdGh9IC0gKDIgKiAke3NwYWNpbmd9KSk7XG4gICAgfVxuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBzdGVwSGVhZGVyU3R5bGVzID0gY3NzYFxuICBnYXA6IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgY3Vyc29yOiBwb2ludGVyO1xuYFxuXG5leHBvcnQgY29uc3Qgc3RlcENvbnRlbnRTdHlsZXMgPSBjc3NgXG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWChjYWxjKDMgKiAke3NwYWNpbmd9KSk7XG5gXG4iXX0= */",
25
22
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
26
23
  };
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;
24
+ 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= */");
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- declare type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
3
- declare const StepButton: React.FC<StepButtonProps>;
2
+ type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
3
+ declare const StepButton: ({ ...rest }: StepButtonProps) => React.JSX.Element;
4
4
  export default StepButton;