@dfds-ui/react-components 2.2.1 → 3.0.0-alpha.2acb68f8

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 (600) hide show
  1. package/accordion/Accordion.d.ts +2 -2
  2. package/accordion/Accordion.js +70 -52
  3. package/accordion/AccordionContent.d.ts +2 -1
  4. package/accordion/AccordionContent.js +14 -7
  5. package/accordion/AccordionSmall.d.ts +3 -2
  6. package/accordion/AccordionSmall.js +52 -39
  7. package/app-bar/AppBar.d.ts +3 -3
  8. package/app-bar/AppBar.js +58 -46
  9. package/app-bar/AppBarContext.d.ts +3 -3
  10. package/app-bar/AppBarContext.js +10 -9
  11. package/app-bar/AppBarDrawer.d.ts +2 -2
  12. package/app-bar/AppBarDrawer.js +14 -7
  13. package/app-bar/AppBarIconButton.d.ts +2 -2
  14. package/app-bar/AppBarIconButton.js +11 -6
  15. package/app-bar/AppBarItem.d.ts +4 -4
  16. package/app-bar/AppBarItem.js +96 -87
  17. package/app-bar/AppBarListItem.d.ts +11 -12
  18. package/assertions/banner/Banner.d.ts +3 -3
  19. package/assertions/banner/Banner.js +75 -63
  20. package/assertions/banner/BannerAction.d.ts +1 -1
  21. package/assertions/banner/BannerAction.js +10 -5
  22. package/assertions/banner/BannerTypography.d.ts +2 -0
  23. package/assertions/banner/BannerTypography.js +11 -8
  24. package/assertions/toast/Toast.d.ts +2 -1
  25. package/assertions/toast/Toast.js +34 -24
  26. package/assertions/toast/Toaster.d.ts +4 -4
  27. package/assertions/toast/Toaster.js +61 -58
  28. package/badge/Badge.d.ts +2 -2
  29. package/badge/Badge.js +18 -11
  30. package/button/BadgeIcon.d.ts +3 -3
  31. package/button/BadgeIcon.js +18 -16
  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 +38 -31
  36. package/button/IconButton.d.ts +2 -2
  37. package/button/IconButton.js +46 -50
  38. package/button/LinkButton.d.ts +2 -2
  39. package/button/LinkButton.js +9 -4
  40. package/button/button-style.js +1 -2
  41. package/button-stack/ButtonStack.d.ts +4 -3
  42. package/button-stack/ButtonStack.js +31 -23
  43. package/card/Card.d.ts +3 -2
  44. package/card/Card.js +59 -45
  45. package/card/CardActions.js +13 -6
  46. package/card/CardContent.d.ts +3 -2
  47. package/card/CardContent.js +21 -11
  48. package/card/CardMedia.d.ts +4 -3
  49. package/card/CardMedia.js +17 -9
  50. package/card/CardPriceTag.d.ts +3 -3
  51. package/card/CardPriceTag.js +28 -16
  52. package/card/CardTitle.d.ts +3 -2
  53. package/card/CardTitle.js +25 -15
  54. package/chip/Chip.d.ts +5 -5
  55. package/chip/Chip.js +27 -20
  56. package/cjs/accordion/Accordion.d.ts +2 -2
  57. package/cjs/accordion/Accordion.js +84 -76
  58. package/cjs/accordion/AccordionContent.d.ts +2 -1
  59. package/cjs/accordion/AccordionContent.js +14 -15
  60. package/cjs/accordion/AccordionSmall.d.ts +3 -2
  61. package/cjs/accordion/AccordionSmall.js +57 -53
  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 +94 -108
  65. package/cjs/app-bar/AppBarContext.d.ts +3 -3
  66. package/cjs/app-bar/AppBarContext.js +8 -20
  67. package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
  68. package/cjs/app-bar/AppBarDrawer.js +18 -20
  69. package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
  70. package/cjs/app-bar/AppBarIconButton.js +14 -17
  71. package/cjs/app-bar/AppBarItem.d.ts +4 -4
  72. package/cjs/app-bar/AppBarItem.js +86 -99
  73. package/cjs/app-bar/AppBarListItem.d.ts +11 -12
  74. package/cjs/app-bar/AppBarListItem.js +2 -3
  75. package/cjs/app-bar/index.js +9 -9
  76. package/cjs/assertions/banner/Banner.d.ts +3 -3
  77. package/cjs/assertions/banner/Banner.js +85 -101
  78. package/cjs/assertions/banner/BannerAction.d.ts +1 -1
  79. package/cjs/assertions/banner/BannerAction.js +13 -14
  80. package/cjs/assertions/banner/BannerTypography.d.ts +2 -0
  81. package/cjs/assertions/banner/BannerTypography.js +12 -12
  82. package/cjs/assertions/banner/index.js +3 -3
  83. package/cjs/assertions/index.js +2 -2
  84. package/cjs/assertions/toast/Toast.d.ts +2 -1
  85. package/cjs/assertions/toast/Toast.js +38 -38
  86. package/cjs/assertions/toast/Toaster.d.ts +4 -4
  87. package/cjs/assertions/toast/Toaster.js +57 -70
  88. package/cjs/assertions/toast/index.js +5 -6
  89. package/cjs/badge/Badge.d.ts +2 -2
  90. package/cjs/badge/Badge.js +22 -24
  91. package/cjs/badge/index.js +3 -4
  92. package/cjs/button/BadgeIcon.d.ts +3 -3
  93. package/cjs/button/BadgeIcon.js +20 -18
  94. package/cjs/button/BaseButton.d.ts +6 -6
  95. package/cjs/button/BaseButton.js +4 -6
  96. package/cjs/button/Button.d.ts +4 -4
  97. package/cjs/button/Button.js +45 -51
  98. package/cjs/button/IconButton.d.ts +2 -2
  99. package/cjs/button/IconButton.js +36 -55
  100. package/cjs/button/LinkButton.d.ts +2 -2
  101. package/cjs/button/LinkButton.js +8 -9
  102. package/cjs/button/button-style.js +9 -17
  103. package/cjs/button/index.js +8 -9
  104. package/cjs/button-stack/ButtonStack.d.ts +4 -3
  105. package/cjs/button-stack/ButtonStack.js +31 -33
  106. package/cjs/button-stack/index.js +2 -2
  107. package/cjs/card/Card.d.ts +3 -2
  108. package/cjs/card/Card.js +64 -71
  109. package/cjs/card/CardActions.js +11 -15
  110. package/cjs/card/CardContent.d.ts +3 -2
  111. package/cjs/card/CardContent.js +20 -20
  112. package/cjs/card/CardMedia.d.ts +4 -3
  113. package/cjs/card/CardMedia.js +18 -19
  114. package/cjs/card/CardPriceTag.d.ts +3 -3
  115. package/cjs/card/CardPriceTag.js +29 -27
  116. package/cjs/card/CardTitle.d.ts +3 -2
  117. package/cjs/card/CardTitle.js +26 -24
  118. package/cjs/card/index.js +7 -7
  119. package/cjs/chip/Chip.d.ts +5 -5
  120. package/cjs/chip/Chip.js +34 -49
  121. package/cjs/chip/index.js +3 -4
  122. package/cjs/common/LockBodyScroll.d.ts +4 -3
  123. package/cjs/common/LockBodyScroll.js +27 -23
  124. package/cjs/common/arrow.d.ts +1 -1
  125. package/cjs/common/arrow.js +2 -4
  126. package/cjs/common/emotionCloneElement.d.ts +0 -1
  127. package/cjs/common/emotionCloneElement.js +5 -10
  128. package/cjs/common/intent.d.ts +1 -1
  129. package/cjs/common/polymorphic.d.ts +5 -5
  130. package/cjs/common/polymorphic.js +13 -9
  131. package/cjs/common/use-media.js +2 -11
  132. package/cjs/common/useOnClickOutside.d.ts +2 -3
  133. package/cjs/common/useOnClickOutside.js +2 -2
  134. package/cjs/counter/Counter.d.ts +3 -2
  135. package/cjs/counter/Counter.js +61 -69
  136. package/cjs/counter/PluralCounter.d.ts +4 -3
  137. package/cjs/counter/PluralCounter.js +24 -37
  138. package/cjs/counter/index.js +3 -3
  139. package/cjs/data-table/DataTable.d.ts +3 -2
  140. package/cjs/data-table/DataTable.js +57 -61
  141. package/cjs/data-table/index.js +1 -1
  142. package/cjs/divider/Divider.d.ts +3 -3
  143. package/cjs/divider/Divider.js +16 -16
  144. package/cjs/divider/index.js +1 -1
  145. package/cjs/drawer/Drawer.d.ts +6 -5
  146. package/cjs/drawer/Drawer.js +20 -24
  147. package/cjs/drawer/index.js +1 -1
  148. package/cjs/dropdown-menu/Dropdown.d.ts +4 -4
  149. package/cjs/dropdown-menu/Dropdown.js +57 -68
  150. package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
  151. package/cjs/dropdown-menu/DropdownContext.js +8 -10
  152. package/cjs/dropdown-menu/MenuCheckbox.d.ts +1 -1
  153. package/cjs/dropdown-menu/MenuCheckbox.js +28 -26
  154. package/cjs/dropdown-menu/MenuItem.d.ts +1 -1
  155. package/cjs/dropdown-menu/MenuItem.js +54 -69
  156. package/cjs/dropdown-menu/MenuTitle.d.ts +1 -1
  157. package/cjs/dropdown-menu/MenuTitle.js +20 -17
  158. package/cjs/dropdown-menu/index.js +7 -8
  159. package/cjs/elevation/index.d.ts +1 -1
  160. package/cjs/elevation/index.js +4 -8
  161. package/cjs/flexbox/FlexBox.d.ts +5 -5
  162. package/cjs/flexbox/FlexBox.js +8 -18
  163. package/cjs/flexbox/index.js +1 -1
  164. package/cjs/footer/Footer.d.ts +2 -2
  165. package/cjs/footer/Footer.js +14 -10
  166. package/cjs/footer/index.js +2 -2
  167. package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -4
  168. package/cjs/forms/assistive-text/AssistiveText.js +2 -3
  169. package/cjs/forms/asterisk/Asterisk.d.ts +2 -2
  170. package/cjs/forms/asterisk/Asterisk.js +6 -5
  171. package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
  172. package/cjs/forms/checkbox/Checkbox.js +55 -57
  173. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +2 -1
  174. package/cjs/forms/checkbox/ExampleControlComponent.js +14 -25
  175. package/cjs/forms/checkbox/index.js +2 -2
  176. package/cjs/forms/email-field/EmailField.d.ts +19 -3
  177. package/cjs/forms/email-field/EmailField.js +13 -9
  178. package/cjs/forms/error-text/ErrorText.d.ts +3 -4
  179. package/cjs/forms/error-text/ErrorText.js +4 -7
  180. package/cjs/forms/field/Field.d.ts +2 -1
  181. package/cjs/forms/field/Field.js +14 -13
  182. package/cjs/forms/index.d.ts +3 -3
  183. package/cjs/forms/index.js +19 -19
  184. package/cjs/forms/input/Input.d.ts +4 -4
  185. package/cjs/forms/input/Input.js +48 -57
  186. package/cjs/forms/input/InputComposition.d.ts +12 -12
  187. package/cjs/forms/input/InputComposition.js +61 -62
  188. package/cjs/forms/label/Label.d.ts +2 -1
  189. package/cjs/forms/label/Label.js +16 -17
  190. package/cjs/forms/number-field/NumberField.d.ts +19 -3
  191. package/cjs/forms/number-field/NumberField.js +13 -10
  192. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  193. package/cjs/forms/password-field/PasswordField.js +16 -28
  194. package/cjs/forms/radio/Radio.d.ts +4 -4
  195. package/cjs/forms/radio/Radio.js +30 -34
  196. package/cjs/forms/reactselect/ReactSelect.d.ts +16 -16
  197. package/cjs/forms/reactselect/ReactSelect.js +103 -105
  198. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  199. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +74 -69
  200. package/cjs/forms/select/Select.d.ts +5 -5
  201. package/cjs/forms/select/Select.js +44 -49
  202. package/cjs/forms/select-field/SelectField.d.ts +13 -5
  203. package/cjs/forms/select-field/SelectField.js +51 -53
  204. package/cjs/forms/switch/Switch.d.ts +2 -2
  205. package/cjs/forms/switch/Switch.js +53 -54
  206. package/cjs/forms/tel-field/TelField.d.ts +19 -3
  207. package/cjs/forms/tel-field/TelField.js +13 -9
  208. package/cjs/forms/text-field/TextField.d.ts +22 -5
  209. package/cjs/forms/text-field/TextField.js +59 -62
  210. package/cjs/global-styles/GlobalStyles.d.ts +3 -3
  211. package/cjs/global-styles/GlobalStyles.js +4 -3
  212. package/cjs/global-styles/ResetStyles.d.ts +2 -2
  213. package/cjs/global-styles/ResetStyles.js +4 -4
  214. package/cjs/global-styles/sanitize.js +3 -5
  215. package/cjs/grid/Column.d.ts +1 -1
  216. package/cjs/grid/Column.js +16 -18
  217. package/cjs/grid/Container.d.ts +2 -2
  218. package/cjs/grid/Container.js +44 -41
  219. package/cjs/grid/index.js +3 -3
  220. package/cjs/hero/Hero.d.ts +2 -2
  221. package/cjs/hero/Hero.js +43 -27
  222. package/cjs/hero/index.js +2 -2
  223. package/cjs/hero/stripes.d.ts +2 -2
  224. package/cjs/hero/stripes.js +178 -163
  225. package/cjs/ie-banner/IEBanner.d.ts +2 -1
  226. package/cjs/ie-banner/IEBanner.js +17 -28
  227. package/cjs/ie-banner/index.js +2 -2
  228. package/cjs/index.d.ts +0 -1
  229. package/cjs/index.js +45 -57
  230. package/cjs/layout/LayoutLegacy.d.ts +2 -2
  231. package/cjs/layout/LayoutLegacy.js +3 -2
  232. package/cjs/lists/FeatureList.d.ts +7 -9
  233. package/cjs/lists/FeatureList.js +24 -24
  234. package/cjs/lists/ListAddon.d.ts +2 -2
  235. package/cjs/lists/ListAddon.js +17 -17
  236. package/cjs/lists/ListDivider.d.ts +3 -3
  237. package/cjs/lists/ListDivider.js +13 -16
  238. package/cjs/lists/ListIcon.d.ts +3 -3
  239. package/cjs/lists/ListIcon.js +19 -22
  240. package/cjs/lists/ListItem.d.ts +2 -2
  241. package/cjs/lists/ListItem.js +23 -31
  242. package/cjs/lists/ListText.d.ts +4 -4
  243. package/cjs/lists/ListText.js +15 -18
  244. package/cjs/lists/ListTextGroup.d.ts +2 -2
  245. package/cjs/lists/ListTextGroup.js +16 -20
  246. package/cjs/lists/ListTitle.d.ts +2 -2
  247. package/cjs/lists/ListTitle.js +12 -16
  248. package/cjs/lists/index.js +9 -9
  249. package/cjs/loader/DfdsLoader.d.ts +1 -1
  250. package/cjs/loader/DfdsLoader.js +30 -25
  251. package/cjs/loader/Loader.d.ts +3 -3
  252. package/cjs/loader/Loader.js +11 -6
  253. package/cjs/loader/index.js +3 -3
  254. package/cjs/localization/LocaleFlag.d.ts +3 -3
  255. package/cjs/localization/LocaleFlag.js +14 -18
  256. package/cjs/localization/index.js +2 -2
  257. package/cjs/localization/locales.d.ts +2 -2
  258. package/cjs/localization/locales.js +3 -6
  259. package/cjs/logo/Logo.d.ts +3 -3
  260. package/cjs/logo/Logo.js +18 -18
  261. package/cjs/logo/index.js +1 -1
  262. package/cjs/media/index.js +1 -2
  263. package/cjs/menu/Menu.d.ts +1 -1
  264. package/cjs/menu/Menu.js +46 -42
  265. package/cjs/menu/index.js +3 -4
  266. package/cjs/mobile-stepper/MobileStepper.d.ts +3 -3
  267. package/cjs/mobile-stepper/MobileStepper.js +28 -32
  268. package/cjs/mobile-stepper/index.js +2 -2
  269. package/cjs/nav-bar/NavBar.d.ts +11 -9
  270. package/cjs/nav-bar/NavBar.js +67 -75
  271. package/cjs/nav-bar/index.js +3 -4
  272. package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
  273. package/cjs/nav-menu/NavMenuItem.js +15 -14
  274. package/cjs/nav-menu/index.js +2 -2
  275. package/cjs/pagination/Pagination.d.ts +3 -3
  276. package/cjs/pagination/Pagination.js +60 -49
  277. package/cjs/pagination/Pagination.styles.js +7 -14
  278. package/cjs/pagination/index.js +1 -1
  279. package/cjs/popper/Popper.d.ts +5 -5
  280. package/cjs/popper/Popper.js +42 -43
  281. package/cjs/popper/index.js +2 -2
  282. package/cjs/progress-bar/ProgressBar.d.ts +3 -3
  283. package/cjs/progress-bar/ProgressBar.js +6 -8
  284. package/cjs/progress-bar/index.js +3 -4
  285. package/cjs/schedule/ScheduleItem.d.ts +8 -10
  286. package/cjs/schedule/ScheduleItem.js +12 -9
  287. package/cjs/schedule/ScheduleList.d.ts +3 -3
  288. package/cjs/schedule/ScheduleList.js +15 -18
  289. package/cjs/schedule/index.js +3 -3
  290. package/cjs/side-sheet/SideSheet.d.ts +5 -5
  291. package/cjs/side-sheet/SideSheet.js +78 -92
  292. package/cjs/side-sheet/SideSheetCloseButton.d.ts +2 -2
  293. package/cjs/side-sheet/SideSheetCloseButton.js +15 -20
  294. package/cjs/side-sheet/SideSheetContent.d.ts +3 -3
  295. package/cjs/side-sheet/SideSheetContent.js +16 -16
  296. package/cjs/side-sheet/SideSheetFooter.d.ts +3 -3
  297. package/cjs/side-sheet/SideSheetFooter.js +16 -16
  298. package/cjs/side-sheet/SideSheetHeader.d.ts +3 -3
  299. package/cjs/side-sheet/SideSheetHeader.js +19 -20
  300. package/cjs/side-sheet/SideSheetHeadline.d.ts +3 -3
  301. package/cjs/side-sheet/SideSheetHeadline.js +7 -6
  302. package/cjs/side-sheet/index.js +6 -7
  303. package/cjs/site-layout/SiteLayout.d.ts +15 -11
  304. package/cjs/site-layout/SiteLayout.js +60 -53
  305. package/cjs/site-layout/index.js +3 -4
  306. package/cjs/skeleton/Skeleton.d.ts +3 -3
  307. package/cjs/skeleton/Skeleton.js +14 -18
  308. package/cjs/skeleton/index.js +1 -1
  309. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
  310. package/cjs/social-media-link-list/SocialMediaLinkList.js +78 -74
  311. package/cjs/social-media-link-list/index.js +1 -1
  312. package/cjs/spinner/Spinner.d.ts +9 -9
  313. package/cjs/spinner/Spinner.js +23 -28
  314. package/cjs/spinner/index.js +1 -1
  315. package/cjs/step/Step.d.ts +2 -2
  316. package/cjs/step/Step.js +51 -51
  317. package/cjs/step/Step.styles.js +5 -10
  318. package/cjs/step/StepButton.d.ts +2 -2
  319. package/cjs/step/StepButton.js +45 -42
  320. package/cjs/step/StepContent.d.ts +3 -3
  321. package/cjs/step/StepContent.js +18 -17
  322. package/cjs/step/StepContext.d.ts +1 -1
  323. package/cjs/step/StepContext.js +2 -3
  324. package/cjs/step/StepLabel.d.ts +1 -1
  325. package/cjs/step/StepLabel.js +15 -13
  326. package/cjs/step/index.js +2 -2
  327. package/cjs/stepper/Stepper.d.ts +2 -2
  328. package/cjs/stepper/Stepper.js +28 -38
  329. package/cjs/stepper/StepperContext.d.ts +1 -1
  330. package/cjs/stepper/StepperContext.js +2 -3
  331. package/cjs/stepper/index.js +2 -2
  332. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  333. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +12 -10
  334. package/cjs/stepper-feedback-message/index.js +2 -2
  335. package/cjs/styles/index.js +6 -7
  336. package/cjs/styles/media.d.ts +1 -1
  337. package/cjs/styles/media.js +2 -4
  338. package/cjs/styles/style-helpers.js +1 -2
  339. package/cjs/styles/theme.d.ts +1 -1
  340. package/cjs/styles/theme.js +2 -4
  341. package/cjs/surface/Surface.d.ts +9 -8
  342. package/cjs/surface/Surface.js +33 -34
  343. package/cjs/surface/index.js +1 -1
  344. package/cjs/tab/Tab.d.ts +3 -3
  345. package/cjs/tab/Tab.js +23 -24
  346. package/cjs/tab/TabPanel.d.ts +2 -2
  347. package/cjs/tab/TabPanel.js +11 -10
  348. package/cjs/tab/Tabs.d.ts +3 -3
  349. package/cjs/tab/Tabs.js +54 -71
  350. package/cjs/tab/TabsContext.d.ts +3 -3
  351. package/cjs/tab/TabsContext.js +8 -10
  352. package/cjs/tab/index.js +5 -5
  353. package/cjs/table/Table.d.ts +3 -3
  354. package/cjs/table/Table.js +22 -27
  355. package/cjs/table/TableBody.d.ts +2 -2
  356. package/cjs/table/TableBody.js +13 -17
  357. package/cjs/table/TableDataCell.d.ts +2 -2
  358. package/cjs/table/TableDataCell.js +16 -21
  359. package/cjs/table/TableHead.d.ts +2 -2
  360. package/cjs/table/TableHead.js +19 -24
  361. package/cjs/table/TableHeaderCell.d.ts +3 -3
  362. package/cjs/table/TableHeaderCell.js +17 -22
  363. package/cjs/table/TableRow.d.ts +2 -2
  364. package/cjs/table/TableRow.js +20 -25
  365. package/cjs/table/index.js +6 -6
  366. package/cjs/test/Test.js +6 -5
  367. package/cjs/tooltip/Tooltip.d.ts +15 -9
  368. package/cjs/tooltip/Tooltip.js +90 -62
  369. package/cjs/tooltip/index.js +3 -4
  370. package/cjs/typography/Headlines.d.ts +41 -40
  371. package/cjs/typography/Headlines.js +34 -45
  372. package/cjs/typography/Text.d.ts +2 -3
  373. package/cjs/typography/Text.js +4 -6
  374. package/cjs/typography/index.js +2 -2
  375. package/common/LockBodyScroll.d.ts +4 -3
  376. package/common/LockBodyScroll.js +28 -16
  377. package/common/arrow.d.ts +1 -1
  378. package/common/arrow.js +2 -4
  379. package/common/emotionCloneElement.d.ts +0 -1
  380. package/common/emotionCloneElement.js +2 -3
  381. package/common/intent.d.ts +1 -1
  382. package/common/polymorphic.d.ts +5 -5
  383. package/common/polymorphic.js +10 -4
  384. package/common/use-media.js +6 -6
  385. package/common/useOnClickOutside.d.ts +2 -3
  386. package/common/useOnClickOutside.js +2 -2
  387. package/common/utils.js +1 -1
  388. package/counter/Counter.d.ts +3 -2
  389. package/counter/Counter.js +62 -59
  390. package/counter/PluralCounter.d.ts +4 -3
  391. package/counter/PluralCounter.js +27 -21
  392. package/data-table/DataTable.d.ts +3 -2
  393. package/data-table/DataTable.js +60 -47
  394. package/divider/Divider.d.ts +3 -3
  395. package/divider/Divider.js +10 -5
  396. package/drawer/Drawer.d.ts +6 -5
  397. package/drawer/Drawer.js +19 -11
  398. package/dropdown-menu/Dropdown.d.ts +4 -4
  399. package/dropdown-menu/Dropdown.js +50 -42
  400. package/dropdown-menu/DropdownContext.d.ts +4 -4
  401. package/dropdown-menu/DropdownContext.js +5 -4
  402. package/dropdown-menu/MenuCheckbox.d.ts +1 -1
  403. package/dropdown-menu/MenuCheckbox.js +24 -17
  404. package/dropdown-menu/MenuItem.d.ts +1 -1
  405. package/dropdown-menu/MenuItem.js +34 -31
  406. package/dropdown-menu/MenuTitle.d.ts +1 -1
  407. package/dropdown-menu/MenuTitle.js +15 -13
  408. package/elevation/index.d.ts +1 -1
  409. package/elevation/index.js +3 -6
  410. package/flexbox/FlexBox.d.ts +5 -5
  411. package/flexbox/FlexBox.js +8 -8
  412. package/footer/Footer.d.ts +2 -2
  413. package/footer/Footer.js +12 -7
  414. package/forms/assistive-text/AssistiveText.d.ts +3 -4
  415. package/forms/asterisk/Asterisk.d.ts +2 -2
  416. package/forms/asterisk/Asterisk.js +4 -2
  417. package/forms/checkbox/Checkbox.d.ts +6 -6
  418. package/forms/checkbox/Checkbox.js +50 -42
  419. package/forms/checkbox/ExampleControlComponent.d.ts +2 -1
  420. package/forms/checkbox/ExampleControlComponent.js +18 -11
  421. package/forms/email-field/EmailField.d.ts +19 -3
  422. package/forms/email-field/EmailField.js +16 -6
  423. package/forms/error-text/ErrorText.d.ts +3 -4
  424. package/forms/error-text/ErrorText.js +2 -4
  425. package/forms/field/Field.d.ts +2 -1
  426. package/forms/field/Field.js +12 -10
  427. package/forms/index.d.ts +3 -3
  428. package/forms/input/Input.d.ts +4 -4
  429. package/forms/input/Input.js +42 -44
  430. package/forms/input/InputComposition.d.ts +12 -12
  431. package/forms/input/InputComposition.js +41 -32
  432. package/forms/label/Label.d.ts +2 -1
  433. package/forms/label/Label.js +17 -11
  434. package/forms/number-field/NumberField.d.ts +19 -3
  435. package/forms/number-field/NumberField.js +17 -8
  436. package/forms/password-field/PasswordField.d.ts +2 -2
  437. package/forms/password-field/PasswordField.js +22 -18
  438. package/forms/radio/Radio.d.ts +4 -4
  439. package/forms/radio/Radio.js +33 -26
  440. package/forms/reactselect/ReactSelect.d.ts +16 -16
  441. package/forms/reactselect/ReactSelect.js +74 -69
  442. package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
  443. package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
  444. package/forms/select/Select.d.ts +5 -5
  445. package/forms/select/Select.js +41 -39
  446. package/forms/select-field/SelectField.d.ts +13 -5
  447. package/forms/select-field/SelectField.js +44 -40
  448. package/forms/switch/Switch.d.ts +2 -2
  449. package/forms/switch/Switch.js +52 -43
  450. package/forms/tel-field/TelField.d.ts +19 -3
  451. package/forms/tel-field/TelField.js +16 -6
  452. package/forms/text-field/TextField.d.ts +22 -5
  453. package/forms/text-field/TextField.js +50 -46
  454. package/global-styles/GlobalStyles.d.ts +3 -3
  455. package/global-styles/GlobalStyles.js +3 -3
  456. package/global-styles/ResetStyles.d.ts +2 -2
  457. package/global-styles/ResetStyles.js +3 -4
  458. package/global-styles/sanitize.js +1 -2
  459. package/grid/Column.d.ts +1 -1
  460. package/grid/Column.js +14 -7
  461. package/grid/Container.d.ts +2 -2
  462. package/grid/Container.js +42 -36
  463. package/hero/Hero.d.ts +2 -2
  464. package/hero/Hero.js +43 -25
  465. package/hero/stripes.d.ts +2 -2
  466. package/hero/stripes.js +176 -160
  467. package/ie-banner/IEBanner.d.ts +2 -1
  468. package/ie-banner/IEBanner.js +17 -11
  469. package/index.d.ts +0 -1
  470. package/index.js +0 -1
  471. package/layout/LayoutLegacy.d.ts +2 -2
  472. package/layout/LayoutLegacy.js +2 -2
  473. package/lists/FeatureList.d.ts +7 -9
  474. package/lists/FeatureList.js +21 -11
  475. package/lists/ListAddon.d.ts +2 -2
  476. package/lists/ListAddon.js +13 -6
  477. package/lists/ListDivider.d.ts +3 -3
  478. package/lists/ListDivider.js +10 -5
  479. package/lists/ListIcon.d.ts +3 -3
  480. package/lists/ListIcon.js +10 -5
  481. package/lists/ListItem.d.ts +2 -2
  482. package/lists/ListItem.js +13 -6
  483. package/lists/ListText.d.ts +4 -4
  484. package/lists/ListText.js +10 -5
  485. package/lists/ListTextGroup.d.ts +2 -2
  486. package/lists/ListTextGroup.js +10 -5
  487. package/lists/ListTitle.d.ts +2 -2
  488. package/lists/ListTitle.js +11 -7
  489. package/loader/DfdsLoader.d.ts +1 -1
  490. package/loader/DfdsLoader.js +27 -22
  491. package/loader/Loader.d.ts +3 -3
  492. package/loader/Loader.js +10 -5
  493. package/localization/LocaleFlag.d.ts +3 -3
  494. package/localization/LocaleFlag.js +10 -5
  495. package/localization/locales.d.ts +2 -2
  496. package/logo/Logo.d.ts +3 -3
  497. package/logo/Logo.js +14 -7
  498. package/menu/Menu.d.ts +1 -1
  499. package/menu/Menu.js +33 -21
  500. package/mobile-stepper/MobileStepper.d.ts +3 -3
  501. package/mobile-stepper/MobileStepper.js +32 -26
  502. package/nav-bar/NavBar.d.ts +11 -9
  503. package/nav-bar/NavBar.js +56 -41
  504. package/nav-menu/NavMenuItem.d.ts +1 -1
  505. package/nav-menu/NavMenuItem.js +13 -12
  506. package/package.json +19 -24
  507. package/pagination/Pagination.d.ts +3 -3
  508. package/pagination/Pagination.js +56 -40
  509. package/pagination/Pagination.styles.js +2 -3
  510. package/popper/Popper.d.ts +5 -5
  511. package/popper/Popper.js +27 -18
  512. package/progress-bar/ProgressBar.d.ts +3 -3
  513. package/progress-bar/ProgressBar.js +4 -6
  514. package/schedule/ScheduleItem.d.ts +8 -10
  515. package/schedule/ScheduleItem.js +9 -4
  516. package/schedule/ScheduleList.d.ts +3 -3
  517. package/schedule/ScheduleList.js +16 -10
  518. package/side-sheet/SideSheet.d.ts +5 -5
  519. package/side-sheet/SideSheet.js +58 -50
  520. package/side-sheet/SideSheetCloseButton.d.ts +2 -2
  521. package/side-sheet/SideSheetCloseButton.js +10 -5
  522. package/side-sheet/SideSheetContent.d.ts +3 -3
  523. package/side-sheet/SideSheetContent.js +17 -8
  524. package/side-sheet/SideSheetFooter.d.ts +3 -3
  525. package/side-sheet/SideSheetFooter.js +17 -8
  526. package/side-sheet/SideSheetHeader.d.ts +3 -3
  527. package/side-sheet/SideSheetHeader.js +17 -8
  528. package/side-sheet/SideSheetHeadline.d.ts +3 -3
  529. package/side-sheet/SideSheetHeadline.js +5 -4
  530. package/site-layout/SiteLayout.d.ts +15 -11
  531. package/site-layout/SiteLayout.js +36 -18
  532. package/skeleton/Skeleton.d.ts +3 -3
  533. package/skeleton/Skeleton.js +11 -6
  534. package/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
  535. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  536. package/spinner/Spinner.d.ts +9 -9
  537. package/spinner/Spinner.js +19 -13
  538. package/step/Step.d.ts +2 -2
  539. package/step/Step.js +34 -20
  540. package/step/Step.styles.js +1 -2
  541. package/step/StepButton.d.ts +2 -2
  542. package/step/StepButton.js +28 -22
  543. package/step/StepContent.d.ts +3 -3
  544. package/step/StepContent.js +13 -13
  545. package/step/StepContext.d.ts +1 -1
  546. package/step/StepLabel.d.ts +1 -1
  547. package/step/StepLabel.js +9 -8
  548. package/stepper/Stepper.d.ts +2 -2
  549. package/stepper/Stepper.js +16 -16
  550. package/stepper/StepperContext.d.ts +1 -1
  551. package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  552. package/stepper-feedback-message/StepperFeedbackMessage.js +10 -8
  553. package/styles/media.d.ts +1 -1
  554. package/styles/style-helpers.js +1 -2
  555. package/styles/theme.d.ts +1 -1
  556. package/surface/Surface.d.ts +9 -8
  557. package/surface/Surface.js +18 -15
  558. package/tab/Tab.d.ts +3 -3
  559. package/tab/Tab.js +18 -12
  560. package/tab/TabPanel.d.ts +2 -2
  561. package/tab/TabPanel.js +6 -5
  562. package/tab/Tabs.d.ts +3 -3
  563. package/tab/Tabs.js +49 -43
  564. package/tab/TabsContext.d.ts +3 -3
  565. package/tab/TabsContext.js +5 -4
  566. package/table/Table.d.ts +3 -3
  567. package/table/Table.js +23 -17
  568. package/table/TableBody.d.ts +2 -2
  569. package/table/TableBody.js +15 -10
  570. package/table/TableDataCell.d.ts +2 -2
  571. package/table/TableDataCell.js +17 -12
  572. package/table/TableHead.d.ts +2 -2
  573. package/table/TableHead.js +14 -13
  574. package/table/TableHeaderCell.d.ts +3 -3
  575. package/table/TableHeaderCell.js +18 -13
  576. package/table/TableRow.d.ts +2 -2
  577. package/table/TableRow.js +15 -15
  578. package/test/Test.js +4 -2
  579. package/tooltip/Tooltip.d.ts +15 -9
  580. package/tooltip/Tooltip.js +93 -58
  581. package/typography/Headlines.d.ts +41 -40
  582. package/typography/Headlines.js +24 -19
  583. package/typography/Text.d.ts +2 -3
  584. package/typography/Text.js +1 -2
  585. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  586. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -20
  587. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  588. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  589. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  590. package/cjs/date-range-picker/DateRangePicker.js +0 -291
  591. package/cjs/date-range-picker/index.d.ts +0 -1
  592. package/cjs/date-range-picker/index.js +0 -13
  593. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  594. package/date-range-picker/DatePickerDefaultStyles.js +0 -13
  595. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  596. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
  597. package/date-range-picker/DateRangePicker.d.ts +0 -33
  598. package/date-range-picker/DateRangePicker.js +0 -310
  599. package/date-range-picker/index.d.ts +0 -1
  600. package/date-range-picker/index.js +0 -1
