@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b8d61c36

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 (567) hide show
  1. package/accordion/Accordion.js +3 -3
  2. package/accordion/AccordionContent.d.ts +1 -0
  3. package/accordion/AccordionContent.js +4 -4
  4. package/accordion/AccordionSmall.d.ts +1 -0
  5. package/accordion/AccordionSmall.js +7 -7
  6. package/app-bar/AppBar.js +8 -8
  7. package/app-bar/AppBarContext.js +4 -4
  8. package/app-bar/AppBarDrawer.js +3 -3
  9. package/app-bar/AppBarIconButton.js +3 -3
  10. package/app-bar/AppBarItem.d.ts +1 -1
  11. package/app-bar/AppBarItem.js +35 -35
  12. package/app-bar/AppBarListItem.d.ts +0 -1
  13. package/assertions/banner/Banner.js +8 -8
  14. package/assertions/banner/BannerAction.js +3 -3
  15. package/assertions/banner/BannerTypography.d.ts +2 -0
  16. package/assertions/banner/BannerTypography.js +3 -3
  17. package/assertions/toast/Toast.d.ts +1 -0
  18. package/assertions/toast/Toast.js +9 -9
  19. package/assertions/toast/Toaster.js +18 -10
  20. package/badge/Badge.d.ts +1 -1
  21. package/badge/Badge.js +3 -3
  22. package/button/BadgeIcon.d.ts +2 -2
  23. package/button/BaseButton.d.ts +1 -1
  24. package/button/Button.js +3 -3
  25. package/button/IconButton.d.ts +1 -1
  26. package/button/IconButton.js +3 -3
  27. package/button/LinkButton.d.ts +1 -1
  28. package/button/LinkButton.js +1 -1
  29. package/button-stack/ButtonStack.d.ts +1 -0
  30. package/button-stack/ButtonStack.js +7 -7
  31. package/card/Card.d.ts +1 -0
  32. package/card/Card.js +15 -15
  33. package/card/CardActions.js +3 -3
  34. package/card/CardContent.d.ts +2 -1
  35. package/card/CardContent.js +4 -4
  36. package/card/CardMedia.d.ts +2 -1
  37. package/card/CardMedia.js +4 -4
  38. package/card/CardPriceTag.d.ts +2 -2
  39. package/card/CardPriceTag.js +2 -2
  40. package/card/CardTitle.d.ts +2 -1
  41. package/card/CardTitle.js +5 -5
  42. package/chip/Chip.d.ts +2 -2
  43. package/chip/Chip.js +7 -7
  44. package/cjs/accordion/Accordion.d.ts +101 -0
  45. package/cjs/accordion/Accordion.js +22 -26
  46. package/cjs/accordion/AccordionContent.d.ts +14 -0
  47. package/cjs/accordion/AccordionContent.js +9 -11
  48. package/cjs/accordion/AccordionSmall.d.ts +56 -0
  49. package/cjs/accordion/AccordionSmall.js +17 -20
  50. package/cjs/accordion/index.d.ts +3 -0
  51. package/cjs/accordion/index.js +3 -3
  52. package/cjs/app-bar/AppBar.d.ts +13 -0
  53. package/cjs/app-bar/AppBar.js +44 -66
  54. package/cjs/app-bar/AppBarContext.d.ts +12 -0
  55. package/cjs/app-bar/AppBarContext.js +3 -16
  56. package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
  57. package/cjs/app-bar/AppBarDrawer.js +11 -13
  58. package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
  59. package/cjs/app-bar/AppBarIconButton.js +8 -11
  60. package/cjs/app-bar/AppBarItem.d.ts +23 -0
  61. package/cjs/app-bar/AppBarItem.js +30 -45
  62. package/cjs/app-bar/AppBarListItem.d.ts +15 -0
  63. package/cjs/app-bar/AppBarListItem.js +1 -1
  64. package/cjs/app-bar/index.d.ts +7 -0
  65. package/cjs/app-bar/index.js +9 -9
  66. package/cjs/assertions/banner/Banner.d.ts +74 -0
  67. package/cjs/assertions/banner/Banner.js +24 -45
  68. package/cjs/assertions/banner/BannerAction.d.ts +19 -0
  69. package/cjs/assertions/banner/BannerAction.js +9 -11
  70. package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
  71. package/cjs/assertions/banner/BannerTypography.js +4 -4
  72. package/cjs/assertions/banner/index.d.ts +3 -0
  73. package/cjs/assertions/banner/index.js +3 -3
  74. package/cjs/assertions/index.d.ts +2 -0
  75. package/cjs/assertions/index.js +2 -2
  76. package/cjs/assertions/toast/Toast.d.ts +13 -0
  77. package/cjs/assertions/toast/Toast.js +17 -21
  78. package/cjs/assertions/toast/Toaster.d.ts +19 -0
  79. package/cjs/assertions/toast/Toaster.js +22 -42
  80. package/cjs/assertions/toast/index.d.ts +2 -0
  81. package/cjs/assertions/toast/index.js +5 -6
  82. package/cjs/badge/Badge.d.ts +26 -0
  83. package/cjs/badge/Badge.js +11 -16
  84. package/cjs/badge/index.d.ts +2 -0
  85. package/cjs/badge/index.js +3 -4
  86. package/cjs/button/BadgeIcon.d.ts +7 -0
  87. package/cjs/button/BadgeIcon.js +1 -1
  88. package/cjs/button/BaseButton.d.ts +14 -0
  89. package/cjs/button/BaseButton.js +1 -1
  90. package/cjs/button/Button.d.ts +19 -0
  91. package/cjs/button/Button.js +15 -22
  92. package/cjs/button/IconButton.d.ts +75 -0
  93. package/cjs/button/IconButton.js +20 -29
  94. package/cjs/button/LinkButton.d.ts +8 -0
  95. package/cjs/button/LinkButton.js +3 -4
  96. package/cjs/button/button-style.d.ts +7 -0
  97. package/cjs/button/index.d.ts +7 -0
  98. package/cjs/button/index.js +8 -9
  99. package/cjs/button-stack/ButtonStack.d.ts +12 -0
  100. package/cjs/button-stack/ButtonStack.js +13 -17
  101. package/cjs/button-stack/index.d.ts +1 -0
  102. package/cjs/button-stack/index.js +2 -2
  103. package/cjs/card/Card.d.ts +19 -0
  104. package/cjs/card/Card.js +27 -44
  105. package/cjs/card/CardActions.d.ts +4 -0
  106. package/cjs/card/CardActions.js +8 -12
  107. package/cjs/card/CardContent.d.ts +14 -0
  108. package/cjs/card/CardContent.js +13 -17
  109. package/cjs/card/CardMedia.d.ts +19 -0
  110. package/cjs/card/CardMedia.js +9 -12
  111. package/cjs/card/CardPriceTag.d.ts +25 -0
  112. package/cjs/card/CardPriceTag.js +8 -12
  113. package/cjs/card/CardTitle.d.ts +19 -0
  114. package/cjs/card/CardTitle.js +13 -15
  115. package/cjs/card/index.d.ts +6 -0
  116. package/cjs/card/index.js +7 -7
  117. package/cjs/chip/Chip.d.ts +19 -0
  118. package/cjs/chip/Chip.js +15 -31
  119. package/cjs/chip/index.d.ts +2 -0
  120. package/cjs/chip/index.js +3 -4
  121. package/cjs/common/LockBodyScroll.d.ts +25 -0
  122. package/cjs/common/LockBodyScroll.js +7 -10
  123. package/cjs/common/arrow.d.ts +6 -0
  124. package/cjs/common/emotionCloneElement.d.ts +2 -0
  125. package/cjs/common/emotionCloneElement.js +5 -8
  126. package/cjs/common/intent.d.ts +3 -0
  127. package/cjs/common/miniMoize.d.ts +1 -0
  128. package/cjs/common/polymorphic.d.ts +25 -0
  129. package/cjs/common/polymorphic.js +5 -5
  130. package/cjs/common/use-media.d.ts +1 -0
  131. package/cjs/common/use-media.js +1 -10
  132. package/cjs/common/useOnClickOutside.d.ts +3 -0
  133. package/cjs/common/utils.d.ts +3 -0
  134. package/cjs/counter/Counter.d.ts +26 -0
  135. package/cjs/counter/Counter.js +5 -16
  136. package/cjs/counter/PluralCounter.d.ts +13 -0
  137. package/cjs/counter/PluralCounter.js +12 -25
  138. package/cjs/counter/index.d.ts +2 -0
  139. package/cjs/counter/index.js +3 -3
  140. package/cjs/data-table/DataTable.d.ts +11 -0
  141. package/cjs/data-table/DataTable.js +17 -29
  142. package/cjs/data-table/index.d.ts +1 -0
  143. package/cjs/data-table/index.js +1 -1
  144. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
  145. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
  146. package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
  147. package/cjs/date-range-picker/DateRangePicker.js +29 -57
  148. package/cjs/date-range-picker/index.d.ts +1 -0
  149. package/cjs/date-range-picker/index.js +2 -2
  150. package/cjs/divider/Divider.d.ts +26 -0
  151. package/cjs/divider/Divider.js +11 -11
  152. package/cjs/divider/index.d.ts +1 -0
  153. package/cjs/divider/index.js +1 -1
  154. package/cjs/drawer/Drawer.d.ts +31 -0
  155. package/cjs/drawer/Drawer.js +11 -17
  156. package/cjs/drawer/index.d.ts +1 -0
  157. package/cjs/drawer/index.js +1 -1
  158. package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
  159. package/cjs/dropdown-menu/Dropdown.js +20 -34
  160. package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
  161. package/cjs/dropdown-menu/DropdownContext.js +1 -2
  162. package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
  163. package/cjs/dropdown-menu/MenuCheckbox.js +5 -4
  164. package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
  165. package/cjs/dropdown-menu/MenuItem.js +20 -32
  166. package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
  167. package/cjs/dropdown-menu/MenuTitle.js +4 -3
  168. package/cjs/dropdown-menu/index.d.ts +5 -0
  169. package/cjs/dropdown-menu/index.js +7 -8
  170. package/cjs/elevation/index.d.ts +3 -0
  171. package/cjs/flexbox/FlexBox.d.ts +100 -0
  172. package/cjs/flexbox/FlexBox.js +6 -14
  173. package/cjs/flexbox/index.d.ts +1 -0
  174. package/cjs/flexbox/index.js +1 -1
  175. package/cjs/footer/Footer.d.ts +7 -0
  176. package/cjs/footer/Footer.js +1 -1
  177. package/cjs/footer/index.d.ts +1 -0
  178. package/cjs/footer/index.js +2 -2
  179. package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
  180. package/cjs/forms/assistive-text/AssistiveText.js +1 -1
  181. package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
  182. package/cjs/forms/asterisk/Asterisk.js +1 -1
  183. package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
  184. package/cjs/forms/checkbox/Checkbox.js +16 -21
  185. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
  186. package/cjs/forms/checkbox/ExampleControlComponent.js +8 -19
  187. package/cjs/forms/checkbox/index.d.ts +1 -0
  188. package/cjs/forms/checkbox/index.js +2 -2
  189. package/cjs/forms/email-field/EmailField.d.ts +6 -0
  190. package/cjs/forms/email-field/EmailField.js +3 -3
  191. package/cjs/forms/error-text/ErrorText.d.ts +7 -0
  192. package/cjs/forms/error-text/ErrorText.js +1 -1
  193. package/cjs/forms/field/Field.d.ts +11 -0
  194. package/cjs/forms/field/Field.js +4 -4
  195. package/cjs/forms/index.d.ts +21 -0
  196. package/cjs/forms/index.js +19 -19
  197. package/cjs/forms/input/Input.d.ts +19 -0
  198. package/cjs/forms/input/Input.js +15 -17
  199. package/cjs/forms/input/InputComposition.d.ts +43 -0
  200. package/cjs/forms/input/InputComposition.js +25 -30
  201. package/cjs/forms/label/Label.d.ts +11 -0
  202. package/cjs/forms/label/Label.js +10 -12
  203. package/cjs/forms/number-field/NumberField.d.ts +6 -0
  204. package/cjs/forms/number-field/NumberField.js +3 -3
  205. package/cjs/forms/password-field/PasswordField.d.ts +4 -0
  206. package/cjs/forms/password-field/PasswordField.js +4 -14
  207. package/cjs/forms/radio/Radio.d.ts +35 -0
  208. package/cjs/forms/radio/Radio.js +29 -34
  209. package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
  210. package/cjs/forms/reactselect/ReactSelect.js +42 -51
  211. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
  212. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +30 -34
  213. package/cjs/forms/select/Select.d.ts +16 -0
  214. package/cjs/forms/select/Select.js +12 -14
  215. package/cjs/forms/select-field/SelectField.d.ts +17 -0
  216. package/cjs/forms/select-field/SelectField.js +16 -17
  217. package/cjs/forms/switch/Switch.d.ts +13 -0
  218. package/cjs/forms/switch/Switch.js +13 -17
  219. package/cjs/forms/tel-field/TelField.d.ts +6 -0
  220. package/cjs/forms/tel-field/TelField.js +3 -3
  221. package/cjs/forms/text-field/TextField.d.ts +26 -0
  222. package/cjs/forms/text-field/TextField.js +19 -20
  223. package/cjs/global-styles/GlobalStyles.d.ts +3 -0
  224. package/cjs/global-styles/GlobalStyles.js +1 -1
  225. package/cjs/global-styles/ResetStyles.d.ts +9 -0
  226. package/cjs/global-styles/ResetStyles.js +1 -1
  227. package/cjs/global-styles/sanitize.d.ts +1 -0
  228. package/cjs/grid/Column.d.ts +10 -0
  229. package/cjs/grid/Column.js +10 -12
  230. package/cjs/grid/Container.d.ts +15 -0
  231. package/cjs/grid/Container.js +11 -13
  232. package/cjs/grid/index.d.ts +2 -0
  233. package/cjs/grid/index.js +3 -3
  234. package/cjs/hero/Hero.d.ts +10 -0
  235. package/cjs/hero/Hero.js +1 -1
  236. package/cjs/hero/index.d.ts +1 -0
  237. package/cjs/hero/index.js +2 -2
  238. package/cjs/hero/stripes.d.ts +6 -0
  239. package/cjs/hero/stripes.js +1 -1
  240. package/cjs/ie-banner/IEBanner.d.ts +12 -0
  241. package/cjs/ie-banner/IEBanner.js +4 -20
  242. package/cjs/ie-banner/index.d.ts +1 -0
  243. package/cjs/ie-banner/index.js +2 -2
  244. package/cjs/index.d.ts +44 -0
  245. package/cjs/index.js +46 -46
  246. package/cjs/layout/LayoutLegacy.d.ts +2 -0
  247. package/cjs/layout/LayoutLegacy.js +1 -1
  248. package/cjs/lists/FeatureList.d.ts +22 -0
  249. package/cjs/lists/FeatureList.js +9 -12
  250. package/cjs/lists/ListAddon.d.ts +11 -0
  251. package/cjs/lists/ListAddon.js +8 -11
  252. package/cjs/lists/ListDivider.d.ts +5 -0
  253. package/cjs/lists/ListDivider.js +8 -11
  254. package/cjs/lists/ListIcon.d.ts +18 -0
  255. package/cjs/lists/ListIcon.js +14 -17
  256. package/cjs/lists/ListItem.d.ts +46 -0
  257. package/cjs/lists/ListItem.js +17 -26
  258. package/cjs/lists/ListText.d.ts +39 -0
  259. package/cjs/lists/ListText.js +10 -13
  260. package/cjs/lists/ListTextGroup.d.ts +15 -0
  261. package/cjs/lists/ListTextGroup.js +11 -15
  262. package/cjs/lists/ListTitle.d.ts +4 -0
  263. package/cjs/lists/ListTitle.js +6 -9
  264. package/cjs/lists/index.d.ts +8 -0
  265. package/cjs/lists/index.js +9 -9
  266. package/cjs/loader/DfdsLoader.d.ts +9 -0
  267. package/cjs/loader/DfdsLoader.js +3 -3
  268. package/cjs/loader/Loader.d.ts +6 -0
  269. package/cjs/loader/Loader.js +1 -1
  270. package/cjs/loader/index.d.ts +2 -0
  271. package/cjs/loader/index.js +3 -3
  272. package/cjs/localization/LocaleFlag.d.ts +13 -0
  273. package/cjs/localization/LocaleFlag.js +10 -15
  274. package/cjs/localization/index.d.ts +2 -0
  275. package/cjs/localization/index.js +2 -2
  276. package/cjs/localization/locales.d.ts +35 -0
  277. package/cjs/logo/Logo.d.ts +11 -0
  278. package/cjs/logo/Logo.js +7 -10
  279. package/cjs/logo/index.d.ts +1 -0
  280. package/cjs/logo/index.js +1 -1
  281. package/cjs/media/index.d.ts +2 -0
  282. package/cjs/menu/Menu.d.ts +7 -0
  283. package/cjs/menu/Menu.js +25 -27
  284. package/cjs/menu/index.d.ts +2 -0
  285. package/cjs/menu/index.js +3 -4
  286. package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
  287. package/cjs/mobile-stepper/MobileStepper.js +10 -14
  288. package/cjs/mobile-stepper/index.d.ts +1 -0
  289. package/cjs/mobile-stepper/index.js +2 -2
  290. package/cjs/nav-bar/NavBar.d.ts +37 -0
  291. package/cjs/nav-bar/NavBar.js +34 -51
  292. package/cjs/nav-bar/index.d.ts +2 -0
  293. package/cjs/nav-bar/index.js +3 -4
  294. package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
  295. package/cjs/nav-menu/NavMenuItem.js +1 -1
  296. package/cjs/nav-menu/index.d.ts +1 -0
  297. package/cjs/nav-menu/index.js +2 -2
  298. package/cjs/pagination/Pagination.d.ts +44 -0
  299. package/cjs/pagination/Pagination.js +9 -8
  300. package/cjs/pagination/Pagination.styles.d.ts +6 -0
  301. package/cjs/pagination/index.d.ts +1 -0
  302. package/cjs/pagination/index.js +1 -1
  303. package/cjs/popper/Popper.d.ts +29 -0
  304. package/cjs/popper/Popper.js +23 -27
  305. package/cjs/popper/index.d.ts +1 -0
  306. package/cjs/popper/index.js +2 -2
  307. package/cjs/progress-bar/ProgressBar.d.ts +8 -0
  308. package/cjs/progress-bar/ProgressBar.js +1 -1
  309. package/cjs/progress-bar/index.d.ts +2 -0
  310. package/cjs/progress-bar/index.js +3 -4
  311. package/cjs/schedule/ScheduleItem.d.ts +19 -0
  312. package/cjs/schedule/ScheduleItem.js +1 -1
  313. package/cjs/schedule/ScheduleList.d.ts +11 -0
  314. package/cjs/schedule/ScheduleList.js +6 -8
  315. package/cjs/schedule/index.d.ts +2 -0
  316. package/cjs/schedule/index.js +3 -3
  317. package/cjs/side-sheet/SideSheet.d.ts +57 -0
  318. package/cjs/side-sheet/SideSheet.js +31 -48
  319. package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
  320. package/cjs/side-sheet/SideSheetCloseButton.js +10 -15
  321. package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
  322. package/cjs/side-sheet/SideSheetContent.js +7 -10
  323. package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
  324. package/cjs/side-sheet/SideSheetFooter.js +7 -10
  325. package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
  326. package/cjs/side-sheet/SideSheetHeader.js +10 -14
  327. package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
  328. package/cjs/side-sheet/SideSheetHeadline.js +1 -1
  329. package/cjs/side-sheet/index.d.ts +4 -0
  330. package/cjs/side-sheet/index.js +6 -7
  331. package/cjs/site-layout/SiteLayout.d.ts +40 -0
  332. package/cjs/site-layout/SiteLayout.js +31 -34
  333. package/cjs/site-layout/index.d.ts +2 -0
  334. package/cjs/site-layout/index.js +3 -4
  335. package/cjs/skeleton/Skeleton.d.ts +8 -0
  336. package/cjs/skeleton/Skeleton.js +12 -16
  337. package/cjs/skeleton/index.d.ts +1 -0
  338. package/cjs/skeleton/index.js +1 -1
  339. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
  340. package/cjs/social-media-link-list/SocialMediaLinkList.js +15 -17
  341. package/cjs/social-media-link-list/index.d.ts +1 -0
  342. package/cjs/social-media-link-list/index.js +1 -1
  343. package/cjs/spinner/Spinner.d.ts +58 -0
  344. package/cjs/spinner/Spinner.js +10 -14
  345. package/cjs/spinner/index.d.ts +1 -0
  346. package/cjs/spinner/index.js +1 -1
  347. package/cjs/step/Step.d.ts +45 -0
  348. package/cjs/step/Step.js +23 -32
  349. package/cjs/step/Step.styles.d.ts +4 -0
  350. package/cjs/step/StepButton.d.ts +4 -0
  351. package/cjs/step/StepButton.js +16 -14
  352. package/cjs/step/StepContent.d.ts +6 -0
  353. package/cjs/step/StepContent.js +4 -3
  354. package/cjs/step/StepContext.d.ts +12 -0
  355. package/cjs/step/StepContext.js +1 -1
  356. package/cjs/step/StepLabel.d.ts +7 -0
  357. package/cjs/step/StepLabel.js +5 -4
  358. package/cjs/step/index.d.ts +1 -0
  359. package/cjs/step/index.js +2 -2
  360. package/cjs/stepper/Stepper.d.ts +25 -0
  361. package/cjs/stepper/Stepper.js +15 -25
  362. package/cjs/stepper/StepperContext.d.ts +9 -0
  363. package/cjs/stepper/StepperContext.js +1 -1
  364. package/cjs/stepper/index.d.ts +1 -0
  365. package/cjs/stepper/index.js +2 -2
  366. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
  367. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +1 -1
  368. package/cjs/stepper-feedback-message/index.d.ts +1 -0
  369. package/cjs/stepper-feedback-message/index.js +2 -2
  370. package/cjs/styles/index.d.ts +3 -0
  371. package/cjs/styles/index.js +6 -7
  372. package/cjs/styles/media.d.ts +21 -0
  373. package/cjs/styles/rem.d.ts +1 -0
  374. package/cjs/styles/style-helpers.d.ts +1 -0
  375. package/cjs/styles/theme.d.ts +39 -0
  376. package/cjs/surface/Surface.d.ts +32 -0
  377. package/cjs/surface/Surface.js +14 -21
  378. package/cjs/surface/index.d.ts +1 -0
  379. package/cjs/surface/index.js +1 -1
  380. package/cjs/tab/Tab.d.ts +12 -0
  381. package/cjs/tab/Tab.js +15 -16
  382. package/cjs/tab/TabPanel.d.ts +7 -0
  383. package/cjs/tab/TabPanel.js +4 -3
  384. package/cjs/tab/Tabs.d.ts +11 -0
  385. package/cjs/tab/Tabs.js +23 -40
  386. package/cjs/tab/TabsContext.d.ts +16 -0
  387. package/cjs/tab/TabsContext.js +1 -2
  388. package/cjs/tab/index.d.ts +4 -0
  389. package/cjs/tab/index.js +5 -5
  390. package/cjs/table/Table.d.ts +22 -0
  391. package/cjs/table/Table.js +8 -13
  392. package/cjs/table/TableBody.d.ts +9 -0
  393. package/cjs/table/TableBody.js +6 -9
  394. package/cjs/table/TableDataCell.d.ts +14 -0
  395. package/cjs/table/TableDataCell.js +7 -11
  396. package/cjs/table/TableHead.d.ts +14 -0
  397. package/cjs/table/TableHead.js +11 -13
  398. package/cjs/table/TableHeaderCell.d.ts +15 -0
  399. package/cjs/table/TableHeaderCell.js +7 -11
  400. package/cjs/table/TableRow.d.ts +17 -0
  401. package/cjs/table/TableRow.js +12 -15
  402. package/cjs/table/index.d.ts +6 -0
  403. package/cjs/table/index.js +6 -6
  404. package/cjs/test/Test.d.ts +8 -0
  405. package/cjs/test/Test.js +1 -1
  406. package/cjs/tooltip/Tooltip.d.ts +26 -0
  407. package/cjs/tooltip/Tooltip.js +13 -15
  408. package/cjs/tooltip/index.d.ts +2 -0
  409. package/cjs/tooltip/index.js +3 -4
  410. package/cjs/typography/Headlines.d.ts +71 -0
  411. package/cjs/typography/Headlines.js +21 -24
  412. package/cjs/typography/Text.d.ts +4 -0
  413. package/cjs/typography/Text.js +1 -1
  414. package/cjs/typography/index.d.ts +2 -0
  415. package/cjs/typography/index.js +2 -2
  416. package/common/LockBodyScroll.js +3 -3
  417. package/common/emotionCloneElement.d.ts +0 -1
  418. package/common/emotionCloneElement.js +1 -1
  419. package/common/polymorphic.d.ts +2 -2
  420. package/common/polymorphic.js +2 -2
  421. package/common/use-media.js +4 -4
  422. package/common/useOnClickOutside.d.ts +0 -1
  423. package/common/utils.js +1 -1
  424. package/counter/Counter.js +4 -4
  425. package/counter/PluralCounter.js +7 -7
  426. package/data-table/DataTable.d.ts +2 -1
  427. package/data-table/DataTable.js +11 -11
  428. package/date-range-picker/DateRangePicker.js +8 -8
  429. package/divider/Divider.d.ts +1 -1
  430. package/divider/Divider.js +3 -3
  431. package/drawer/Drawer.js +3 -3
  432. package/dropdown-menu/Dropdown.d.ts +1 -1
  433. package/dropdown-menu/Dropdown.js +7 -7
  434. package/dropdown-menu/MenuCheckbox.d.ts +1 -1
  435. package/dropdown-menu/MenuCheckbox.js +1 -1
  436. package/dropdown-menu/MenuItem.d.ts +1 -1
  437. package/dropdown-menu/MenuItem.js +7 -7
  438. package/dropdown-menu/MenuTitle.d.ts +1 -1
  439. package/flexbox/FlexBox.d.ts +2 -2
  440. package/flexbox/FlexBox.js +7 -7
  441. package/forms/assistive-text/AssistiveText.d.ts +1 -2
  442. package/forms/asterisk/Asterisk.d.ts +2 -2
  443. package/forms/checkbox/Checkbox.d.ts +1 -1
  444. package/forms/checkbox/Checkbox.js +3 -3
  445. package/forms/checkbox/ExampleControlComponent.d.ts +1 -0
  446. package/forms/checkbox/ExampleControlComponent.js +7 -7
  447. package/forms/email-field/EmailField.d.ts +1 -1
  448. package/forms/email-field/EmailField.js +2 -2
  449. package/forms/error-text/ErrorText.d.ts +1 -2
  450. package/forms/field/Field.d.ts +1 -0
  451. package/forms/field/Field.js +3 -3
  452. package/forms/input/Input.d.ts +1 -1
  453. package/forms/input/Input.js +3 -3
  454. package/forms/input/InputComposition.d.ts +2 -2
  455. package/forms/input/InputComposition.js +3 -3
  456. package/forms/label/Label.d.ts +1 -0
  457. package/forms/label/Label.js +7 -7
  458. package/forms/number-field/NumberField.d.ts +1 -1
  459. package/forms/number-field/NumberField.js +2 -2
  460. package/forms/password-field/PasswordField.d.ts +1 -1
  461. package/forms/password-field/PasswordField.js +5 -5
  462. package/forms/radio/Radio.d.ts +1 -1
  463. package/forms/radio/Radio.js +3 -3
  464. package/forms/reactselect/ReactSelect.d.ts +5 -5
  465. package/forms/reactselect/ReactSelect.js +4 -4
  466. package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
  467. package/forms/select/Select.d.ts +1 -1
  468. package/forms/select/Select.js +3 -3
  469. package/forms/select-field/SelectField.d.ts +1 -1
  470. package/forms/select-field/SelectField.js +4 -4
  471. package/forms/switch/Switch.js +3 -3
  472. package/forms/tel-field/TelField.d.ts +1 -1
  473. package/forms/tel-field/TelField.js +2 -2
  474. package/forms/text-field/TextField.d.ts +1 -1
  475. package/forms/text-field/TextField.js +4 -4
  476. package/global-styles/GlobalStyles.d.ts +3 -3
  477. package/global-styles/ResetStyles.d.ts +2 -2
  478. package/grid/Column.js +3 -3
  479. package/grid/Container.js +4 -4
  480. package/hero/Hero.js +1 -1
  481. package/ie-banner/IEBanner.d.ts +1 -0
  482. package/ie-banner/IEBanner.js +4 -4
  483. package/layout/LayoutLegacy.d.ts +2 -2
  484. package/lists/FeatureList.d.ts +2 -4
  485. package/lists/FeatureList.js +3 -3
  486. package/lists/ListAddon.d.ts +1 -1
  487. package/lists/ListAddon.js +3 -3
  488. package/lists/ListDivider.d.ts +2 -2
  489. package/lists/ListDivider.js +3 -3
  490. package/lists/ListIcon.d.ts +1 -1
  491. package/lists/ListIcon.js +3 -3
  492. package/lists/ListItem.d.ts +1 -1
  493. package/lists/ListItem.js +3 -3
  494. package/lists/ListText.d.ts +1 -1
  495. package/lists/ListText.js +3 -3
  496. package/lists/ListTextGroup.d.ts +1 -1
  497. package/lists/ListTextGroup.js +3 -3
  498. package/lists/ListTitle.d.ts +2 -2
  499. package/lists/ListTitle.js +3 -3
  500. package/loader/DfdsLoader.js +1 -1
  501. package/loader/Loader.d.ts +2 -2
  502. package/loader/Loader.js +1 -1
  503. package/localization/LocaleFlag.d.ts +2 -2
  504. package/localization/LocaleFlag.js +3 -3
  505. package/logo/Logo.d.ts +2 -2
  506. package/logo/Logo.js +3 -3
  507. package/menu/Menu.js +8 -8
  508. package/mobile-stepper/MobileStepper.d.ts +2 -2
  509. package/mobile-stepper/MobileStepper.js +8 -8
  510. package/nav-bar/NavBar.d.ts +4 -2
  511. package/nav-bar/NavBar.js +19 -21
  512. package/package.json +17 -17
  513. package/pagination/Pagination.d.ts +1 -1
  514. package/pagination/Pagination.js +2 -2
  515. package/pagination/Pagination.styles.js +1 -1
  516. package/popper/Popper.d.ts +2 -2
  517. package/popper/Popper.js +3 -3
  518. package/progress-bar/ProgressBar.d.ts +2 -2
  519. package/schedule/ScheduleItem.d.ts +2 -4
  520. package/schedule/ScheduleList.js +3 -3
  521. package/side-sheet/SideSheet.d.ts +1 -1
  522. package/side-sheet/SideSheet.js +8 -8
  523. package/side-sheet/SideSheetCloseButton.d.ts +1 -1
  524. package/side-sheet/SideSheetCloseButton.js +3 -3
  525. package/side-sheet/SideSheetContent.d.ts +2 -2
  526. package/side-sheet/SideSheetContent.js +3 -3
  527. package/side-sheet/SideSheetFooter.d.ts +2 -2
  528. package/side-sheet/SideSheetFooter.js +3 -3
  529. package/side-sheet/SideSheetHeader.d.ts +2 -2
  530. package/side-sheet/SideSheetHeader.js +3 -3
  531. package/side-sheet/SideSheetHeadline.d.ts +2 -2
  532. package/site-layout/SiteLayout.d.ts +6 -2
  533. package/site-layout/SiteLayout.js +8 -8
  534. package/skeleton/Skeleton.d.ts +2 -2
  535. package/skeleton/Skeleton.js +4 -4
  536. package/social-media-link-list/SocialMediaLinkList.d.ts +2 -4
  537. package/social-media-link-list/SocialMediaLinkList.js +3 -3
  538. package/spinner/Spinner.d.ts +2 -2
  539. package/spinner/Spinner.js +4 -4
  540. package/step/Step.d.ts +1 -1
  541. package/step/Step.js +3 -3
  542. package/step/StepButton.js +2 -2
  543. package/step/StepContent.d.ts +2 -2
  544. package/stepper/Stepper.d.ts +1 -1
  545. package/stepper/Stepper.js +4 -4
  546. package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  547. package/surface/Surface.d.ts +1 -1
  548. package/surface/Surface.js +4 -4
  549. package/tab/Tab.js +3 -3
  550. package/tab/Tabs.js +7 -7
  551. package/table/Table.d.ts +1 -1
  552. package/table/Table.js +3 -3
  553. package/table/TableBody.d.ts +1 -1
  554. package/table/TableBody.js +3 -3
  555. package/table/TableDataCell.d.ts +1 -1
  556. package/table/TableDataCell.js +3 -3
  557. package/table/TableHead.d.ts +1 -1
  558. package/table/TableHead.js +4 -4
  559. package/table/TableHeaderCell.d.ts +1 -1
  560. package/table/TableHeaderCell.js +3 -3
  561. package/table/TableRow.d.ts +1 -1
  562. package/table/TableRow.js +4 -4
  563. package/tooltip/Tooltip.d.ts +1 -1
  564. package/tooltip/Tooltip.js +3 -3
  565. package/typography/Headlines.d.ts +25 -24
  566. package/typography/Headlines.js +14 -14
  567. package/typography/Text.d.ts +1 -2
