@dfds-ui/react-components 1.1.15-alpha.194a9949 → 2.0.0-alpha.6c7d825d

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 (405) hide show
  1. package/accordion/Accordion.js +26 -34
  2. package/accordion/AccordionContent.js +3 -8
  3. package/accordion/AccordionSmall.js +14 -22
  4. package/app-bar/AppBar.js +40 -73
  5. package/app-bar/AppBarContext.js +6 -17
  6. package/app-bar/AppBarDrawer.js +3 -12
  7. package/app-bar/AppBarIconButton.js +4 -12
  8. package/app-bar/AppBarItem.d.ts +1 -1
  9. package/app-bar/AppBarItem.js +17 -43
  10. package/app-bar/AppBarListItem.js +0 -2
  11. package/assertions/banner/Banner.js +47 -86
  12. package/assertions/banner/BannerAction.js +3 -13
  13. package/assertions/banner/BannerTypography.js +0 -6
  14. package/assertions/toast/Toast.js +6 -22
  15. package/assertions/toast/Toaster.d.ts +1 -1
  16. package/assertions/toast/Toaster.js +15 -49
  17. package/badge/Badge.js +9 -17
  18. package/button/BadgeIcon.js +1 -1
  19. package/button/BaseButton.d.ts +1 -1
  20. package/button/BaseButton.js +0 -2
  21. package/button/Button.js +14 -38
  22. package/button/IconButton.d.ts +1 -1
  23. package/button/IconButton.js +23 -49
  24. package/button/LinkButton.js +0 -1
  25. package/button/button-style.d.ts +7 -7
  26. package/button/button-style.js +0 -1
  27. package/button/index.js +2 -1
  28. package/button-stack/ButtonStack.js +9 -21
  29. package/card/Card.js +32 -85
  30. package/card/CardActions.js +1 -9
  31. package/card/CardContent.js +2 -10
  32. package/card/CardMedia.js +4 -14
  33. package/card/CardPriceTag.js +4 -17
  34. package/card/CardTitle.js +5 -15
  35. package/chip/Chip.js +16 -40
  36. package/cjs/accordion/Accordion.js +20 -42
  37. package/cjs/accordion/AccordionContent.js +3 -15
  38. package/cjs/accordion/AccordionSmall.js +10 -31
  39. package/cjs/accordion/index.js +0 -6
  40. package/cjs/app-bar/AppBar.js +40 -82
  41. package/cjs/app-bar/AppBarContext.js +6 -25
  42. package/cjs/app-bar/AppBarDrawer.js +3 -21
  43. package/cjs/app-bar/AppBarIconButton.js +4 -17
  44. package/cjs/app-bar/AppBarItem.d.ts +1 -1
  45. package/cjs/app-bar/AppBarItem.js +17 -57
  46. package/cjs/app-bar/AppBarListItem.js +0 -6
  47. package/cjs/app-bar/index.js +16 -23
  48. package/cjs/assertions/banner/Banner.js +39 -92
  49. package/cjs/assertions/banner/BannerAction.js +3 -21
  50. package/cjs/assertions/banner/BannerTypography.js +0 -12
  51. package/cjs/assertions/banner/index.js +0 -6
  52. package/cjs/assertions/index.js +0 -4
  53. package/cjs/assertions/toast/Toast.js +6 -28
  54. package/cjs/assertions/toast/Toaster.d.ts +1 -1
  55. package/cjs/assertions/toast/Toaster.js +11 -52
  56. package/cjs/assertions/toast/index.js +0 -5
  57. package/cjs/badge/Badge.js +9 -24
  58. package/cjs/badge/index.js +0 -4
  59. package/cjs/button/BadgeIcon.js +0 -6
  60. package/cjs/button/BaseButton.d.ts +1 -1
  61. package/cjs/button/BaseButton.js +2 -9
  62. package/cjs/button/Button.js +14 -39
  63. package/cjs/button/IconButton.d.ts +1 -1
  64. package/cjs/button/IconButton.js +24 -58
  65. package/cjs/button/LinkButton.js +0 -10
  66. package/cjs/button/button-style.d.ts +7 -7
  67. package/cjs/button/button-style.js +1 -5
  68. package/cjs/button/index.js +4 -14
  69. package/cjs/button-stack/ButtonStack.js +7 -23
  70. package/cjs/button-stack/index.js +0 -2
  71. package/cjs/card/Card.js +34 -91
  72. package/cjs/card/CardActions.js +1 -15
  73. package/cjs/card/CardContent.js +2 -15
  74. package/cjs/card/CardMedia.js +4 -17
  75. package/cjs/card/CardPriceTag.js +4 -16
  76. package/cjs/card/CardTitle.js +5 -21
  77. package/cjs/card/index.js +10 -17
  78. package/cjs/chip/Chip.js +15 -47
  79. package/cjs/chip/index.js +0 -4
  80. package/cjs/common/LockBodyScroll.js +3 -21
  81. package/cjs/common/arrow.d.ts +1 -1
  82. package/cjs/common/arrow.js +2 -8
  83. package/cjs/common/emotionCloneElement.js +0 -6
  84. package/cjs/common/intent.js +0 -8
  85. package/cjs/common/miniMoize.js +0 -7
  86. package/cjs/common/polymorphic.js +2 -8
  87. package/cjs/common/use-media.js +16 -23
  88. package/cjs/common/useOnClickOutside.js +1 -10
  89. package/cjs/common/utils.d.ts +3 -3
  90. package/cjs/common/utils.js +1 -6
  91. package/cjs/counter/Counter.js +3 -26
  92. package/cjs/counter/PluralCounter.js +8 -35
  93. package/cjs/counter/index.js +0 -3
  94. package/cjs/data-table/DataTable.js +15 -42
  95. package/cjs/data-table/index.js +0 -2
  96. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
  97. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -3
  98. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
  99. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -3
  100. package/cjs/date-range-picker/DateRangePicker.js +34 -88
  101. package/cjs/date-range-picker/index.js +0 -2
  102. package/cjs/divider/Divider.d.ts +1 -1
  103. package/cjs/divider/Divider.js +6 -19
  104. package/cjs/divider/index.js +0 -2
  105. package/cjs/drawer/Drawer.js +10 -24
  106. package/cjs/drawer/index.js +0 -2
  107. package/cjs/dropdown-menu/Dropdown.js +17 -58
  108. package/cjs/dropdown-menu/DropdownContext.js +0 -11
  109. package/cjs/dropdown-menu/MenuCheckbox.js +1 -15
  110. package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
  111. package/cjs/dropdown-menu/MenuItem.js +33 -67
  112. package/cjs/dropdown-menu/MenuTitle.js +1 -14
  113. package/cjs/dropdown-menu/index.js +6 -14
  114. package/cjs/elevation/index.d.ts +1 -1
  115. package/cjs/elevation/index.js +0 -10
  116. package/cjs/flexbox/FlexBox.d.ts +2 -1
  117. package/cjs/flexbox/FlexBox.js +10 -25
  118. package/cjs/flexbox/index.js +0 -2
  119. package/cjs/footer/Footer.js +0 -8
  120. package/cjs/footer/index.js +0 -2
  121. package/cjs/forms/assistive-text/AssistiveText.js +0 -5
  122. package/cjs/forms/asterisk/Asterisk.js +0 -8
  123. package/cjs/forms/checkbox/Checkbox.d.ts +1 -1
  124. package/cjs/forms/checkbox/Checkbox.js +14 -34
  125. package/cjs/forms/checkbox/ExampleControlComponent.js +5 -23
  126. package/cjs/forms/checkbox/index.js +0 -2
  127. package/cjs/forms/email-field/EmailField.d.ts +1 -1
  128. package/cjs/forms/email-field/EmailField.js +0 -9
  129. package/cjs/forms/error-text/ErrorText.js +0 -8
  130. package/cjs/forms/field/Field.js +0 -9
  131. package/cjs/forms/index.js +32 -51
  132. package/cjs/forms/input/Input.d.ts +1 -1
  133. package/cjs/forms/input/Input.js +13 -35
  134. package/cjs/forms/input/InputComposition.d.ts +1 -1
  135. package/cjs/forms/input/InputComposition.js +23 -48
  136. package/cjs/forms/label/Label.js +3 -17
  137. package/cjs/forms/number-field/NumberField.d.ts +1 -1
  138. package/cjs/forms/number-field/NumberField.js +2 -11
  139. package/cjs/forms/password-field/PasswordField.d.ts +1 -1
  140. package/cjs/forms/password-field/PasswordField.js +3 -25
  141. package/cjs/forms/radio/Radio.d.ts +1 -1
  142. package/cjs/forms/radio/Radio.js +10 -27
  143. package/cjs/forms/reactselect/ReactSelect.d.ts +1 -1
  144. package/cjs/forms/reactselect/ReactSelect.js +34 -65
  145. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  146. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +27 -45
  147. package/cjs/forms/select/Select.d.ts +1 -1
  148. package/cjs/forms/select/Select.js +10 -30
  149. package/cjs/forms/select-field/SelectField.d.ts +1 -1
  150. package/cjs/forms/select-field/SelectField.js +12 -32
  151. package/cjs/forms/switch/Switch.js +15 -33
  152. package/cjs/forms/tel-field/TelField.d.ts +1 -1
  153. package/cjs/forms/tel-field/TelField.js +1 -9
  154. package/cjs/forms/text-field/TextField.d.ts +1 -1
  155. package/cjs/forms/text-field/TextField.js +15 -36
  156. package/cjs/global-styles/GlobalStyles.js +2 -13
  157. package/cjs/global-styles/ResetStyles.js +0 -7
  158. package/cjs/global-styles/sanitize.d.ts +1 -1
  159. package/cjs/global-styles/sanitize.js +0 -3
  160. package/cjs/grid/Column.js +5 -16
  161. package/cjs/grid/Container.js +3 -23
  162. package/cjs/grid/index.js +4 -7
  163. package/cjs/hero/Hero.js +0 -12
  164. package/cjs/hero/index.js +0 -2
  165. package/cjs/hero/stripes.js +0 -6
  166. package/cjs/ie-banner/IEBanner.js +9 -27
  167. package/cjs/ie-banner/index.js +0 -2
  168. package/cjs/index.js +8 -93
  169. package/cjs/layout/LayoutLegacy.js +0 -7
  170. package/cjs/lists/FeatureList.js +5 -18
  171. package/cjs/lists/ListAddon.js +4 -16
  172. package/cjs/lists/ListDivider.js +4 -16
  173. package/cjs/lists/ListIcon.js +9 -23
  174. package/cjs/lists/ListItem.d.ts +1 -1
  175. package/cjs/lists/ListItem.js +20 -36
  176. package/cjs/lists/ListText.js +8 -25
  177. package/cjs/lists/ListTextGroup.js +8 -20
  178. package/cjs/lists/ListTitle.js +2 -15
  179. package/cjs/lists/index.js +16 -25
  180. package/cjs/loader/DfdsLoader.js +0 -13
  181. package/cjs/loader/Loader.js +0 -10
  182. package/cjs/loader/index.js +4 -7
  183. package/cjs/localization/LocaleFlag.js +3 -18
  184. package/cjs/localization/index.js +0 -4
  185. package/cjs/localization/locales.js +2 -6
  186. package/cjs/logo/Logo.js +1 -17
  187. package/cjs/logo/index.js +0 -2
  188. package/cjs/media/index.js +0 -2
  189. package/cjs/menu/Menu.js +13 -34
  190. package/cjs/menu/index.js +0 -4
  191. package/cjs/mobile-stepper/MobileStepper.js +7 -23
  192. package/cjs/mobile-stepper/index.js +0 -2
  193. package/cjs/nav-bar/NavBar.js +24 -57
  194. package/cjs/nav-bar/index.js +0 -4
  195. package/cjs/nav-menu/NavMenuItem.js +0 -10
  196. package/cjs/nav-menu/index.js +0 -2
  197. package/cjs/pagination/Pagination.js +3 -22
  198. package/cjs/pagination/Pagination.styles.d.ts +6 -6
  199. package/cjs/pagination/Pagination.styles.js +1 -5
  200. package/cjs/pagination/index.js +0 -2
  201. package/cjs/popper/Popper.js +17 -35
  202. package/cjs/popper/index.js +0 -2
  203. package/cjs/progress-bar/ProgressBar.js +0 -11
  204. package/cjs/progress-bar/index.js +0 -4
  205. package/cjs/schedule/ScheduleItem.js +0 -8
  206. package/cjs/schedule/ScheduleList.js +1 -13
  207. package/cjs/schedule/index.js +0 -3
  208. package/cjs/side-sheet/SideSheet.js +32 -66
  209. package/cjs/side-sheet/SideSheetCloseButton.js +8 -21
  210. package/cjs/side-sheet/SideSheetContent.js +2 -14
  211. package/cjs/side-sheet/SideSheetFooter.js +2 -14
  212. package/cjs/side-sheet/SideSheetHeader.js +5 -19
  213. package/cjs/side-sheet/SideSheetHeadline.js +0 -7
  214. package/cjs/side-sheet/index.js +4 -11
  215. package/cjs/site-layout/SiteLayout.js +17 -40
  216. package/cjs/site-layout/index.js +0 -4
  217. package/cjs/skeleton/Skeleton.js +1 -15
  218. package/cjs/skeleton/index.js +0 -2
  219. package/cjs/social-media-link-list/SocialMediaLinkList.js +10 -24
  220. package/cjs/social-media-link-list/index.js +0 -2
  221. package/cjs/spinner/Spinner.js +11 -26
  222. package/cjs/spinner/index.js +0 -2
  223. package/cjs/step/Step.js +21 -44
  224. package/cjs/step/Step.styles.d.ts +4 -4
  225. package/cjs/step/Step.styles.js +1 -5
  226. package/cjs/step/StepButton.js +9 -27
  227. package/cjs/step/StepContent.js +1 -12
  228. package/cjs/step/StepContext.js +0 -4
  229. package/cjs/step/StepLabel.js +2 -12
  230. package/cjs/step/index.js +0 -2
  231. package/cjs/stepper/Stepper.js +8 -31
  232. package/cjs/stepper/StepperContext.js +0 -4
  233. package/cjs/stepper/index.js +0 -2
  234. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +0 -8
  235. package/cjs/stepper-feedback-message/index.js +0 -2
  236. package/cjs/styles/index.js +4 -10
  237. package/cjs/styles/media.js +3 -8
  238. package/cjs/styles/rem.js +0 -2
  239. package/cjs/styles/style-helpers.d.ts +1 -1
  240. package/cjs/styles/style-helpers.js +0 -5
  241. package/cjs/styles/theme.js +1 -4
  242. package/cjs/surface/Surface.d.ts +1 -1
  243. package/cjs/surface/Surface.js +10 -39
  244. package/cjs/surface/index.js +0 -2
  245. package/cjs/tab/Tab.js +7 -25
  246. package/cjs/tab/TabPanel.js +1 -10
  247. package/cjs/tab/Tabs.js +22 -60
  248. package/cjs/tab/TabsContext.js +1 -12
  249. package/cjs/tab/index.js +6 -12
  250. package/cjs/table/Table.js +6 -21
  251. package/cjs/table/TableBody.js +1 -11
  252. package/cjs/table/TableDataCell.js +3 -17
  253. package/cjs/table/TableHead.d.ts +1 -1
  254. package/cjs/table/TableHead.js +4 -18
  255. package/cjs/table/TableHeaderCell.d.ts +1 -1
  256. package/cjs/table/TableHeaderCell.js +4 -19
  257. package/cjs/table/TableRow.js +5 -19
  258. package/cjs/table/index.js +0 -12
  259. package/cjs/test/Test.js +0 -5
  260. package/cjs/tooltip/Tooltip.js +8 -29
  261. package/cjs/tooltip/index.js +0 -3
  262. package/cjs/typography/Headlines.d.ts +4 -4
  263. package/cjs/typography/Headlines.js +9 -23
  264. package/cjs/typography/Text.js +0 -4
  265. package/cjs/typography/index.js +0 -4
  266. package/common/LockBodyScroll.js +9 -19
  267. package/common/arrow.d.ts +1 -1
  268. package/common/arrow.js +2 -8
  269. package/common/emotionCloneElement.js +2 -6
  270. package/common/intent.js +0 -6
  271. package/common/miniMoize.js +0 -6
  272. package/common/polymorphic.js +5 -6
  273. package/common/use-media.js +17 -22
  274. package/common/useOnClickOutside.js +0 -7
  275. package/common/utils.d.ts +3 -3
  276. package/common/utils.js +0 -5
  277. package/counter/Counter.js +3 -24
  278. package/counter/PluralCounter.js +8 -27
  279. package/data-table/DataTable.js +15 -37
  280. package/date-range-picker/DatePickerDefaultStyles.d.ts +1 -1
  281. package/date-range-picker/DatePickerDefaultStyles.js +2 -3
  282. package/date-range-picker/DatePickerDfdsStyles.d.ts +1 -1
  283. package/date-range-picker/DateRangePicker.js +37 -78
  284. package/divider/Divider.d.ts +1 -1
  285. package/divider/Divider.js +5 -11
  286. package/drawer/Drawer.js +13 -21
  287. package/dropdown-menu/Dropdown.js +17 -46
  288. package/dropdown-menu/DropdownContext.js +1 -5
  289. package/dropdown-menu/MenuCheckbox.js +10 -16
  290. package/dropdown-menu/MenuItem.d.ts +2 -2
  291. package/dropdown-menu/MenuItem.js +32 -56
  292. package/dropdown-menu/MenuTitle.js +4 -11
  293. package/elevation/index.d.ts +1 -1
  294. package/elevation/index.js +2 -9
  295. package/flexbox/FlexBox.d.ts +2 -1
  296. package/flexbox/FlexBox.js +10 -19
  297. package/footer/Footer.js +2 -7
  298. package/forms/assistive-text/AssistiveText.js +0 -2
  299. package/forms/asterisk/Asterisk.js +0 -3
  300. package/forms/checkbox/Checkbox.d.ts +1 -1
  301. package/forms/checkbox/Checkbox.js +14 -27
  302. package/forms/checkbox/ExampleControlComponent.js +5 -19
  303. package/forms/email-field/EmailField.d.ts +1 -1
  304. package/forms/email-field/EmailField.js +2 -5
  305. package/forms/error-text/ErrorText.js +0 -6
  306. package/forms/field/Field.js +3 -10
  307. package/forms/input/Input.d.ts +1 -1
  308. package/forms/input/Input.js +13 -31
  309. package/forms/input/InputComposition.d.ts +1 -1
  310. package/forms/input/InputComposition.js +24 -43
  311. package/forms/label/Label.js +3 -11
  312. package/forms/number-field/NumberField.d.ts +1 -1
  313. package/forms/number-field/NumberField.js +2 -5
  314. package/forms/password-field/PasswordField.d.ts +1 -1
  315. package/forms/password-field/PasswordField.js +3 -17
  316. package/forms/radio/Radio.d.ts +1 -1
  317. package/forms/radio/Radio.js +9 -19
  318. package/forms/reactselect/ReactSelect.d.ts +1 -1
  319. package/forms/reactselect/ReactSelect.js +33 -51
  320. package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  321. package/forms/searchable-select/AsyncSearchableSelect.js +27 -36
  322. package/forms/select/Select.d.ts +1 -1
  323. package/forms/select/Select.js +10 -24
  324. package/forms/select-field/SelectField.d.ts +1 -1
  325. package/forms/select-field/SelectField.js +12 -21
  326. package/forms/switch/Switch.js +15 -30
  327. package/forms/tel-field/TelField.d.ts +1 -1
  328. package/forms/tel-field/TelField.js +2 -5
  329. package/forms/text-field/TextField.d.ts +1 -1
  330. package/forms/text-field/TextField.js +15 -23
  331. package/global-styles/GlobalStyles.js +11 -12
  332. package/global-styles/ResetStyles.js +1 -4
  333. package/global-styles/sanitize.d.ts +1 -1
  334. package/global-styles/sanitize.js +0 -1
  335. package/grid/Column.js +5 -12
  336. package/grid/Container.js +5 -16
  337. package/hero/Hero.js +0 -16
  338. package/hero/stripes.js +0 -2
  339. package/ie-banner/IEBanner.js +12 -26
  340. package/layout/LayoutLegacy.js +8 -10
  341. package/lists/FeatureList.js +5 -12
  342. package/lists/ListAddon.js +4 -11
  343. package/lists/ListDivider.js +4 -11
  344. package/lists/ListIcon.js +10 -19
  345. package/lists/ListItem.d.ts +1 -1
  346. package/lists/ListItem.js +24 -31
  347. package/lists/ListText.js +10 -23
  348. package/lists/ListTextGroup.js +8 -15
  349. package/lists/ListTitle.js +2 -11
  350. package/loader/DfdsLoader.js +3 -9
  351. package/loader/Loader.js +0 -10
  352. package/localization/LocaleFlag.js +3 -8
  353. package/localization/locales.js +1 -4
  354. package/logo/Logo.js +1 -9
  355. package/menu/Menu.js +13 -26
  356. package/mobile-stepper/MobileStepper.js +7 -24
  357. package/nav-bar/NavBar.js +23 -46
  358. package/nav-menu/NavMenuItem.js +6 -12
  359. package/package.json +17 -17
  360. package/pagination/Pagination.js +14 -26
  361. package/pagination/Pagination.styles.d.ts +6 -6
  362. package/pagination/Pagination.styles.js +0 -3
  363. package/popper/Popper.js +17 -28
  364. package/progress-bar/ProgressBar.js +6 -13
  365. package/schedule/ScheduleItem.js +2 -4
  366. package/schedule/ScheduleList.js +1 -8
  367. package/side-sheet/SideSheet.js +38 -62
  368. package/side-sheet/SideSheetCloseButton.js +8 -13
  369. package/side-sheet/SideSheetContent.js +2 -7
  370. package/side-sheet/SideSheetFooter.js +2 -7
  371. package/side-sheet/SideSheetHeader.js +5 -10
  372. package/side-sheet/SideSheetHeadline.js +1 -1
  373. package/site-layout/SiteLayout.js +16 -31
  374. package/skeleton/Skeleton.js +1 -12
  375. package/social-media-link-list/SocialMediaLinkList.js +10 -15
  376. package/spinner/Spinner.js +9 -22
  377. package/step/Step.js +21 -29
  378. package/step/Step.styles.d.ts +4 -4
  379. package/step/Step.styles.js +2 -2
  380. package/step/StepButton.js +11 -22
  381. package/step/StepContent.js +1 -8
  382. package/step/StepLabel.js +3 -9
  383. package/stepper/Stepper.js +8 -19
  384. package/stepper-feedback-message/StepperFeedbackMessage.js +0 -4
  385. package/styles/media.js +1 -5
  386. package/styles/style-helpers.d.ts +1 -1
  387. package/styles/style-helpers.js +2 -3
  388. package/surface/Surface.d.ts +1 -1
  389. package/surface/Surface.js +7 -21
  390. package/tab/Tab.js +7 -18
  391. package/tab/TabPanel.js +2 -7
  392. package/tab/Tabs.js +24 -52
  393. package/tab/TabsContext.js +1 -3
  394. package/table/Table.js +5 -12
  395. package/table/TableBody.js +1 -6
  396. package/table/TableDataCell.js +3 -10
  397. package/table/TableHead.d.ts +1 -1
  398. package/table/TableHead.js +3 -10
  399. package/table/TableHeaderCell.d.ts +1 -1
  400. package/table/TableHeaderCell.js +3 -10
  401. package/table/TableRow.js +5 -13
  402. package/tooltip/Tooltip.js +19 -29
  403. package/typography/Headlines.d.ts +4 -4
  404. package/typography/Headlines.js +8 -13
  405. package/typography/Text.js +0 -2