@@ -1,16 +1,15 @@
1
- /// <reference types="react" />
2
1
  declare const AppBarListItem: import("@emotion/styled").StyledComponent<{
3
- multiline?: boolean | undefined;
4
- selected?: boolean | undefined;
5
- condensed?: boolean | undefined;
6
- tabIndex?: number | undefined;
7
- clickable?: boolean | undefined;
8
- divider?: boolean | undefined;
9
- onClick?: (() => void) | undefined;
10
- flexBoxProps?: import("../flexbox").FlexBoxProps | undefined;
11
- className?: string | undefined;
12
- children?: import("react").ReactNode;
2
+ multiline?: boolean;
3
+ selected?: boolean;
4
+ condensed?: boolean;
5
+ tabIndex?: number;
6
+ clickable?: boolean;
7
+ divider?: boolean;
8
+ onClick?: () => void;
9
+ flexBoxProps?: import("../flexbox").FlexBoxProps;
10
+ className?: string;
11
+ children?: React.ReactNode;
13
12
  } & import("..").PolymorphicComponentProps & {
14
- theme?: import("@emotion/react").Theme | undefined;
13
+ theme?: import("@emotion/react").Theme;
15
14
  }, {}, {}>;
16
15
  export default AppBarListItem;
@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = require("@emotion/react");
9
9
  var _ListItem = _interopRequireDefault(require("../lists/ListItem"));
