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