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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (532) hide show
  1. package/accordion/Accordion.d.ts +2 -2
  2. package/accordion/Accordion.js +70 -51
  3. package/accordion/AccordionContent.d.ts +1 -1
  4. package/accordion/AccordionContent.js +13 -6
  5. package/accordion/AccordionSmall.d.ts +2 -2
  6. package/accordion/AccordionSmall.js +52 -38
  7. package/app-bar/AppBar.d.ts +3 -3
  8. package/app-bar/AppBar.js +54 -40
  9. package/app-bar/AppBarContext.d.ts +3 -3
  10. package/app-bar/AppBarContext.js +7 -6
  11. package/app-bar/AppBarDrawer.d.ts +2 -2
  12. package/app-bar/AppBarDrawer.js +14 -7
  13. package/app-bar/AppBarIconButton.d.ts +2 -2
  14. package/app-bar/AppBarIconButton.js +11 -6
  15. package/app-bar/AppBarItem.d.ts +3 -3
  16. package/app-bar/AppBarItem.js +76 -60
  17. package/app-bar/AppBarListItem.d.ts +11 -11
  18. package/assertions/banner/Banner.d.ts +3 -3
  19. package/assertions/banner/Banner.js +71 -57
  20. package/assertions/banner/BannerAction.d.ts +1 -1
  21. package/assertions/banner/BannerAction.js +10 -5
  22. package/assertions/banner/BannerTypography.js +9 -4
  23. package/assertions/toast/Toast.d.ts +1 -1
  24. package/assertions/toast/Toast.js +28 -17
  25. package/assertions/toast/Toaster.d.ts +4 -4
  26. package/assertions/toast/Toaster.js +53 -57
  27. package/badge/Badge.d.ts +1 -1
  28. package/badge/Badge.js +17 -9
  29. package/button/BadgeIcon.d.ts +1 -1
  30. package/button/BadgeIcon.js +18 -16
  31. package/button/BaseButton.d.ts +6 -6
  32. package/button/BaseButton.js +1 -1
  33. package/button/Button.d.ts +4 -4
  34. package/button/Button.js +38 -30
  35. package/button/IconButton.d.ts +2 -2
  36. package/button/IconButton.js +24 -18
  37. package/button/LinkButton.d.ts +1 -1
  38. package/button/LinkButton.js +9 -4
  39. package/button/button-style.d.ts +7 -7
  40. package/button-stack/ButtonStack.d.ts +3 -3
  41. package/button-stack/ButtonStack.js +30 -22
  42. package/card/Card.d.ts +2 -2
  43. package/card/Card.js +49 -35
  44. package/card/CardActions.js +13 -6
  45. package/card/CardContent.d.ts +1 -1
  46. package/card/CardContent.js +19 -9
  47. package/card/CardMedia.d.ts +2 -2
  48. package/card/CardMedia.js +15 -6
  49. package/card/CardPriceTag.d.ts +1 -1
  50. package/card/CardPriceTag.js +22 -4
  51. package/card/CardTitle.d.ts +1 -1
  52. package/card/CardTitle.js +25 -15
  53. package/chip/Chip.d.ts +4 -4
  54. package/chip/Chip.js +22 -13
  55. package/cjs/accordion/Accordion.d.ts +2 -2
  56. package/cjs/accordion/Accordion.js +63 -50
  57. package/cjs/accordion/AccordionContent.d.ts +1 -1
  58. package/cjs/accordion/AccordionContent.js +7 -6
  59. package/cjs/accordion/AccordionSmall.d.ts +2 -2
  60. package/cjs/accordion/AccordionSmall.js +45 -37
  61. package/cjs/app-bar/AppBar.d.ts +3 -3
  62. package/cjs/app-bar/AppBar.js +51 -41
  63. package/cjs/app-bar/AppBarContext.d.ts +3 -3
  64. package/cjs/app-bar/AppBarContext.js +5 -4
  65. package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
  66. package/cjs/app-bar/AppBarDrawer.js +8 -8
  67. package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
  68. package/cjs/app-bar/AppBarIconButton.js +7 -7
  69. package/cjs/app-bar/AppBarItem.d.ts +3 -3
  70. package/cjs/app-bar/AppBarItem.js +69 -60
  71. package/cjs/app-bar/AppBarListItem.d.ts +11 -11
  72. package/cjs/app-bar/AppBarListItem.js +1 -2
  73. package/cjs/assertions/banner/Banner.d.ts +3 -3
  74. package/cjs/assertions/banner/Banner.js +62 -55
  75. package/cjs/assertions/banner/BannerAction.d.ts +1 -1
  76. package/cjs/assertions/banner/BannerAction.js +5 -4
  77. package/cjs/assertions/banner/BannerTypography.js +9 -7
  78. package/cjs/assertions/toast/Toast.d.ts +1 -1
  79. package/cjs/assertions/toast/Toast.js +22 -17
  80. package/cjs/assertions/toast/Toaster.d.ts +4 -4
  81. package/cjs/assertions/toast/Toaster.js +37 -29
  82. package/cjs/badge/Badge.d.ts +1 -1
  83. package/cjs/badge/Badge.js +11 -7
  84. package/cjs/button/BadgeIcon.d.ts +1 -1
  85. package/cjs/button/BadgeIcon.js +19 -17
  86. package/cjs/button/BaseButton.d.ts +6 -6
  87. package/cjs/button/BaseButton.js +3 -5
  88. package/cjs/button/Button.d.ts +4 -4
  89. package/cjs/button/Button.js +31 -29
  90. package/cjs/button/IconButton.d.ts +2 -2
  91. package/cjs/button/IconButton.js +20 -20
  92. package/cjs/button/LinkButton.d.ts +1 -1
  93. package/cjs/button/LinkButton.js +6 -6
  94. package/cjs/button/button-style.d.ts +7 -7
  95. package/cjs/button/button-style.js +8 -15
  96. package/cjs/button-stack/ButtonStack.d.ts +3 -3
  97. package/cjs/button-stack/ButtonStack.js +22 -20
  98. package/cjs/card/Card.d.ts +2 -2
  99. package/cjs/card/Card.js +39 -29
  100. package/cjs/card/CardActions.js +7 -7
  101. package/cjs/card/CardContent.d.ts +1 -1
  102. package/cjs/card/CardContent.js +13 -9
  103. package/cjs/card/CardMedia.d.ts +2 -2
  104. package/cjs/card/CardMedia.js +9 -6
  105. package/cjs/card/CardPriceTag.d.ts +1 -1
  106. package/cjs/card/CardPriceTag.js +16 -4
  107. package/cjs/card/CardTitle.d.ts +1 -1
  108. package/cjs/card/CardTitle.js +16 -12
  109. package/cjs/chip/Chip.d.ts +4 -4
  110. package/cjs/chip/Chip.js +18 -15
  111. package/cjs/common/LockBodyScroll.d.ts +4 -3
  112. package/cjs/common/LockBodyScroll.js +23 -16
  113. package/cjs/common/arrow.d.ts +2 -2
  114. package/cjs/common/emotionCloneElement.js +1 -3
  115. package/cjs/common/intent.d.ts +1 -1
  116. package/cjs/common/polymorphic.d.ts +3 -3
  117. package/cjs/common/polymorphic.js +9 -5
  118. package/cjs/common/use-media.js +1 -1
  119. package/cjs/common/useOnClickOutside.d.ts +2 -2
  120. package/cjs/common/useOnClickOutside.js +2 -2
  121. package/cjs/common/utils.d.ts +3 -3
  122. package/cjs/counter/Counter.d.ts +3 -2
  123. package/cjs/counter/Counter.js +57 -49
  124. package/cjs/counter/PluralCounter.d.ts +4 -3
  125. package/cjs/counter/PluralCounter.js +15 -14
  126. package/cjs/data-table/DataTable.d.ts +1 -1
  127. package/cjs/data-table/DataTable.js +47 -39
  128. package/cjs/divider/Divider.d.ts +2 -2
  129. package/cjs/divider/Divider.js +6 -6
  130. package/cjs/drawer/Drawer.d.ts +6 -5
  131. package/cjs/drawer/Drawer.js +12 -10
  132. package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
  133. package/cjs/dropdown-menu/Dropdown.js +39 -35
  134. package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
  135. package/cjs/dropdown-menu/DropdownContext.js +7 -8
  136. package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
  137. package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
  138. package/cjs/dropdown-menu/MenuItem.js +30 -28
  139. package/cjs/dropdown-menu/MenuTitle.js +15 -12
  140. package/cjs/elevation/index.d.ts +2 -2
  141. package/cjs/elevation/index.js +1 -2
  142. package/cjs/flexbox/FlexBox.d.ts +5 -5
  143. package/cjs/flexbox/FlexBox.js +2 -4
  144. package/cjs/footer/Footer.d.ts +2 -2
  145. package/cjs/footer/Footer.js +13 -9
  146. package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -3
  147. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  148. package/cjs/forms/asterisk/Asterisk.js +5 -4
  149. package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
  150. package/cjs/forms/checkbox/Checkbox.js +41 -37
  151. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  152. package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
  153. package/cjs/forms/email-field/EmailField.d.ts +19 -3
  154. package/cjs/forms/email-field/EmailField.js +12 -8
  155. package/cjs/forms/error-text/ErrorText.d.ts +3 -3
  156. package/cjs/forms/error-text/ErrorText.js +1 -2
  157. package/cjs/forms/field/Field.d.ts +1 -1
  158. package/cjs/forms/field/Field.js +10 -6
  159. package/cjs/forms/index.d.ts +3 -3
  160. package/cjs/forms/input/Input.d.ts +4 -4
  161. package/cjs/forms/input/Input.js +34 -33
  162. package/cjs/forms/input/InputComposition.d.ts +12 -12
  163. package/cjs/forms/input/InputComposition.js +40 -35
  164. package/cjs/forms/label/Label.d.ts +1 -1
  165. package/cjs/forms/label/Label.js +6 -3
  166. package/cjs/forms/number-field/NumberField.d.ts +19 -3
  167. package/cjs/forms/number-field/NumberField.js +12 -8
  168. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  169. package/cjs/forms/password-field/PasswordField.js +13 -14
  170. package/cjs/forms/radio/Radio.d.ts +4 -4
  171. package/cjs/forms/radio/Radio.js +25 -23
  172. package/cjs/forms/reactselect/ReactSelect.d.ts +14 -14
  173. package/cjs/forms/reactselect/ReactSelect.js +76 -68
  174. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  175. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
  176. package/cjs/forms/select/Select.d.ts +5 -5
  177. package/cjs/forms/select/Select.js +33 -31
  178. package/cjs/forms/select-field/SelectField.d.ts +13 -5
  179. package/cjs/forms/select-field/SelectField.js +37 -34
  180. package/cjs/forms/switch/Switch.d.ts +2 -2
  181. package/cjs/forms/switch/Switch.js +41 -35
  182. package/cjs/forms/tel-field/TelField.d.ts +19 -3
  183. package/cjs/forms/tel-field/TelField.js +12 -8
  184. package/cjs/forms/text-field/TextField.d.ts +22 -5
  185. package/cjs/forms/text-field/TextField.js +42 -40
  186. package/cjs/global-styles/GlobalStyles.js +3 -2
  187. package/cjs/global-styles/ResetStyles.js +2 -1
  188. package/cjs/global-styles/sanitize.d.ts +1 -1
  189. package/cjs/global-styles/sanitize.js +2 -3
  190. package/cjs/grid/Column.d.ts +1 -1
  191. package/cjs/grid/Column.js +7 -7
  192. package/cjs/grid/Container.d.ts +2 -2
  193. package/cjs/grid/Container.js +34 -29
  194. package/cjs/hero/Hero.d.ts +2 -2
  195. package/cjs/hero/Hero.js +42 -22
  196. package/cjs/hero/stripes.d.ts +2 -2
  197. package/cjs/hero/stripes.js +177 -162
  198. package/cjs/ie-banner/IEBanner.d.ts +1 -1
  199. package/cjs/ie-banner/IEBanner.js +13 -8
  200. package/cjs/index.d.ts +0 -1
  201. package/cjs/index.js +0 -12
  202. package/cjs/layout/LayoutLegacy.js +2 -1
  203. package/cjs/lists/FeatureList.d.ts +7 -7
  204. package/cjs/lists/FeatureList.js +16 -13
  205. package/cjs/lists/ListAddon.d.ts +1 -1
  206. package/cjs/lists/ListAddon.js +10 -7
  207. package/cjs/lists/ListDivider.d.ts +1 -1
  208. package/cjs/lists/ListDivider.js +6 -6
  209. package/cjs/lists/ListIcon.d.ts +2 -2
  210. package/cjs/lists/ListIcon.js +6 -6
  211. package/cjs/lists/ListItem.d.ts +2 -2
  212. package/cjs/lists/ListItem.js +7 -6
  213. package/cjs/lists/ListText.d.ts +3 -3
  214. package/cjs/lists/ListText.js +6 -6
  215. package/cjs/lists/ListTextGroup.d.ts +1 -1
  216. package/cjs/lists/ListTextGroup.js +6 -6
  217. package/cjs/lists/ListTitle.js +6 -6
  218. package/cjs/loader/DfdsLoader.d.ts +1 -1
  219. package/cjs/loader/DfdsLoader.js +29 -23
  220. package/cjs/loader/Loader.d.ts +1 -1
  221. package/cjs/loader/Loader.js +9 -3
  222. package/cjs/localization/LocaleFlag.d.ts +1 -1
  223. package/cjs/localization/LocaleFlag.js +5 -4
  224. package/cjs/localization/locales.d.ts +2 -2
  225. package/cjs/localization/locales.js +3 -6
  226. package/cjs/logo/Logo.d.ts +1 -1
  227. package/cjs/logo/Logo.js +12 -9
  228. package/cjs/media/index.js +1 -2
  229. package/cjs/menu/Menu.d.ts +1 -1
  230. package/cjs/menu/Menu.js +29 -23
  231. package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
  232. package/cjs/mobile-stepper/MobileStepper.js +17 -15
  233. package/cjs/nav-bar/NavBar.d.ts +9 -9
  234. package/cjs/nav-bar/NavBar.js +34 -24
  235. package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
  236. package/cjs/nav-menu/NavMenuItem.js +13 -11
  237. package/cjs/pagination/Pagination.d.ts +2 -2
  238. package/cjs/pagination/Pagination.js +50 -38
  239. package/cjs/pagination/Pagination.styles.d.ts +6 -6
  240. package/cjs/pagination/Pagination.styles.js +6 -12
  241. package/cjs/popper/Popper.d.ts +3 -3
  242. package/cjs/popper/Popper.js +21 -17
  243. package/cjs/progress-bar/ProgressBar.d.ts +1 -1
  244. package/cjs/progress-bar/ProgressBar.js +3 -3
  245. package/cjs/schedule/ScheduleItem.d.ts +8 -8
  246. package/cjs/schedule/ScheduleItem.js +11 -8
  247. package/cjs/schedule/ScheduleList.d.ts +3 -3
  248. package/cjs/schedule/ScheduleList.js +10 -11
  249. package/cjs/side-sheet/SideSheet.d.ts +4 -4
  250. package/cjs/side-sheet/SideSheet.js +41 -33
  251. package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
  252. package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
  253. package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
  254. package/cjs/side-sheet/SideSheetContent.js +10 -7
  255. package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
  256. package/cjs/side-sheet/SideSheetFooter.js +10 -7
  257. package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
  258. package/cjs/side-sheet/SideSheetHeader.js +10 -7
  259. package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
  260. package/cjs/side-sheet/SideSheetHeadline.js +6 -5
  261. package/cjs/site-layout/SiteLayout.d.ts +11 -11
  262. package/cjs/site-layout/SiteLayout.js +30 -19
  263. package/cjs/skeleton/Skeleton.d.ts +1 -1
  264. package/cjs/skeleton/Skeleton.js +6 -6
  265. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  266. package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
  267. package/cjs/spinner/Spinner.d.ts +7 -7
  268. package/cjs/spinner/Spinner.js +13 -13
  269. package/cjs/step/Step.d.ts +1 -1
  270. package/cjs/step/Step.js +29 -20
  271. package/cjs/step/Step.styles.d.ts +4 -4
  272. package/cjs/step/Step.styles.js +4 -8
  273. package/cjs/step/StepButton.d.ts +2 -2
  274. package/cjs/step/StepButton.js +30 -27
  275. package/cjs/step/StepContent.d.ts +1 -1
  276. package/cjs/step/StepContent.js +12 -10
  277. package/cjs/step/StepContext.d.ts +1 -1
  278. package/cjs/step/StepContext.js +1 -2
  279. package/cjs/step/StepLabel.d.ts +1 -1
  280. package/cjs/step/StepLabel.js +9 -7
  281. package/cjs/stepper/Stepper.d.ts +1 -1
  282. package/cjs/stepper/Stepper.js +12 -10
  283. package/cjs/stepper/StepperContext.d.ts +1 -1
  284. package/cjs/stepper/StepperContext.js +1 -2
  285. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
  286. package/cjs/styles/media.d.ts +1 -1
  287. package/cjs/styles/media.js +2 -4
  288. package/cjs/styles/style-helpers.d.ts +1 -1
  289. package/cjs/styles/theme.d.ts +1 -1
  290. package/cjs/styles/theme.js +2 -4
  291. package/cjs/surface/Surface.d.ts +9 -8
  292. package/cjs/surface/Surface.js +20 -14
  293. package/cjs/tab/Tab.d.ts +3 -3
  294. package/cjs/tab/Tab.js +9 -8
  295. package/cjs/tab/TabPanel.d.ts +2 -2
  296. package/cjs/tab/TabPanel.js +7 -7
  297. package/cjs/tab/Tabs.d.ts +3 -3
  298. package/cjs/tab/Tabs.js +32 -31
  299. package/cjs/tab/TabsContext.d.ts +3 -3
  300. package/cjs/tab/TabsContext.js +7 -8
  301. package/cjs/table/Table.d.ts +3 -3
  302. package/cjs/table/Table.js +17 -17
  303. package/cjs/table/TableBody.d.ts +2 -2
  304. package/cjs/table/TableBody.js +11 -12
  305. package/cjs/table/TableDataCell.d.ts +2 -2
  306. package/cjs/table/TableDataCell.js +13 -14
  307. package/cjs/table/TableHead.d.ts +3 -3
  308. package/cjs/table/TableHead.js +12 -15
  309. package/cjs/table/TableHeaderCell.d.ts +4 -4
  310. package/cjs/table/TableHeaderCell.js +14 -15
  311. package/cjs/table/TableRow.d.ts +2 -2
  312. package/cjs/table/TableRow.js +12 -14
  313. package/cjs/test/Test.js +5 -4
  314. package/cjs/tooltip/Tooltip.d.ts +3 -3
  315. package/cjs/tooltip/Tooltip.js +31 -25
  316. package/cjs/typography/Headlines.d.ts +36 -36
  317. package/cjs/typography/Headlines.js +25 -31
  318. package/cjs/typography/Text.d.ts +2 -2
  319. package/cjs/typography/Text.js +2 -3
  320. package/common/LockBodyScroll.d.ts +4 -3
  321. package/common/LockBodyScroll.js +28 -16
  322. package/common/arrow.d.ts +2 -2
  323. package/common/emotionCloneElement.js +1 -2
  324. package/common/intent.d.ts +1 -1
  325. package/common/polymorphic.d.ts +3 -3
  326. package/common/polymorphic.js +9 -3
  327. package/common/use-media.js +3 -3
  328. package/common/useOnClickOutside.d.ts +2 -2
  329. package/common/useOnClickOutside.js +2 -2
  330. package/common/utils.d.ts +3 -3
  331. package/counter/Counter.d.ts +3 -2
  332. package/counter/Counter.js +59 -51
  333. package/counter/PluralCounter.d.ts +4 -3
  334. package/counter/PluralCounter.js +24 -17
  335. package/data-table/DataTable.d.ts +1 -1
  336. package/data-table/DataTable.js +54 -41
  337. package/divider/Divider.d.ts +2 -2
  338. package/divider/Divider.js +10 -5
  339. package/drawer/Drawer.d.ts +6 -5
  340. package/drawer/Drawer.js +19 -11
  341. package/dropdown-menu/Dropdown.d.ts +3 -3
  342. package/dropdown-menu/Dropdown.js +47 -38
  343. package/dropdown-menu/DropdownContext.d.ts +4 -4
  344. package/dropdown-menu/DropdownContext.js +5 -4
  345. package/dropdown-menu/MenuCheckbox.js +24 -17
  346. package/dropdown-menu/MenuItem.d.ts +2 -2
  347. package/dropdown-menu/MenuItem.js +26 -18
  348. package/dropdown-menu/MenuTitle.js +14 -11
  349. package/elevation/index.d.ts +2 -2
  350. package/flexbox/FlexBox.d.ts +5 -5
  351. package/flexbox/FlexBox.js +2 -2
  352. package/footer/Footer.d.ts +2 -2
  353. package/footer/Footer.js +12 -7
  354. package/forms/assistive-text/AssistiveText.d.ts +3 -3
  355. package/forms/asterisk/Asterisk.js +4 -2
  356. package/forms/checkbox/Checkbox.d.ts +6 -6
  357. package/forms/checkbox/Checkbox.js +50 -41
  358. package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
  359. package/forms/checkbox/ExampleControlComponent.js +15 -8
  360. package/forms/email-field/EmailField.d.ts +19 -3
  361. package/forms/email-field/EmailField.js +16 -6
  362. package/forms/error-text/ErrorText.d.ts +3 -3
  363. package/forms/field/Field.d.ts +1 -1
  364. package/forms/field/Field.js +9 -4
  365. package/forms/index.d.ts +3 -3
  366. package/forms/input/Input.d.ts +4 -4
  367. package/forms/input/Input.js +42 -36
  368. package/forms/input/InputComposition.d.ts +12 -12
  369. package/forms/input/InputComposition.js +41 -31
  370. package/forms/label/Label.d.ts +1 -1
  371. package/forms/label/Label.js +12 -4
  372. package/forms/number-field/NumberField.d.ts +19 -3
  373. package/forms/number-field/NumberField.js +17 -7
  374. package/forms/password-field/PasswordField.d.ts +2 -2
  375. package/forms/password-field/PasswordField.js +19 -14
  376. package/forms/radio/Radio.d.ts +4 -4
  377. package/forms/radio/Radio.js +33 -25
  378. package/forms/reactselect/ReactSelect.d.ts +14 -14
  379. package/forms/reactselect/ReactSelect.js +73 -67
  380. package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  381. package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
  382. package/forms/select/Select.d.ts +5 -5
  383. package/forms/select/Select.js +41 -34
  384. package/forms/select-field/SelectField.d.ts +13 -5
  385. package/forms/select-field/SelectField.js +44 -36
  386. package/forms/switch/Switch.d.ts +2 -2
  387. package/forms/switch/Switch.js +52 -40
  388. package/forms/tel-field/TelField.d.ts +19 -3
  389. package/forms/tel-field/TelField.js +16 -6
  390. package/forms/text-field/TextField.d.ts +22 -5
  391. package/forms/text-field/TextField.js +50 -42
  392. package/global-styles/GlobalStyles.js +3 -3
  393. package/global-styles/ResetStyles.js +2 -2
  394. package/global-styles/sanitize.d.ts +1 -1
  395. package/grid/Column.d.ts +1 -1
  396. package/grid/Column.js +14 -7
  397. package/grid/Container.d.ts +2 -2
  398. package/grid/Container.js +41 -35
  399. package/hero/Hero.d.ts +2 -2
  400. package/hero/Hero.js +42 -20
  401. package/hero/stripes.d.ts +2 -2
  402. package/hero/stripes.js +176 -160
  403. package/ie-banner/IEBanner.d.ts +1 -1
  404. package/ie-banner/IEBanner.js +14 -8
  405. package/index.d.ts +0 -1
  406. package/index.js +0 -1
  407. package/layout/LayoutLegacy.js +2 -2
  408. package/lists/FeatureList.d.ts +7 -7
  409. package/lists/FeatureList.js +21 -11
  410. package/lists/ListAddon.d.ts +1 -1
  411. package/lists/ListAddon.js +13 -6
  412. package/lists/ListDivider.d.ts +1 -1
  413. package/lists/ListDivider.js +10 -5
  414. package/lists/ListIcon.d.ts +2 -2
  415. package/lists/ListIcon.js +10 -5
  416. package/lists/ListItem.d.ts +2 -2
  417. package/lists/ListItem.js +13 -6
  418. package/lists/ListText.d.ts +3 -3
  419. package/lists/ListText.js +10 -5
  420. package/lists/ListTextGroup.d.ts +1 -1
  421. package/lists/ListTextGroup.js +10 -5
  422. package/lists/ListTitle.js +10 -5
  423. package/loader/DfdsLoader.d.ts +1 -1
  424. package/loader/DfdsLoader.js +26 -20
  425. package/loader/Loader.d.ts +1 -1
  426. package/loader/Loader.js +8 -2
  427. package/localization/LocaleFlag.d.ts +1 -1
  428. package/localization/LocaleFlag.js +10 -5
  429. package/localization/locales.d.ts +2 -2
  430. package/logo/Logo.d.ts +1 -1
  431. package/logo/Logo.js +14 -7
  432. package/menu/Menu.d.ts +1 -1
  433. package/menu/Menu.js +33 -21
  434. package/mobile-stepper/MobileStepper.d.ts +1 -1
  435. package/mobile-stepper/MobileStepper.js +26 -18
  436. package/nav-bar/NavBar.d.ts +9 -9
  437. package/nav-bar/NavBar.js +41 -23
  438. package/nav-menu/NavMenuItem.d.ts +1 -1
  439. package/nav-menu/NavMenuItem.js +12 -10
  440. package/package.json +17 -21
  441. package/pagination/Pagination.d.ts +2 -2
  442. package/pagination/Pagination.js +53 -35
  443. package/pagination/Pagination.styles.d.ts +6 -6
  444. package/popper/Popper.d.ts +3 -3
  445. package/popper/Popper.js +27 -17
  446. package/progress-bar/ProgressBar.d.ts +1 -1
  447. package/progress-bar/ProgressBar.js +2 -2
  448. package/schedule/ScheduleItem.d.ts +8 -8
  449. package/schedule/ScheduleItem.js +9 -4
  450. package/schedule/ScheduleList.d.ts +3 -3
  451. package/schedule/ScheduleList.js +16 -10
  452. package/side-sheet/SideSheet.d.ts +4 -4
  453. package/side-sheet/SideSheet.js +47 -34
  454. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  455. package/side-sheet/SideSheetCloseButton.js +10 -5
  456. package/side-sheet/SideSheetContent.d.ts +1 -1
  457. package/side-sheet/SideSheetContent.js +17 -8
  458. package/side-sheet/SideSheetFooter.d.ts +1 -1
  459. package/side-sheet/SideSheetFooter.js +17 -8
  460. package/side-sheet/SideSheetHeader.d.ts +1 -1
  461. package/side-sheet/SideSheetHeader.js +17 -8
  462. package/side-sheet/SideSheetHeadline.d.ts +1 -1
  463. package/side-sheet/SideSheetHeadline.js +5 -4
  464. package/site-layout/SiteLayout.d.ts +11 -11
  465. package/site-layout/SiteLayout.js +31 -12
  466. package/skeleton/Skeleton.d.ts +1 -1
  467. package/skeleton/Skeleton.js +10 -5
  468. package/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
  469. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  470. package/spinner/Spinner.d.ts +7 -7
  471. package/spinner/Spinner.js +17 -10
  472. package/step/Step.d.ts +1 -1
  473. package/step/Step.js +34 -20
  474. package/step/Step.styles.d.ts +4 -4
  475. package/step/StepButton.d.ts +2 -2
  476. package/step/StepButton.js +27 -19
  477. package/step/StepContent.d.ts +1 -1
  478. package/step/StepContent.js +11 -9
  479. package/step/StepContext.d.ts +1 -1
  480. package/step/StepLabel.d.ts +1 -1
  481. package/step/StepLabel.js +8 -6
  482. package/stepper/Stepper.d.ts +1 -1
  483. package/stepper/Stepper.js +13 -11
  484. package/stepper/StepperContext.d.ts +1 -1
  485. package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
  486. package/styles/media.d.ts +1 -1
  487. package/styles/style-helpers.d.ts +1 -1
  488. package/styles/theme.d.ts +1 -1
  489. package/surface/Surface.d.ts +9 -8
  490. package/surface/Surface.js +17 -14
  491. package/tab/Tab.d.ts +3 -3
  492. package/tab/Tab.js +18 -11
  493. package/tab/TabPanel.d.ts +2 -2
  494. package/tab/TabPanel.js +6 -5
  495. package/tab/Tabs.d.ts +3 -3
  496. package/tab/Tabs.js +46 -39
  497. package/tab/TabsContext.d.ts +3 -3
  498. package/tab/TabsContext.js +5 -4
  499. package/table/Table.d.ts +3 -3
  500. package/table/Table.js +23 -17
  501. package/table/TableBody.d.ts +2 -2
  502. package/table/TableBody.js +15 -10
  503. package/table/TableDataCell.d.ts +2 -2
  504. package/table/TableDataCell.js +17 -12
  505. package/table/TableHead.d.ts +3 -3
  506. package/table/TableHead.js +13 -12
  507. package/table/TableHeaderCell.d.ts +4 -4
  508. package/table/TableHeaderCell.js +18 -13
  509. package/table/TableRow.d.ts +2 -2
  510. package/table/TableRow.js +14 -14
  511. package/test/Test.js +4 -2
  512. package/tooltip/Tooltip.d.ts +3 -3
  513. package/tooltip/Tooltip.js +34 -24
  514. package/typography/Headlines.d.ts +36 -36
  515. package/typography/Headlines.js +24 -17
  516. package/typography/Text.d.ts +2 -2
  517. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  518. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
  519. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  520. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  521. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  522. package/cjs/date-range-picker/DateRangePicker.js +0 -263
  523. package/cjs/date-range-picker/index.d.ts +0 -1
  524. package/cjs/date-range-picker/index.js +0 -13
  525. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  526. package/date-range-picker/DatePickerDefaultStyles.js +0 -12
  527. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  528. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
  529. package/date-range-picker/DateRangePicker.d.ts +0 -33
  530. package/date-range-picker/DateRangePicker.js +0 -310
  531. package/date-range-picker/index.d.ts +0 -1
  532. package/date-range-picker/index.js +0 -1