10
10
  var _theme = require("@dfds-ui/theme");
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
13
13
  target: "eno8yen0"
14
14
  } : {
@@ -17,5 +17,4 @@ const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, proces
17
17
  })("&:active{color:", _theme.theme.colors.secondary.main, ";}", p => p.selected && /*#__PURE__*/(0, _react.css)("background:", _theme.theme.colors.surface.primary, ";color:", _theme.theme.colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppBarListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXBwLWJhci9BcHBCYXJMaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJy4uL2xpc3RzL0xpc3RJdGVtJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQXBwQmFyTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pYFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5zZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIGB9XG5cbiAgJHsocCkgPT5cbiAgICB0aGVtZS5zdGF0ZXMub3ZlcmxheShwLnNlbGVjdGVkLCB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIH0pfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBBcHBCYXJMaXN0SXRlbVxuIl19 */"), " ", p => _theme.theme.states.overlay(p.selected, {
18
18
  color: _theme.theme.colors.secondary.main
19
19
  }), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2FwcC1iYXIvQXBwQmFyTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmNvbnN0IEFwcEJhckxpc3RJdGVtID0gc3R5bGVkKExpc3RJdGVtKWBcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuc2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgdGhlbWUuc3RhdGVzLm92ZXJsYXkocC5zZWxlY3RlZCwge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbixcbiAgICB9KX1cbmBcblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFyTGlzdEl0ZW1cbiJdfQ== */"));
