@dfds-ui/react-components 2.2.1 → 3.0.0-alpha.24ead756
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.d.ts +2 -2
- package/accordion/Accordion.js +70 -52
- package/accordion/AccordionContent.d.ts +2 -1
- package/accordion/AccordionContent.js +14 -7
- package/accordion/AccordionSmall.d.ts +3 -2
- package/accordion/AccordionSmall.js +52 -39
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +58 -46
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +10 -9
- package/app-bar/AppBarDrawer.d.ts +2 -2
- package/app-bar/AppBarDrawer.js +14 -7
- package/app-bar/AppBarIconButton.d.ts +2 -2
- package/app-bar/AppBarIconButton.js +11 -6
- package/app-bar/AppBarItem.d.ts +4 -4
- package/app-bar/AppBarItem.js +96 -87
- package/app-bar/AppBarListItem.d.ts +11 -12
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +75 -63
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.d.ts +2 -0
- package/assertions/banner/BannerTypography.js +11 -8
- package/assertions/toast/Toast.d.ts +2 -1
- package/assertions/toast/Toast.js +34 -24
- package/assertions/toast/Toaster.d.ts +4 -4
- package/assertions/toast/Toaster.js +61 -58
- package/badge/Badge.d.ts +2 -2
- package/badge/Badge.js +18 -11
- package/button/BadgeIcon.d.ts +3 -3
- package/button/BadgeIcon.js +18 -16
- package/button/BaseButton.d.ts +6 -6
- package/button/BaseButton.js +1 -1
- package/button/Button.d.ts +4 -4
- package/button/Button.js +38 -31
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +46 -50
- package/button/LinkButton.d.ts +2 -2
- package/button/LinkButton.js +9 -4
- package/button/button-style.js +1 -2
- package/button-stack/ButtonStack.d.ts +4 -3
- package/button-stack/ButtonStack.js +31 -23
- package/card/Card.d.ts +3 -2
- package/card/Card.js +59 -45
- package/card/CardActions.js +13 -6
- package/card/CardContent.d.ts +3 -2
- package/card/CardContent.js +21 -11
- package/card/CardMedia.d.ts +4 -3
- package/card/CardMedia.js +17 -9
- package/card/CardPriceTag.d.ts +3 -3
- package/card/CardPriceTag.js +28 -16
- package/card/CardTitle.d.ts +3 -2
- package/card/CardTitle.js +25 -15
- package/chip/Chip.d.ts +5 -5
- package/chip/Chip.js +27 -20
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +84 -76
- package/cjs/accordion/AccordionContent.d.ts +2 -1
- package/cjs/accordion/AccordionContent.js +14 -15
- package/cjs/accordion/AccordionSmall.d.ts +3 -2
- package/cjs/accordion/AccordionSmall.js +57 -53
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +3 -3
- package/cjs/app-bar/AppBar.js +94 -108
- package/cjs/app-bar/AppBarContext.d.ts +3 -3
- package/cjs/app-bar/AppBarContext.js +8 -20
- package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
- package/cjs/app-bar/AppBarDrawer.js +18 -20
- package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
- package/cjs/app-bar/AppBarIconButton.js +14 -17
- package/cjs/app-bar/AppBarItem.d.ts +4 -4
- package/cjs/app-bar/AppBarItem.js +86 -99
- package/cjs/app-bar/AppBarListItem.d.ts +11 -12
- package/cjs/app-bar/AppBarListItem.js +2 -3
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +85 -101
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +13 -14
- package/cjs/assertions/banner/BannerTypography.d.ts +2 -0
- package/cjs/assertions/banner/BannerTypography.js +12 -12
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +2 -1
- package/cjs/assertions/toast/Toast.js +38 -38
- package/cjs/assertions/toast/Toaster.d.ts +4 -4
- package/cjs/assertions/toast/Toaster.js +57 -70
- package/cjs/assertions/toast/index.js +5 -6
- package/cjs/badge/Badge.d.ts +2 -2
- package/cjs/badge/Badge.js +22 -24
- package/cjs/badge/index.js +3 -4
- package/cjs/button/BadgeIcon.d.ts +3 -3
- package/cjs/button/BadgeIcon.js +20 -18
- package/cjs/button/BaseButton.d.ts +6 -6
- package/cjs/button/BaseButton.js +4 -6
- package/cjs/button/Button.d.ts +4 -4
- package/cjs/button/Button.js +45 -51
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +36 -55
- package/cjs/button/LinkButton.d.ts +2 -2
- package/cjs/button/LinkButton.js +8 -9
- package/cjs/button/button-style.js +9 -17
- package/cjs/button/index.js +8 -9
- package/cjs/button-stack/ButtonStack.d.ts +4 -3
- package/cjs/button-stack/ButtonStack.js +31 -33
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.d.ts +3 -2
- package/cjs/card/Card.js +64 -71
- package/cjs/card/CardActions.js +11 -15
- package/cjs/card/CardContent.d.ts +3 -2
- package/cjs/card/CardContent.js +20 -20
- package/cjs/card/CardMedia.d.ts +4 -3
- package/cjs/card/CardMedia.js +18 -19
- package/cjs/card/CardPriceTag.d.ts +3 -3
- package/cjs/card/CardPriceTag.js +29 -27
- package/cjs/card/CardTitle.d.ts +3 -2
- package/cjs/card/CardTitle.js +26 -24
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.d.ts +5 -5
- package/cjs/chip/Chip.js +34 -49
- package/cjs/chip/index.js +3 -4
- package/cjs/common/LockBodyScroll.d.ts +4 -3
- package/cjs/common/LockBodyScroll.js +27 -23
- package/cjs/common/arrow.d.ts +1 -1
- package/cjs/common/arrow.js +2 -4
- package/cjs/common/emotionCloneElement.d.ts +0 -1
- package/cjs/common/emotionCloneElement.js +5 -10
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +5 -5
- package/cjs/common/polymorphic.js +13 -9
- package/cjs/common/use-media.js +2 -11
- package/cjs/common/useOnClickOutside.d.ts +2 -3
- package/cjs/common/useOnClickOutside.js +2 -2
- package/cjs/counter/Counter.d.ts +3 -2
- package/cjs/counter/Counter.js +61 -69
- package/cjs/counter/PluralCounter.d.ts +4 -3
- package/cjs/counter/PluralCounter.js +24 -37
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.d.ts +3 -2
- package/cjs/data-table/DataTable.js +57 -61
- package/cjs/data-table/index.js +1 -1
- package/cjs/divider/Divider.d.ts +3 -3
- package/cjs/divider/Divider.js +16 -16
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +6 -5
- package/cjs/drawer/Drawer.js +20 -24
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +4 -4
- package/cjs/dropdown-menu/Dropdown.js +57 -68
- package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
- package/cjs/dropdown-menu/DropdownContext.js +8 -10
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/cjs/dropdown-menu/MenuCheckbox.js +28 -26
- package/cjs/dropdown-menu/MenuItem.d.ts +1 -1
- package/cjs/dropdown-menu/MenuItem.js +54 -69
- package/cjs/dropdown-menu/MenuTitle.d.ts +1 -1
- package/cjs/dropdown-menu/MenuTitle.js +20 -17
- package/cjs/dropdown-menu/index.js +7 -8
- package/cjs/elevation/index.d.ts +1 -1
- package/cjs/elevation/index.js +4 -8
- package/cjs/flexbox/FlexBox.d.ts +5 -5
- package/cjs/flexbox/FlexBox.js +8 -18
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +2 -2
- package/cjs/footer/Footer.js +14 -10
- package/cjs/footer/index.js +2 -2
- package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -4
- package/cjs/forms/assistive-text/AssistiveText.js +2 -3
- package/cjs/forms/asterisk/Asterisk.d.ts +2 -2
- package/cjs/forms/asterisk/Asterisk.js +6 -5
- package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
- package/cjs/forms/checkbox/Checkbox.js +55 -57
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +2 -1
- package/cjs/forms/checkbox/ExampleControlComponent.js +14 -25
- package/cjs/forms/checkbox/index.js +2 -2
- package/cjs/forms/email-field/EmailField.d.ts +19 -3
- package/cjs/forms/email-field/EmailField.js +13 -9
- package/cjs/forms/error-text/ErrorText.d.ts +3 -4
- package/cjs/forms/error-text/ErrorText.js +4 -7
- package/cjs/forms/field/Field.d.ts +2 -1
- package/cjs/forms/field/Field.js +14 -13
- package/cjs/forms/index.d.ts +3 -3
- package/cjs/forms/index.js +19 -19
- package/cjs/forms/input/Input.d.ts +4 -4
- package/cjs/forms/input/Input.js +48 -57
- package/cjs/forms/input/InputComposition.d.ts +12 -12
- package/cjs/forms/input/InputComposition.js +61 -62
- package/cjs/forms/label/Label.d.ts +2 -1
- package/cjs/forms/label/Label.js +16 -17
- package/cjs/forms/number-field/NumberField.d.ts +19 -3
- package/cjs/forms/number-field/NumberField.js +13 -10
- package/cjs/forms/password-field/PasswordField.d.ts +2 -2
- package/cjs/forms/password-field/PasswordField.js +16 -28
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +30 -34
- package/cjs/forms/reactselect/ReactSelect.d.ts +16 -16
- package/cjs/forms/reactselect/ReactSelect.js +103 -105
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +74 -69
- package/cjs/forms/select/Select.d.ts +5 -5
- package/cjs/forms/select/Select.js +44 -49
- package/cjs/forms/select-field/SelectField.d.ts +13 -5
- package/cjs/forms/select-field/SelectField.js +51 -53
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +53 -54
- package/cjs/forms/tel-field/TelField.d.ts +19 -3
- package/cjs/forms/tel-field/TelField.js +13 -9
- package/cjs/forms/text-field/TextField.d.ts +22 -5
- package/cjs/forms/text-field/TextField.js +59 -62
- package/cjs/global-styles/GlobalStyles.d.ts +3 -3
- package/cjs/global-styles/GlobalStyles.js +4 -3
- package/cjs/global-styles/ResetStyles.d.ts +2 -2
- package/cjs/global-styles/ResetStyles.js +4 -4
- package/cjs/global-styles/sanitize.js +3 -5
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +16 -18
- package/cjs/grid/Container.d.ts +2 -2
- package/cjs/grid/Container.js +44 -41
- package/cjs/grid/index.js +3 -3
- package/cjs/hero/Hero.d.ts +2 -2
- package/cjs/hero/Hero.js +43 -27
- package/cjs/hero/index.js +2 -2
- package/cjs/hero/stripes.d.ts +2 -2
- package/cjs/hero/stripes.js +178 -163
- package/cjs/ie-banner/IEBanner.d.ts +2 -1
- package/cjs/ie-banner/IEBanner.js +17 -28
- package/cjs/ie-banner/index.js +2 -2
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +45 -57
- package/cjs/layout/LayoutLegacy.d.ts +2 -2
- package/cjs/layout/LayoutLegacy.js +3 -2
- package/cjs/lists/FeatureList.d.ts +7 -9
- package/cjs/lists/FeatureList.js +24 -24
- package/cjs/lists/ListAddon.d.ts +2 -2
- package/cjs/lists/ListAddon.js +17 -17
- package/cjs/lists/ListDivider.d.ts +3 -3
- package/cjs/lists/ListDivider.js +13 -16
- package/cjs/lists/ListIcon.d.ts +3 -3
- package/cjs/lists/ListIcon.js +19 -22
- package/cjs/lists/ListItem.d.ts +2 -2
- package/cjs/lists/ListItem.js +23 -31
- package/cjs/lists/ListText.d.ts +4 -4
- package/cjs/lists/ListText.js +15 -18
- package/cjs/lists/ListTextGroup.d.ts +2 -2
- package/cjs/lists/ListTextGroup.js +16 -20
- package/cjs/lists/ListTitle.d.ts +2 -2
- package/cjs/lists/ListTitle.js +12 -16
- package/cjs/lists/index.js +9 -9
- package/cjs/loader/DfdsLoader.d.ts +1 -1
- package/cjs/loader/DfdsLoader.js +30 -25
- package/cjs/loader/Loader.d.ts +3 -3
- package/cjs/loader/Loader.js +11 -6
- package/cjs/loader/index.js +3 -3
- package/cjs/localization/LocaleFlag.d.ts +3 -3
- package/cjs/localization/LocaleFlag.js +14 -18
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.d.ts +3 -3
- package/cjs/logo/Logo.js +18 -18
- package/cjs/logo/index.js +1 -1
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +46 -42
- package/cjs/menu/index.js +3 -4
- package/cjs/mobile-stepper/MobileStepper.d.ts +3 -3
- package/cjs/mobile-stepper/MobileStepper.js +28 -32
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.d.ts +11 -9
- package/cjs/nav-bar/NavBar.js +67 -75
- package/cjs/nav-bar/index.js +3 -4
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/NavMenuItem.js +15 -14
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.d.ts +3 -3
- package/cjs/pagination/Pagination.js +60 -49
- package/cjs/pagination/Pagination.styles.js +7 -14
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +5 -5
- package/cjs/popper/Popper.js +42 -43
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.d.ts +3 -3
- package/cjs/progress-bar/ProgressBar.js +6 -8
- package/cjs/progress-bar/index.js +3 -4
- package/cjs/schedule/ScheduleItem.d.ts +8 -10
- package/cjs/schedule/ScheduleItem.js +12 -9
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +15 -18
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.d.ts +5 -5
- package/cjs/side-sheet/SideSheet.js +78 -92
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/cjs/side-sheet/SideSheetCloseButton.js +15 -20
- package/cjs/side-sheet/SideSheetContent.d.ts +3 -3
- package/cjs/side-sheet/SideSheetContent.js +16 -16
- package/cjs/side-sheet/SideSheetFooter.d.ts +3 -3
- package/cjs/side-sheet/SideSheetFooter.js +16 -16
- package/cjs/side-sheet/SideSheetHeader.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeader.js +19 -20
- package/cjs/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/cjs/side-sheet/SideSheetHeadline.js +7 -6
- package/cjs/side-sheet/index.js +6 -7
- package/cjs/site-layout/SiteLayout.d.ts +15 -11
- package/cjs/site-layout/SiteLayout.js +60 -53
- package/cjs/site-layout/index.js +3 -4
- package/cjs/skeleton/Skeleton.d.ts +3 -3
- package/cjs/skeleton/Skeleton.js +14 -18
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
- package/cjs/social-media-link-list/SocialMediaLinkList.js +78 -74
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +9 -9
- package/cjs/spinner/Spinner.js +23 -28
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +2 -2
- package/cjs/step/Step.js +51 -51
- package/cjs/step/Step.styles.js +5 -10
- package/cjs/step/StepButton.d.ts +2 -2
- package/cjs/step/StepButton.js +45 -42
- package/cjs/step/StepContent.d.ts +3 -3
- package/cjs/step/StepContent.js +18 -17
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepContext.js +2 -3
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +15 -13
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.d.ts +2 -2
- package/cjs/stepper/Stepper.js +28 -38
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/StepperContext.js +2 -3
- package/cjs/stepper/index.js +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +12 -10
- package/cjs/stepper-feedback-message/index.js +2 -2
- package/cjs/styles/index.js +6 -7
- package/cjs/styles/media.d.ts +1 -1
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/style-helpers.js +1 -2
- package/cjs/styles/theme.d.ts +1 -1
- package/cjs/styles/theme.js +2 -4
- package/cjs/surface/Surface.d.ts +9 -8
- package/cjs/surface/Surface.js +33 -34
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +3 -3
- package/cjs/tab/Tab.js +23 -24
- package/cjs/tab/TabPanel.d.ts +2 -2
- package/cjs/tab/TabPanel.js +11 -10
- package/cjs/tab/Tabs.d.ts +3 -3
- package/cjs/tab/Tabs.js +54 -71
- package/cjs/tab/TabsContext.d.ts +3 -3
- package/cjs/tab/TabsContext.js +8 -10
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.d.ts +3 -3
- package/cjs/table/Table.js +22 -27
- package/cjs/table/TableBody.d.ts +2 -2
- package/cjs/table/TableBody.js +13 -17
- package/cjs/table/TableDataCell.d.ts +2 -2
- package/cjs/table/TableDataCell.js +16 -21
- package/cjs/table/TableHead.d.ts +2 -2
- package/cjs/table/TableHead.js +19 -24
- package/cjs/table/TableHeaderCell.d.ts +3 -3
- package/cjs/table/TableHeaderCell.js +17 -22
- package/cjs/table/TableRow.d.ts +2 -2
- package/cjs/table/TableRow.js +20 -25
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.js +6 -5
- package/cjs/tooltip/Tooltip.d.ts +15 -9
- package/cjs/tooltip/Tooltip.js +90 -62
- package/cjs/tooltip/index.js +3 -4
- package/cjs/typography/Headlines.d.ts +41 -40
- package/cjs/typography/Headlines.js +34 -45
- package/cjs/typography/Text.d.ts +2 -3
- package/cjs/typography/Text.js +4 -6
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.d.ts +4 -3
- package/common/LockBodyScroll.js +28 -16
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +2 -4
- package/common/emotionCloneElement.d.ts +0 -1
- package/common/emotionCloneElement.js +2 -3
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +5 -5
- package/common/polymorphic.js +10 -4
- package/common/use-media.js +6 -6
- package/common/useOnClickOutside.d.ts +2 -3
- package/common/useOnClickOutside.js +2 -2
- package/common/utils.js +1 -1
- package/counter/Counter.d.ts +3 -2
- package/counter/Counter.js +62 -59
- package/counter/PluralCounter.d.ts +4 -3
- package/counter/PluralCounter.js +27 -21
- package/data-table/DataTable.d.ts +3 -2
- package/data-table/DataTable.js +60 -47
- package/divider/Divider.d.ts +3 -3
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.d.ts +6 -5
- package/drawer/Drawer.js +19 -11
- package/dropdown-menu/Dropdown.d.ts +4 -4
- package/dropdown-menu/Dropdown.js +50 -42
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.d.ts +1 -1
- package/dropdown-menu/MenuItem.js +34 -31
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/dropdown-menu/MenuTitle.js +15 -13
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +3 -6
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +8 -8
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +12 -7
- package/forms/assistive-text/AssistiveText.d.ts +3 -4
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.d.ts +6 -6
- package/forms/checkbox/Checkbox.js +50 -42
- package/forms/checkbox/ExampleControlComponent.d.ts +2 -1
- package/forms/checkbox/ExampleControlComponent.js +18 -11
- package/forms/email-field/EmailField.d.ts +19 -3
- package/forms/email-field/EmailField.js +16 -6
- package/forms/error-text/ErrorText.d.ts +3 -4
- package/forms/error-text/ErrorText.js +2 -4
- package/forms/field/Field.d.ts +2 -1
- package/forms/field/Field.js +12 -10
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +4 -4
- package/forms/input/Input.js +42 -44
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +41 -32
- package/forms/label/Label.d.ts +2 -1
- package/forms/label/Label.js +17 -11
- package/forms/number-field/NumberField.d.ts +19 -3
- package/forms/number-field/NumberField.js +17 -8
- package/forms/password-field/PasswordField.d.ts +2 -2
- package/forms/password-field/PasswordField.js +22 -18
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +33 -26
- package/forms/reactselect/ReactSelect.d.ts +16 -16
- package/forms/reactselect/ReactSelect.js +74 -69
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
- package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
- package/forms/select/Select.d.ts +5 -5
- package/forms/select/Select.js +41 -39
- package/forms/select-field/SelectField.d.ts +13 -5
- package/forms/select-field/SelectField.js +44 -40
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +52 -43
- package/forms/tel-field/TelField.d.ts +19 -3
- package/forms/tel-field/TelField.js +16 -6
- package/forms/text-field/TextField.d.ts +22 -5
- package/forms/text-field/TextField.js +50 -46
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/global-styles/ResetStyles.js +3 -4
- package/global-styles/sanitize.js +1 -2
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +14 -7
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +42 -36
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +43 -25
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.d.ts +2 -1
- package/ie-banner/IEBanner.js +17 -11
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/layout/LayoutLegacy.d.ts +2 -2
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +7 -9
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.d.ts +2 -2
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.d.ts +3 -3
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.d.ts +3 -3
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +13 -6
- package/lists/ListText.d.ts +4 -4
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.d.ts +2 -2
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +11 -7
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +27 -22
- package/loader/Loader.d.ts +3 -3
- package/loader/Loader.js +10 -5
- package/localization/LocaleFlag.d.ts +3 -3
- package/localization/LocaleFlag.js +10 -5
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +3 -3
- package/logo/Logo.js +14 -7
- package/menu/Menu.d.ts +1 -1
- package/menu/Menu.js +33 -21
- package/mobile-stepper/MobileStepper.d.ts +3 -3
- package/mobile-stepper/MobileStepper.js +32 -26
- package/nav-bar/NavBar.d.ts +11 -9
- package/nav-bar/NavBar.js +56 -41
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +13 -12
- package/package.json +19 -24
- package/pagination/Pagination.d.ts +3 -3
- package/pagination/Pagination.js +56 -40
- package/pagination/Pagination.styles.js +2 -3
- package/popper/Popper.d.ts +5 -5
- package/popper/Popper.js +27 -18
- package/progress-bar/ProgressBar.d.ts +3 -3
- package/progress-bar/ProgressBar.js +4 -6
- package/schedule/ScheduleItem.d.ts +8 -10
- package/schedule/ScheduleItem.js +9 -4
- package/schedule/ScheduleList.d.ts +3 -3
- package/schedule/ScheduleList.js +16 -10
- package/side-sheet/SideSheet.d.ts +5 -5
- package/side-sheet/SideSheet.js +58 -50
- package/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.d.ts +3 -3
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.d.ts +3 -3
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.d.ts +3 -3
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.d.ts +15 -11
- package/site-layout/SiteLayout.js +36 -18
- package/skeleton/Skeleton.d.ts +3 -3
- package/skeleton/Skeleton.js +11 -6
- package/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.d.ts +9 -9
- package/spinner/Spinner.js +19 -13
- package/step/Step.d.ts +2 -2
- package/step/Step.js +34 -20
- package/step/Step.styles.js +1 -2
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +28 -22
- package/step/StepContent.d.ts +3 -3
- package/step/StepContent.js +13 -13
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +9 -8
- package/stepper/Stepper.d.ts +2 -2
- package/stepper/Stepper.js +16 -16
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/stepper-feedback-message/StepperFeedbackMessage.js +10 -8
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.js +1 -2
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +9 -8
- package/surface/Surface.js +18 -15
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +18 -12
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +6 -5
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +49 -43
- package/tab/TabsContext.d.ts +3 -3
- package/tab/TabsContext.js +5 -4
- package/table/Table.d.ts +3 -3
- package/table/Table.js +23 -17
- package/table/TableBody.d.ts +2 -2
- package/table/TableBody.js +15 -10
- package/table/TableDataCell.d.ts +2 -2
- package/table/TableDataCell.js +17 -12
- package/table/TableHead.d.ts +2 -2
- package/table/TableHead.js +14 -13
- package/table/TableHeaderCell.d.ts +3 -3
- package/table/TableHeaderCell.js +18 -13
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +15 -15
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.d.ts +15 -9
- package/tooltip/Tooltip.js +93 -58
- package/typography/Headlines.d.ts +41 -40
- package/typography/Headlines.js +24 -19
- package/typography/Text.d.ts +2 -3
- package/typography/Text.js +1 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -20
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/DateRangePicker.js +0 -291
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/date-range-picker/index.js +0 -13
- package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDefaultStyles.js +0 -13
- package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDfdsStyles.js +0 -4
- package/date-range-picker/DateRangePicker.d.ts +0 -33
- package/date-range-picker/DateRangePicker.js +0 -310
- package/date-range-picker/index.d.ts +0 -1
- package/date-range-picker/index.js +0 -1
|
@@ -1,16 +1,15 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
declare const AppBarListItem: import("@emotion/styled").StyledComponent<{
|
|
3
|
-
multiline?: boolean
|
|
4
|
-
selected?: boolean
|
|
5
|
-
condensed?: boolean
|
|
6
|
-
tabIndex?: number
|
|
7
|
-
clickable?: boolean
|
|
8
|
-
divider?: boolean
|
|
9
|
-
onClick?: (
|
|
10
|
-
flexBoxProps?: import("../flexbox").FlexBoxProps
|
|
11
|
-
className?: string
|
|
12
|
-
children?:
|
|
2
|
+
multiline?: boolean;
|
|
3
|
+
selected?: boolean;
|
|
4
|
+
condensed?: boolean;
|
|
5
|
+
tabIndex?: number;
|
|
6
|
+
clickable?: boolean;
|
|
7
|
+
divider?: boolean;
|
|
8
|
+
onClick?: () => void;
|
|
9
|
+
flexBoxProps?: import("../flexbox").FlexBoxProps;
|
|
10
|
+
className?: string;
|
|
11
|
+
children?: React.ReactNode;
|
|
13
12
|
} & import("..").PolymorphicComponentProps & {
|
|
14
|
-
theme?: import("@emotion/react").Theme
|
|
13
|
+
theme?: import("@emotion/react").Theme;
|
|
15
14
|
}, {}, {}>;
|
|
16
15
|
export default AppBarListItem;
|
|
@@ -8,7 +8,7 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _ListItem = _interopRequireDefault(require("../lists/ListItem"));
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
function _interopRequireDefault(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
|
|
13
13
|
target: "eno8yen0"
|
|
14
14
|
} : {
|
|
@@ -17,5 +17,4 @@ const AppBarListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, proces
|
|
|
17
17
|
})("&:active{color:", _theme.theme.colors.secondary.main, ";}", p => p.selected && /*#__PURE__*/(0, _react.css)("background:", _theme.theme.colors.surface.primary, ";color:", _theme.theme.colors.secondary.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:AppBarListItem;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZTyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXBwLWJhci9BcHBCYXJMaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJy4uL2xpc3RzL0xpc3RJdGVtJ1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgQXBwQmFyTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pYFxuICAmOmFjdGl2ZSB7XG4gICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgfVxuXG4gICR7KHApID0+XG4gICAgcC5zZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgIGB9XG5cbiAgJHsocCkgPT5cbiAgICB0aGVtZS5zdGF0ZXMub3ZlcmxheShwLnNlbGVjdGVkLCB7XG4gICAgICBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLFxuICAgIH0pfVxuYFxuXG5leHBvcnQgZGVmYXVsdCBBcHBCYXJMaXN0SXRlbVxuIl19 */"), " ", p => _theme.theme.states.overlay(p.selected, {
|
|
18
18
|
color: _theme.theme.colors.secondary.main
|
|
19
19
|
}), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hcHAtYmFyL0FwcEJhckxpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2FwcC1iYXIvQXBwQmFyTGlzdEl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBMaXN0SXRlbSBmcm9tICcuLi9saXN0cy9MaXN0SXRlbSdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmNvbnN0IEFwcEJhckxpc3RJdGVtID0gc3R5bGVkKExpc3RJdGVtKWBcbiAgJjphY3RpdmUge1xuICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gIH1cblxuICAkeyhwKSA9PlxuICAgIHAuc2VsZWN0ZWQgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnByaW1hcnl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICBgfVxuXG4gICR7KHApID0+XG4gICAgdGhlbWUuc3RhdGVzLm92ZXJsYXkocC5zZWxlY3RlZCwge1xuICAgICAgY29sb3I6IHRoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbixcbiAgICB9KX1cbmBcblxuZXhwb3J0IGRlZmF1bHQgQXBwQmFyTGlzdEl0ZW1cbiJdfQ== */"));
|
|
20
|
-
var _default = AppBarListItem;
|
|
21
|
-
exports.default = _default;
|
|
20
|
+
var _default = exports.default = AppBarListItem;
|
package/cjs/app-bar/index.js
CHANGED
|
@@ -5,49 +5,49 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "AppBar", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _AppBar.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "AppBarDrawer", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _AppBarDrawer.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "AppBarIconButton", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _AppBarIconButton.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "AppBarItem", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _AppBarItem.AppBarItem;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "AppBarListItem", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
32
|
+
get: function () {
|
|
33
33
|
return _AppBarListItem.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "AppBarProvider", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function
|
|
38
|
+
get: function () {
|
|
39
39
|
return _AppBarContext.AppBarProvider;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "MenuPopOverContext", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function
|
|
44
|
+
get: function () {
|
|
45
45
|
return _AppBarItem.MenuPopOverContext;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "useAppBarContext", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function
|
|
50
|
+
get: function () {
|
|
51
51
|
return _AppBarContext.useAppBarContext;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
@@ -57,4 +57,4 @@ var _AppBarDrawer = _interopRequireDefault(require("./AppBarDrawer"));
|
|
|
57
57
|
var _AppBar = _interopRequireDefault(require("./AppBar"));
|
|
58
58
|
var _AppBarIconButton = _interopRequireDefault(require("./AppBarIconButton"));
|
|
59
59
|
var _AppBarListItem = _interopRequireDefault(require("./AppBarListItem"));
|
|
60
|
-
function _interopRequireDefault(
|
|
60
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React, { ElementType, FunctionComponent, ReactNode } from 'react';
|
|
2
2
|
import { Intent } from '../../common/intent';
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type BannerVariant = 'lowEmphasis' | 'mediumEmphasis' | 'highEmphasis' | 'default' | 'inverted';
|
|
4
|
+
export type BannerStickyPosition = 'top' | 'bottom' | 'bottom-right';
|
|
5
|
+
export type BannerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Specifies the intent of the Banner (change the color of the banner icon to match intended status)
|
|
8
8
|
*/
|