@@ -1,5 +1,4 @@
1
1
  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); }
2
-
3
2
  import React from 'react';
4
3
  import { theme } from '@dfds-ui/theme';
5
4
  import { css } from '@emotion/react';
@@ -9,26 +8,22 @@ import useDropdownContext from './DropdownContext';
9
8
  import { getListItemStyle, getListTextStyle } from './MenuItem';
10
9
  import { jsx as ___EmotionJSX } from "@emotion/react";
11
10
  var checkboxStyle = /*#__PURE__*/css("i>svg>path{color:", theme.colors.surface.primary, ";fill:", theme.colors.surface.primary, ";}margin-right:", theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:checkboxStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N5QiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */");
12
-
13
11
  var MenuCheckbox = function MenuCheckbox(_ref) {
14
12
  var _ref$color = _ref.color,
15
- color = _ref$color === void 0 ? theme.colors.text.dark.primary : _ref$color,
16
- children = _ref.children,
17
- disabled = _ref.disabled,
18
- _ref$as = _ref.as,
19
- as = _ref$as === void 0 ? 'span' : _ref$as,
20
- onClick = _ref.onClick,
21
- selected = _ref.selected,
22
- clickable = _ref.clickable,
23
- className = _ref.className;
24
-
13
+ color = _ref$color === void 0 ? theme.colors.text.dark.primary : _ref$color,
14
+ children = _ref.children,
15
+ disabled = _ref.disabled,
16
+ _ref$as = _ref.as,
17
+ as = _ref$as === void 0 ? 'span' : _ref$as,
18
+ onClick = _ref.onClick,
19
+ selected = _ref.selected,
20
+ clickable = _ref.clickable,
21
+ className = _ref.className;
25
22
  var _useDropdownContext = useDropdownContext(),
26
- size = _useDropdownContext.size;
27
-
23
+ size = _useDropdownContext.size;
28
24
  var handleEvent = function handleEvent() {
29
25
  onClick && onClick();
30
26
  };
31
-
32
27
  return ___EmotionJSX(ListItem, _extends({
33
28
  as: as,
34
29
  className: className,
@@ -56,5 +51,4 @@ var MenuCheckbox = function MenuCheckbox(_ref) {
56
51
  css: /*#__PURE__*/css(getListTextStyle(size), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:MenuCheckbox;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9kcm9wZG93bi1tZW51L01lbnVDaGVja2JveC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZnQiIsImZpbGUiOiIuLi8uLi9zcmMvZHJvcGRvd24tbWVudS9NZW51Q2hlY2tib3gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgTGlzdEl0ZW0sIExpc3RUZXh0IH0gZnJvbSAnLi4vbGlzdHMnXG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gJy4uL2Zvcm1zL2NoZWNrYm94J1xuaW1wb3J0IHVzZURyb3Bkb3duQ29udGV4dCBmcm9tICcuL0Ryb3Bkb3duQ29udGV4dCdcbmltcG9ydCB7IGdldExpc3RJdGVtU3R5bGUsIGdldExpc3RUZXh0U3R5bGUgfSBmcm9tICcuL01lbnVJdGVtJ1xuXG5leHBvcnQgaW50ZXJmYWNlIE1lbnVDaGVja2JveFByb3BzIHtcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWQuXG4gICAqL1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlXG4gIC8qKlxuICAgKiBPdmVycmlkZSB0aGUgZGVmYXVsdCBjb2xvciBmb3IgdGhlIHRleHQuXG4gICAqL1xuICBjb2xvcj86IHN0cmluZ1xuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIGRpc2FibGVkLlxuICAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBJbnZva2UgdGhlIHByb3ZpZGVkIGNhbGxiYWNrIHdoZW4gdGhlIGBNZW51Q2hlY2tib3hgIGlzIGNsaWNrZWQuXG4gICAqL1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZFxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBNZW51Q2hlY2tib3hgIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBBZGQgaW50ZXJhY3RpdmUgc3R5bGVzIHRvIHRoZSBgTWVudUNoZWNrYm94YC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byBjb21wb25lbnQuXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbn1cblxuY29uc3QgY2hlY2tib3hTdHlsZSA9IGNzc2BcbiAgaSA+IHN2ZyA+IHBhdGgge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIH1cbiAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuYFxuXG5jb25zdCBNZW51Q2hlY2tib3ggPSAoe1xuICBjb2xvciA9IHRoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeSxcbiAgY2hpbGRyZW4sXG4gIGRpc2FibGVkLFxuICBhcyA9ICdzcGFuJyxcbiAgb25DbGljayxcbiAgc2VsZWN0ZWQsXG4gIGNsaWNrYWJsZSxcbiAgY2xhc3NOYW1lLFxufTogTWVudUNoZWNrYm94UHJvcHMpID0+IHtcbiAgY29uc3QgeyBzaXplIH0gPSB1c2VEcm9wZG93bkNvbnRleHQoKVxuICBjb25zdCBoYW5kbGVFdmVudCA9ICgpOiB2b2lkID0+IHtcbiAgICBvbkNsaWNrICYmIG9uQ2xpY2soKVxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlzdEl0ZW1cbiAgICAgIGFzPXthc31cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHNlbGVjdGVkPXtzZWxlY3RlZH1cbiAgICAgIGNsaWNrYWJsZVxuICAgICAgey4uLighZGlzYWJsZWQgJiYge1xuICAgICAgICBjbGlja2FibGU6IGNsaWNrYWJsZSxcbiAgICAgICAgb25DbGljazogb25DbGljayxcbiAgICAgICAgb25LZXlQcmVzczogKGV2ZW50OiBSZWFjdC5LZXlib2FyZEV2ZW50KSA9PiBldmVudC5rZXkgPT09ICdFbnRlcicgJiYgaGFuZGxlRXZlbnQoKSxcbiAgICAgIH0pfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7Z2V0TGlzdEl0ZW1TdHlsZShzaXplLCBkaXNhYmxlZCl9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxDaGVja2JveFxuICAgICAgICBzaXplPVwic21hbGxcIlxuICAgICAgICB0YWJJbmRleD17LTF9XG4gICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkfVxuICAgICAgICBjc3M9e2NoZWNrYm94U3R5bGV9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNsaWNrfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAvPlxuICAgICAgPExpc3RUZXh0XG4gICAgICAgIHN0eWxlZEFzPVwiYm9keVwiXG4gICAgICAgIGNvbG9yPXtjb2xvcn1cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgJHtnZXRMaXN0VGV4dFN0eWxlKHNpemUpfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xpc3RUZXh0PlxuICAgIDwvTGlzdEl0ZW0+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUNoZWNrYm94XG4iXX0= */")
57
52
  }, children));
58
53
  };
59
-
60
54
  export default MenuCheckbox;
@@ -39,7 +39,7 @@ export interface MenuItemProps {
39
39
  className?: string;
40
40
  children?: React.ReactNode;
41
41
  }
42
- export declare const getListItemStyle: (size?: DropdownSize | undefined, disabled?: boolean | undefined) => import("@emotion/react").SerializedStyles;
43
- export declare const getListTextStyle: (size?: DropdownSize | undefined) => import("@emotion/react").SerializedStyles;
42
+ export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
43
+ export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
44
44
  declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
45
45
  export default MenuItem;