@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.b8d61c36
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/Accordion.js +3 -3
- package/accordion/AccordionContent.d.ts +1 -0
- package/accordion/AccordionContent.js +4 -4
- package/accordion/AccordionSmall.d.ts +1 -0
- package/accordion/AccordionSmall.js +7 -7
- package/app-bar/AppBar.js +8 -8
- package/app-bar/AppBarContext.js +4 -4
- package/app-bar/AppBarDrawer.js +3 -3
- package/app-bar/AppBarIconButton.js +3 -3
- package/app-bar/AppBarItem.d.ts +1 -1
- package/app-bar/AppBarItem.js +35 -35
- package/app-bar/AppBarListItem.d.ts +0 -1
- package/assertions/banner/Banner.js +8 -8
- package/assertions/banner/BannerAction.js +3 -3
- package/assertions/banner/BannerTypography.d.ts +2 -0
- package/assertions/banner/BannerTypography.js +3 -3
- package/assertions/toast/Toast.d.ts +1 -0
- package/assertions/toast/Toast.js +9 -9
- package/assertions/toast/Toaster.js +18 -10
- package/badge/Badge.d.ts +1 -1
- package/badge/Badge.js +3 -3
- package/button/BadgeIcon.d.ts +2 -2
- package/button/BaseButton.d.ts +1 -1
- package/button/Button.js +3 -3
- package/button/IconButton.d.ts +1 -1
- package/button/IconButton.js +3 -3
- package/button/LinkButton.d.ts +1 -1
- package/button/LinkButton.js +1 -1
- package/button-stack/ButtonStack.d.ts +1 -0
- package/button-stack/ButtonStack.js +7 -7
- package/card/Card.d.ts +1 -0
- package/card/Card.js +15 -15
- package/card/CardActions.js +3 -3
- package/card/CardContent.d.ts +2 -1
- package/card/CardContent.js +4 -4
- package/card/CardMedia.d.ts +2 -1
- package/card/CardMedia.js +4 -4
- package/card/CardPriceTag.d.ts +2 -2
- package/card/CardPriceTag.js +2 -2
- package/card/CardTitle.d.ts +2 -1
- package/card/CardTitle.js +5 -5
- package/chip/Chip.d.ts +2 -2
- package/chip/Chip.js +7 -7
- package/cjs/accordion/Accordion.d.ts +101 -0
- package/cjs/accordion/Accordion.js +22 -26
- package/cjs/accordion/AccordionContent.d.ts +14 -0
- package/cjs/accordion/AccordionContent.js +9 -11
- package/cjs/accordion/AccordionSmall.d.ts +56 -0
- package/cjs/accordion/AccordionSmall.js +17 -20
- package/cjs/accordion/index.d.ts +3 -0
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +13 -0
- package/cjs/app-bar/AppBar.js +44 -66
- package/cjs/app-bar/AppBarContext.d.ts +12 -0
- package/cjs/app-bar/AppBarContext.js +3 -16
- package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
- package/cjs/app-bar/AppBarDrawer.js +11 -13
- package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
- package/cjs/app-bar/AppBarIconButton.js +8 -11
- package/cjs/app-bar/AppBarItem.d.ts +23 -0
- package/cjs/app-bar/AppBarItem.js +30 -45
- package/cjs/app-bar/AppBarListItem.d.ts +15 -0
- package/cjs/app-bar/AppBarListItem.js +1 -1
- package/cjs/app-bar/index.d.ts +7 -0
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.d.ts +74 -0
- package/cjs/assertions/banner/Banner.js +24 -45
- package/cjs/assertions/banner/BannerAction.d.ts +19 -0
- package/cjs/assertions/banner/BannerAction.js +9 -11
- package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
- package/cjs/assertions/banner/BannerTypography.js +4 -4
- package/cjs/assertions/banner/index.d.ts +3 -0
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.d.ts +2 -0
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +13 -0
- package/cjs/assertions/toast/Toast.js +17 -21
- package/cjs/assertions/toast/Toaster.d.ts +19 -0
- package/cjs/assertions/toast/Toaster.js +22 -42
- package/cjs/assertions/toast/index.d.ts +2 -0
- package/cjs/assertions/toast/index.js +5 -6
- package/cjs/badge/Badge.d.ts +26 -0
- package/cjs/badge/Badge.js +11 -16
- package/cjs/badge/index.d.ts +2 -0
- package/cjs/badge/index.js +3 -4
- package/cjs/button/BadgeIcon.d.ts +7 -0
- package/cjs/button/BadgeIcon.js +1 -1
- package/cjs/button/BaseButton.d.ts +14 -0
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.d.ts +19 -0
- package/cjs/button/Button.js +15 -22
- package/cjs/button/IconButton.d.ts +75 -0
- package/cjs/button/IconButton.js +20 -29
- package/cjs/button/LinkButton.d.ts +8 -0
- package/cjs/button/LinkButton.js +3 -4
- package/cjs/button/button-style.d.ts +7 -0
- package/cjs/button/index.d.ts +7 -0
- package/cjs/button/index.js +8 -9
- package/cjs/button-stack/ButtonStack.d.ts +12 -0
- package/cjs/button-stack/ButtonStack.js +13 -17
- package/cjs/button-stack/index.d.ts +1 -0
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.d.ts +19 -0
- package/cjs/card/Card.js +27 -44
- package/cjs/card/CardActions.d.ts +4 -0
- package/cjs/card/CardActions.js +8 -12
- package/cjs/card/CardContent.d.ts +14 -0
- package/cjs/card/CardContent.js +13 -17
- package/cjs/card/CardMedia.d.ts +19 -0
- package/cjs/card/CardMedia.js +9 -12
- package/cjs/card/CardPriceTag.d.ts +25 -0
- package/cjs/card/CardPriceTag.js +8 -12
- package/cjs/card/CardTitle.d.ts +19 -0
- package/cjs/card/CardTitle.js +13 -15
- package/cjs/card/index.d.ts +6 -0
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.d.ts +19 -0
- package/cjs/chip/Chip.js +15 -31
- package/cjs/chip/index.d.ts +2 -0
- package/cjs/chip/index.js +3 -4
- package/cjs/common/LockBodyScroll.d.ts +25 -0
- package/cjs/common/LockBodyScroll.js +7 -10
- package/cjs/common/arrow.d.ts +6 -0
- package/cjs/common/emotionCloneElement.d.ts +2 -0
- package/cjs/common/emotionCloneElement.js +5 -8
- package/cjs/common/intent.d.ts +3 -0
- package/cjs/common/miniMoize.d.ts +1 -0
- package/cjs/common/polymorphic.d.ts +25 -0
- package/cjs/common/polymorphic.js +5 -5
- package/cjs/common/use-media.d.ts +1 -0
- package/cjs/common/use-media.js +1 -10
- package/cjs/common/useOnClickOutside.d.ts +3 -0
- package/cjs/common/utils.d.ts +3 -0
- package/cjs/counter/Counter.d.ts +26 -0
- package/cjs/counter/Counter.js +5 -16
- package/cjs/counter/PluralCounter.d.ts +13 -0
- package/cjs/counter/PluralCounter.js +12 -25
- package/cjs/counter/index.d.ts +2 -0
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.d.ts +11 -0
- package/cjs/data-table/DataTable.js +17 -29
- package/cjs/data-table/index.d.ts +1 -0
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
- package/cjs/date-range-picker/DateRangePicker.js +29 -57
- package/cjs/date-range-picker/index.d.ts +1 -0
- package/cjs/date-range-picker/index.js +2 -2
- package/cjs/divider/Divider.d.ts +26 -0
- package/cjs/divider/Divider.js +11 -11
- package/cjs/divider/index.d.ts +1 -0
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +31 -0
- package/cjs/drawer/Drawer.js +11 -17
- package/cjs/drawer/index.d.ts +1 -0
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
- package/cjs/dropdown-menu/Dropdown.js +20 -34
- package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
- package/cjs/dropdown-menu/DropdownContext.js +1 -2
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
- package/cjs/dropdown-menu/MenuCheckbox.js +5 -4
- package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
- package/cjs/dropdown-menu/MenuItem.js +20 -32
- package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
- package/cjs/dropdown-menu/MenuTitle.js +4 -3
- package/cjs/dropdown-menu/index.d.ts +5 -0
- package/cjs/dropdown-menu/index.js +7 -8
- package/cjs/elevation/index.d.ts +3 -0
- package/cjs/flexbox/FlexBox.d.ts +100 -0
- package/cjs/flexbox/FlexBox.js +6 -14
- package/cjs/flexbox/index.d.ts +1 -0
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +7 -0
- package/cjs/footer/Footer.js +1 -1
- package/cjs/footer/index.d.ts +1 -0
- package/cjs/footer/index.js +2 -2
- package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
- package/cjs/forms/assistive-text/AssistiveText.js +1 -1
- package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
- package/cjs/forms/asterisk/Asterisk.js +1 -1
- package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
- package/cjs/forms/checkbox/Checkbox.js +16 -21
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
- package/cjs/forms/checkbox/ExampleControlComponent.js +8 -19
- package/cjs/forms/checkbox/index.d.ts +1 -0
- package/cjs/forms/checkbox/index.js +2 -2
- package/cjs/forms/email-field/EmailField.d.ts +6 -0
- package/cjs/forms/email-field/EmailField.js +3 -3
- package/cjs/forms/error-text/ErrorText.d.ts +7 -0
- package/cjs/forms/error-text/ErrorText.js +1 -1
- package/cjs/forms/field/Field.d.ts +11 -0
- package/cjs/forms/field/Field.js +4 -4
- package/cjs/forms/index.d.ts +21 -0
- package/cjs/forms/index.js +19 -19
- package/cjs/forms/input/Input.d.ts +19 -0
- package/cjs/forms/input/Input.js +15 -17
- package/cjs/forms/input/InputComposition.d.ts +43 -0
- package/cjs/forms/input/InputComposition.js +25 -30
- package/cjs/forms/label/Label.d.ts +11 -0
- package/cjs/forms/label/Label.js +10 -12
- package/cjs/forms/number-field/NumberField.d.ts +6 -0
- package/cjs/forms/number-field/NumberField.js +3 -3
- package/cjs/forms/password-field/PasswordField.d.ts +4 -0
- package/cjs/forms/password-field/PasswordField.js +4 -14
- package/cjs/forms/radio/Radio.d.ts +35 -0
- package/cjs/forms/radio/Radio.js +29 -34
- package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
- package/cjs/forms/reactselect/ReactSelect.js +42 -51
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +30 -34
- package/cjs/forms/select/Select.d.ts +16 -0
- package/cjs/forms/select/Select.js +12 -14
- package/cjs/forms/select-field/SelectField.d.ts +17 -0
- package/cjs/forms/select-field/SelectField.js +16 -17
- package/cjs/forms/switch/Switch.d.ts +13 -0
- package/cjs/forms/switch/Switch.js +13 -17
- package/cjs/forms/tel-field/TelField.d.ts +6 -0
- package/cjs/forms/tel-field/TelField.js +3 -3
- package/cjs/forms/text-field/TextField.d.ts +26 -0
- package/cjs/forms/text-field/TextField.js +19 -20
- package/cjs/global-styles/GlobalStyles.d.ts +3 -0
- package/cjs/global-styles/GlobalStyles.js +1 -1
- package/cjs/global-styles/ResetStyles.d.ts +9 -0
- package/cjs/global-styles/ResetStyles.js +1 -1
- package/cjs/global-styles/sanitize.d.ts +1 -0
- package/cjs/grid/Column.d.ts +10 -0
- package/cjs/grid/Column.js +10 -12
- package/cjs/grid/Container.d.ts +15 -0
- package/cjs/grid/Container.js +11 -13
- package/cjs/grid/index.d.ts +2 -0
- package/cjs/grid/index.js +3 -3
- package/cjs/hero/Hero.d.ts +10 -0
- package/cjs/hero/Hero.js +1 -1
- package/cjs/hero/index.d.ts +1 -0
- package/cjs/hero/index.js +2 -2
- package/cjs/hero/stripes.d.ts +6 -0
- package/cjs/hero/stripes.js +1 -1
- package/cjs/ie-banner/IEBanner.d.ts +12 -0
- package/cjs/ie-banner/IEBanner.js +4 -20
- package/cjs/ie-banner/index.d.ts +1 -0
- package/cjs/ie-banner/index.js +2 -2
- package/cjs/index.d.ts +44 -0
- package/cjs/index.js +46 -46
- package/cjs/layout/LayoutLegacy.d.ts +2 -0
- package/cjs/layout/LayoutLegacy.js +1 -1
- package/cjs/lists/FeatureList.d.ts +22 -0
- package/cjs/lists/FeatureList.js +9 -12
- package/cjs/lists/ListAddon.d.ts +11 -0
- package/cjs/lists/ListAddon.js +8 -11
- package/cjs/lists/ListDivider.d.ts +5 -0
- package/cjs/lists/ListDivider.js +8 -11
- package/cjs/lists/ListIcon.d.ts +18 -0
- package/cjs/lists/ListIcon.js +14 -17
- package/cjs/lists/ListItem.d.ts +46 -0
- package/cjs/lists/ListItem.js +17 -26
- package/cjs/lists/ListText.d.ts +39 -0
- package/cjs/lists/ListText.js +10 -13
- package/cjs/lists/ListTextGroup.d.ts +15 -0
- package/cjs/lists/ListTextGroup.js +11 -15
- package/cjs/lists/ListTitle.d.ts +4 -0
- package/cjs/lists/ListTitle.js +6 -9
- package/cjs/lists/index.d.ts +8 -0
- package/cjs/lists/index.js +9 -9
- package/cjs/loader/DfdsLoader.d.ts +9 -0
- package/cjs/loader/DfdsLoader.js +3 -3
- package/cjs/loader/Loader.d.ts +6 -0
- package/cjs/loader/Loader.js +1 -1
- package/cjs/loader/index.d.ts +2 -0
- package/cjs/loader/index.js +3 -3
- package/cjs/localization/LocaleFlag.d.ts +13 -0
- package/cjs/localization/LocaleFlag.js +10 -15
- package/cjs/localization/index.d.ts +2 -0
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +35 -0
- package/cjs/logo/Logo.d.ts +11 -0
- package/cjs/logo/Logo.js +7 -10
- package/cjs/logo/index.d.ts +1 -0
- package/cjs/logo/index.js +1 -1
- package/cjs/media/index.d.ts +2 -0
- package/cjs/menu/Menu.d.ts +7 -0
- package/cjs/menu/Menu.js +25 -27
- package/cjs/menu/index.d.ts +2 -0
- package/cjs/menu/index.js +3 -4
- package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
- package/cjs/mobile-stepper/MobileStepper.js +10 -14
- package/cjs/mobile-stepper/index.d.ts +1 -0
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.d.ts +37 -0
- package/cjs/nav-bar/NavBar.js +34 -51
- package/cjs/nav-bar/index.d.ts +2 -0
- package/cjs/nav-bar/index.js +3 -4
- package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
- package/cjs/nav-menu/NavMenuItem.js +1 -1
- package/cjs/nav-menu/index.d.ts +1 -0
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.d.ts +44 -0
- package/cjs/pagination/Pagination.js +9 -8
- package/cjs/pagination/Pagination.styles.d.ts +6 -0
- package/cjs/pagination/index.d.ts +1 -0
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +29 -0
- package/cjs/popper/Popper.js +23 -27
- package/cjs/popper/index.d.ts +1 -0
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.d.ts +8 -0
- package/cjs/progress-bar/ProgressBar.js +1 -1
- package/cjs/progress-bar/index.d.ts +2 -0
- package/cjs/progress-bar/index.js +3 -4
- package/cjs/schedule/ScheduleItem.d.ts +19 -0
- package/cjs/schedule/ScheduleItem.js +1 -1
- package/cjs/schedule/ScheduleList.d.ts +11 -0
- package/cjs/schedule/ScheduleList.js +6 -8
- package/cjs/schedule/index.d.ts +2 -0
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.d.ts +57 -0
- package/cjs/side-sheet/SideSheet.js +31 -48
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
- package/cjs/side-sheet/SideSheetCloseButton.js +10 -15
- package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
- package/cjs/side-sheet/SideSheetContent.js +7 -10
- package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
- package/cjs/side-sheet/SideSheetFooter.js +7 -10
- package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
- package/cjs/side-sheet/SideSheetHeader.js +10 -14
- package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
- package/cjs/side-sheet/SideSheetHeadline.js +1 -1
- package/cjs/side-sheet/index.d.ts +4 -0
- package/cjs/side-sheet/index.js +6 -7
- package/cjs/site-layout/SiteLayout.d.ts +40 -0
- package/cjs/site-layout/SiteLayout.js +31 -34
- package/cjs/site-layout/index.d.ts +2 -0
- package/cjs/site-layout/index.js +3 -4
- package/cjs/skeleton/Skeleton.d.ts +8 -0
- package/cjs/skeleton/Skeleton.js +12 -16
- package/cjs/skeleton/index.d.ts +1 -0
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
- package/cjs/social-media-link-list/SocialMediaLinkList.js +15 -17
- package/cjs/social-media-link-list/index.d.ts +1 -0
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +58 -0
- package/cjs/spinner/Spinner.js +10 -14
- package/cjs/spinner/index.d.ts +1 -0
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +45 -0
- package/cjs/step/Step.js +23 -32
- package/cjs/step/Step.styles.d.ts +4 -0
- package/cjs/step/StepButton.d.ts +4 -0
- package/cjs/step/StepButton.js +16 -14
- package/cjs/step/StepContent.d.ts +6 -0
- package/cjs/step/StepContent.js +4 -3
- package/cjs/step/StepContext.d.ts +12 -0
- package/cjs/step/StepContext.js +1 -1
- package/cjs/step/StepLabel.d.ts +7 -0
- package/cjs/step/StepLabel.js +5 -4
- package/cjs/step/index.d.ts +1 -0
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.d.ts +25 -0
- package/cjs/stepper/Stepper.js +15 -25
- package/cjs/stepper/StepperContext.d.ts +9 -0
- package/cjs/stepper/StepperContext.js +1 -1
- package/cjs/stepper/index.d.ts +1 -0
- package/cjs/stepper/index.js +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +1 -1
- package/cjs/stepper-feedback-message/index.d.ts +1 -0
- package/cjs/stepper-feedback-message/index.js +2 -2
- package/cjs/styles/index.d.ts +3 -0
- package/cjs/styles/index.js +6 -7
- package/cjs/styles/media.d.ts +21 -0
- package/cjs/styles/rem.d.ts +1 -0
- package/cjs/styles/style-helpers.d.ts +1 -0
- package/cjs/styles/theme.d.ts +39 -0
- package/cjs/surface/Surface.d.ts +32 -0
- package/cjs/surface/Surface.js +14 -21
- package/cjs/surface/index.d.ts +1 -0
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +12 -0
- package/cjs/tab/Tab.js +15 -16
- package/cjs/tab/TabPanel.d.ts +7 -0
- package/cjs/tab/TabPanel.js +4 -3
- package/cjs/tab/Tabs.d.ts +11 -0
- package/cjs/tab/Tabs.js +23 -40
- package/cjs/tab/TabsContext.d.ts +16 -0
- package/cjs/tab/TabsContext.js +1 -2
- package/cjs/tab/index.d.ts +4 -0
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.d.ts +22 -0
- package/cjs/table/Table.js +8 -13
- package/cjs/table/TableBody.d.ts +9 -0
- package/cjs/table/TableBody.js +6 -9
- package/cjs/table/TableDataCell.d.ts +14 -0
- package/cjs/table/TableDataCell.js +7 -11
- package/cjs/table/TableHead.d.ts +14 -0
- package/cjs/table/TableHead.js +11 -13
- package/cjs/table/TableHeaderCell.d.ts +15 -0
- package/cjs/table/TableHeaderCell.js +7 -11
- package/cjs/table/TableRow.d.ts +17 -0
- package/cjs/table/TableRow.js +12 -15
- package/cjs/table/index.d.ts +6 -0
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.d.ts +8 -0
- package/cjs/test/Test.js +1 -1
- package/cjs/tooltip/Tooltip.d.ts +26 -0
- package/cjs/tooltip/Tooltip.js +13 -15
- package/cjs/tooltip/index.d.ts +2 -0
- package/cjs/tooltip/index.js +3 -4
- package/cjs/typography/Headlines.d.ts +71 -0
- package/cjs/typography/Headlines.js +21 -24
- package/cjs/typography/Text.d.ts +4 -0
- package/cjs/typography/Text.js +1 -1
- package/cjs/typography/index.d.ts +2 -0
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.js +3 -3
- package/common/emotionCloneElement.d.ts +0 -1
- package/common/emotionCloneElement.js +1 -1
- package/common/polymorphic.d.ts +2 -2
- package/common/polymorphic.js +2 -2
- package/common/use-media.js +4 -4
- package/common/useOnClickOutside.d.ts +0 -1
- package/common/utils.js +1 -1
- package/counter/Counter.js +4 -4
- package/counter/PluralCounter.js +7 -7
- package/data-table/DataTable.d.ts +2 -1
- package/data-table/DataTable.js +11 -11
- package/date-range-picker/DateRangePicker.js +8 -8
- package/divider/Divider.d.ts +1 -1
- package/divider/Divider.js +3 -3
- package/drawer/Drawer.js +3 -3
- package/dropdown-menu/Dropdown.d.ts +1 -1
- package/dropdown-menu/Dropdown.js +7 -7
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +1 -1
- package/dropdown-menu/MenuItem.d.ts +1 -1
- package/dropdown-menu/MenuItem.js +7 -7
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/flexbox/FlexBox.d.ts +2 -2
- package/flexbox/FlexBox.js +7 -7
- package/forms/assistive-text/AssistiveText.d.ts +1 -2
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/checkbox/Checkbox.d.ts +1 -1
- package/forms/checkbox/Checkbox.js +3 -3
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -0
- package/forms/checkbox/ExampleControlComponent.js +7 -7
- package/forms/email-field/EmailField.d.ts +1 -1
- package/forms/email-field/EmailField.js +2 -2
- package/forms/error-text/ErrorText.d.ts +1 -2
- package/forms/field/Field.d.ts +1 -0
- package/forms/field/Field.js +3 -3
- package/forms/input/Input.d.ts +1 -1
- package/forms/input/Input.js +3 -3
- package/forms/input/InputComposition.d.ts +2 -2
- package/forms/input/InputComposition.js +3 -3
- package/forms/label/Label.d.ts +1 -0
- package/forms/label/Label.js +7 -7
- package/forms/number-field/NumberField.d.ts +1 -1
- package/forms/number-field/NumberField.js +2 -2
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +5 -5
- package/forms/radio/Radio.d.ts +1 -1
- package/forms/radio/Radio.js +3 -3
- package/forms/reactselect/ReactSelect.d.ts +5 -5
- package/forms/reactselect/ReactSelect.js +4 -4
- package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
- package/forms/select/Select.d.ts +1 -1
- package/forms/select/Select.js +3 -3
- package/forms/select-field/SelectField.d.ts +1 -1
- package/forms/select-field/SelectField.js +4 -4
- package/forms/switch/Switch.js +3 -3
- package/forms/tel-field/TelField.d.ts +1 -1
- package/forms/tel-field/TelField.js +2 -2
- package/forms/text-field/TextField.d.ts +1 -1
- package/forms/text-field/TextField.js +4 -4
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/grid/Column.js +3 -3
- package/grid/Container.js +4 -4
- package/hero/Hero.js +1 -1
- package/ie-banner/IEBanner.d.ts +1 -0
- package/ie-banner/IEBanner.js +4 -4
- package/layout/LayoutLegacy.d.ts +2 -2
- package/lists/FeatureList.d.ts +2 -4
- package/lists/FeatureList.js +3 -3
- package/lists/ListAddon.d.ts +1 -1
- package/lists/ListAddon.js +3 -3
- package/lists/ListDivider.d.ts +2 -2
- package/lists/ListDivider.js +3 -3
- package/lists/ListIcon.d.ts +1 -1
- package/lists/ListIcon.js +3 -3
- package/lists/ListItem.d.ts +1 -1
- package/lists/ListItem.js +3 -3
- package/lists/ListText.d.ts +1 -1
- package/lists/ListText.js +3 -3
- package/lists/ListTextGroup.d.ts +1 -1
- package/lists/ListTextGroup.js +3 -3
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +3 -3
- package/loader/DfdsLoader.js +1 -1
- package/loader/Loader.d.ts +2 -2
- package/loader/Loader.js +1 -1
- package/localization/LocaleFlag.d.ts +2 -2
- package/localization/LocaleFlag.js +3 -3
- package/logo/Logo.d.ts +2 -2
- package/logo/Logo.js +3 -3
- package/menu/Menu.js +8 -8
- package/mobile-stepper/MobileStepper.d.ts +2 -2
- package/mobile-stepper/MobileStepper.js +8 -8
- package/nav-bar/NavBar.d.ts +4 -2
- package/nav-bar/NavBar.js +19 -21
- package/package.json +17 -17
- package/pagination/Pagination.d.ts +1 -1
- package/pagination/Pagination.js +2 -2
- package/pagination/Pagination.styles.js +1 -1
- package/popper/Popper.d.ts +2 -2
- package/popper/Popper.js +3 -3
- package/progress-bar/ProgressBar.d.ts +2 -2
- package/schedule/ScheduleItem.d.ts +2 -4
- package/schedule/ScheduleList.js +3 -3
- package/side-sheet/SideSheet.d.ts +1 -1
- package/side-sheet/SideSheet.js +8 -8
- package/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/side-sheet/SideSheetCloseButton.js +3 -3
- package/side-sheet/SideSheetContent.d.ts +2 -2
- package/side-sheet/SideSheetContent.js +3 -3
- package/side-sheet/SideSheetFooter.d.ts +2 -2
- package/side-sheet/SideSheetFooter.js +3 -3
- package/side-sheet/SideSheetHeader.d.ts +2 -2
- package/side-sheet/SideSheetHeader.js +3 -3
- package/side-sheet/SideSheetHeadline.d.ts +2 -2
- package/site-layout/SiteLayout.d.ts +6 -2
- package/site-layout/SiteLayout.js +8 -8
- package/skeleton/Skeleton.d.ts +2 -2
- package/skeleton/Skeleton.js +4 -4
- package/social-media-link-list/SocialMediaLinkList.d.ts +2 -4
- package/social-media-link-list/SocialMediaLinkList.js +3 -3
- package/spinner/Spinner.d.ts +2 -2
- package/spinner/Spinner.js +4 -4
- package/step/Step.d.ts +1 -1
- package/step/Step.js +3 -3
- package/step/StepButton.js +2 -2
- package/step/StepContent.d.ts +2 -2
- package/stepper/Stepper.d.ts +1 -1
- package/stepper/Stepper.js +4 -4
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/surface/Surface.d.ts +1 -1
- package/surface/Surface.js +4 -4
- package/tab/Tab.js +3 -3
- package/tab/Tabs.js +7 -7
- package/table/Table.d.ts +1 -1
- package/table/Table.js +3 -3
- package/table/TableBody.d.ts +1 -1
- package/table/TableBody.js +3 -3
- package/table/TableDataCell.d.ts +1 -1
- package/table/TableDataCell.js +3 -3
- package/table/TableHead.d.ts +1 -1
- package/table/TableHead.js +4 -4
- package/table/TableHeaderCell.d.ts +1 -1
- package/table/TableHeaderCell.js +3 -3
- package/table/TableRow.d.ts +1 -1
- package/table/TableRow.js +4 -4
- package/tooltip/Tooltip.d.ts +1 -1
- package/tooltip/Tooltip.js +3 -3
- package/typography/Headlines.d.ts +25 -24
- package/typography/Headlines.js +14 -14
- package/typography/Text.d.ts +1 -2
package/card/CardTitle.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { css as _css } from "@emotion/react";
|
|
2
2
|
var _excluded = ["children", "color", "largeTitle"];
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
4
|
-
function _objectWithoutProperties(
|
|
5
|
-
function _objectWithoutPropertiesLoose(
|
|
3
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
4
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
5
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
|
|
6
6
|
import React from 'react';
|
|
7
7
|
import { Text } from '@dfds-ui/typography';
|
|
8
8
|
import { theme, useBreakpoint } from '@dfds-ui/theme';
|
|
@@ -25,11 +25,11 @@ var CardTitle = function CardTitle(_ref) {
|
|
|
25
25
|
};
|
|
26
26
|
return ___EmotionJSX(CardContext.Consumer, null, function (context) {
|
|
27
27
|
return ___EmotionJSX("div", _extends({
|
|
28
|
-
css: /*#__PURE__*/css("padding-top:", getPadding(context), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
css: /*#__PURE__*/css("padding-top:", getPadding(context), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNrQiIsImZpbGUiOiIuLi8uLi9zcmMvY2FyZC9DYXJkVGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IHRoZW1lLCB1c2VCcmVha3BvaW50IH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBDYXJkQ29udGV4dCB9IGZyb20gJy4vQ2FyZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG5leHBvcnQgdHlwZSBDYXJkVGl0bGVQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgLyoqXG4gICAqIFRleHQgY29sb3JcbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgLyoqXG4gICAqIElmIHNldCB0byB0cnVlIHRoZSB0aXRsZSB3aWxsIGJlIGRpc3BsYXllZCB1c2luZyB0aGUgYHNlY3Rpb25IZWFkbGluZWAgaW5zdGVhZCBvZiBhIGBzbWFsbEhlYWRsaW5lYC5cbiAgICogQnV0IG9ubHkgZm9yIGxhcmdlIHNjcmVlbnMuXG4gICAqL1xuICBsYXJnZVRpdGxlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudFxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG59XG5cbmNvbnN0IENhcmRUaXRsZTogRnVuY3Rpb25Db21wb25lbnQ8Q2FyZFRpdGxlUHJvcHM+ID0gKHsgY2hpbGRyZW4sIGNvbG9yLCBsYXJnZVRpdGxlID0gZmFsc2UsIC4uLnJlc3QgfSkgPT4ge1xuICBjb25zdCB7IGdyZWF0ZXJUaGFuIH0gPSB1c2VCcmVha3BvaW50KClcblxuICBjb25zdCBnZXRQYWRkaW5nID0gKGNvbnRleHQ6IGFueSkgPT4ge1xuICAgIGlmIChjb250ZXh0LmNhcmRWYXJpYW50ID09PSAnc3VyZmFjZScgJiYgY29udGV4dC5jYXJkU2l6ZSA9PT0gJ3hsJyAmJiBncmVhdGVyVGhhbignbCcpKSB7XG4gICAgICByZXR1cm4gJzBweCdcbiAgICB9XG4gICAgcmV0dXJuIHRoZW1lLnNwYWNpbmcuc1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8Q2FyZENvbnRleHQuQ29uc3VtZXI+XG4gICAgICB7KGNvbnRleHQpID0+IChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcGFkZGluZy10b3A6ICR7Z2V0UGFkZGluZyhjb250ZXh0KX07XG4gICAgICAgICAgYH1cbiAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgPlxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e3sgY29sb3I6IGNvbG9yID8gY29sb3IgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgfX1cbiAgICAgICAgICAgIGFzPXsnZGl2J31cbiAgICAgICAgICAgIHN0eWxlZEFzPXtsYXJnZVRpdGxlICYmIGdyZWF0ZXJUaGFuKCdsJykgPyAnc2VjdGlvbkhlYWRsaW5lJyA6ICdzbWFsbEhlYWRsaW5lJ31cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICl9XG4gICAgPC9DYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDYXJkVGl0bGVcbiJdfQ== */")
|
|
29
29
|
}, rest), ___EmotionJSX(Text, {
|
|
30
30
|
css: /*#__PURE__*/_css({
|
|
31
31
|
color: color ? color : theme.colors.text.primary.primary
|
|
32
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:CardTitle;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNZIiwiZmlsZSI6Ii4uLy4uL3NyYy9jYXJkL0NhcmRUaXRsZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgdGhlbWUsIHVzZUJyZWFrcG9pbnQgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IENhcmRDb250ZXh0IH0gZnJvbSAnLi9DYXJkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmV4cG9ydCB0eXBlIENhcmRUaXRsZVByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogVGV4dCBjb2xvclxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUgdGhlIHRpdGxlIHdpbGwgYmUgZGlzcGxheWVkIHVzaW5nIHRoZSBgc2VjdGlvbkhlYWRsaW5lYCBpbnN0ZWFkIG9mIGEgYHNtYWxsSGVhZGxpbmVgLlxuICAgKiBCdXQgb25seSBmb3IgbGFyZ2Ugc2NyZWVucy5cbiAgICovXG4gIGxhcmdlVGl0bGU/OiBib29sZWFuXG5cbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgY29tcG9uZW50XG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuY29uc3QgQ2FyZFRpdGxlOiBGdW5jdGlvbkNvbXBvbmVudDxDYXJkVGl0bGVQcm9wcz4gPSAoeyBjaGlsZHJlbiwgY29sb3IsIGxhcmdlVGl0bGUgPSBmYWxzZSwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgZ3JlYXRlclRoYW4gfSA9IHVzZUJyZWFrcG9pbnQoKVxuXG4gIGNvbnN0IGdldFBhZGRpbmcgPSAoY29udGV4dDogYW55KSA9PiB7XG4gICAgaWYgKGNvbnRleHQuY2FyZFZhcmlhbnQgPT09ICdzdXJmYWNlJyAmJiBjb250ZXh0LmNhcmRTaXplID09PSAneGwnICYmIGdyZWF0ZXJUaGFuKCdsJykpIHtcbiAgICAgIHJldHVybiAnMHB4J1xuICAgIH1cbiAgICByZXR1cm4gdGhlbWUuc3BhY2luZy5zXG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxDYXJkQ29udGV4dC5Db25zdW1lcj5cbiAgICAgIHsoY29udGV4dCkgPT4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwYWRkaW5nLXRvcDogJHtnZXRQYWRkaW5nKGNvbnRleHQpfTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHsuLi5yZXN0fVxuICAgICAgICA+XG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17eyBjb2xvcjogY29sb3IgPyBjb2xvciA6IHRoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeSB9fVxuICAgICAgICAgICAgYXM9eydkaXYnfVxuICAgICAgICAgICAgc3R5bGVkQXM9e2xhcmdlVGl0bGUgJiYgZ3JlYXRlclRoYW4oJ2wnKSA/ICdzZWN0aW9uSGVhZGxpbmUnIDogJ3NtYWxsSGVhZGxpbmUnfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cbiAgICA8L0NhcmRDb250ZXh0LkNvbnN1bWVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IENhcmRUaXRsZVxuIl19 */"),
|
|
33
33
|
as: 'div',
|
|
34
34
|
styledAs: largeTitle && greaterThan('l') ? 'sectionHeadline' : 'smallHeadline'
|
|
35
35
|
}, children));
|
package/chip/Chip.d.ts
CHANGED
|
@@ -13,7 +13,7 @@ export declare type ChipProps = {
|
|
|
13
13
|
};
|
|
14
14
|
export declare const ChipContainer: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
-
as?: React.ElementType<any> | undefined;
|
|
16
|
+
as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
|
|
17
17
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
|
-
declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => JSX.Element;
|
|
18
|
+
declare const _default: ({ children, dismissable, disabled, selectable, selected, onToggle, onDismiss, className, ...rest }: ChipProps) => React.JSX.Element;
|
|
19
19
|
export default _default;
|
package/chip/Chip.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
var _excluded = ["children", "dismissable", "disabled", "selectable", "selected", "onToggle", "onDismiss", "className"];
|
|
3
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
4
|
-
function _slicedToArray(
|
|
3
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
|
|
4
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
5
5
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
6
|
-
function _unsupportedIterableToArray(
|
|
7
|
-
function _arrayLikeToArray(
|
|
6
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
7
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) { n[e] = r[e]; } return n; }
|
|
8
8
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0) { ; } } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
9
|
-
function _arrayWithHoles(
|
|
10
|
-
function _objectWithoutProperties(
|
|
11
|
-
function _objectWithoutPropertiesLoose(
|
|
9
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
10
|
+
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
|
|
11
|
+
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
|
|
12
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
13
13
|
import React, { useState } from 'react';
|
|
14
14
|
import { css } from '@emotion/react';
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { CollapseProps } from '@kunukn/react-collapse';
|
|
3
|
+
export declare type AccordionHeaderProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Add heading to the Accordion.
|
|
6
|
+
*/
|
|
7
|
+
heading?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Add secondary heading to the Accordion.
|
|
10
|
+
*/
|
|
11
|
+
secondaryHeading?: ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Specify the duration of the transition between open and closed.
|
|
14
|
+
*/
|
|
15
|
+
transitionDuration?: string;
|
|
16
|
+
/**
|
|
17
|
+
* If set to `true` the Accordion is open.
|
|
18
|
+
*/
|
|
19
|
+
isOpen?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Disable the Accordion.
|
|
22
|
+
*/
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Use the Accordion without animation.
|
|
26
|
+
*/
|
|
27
|
+
noAnimation?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Hide the secondary heading when the Accordion is opened.
|
|
30
|
+
*/
|
|
31
|
+
noSecondaryHeadingWhenOpen?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Callback when toggling the accordion
|
|
34
|
+
*/
|
|
35
|
+
onToggle?: () => void;
|
|
36
|
+
};
|
|
37
|
+
export declare const AccordionHeader: React.FunctionComponent<AccordionHeaderProps>;
|
|
38
|
+
export declare type AccordionProps = {
|
|
39
|
+
/**
|
|
40
|
+
* Add heading to the Accordion.
|
|
41
|
+
*/
|
|
42
|
+
heading?: string;
|
|
43
|
+
/**
|
|
44
|
+
* Add a custom header to the Accordion.
|
|
45
|
+
*/
|
|
46
|
+
header?: ReactNode;
|
|
47
|
+
/**
|
|
48
|
+
* Add secondary heading to the Accordion.
|
|
49
|
+
*/
|
|
50
|
+
secondaryHeading?: ReactNode;
|
|
51
|
+
/**
|
|
52
|
+
* Specify the duration of the transition between open and closed.
|
|
53
|
+
*/
|
|
54
|
+
transitionDuration?: string;
|
|
55
|
+
/**
|
|
56
|
+
* If set to `true` the Accordion is open.
|
|
57
|
+
*/
|
|
58
|
+
isOpen?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Disable the Accordion.
|
|
61
|
+
*/
|
|
62
|
+
disabled?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* Callback when toggling the accordion
|
|
65
|
+
*/
|
|
66
|
+
onToggle?: () => void;
|
|
67
|
+
/**
|
|
68
|
+
* Props passed on to the Collapse component
|
|
69
|
+
*/
|
|
70
|
+
collapseProps?: CollapseProps;
|
|
71
|
+
/**
|
|
72
|
+
* Use the Accordion without animation.
|
|
73
|
+
*/
|
|
74
|
+
noAnimation?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* The compressed variant removes the `margin-bottom` of the Accordion.
|
|
77
|
+
*/
|
|
78
|
+
variant?: 'default' | 'compressed';
|
|
79
|
+
/**
|
|
80
|
+
* Specify the content padding of the Accordion.
|
|
81
|
+
*/
|
|
82
|
+
type?: 'small' | 'medium';
|
|
83
|
+
/**
|
|
84
|
+
* Add a className to the Accordion.
|
|
85
|
+
*/
|
|
86
|
+
className?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Hide the secondary heading when the Accordion is opened.
|
|
89
|
+
*/
|
|
90
|
+
noSecondaryHeadingWhenOpen?: boolean;
|
|
91
|
+
/**
|
|
92
|
+
* Hide the Divider (the grey line under the header)
|
|
93
|
+
*/
|
|
94
|
+
hideDivider?: boolean;
|
|
95
|
+
/**
|
|
96
|
+
* Updates component with children prop accordingly to the @types update
|
|
97
|
+
*/
|
|
98
|
+
children?: ReactNode;
|
|
99
|
+
};
|
|
100
|
+
export declare const Accordion: React.FunctionComponent<AccordionProps>;
|
|
101
|
+
export default Accordion;
|
|
@@ -14,11 +14,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
14
14
|
var _divider = require("../divider");
|
|
15
15
|
var _typography = require("@dfds-ui/typography");
|
|
16
16
|
var _flexbox = require("../flexbox");
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
20
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
21
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
17
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
22
19
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
23
20
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
24
21
|
name: "82a6rk",
|
|
@@ -64,27 +61,26 @@ const AccordionHeader = ({
|
|
|
64
61
|
}));
|
|
65
62
|
};
|
|
66
63
|
exports.AccordionHeader = AccordionHeader;
|
|
67
|
-
const Accordion =
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
64
|
+
const Accordion = ({
|
|
65
|
+
children,
|
|
66
|
+
isOpen,
|
|
67
|
+
header,
|
|
68
|
+
disabled,
|
|
69
|
+
heading,
|
|
70
|
+
secondaryHeading,
|
|
71
|
+
transitionDuration = '260ms',
|
|
72
|
+
onToggle,
|
|
73
|
+
collapseProps = {
|
|
74
|
+
overflowOnExpanded: true
|
|
75
|
+
},
|
|
76
|
+
noAnimation,
|
|
77
|
+
variant,
|
|
78
|
+
className,
|
|
79
|
+
type,
|
|
80
|
+
noSecondaryHeadingWhenOpen,
|
|
81
|
+
hideDivider,
|
|
82
|
+
...rest
|
|
83
|
+
}) => {
|
|
88
84
|
return (0, _react2.jsx)("div", _extends({
|
|
89
85
|
className: (0, _classnames.default)('accordion', {
|
|
90
86
|
'accordion--is-open': isOpen,
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type AccordionContentProps = {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
/**
|
|
5
|
+
* The compressed variant removes the `margin-bottom` of the Accordion.
|
|
6
|
+
*/
|
|
7
|
+
variant?: 'default' | 'compressed';
|
|
8
|
+
/**
|
|
9
|
+
* Specify the content padding of the Accordion.
|
|
10
|
+
*/
|
|
11
|
+
type?: 'small' | 'medium';
|
|
12
|
+
};
|
|
13
|
+
export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
|
|
14
|
+
export default AccordionContent;
|
|
@@ -8,19 +8,17 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
children = _ref.children,
|
|
20
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
const AccordionContent = ({
|
|
14
|
+
variant,
|
|
15
|
+
type,
|
|
16
|
+
children,
|
|
17
|
+
...rest
|
|
18
|
+
}) => {
|
|
21
19
|
return (0, _react2.jsx)("div", _extends({
|
|
22
20
|
className: "accordion__content",
|
|
23
|
-
css: /*#__PURE__*/(0, _react2.css)(_typography.typography.body, ";margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
css: /*#__PURE__*/(0, _react2.css)(_typography.typography.body, ";margin-bottom:", variant === 'default' ? _theme.theme.spacing.xs : '0', ";padding:0 ", _theme.theme.spacing.s, " ", _theme.theme.spacing.s, ";background-color:white;color:", _theme.theme.colors.text.dark.primary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AccordionContent;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9hY2NvcmRpb24vQWNjb3JkaW9uQ29udGVudC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcblxuZXhwb3J0IHR5cGUgQWNjb3JkaW9uQ29udGVudFByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogVGhlIGNvbXByZXNzZWQgdmFyaWFudCByZW1vdmVzIHRoZSBgbWFyZ2luLWJvdHRvbWAgb2YgdGhlIEFjY29yZGlvbi5cbiAgICovXG4gIHZhcmlhbnQ/OiAnZGVmYXVsdCcgfCAnY29tcHJlc3NlZCdcbiAgLyoqXG4gICAqIFNwZWNpZnkgdGhlIGNvbnRlbnQgcGFkZGluZyBvZiB0aGUgQWNjb3JkaW9uLlxuICAgKi9cbiAgdHlwZT86ICdzbWFsbCcgfCAnbWVkaXVtJ1xufVxuXG5leHBvcnQgY29uc3QgQWNjb3JkaW9uQ29udGVudDogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8QWNjb3JkaW9uQ29udGVudFByb3BzPiA9ICh7XG4gIHZhcmlhbnQsXG4gIHR5cGUsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPVwiYWNjb3JkaW9uX19jb250ZW50XCJcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke3R5cG9ncmFwaHkuYm9keX07XG4gICAgICAgIG1hcmdpbi1ib3R0b206ICR7dmFyaWFudCA9PT0gJ2RlZmF1bHQnID8gdGhlbWUuc3BhY2luZy54cyA6ICcwJ307XG4gICAgICAgIHBhZGRpbmc6IDAgJHt0aGVtZS5zcGFjaW5nLnN9ICR7dGhlbWUuc3BhY2luZy5zfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmRhcmsucHJpbWFyeX07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEFjY29yZGlvbkNvbnRlbnRcbiJdfQ== */")
|
|
24
22
|
}, rest), children);
|
|
25
23
|
};
|
|
26
24
|
exports.AccordionContent = AccordionContent;
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type AccordionSmallHeaderProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Add a heading to the Accordion.
|
|
5
|
+
*/
|
|
6
|
+
heading: string;
|
|
7
|
+
/**
|
|
8
|
+
* Add a secondary heading to the Accordion.
|
|
9
|
+
*/
|
|
10
|
+
secondaryHeading?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Specify the duration of the transition between open and closed.
|
|
13
|
+
*/
|
|
14
|
+
transitionDuration?: string;
|
|
15
|
+
/**
|
|
16
|
+
* If set to `true` the Accordion is open.
|
|
17
|
+
*/
|
|
18
|
+
isOpen?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Disable the Accordion.
|
|
21
|
+
*/
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Use the Accordion without animation.
|
|
25
|
+
*/
|
|
26
|
+
noAnimation?: boolean;
|
|
27
|
+
onToggle?: () => void;
|
|
28
|
+
};
|
|
29
|
+
export declare const AccordionSmallHeader: React.FunctionComponent<AccordionSmallHeaderProps>;
|
|
30
|
+
export declare type AccordionSmallProps = {
|
|
31
|
+
children?: React.ReactNode;
|
|
32
|
+
/**
|
|
33
|
+
* Add a heading to the Accordion.
|
|
34
|
+
*/
|
|
35
|
+
heading: string;
|
|
36
|
+
/**
|
|
37
|
+
* Specify the duration of the transition between open and closed.
|
|
38
|
+
*/
|
|
39
|
+
transitionDuration?: string;
|
|
40
|
+
/**
|
|
41
|
+
* If set to `true` the Accordion is open.
|
|
42
|
+
*/
|
|
43
|
+
isOpen?: boolean;
|
|
44
|
+
/**
|
|
45
|
+
* Disable the Accordion.
|
|
46
|
+
*/
|
|
47
|
+
disabled?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Use the Accordion without animation.
|
|
50
|
+
*/
|
|
51
|
+
noAnimation?: boolean;
|
|
52
|
+
onToggle?: () => void;
|
|
53
|
+
collapseProps?: object;
|
|
54
|
+
};
|
|
55
|
+
export declare const AccordionSmall: React.FunctionComponent<AccordionSmallProps>;
|
|
56
|
+
export default AccordionSmall;
|