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

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 (650) hide show
  1. package/accordion/Accordion.d.ts +2 -2
  2. package/accordion/Accordion.js +67 -49
  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 +51 -38
  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 +91 -83
  17. package/app-bar/AppBarListItem.d.ts +11 -12
  18. package/assertions/banner/Banner.d.ts +3 -3
  19. package/assertions/banner/Banner.js +71 -59
  20. package/assertions/banner/BannerAction.d.ts +1 -1
  21. package/assertions/banner/BannerAction.js +10 -5
  22. package/assertions/banner/BannerTypography.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 +2 -2
  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 +21 -15
  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 +101 -0
  57. package/cjs/accordion/Accordion.js +82 -74
  58. package/cjs/accordion/AccordionContent.d.ts +14 -0
  59. package/cjs/accordion/AccordionContent.js +14 -15
  60. package/cjs/accordion/AccordionSmall.d.ts +56 -0
  61. package/cjs/accordion/AccordionSmall.js +56 -52
  62. package/cjs/accordion/index.d.ts +3 -0
  63. package/cjs/accordion/index.js +3 -3
  64. package/cjs/app-bar/AppBar.d.ts +13 -0
  65. package/cjs/app-bar/AppBar.js +94 -108
  66. package/cjs/app-bar/AppBarContext.d.ts +12 -0
  67. package/cjs/app-bar/AppBarContext.js +8 -20
  68. package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
  69. package/cjs/app-bar/AppBarDrawer.js +18 -20
  70. package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
  71. package/cjs/app-bar/AppBarIconButton.js +14 -17
  72. package/cjs/app-bar/AppBarItem.d.ts +23 -0
  73. package/cjs/app-bar/AppBarItem.js +81 -94
  74. package/cjs/app-bar/AppBarListItem.d.ts +15 -0
  75. package/cjs/app-bar/AppBarListItem.js +2 -3
  76. package/cjs/app-bar/index.d.ts +7 -0
  77. package/cjs/app-bar/index.js +9 -9
  78. package/cjs/assertions/banner/Banner.d.ts +74 -0
  79. package/cjs/assertions/banner/Banner.js +81 -97
  80. package/cjs/assertions/banner/BannerAction.d.ts +19 -0
  81. package/cjs/assertions/banner/BannerAction.js +13 -14
  82. package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
  83. package/cjs/assertions/banner/BannerTypography.js +12 -12
  84. package/cjs/assertions/banner/index.d.ts +3 -0
  85. package/cjs/assertions/banner/index.js +3 -3
  86. package/cjs/assertions/index.d.ts +2 -0
  87. package/cjs/assertions/index.js +2 -2
  88. package/cjs/assertions/toast/Toast.d.ts +13 -0
  89. package/cjs/assertions/toast/Toast.js +38 -38
  90. package/cjs/assertions/toast/Toaster.d.ts +19 -0
  91. package/cjs/assertions/toast/Toaster.js +57 -70
  92. package/cjs/assertions/toast/index.d.ts +2 -0
  93. package/cjs/assertions/toast/index.js +5 -6
  94. package/cjs/badge/Badge.d.ts +26 -0
  95. package/cjs/badge/Badge.js +22 -24
  96. package/cjs/badge/index.d.ts +2 -0
  97. package/cjs/badge/index.js +3 -4
  98. package/cjs/button/BadgeIcon.d.ts +7 -0
  99. package/cjs/button/BadgeIcon.js +20 -18
  100. package/cjs/button/BaseButton.d.ts +14 -0
  101. package/cjs/button/BaseButton.js +4 -6
  102. package/cjs/button/Button.d.ts +19 -0
  103. package/cjs/button/Button.js +45 -51
  104. package/cjs/button/IconButton.d.ts +75 -0
  105. package/cjs/button/IconButton.js +35 -44
  106. package/cjs/button/LinkButton.d.ts +8 -0
  107. package/cjs/button/LinkButton.js +8 -9
  108. package/cjs/button/button-style.d.ts +7 -0
  109. package/cjs/button/button-style.js +9 -17
  110. package/cjs/button/index.d.ts +7 -0
  111. package/cjs/button/index.js +8 -9
  112. package/cjs/button-stack/ButtonStack.d.ts +12 -0
  113. package/cjs/button-stack/ButtonStack.js +31 -33
  114. package/cjs/button-stack/index.d.ts +1 -0
  115. package/cjs/button-stack/index.js +2 -2
  116. package/cjs/card/Card.d.ts +19 -0
  117. package/cjs/card/Card.js +64 -71
  118. package/cjs/card/CardActions.d.ts +4 -0
  119. package/cjs/card/CardActions.js +11 -15
  120. package/cjs/card/CardContent.d.ts +14 -0
  121. package/cjs/card/CardContent.js +20 -20
  122. package/cjs/card/CardMedia.d.ts +19 -0
  123. package/cjs/card/CardMedia.js +18 -19
  124. package/cjs/card/CardPriceTag.d.ts +25 -0
  125. package/cjs/card/CardPriceTag.js +29 -27
  126. package/cjs/card/CardTitle.d.ts +19 -0
  127. package/cjs/card/CardTitle.js +26 -24
  128. package/cjs/card/index.d.ts +6 -0
  129. package/cjs/card/index.js +7 -7
  130. package/cjs/chip/Chip.d.ts +19 -0
  131. package/cjs/chip/Chip.js +34 -49
  132. package/cjs/chip/index.d.ts +2 -0
  133. package/cjs/chip/index.js +3 -4
  134. package/cjs/common/LockBodyScroll.d.ts +25 -0
  135. package/cjs/common/LockBodyScroll.js +20 -19
  136. package/cjs/common/arrow.d.ts +6 -0
  137. package/cjs/common/arrow.js +2 -4
  138. package/cjs/common/emotionCloneElement.d.ts +2 -0
  139. package/cjs/common/emotionCloneElement.js +6 -10
  140. package/cjs/common/intent.d.ts +3 -0
  141. package/cjs/common/miniMoize.d.ts +1 -0
  142. package/cjs/common/polymorphic.d.ts +25 -0
  143. package/cjs/common/polymorphic.js +13 -9
  144. package/cjs/common/use-media.d.ts +1 -0
  145. package/cjs/common/use-media.js +1 -10
  146. package/cjs/common/useOnClickOutside.d.ts +3 -0
  147. package/cjs/common/utils.d.ts +3 -0
  148. package/cjs/counter/Counter.d.ts +26 -0
  149. package/cjs/counter/Counter.js +59 -68
  150. package/cjs/counter/PluralCounter.d.ts +13 -0
  151. package/cjs/counter/PluralCounter.js +24 -36
  152. package/cjs/counter/index.d.ts +2 -0
  153. package/cjs/counter/index.js +3 -3
  154. package/cjs/data-table/DataTable.d.ts +11 -0
  155. package/cjs/data-table/DataTable.js +56 -60
  156. package/cjs/data-table/index.d.ts +1 -0
  157. package/cjs/data-table/index.js +1 -1
  158. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
  159. package/cjs/date-range-picker/DatePickerDefaultStyles.js +2 -4
  160. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
  161. package/cjs/date-range-picker/DatePickerDfdsStyles.js +1 -2
  162. package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
  163. package/cjs/date-range-picker/DateRangePicker.js +173 -179
  164. package/cjs/date-range-picker/index.d.ts +1 -0
  165. package/cjs/date-range-picker/index.js +2 -2
  166. package/cjs/divider/Divider.d.ts +26 -0
  167. package/cjs/divider/Divider.js +16 -16
  168. package/cjs/divider/index.d.ts +1 -0
  169. package/cjs/divider/index.js +1 -1
  170. package/cjs/drawer/Drawer.d.ts +31 -0
  171. package/cjs/drawer/Drawer.js +20 -24
  172. package/cjs/drawer/index.d.ts +1 -0
  173. package/cjs/drawer/index.js +1 -1
  174. package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
  175. package/cjs/dropdown-menu/Dropdown.js +52 -62
  176. package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
  177. package/cjs/dropdown-menu/DropdownContext.js +8 -10
  178. package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
  179. package/cjs/dropdown-menu/MenuCheckbox.js +28 -26
  180. package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
  181. package/cjs/dropdown-menu/MenuItem.js +54 -69
  182. package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
  183. package/cjs/dropdown-menu/MenuTitle.js +20 -17
  184. package/cjs/dropdown-menu/index.d.ts +5 -0
  185. package/cjs/dropdown-menu/index.js +7 -8
  186. package/cjs/elevation/index.d.ts +3 -0
  187. package/cjs/elevation/index.js +4 -8
  188. package/cjs/flexbox/FlexBox.d.ts +100 -0
  189. package/cjs/flexbox/FlexBox.js +8 -18
  190. package/cjs/flexbox/index.d.ts +1 -0
  191. package/cjs/flexbox/index.js +1 -1
  192. package/cjs/footer/Footer.d.ts +7 -0
  193. package/cjs/footer/Footer.js +14 -10
  194. package/cjs/footer/index.d.ts +1 -0
  195. package/cjs/footer/index.js +2 -2
  196. package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
  197. package/cjs/forms/assistive-text/AssistiveText.js +2 -3
  198. package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
  199. package/cjs/forms/asterisk/Asterisk.js +6 -5
  200. package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
  201. package/cjs/forms/checkbox/Checkbox.js +56 -57
  202. package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
  203. package/cjs/forms/checkbox/ExampleControlComponent.js +14 -25
  204. package/cjs/forms/checkbox/index.d.ts +1 -0
  205. package/cjs/forms/checkbox/index.js +2 -2
  206. package/cjs/forms/email-field/EmailField.d.ts +6 -0
  207. package/cjs/forms/email-field/EmailField.js +8 -8
  208. package/cjs/forms/error-text/ErrorText.d.ts +7 -0
  209. package/cjs/forms/error-text/ErrorText.js +4 -7
  210. package/cjs/forms/field/Field.d.ts +11 -0
  211. package/cjs/forms/field/Field.js +14 -13
  212. package/cjs/forms/index.d.ts +21 -0
  213. package/cjs/forms/index.js +19 -19
  214. package/cjs/forms/input/Input.d.ts +19 -0
  215. package/cjs/forms/input/Input.js +45 -53
  216. package/cjs/forms/input/InputComposition.d.ts +43 -0
  217. package/cjs/forms/input/InputComposition.js +62 -62
  218. package/cjs/forms/label/Label.d.ts +11 -0
  219. package/cjs/forms/label/Label.js +16 -17
  220. package/cjs/forms/number-field/NumberField.d.ts +6 -0
  221. package/cjs/forms/number-field/NumberField.js +8 -9
  222. package/cjs/forms/password-field/PasswordField.d.ts +4 -0
  223. package/cjs/forms/password-field/PasswordField.js +15 -26
  224. package/cjs/forms/radio/Radio.d.ts +35 -0
  225. package/cjs/forms/radio/Radio.js +30 -35
  226. package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
  227. package/cjs/forms/reactselect/ReactSelect.js +104 -105
  228. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
  229. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +74 -69
  230. package/cjs/forms/select/Select.d.ts +16 -0
  231. package/cjs/forms/select/Select.js +44 -48
  232. package/cjs/forms/select-field/SelectField.d.ts +17 -0
  233. package/cjs/forms/select-field/SelectField.js +51 -52
  234. package/cjs/forms/switch/Switch.d.ts +13 -0
  235. package/cjs/forms/switch/Switch.js +53 -54
  236. package/cjs/forms/tel-field/TelField.d.ts +6 -0
  237. package/cjs/forms/tel-field/TelField.js +8 -8
  238. package/cjs/forms/text-field/TextField.d.ts +26 -0
  239. package/cjs/forms/text-field/TextField.js +59 -61
  240. package/cjs/global-styles/GlobalStyles.d.ts +3 -0
  241. package/cjs/global-styles/GlobalStyles.js +4 -3
  242. package/cjs/global-styles/ResetStyles.d.ts +9 -0
  243. package/cjs/global-styles/ResetStyles.js +4 -4
  244. package/cjs/global-styles/sanitize.d.ts +1 -0
  245. package/cjs/global-styles/sanitize.js +3 -5
  246. package/cjs/grid/Column.d.ts +10 -0
  247. package/cjs/grid/Column.js +16 -18
  248. package/cjs/grid/Container.d.ts +15 -0
  249. package/cjs/grid/Container.js +44 -41
  250. package/cjs/grid/index.d.ts +2 -0
  251. package/cjs/grid/index.js +3 -3
  252. package/cjs/hero/Hero.d.ts +10 -0
  253. package/cjs/hero/Hero.js +43 -27
  254. package/cjs/hero/index.d.ts +1 -0
  255. package/cjs/hero/index.js +2 -2
  256. package/cjs/hero/stripes.d.ts +6 -0
  257. package/cjs/hero/stripes.js +178 -163
  258. package/cjs/ie-banner/IEBanner.d.ts +12 -0
  259. package/cjs/ie-banner/IEBanner.js +17 -28
  260. package/cjs/ie-banner/index.d.ts +1 -0
  261. package/cjs/ie-banner/index.js +2 -2
  262. package/cjs/index.d.ts +44 -0
  263. package/cjs/index.js +46 -46
  264. package/cjs/layout/LayoutLegacy.d.ts +2 -0
  265. package/cjs/layout/LayoutLegacy.js +3 -2
  266. package/cjs/lists/FeatureList.d.ts +22 -0
  267. package/cjs/lists/FeatureList.js +24 -24
  268. package/cjs/lists/ListAddon.d.ts +11 -0
  269. package/cjs/lists/ListAddon.js +17 -17
  270. package/cjs/lists/ListDivider.d.ts +5 -0
  271. package/cjs/lists/ListDivider.js +13 -16
  272. package/cjs/lists/ListIcon.d.ts +18 -0
  273. package/cjs/lists/ListIcon.js +19 -22
  274. package/cjs/lists/ListItem.d.ts +46 -0
  275. package/cjs/lists/ListItem.js +23 -31
  276. package/cjs/lists/ListText.d.ts +39 -0
  277. package/cjs/lists/ListText.js +15 -18
  278. package/cjs/lists/ListTextGroup.d.ts +15 -0
  279. package/cjs/lists/ListTextGroup.js +16 -20
  280. package/cjs/lists/ListTitle.d.ts +4 -0
  281. package/cjs/lists/ListTitle.js +12 -16
  282. package/cjs/lists/index.d.ts +8 -0
  283. package/cjs/lists/index.js +9 -9
  284. package/cjs/loader/DfdsLoader.d.ts +9 -0
  285. package/cjs/loader/DfdsLoader.js +30 -25
  286. package/cjs/loader/Loader.d.ts +6 -0
  287. package/cjs/loader/Loader.js +11 -6
  288. package/cjs/loader/index.d.ts +2 -0
  289. package/cjs/loader/index.js +3 -3
  290. package/cjs/localization/LocaleFlag.d.ts +13 -0
  291. package/cjs/localization/LocaleFlag.js +14 -18
  292. package/cjs/localization/index.d.ts +2 -0
  293. package/cjs/localization/index.js +2 -2
  294. package/cjs/localization/locales.d.ts +35 -0
  295. package/cjs/localization/locales.js +3 -6
  296. package/cjs/logo/Logo.d.ts +11 -0
  297. package/cjs/logo/Logo.js +18 -18
  298. package/cjs/logo/index.d.ts +1 -0
  299. package/cjs/logo/index.js +1 -1
  300. package/cjs/media/index.d.ts +2 -0
  301. package/cjs/media/index.js +1 -2
  302. package/cjs/menu/Menu.d.ts +7 -0
  303. package/cjs/menu/Menu.js +46 -41
  304. package/cjs/menu/index.d.ts +2 -0
  305. package/cjs/menu/index.js +3 -4
  306. package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
  307. package/cjs/mobile-stepper/MobileStepper.js +28 -32
  308. package/cjs/mobile-stepper/index.d.ts +1 -0
  309. package/cjs/mobile-stepper/index.js +2 -2
  310. package/cjs/nav-bar/NavBar.d.ts +37 -0
  311. package/cjs/nav-bar/NavBar.js +67 -75
  312. package/cjs/nav-bar/index.d.ts +2 -0
  313. package/cjs/nav-bar/index.js +3 -4
  314. package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
  315. package/cjs/nav-menu/NavMenuItem.js +15 -14
  316. package/cjs/nav-menu/index.d.ts +1 -0
  317. package/cjs/nav-menu/index.js +2 -2
  318. package/cjs/pagination/Pagination.d.ts +44 -0
  319. package/cjs/pagination/Pagination.js +60 -49
  320. package/cjs/pagination/Pagination.styles.d.ts +6 -0
  321. package/cjs/pagination/Pagination.styles.js +7 -14
  322. package/cjs/pagination/index.d.ts +1 -0
  323. package/cjs/pagination/index.js +1 -1
  324. package/cjs/popper/Popper.d.ts +29 -0
  325. package/cjs/popper/Popper.js +42 -43
  326. package/cjs/popper/index.d.ts +1 -0
  327. package/cjs/popper/index.js +2 -2
  328. package/cjs/progress-bar/ProgressBar.d.ts +8 -0
  329. package/cjs/progress-bar/ProgressBar.js +6 -8
  330. package/cjs/progress-bar/index.d.ts +2 -0
  331. package/cjs/progress-bar/index.js +3 -4
  332. package/cjs/schedule/ScheduleItem.d.ts +19 -0
  333. package/cjs/schedule/ScheduleItem.js +12 -9
  334. package/cjs/schedule/ScheduleList.d.ts +11 -0
  335. package/cjs/schedule/ScheduleList.js +15 -18
  336. package/cjs/schedule/index.d.ts +2 -0
  337. package/cjs/schedule/index.js +3 -3
  338. package/cjs/side-sheet/SideSheet.d.ts +57 -0
  339. package/cjs/side-sheet/SideSheet.js +76 -90
  340. package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
  341. package/cjs/side-sheet/SideSheetCloseButton.js +15 -20
  342. package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
  343. package/cjs/side-sheet/SideSheetContent.js +16 -16
  344. package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
  345. package/cjs/side-sheet/SideSheetFooter.js +16 -16
  346. package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
  347. package/cjs/side-sheet/SideSheetHeader.js +19 -20
  348. package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
  349. package/cjs/side-sheet/SideSheetHeadline.js +7 -6
  350. package/cjs/side-sheet/index.d.ts +4 -0
  351. package/cjs/side-sheet/index.js +6 -7
  352. package/cjs/site-layout/SiteLayout.d.ts +40 -0
  353. package/cjs/site-layout/SiteLayout.js +60 -53
  354. package/cjs/site-layout/index.d.ts +2 -0
  355. package/cjs/site-layout/index.js +3 -4
  356. package/cjs/skeleton/Skeleton.d.ts +8 -0
  357. package/cjs/skeleton/Skeleton.js +14 -18
  358. package/cjs/skeleton/index.d.ts +1 -0
  359. package/cjs/skeleton/index.js +1 -1
  360. package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
  361. package/cjs/social-media-link-list/SocialMediaLinkList.js +78 -74
  362. package/cjs/social-media-link-list/index.d.ts +1 -0
  363. package/cjs/social-media-link-list/index.js +1 -1
  364. package/cjs/spinner/Spinner.d.ts +58 -0
  365. package/cjs/spinner/Spinner.js +23 -28
  366. package/cjs/spinner/index.d.ts +1 -0
  367. package/cjs/spinner/index.js +1 -1
  368. package/cjs/step/Step.d.ts +45 -0
  369. package/cjs/step/Step.js +51 -51
  370. package/cjs/step/Step.styles.d.ts +4 -0
  371. package/cjs/step/Step.styles.js +5 -10
  372. package/cjs/step/StepButton.d.ts +4 -0
  373. package/cjs/step/StepButton.js +45 -42
  374. package/cjs/step/StepContent.d.ts +6 -0
  375. package/cjs/step/StepContent.js +18 -17
  376. package/cjs/step/StepContext.d.ts +12 -0
  377. package/cjs/step/StepContext.js +2 -3
  378. package/cjs/step/StepLabel.d.ts +7 -0
  379. package/cjs/step/StepLabel.js +15 -13
  380. package/cjs/step/index.d.ts +1 -0
  381. package/cjs/step/index.js +2 -2
  382. package/cjs/stepper/Stepper.d.ts +25 -0
  383. package/cjs/stepper/Stepper.js +28 -38
  384. package/cjs/stepper/StepperContext.d.ts +9 -0
  385. package/cjs/stepper/StepperContext.js +2 -3
  386. package/cjs/stepper/index.d.ts +1 -0
  387. package/cjs/stepper/index.js +2 -2
  388. package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
  389. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +12 -10
  390. package/cjs/stepper-feedback-message/index.d.ts +1 -0
  391. package/cjs/stepper-feedback-message/index.js +2 -2
  392. package/cjs/styles/index.d.ts +3 -0
  393. package/cjs/styles/index.js +6 -7
  394. package/cjs/styles/media.d.ts +21 -0
  395. package/cjs/styles/media.js +2 -4
  396. package/cjs/styles/rem.d.ts +1 -0
  397. package/cjs/styles/style-helpers.d.ts +1 -0
  398. package/cjs/styles/style-helpers.js +1 -2
  399. package/cjs/styles/theme.d.ts +39 -0
  400. package/cjs/styles/theme.js +2 -4
  401. package/cjs/surface/Surface.d.ts +32 -0
  402. package/cjs/surface/Surface.js +33 -34
  403. package/cjs/surface/index.d.ts +1 -0
  404. package/cjs/surface/index.js +1 -1
  405. package/cjs/tab/Tab.d.ts +12 -0
  406. package/cjs/tab/Tab.js +23 -24
  407. package/cjs/tab/TabPanel.d.ts +7 -0
  408. package/cjs/tab/TabPanel.js +11 -10
  409. package/cjs/tab/Tabs.d.ts +11 -0
  410. package/cjs/tab/Tabs.js +54 -71
  411. package/cjs/tab/TabsContext.d.ts +16 -0
  412. package/cjs/tab/TabsContext.js +8 -10
  413. package/cjs/tab/index.d.ts +4 -0
  414. package/cjs/tab/index.js +5 -5
  415. package/cjs/table/Table.d.ts +22 -0
  416. package/cjs/table/Table.js +21 -26
  417. package/cjs/table/TableBody.d.ts +9 -0
  418. package/cjs/table/TableBody.js +12 -16
  419. package/cjs/table/TableDataCell.d.ts +14 -0
  420. package/cjs/table/TableDataCell.js +14 -19
  421. package/cjs/table/TableHead.d.ts +14 -0
  422. package/cjs/table/TableHead.js +19 -23
  423. package/cjs/table/TableHeaderCell.d.ts +15 -0
  424. package/cjs/table/TableHeaderCell.js +14 -19
  425. package/cjs/table/TableRow.d.ts +17 -0
  426. package/cjs/table/TableRow.js +19 -23
  427. package/cjs/table/index.d.ts +6 -0
  428. package/cjs/table/index.js +6 -6
  429. package/cjs/test/Test.d.ts +8 -0
  430. package/cjs/test/Test.js +6 -5
  431. package/cjs/tooltip/Tooltip.d.ts +26 -0
  432. package/cjs/tooltip/Tooltip.js +42 -39
  433. package/cjs/tooltip/index.d.ts +2 -0
  434. package/cjs/tooltip/index.js +3 -4
  435. package/cjs/typography/Headlines.d.ts +71 -0
  436. package/cjs/typography/Headlines.js +34 -45
  437. package/cjs/typography/Text.d.ts +4 -0
  438. package/cjs/typography/Text.js +4 -6
  439. package/cjs/typography/index.d.ts +2 -0
  440. package/cjs/typography/index.js +2 -2
  441. package/common/LockBodyScroll.d.ts +2 -2
  442. package/common/LockBodyScroll.js +20 -10
  443. package/common/arrow.d.ts +1 -1
  444. package/common/arrow.js +2 -4
  445. package/common/emotionCloneElement.d.ts +0 -1
  446. package/common/emotionCloneElement.js +1 -1
  447. package/common/intent.d.ts +1 -1
  448. package/common/polymorphic.d.ts +5 -5
  449. package/common/polymorphic.js +10 -4
  450. package/common/use-media.js +5 -5
  451. package/common/useOnClickOutside.d.ts +1 -2
  452. package/common/utils.js +1 -1
  453. package/counter/Counter.d.ts +1 -1
  454. package/counter/Counter.js +58 -55
  455. package/counter/PluralCounter.d.ts +1 -1
  456. package/counter/PluralCounter.js +24 -16
  457. package/data-table/DataTable.d.ts +3 -2
  458. package/data-table/DataTable.js +59 -46
  459. package/date-range-picker/DatePickerDefaultStyles.js +1 -2
  460. package/date-range-picker/DateRangePicker.d.ts +1 -1
  461. package/date-range-picker/DateRangePicker.js +158 -138
  462. package/divider/Divider.d.ts +3 -3
  463. package/divider/Divider.js +10 -5
  464. package/drawer/Drawer.d.ts +4 -4
  465. package/drawer/Drawer.js +16 -7
  466. package/dropdown-menu/Dropdown.d.ts +3 -3
  467. package/dropdown-menu/Dropdown.js +45 -35
  468. package/dropdown-menu/DropdownContext.d.ts +4 -4
  469. package/dropdown-menu/DropdownContext.js +5 -4
  470. package/dropdown-menu/MenuCheckbox.d.ts +1 -1
  471. package/dropdown-menu/MenuCheckbox.js +24 -17
  472. package/dropdown-menu/MenuItem.d.ts +1 -1
  473. package/dropdown-menu/MenuItem.js +34 -31
  474. package/dropdown-menu/MenuTitle.d.ts +1 -1
  475. package/dropdown-menu/MenuTitle.js +15 -13
  476. package/elevation/index.d.ts +1 -1
  477. package/elevation/index.js +3 -6
  478. package/flexbox/FlexBox.d.ts +5 -5
  479. package/flexbox/FlexBox.js +8 -8
  480. package/footer/Footer.d.ts +2 -2
  481. package/footer/Footer.js +12 -7
  482. package/forms/assistive-text/AssistiveText.d.ts +3 -4
  483. package/forms/asterisk/Asterisk.d.ts +2 -2
  484. package/forms/asterisk/Asterisk.js +4 -2
  485. package/forms/checkbox/Checkbox.d.ts +5 -5
  486. package/forms/checkbox/Checkbox.js +49 -40
  487. package/forms/checkbox/ExampleControlComponent.d.ts +2 -1
  488. package/forms/checkbox/ExampleControlComponent.js +18 -11
  489. package/forms/email-field/EmailField.d.ts +2 -2
  490. package/forms/email-field/EmailField.js +10 -5
  491. package/forms/error-text/ErrorText.d.ts +3 -4
  492. package/forms/error-text/ErrorText.js +2 -4
  493. package/forms/field/Field.d.ts +2 -1
  494. package/forms/field/Field.js +12 -10
  495. package/forms/index.d.ts +3 -3
  496. package/forms/input/Input.d.ts +3 -3
  497. package/forms/input/Input.js +37 -38
  498. package/forms/input/InputComposition.d.ts +12 -12
  499. package/forms/input/InputComposition.js +40 -29
  500. package/forms/label/Label.d.ts +2 -1
  501. package/forms/label/Label.js +17 -11
  502. package/forms/number-field/NumberField.d.ts +2 -2
  503. package/forms/number-field/NumberField.js +11 -7
  504. package/forms/password-field/PasswordField.d.ts +1 -1
  505. package/forms/password-field/PasswordField.js +20 -15
  506. package/forms/radio/Radio.d.ts +4 -4
  507. package/forms/radio/Radio.js +29 -23
  508. package/forms/reactselect/ReactSelect.d.ts +15 -15
  509. package/forms/reactselect/ReactSelect.js +72 -65
  510. package/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
  511. package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
  512. package/forms/select/Select.d.ts +4 -4
  513. package/forms/select/Select.js +40 -37
  514. package/forms/select-field/SelectField.d.ts +3 -3
  515. package/forms/select-field/SelectField.js +43 -38
  516. package/forms/switch/Switch.d.ts +2 -2
  517. package/forms/switch/Switch.js +52 -43
  518. package/forms/tel-field/TelField.d.ts +2 -2
  519. package/forms/tel-field/TelField.js +10 -5
  520. package/forms/text-field/TextField.d.ts +4 -4
  521. package/forms/text-field/TextField.js +50 -45
  522. package/global-styles/GlobalStyles.d.ts +3 -3
  523. package/global-styles/GlobalStyles.js +3 -3
  524. package/global-styles/ResetStyles.d.ts +2 -2
  525. package/global-styles/ResetStyles.js +3 -4
  526. package/global-styles/sanitize.js +1 -2
  527. package/grid/Column.d.ts +1 -1
  528. package/grid/Column.js +13 -6
  529. package/grid/Container.d.ts +2 -2
  530. package/grid/Container.js +41 -35
  531. package/hero/Hero.d.ts +2 -2
  532. package/hero/Hero.js +43 -25
  533. package/hero/stripes.d.ts +2 -2
  534. package/hero/stripes.js +176 -160
  535. package/ie-banner/IEBanner.d.ts +2 -1
  536. package/ie-banner/IEBanner.js +17 -11
  537. package/layout/LayoutLegacy.d.ts +2 -2
  538. package/layout/LayoutLegacy.js +2 -2
  539. package/lists/FeatureList.d.ts +7 -9
  540. package/lists/FeatureList.js +21 -11
  541. package/lists/ListAddon.d.ts +2 -2
  542. package/lists/ListAddon.js +13 -6
  543. package/lists/ListDivider.d.ts +3 -3
  544. package/lists/ListDivider.js +10 -5
  545. package/lists/ListIcon.d.ts +3 -3
  546. package/lists/ListIcon.js +10 -5
  547. package/lists/ListItem.d.ts +2 -2
  548. package/lists/ListItem.js +13 -6
  549. package/lists/ListText.d.ts +4 -4
  550. package/lists/ListText.js +10 -5
  551. package/lists/ListTextGroup.d.ts +2 -2
  552. package/lists/ListTextGroup.js +10 -5
  553. package/lists/ListTitle.d.ts +2 -2
  554. package/lists/ListTitle.js +11 -7
  555. package/loader/DfdsLoader.d.ts +1 -1
  556. package/loader/DfdsLoader.js +27 -22
  557. package/loader/Loader.d.ts +3 -3
  558. package/loader/Loader.js +10 -5
  559. package/localization/LocaleFlag.d.ts +3 -3
  560. package/localization/LocaleFlag.js +10 -5
  561. package/localization/locales.d.ts +2 -2
  562. package/logo/Logo.d.ts +3 -3
  563. package/logo/Logo.js +14 -7
  564. package/menu/Menu.d.ts +1 -1
  565. package/menu/Menu.js +30 -17
  566. package/mobile-stepper/MobileStepper.d.ts +3 -3
  567. package/mobile-stepper/MobileStepper.js +32 -26
  568. package/nav-bar/NavBar.d.ts +11 -9
  569. package/nav-bar/NavBar.js +56 -41
  570. package/nav-menu/NavMenuItem.d.ts +1 -1
  571. package/nav-menu/NavMenuItem.js +13 -12
  572. package/package.json +19 -21
  573. package/pagination/Pagination.d.ts +3 -3
  574. package/pagination/Pagination.js +56 -40
  575. package/pagination/Pagination.styles.js +2 -3
  576. package/popper/Popper.d.ts +4 -4
  577. package/popper/Popper.js +27 -18
  578. package/progress-bar/ProgressBar.d.ts +3 -3
  579. package/progress-bar/ProgressBar.js +4 -6
  580. package/schedule/ScheduleItem.d.ts +8 -10
  581. package/schedule/ScheduleItem.js +9 -4
  582. package/schedule/ScheduleList.d.ts +3 -3
  583. package/schedule/ScheduleList.js +16 -10
  584. package/side-sheet/SideSheet.d.ts +5 -5
  585. package/side-sheet/SideSheet.js +56 -48
  586. package/side-sheet/SideSheetCloseButton.d.ts +2 -2
  587. package/side-sheet/SideSheetCloseButton.js +10 -5
  588. package/side-sheet/SideSheetContent.d.ts +3 -3
  589. package/side-sheet/SideSheetContent.js +17 -8
  590. package/side-sheet/SideSheetFooter.d.ts +3 -3
  591. package/side-sheet/SideSheetFooter.js +17 -8
  592. package/side-sheet/SideSheetHeader.d.ts +3 -3
  593. package/side-sheet/SideSheetHeader.js +17 -8
  594. package/side-sheet/SideSheetHeadline.d.ts +3 -3
  595. package/side-sheet/SideSheetHeadline.js +5 -4
  596. package/site-layout/SiteLayout.d.ts +15 -11
  597. package/site-layout/SiteLayout.js +36 -18
  598. package/skeleton/Skeleton.d.ts +3 -3
  599. package/skeleton/Skeleton.js +11 -6
  600. package/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
  601. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  602. package/spinner/Spinner.d.ts +9 -9
  603. package/spinner/Spinner.js +19 -13
  604. package/step/Step.d.ts +2 -2
  605. package/step/Step.js +34 -20
  606. package/step/Step.styles.js +1 -2
  607. package/step/StepButton.d.ts +2 -2
  608. package/step/StepButton.js +28 -22
  609. package/step/StepContent.d.ts +3 -3
  610. package/step/StepContent.js +13 -13
  611. package/step/StepContext.d.ts +1 -1
  612. package/step/StepLabel.d.ts +1 -1
  613. package/step/StepLabel.js +9 -8
  614. package/stepper/Stepper.d.ts +2 -2
  615. package/stepper/Stepper.js +16 -16
  616. package/stepper/StepperContext.d.ts +1 -1
  617. package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
  618. package/stepper-feedback-message/StepperFeedbackMessage.js +10 -8
  619. package/styles/media.d.ts +1 -1
  620. package/styles/style-helpers.js +1 -2
  621. package/styles/theme.d.ts +1 -1
  622. package/surface/Surface.d.ts +7 -7
  623. package/surface/Surface.js +18 -15
  624. package/tab/Tab.d.ts +3 -3
  625. package/tab/Tab.js +18 -12
  626. package/tab/TabPanel.d.ts +2 -2
  627. package/tab/TabPanel.js +6 -5
  628. package/tab/Tabs.d.ts +3 -3
  629. package/tab/Tabs.js +49 -43
  630. package/tab/TabsContext.d.ts +3 -3
  631. package/tab/TabsContext.js +5 -4
  632. package/table/Table.d.ts +3 -3
  633. package/table/Table.js +20 -13
  634. package/table/TableBody.d.ts +2 -2
  635. package/table/TableBody.js +13 -7
  636. package/table/TableDataCell.d.ts +2 -2
  637. package/table/TableDataCell.js +14 -8
  638. package/table/TableHead.d.ts +2 -2
  639. package/table/TableHead.js +11 -9
  640. package/table/TableHeaderCell.d.ts +3 -3
  641. package/table/TableHeaderCell.js +14 -8
  642. package/table/TableRow.d.ts +2 -2
  643. package/table/TableRow.js +12 -11
  644. package/test/Test.js +4 -2
  645. package/tooltip/Tooltip.d.ts +4 -4
  646. package/tooltip/Tooltip.js +33 -24
  647. package/typography/Headlines.d.ts +41 -40
  648. package/typography/Headlines.js +24 -19
  649. package/typography/Text.d.ts +2 -3
  650. package/typography/Text.js +1 -2