package/card/CardTitle.js CHANGED
@@ -1,8 +1,8 @@
1
1
  import { css as _css } from "@emotion/react";
2
2
  var _excluded = ["children", "color", "largeTitle"];
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
5
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
3
+ 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); }
4
+ 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; }
5
+ 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; }
6
6
  import React from 'react';
7
7
  import { Text } from '@dfds-ui/typography';
8
8
  import { theme, useBreakpoint } from '@dfds-ui/theme';
@@ -25,11 +25,11 @@ var CardTitle = function CardTitle(_ref) {
25
25
  };
26
26
  return ___EmotionJSX(CardContext.Consumer, null, function (context) {
27
27
  return ___EmotionJSX("div", _extends({
28
- css: /*#__PURE__*/css("padding-top:", getPadding(context), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi9zcmMvY2FyZC9DYXJkVGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lLCB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDYXJkQ29udGV4dCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDYXJkVGl0bGVQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFRleHQgY29sb3JcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlIHRoZSB0aXRsZSB3aWxsIGJlIGRpc3BsYXllZCB1c2luZyB0aGUgYHNlY3Rpb25IZWFkbGluZWAgaW5zdGVhZCBvZiBhIGBzbWFsbEhlYWRsaW5lYC5cbiAgICogQnV0IG9ubHkgZm9yIGxhcmdlIHNjcmVlbnMuXG4gICAqL1xuICBsYXJnZVRpdGxlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRUaXRsZTogRnVuY3Rpb25Db21wb25lbnQ8Q2FyZFRpdGxlUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNvbG9yLCBsYXJnZVRpdGxlID0gZmFsc2UsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKGNvbnRleHQ6IGFueSkgPT4ge1xuICAgIGlmIChjb250ZXh0LmNhcmRWYXJpYW50ID09PSAnc3VyZmFjZScgJiYgY29udGV4dC5jYXJkU2l6ZSA9PT0gJ3hsJyAmJiBncmVhdGVyVGhhbignbCcpKSB7XG4gICAgICByZXR1cm4gJzBweCdcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZENvbnRleHQuQ29uc3VtZXI+XG4gICAgICB7KGNvbnRleHQpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy10b3A6ICR7Z2V0UGFkZGluZyhjb250ZXh0KX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e3sgY29sb3I6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgfX1cbiAgICAgICAgICAgIGFzPXsnZGl2J31cbiAgICAgICAgICAgIHN0eWxlZEFzPXtsYXJnZVRpdGxlICYmIGdyZWF0ZXJUaGFuKCdsJykgPyAnc2VjdGlvbkhlYWRsaW5lJyA6ICdzbWFsbEhlYWRsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9DYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkVGl0bGVcbiJdfQ== */")
28
+ css: /*#__PURE__*/css("padding-top:", getPadding(context), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNrQiIsImZpbGUiOiIuLi8uLi9zcmMvY2FyZC9DYXJkVGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lLCB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDYXJkQ29udGV4dCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDYXJkVGl0bGVQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIFRleHQgY29sb3JcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlIHRoZSB0aXRsZSB3aWxsIGJlIGRpc3BsYXllZCB1c2luZyB0aGUgYHNlY3Rpb25IZWFkbGluZWAgaW5zdGVhZCBvZiBhIGBzbWFsbEhlYWRsaW5lYC5cbiAgICogQnV0IG9ubHkgZm9yIGxhcmdlIHNjcmVlbnMuXG4gICAqL1xuICBsYXJnZVRpdGxlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRUaXRsZTogRnVuY3Rpb25Db21wb25lbnQ8Q2FyZFRpdGxlUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNvbG9yLCBsYXJnZVRpdGxlID0gZmFsc2UsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKGNvbnRleHQ6IGFueSkgPT4ge1xuICAgIGlmIChjb250ZXh0LmNhcmRWYXJpYW50ID09PSAnc3VyZmFjZScgJiYgY29udGV4dC5jYXJkU2l6ZSA9PT0gJ3hsJyAmJiBncmVhdGVyVGhhbignbCcpKSB7XG4gICAgICByZXR1cm4gJzBweCdcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZENvbnRleHQuQ29uc3VtZXI+XG4gICAgICB7KGNvbnRleHQpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy10b3A6ICR7Z2V0UGFkZGluZyhjb250ZXh0KX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e3sgY29sb3I6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgfX1cbiAgICAgICAgICAgIGFzPXsnZGl2J31cbiAgICAgICAgICAgIHN0eWxlZEFzPXtsYXJnZVRpdGxlICYmIGdyZWF0ZXJUaGFuKCdsJykgPyAnc2VjdGlvbkhlYWRsaW5lJyA6ICdzbWFsbEhlYWRsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9DYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkVGl0bGVcbiJdfQ== */")
29
29
  }, rest), ___EmotionJSX(Text, {
30
30
  css: /*#__PURE__*/_css({
31
31
  color: color ? color : theme.colors.text.primary.primary
32
- }, process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNENZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUsIHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IENhcmRDb250ZXh0IH0gZnJvbSAnLi9DYXJkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENhcmRUaXRsZVByb3BzID0ge1xuICAvKipcbiAgICogVGV4dCBjb2xvclxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUgdGhlIHRpdGxlIHdpbGwgYmUgZGlzcGxheWVkIHVzaW5nIHRoZSBgc2VjdGlvbkhlYWRsaW5lYCBpbnN0ZWFkIG9mIGEgYHNtYWxsSGVhZGxpbmVgLlxuICAgKiBCdXQgb25seSBmb3IgbGFyZ2Ugc2NyZWVucy5cbiAgICovXG4gIGxhcmdlVGl0bGU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFRpdGxlOiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkVGl0bGVQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29sb3IsIGxhcmdlVGl0bGUgPSBmYWxzZSwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuXG4gIGNvbnN0IGdldFBhZGRpbmcgPSAoY29udGV4dDogYW55KSA9PiB7XG4gICAgaWYgKGNvbnRleHQuY2FyZFZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJiBjb250ZXh0LmNhcmRTaXplID09PSAneGwnICYmIGdyZWF0ZXJUaGFuKCdsJykpIHtcbiAgICAgIHJldHVybiAnMHB4J1xuICAgIH1cbiAgICByZXR1cm4gdGhlbWUuc3BhY2luZy5zXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgICAgIHsoY29udGV4dCkgPT4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogJHtnZXRQYWRkaW5nKGNvbnRleHQpfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17eyBjb2xvcjogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSB9fVxuICAgICAgICAgICAgYXM9eydkaXYnfVxuICAgICAgICAgICAgc3R5bGVkQXM9e2xhcmdlVGl0bGUgJiYgZ3JlYXRlclRoYW4oJ2wnKSA/ICdzZWN0aW9uSGVhZGxpbmUnIDogJ3NtYWxsSGVhZGxpbmUnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NhcmRDb250ZXh0LkNvbnN1bWVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcmRUaXRsZVxuIl19 */"),
32
+ }, process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUsIHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IENhcmRDb250ZXh0IH0gZnJvbSAnLi9DYXJkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENhcmRUaXRsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBjb2xvclxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUgdGhlIHRpdGxlIHdpbGwgYmUgZGlzcGxheWVkIHVzaW5nIHRoZSBgc2VjdGlvbkhlYWRsaW5lYCBpbnN0ZWFkIG9mIGEgYHNtYWxsSGVhZGxpbmVgLlxuICAgKiBCdXQgb25seSBmb3IgbGFyZ2Ugc2NyZWVucy5cbiAgICovXG4gIGxhcmdlVGl0bGU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFRpdGxlOiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkVGl0bGVQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29sb3IsIGxhcmdlVGl0bGUgPSBmYWxzZSwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuXG4gIGNvbnN0IGdldFBhZGRpbmcgPSAoY29udGV4dDogYW55KSA9PiB7XG4gICAgaWYgKGNvbnRleHQuY2FyZFZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJiBjb250ZXh0LmNhcmRTaXplID09PSAneGwnICYmIGdyZWF0ZXJUaGFuKCdsJykpIHtcbiAgICAgIHJldHVybiAnMHB4J1xuICAgIH1cbiAgICByZXR1cm4gdGhlbWUuc3BhY2luZy5zXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgICAgIHsoY29udGV4dCkgPT4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogJHtnZXRQYWRkaW5nKGNvbnRleHQpfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17eyBjb2xvcjogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSB9fVxuICAgICAgICAgICAgYXM9eydkaXYnfVxuICAgICAgICAgICAgc3R5bGVkQXM9e2xhcmdlVGl0bGUgJiYgZ3JlYXRlclRoYW4oJ2wnKSA/ICdzZWN0aW9uSGVhZGxpbmUnIDogJ3NtYWxsSGVhZGxpbmUnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NhcmRDb250ZXh0LkNvbnN1bWVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcmRUaXRsZVxuIl19 */"),
33
33
  as: 'div',
34
34
  styledAs: largeTitle && greaterThan('l') ? 'sectionHeadline' : 'smallHeadline'
35
35
  }, children));
package/chip/Chip.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare type ChipProps = {
13
13
  };
14
14
  export declare const ChipContainer: import("@emotion/styled").StyledComponent<{
15
15
  theme?: import("@emotion/react").Theme | undefined;
16
- as?: React.ElementType<any> | undefined;
16
+ as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
17
17
  }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
18
- declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => JSX.Element;
18
+ declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => React.JSX.Element;
19
19
  export default _default;
package/chip/Chip.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import _styled from "@emotion/styled/base";
2
2
  var _excluded = ["children", "dismissable", "disabled", "selectable", "selected", "onToggle", "onDismiss", "className"];
3
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
3
+ 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); }
4
+ function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
5
5
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
6
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
7
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
6
+ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
7
+ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
8
8
  function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
9
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
10
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
11
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
9
+ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
10
+ 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; }
11
+ 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
12
  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)."; }