@@ -1,17 +1,22 @@
1
+ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
1
2
  var _excluded = ["isActive", "ariaLabel", "showTooltip"];
2
- 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); }
3
- 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; }
4
- 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; }
3
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
8
+ 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; }
9
+ 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; }
5
10
  import React from 'react';
6
11
  import { IconButton } from '../button';
7
12
  import { theme } from '@dfds-ui/theme';
8
13
  import { css } from '@emotion/react';
9
- import { jsx as ___EmotionJSX } from "@emotion/react";
14
+ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
10
15
  function iconButtonStyles(_ref) {
11
16
  var isActive = _ref.isActive;
12
17
  return /*#__PURE__*/css("height:100%;font-size:1.5rem;position:relative;color:", theme.colors.primary.main, ";padding:0 0.75rem;&:hover{color:", theme.colors.primary.main, ";}&:active,&:hover,&:focus{outline:none;border:none;padding:0 0.75rem;}&:active{color:", theme.colors.secondary.main, ";}", theme.states.overlay(isActive, {
13
18
  color: theme.colors.secondary.main
14
- }), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbjogUmVhY3QuRkM8QXBwQmFySWNvbkJ1dHRvblByb3BzPiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPEljb25CdXR0b25cbiAgICAgIGNzcz17aWNvbkJ1dHRvblN0eWxlcyh7IGlzQWN0aXZlOiBpc0FjdGl2ZSB9KX1cbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgZGlzYWJsZVRvb2x0aXA9eyFzaG93VG9vbHRpcH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFySWNvbkJ1dHRvblxuIl19 */");
19
+ }), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:iconButtonStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckljb25CdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJy4uL2J1dHRvbidcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxudHlwZSBBcHBCYXJJY29uQnV0dG9uUHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhblxuICBhcmlhTGFiZWw6IHN0cmluZ1xuICBpY29uOiBSZWFjdC5FbGVtZW50VHlwZVxuICBzaG93VG9vbHRpcD86IGJvb2xlYW5cbiAgb25DbGljaz86IChldmVudDogUmVhY3QuTW91c2VFdmVudCkgPT4gdm9pZFxufVxuXG5mdW5jdGlvbiBpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmUgfTogeyBpc0FjdGl2ZT86IGJvb2xlYW4gfSkge1xuICByZXR1cm4gY3NzYFxuICAgIGhlaWdodDogMTAwJTtcbiAgICBmb250LXNpemU6IDEuNXJlbTtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgcGFkZGluZzogMCAwLjc1cmVtO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5tYWlufTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSxcbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgIHBhZGRpbmc6IDAgMC43NXJlbTtcbiAgICB9XG5cbiAgICAmOmFjdGl2ZSB7XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIH1cblxuICAgICR7dGhlbWUuc3RhdGVzLm92ZXJsYXkoaXNBY3RpdmUsIHtcbiAgICAgIGNvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW4sXG4gICAgfSl9XG4gIGBcbn1cblxuY29uc3QgQXBwQmFySWNvbkJ1dHRvbiA9ICh7IGlzQWN0aXZlLCBhcmlhTGFiZWwsIHNob3dUb29sdGlwID0gdHJ1ZSwgLi4ucmVzdCB9OiBBcHBCYXJJY29uQnV0dG9uUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8SWNvbkJ1dHRvblxuICAgICAgY3NzPXtpY29uQnV0dG9uU3R5bGVzKHsgaXNBY3RpdmU6IGlzQWN0aXZlIH0pfVxuICAgICAgYXJpYUxhYmVsPXthcmlhTGFiZWx9XG4gICAgICBkaXNhYmxlVG9vbHRpcD17IXNob3dUb29sdGlwfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBBcHBCYXJJY29uQnV0dG9uXG4iXX0= */");
15
20
  }