@@ -7,16 +7,14 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
- const _excluded = ["icon", "size", "color"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- 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; }
15
- const _theme$spacing = _theme.theme.spacing,
16
- xs = _theme$spacing.xs,
17
- s = _theme$spacing.s,
18
- m = _theme$spacing.m,
19
- l = _theme$spacing.l;
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
+ const {
13
+ xs,
14
+ s,
15
+ m,
16
+ l
17
+ } = _theme.theme.spacing;
20
18
  const sizes = {
21
19
  small: xs,
22
20
  medium: s,
@@ -30,19 +28,18 @@ const listIconStyles = ({
30
28
  size,
31
29
  color
32
30
  }) => /*#__PURE__*/(0, _react2.css)("width:auto;height:", getSize(size), ";min-width:", getSize(size), ";object-fit:contain;flex-shrink:0;color:", color, ";flex:0;fill:", color, ";margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbGlzdHMvTGlzdEljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsJ1xuXG5jb25zdCB7IHhzLCBzLCBtLCBsIH0gPSB0aGVtZS5zcGFjaW5nXG5cbmNvbnN0IHNpemVzID0ge1xuICBzbWFsbDogeHMsXG4gIG1lZGl1bTogcyxcbiAgbGFyZ2U6IG0sXG4gIHhsOiBsLFxufVxuXG50eXBlIExpc3RJY29uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIG5lZWRlZCBpY29uLlxuICAgKi9cbiAgaWNvbjogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENob29zZSB0aGUgc2l6ZSBvZiB0aGUgaWNvbi5cbiAgICovXG4gIHNpemU/OiBTaXplXG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIGNvbG9yIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbn1cblxuZnVuY3Rpb24gZ2V0U2l6ZShzaXplOiBTaXplID0gJ21lZGl1bScpIHtcbiAgcmV0dXJuIHNpemVzW3NpemVdXG59XG5cbmNvbnN0IGxpc3RJY29uU3R5bGVzID0gKHsgc2l6ZSwgY29sb3IgfTogUGFydGlhbDxMaXN0SWNvblByb3BzPikgPT4gY3NzYFxuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAke2dldFNpemUoc2l6ZSl9O1xuICBtaW4td2lkdGg6ICR7Z2V0U2l6ZShzaXplKX07XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBjb2xvcjogJHtjb2xvcn07XG4gIGZsZXg6IDA7XG4gIGZpbGw6ICR7Y29sb3J9O1xuICBtYXJnaW46IDA7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICB9XG5gXG5cbmNvbnN0IExpc3RJY29uID0gKHsgaWNvbjogSWNvbiwgc2l6ZSA9ICdsYXJnZScsIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LCAuLi5yZXN0IH06IExpc3RJY29uUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxJY29uIGNzcz17bGlzdEljb25TdHlsZXMoeyBzaXplLCBjb2xvciB9KX0gey4uLnJlc3R9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJY29uXG4iXX0= */");
33
- const ListIcon = _ref => {
34
- let Icon = _ref.icon,
35
- _ref$size = _ref.size,
36
- size = _ref$size === void 0 ? 'large' : _ref$size,
37
- _ref$color = _ref.color,
38
- color = _ref$color === void 0 ? _theme.theme.colors.text.dark.primary : _ref$color,
39
- rest = _objectWithoutProperties(_ref, _excluded);
40
- return (0, _react2.jsx)(Icon, _extends({
31
+ const ListIcon = ({
32
+ icon: Icon,
33
+ size = 'large',
34
+ color = _theme.theme.colors.text.dark.primary,
35
+ ...rest
36
+ }) => {
37
+ return (0, _jsxRuntime.jsx)(Icon, {
41
38
  css: listIconStyles({
42
39
  size,
43
40
  color
44
- })
45
- }, rest));
41
+ }),
42
+ ...rest
43
+ });
46
44
  };