13
13
  import React, { useState } from 'react';
14
14
  import { css } from '@emotion/react';
@@ -0,0 +1,101 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { CollapseProps } from '@kunukn/react-collapse';
3
+ export declare type AccordionHeaderProps = {
4
+ /**
5
+ * Add heading to the Accordion.
6
+ */
7
+ heading?: string;
8
+ /**
9
+ * Add secondary heading to the Accordion.
10
+ */
11
+ secondaryHeading?: ReactNode;
12
+ /**
13
+ * Specify the duration of the transition between open and closed.
14
+ */
15
+ transitionDuration?: string;
16
+ /**
17
+ * If set to `true` the Accordion is open.
18
+ */
19
+ isOpen?: boolean;
20
+ /**
21
+ * Disable the Accordion.
22
+ */
23
+ disabled?: boolean;
24
+ /**
25
+ * Use the Accordion without animation.
26
+ */
27
+ noAnimation?: boolean;
28
+ /**
29
+ * Hide the secondary heading when the Accordion is opened.
30
+ */
31
+ noSecondaryHeadingWhenOpen?: boolean;
32
+ /**
33
+ * Callback when toggling the accordion
34
+ */
35
+ onToggle?: () => void;
36
+ };
37
+ export declare const AccordionHeader: React.FunctionComponent<AccordionHeaderProps>;
38
+ export declare type AccordionProps = {
39
+ /**
40
+ * Add heading to the Accordion.
41
+ */
42
+ heading?: string;
43
+ /**
44
+ * Add a custom header to the Accordion.
45
+ */
46
+ header?: ReactNode;
47
+ /**
48
+ * Add secondary heading to the Accordion.
49
+ */
50
+ secondaryHeading?: ReactNode;
51
+ /**
52
+ * Specify the duration of the transition between open and closed.
53
+ */
54
+ transitionDuration?: string;
55
+ /**
56
+ * If set to `true` the Accordion is open.
57
+ */
58
+ isOpen?: boolean;
59
+ /**
60
+ * Disable the Accordion.
61
+ */
62
+ disabled?: boolean;
63
+ /**
64
+ * Callback when toggling the accordion
65
+ */
66
+ onToggle?: () => void;
67
+ /**
68
+ * Props passed on to the Collapse component
69
+ */
70
+ collapseProps?: CollapseProps;
71
+ /**
72
+ * Use the Accordion without animation.
73
+ */
74
+ noAnimation?: boolean;
75
+ /**
76
+ * The compressed variant removes the `margin-bottom` of the Accordion.
77
+ */
78
+ variant?: 'default' | 'compressed';
79
+ /**
80
+ * Specify the content padding of the Accordion.
81
+ */
82
+ type?: 'small' | 'medium';
83
+ /**
84
+ * Add a className to the Accordion.
85
+ */
86
+ className?: string;
87
+ /**
88
+ * Hide the secondary heading when the Accordion is opened.
89
+ */
90
+ noSecondaryHeadingWhenOpen?: boolean;
91
+ /**
92
+ * Hide the Divider (the grey line under the header)
93
+ */
94
+ hideDivider?: boolean;
95
+ /**
96
+ * Updates component with children prop accordingly to the @types update
97
+ */
98
+ children?: ReactNode;
99
+ };
100
+ export declare const Accordion: React.FunctionComponent<AccordionProps>;
101
+ export default Accordion;
@@ -14,11 +14,8 @@ var _theme = require("@dfds-ui/theme");
14
14
  var _divider = require("../divider");
