@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508

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 (337) hide show
  1. package/accordion/Accordion.js +70 -51
  2. package/accordion/AccordionContent.js +13 -6
  3. package/accordion/AccordionSmall.js +52 -38
  4. package/app-bar/AppBar.js +49 -35
  5. package/app-bar/AppBarContext.js +7 -6
  6. package/app-bar/AppBarDrawer.js +14 -7
  7. package/app-bar/AppBarIconButton.js +10 -5
  8. package/app-bar/AppBarItem.js +76 -60
  9. package/assertions/banner/Banner.js +71 -57
  10. package/assertions/banner/BannerAction.js +10 -5
  11. package/assertions/banner/BannerTypography.js +9 -4
  12. package/assertions/toast/Toast.js +28 -17
  13. package/assertions/toast/Toaster.d.ts +2 -2
  14. package/assertions/toast/Toaster.js +53 -57
  15. package/badge/Badge.js +17 -9
  16. package/button/BadgeIcon.js +18 -16
  17. package/button/Button.js +27 -19
  18. package/button/IconButton.d.ts +1 -1
  19. package/button/IconButton.js +46 -49
  20. package/button/LinkButton.js +8 -3
  21. package/button-stack/ButtonStack.js +30 -22
  22. package/card/Card.js +49 -35
  23. package/card/CardActions.js +13 -6
  24. package/card/CardContent.js +19 -9
  25. package/card/CardMedia.js +15 -6
  26. package/card/CardPriceTag.js +22 -4
  27. package/card/CardTitle.js +25 -15
  28. package/chip/Chip.js +22 -13
  29. package/cjs/accordion/Accordion.js +63 -50
  30. package/cjs/accordion/AccordionContent.js +7 -6
  31. package/cjs/accordion/AccordionSmall.js +45 -37
  32. package/cjs/app-bar/AppBar.js +45 -35
  33. package/cjs/app-bar/AppBarContext.js +5 -4
  34. package/cjs/app-bar/AppBarDrawer.js +8 -8
  35. package/cjs/app-bar/AppBarIconButton.js +6 -6
  36. package/cjs/app-bar/AppBarItem.js +69 -60
  37. package/cjs/app-bar/AppBarListItem.js +1 -2
  38. package/cjs/assertions/banner/Banner.js +62 -55
  39. package/cjs/assertions/banner/BannerAction.js +5 -4
  40. package/cjs/assertions/banner/BannerTypography.js +9 -7
  41. package/cjs/assertions/toast/Toast.js +22 -17
  42. package/cjs/assertions/toast/Toaster.d.ts +2 -2
  43. package/cjs/assertions/toast/Toaster.js +37 -29
  44. package/cjs/badge/Badge.js +11 -7
  45. package/cjs/button/BadgeIcon.js +19 -17
  46. package/cjs/button/BaseButton.js +2 -4
  47. package/cjs/button/Button.js +21 -19
  48. package/cjs/button/IconButton.d.ts +1 -1
  49. package/cjs/button/IconButton.js +20 -29
  50. package/cjs/button/LinkButton.js +6 -6
  51. package/cjs/button/button-style.js +8 -15
  52. package/cjs/button-stack/ButtonStack.js +22 -20
  53. package/cjs/card/Card.js +39 -29
  54. package/cjs/card/CardActions.js +7 -7
  55. package/cjs/card/CardContent.js +13 -9
  56. package/cjs/card/CardMedia.js +9 -6
  57. package/cjs/card/CardPriceTag.js +16 -4
  58. package/cjs/card/CardTitle.js +16 -12
  59. package/cjs/chip/Chip.js +18 -15
  60. package/cjs/common/LockBodyScroll.d.ts +2 -1
  61. package/cjs/common/LockBodyScroll.js +23 -16
  62. package/cjs/common/emotionCloneElement.js +1 -3
  63. package/cjs/common/polymorphic.js +9 -5
  64. package/cjs/common/use-media.js +1 -1
  65. package/cjs/common/useOnClickOutside.d.ts +1 -1
  66. package/cjs/common/useOnClickOutside.js +2 -2
  67. package/cjs/counter/Counter.d.ts +2 -1
  68. package/cjs/counter/Counter.js +57 -49
  69. package/cjs/counter/PluralCounter.d.ts +3 -2
  70. package/cjs/counter/PluralCounter.js +15 -14
  71. package/cjs/data-table/DataTable.js +47 -39
  72. package/cjs/divider/Divider.js +6 -6
  73. package/cjs/drawer/Drawer.d.ts +2 -1
  74. package/cjs/drawer/Drawer.js +12 -10
  75. package/cjs/dropdown-menu/Dropdown.d.ts +1 -1
  76. package/cjs/dropdown-menu/Dropdown.js +39 -35
  77. package/cjs/dropdown-menu/DropdownContext.js +7 -8
  78. package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
  79. package/cjs/dropdown-menu/MenuItem.js +30 -28
  80. package/cjs/dropdown-menu/MenuTitle.js +15 -12
  81. package/cjs/elevation/index.js +1 -2
  82. package/cjs/flexbox/FlexBox.js +2 -4
  83. package/cjs/footer/Footer.js +10 -6
  84. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  85. package/cjs/forms/asterisk/Asterisk.js +5 -4
  86. package/cjs/forms/checkbox/Checkbox.d.ts +2 -2
  87. package/cjs/forms/checkbox/Checkbox.js +41 -37
  88. package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
  89. package/cjs/forms/email-field/EmailField.d.ts +18 -2
  90. package/cjs/forms/email-field/EmailField.js +12 -8
  91. package/cjs/forms/error-text/ErrorText.js +1 -2
  92. package/cjs/forms/field/Field.js +10 -6
  93. package/cjs/forms/input/Input.d.ts +2 -2
  94. package/cjs/forms/input/Input.js +34 -33
  95. package/cjs/forms/input/InputComposition.d.ts +1 -1
  96. package/cjs/forms/input/InputComposition.js +40 -35
  97. package/cjs/forms/label/Label.js +6 -3
  98. package/cjs/forms/number-field/NumberField.d.ts +18 -2
  99. package/cjs/forms/number-field/NumberField.js +12 -8
  100. package/cjs/forms/password-field/PasswordField.d.ts +2 -2
  101. package/cjs/forms/password-field/PasswordField.js +12 -13
  102. package/cjs/forms/radio/Radio.d.ts +1 -1
  103. package/cjs/forms/radio/Radio.js +25 -23
  104. package/cjs/forms/reactselect/ReactSelect.d.ts +2 -2
  105. package/cjs/forms/reactselect/ReactSelect.js +75 -67
  106. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  107. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
  108. package/cjs/forms/select/Select.d.ts +2 -2
  109. package/cjs/forms/select/Select.js +32 -30
  110. package/cjs/forms/select-field/SelectField.d.ts +12 -4
  111. package/cjs/forms/select-field/SelectField.js +37 -34
  112. package/cjs/forms/switch/Switch.js +28 -22
  113. package/cjs/forms/tel-field/TelField.d.ts +18 -2
  114. package/cjs/forms/tel-field/TelField.js +12 -8
  115. package/cjs/forms/text-field/TextField.d.ts +19 -2
  116. package/cjs/forms/text-field/TextField.js +41 -39
  117. package/cjs/global-styles/GlobalStyles.js +3 -2
  118. package/cjs/global-styles/ResetStyles.js +2 -1
  119. package/cjs/global-styles/sanitize.js +2 -3
  120. package/cjs/grid/Column.js +7 -7
  121. package/cjs/grid/Container.js +34 -29
  122. package/cjs/hero/Hero.js +32 -12
  123. package/cjs/hero/stripes.js +177 -162
  124. package/cjs/ie-banner/IEBanner.js +13 -8
  125. package/cjs/index.d.ts +0 -1
  126. package/cjs/index.js +0 -12
  127. package/cjs/layout/LayoutLegacy.js +2 -1
  128. package/cjs/lists/FeatureList.js +16 -13
  129. package/cjs/lists/ListAddon.js +10 -7
  130. package/cjs/lists/ListDivider.js +6 -6
  131. package/cjs/lists/ListIcon.js +6 -6
  132. package/cjs/lists/ListItem.js +7 -6
  133. package/cjs/lists/ListText.js +6 -6
  134. package/cjs/lists/ListTextGroup.js +6 -6
  135. package/cjs/lists/ListTitle.js +6 -6
  136. package/cjs/loader/DfdsLoader.js +27 -21
  137. package/cjs/loader/Loader.js +9 -3
  138. package/cjs/localization/LocaleFlag.js +5 -4
  139. package/cjs/localization/locales.js +3 -6
  140. package/cjs/logo/Logo.js +12 -9
  141. package/cjs/media/index.js +1 -2
  142. package/cjs/menu/Menu.js +29 -23
  143. package/cjs/mobile-stepper/MobileStepper.js +17 -15
  144. package/cjs/nav-bar/NavBar.js +34 -24
  145. package/cjs/nav-menu/NavMenuItem.js +13 -11
  146. package/cjs/pagination/Pagination.js +50 -38
  147. package/cjs/pagination/Pagination.styles.js +6 -12
  148. package/cjs/popper/Popper.d.ts +1 -1
  149. package/cjs/popper/Popper.js +21 -17
  150. package/cjs/progress-bar/ProgressBar.js +3 -3
  151. package/cjs/schedule/ScheduleItem.js +11 -8
  152. package/cjs/schedule/ScheduleList.js +10 -11
  153. package/cjs/side-sheet/SideSheet.js +48 -40
  154. package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
  155. package/cjs/side-sheet/SideSheetContent.js +10 -7
  156. package/cjs/side-sheet/SideSheetFooter.js +10 -7
  157. package/cjs/side-sheet/SideSheetHeader.js +10 -7
  158. package/cjs/side-sheet/SideSheetHeadline.js +6 -5
  159. package/cjs/site-layout/SiteLayout.js +35 -24
  160. package/cjs/skeleton/Skeleton.js +6 -6
  161. package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
  162. package/cjs/spinner/Spinner.js +13 -13
  163. package/cjs/step/Step.js +29 -20
  164. package/cjs/step/Step.styles.js +4 -8
  165. package/cjs/step/StepButton.js +26 -23
  166. package/cjs/step/StepContent.js +12 -10
  167. package/cjs/step/StepContext.js +1 -2
  168. package/cjs/step/StepLabel.js +9 -7
  169. package/cjs/stepper/Stepper.js +12 -10
  170. package/cjs/stepper/StepperContext.js +1 -2
  171. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
  172. package/cjs/styles/media.js +2 -4
  173. package/cjs/styles/theme.js +2 -4
  174. package/cjs/surface/Surface.d.ts +3 -2
  175. package/cjs/surface/Surface.js +20 -14
  176. package/cjs/tab/Tab.js +7 -6
  177. package/cjs/tab/TabPanel.js +6 -6
  178. package/cjs/tab/Tabs.js +32 -31
  179. package/cjs/tab/TabsContext.js +7 -8
  180. package/cjs/table/Table.d.ts +1 -1
  181. package/cjs/table/Table.js +17 -17
  182. package/cjs/table/TableBody.d.ts +1 -1
  183. package/cjs/table/TableBody.js +11 -12
  184. package/cjs/table/TableDataCell.d.ts +1 -1
  185. package/cjs/table/TableDataCell.js +13 -14
  186. package/cjs/table/TableHead.d.ts +1 -1
  187. package/cjs/table/TableHead.js +12 -15
  188. package/cjs/table/TableHeaderCell.d.ts +1 -1
  189. package/cjs/table/TableHeaderCell.js +14 -15
  190. package/cjs/table/TableRow.d.ts +1 -1
  191. package/cjs/table/TableRow.js +12 -14
  192. package/cjs/test/Test.js +5 -4
  193. package/cjs/tooltip/Tooltip.d.ts +14 -8
  194. package/cjs/tooltip/Tooltip.js +81 -50
  195. package/cjs/typography/Headlines.js +14 -20
  196. package/cjs/typography/Text.js +2 -3
  197. package/common/LockBodyScroll.d.ts +2 -1
  198. package/common/LockBodyScroll.js +28 -16
  199. package/common/emotionCloneElement.js +1 -2
  200. package/common/polymorphic.js +9 -3
  201. package/common/use-media.js +3 -3
  202. package/common/useOnClickOutside.d.ts +1 -1
  203. package/common/useOnClickOutside.js +2 -2
  204. package/counter/Counter.d.ts +2 -1
  205. package/counter/Counter.js +59 -51
  206. package/counter/PluralCounter.d.ts +3 -2
  207. package/counter/PluralCounter.js +24 -17
  208. package/data-table/DataTable.js +54 -40
  209. package/divider/Divider.js +10 -5
  210. package/drawer/Drawer.d.ts +2 -1
  211. package/drawer/Drawer.js +19 -11
  212. package/dropdown-menu/Dropdown.d.ts +1 -1
  213. package/dropdown-menu/Dropdown.js +47 -38
  214. package/dropdown-menu/DropdownContext.js +5 -4
  215. package/dropdown-menu/MenuCheckbox.js +24 -17
  216. package/dropdown-menu/MenuItem.js +26 -18
  217. package/dropdown-menu/MenuTitle.js +14 -11
  218. package/flexbox/FlexBox.js +2 -2
  219. package/footer/Footer.js +9 -4
  220. package/forms/asterisk/Asterisk.js +4 -2
  221. package/forms/checkbox/Checkbox.d.ts +2 -2
  222. package/forms/checkbox/Checkbox.js +50 -41
  223. package/forms/checkbox/ExampleControlComponent.js +15 -8
  224. package/forms/email-field/EmailField.d.ts +18 -2
  225. package/forms/email-field/EmailField.js +16 -6
  226. package/forms/field/Field.js +9 -4
  227. package/forms/input/Input.d.ts +2 -2
  228. package/forms/input/Input.js +42 -36
  229. package/forms/input/InputComposition.d.ts +1 -1
  230. package/forms/input/InputComposition.js +41 -31
  231. package/forms/label/Label.js +12 -4
  232. package/forms/number-field/NumberField.d.ts +18 -2
  233. package/forms/number-field/NumberField.js +17 -7
  234. package/forms/password-field/PasswordField.d.ts +2 -2
  235. package/forms/password-field/PasswordField.js +18 -13
  236. package/forms/radio/Radio.d.ts +1 -1
  237. package/forms/radio/Radio.js +33 -25
  238. package/forms/reactselect/ReactSelect.d.ts +2 -2
  239. package/forms/reactselect/ReactSelect.js +72 -66
  240. package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  241. package/forms/searchable-select/AsyncSearchableSelect.js +50 -38
  242. package/forms/select/Select.d.ts +2 -2
  243. package/forms/select/Select.js +40 -33
  244. package/forms/select-field/SelectField.d.ts +12 -4
  245. package/forms/select-field/SelectField.js +44 -36
  246. package/forms/switch/Switch.js +35 -23
  247. package/forms/tel-field/TelField.d.ts +18 -2
  248. package/forms/tel-field/TelField.js +16 -6
  249. package/forms/text-field/TextField.d.ts +19 -2
  250. package/forms/text-field/TextField.js +49 -41
  251. package/global-styles/GlobalStyles.js +3 -3
  252. package/global-styles/ResetStyles.js +2 -2
  253. package/grid/Column.js +14 -7
  254. package/grid/Container.js +41 -35
  255. package/hero/Hero.js +32 -10
  256. package/hero/stripes.js +176 -160
  257. package/ie-banner/IEBanner.js +14 -8
  258. package/index.d.ts +0 -1
  259. package/index.js +0 -1
  260. package/layout/LayoutLegacy.js +2 -2
  261. package/lists/FeatureList.js +21 -11
  262. package/lists/ListAddon.js +13 -6
  263. package/lists/ListDivider.js +10 -5
  264. package/lists/ListIcon.js +10 -5
  265. package/lists/ListItem.js +13 -6
  266. package/lists/ListText.js +10 -5
  267. package/lists/ListTextGroup.js +10 -5
  268. package/lists/ListTitle.js +10 -5
  269. package/loader/DfdsLoader.js +25 -19
  270. package/loader/Loader.js +8 -2
  271. package/localization/LocaleFlag.js +10 -5
  272. package/logo/Logo.js +14 -7
  273. package/menu/Menu.js +33 -21
  274. package/mobile-stepper/MobileStepper.js +26 -18
  275. package/nav-bar/NavBar.js +41 -23
  276. package/nav-menu/NavMenuItem.js +12 -10
  277. package/package.json +16 -21
  278. package/pagination/Pagination.js +53 -35
  279. package/popper/Popper.d.ts +1 -1
  280. package/popper/Popper.js +27 -17
  281. package/progress-bar/ProgressBar.js +2 -2
  282. package/schedule/ScheduleItem.js +9 -4
  283. package/schedule/ScheduleList.js +16 -10
  284. package/side-sheet/SideSheet.js +54 -41
  285. package/side-sheet/SideSheetCloseButton.js +10 -5
  286. package/side-sheet/SideSheetContent.js +17 -8
  287. package/side-sheet/SideSheetFooter.js +17 -8
  288. package/side-sheet/SideSheetHeader.js +17 -8
  289. package/side-sheet/SideSheetHeadline.js +5 -4
  290. package/site-layout/SiteLayout.js +36 -17
  291. package/skeleton/Skeleton.js +10 -5
  292. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  293. package/spinner/Spinner.js +17 -10
  294. package/step/Step.js +34 -20
  295. package/step/StepButton.js +23 -15
  296. package/step/StepContent.js +11 -9
  297. package/step/StepLabel.js +8 -6
  298. package/stepper/Stepper.js +13 -11
  299. package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
  300. package/surface/Surface.d.ts +3 -2
  301. package/surface/Surface.js +17 -14
  302. package/tab/Tab.js +13 -6
  303. package/tab/TabPanel.js +5 -4
  304. package/tab/Tabs.js +46 -39
  305. package/tab/TabsContext.js +5 -4
  306. package/table/Table.d.ts +1 -1
  307. package/table/Table.js +23 -17
  308. package/table/TableBody.d.ts +1 -1
  309. package/table/TableBody.js +15 -10
  310. package/table/TableDataCell.d.ts +1 -1
  311. package/table/TableDataCell.js +17 -12
  312. package/table/TableHead.d.ts +1 -1
  313. package/table/TableHead.js +13 -12
  314. package/table/TableHeaderCell.d.ts +1 -1
  315. package/table/TableHeaderCell.js +18 -13
  316. package/table/TableRow.d.ts +1 -1
  317. package/table/TableRow.js +14 -14
  318. package/test/Test.js +4 -2
  319. package/tooltip/Tooltip.d.ts +14 -8
  320. package/tooltip/Tooltip.js +93 -57
  321. package/typography/Headlines.js +13 -6
  322. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  323. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
  324. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  325. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  326. package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
  327. package/cjs/date-range-picker/DateRangePicker.js +0 -263
  328. package/cjs/date-range-picker/index.d.ts +0 -1
  329. package/cjs/date-range-picker/index.js +0 -13
  330. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  331. package/date-range-picker/DatePickerDefaultStyles.js +0 -12
  332. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  333. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
  334. package/date-range-picker/DateRangePicker.d.ts +0 -33
  335. package/date-range-picker/DateRangePicker.js +0 -310
  336. package/date-range-picker/index.d.ts +0 -1
  337. package/date-range-picker/index.js +0 -1
@@ -8,8 +8,8 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _button = require("../button");
9
9
  var _theme = require("@dfds-ui/theme");
10
10
  var _react2 = require("@emotion/react");
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
13
13
  function iconButtonStyles({
14
14
  isActive
15
15
  }) {
@@ -23,13 +23,13 @@ const AppBarIconButton = ({
23
23
  showTooltip = true,
24
24
  ...rest
25
25
  }) => {
26
- return (0, _react2.jsx)(_button.IconButton, _extends({
26
+ return (0, _jsxRuntime.jsx)(_button.IconButton, {
27
27
  css: iconButtonStyles({
28
28
  isActive: isActive
29
29
  }),
30
30
  ariaLabel: ariaLabel,
31
- disableTooltip: !showTooltip
32
- }, rest));
31
+ disableTooltip: !showTooltip,
32
+ ...rest
33
+ });
33
34
  };
34
- var _default = AppBarIconButton;
35
- exports.default = _default;
35
+ var _default = exports.default = AppBarIconButton;