47
- var _default = ListIcon;
48
- exports.default = _default;
45
+ var _default = exports.default = ListIcon;
@@ -0,0 +1,46 @@
1
+ import React from 'react';
2
+ import { FlexBoxProps } from '../flexbox/FlexBox';
3
+ import { PolymorphicComponentProps } from '../common/polymorphic';
4
+ export type ListItemProps = {
5
+ /**
6
+ * Will render the `ListItem` with a greater `min-height` and should be used when displaying multiple lines of text.
7
+ */
8
+ multiline?: boolean;
9
+ /**
10
+ * Indicates that the `ListItem` is selected.
11
+ */
12
+ selected?: boolean;
13
+ /**
14
+ * Render the 'ListItem` without min-height.
15
+ */
16
+ condensed?: boolean;
17
+ /**
18
+ * Indicates that the `ListItem` can be focused.
19
+ */
20
+ tabIndex?: number;
21
+ /**
22
+ * Add interactive styles to the `ListItem`.
23
+ */
24
+ clickable?: boolean;
25
+ /**
26
+ * Add a divider to the `ListItem`. This will apply a border on the the `ListItem` only. If you need the indent/margin variants use
27
+ * the `ListDivider` component instead.
28
+ */
29
+ divider?: boolean;
30
+ /**
31
+ * Invoke the provided callback when the `ListItem` is clicked.
32
+ */
33
+ onClick?: () => void;
34
+ /**
35
+ * Props controlling the flexbox.
36
+ */
37
+ flexBoxProps?: FlexBoxProps;
38
+ /**
39
+ * className to be assigned to component.
40
+ */
41
+ className?: string;
42
+ children?: React.ReactNode;
43
+ } & PolymorphicComponentProps;
44
+ export declare const listItemStyles: ({ multiline, selected, clickable, condensed, flexBoxProps, divider, }: Partial<ListItemProps>) => import("@emotion/utils").SerializedStyles;
45
+ declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => React.JSX.Element;
46
+ export default ListItem;
@@ -10,11 +10,8 @@ var _theme = require("@dfds-ui/theme");
10
10
  var _utils = require("../common/utils");