16
21
  var AppBarIconButton = function AppBarIconButton(_ref2) {
17
22
  var isActive = _ref2.isActive,
@@ -19,7 +24,7 @@ var AppBarIconButton = function AppBarIconButton(_ref2) {
19
24
  _ref2$showTooltip = _ref2.showTooltip,
20
25
  showTooltip = _ref2$showTooltip === void 0 ? true : _ref2$showTooltip,
21
26
  rest = _objectWithoutProperties(_ref2, _excluded);
22
- return ___EmotionJSX(IconButton, _extends({
27
+ return _jsx(IconButton, _objectSpread({
23
28
  css: iconButtonStyles({
24
29
  isActive: isActive
25
30
  }),
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { PopperProps } from '@mui/material';
3
- export declare type AppBarItemProps = {
3
+ export type AppBarItemProps = {
4
4
  id: string;
5
5
  Icon?: React.ElementType;
6
6
  LeadingIcon?: React.ElementType;
@@ -18,6 +18,6 @@ export declare const MenuPopOverContext: React.Context<{
18
18
  handlePopoverClose: () => void;
19
19
  } | undefined>;
20
20
  export declare const AppBarPopper: import("@emotion/styled").StyledComponent<PopperProps & React.RefAttributes<HTMLDivElement> & {
21
- theme?: import("@emotion/react").Theme | undefined;
21
+ theme?: import("@emotion/react").Theme;
22
22
  }, {}, {}>;
23
- export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;
23
+ export declare const AppBarItem: ({ id, Icon, LeadingIcon, TrailingIcon, title, divider, children, onClick, placement, isActive, as, AppBarPopperProps, ...rest }: AppBarItemProps & React.JSX.IntrinsicElements["a"]) => React.JSX.Element;