20
- var _default = AppBarListItem;
21
- exports.default = _default;
20
+ var _default = exports.default = AppBarListItem;
@@ -5,49 +5,49 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "AppBar", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _AppBar.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "AppBarDrawer", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _AppBarDrawer.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "AppBarIconButton", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _AppBarIconButton.default;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "AppBarItem", {
25
25
  enumerable: true,
26
- get: function get() {
26
+ get: function () {
27
27
  return _AppBarItem.AppBarItem;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "AppBarListItem", {
31
31
  enumerable: true,
32
- get: function get() {
32
+ get: function () {
33
33
  return _AppBarListItem.default;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "AppBarProvider", {
37
37
  enumerable: true,
38
- get: function get() {
38
+ get: function () {
39
39
  return _AppBarContext.AppBarProvider;
40
40
  }
41
41
  });
42
42
  Object.defineProperty(exports, "MenuPopOverContext", {
43
43
  enumerable: true,
44
- get: function get() {
44
+ get: function () {
45
45
  return _AppBarItem.MenuPopOverContext;
46
46
  }
47
47
  });
48
48
  Object.defineProperty(exports, "useAppBarContext", {
49
49
  enumerable: true,
50
- get: function get() {
50
+ get: function () {
51
51
  return _AppBarContext.useAppBarContext;
52
52
  }
53
53
  });
@@ -57,4 +57,4 @@ var _AppBarDrawer = _interopRequireDefault(require("./AppBarDrawer"));
57
57
  var _AppBar = _interopRequireDefault(require("./AppBar"));
58
58
  var _AppBarIconButton = _interopRequireDefault(require("./AppBarIconButton"));
59
59
  var _AppBarListItem = _interopRequireDefault(require("./AppBarListItem"));
60
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
60
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,8 +1,8 @@
1
1
  import React, { ElementType, FunctionComponent, ReactNode } from 'react';
2
2
  import { Intent } from '../../common/intent';
3
- export declare type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
4
- export declare type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
5
- export declare type BannerProps = {
3
+ export type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
4
+ export type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
5
+ export type BannerProps = {
6
6
  /**
7
7
  * Specifies the intent of the Banner (change the color of the banner icon to match intended status)
8
8
  */