11
11
  var _FlexBox = require("../flexbox/FlexBox");
12
12
  var _divider = require("../divider");
13
- const _excluded = ["children", "multiline", "condensed", "selected", "tabIndex", "clickable", "divider", "onClick", "as", "flexBoxProps"];
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
- 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); }
16
- 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; }
17
- 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; }
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
15
  const listItemStyles = ({
19
16
  multiline,
20
17
  selected,
@@ -29,29 +26,23 @@ const listItemStyles = ({
29
26
  }), " &:hover svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), " ", selected && /*#__PURE__*/(0, _react2.css)("svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */");
30
27
  };
31
28
  exports.listItemStyles = listItemStyles;
32
- const ListItem = _ref => {
33
- let children = _ref.children,
34
- _ref$multiline = _ref.multiline,
35
- multiline = _ref$multiline === void 0 ? false : _ref$multiline,
36
- _ref$condensed = _ref.condensed,
37
- condensed = _ref$condensed === void 0 ? false : _ref$condensed,
38
- _ref$selected = _ref.selected,
39
- selected = _ref$selected === void 0 ? false : _ref$selected,
40
- tabIndex = _ref.tabIndex,
41
- _ref$clickable = _ref.clickable,
42
- clickable = _ref$clickable === void 0 ? false : _ref$clickable,
43
- _ref$divider = _ref.divider,
44
- divider = _ref$divider === void 0 ? false : _ref$divider,
45
- onClick = _ref.onClick,
46
- _ref$as = _ref.as,
47
- as = _ref$as === void 0 ? 'span' : _ref$as,
48
- _ref$flexBoxProps = _ref.flexBoxProps,
49
- flexBoxProps = _ref$flexBoxProps === void 0 ? {
50
- itemsCenter: true
51
- } : _ref$flexBoxProps,
52
- rest = _objectWithoutProperties(_ref, _excluded);
29
+ const ListItem = ({
30
+ children,
31
+ multiline = false,
32
+ condensed = false,
33
+ selected = false,
34
+ tabIndex,
35
+ clickable = false,
36
+ divider = false,
37
+ onClick,
38
+ as = 'span',
39
+ flexBoxProps = {
40
+ itemsCenter: true
41
+ },
42
+ ...rest
43
+ }) => {
53
44
  const Component = as;
54
- return (0, _react2.jsx)(Component, _extends({
45
+ return (0, _jsxRuntime.jsx)(Component, {
55
46
  onClick: onClick,
56
47
  tabIndex: clickable ? tabIndex || 0 : tabIndex,
57
48
  css: listItemStyles({
@@ -61,8 +52,9 @@ const ListItem = _ref => {
61
52
  condensed,
62
53
  flexBoxProps,
63
54
  divider
64
- })
65
- }, rest), children);
55
+ }),
56
+ ...rest,
57
+ children: children
58
+ });
66
59
  };
67
- var _default = ListItem;
68
- exports.default = _default;
60
+ var _default = exports.default = ListItem;
@@ -0,0 +1,39 @@
1
+ import React from 'react';
2
+ import { theme } from '@dfds-ui/theme';
3
+ import { typography } from '@dfds-ui/typography';
4
+ type FontFamily = keyof typeof theme.fontFamilies;
5
+ type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
6
+ export type ListTextProps = {
7
+ /**
8
+ * Set the style of the text.
9
+ */
10
+ styledAs?: StyledAs;
11
+ /**
12
+ * Override the default color from `styledAs`.
13
+ */
14
+ color?: string;
15
+ children?: React.ReactNode;
16
+ /**
17
+ * *DEPRECATED* use `styledAs` instead or override size with `css` prop or `className`.
18
+ *
19
+ * Choose the font size.
20
+ * @deprecated
21
+ */
22
+ size?: string;
23
+ /**
24
+ * *DEPRECATED* use `styledAs` instead or override fontWeight with `css` prop or `className`.
25
+ *
26
+ * Choose the font weight.
27
+ * @deprecated
28
+ */
29
+ fontWeight?: number;
30
+ /**
31
+ * *DEPRECATED* use `styledAs` instead or override fontFamily with `css` prop or `className`.
32
+ *
33
+ * Choose the font family.
34
+ * @deprecated
35
+ */
36
+ fontFamily?: FontFamily;
37
+ };
38
+ declare const ListText: ({ styledAs, color, fontWeight, size, fontFamily, ...rest }: ListTextProps) => React.JSX.Element;
39
+ export default ListText;
@@ -8,11 +8,8 @@ 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 = ["styledAs", "color", "fontWeight", "size", "fontFamily"];
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; }
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
16
13
  function textStyles(styledAs) {
17
14
  let lineHeight = 'inherit';
18
15
  let color = _theme.theme.colors.text.dark.primary;
@@ -43,23 +40,23 @@ function deprecated({
43
40
  }
44
41
  return /*#__PURE__*/(0, _react2.css)("font-weight:", fontWeight, ";font-size:", size, ";font-family:", fontFamily && (_theme.theme.fontFamilies[fontFamily] || fontFamily), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:deprecated;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */");
45
42
  }
46
- const ListText = _ref => {
47
- let _ref$styledAs = _ref.styledAs,
48
- styledAs = _ref$styledAs === void 0 ? 'body' : _ref$styledAs,
49
- color = _ref.color,
50
- fontWeight = _ref.fontWeight,
51
- size = _ref.size,
52
- fontFamily = _ref.fontFamily,
53
- rest = _objectWithoutProperties(_ref, _excluded);
54
- return (0, _react2.jsx)(_typography.Text, _extends({
43
+ const ListText = ({
44
+ styledAs = 'body',
45
+ color,
46
+ fontWeight,
47
+ size,
48
+ fontFamily,
49
+ ...rest
50
+ }) => {
51
+ return (0, _jsxRuntime.jsx)(_typography.Text, {
55
52
  as: "span",
56
53
  styledAs: styledAs,
57
54
  css: /*#__PURE__*/(0, _react2.css)("flex:1;flex-basis:auto;user-select:none;white-space:normal;user-select:none;margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}& span{margin-left:0;}", textStyles(styledAs), " ", deprecated({
58
55
  fontWeight,
59
56
  size,
60
57
  fontFamily
61
- }), " color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */")
62
- }, rest));
58
+ }), " color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */"),
59
+ ...rest
60
+ });
63
61
  };