15
15
  var _typography = require("@dfds-ui/typography");
16
16
  var _flexbox = require("../flexbox");
17
- const _excluded = ["children", "isOpen", "header", "disabled", "heading", "secondaryHeading", "transitionDuration", "onToggle", "collapseProps", "noAnimation", "variant", "className", "type", "noSecondaryHeadingWhenOpen", "hideDivider"];
18
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
19
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
17
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
+ function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
22
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)."; }
23
20
  var _ref = process.env.NODE_ENV === "production" ? {
24
21
  name: "82a6rk",
@@ -64,27 +61,26 @@ const AccordionHeader = ({
64
61
  }));
65
62
  };
66
63
  exports.AccordionHeader = AccordionHeader;
67
- const Accordion = _ref2 => {
68
- let children = _ref2.children,
69
- isOpen = _ref2.isOpen,
70
- header = _ref2.header,
71
- disabled = _ref2.disabled,
72
- heading = _ref2.heading,
73
- secondaryHeading = _ref2.secondaryHeading,
74
- _ref2$transitionDurat = _ref2.transitionDuration,
75
- transitionDuration = _ref2$transitionDurat === void 0 ? '260ms' : _ref2$transitionDurat,
76
- onToggle = _ref2.onToggle,
77
- _ref2$collapseProps = _ref2.collapseProps,
78
- collapseProps = _ref2$collapseProps === void 0 ? {
79
- overflowOnExpanded: true
80
- } : _ref2$collapseProps,
81
- noAnimation = _ref2.noAnimation,
82
- variant = _ref2.variant,
83
- className = _ref2.className,
84
- type = _ref2.type,
85
- noSecondaryHeadingWhenOpen = _ref2.noSecondaryHeadingWhenOpen,
86
- hideDivider = _ref2.hideDivider,
87
- rest = _objectWithoutProperties(_ref2, _excluded);
64
+ const Accordion = ({
65
+ children,
66
+ isOpen,
67
+ header,
68
+ disabled,
69
+ heading,
70
+ secondaryHeading,
71
+ transitionDuration = '260ms',
72
+ onToggle,
73
+ collapseProps = {
74
+ overflowOnExpanded: true
75
+ },
76
+ noAnimation,
77
+ variant,
78
+ className,
79
+ type,
80
+ noSecondaryHeadingWhenOpen,
81
+ hideDivider,
82
+ ...rest
83
+ }) => {
88
84
  return (0, _react2.jsx)("div", _extends({
89
85
  className: (0, _classnames.default)('accordion', {
90
86
  'accordion--is-open': isOpen,
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ export declare type AccordionContentProps = {
3
+ children?: React.ReactNode;
4
+ /**
5
+ * The compressed variant removes the `margin-bottom` of the Accordion.
6
+ */
7
+ variant?: 'default' | 'compressed';
8
+ /**
9
+ * Specify the content padding of the Accordion.
10
+ */
11
+ type?: 'small' | 'medium';
12
+ };
13
+ export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
14
+ export default AccordionContent;
@@ -8,19 +8,17 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
10
  var _typography = require("@dfds-ui/typography");
11
- const _excluded = ["variant", "type", "children"];
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
14
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
15
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
16
- const AccordionContent = _ref => {
17
- let variant = _ref.variant,
18
- type = _ref.type,
19
- children = _ref.children,
20
- rest = _objectWithoutProperties(_ref, _excluded);
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
+ const AccordionContent = ({
14
+ variant,
15
+ type,
16
+ children,
17
+ ...rest
18
+ }) => {
21
19
  return (0, _react2.jsx)("div", _extends({
22
20
  className: "accordion__content",
23
- css: /*#__PURE__*/(0, _react2.css)(_typography.typography.body, ";margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uQ29udGVudFByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGNvbXByZXNzZWQgdmFyaWFudCByZW1vdmVzIHRoZSBgbWFyZ2luLWJvdHRvbWAgb2YgdGhlIEFjY29yZGlvbi5cbiAgICovXG4gIHZhcmlhbnQ/OiAnZGVmYXVsdCcgfCAnY29tcHJlc3NlZCdcbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIGNvbnRlbnQgcGFkZGluZyBvZiB0aGUgQWNjb3JkaW9uLlxuICAgKi9cbiAgdHlwZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQ29udGVudDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QWNjb3JkaW9uQ29udGVudFByb3BzPiA9ICh7XG4gIHZhcmlhbnQsXG4gIHR5cGUsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPVwiYWNjb3JkaW9uX19jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYm9keX07XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnID8gdGhlbWUuc3BhY2luZy54cyA6ICcwJ307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFjY29yZGlvbkNvbnRlbnRcbiJdfQ== */")
21
+ css: /*#__PURE__*/(0, _react2.css)(_typography.typography.body, ";margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uQ29udGVudFByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogVGhlIGNvbXByZXNzZWQgdmFyaWFudCByZW1vdmVzIHRoZSBgbWFyZ2luLWJvdHRvbWAgb2YgdGhlIEFjY29yZGlvbi5cbiAgICovXG4gIHZhcmlhbnQ/OiAnZGVmYXVsdCcgfCAnY29tcHJlc3NlZCdcbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIGNvbnRlbnQgcGFkZGluZyBvZiB0aGUgQWNjb3JkaW9uLlxuICAgKi9cbiAgdHlwZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQ29udGVudDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QWNjb3JkaW9uQ29udGVudFByb3BzPiA9ICh7XG4gIHZhcmlhbnQsXG4gIHR5cGUsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPVwiYWNjb3JkaW9uX19jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYm9keX07XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnID8gdGhlbWUuc3BhY2luZy54cyA6ICcwJ307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFjY29yZGlvbkNvbnRlbnRcbiJdfQ== */")
24
22
  }, rest), children);
25
23
  };
26
24
  exports.AccordionContent = AccordionContent;
@@ -0,0 +1,56 @@
1
+ import React from 'react';
2
+ export declare type AccordionSmallHeaderProps = {
3
+ /**
4
+ * Add a heading to the Accordion.
5
+ */
6
+ heading: string;
7
+ /**
8
+ * Add a secondary heading to the Accordion.
9
+ */
10
+ secondaryHeading?: string;
11
+ /**
12
+ * Specify the duration of the transition between open and closed.
13
+ */
14
+ transitionDuration?: string;
15
+ /**
16
+ * If set to `true` the Accordion is open.
17
+ */
18
+ isOpen?: boolean;
19
+ /**
20
+ * Disable the Accordion.
21
+ */
22
+ disabled?: boolean;
23
+ /**
24
+ * Use the Accordion without animation.
25
+ */
26
+ noAnimation?: boolean;
27
+ onToggle?: () => void;
28
+ };
29
+ export declare const AccordionSmallHeader: React.FunctionComponent<AccordionSmallHeaderProps>;
30
+ export declare type AccordionSmallProps = {
31
+ children?: React.ReactNode;
32
+ /**
33
+ * Add a heading to the Accordion.
34
+ */
35
+ heading: string;
36
+ /**
37
+ * Specify the duration of the transition between open and closed.
38
+ */
39
+ transitionDuration?: string;
40
+ /**
41
+ * If set to `true` the Accordion is open.
42
+ */
43
+ isOpen?: boolean;
44
+ /**
45
+ * Disable the Accordion.
46
+ */
47
+ disabled?: boolean;
48
+ /**
49
+ * Use the Accordion without animation.
50
+ */
51
+ noAnimation?: boolean;
52
+ onToggle?: () => void;
53
+ collapseProps?: object;
54
+ };
55
+ export declare const AccordionSmall: React.FunctionComponent<AccordionSmallProps>;
56
+ export default AccordionSmall;