64
- var _default = ListText;
65
- exports.default = _default;
62
+ var _default = exports.default = ListText;
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { FlexBoxProps } from '../flexbox/FlexBox';
3
+ export type ListTextGroupProps = {
4
+ /**
5
+ * Props controlling the flexbox.
6
+ */
7
+ flexBoxProps?: FlexBoxProps;
8
+ /**
9
+ * HTML tag or custom component being rendered.
10
+ */
11
+ as?: React.ElementType;
12
+ children?: React.ReactNode;
13
+ };
14
+ declare const ListTextGroup: ({ flexBoxProps, as, ...rest }: ListTextGroupProps) => React.JSX.Element;
15
+ export default ListTextGroup;
@@ -8,25 +8,21 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _FlexBox = require("../flexbox/FlexBox");
10
10
  var _theme = require("@dfds-ui/theme");
11
- const _excluded = ["flexBoxProps", "as"];
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 ListTextGroup = _ref => {
17
- let _ref$flexBoxProps = _ref.flexBoxProps,
18
- flexBoxProps = _ref$flexBoxProps === void 0 ? {
19
- flex: 1,
20
- justifyCenter: true,
21
- directionColumn: true
22
- } : _ref$flexBoxProps,
23
- _ref$as = _ref.as,
24
- as = _ref$as === void 0 ? 'span' : _ref$as,
25
- rest = _objectWithoutProperties(_ref, _excluded);
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
+ const ListTextGroup = ({
14
+ flexBoxProps = {
15
+ flex: 1,
16
+ justifyCenter: true,
17
+ directionColumn: true
18
+ },
19
+ as = 'span',
20
+ ...rest
21
+ }) => {
26
22
  const Component = as;
27
- return (0, _react2.jsx)(Component, _extends({
28
- css: /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListTextGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3RUZXh0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94UHJvcHMsIGZsZXhCb3hTdHlsZXMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMaXN0VGV4dEdyb3VwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveC5cbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0VGV4dEdyb3VwID0gKHtcbiAgZmxleEJveFByb3BzID0geyBmbGV4OiAxLCBqdXN0aWZ5Q2VudGVyOiB0cnVlLCBkaXJlY3Rpb25Db2x1bW46IHRydWUgfSxcbiAgYXMgPSAnc3BhbicsXG4gIC4uLnJlc3Rcbn06IExpc3RUZXh0R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2ZsZXhCb3hTdHlsZXMoZmxleEJveFByb3BzKX1cbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRleHRHcm91cFxuIl19 */")
29
- }, rest));
23
+ return (0, _jsxRuntime.jsx)(Component, {
24
+ css: /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListTextGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3RUZXh0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94UHJvcHMsIGZsZXhCb3hTdHlsZXMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMaXN0VGV4dEdyb3VwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveC5cbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0VGV4dEdyb3VwID0gKHtcbiAgZmxleEJveFByb3BzID0geyBmbGV4OiAxLCBqdXN0aWZ5Q2VudGVyOiB0cnVlLCBkaXJlY3Rpb25Db2x1bW46IHRydWUgfSxcbiAgYXMgPSAnc3BhbicsXG4gIC4uLnJlc3Rcbn06IExpc3RUZXh0R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2ZsZXhCb3hTdHlsZXMoZmxleEJveFByb3BzKX1cbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRleHRHcm91cFxuIl19 */"),
25
+ ...rest
26
+ });
30
27
  };
31
- var _default = ListTextGroup;
32
- exports.default = _default;
28
+ var _default = exports.default = ListTextGroup;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { ListItemProps } from './ListItem';
3
+ declare const ListTitle: ({ as, ...rest }: ListItemProps) => React.JSX.Element;
4
+ export default ListTitle;
@@ -7,29 +7,25 @@ exports.default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _ListItem = _interopRequireDefault(require("./ListItem"));
10
- const _excluded = ["as"];
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
- 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); }
13
- 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; }
14
- 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; }
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
15
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)."; }
16
13
  var _ref = process.env.NODE_ENV === "production" ? {
17
14
  name: "1cm3p4d",
18
15
  styles: "flex-basis:100%;min-height:3.625rem"
19
16
  } : {
20
17
  name: "i2o44s-ListTitle",
21
- styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;",
22
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
18
+ styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
23
19
  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
24
20
  };
25
- const ListTitle = _ref2 => {
26
- let _ref2$as = _ref2.as,
27
- as = _ref2$as === void 0 ? 'div' : _ref2$as,
28
- rest = _objectWithoutProperties(_ref2, _excluded);
29
- return (0, _react2.jsx)(_ListItem.default, _extends({
21
+ const ListTitle = ({
22
+ as = 'div',
23
+ ...rest
24
+ }) => {
25
+ return (0, _jsxRuntime.jsx)(_ListItem.default, {
30
26
  as: as,
31
- css: _ref
32
- }, rest));
27
+ css: _ref,
28
+ ...rest
29
+ });
33
30
  };
34
- var _default = ListTitle;
35
- exports.default = _default;
31
+ var _default = exports.default = ListTitle;
@@ -0,0 +1,8 @@
1
+ export { default as ListItem } from './ListItem';
2
+ export { default as ListTitle } from './ListTitle';
3
+ export { default as ListText } from './ListText';
4
+ export { default as ListTextGroup } from './ListTextGroup';
5
+ export { default as ListIcon } from './ListIcon';
6
+ export { default as ListAddon } from './ListAddon';
7
+ export { default as ListDivider } from './ListDivider';
8
+ export { default as FeatureList } from './FeatureList';
@@ -5,49 +5,49 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  Object.defineProperty(exports, "FeatureList", {
7
7
  enumerable: true,
8
- get: function get() {
8
+ get: function () {
9
9
  return _FeatureList.default;
10
10
  }
11
11
  });
12
12
  Object.defineProperty(exports, "ListAddon", {
13
13
  enumerable: true,
14
- get: function get() {
14
+ get: function () {
15
15
  return _ListAddon.default;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "ListDivider", {
19
19
  enumerable: true,
20
- get: function get() {
20
+ get: function () {
21
21
  return _ListDivider.default;
22
22
  }
23
23
  });
24
24
  Object.defineProperty(exports, "ListIcon", {
25
25
  enumerable: true,
26
- get: function get() {
26
+ get: function () {
27
27
  return _ListIcon.default;
28
28
  }
29
29
  });
30
30
  Object.defineProperty(exports, "ListItem", {
31
31
  enumerable: true,
32
- get: function get() {
32
+ get: function () {
33
33
  return _ListItem.default;
34
34
  }
35
35
  });
36
36
  Object.defineProperty(exports, "ListText", {
37
37
  enumerable: true,
38
- get: function get() {
38
+ get: function () {
39
39
  return _ListText.default;
40
40
  }
41
41
  });
42
42
  Object.defineProperty(exports, "ListTextGroup", {
43
43
  enumerable: true,
44
- get: function get() {
44
+ get: function () {
45
45
  return _ListTextGroup.default;
46
46
  }
47
47
  });
48
48
  Object.defineProperty(exports, "ListTitle", {
49
49
  enumerable: true,
50
- get: function get() {
50
+ get: function () {
51
51
  return _ListTitle.default;
52
52
  }
53
53
  });
@@ -59,4 +59,4 @@ var _ListIcon = _interopRequireDefault(require("./ListIcon"));
59
59
  var _ListAddon = _interopRequireDefault(require("./ListAddon"));
60
60
  var _ListDivider = _interopRequireDefault(require("./ListDivider"));
61
61
  var _FeatureList = _interopRequireDefault(require("./FeatureList"));
62
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
62
+ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ interface Props {
3
+ label?: string;
4
+ showMenu?: boolean;
5
+ iconColor?: string;
6
+ waveColor?: string;
7
+ }
8
+ declare const DfdsLoader: ({ label, iconColor, waveColor, showMenu }: Props) => React.JSX.Element;
9
+ export default DfdsLoader;