@dfds-ui/react-components 2.2.0-alpha.d73c5409 → 2.2.0-alpha.daf8252e
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 -51
- package/accordion/AccordionContent.d.ts +1 -1
- package/accordion/AccordionContent.js +13 -6
- package/accordion/AccordionSmall.d.ts +2 -2
- package/accordion/AccordionSmall.js +52 -38
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +54 -40
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +7 -6
- 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 +3 -3
- package/app-bar/AppBarItem.js +76 -60
- package/app-bar/AppBarListItem.d.ts +11 -11
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +71 -57
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.js +9 -4
- package/assertions/toast/Toast.d.ts +1 -1
- package/assertions/toast/Toast.js +28 -17
- package/assertions/toast/Toaster.d.ts +4 -4
- package/assertions/toast/Toaster.js +53 -57
- package/badge/Badge.d.ts +1 -1
- package/badge/Badge.js +17 -9
- package/button/BadgeIcon.d.ts +1 -1
- 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 -30
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +24 -18
- package/button/LinkButton.d.ts +1 -1
- package/button/LinkButton.js +9 -4
- package/button/button-style.d.ts +7 -7
- package/button-stack/ButtonStack.d.ts +3 -3
- package/button-stack/ButtonStack.js +30 -22
- package/card/Card.d.ts +2 -2
- package/card/Card.js +49 -35
- package/card/CardActions.js +13 -6
- package/card/CardContent.d.ts +1 -1
- package/card/CardContent.js +19 -9
- package/card/CardMedia.d.ts +2 -2
- package/card/CardMedia.js +15 -6
- package/card/CardPriceTag.d.ts +1 -1
- package/card/CardPriceTag.js +22 -4
- package/card/CardTitle.d.ts +1 -1
- package/card/CardTitle.js +25 -15
- package/chip/Chip.d.ts +4 -4
- package/chip/Chip.js +22 -13
- package/cjs/accordion/Accordion.d.ts +2 -2
- package/cjs/accordion/Accordion.js +63 -50
- package/cjs/accordion/AccordionContent.d.ts +1 -1
- package/cjs/accordion/AccordionContent.js +7 -6
- package/cjs/accordion/AccordionSmall.d.ts +2 -2
- package/cjs/accordion/AccordionSmall.js +45 -37
- package/cjs/app-bar/AppBar.d.ts +3 -3
- package/cjs/app-bar/AppBar.js +51 -41
- package/cjs/app-bar/AppBarContext.d.ts +3 -3
- package/cjs/app-bar/AppBarContext.js +5 -4
- package/cjs/app-bar/AppBarDrawer.d.ts +2 -2
- package/cjs/app-bar/AppBarDrawer.js +8 -8
- package/cjs/app-bar/AppBarIconButton.d.ts +2 -2
- package/cjs/app-bar/AppBarIconButton.js +7 -7
- package/cjs/app-bar/AppBarItem.d.ts +3 -3
- package/cjs/app-bar/AppBarItem.js +69 -60
- package/cjs/app-bar/AppBarListItem.d.ts +11 -11
- package/cjs/app-bar/AppBarListItem.js +1 -2
- package/cjs/assertions/banner/Banner.d.ts +3 -3
- package/cjs/assertions/banner/Banner.js +62 -55
- package/cjs/assertions/banner/BannerAction.d.ts +1 -1
- package/cjs/assertions/banner/BannerAction.js +5 -4
- package/cjs/assertions/banner/BannerTypography.js +9 -7
- package/cjs/assertions/toast/Toast.d.ts +1 -1
- package/cjs/assertions/toast/Toast.js +22 -17
- package/cjs/assertions/toast/Toaster.d.ts +4 -4
- package/cjs/assertions/toast/Toaster.js +37 -29
- package/cjs/badge/Badge.d.ts +1 -1
- package/cjs/badge/Badge.js +11 -7
- package/cjs/button/BadgeIcon.d.ts +1 -1
- package/cjs/button/BadgeIcon.js +19 -17
- package/cjs/button/BaseButton.d.ts +6 -6
- package/cjs/button/BaseButton.js +3 -5
- package/cjs/button/Button.d.ts +4 -4
- package/cjs/button/Button.js +31 -29
- package/cjs/button/IconButton.d.ts +2 -2
- package/cjs/button/IconButton.js +20 -20
- package/cjs/button/LinkButton.d.ts +1 -1
- package/cjs/button/LinkButton.js +6 -6
- package/cjs/button/button-style.d.ts +7 -7
- package/cjs/button/button-style.js +8 -15
- package/cjs/button-stack/ButtonStack.d.ts +3 -3
- package/cjs/button-stack/ButtonStack.js +22 -20
- package/cjs/card/Card.d.ts +2 -2
- package/cjs/card/Card.js +39 -29
- package/cjs/card/CardActions.js +7 -7
- package/cjs/card/CardContent.d.ts +1 -1
- package/cjs/card/CardContent.js +13 -9
- package/cjs/card/CardMedia.d.ts +2 -2
- package/cjs/card/CardMedia.js +9 -6
- package/cjs/card/CardPriceTag.d.ts +1 -1
- package/cjs/card/CardPriceTag.js +16 -4
- package/cjs/card/CardTitle.d.ts +1 -1
- package/cjs/card/CardTitle.js +16 -12
- package/cjs/chip/Chip.d.ts +4 -4
- package/cjs/chip/Chip.js +18 -15
- package/cjs/common/LockBodyScroll.d.ts +4 -3
- package/cjs/common/LockBodyScroll.js +23 -16
- package/cjs/common/arrow.d.ts +2 -2
- package/cjs/common/emotionCloneElement.js +1 -3
- package/cjs/common/intent.d.ts +1 -1
- package/cjs/common/polymorphic.d.ts +3 -3
- package/cjs/common/polymorphic.js +9 -5
- package/cjs/common/use-media.js +1 -1
- package/cjs/common/useOnClickOutside.d.ts +2 -2
- package/cjs/common/useOnClickOutside.js +2 -2
- package/cjs/common/utils.d.ts +3 -3
- package/cjs/counter/Counter.d.ts +3 -2
- package/cjs/counter/Counter.js +57 -49
- package/cjs/counter/PluralCounter.d.ts +4 -3
- package/cjs/counter/PluralCounter.js +15 -14
- package/cjs/data-table/DataTable.d.ts +1 -1
- package/cjs/data-table/DataTable.js +47 -39
- package/cjs/divider/Divider.d.ts +2 -2
- package/cjs/divider/Divider.js +6 -6
- package/cjs/drawer/Drawer.d.ts +6 -5
- package/cjs/drawer/Drawer.js +12 -10
- package/cjs/dropdown-menu/Dropdown.d.ts +3 -3
- package/cjs/dropdown-menu/Dropdown.js +39 -35
- package/cjs/dropdown-menu/DropdownContext.d.ts +4 -4
- package/cjs/dropdown-menu/DropdownContext.js +7 -8
- package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
- package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
- package/cjs/dropdown-menu/MenuItem.js +30 -28
- package/cjs/dropdown-menu/MenuTitle.js +15 -12
- package/cjs/elevation/index.d.ts +2 -2
- package/cjs/elevation/index.js +1 -2
- package/cjs/flexbox/FlexBox.d.ts +5 -5
- package/cjs/flexbox/FlexBox.js +2 -4
- package/cjs/footer/Footer.d.ts +2 -2
- package/cjs/footer/Footer.js +13 -9
- package/cjs/forms/assistive-text/AssistiveText.d.ts +3 -3
- package/cjs/forms/assistive-text/AssistiveText.js +1 -2
- package/cjs/forms/asterisk/Asterisk.js +5 -4
- package/cjs/forms/checkbox/Checkbox.d.ts +6 -6
- package/cjs/forms/checkbox/Checkbox.js +41 -37
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
- package/cjs/forms/email-field/EmailField.d.ts +19 -3
- package/cjs/forms/email-field/EmailField.js +12 -8
- package/cjs/forms/error-text/ErrorText.d.ts +3 -3
- package/cjs/forms/error-text/ErrorText.js +1 -2
- package/cjs/forms/field/Field.d.ts +1 -1
- package/cjs/forms/field/Field.js +10 -6
- package/cjs/forms/index.d.ts +3 -3
- package/cjs/forms/input/Input.d.ts +4 -4
- package/cjs/forms/input/Input.js +34 -33
- package/cjs/forms/input/InputComposition.d.ts +12 -12
- package/cjs/forms/input/InputComposition.js +40 -35
- package/cjs/forms/label/Label.d.ts +1 -1
- package/cjs/forms/label/Label.js +6 -3
- package/cjs/forms/number-field/NumberField.d.ts +19 -3
- package/cjs/forms/number-field/NumberField.js +12 -8
- package/cjs/forms/password-field/PasswordField.d.ts +2 -2
- package/cjs/forms/password-field/PasswordField.js +13 -14
- package/cjs/forms/radio/Radio.d.ts +4 -4
- package/cjs/forms/radio/Radio.js +25 -23
- package/cjs/forms/reactselect/ReactSelect.d.ts +14 -14
- package/cjs/forms/reactselect/ReactSelect.js +76 -68
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +3 -3
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
- package/cjs/forms/select/Select.d.ts +5 -5
- package/cjs/forms/select/Select.js +33 -31
- package/cjs/forms/select-field/SelectField.d.ts +13 -5
- package/cjs/forms/select-field/SelectField.js +37 -34
- package/cjs/forms/switch/Switch.d.ts +2 -2
- package/cjs/forms/switch/Switch.js +41 -35
- package/cjs/forms/tel-field/TelField.d.ts +19 -3
- package/cjs/forms/tel-field/TelField.js +12 -8
- package/cjs/forms/text-field/TextField.d.ts +22 -5
- package/cjs/forms/text-field/TextField.js +42 -40
- package/cjs/global-styles/GlobalStyles.js +3 -2
- package/cjs/global-styles/ResetStyles.js +2 -1
- package/cjs/global-styles/sanitize.d.ts +1 -1
- package/cjs/global-styles/sanitize.js +2 -3
- package/cjs/grid/Column.d.ts +1 -1
- package/cjs/grid/Column.js +7 -7
- package/cjs/grid/Container.d.ts +2 -2
- package/cjs/grid/Container.js +34 -29
- package/cjs/hero/Hero.d.ts +2 -2
- package/cjs/hero/Hero.js +42 -22
- package/cjs/hero/stripes.d.ts +2 -2
- package/cjs/hero/stripes.js +177 -162
- package/cjs/ie-banner/IEBanner.d.ts +1 -1
- package/cjs/ie-banner/IEBanner.js +13 -8
- package/cjs/index.d.ts +0 -1
- package/cjs/index.js +0 -12
- package/cjs/layout/LayoutLegacy.js +2 -1
- package/cjs/lists/FeatureList.d.ts +7 -7
- package/cjs/lists/FeatureList.js +16 -13
- package/cjs/lists/ListAddon.d.ts +1 -1
- package/cjs/lists/ListAddon.js +10 -7
- package/cjs/lists/ListDivider.d.ts +1 -1
- package/cjs/lists/ListDivider.js +6 -6
- package/cjs/lists/ListIcon.d.ts +2 -2
- package/cjs/lists/ListIcon.js +6 -6
- package/cjs/lists/ListItem.d.ts +2 -2
- package/cjs/lists/ListItem.js +7 -6
- package/cjs/lists/ListText.d.ts +3 -3
- package/cjs/lists/ListText.js +6 -6
- package/cjs/lists/ListTextGroup.d.ts +1 -1
- package/cjs/lists/ListTextGroup.js +6 -6
- package/cjs/lists/ListTitle.js +6 -6
- package/cjs/loader/DfdsLoader.d.ts +1 -1
- package/cjs/loader/DfdsLoader.js +29 -23
- package/cjs/loader/Loader.d.ts +1 -1
- package/cjs/loader/Loader.js +9 -3
- package/cjs/localization/LocaleFlag.d.ts +1 -1
- package/cjs/localization/LocaleFlag.js +5 -4
- package/cjs/localization/locales.d.ts +2 -2
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.d.ts +1 -1
- package/cjs/logo/Logo.js +12 -9
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.d.ts +1 -1
- package/cjs/menu/Menu.js +29 -23
- package/cjs/mobile-stepper/MobileStepper.d.ts +1 -1
- package/cjs/mobile-stepper/MobileStepper.js +17 -15
- package/cjs/nav-bar/NavBar.d.ts +9 -9
- package/cjs/nav-bar/NavBar.js +34 -24
- package/cjs/nav-menu/NavMenuItem.d.ts +1 -1
- package/cjs/nav-menu/NavMenuItem.js +13 -11
- package/cjs/pagination/Pagination.d.ts +2 -2
- package/cjs/pagination/Pagination.js +50 -38
- package/cjs/pagination/Pagination.styles.d.ts +6 -6
- package/cjs/pagination/Pagination.styles.js +6 -12
- package/cjs/popper/Popper.d.ts +3 -3
- package/cjs/popper/Popper.js +21 -17
- package/cjs/progress-bar/ProgressBar.d.ts +1 -1
- package/cjs/progress-bar/ProgressBar.js +3 -3
- package/cjs/schedule/ScheduleItem.d.ts +8 -8
- package/cjs/schedule/ScheduleItem.js +11 -8
- package/cjs/schedule/ScheduleList.d.ts +3 -3
- package/cjs/schedule/ScheduleList.js +10 -11
- package/cjs/side-sheet/SideSheet.d.ts +4 -4
- package/cjs/side-sheet/SideSheet.js +41 -33
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
- package/cjs/side-sheet/SideSheetContent.d.ts +1 -1
- package/cjs/side-sheet/SideSheetContent.js +10 -7
- package/cjs/side-sheet/SideSheetFooter.d.ts +1 -1
- package/cjs/side-sheet/SideSheetFooter.js +10 -7
- package/cjs/side-sheet/SideSheetHeader.d.ts +1 -1
- package/cjs/side-sheet/SideSheetHeader.js +10 -7
- package/cjs/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/cjs/side-sheet/SideSheetHeadline.js +6 -5
- package/cjs/site-layout/SiteLayout.d.ts +11 -11
- package/cjs/site-layout/SiteLayout.js +30 -19
- package/cjs/skeleton/Skeleton.d.ts +1 -1
- package/cjs/skeleton/Skeleton.js +6 -6
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
- package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
- package/cjs/spinner/Spinner.d.ts +7 -7
- package/cjs/spinner/Spinner.js +13 -13
- package/cjs/step/Step.d.ts +1 -1
- package/cjs/step/Step.js +29 -20
- package/cjs/step/Step.styles.d.ts +4 -4
- package/cjs/step/Step.styles.js +4 -8
- package/cjs/step/StepButton.d.ts +2 -2
- package/cjs/step/StepButton.js +30 -27
- package/cjs/step/StepContent.d.ts +1 -1
- package/cjs/step/StepContent.js +12 -10
- package/cjs/step/StepContext.d.ts +1 -1
- package/cjs/step/StepContext.js +1 -2
- package/cjs/step/StepLabel.d.ts +1 -1
- package/cjs/step/StepLabel.js +9 -7
- package/cjs/stepper/Stepper.d.ts +1 -1
- package/cjs/stepper/Stepper.js +12 -10
- package/cjs/stepper/StepperContext.d.ts +1 -1
- package/cjs/stepper/StepperContext.js +1 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
- package/cjs/styles/media.d.ts +1 -1
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/style-helpers.d.ts +1 -1
- 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 +20 -14
- package/cjs/tab/Tab.d.ts +3 -3
- package/cjs/tab/Tab.js +9 -8
- package/cjs/tab/TabPanel.d.ts +2 -2
- package/cjs/tab/TabPanel.js +7 -7
- package/cjs/tab/Tabs.d.ts +3 -3
- package/cjs/tab/Tabs.js +32 -31
- package/cjs/tab/TabsContext.d.ts +3 -3
- package/cjs/tab/TabsContext.js +7 -8
- package/cjs/table/Table.d.ts +3 -3
- package/cjs/table/Table.js +17 -17
- package/cjs/table/TableBody.d.ts +2 -2
- package/cjs/table/TableBody.js +11 -12
- package/cjs/table/TableDataCell.d.ts +2 -2
- package/cjs/table/TableDataCell.js +13 -14
- package/cjs/table/TableHead.d.ts +3 -3
- package/cjs/table/TableHead.js +12 -15
- package/cjs/table/TableHeaderCell.d.ts +4 -4
- package/cjs/table/TableHeaderCell.js +14 -15
- package/cjs/table/TableRow.d.ts +2 -2
- package/cjs/table/TableRow.js +12 -14
- package/cjs/test/Test.js +5 -4
- package/cjs/tooltip/Tooltip.d.ts +3 -3
- package/cjs/tooltip/Tooltip.js +31 -25
- package/cjs/typography/Headlines.d.ts +36 -36
- package/cjs/typography/Headlines.js +25 -31
- package/cjs/typography/Text.d.ts +2 -2
- package/cjs/typography/Text.js +2 -3
- package/common/LockBodyScroll.d.ts +4 -3
- package/common/LockBodyScroll.js +28 -16
- package/common/arrow.d.ts +2 -2
- package/common/emotionCloneElement.js +1 -2
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +3 -3
- package/common/polymorphic.js +9 -3
- package/common/use-media.js +3 -3
- package/common/useOnClickOutside.d.ts +2 -2
- package/common/useOnClickOutside.js +2 -2
- package/common/utils.d.ts +3 -3
- package/counter/Counter.d.ts +3 -2
- package/counter/Counter.js +59 -51
- package/counter/PluralCounter.d.ts +4 -3
- package/counter/PluralCounter.js +24 -17
- package/data-table/DataTable.d.ts +1 -1
- package/data-table/DataTable.js +54 -41
- package/divider/Divider.d.ts +2 -2
- 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 +3 -3
- package/dropdown-menu/Dropdown.js +47 -38
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.d.ts +2 -2
- package/dropdown-menu/MenuItem.js +26 -18
- package/dropdown-menu/MenuTitle.js +14 -11
- package/elevation/index.d.ts +2 -2
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +12 -7
- package/forms/assistive-text/AssistiveText.d.ts +3 -3
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.d.ts +6 -6
- package/forms/checkbox/Checkbox.js +50 -41
- package/forms/checkbox/ExampleControlComponent.d.ts +1 -1
- package/forms/checkbox/ExampleControlComponent.js +15 -8
- 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 -3
- package/forms/field/Field.d.ts +1 -1
- package/forms/field/Field.js +9 -4
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +4 -4
- package/forms/input/Input.js +42 -36
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +41 -31
- package/forms/label/Label.d.ts +1 -1
- package/forms/label/Label.js +12 -4
- package/forms/number-field/NumberField.d.ts +19 -3
- package/forms/number-field/NumberField.js +17 -7
- package/forms/password-field/PasswordField.d.ts +2 -2
- package/forms/password-field/PasswordField.js +19 -14
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +33 -25
- package/forms/reactselect/ReactSelect.d.ts +14 -14
- package/forms/reactselect/ReactSelect.js +73 -67
- 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 -34
- package/forms/select-field/SelectField.d.ts +13 -5
- package/forms/select-field/SelectField.js +44 -36
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +52 -40
- 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 -42
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.js +2 -2
- package/global-styles/sanitize.d.ts +1 -1
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +14 -7
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +41 -35
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +42 -20
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.d.ts +1 -1
- package/ie-banner/IEBanner.js +14 -8
- package/index.d.ts +0 -1
- package/index.js +0 -1
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +7 -7
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.d.ts +1 -1
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.d.ts +1 -1
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.d.ts +2 -2
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +13 -6
- package/lists/ListText.d.ts +3 -3
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.d.ts +1 -1
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.js +10 -5
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +26 -20
- package/loader/Loader.d.ts +1 -1
- package/loader/Loader.js +8 -2
- package/localization/LocaleFlag.d.ts +1 -1
- package/localization/LocaleFlag.js +10 -5
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +1 -1
- 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 +1 -1
- package/mobile-stepper/MobileStepper.js +26 -18
- package/nav-bar/NavBar.d.ts +9 -9
- package/nav-bar/NavBar.js +41 -23
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +12 -10
- package/package.json +17 -21
- package/pagination/Pagination.d.ts +2 -2
- package/pagination/Pagination.js +53 -35
- package/pagination/Pagination.styles.d.ts +6 -6
- package/popper/Popper.d.ts +3 -3
- package/popper/Popper.js +27 -17
- package/progress-bar/ProgressBar.d.ts +1 -1
- package/progress-bar/ProgressBar.js +2 -2
- package/schedule/ScheduleItem.d.ts +8 -8
- 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 +4 -4
- package/side-sheet/SideSheet.js +47 -34
- package/side-sheet/SideSheetCloseButton.d.ts +1 -1
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.d.ts +1 -1
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.d.ts +1 -1
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.d.ts +1 -1
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.d.ts +1 -1
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.d.ts +11 -11
- package/site-layout/SiteLayout.js +31 -12
- package/skeleton/Skeleton.d.ts +1 -1
- package/skeleton/Skeleton.js +10 -5
- package/social-media-link-list/SocialMediaLinkList.d.ts +7 -7
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.d.ts +7 -7
- package/spinner/Spinner.js +17 -10
- package/step/Step.d.ts +1 -1
- package/step/Step.js +34 -20
- package/step/Step.styles.d.ts +4 -4
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +27 -19
- package/step/StepContent.d.ts +1 -1
- package/step/StepContent.js +11 -9
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +8 -6
- package/stepper/Stepper.d.ts +1 -1
- package/stepper/Stepper.js +13 -11
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.d.ts +1 -1
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +9 -8
- package/surface/Surface.js +17 -14
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +18 -11
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +6 -5
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +46 -39
- 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 +3 -3
- package/table/TableHead.js +13 -12
- package/table/TableHeaderCell.d.ts +4 -4
- package/table/TableHeaderCell.js +18 -13
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +14 -14
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.d.ts +3 -3
- package/tooltip/Tooltip.js +34 -24
- package/typography/Headlines.d.ts +36 -36
- package/typography/Headlines.js +24 -17
- package/typography/Text.d.ts +2 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
- 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 -263
- 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 -12
- 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,5 +1,5 @@
|
|
|
1
1
|
import React, { ReactNode } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type BannerActionVariation = 'primary' | 'secondary' | 'primary-thick' | 'secondary-thick';
|
|
3
3
|
export interface BannerActionProps {
|
|
4
4
|
variation?: BannerActionVariation;
|
|
5
5
|
onClick?: () => void;
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
var _excluded = ["variation"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
5
10
|
import React from 'react';
|
|
6
11
|
import { css } from '@emotion/react';
|
|
7
12
|
import { theme } from '@dfds-ui/theme';
|
|
8
13
|
import { typography } from '@dfds-ui/typography';
|
|
9
14
|
import { Button } from '../../button';
|
|
10
15
|
import { useBannerContext } from './Banner';
|
|
11
|
-
import { jsx as
|
|
16
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
12
17
|
var getVariationStyle = function getVariationStyle(bannerVariant) {
|
|
13
18
|
switch (bannerVariant) {
|
|
14
19
|
case 'lowEmphasis':
|
|
@@ -27,7 +32,7 @@ export var BannerAction = function BannerAction(_ref) {
|
|
|
27
32
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
28
33
|
var _useBannerContext = useBannerContext(),
|
|
29
34
|
bannerVariant = _useBannerContext.variant;
|
|
30
|
-
return
|
|
35
|
+
return _jsx(Button, _objectSpread({
|
|
31
36
|
variation: variation === 'primary-thick' ? 'outlined' : 'text',
|
|
32
37
|
type: "button",
|
|
33
38
|
css: /*#__PURE__*/css((variation === 'primary' || variation === 'secondary') && /*#__PURE__*/css(typography.action, ";padding:0 ", theme.spacing.xs, ";border-width:", variation === 'primary' ? '1px' : '0', ";border-style:solid;" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1FVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"), " flex:auto;flex-basis:auto;flex-grow:0;margin-left:", theme.spacing.xs, ";", getVariationStyle(bannerVariant), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BannerAction;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL2Jhbm5lci9CYW5uZXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy9iYW5uZXIvQmFubmVyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vLi4vYnV0dG9uJ1xuaW1wb3J0IHsgQmFubmVyVmFyaWFudCwgdXNlQmFubmVyQ29udGV4dCB9IGZyb20gJy4vQmFubmVyJ1xuXG5leHBvcnQgdHlwZSBCYW5uZXJBY3Rpb25WYXJpYXRpb24gPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdwcmltYXJ5LXRoaWNrJyB8ICdzZWNvbmRhcnktdGhpY2snXG5cbmV4cG9ydCBpbnRlcmZhY2UgQmFubmVyQWN0aW9uUHJvcHMge1xuICB2YXJpYXRpb24/OiBCYW5uZXJBY3Rpb25WYXJpYXRpb25cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIGNsYXNzTmFtZSB0byBiZSBhc3NpZ25lZCB0byB0aGUgYnV0dG9uXG4gICAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIFVwZGF0ZXMgY29tcG9uZW50IHdpdGggY2hpbGRyZW4gcHJvcCBhY2NvcmRpbmdseSB0byB0aGUgQHR5cGVzIHVwZGF0ZVxuICAgKi9cbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbn1cblxuY29uc3QgZ2V0VmFyaWF0aW9uU3R5bGUgPSAoYmFubmVyVmFyaWFudDogQmFubmVyVmFyaWFudCkgPT4ge1xuICBzd2l0Y2ggKGJhbm5lclZhcmlhbnQpIHtcbiAgICBjYXNlICdsb3dFbXBoYXNpcyc6XG4gICAgY2FzZSAnZGVmYXVsdCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5kYXJrfTtcbiAgICAgICAgfVxuICAgICAgYFxuICAgIGNhc2UgJ21lZGl1bUVtcGhhc2lzJzpcbiAgICAgIHJldHVybiBjc3NgXG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LnByaW1hcnkucHJpbWFyeX07XG4gICAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnl9O1xuICAgICAgICB9XG4gICAgICBgXG4gICAgY2FzZSAnaGlnaEVtcGhhc2lzJzpcbiAgICBjYXNlICdpbnZlcnRlZCc6XG4gICAgICByZXR1cm4gY3NzYFxuICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLmNvbG9ycy50ZXh0LmxpZ2h0LnByaW1hcnl9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMudGV4dC5saWdodC5wcmltYXJ5fTtcbiAgICAgICAgfVxuICAgICAgYFxuICB9XG59XG5cbmV4cG9ydCBjb25zdCBCYW5uZXJBY3Rpb246IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEJhbm5lckFjdGlvblByb3BzPiA9ICh7IHZhcmlhdGlvbiA9ICdwcmltYXJ5JywgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgdmFyaWFudDogYmFubmVyVmFyaWFudCB9ID0gdXNlQmFubmVyQ29udGV4dCgpXG5cbiAgcmV0dXJuIChcbiAgICA8QnV0dG9uXG4gICAgICB2YXJpYXRpb249e3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnktdGhpY2snID8gJ291dGxpbmVkJyA6ICd0ZXh0J31cbiAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgICR7KHZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknIHx8IHZhcmlhdGlvbiA9PT0gJ3NlY29uZGFyeScpICYmXG4gICAgICAgIGNzc2BcbiAgICAgICAgICAke3R5cG9ncmFwaHkuYWN0aW9ufTtcbiAgICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICAgYm9yZGVyLXdpZHRoOiAke3ZhcmlhdGlvbiA9PT0gJ3ByaW1hcnknID8gJzFweCcgOiAnMCd9O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgIGB9XG4gICAgICAgIGZsZXg6IGF1dG87XG4gICAgICAgIGZsZXgtYmFzaXM6IGF1dG87XG4gICAgICAgIGZsZXgtZ3JvdzogMDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgICR7Z2V0VmFyaWF0aW9uU3R5bGUoYmFubmVyVmFyaWFudCl9XG4gICAgICBgfVxuICAgICAgY2xhc3NOYW1lPVwiQmFubmVyQWN0aW9uXCJcbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cbiJdfQ== */"),
|
|
@@ -1,9 +1,14 @@
|
|
|
1
|
-
function
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
2
7
|
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)."; }
|
|
3
8
|
import React from 'react';
|
|
4
9
|
import { Text } from '@dfds-ui/typography';
|
|
5
10
|
import { css } from '@emotion/react';
|
|
6
|
-
import { jsx as
|
|
11
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
7
12
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
8
13
|
name: "ti75j2",
|
|
9
14
|
styles: "margin:0"
|
|
@@ -13,7 +18,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
13
18
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
14
19
|
};
|
|
15
20
|
export var BannerHeadline = function BannerHeadline(props) {
|
|
16
|
-
return
|
|
21
|
+
return _jsx(Text, _objectSpread({
|
|
17
22
|
as: "h2",
|
|
18
23
|
styledAs: "bodyInterfaceBold",
|
|
19
24
|
css: _ref2
|
|
@@ -28,7 +33,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
28
33
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
29
34
|
};
|
|
30
35
|
export var BannerParagraph = function BannerParagraph(props) {
|
|
31
|
-
return
|
|
36
|
+
return _jsx(Text, _objectSpread({
|
|
32
37
|
as: "p",
|
|
33
38
|
styledAs: "bodyInterface",
|
|
34
39
|
css: _ref
|
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
import _styled from "@emotion/styled/base";
|
|
2
3
|
var _excluded = ["intent", "actionLabel", "onRequestClose", "onRequestAction", "children", "loading"];
|
|
3
|
-
function
|
|
4
|
-
function
|
|
5
|
-
function
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
7
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
8
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
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; }
|
|
10
|
+
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
11
|
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)."; }
|
|
7
12
|
import React from 'react';
|
|
8
13
|
import { css } from '@emotion/react';
|
|
@@ -13,7 +18,7 @@ import { IconButton } from '../../button';
|
|
|
13
18
|
import { Close } from '@dfds-ui/icons/system';
|
|
14
19
|
import { CenteredSpinner } from '../../spinner/Spinner';
|
|
15
20
|
import { Button } from '../../button';
|
|
16
|
-
import { jsx as
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
17
22
|
var ToastWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
18
23
|
target: "e145csjx4"
|
|
19
24
|
} : {
|
|
@@ -70,19 +75,25 @@ var Toast = function Toast(_ref2) {
|
|
|
70
75
|
var handleAction = function handleAction() {
|
|
71
76
|
return onRequestAction && onRequestAction();
|
|
72
77
|
};
|
|
73
|
-
return
|
|
78
|
+
return _jsxs(ToastWrapper, _objectSpread(_objectSpread({
|
|
74
79
|
intent: intent
|
|
75
|
-
}, rest),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
80
|
+
}, rest), {}, {
|
|
81
|
+
children: [loading && _jsx(Spinner, {}), _jsx(ToastText, {
|
|
82
|
+
children: children
|
|
83
|
+
}), onRequestAction && _jsx(ActionButton, {
|
|
84
|
+
variation: "text",
|
|
85
|
+
onClick: handleAction,
|
|
86
|
+
children: actionLabel
|
|
87
|
+
}), onRequestClose && _jsx("span", {
|
|
88
|
+
css: _ref,
|
|
89
|
+
children: _jsx(CloseIconButton, {
|
|
90
|
+
size: "small",
|
|
91
|
+
icon: Close,
|
|
92
|
+
ariaLabel: "Close",
|
|
93
|
+
onClick: handleClose,
|
|
94
|
+
"data-testid": "toast-close"
|
|
95
|
+
})
|
|
96
|
+
})]
|
|
97
|
+
}));
|
|
87
98
|
};
|
|
88
99
|
export default Toast;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
2
|
import { ToastProps } from './Toast';
|
|
3
|
-
|
|
3
|
+
type TimeoutType = {
|
|
4
4
|
timeout?: number;
|
|
5
5
|
};
|
|
6
|
-
|
|
6
|
+
type ToasterState = {
|
|
7
7
|
open: boolean;
|
|
8
8
|
hasActive: boolean;
|
|
9
9
|
toastProps: ToastProps | null;
|
|
10
10
|
} & TimeoutType;
|
|
11
11
|
export declare const useToaster: () => {
|
|
12
|
-
addToast: (props:
|
|
12
|
+
addToast: (props: ToastProps & TimeoutType) => Promise<void>;
|
|
13
13
|
state: ToasterState;
|
|
14
14
|
};
|
|
15
15
|
declare const Toaster: FunctionComponent<{
|
|
@@ -1,15 +1,7 @@
|
|
|
1
1
|
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
2
|
import _styled from "@emotion/styled/base";
|
|
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 _regeneratorRuntime() { "use strict"; var r = _regenerator(), e = r.m(_regeneratorRuntime), t = (Object.getPrototypeOf ? Object.getPrototypeOf(e) : e.__proto__).constructor; function n(r) { var e = "function" == typeof r && r.constructor; return !!e && (e === t || "GeneratorFunction" === (e.displayName || e.name)); } var o = { "throw": 1, "return": 2, "break": 3, "continue": 3 }; function a(r) { var e, t; return function (n) { e || (e = { stop: function stop() { return t(n.a, 2); }, "catch": function _catch() { return n.v; }, abrupt: function abrupt(r, e) { return t(n.a, o[r], e); }, delegateYield: function delegateYield(r, o, a) { return e.resultName = o, t(n.d, _regeneratorValues(r), a); }, finish: function finish(r) { return t(n.f, r); } }, t = function t(r, _t, o) { n.p = e.prev, n.n = e.next; try { return r(_t, o); } finally { e.next = n.n; } }), e.resultName && (e[e.resultName] = n.v, e.resultName = void 0), e.sent = n.v, e.next = n.n; try { return r.call(this, e); } finally { n.p = e.prev, n.n = e.next; } }; } return (_regeneratorRuntime = function _regeneratorRuntime() { return { wrap: function wrap(e, t, n, o) { return r.w(a(e), t, n, o && o.reverse()); }, isGeneratorFunction: n, mark: r.m, awrap: function awrap(r, e) { return new _OverloadYield(r, e); }, AsyncIterator: _regeneratorAsyncIterator, async: function async(r, e, t, o, u) { return (n(e) ? _regeneratorAsyncGen : _regeneratorAsync)(a(r), e, t, o, u); }, keys: _regeneratorKeys, values: _regeneratorValues }; })(); }
|
|
5
|
-
function _regeneratorValues(e) { if (null != e) { var t = e["function" == typeof Symbol && Symbol.iterator || "@@iterator"], r = 0; if (t) return t.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) return { next: function next() { return e && r >= e.length && (e = void 0), { value: e && e[r++], done: !e }; } }; } throw new TypeError(_typeof(e) + " is not iterable"); }
|
|
6
|
-
function _regeneratorKeys(e) { var n = Object(e), r = []; for (var t in n) { r.unshift(t); } return function e() { for (; r.length;) { if ((t = r.pop()) in n) return e.value = t, e.done = !1, e; } return e.done = !0, e; }; }
|
|
7
|
-
function _regeneratorAsync(n, e, r, t, o) { var a = _regeneratorAsyncGen(n, e, r, t, o); return a.next().then(function (n) { return n.done ? n.value : a.next(); }); }
|
|
8
|
-
function _regeneratorAsyncGen(r, e, t, o, n) { return new _regeneratorAsyncIterator(_regenerator().w(r, e, t, o), n || Promise); }
|
|
9
|
-
function _regeneratorAsyncIterator(t, e) { function n(r, o, i, f) { try { var c = t[r](o), u = c.value; return u instanceof _OverloadYield ? e.resolve(u.v).then(function (t) { n("next", t, i, f); }, function (t) { n("throw", t, i, f); }) : e.resolve(u).then(function (t) { c.value = t, i(c); }, function (t) { return n("throw", t, i, f); }); } catch (t) { f(t); } } var r; this.next || (_regeneratorDefine2(_regeneratorAsyncIterator.prototype), _regeneratorDefine2(_regeneratorAsyncIterator.prototype, "function" == typeof Symbol && Symbol.asyncIterator || "@asyncIterator", function () { return this; })), _regeneratorDefine2(this, "_invoke", function (t, o, i) { function f() { return new e(function (e, r) { n(t, i, e, r); }); } return r = r ? r.then(f, f) : f(); }, !0); }
|
|
10
3
|
function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
|
|
11
4
|
function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
|
|
12
|
-
function _OverloadYield(e, d) { this.v = e, this.k = d; }
|
|
13
5
|
function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
|
|
14
6
|
function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
|
|
15
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -20,14 +12,14 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
|
|
|
20
12
|
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
21
13
|
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."); }
|
|
22
14
|
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; } }
|
|
23
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++)
|
|
24
|
-
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)
|
|
15
|
+
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; }
|
|
16
|
+
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; } }
|
|
25
17
|
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
26
18
|
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)."; }
|
|
27
19
|
import React, { useEffect, useReducer, useCallback, useRef, useContext, createContext } from 'react';
|
|
28
20
|
import { Toast } from '.';
|
|
29
21
|
import { Fade } from '@mui/material';
|
|
30
|
-
import { jsx as
|
|
22
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
31
23
|
var Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
32
24
|
target: "e271rjj0"
|
|
33
25
|
} : {
|
|
@@ -38,7 +30,7 @@ var Container = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production
|
|
|
38
30
|
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px"
|
|
39
31
|
} : {
|
|
40
32
|
name: "vzyge",
|
|
41
|
-
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
styles: "display:flex;width:100%;align-items:center;justify-content:center;position:fixed;bottom:50px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9hc3NlcnRpb25zL3RvYXN0L1RvYXN0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU00QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvYXNzZXJ0aW9ucy90b2FzdC9Ub2FzdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZHVjZXIsIHVzZUNhbGxiYWNrLCB1c2VSZWYsIHVzZUNvbnRleHQsIGNyZWF0ZUNvbnRleHQsIEZ1bmN0aW9uQ29tcG9uZW50IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBUb2FzdCB9IGZyb20gJy4nXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZhZGUgfSBmcm9tICdAbXVpL21hdGVyaWFsJ1xuaW1wb3J0IHsgVG9hc3RQcm9wcyB9IGZyb20gJy4vVG9hc3QnXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgcG9zaXRpb246IGZpeGVkO1xuICBib3R0b206IDUwcHg7XG5gXG50eXBlIFRpbWVvdXRUeXBlID0geyB0aW1lb3V0PzogbnVtYmVyIH1cblxudHlwZSBUb2FzdGVyU3RhdGUgPSB7XG4gIG9wZW46IGJvb2xlYW5cbiAgaGFzQWN0aXZlOiBib29sZWFuXG4gIHRvYXN0UHJvcHM6IFRvYXN0UHJvcHMgfCBudWxsXG59ICYgVGltZW91dFR5cGVcblxuY29uc3QgVG9hc3RlckNvbnRleHQgPSBjcmVhdGVDb250ZXh0PHtcbiAgc3RhdGU6IFRvYXN0ZXJTdGF0ZVxuICBoYW5kbGVPbk9wZW46IChwcm9wczogVG9hc3RQcm9wcyAmIFRpbWVvdXRUeXBlKSA9PiBQcm9taXNlPHZvaWQ+XG59IHwgbnVsbD4obnVsbClcblxuZXhwb3J0IGNvbnN0IHVzZVRvYXN0ZXIgPSAoKSA9PiB7XG4gIGNvbnN0IGNvbnRleHQgPSB1c2VDb250ZXh0KFRvYXN0ZXJDb250ZXh0KVxuICBpZiAoIWNvbnRleHQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ3VzZVRvYXN0ZXIgbXVzdCBiZSB1c2VkIGluc2lkZSBvZiBUb2FzdGVyIFByb3ZpZGVyIGNvbXBvbmVudCcpXG4gIH1cbiAgcmV0dXJuIHsgYWRkVG9hc3Q6IGNvbnRleHQuaGFuZGxlT25PcGVuLCBzdGF0ZTogY29udGV4dC5zdGF0ZSB9XG59XG5cbmNvbnN0IGluaXRpYWxTdGF0ZSA9IHtcbiAgb3BlbjogZmFsc2UsXG4gIGhhc0FjdGl2ZTogZmFsc2UsXG4gIHRvYXN0UHJvcHM6IG51bGwsXG4gIHRpbWVvdXQ6IDMwMDAsXG59XG5cbmNvbnN0IHRvYXN0ZXJSZWR1Y2VyID0gKHN0YXRlOiBUb2FzdGVyU3RhdGUsIGFjdGlvbjogYW55KSA9PiB7XG4gIHN3aXRjaCAoYWN0aW9uLnR5cGUpIHtcbiAgICBjYXNlICdDTE9TRSc6XG4gICAgICByZXR1cm4gaW5pdGlhbFN0YXRlXG4gICAgY2FzZSAnT1BFTic6XG4gICAgICByZXR1cm4ge1xuICAgICAgICBvcGVuOiB0cnVlLFxuICAgICAgICBoYXNBY3RpdmU6IHRydWUsXG4gICAgICAgIHRvYXN0UHJvcHM6IGFjdGlvbi5wYXlsb2FkLFxuICAgICAgICB0aW1lb3V0OiBhY3Rpb24ucGF5bG9hZC50aW1lb3V0IHx8IHN0YXRlLnRpbWVvdXQsXG4gICAgICB9XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBzdGF0ZVxuICB9XG59XG5cbmNvbnN0IFRvYXN0ZXI6IEZ1bmN0aW9uQ29tcG9uZW50PHsgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZSB8IFJlYWN0LlJlYWN0Tm9kZVtdOyBnbG9iYWxUaW1lb3V0PzogbnVtYmVyIH0+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGdsb2JhbFRpbWVvdXQsXG59KSA9PiB7XG4gIGNvbnN0IFt7IG9wZW4sIGhhc0FjdGl2ZSwgdG9hc3RQcm9wcywgdGltZW91dCB9LCBkaXNwYXRjaF0gPSB1c2VSZWR1Y2VyKHRvYXN0ZXJSZWR1Y2VyLCB7XG4gICAgLi4uaW5pdGlhbFN0YXRlLFxuICAgIHRpbWVvdXQ6IGdsb2JhbFRpbWVvdXQgfHwgaW5pdGlhbFN0YXRlLnRpbWVvdXQsXG4gIH0pXG4gIGNvbnN0IHRpbWVyUmVmID0gdXNlUmVmPG51bWJlciB8IG51bGw+KG51bGwpXG4gIGNvbnN0IGhhbmRsZVRpbWVvdXRDbGVhblVwID0gKCkgPT4ge1xuICAgIHRpbWVyUmVmLmN1cnJlbnQgJiYgd2luZG93LmNsZWFyVGltZW91dCh0aW1lclJlZi5jdXJyZW50KVxuICAgIHRpbWVyUmVmLmN1cnJlbnQgPSBudWxsXG4gIH1cbiAgY29uc3QgaGFuZGxlVGltZW91dCA9IHVzZUNhbGxiYWNrKFxuICAgICgpID0+ICh0aW1lclJlZi5jdXJyZW50ID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4gaGFuZGxlT25DbG9zZSgpLCB0aW1lb3V0KSksXG4gICAgW3RpbWVvdXRdXG4gIClcblxuICBmdW5jdGlvbiBzbGVlcCgpIHtcbiAgICByZXR1cm4gbmV3IFByb21pc2U8dm9pZD4oKHJlc29sdmUpID0+IHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gcmVzb2x2ZSgpLCAzMDApXG4gICAgfSlcbiAgfVxuXG4gIGNvbnN0IGhhbmRsZU9uQ2xvc2UgPSAoKSA9PiB7XG4gICAgZGlzcGF0Y2goeyB0eXBlOiAnQ0xPU0UnIH0pXG4gIH1cblxuICBjb25zdCBoYW5kbGVPbk9wZW4gPSBhc3luYyAocGF5bG9hZDogVG9hc3RQcm9wcykgPT4ge1xuICAgIGlmIChoYXNBY3RpdmUpIHtcbiAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgYXdhaXQgc2xlZXAoKVxuICAgIH1cbiAgICBkaXNwYXRjaCh7IHR5cGU6ICdPUEVOJywgcGF5bG9hZCB9KVxuICB9XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKG9wZW4pIHtcbiAgICAgIGhhbmRsZVRpbWVvdXQoKVxuICAgIH1cbiAgICByZXR1cm4gaGFuZGxlVGltZW91dENsZWFuVXBcbiAgfSwgW2hhbmRsZVRpbWVvdXQsIG9wZW5dKVxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8VG9hc3RlckNvbnRleHQuUHJvdmlkZXIgdmFsdWU9e3sgaGFuZGxlT25PcGVuLCBzdGF0ZTogeyBvcGVuLCBoYXNBY3RpdmUsIHRvYXN0UHJvcHMsIHRpbWVvdXQgfSB9fT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Ub2FzdGVyQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgIHtvcGVuICYmIChcbiAgICAgICAgPENvbnRhaW5lciBvbk1vdXNlRW50ZXI9e2hhbmRsZVRpbWVvdXRDbGVhblVwfSBvbk1vdXNlTGVhdmU9e2hhbmRsZVRpbWVvdXR9PlxuICAgICAgICAgIDxGYWRlIGluPXtvcGVufSBtb3VudE9uRW50ZXIgdW5tb3VudE9uRXhpdCBvbkV4aXRlZD17aGFuZGxlVGltZW91dENsZWFuVXB9PlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPFRvYXN0XG4gICAgICAgICAgICAgICAgey4uLnRvYXN0UHJvcHN9XG4gICAgICAgICAgICAgICAgey4uLih0b2FzdFByb3BzPy5vblJlcXVlc3RDbG9zZVxuICAgICAgICAgICAgICAgICAgPyB7XG4gICAgICAgICAgICAgICAgICAgICAgb25SZXF1ZXN0Q2xvc2U6ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGhhbmRsZU9uQ2xvc2UoKVxuICAgICAgICAgICAgICAgICAgICAgICAgdG9hc3RQcm9wcy5vblJlcXVlc3RDbG9zZSAmJiB0b2FzdFByb3BzLm9uUmVxdWVzdENsb3NlKClcbiAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgICA6IHt9KX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvRmFkZT5cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICApfVxuICAgIDwvPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IFRvYXN0ZXJcbiJdfQ== */",
|
|
42
34
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
43
35
|
});
|
|
44
36
|
var ToasterContext = /*#__PURE__*/createContext(null);
|
|
@@ -109,27 +101,24 @@ var Toaster = function Toaster(_ref) {
|
|
|
109
101
|
});
|
|
110
102
|
};
|
|
111
103
|
var handleOnOpen = /*#__PURE__*/function () {
|
|
112
|
-
var _ref2 = _asyncToGenerator(/*#__PURE__*/
|
|
113
|
-
return
|
|
114
|
-
while (1) {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
case "end":
|
|
131
|
-
return _context.stop();
|
|
132
|
-
}
|
|
104
|
+
var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(payload) {
|
|
105
|
+
return _regenerator().w(function (_context) {
|
|
106
|
+
while (1) switch (_context.n) {
|
|
107
|
+
case 0:
|
|
108
|
+
if (!hasActive) {
|
|
109
|
+
_context.n = 1;
|
|
110
|
+
break;
|
|
111
|
+
}
|
|
112
|
+
handleOnClose();
|
|
113
|
+
_context.n = 1;
|
|
114
|
+
return sleep();
|
|
115
|
+
case 1:
|
|
116
|
+
dispatch({
|
|
117
|
+
type: 'OPEN',
|
|
118
|
+
payload: payload
|
|
119
|
+
});
|
|
120
|
+
case 2:
|
|
121
|
+
return _context.a(2);
|
|
133
122
|
}
|
|
134
123
|
}, _callee);
|
|
135
124
|
}));
|
|
@@ -143,29 +132,36 @@ var Toaster = function Toaster(_ref) {
|
|
|
143
132
|
}
|
|
144
133
|
return handleTimeoutCleanUp;
|
|
145
134
|
}, [handleTimeout, open]);
|
|
146
|
-
return
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
135
|
+
return _jsxs(_Fragment, {
|
|
136
|
+
children: [_jsx(ToasterContext.Provider, {
|
|
137
|
+
value: {
|
|
138
|
+
handleOnOpen: handleOnOpen,
|
|
139
|
+
state: {
|
|
140
|
+
open: open,
|
|
141
|
+
hasActive: hasActive,
|
|
142
|
+
toastProps: toastProps,
|
|
143
|
+
timeout: timeout
|
|
144
|
+
}
|
|
145
|
+
},
|
|
146
|
+
children: children
|
|
147
|
+
}), open && _jsx(Container, {
|
|
148
|
+
onMouseEnter: handleTimeoutCleanUp,
|
|
149
|
+
onMouseLeave: handleTimeout,
|
|
150
|
+
children: _jsx(Fade, {
|
|
151
|
+
"in": open,
|
|
152
|
+
mountOnEnter: true,
|
|
153
|
+
unmountOnExit: true,
|
|
154
|
+
onExited: handleTimeoutCleanUp,
|
|
155
|
+
children: _jsx("div", {
|
|
156
|
+
children: _jsx(Toast, _objectSpread(_objectSpread({}, toastProps), toastProps !== null && toastProps !== void 0 && toastProps.onRequestClose ? {
|
|
157
|
+
onRequestClose: function onRequestClose() {
|
|
158
|
+
handleOnClose();
|
|
159
|
+
toastProps.onRequestClose && toastProps.onRequestClose();
|
|
160
|
+
}
|
|
161
|
+
} : {}))
|
|
162
|
+
})
|
|
163
|
+
})
|
|
164
|
+
})]
|
|
165
|
+
});
|
|
170
166
|
};
|
|
171
167
|
export default Toaster;
|
package/badge/Badge.d.ts
CHANGED
package/badge/Badge.js
CHANGED
|
@@ -1,7 +1,12 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
1
2
|
var _excluded = ["as", "children", "intent", "flexBoxProps"];
|
|
2
|
-
function
|
|
3
|
-
function
|
|
4
|
-
function
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
5
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
6
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
7
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
5
10
|
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)."; }
|
|
6
11
|
import React from 'react';
|
|
7
12
|
import { css } from '@emotion/react';
|
|
@@ -9,7 +14,7 @@ import { theme } from '@dfds-ui/theme';
|
|
|
9
14
|
import { Text } from '@dfds-ui/typography';
|
|
10
15
|
import { getIntentColor, getIntentTextColor } from '../common/intent';
|
|
11
16
|
import FlexBox from '../flexbox/FlexBox';
|
|
12
|
-
import { jsx as
|
|
17
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
13
18
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
14
19
|
name: "1h52dri",
|
|
15
20
|
styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
|
|
@@ -29,11 +34,14 @@ export default function Badge(_ref2) {
|
|
|
29
34
|
inline: true
|
|
30
35
|
} : _ref2$flexBoxProps,
|
|
31
36
|
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
32
|
-
return
|
|
37
|
+
return _jsx(FlexBox, _objectSpread(_objectSpread(_objectSpread({
|
|
33
38
|
as: as,
|
|
34
39
|
css: /*#__PURE__*/css("align-items:center;background-color:", getIntentColor(intent), ";border-radius:0.625rem;color:", getIntentTextColor(intent), ";height:1.25rem;max-width:", flexBoxProps.inline && "calc(100% - ".concat(theme.spacing.xs, ")"), ";padding:0 ", theme.spacing.xs, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Badge;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNjIiwiZmlsZSI6Ii4uLy4uL3NyYy9iYWRnZS9CYWRnZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IEludGVudCwgZ2V0SW50ZW50Q29sb3IsIGdldEludGVudFRleHRDb2xvciB9IGZyb20gJy4uL2NvbW1vbi9pbnRlbnQnXG5pbXBvcnQgRmxleEJveCwgeyBGbGV4Qm94UHJvcHMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5cbmV4cG9ydCB0eXBlIEJhZGdlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBTcGVjaWZpZXMgdGhlIGludGVudCBvZiB0aGUgQmFkZ2VcbiAgICovXG4gIGludGVudD86IEludGVudFxuXG4gIC8qKlxuICAgKiBUZXh0IHRvIGJlIHNob3duIGluIHRoZSBiYWRnZSAodXN1YWxseSBqdXN0IGEgc3RyaW5nKVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICAvKipcbiAgICogQ2xhc3MgbmFtZSB0byBiZSBhZGRlZCB0byB0aGUgYmFkZ2VcbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveFxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG5cbiAgLyoqXG4gICAqIEhUTUwgdGFnIG9yIGN1c3RvbSBjb21wb25lbnQgYmVpbmcgcmVuZGVyZWRcbiAgICovXG4gIGFzPzogUmVhY3QuRWxlbWVudFR5cGVcbn1cblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gQmFkZ2Uoe1xuICBhcyA9ICdkaXYnLFxuICBjaGlsZHJlbixcbiAgaW50ZW50ID0gJ25vbmUnLFxuICBmbGV4Qm94UHJvcHMgPSB7IGlubGluZTogdHJ1ZSB9LFxuICAuLi5yZXN0XG59OiBCYWRnZVByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPEZsZXhCb3hcbiAgICAgIGFzPXthc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2dldEludGVudENvbG9yKGludGVudCl9O1xuICAgICAgICBib3JkZXItcmFkaXVzOiAwLjYyNXJlbTtcbiAgICAgICAgY29sb3I6ICR7Z2V0SW50ZW50VGV4dENvbG9yKGludGVudCl9O1xuICAgICAgICBoZWlnaHQ6IDEuMjVyZW07XG4gICAgICAgIG1heC13aWR0aDogJHtmbGV4Qm94UHJvcHMuaW5saW5lICYmIGBjYWxjKDEwMCUgLSAke3RoZW1lLnNwYWNpbmcueHN9KWB9O1xuICAgICAgICBwYWRkaW5nOiAwICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICBgfVxuICAgICAgey4uLmZsZXhCb3hQcm9wc31cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIDxUZXh0XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgYH1cbiAgICAgICAgc3R5bGVkQXM9XCJib2R5SW50ZXJmYWNlU21hbGxcIlxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RleHQ+XG4gICAgPC9GbGV4Qm94PlxuICApXG59XG4iXX0= */")
|
|
35
|
-
}, flexBoxProps, rest),
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
40
|
+
}, flexBoxProps), rest), {}, {
|
|
41
|
+
children: _jsx(Text, {
|
|
42
|
+
css: _ref,
|
|
43
|
+
styledAs: "bodyInterfaceSmall",
|
|
44
|
+
children: children
|
|
45
|
+
})
|
|
46
|
+
}));
|
|
39
47
|
}
|
package/button/BadgeIcon.d.ts
CHANGED
package/button/BadgeIcon.js
CHANGED
|
@@ -1,29 +1,31 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import { theme } from '@dfds-ui/theme';
|
|
4
|
-
import { jsx as
|
|
4
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
5
5
|
export var BadgeIcon = function BadgeIcon(_ref) {
|
|
6
6
|
var letter = _ref.letter,
|
|
7
7
|
className = _ref.className;
|
|
8
|
-
return
|
|
8
|
+
return _jsxs("svg", {
|
|
9
9
|
css: /*#__PURE__*/css("font-family:", theme.fontFamilies.display, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:BadgeIcon;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vQmFkZ2VJY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZYyIsImZpbGUiOiIuLi8uLi9zcmMvYnV0dG9uL0JhZGdlSWNvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIEJhZGdlSWNvblByb3BzID0ge1xuICBsZXR0ZXI6IHN0cmluZ1xuICBjbGFzc05hbWU/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEJhZGdlSWNvbiA9ICh7IGxldHRlciwgY2xhc3NOYW1lIH06IEJhZGdlSWNvblByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPHN2Z1xuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZvbnQtZmFtaWx5OiAke3RoZW1lLmZvbnRGYW1pbGllcy5kaXNwbGF5fTtcbiAgICAgIGB9XG4gICAgICB3aWR0aD1cIjFlbVwiXG4gICAgICBoZWlnaHQ9XCIxZW1cIlxuICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICBmb2N1c2FibGU9e2ZhbHNlfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgPlxuICAgICAgPGNpcmNsZSBjeD1cIjUwJVwiIGN5PVwiNTAlXCIgcj1cIjUwJVwiIC8+XG4gICAgICA8dGV4dCB0ZXh0QW5jaG9yPVwibWlkZGxlXCIgeD1cIjUwJVwiIHk9XCI1MCVcIiBkeT1cIjAuMzI1ZW1cIiBmb250U2l6ZT1cIjAuODc1cmVtXCIgZm9udFdlaWdodD17MjAwfSBmaWxsPVwiI2ZmZlwiPlxuICAgICAgICB7bGV0dGVyLnRvVXBwZXJDYXNlKCl9XG4gICAgICA8L3RleHQ+XG4gICAgPC9zdmc+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2VJY29uXG4iXX0= */"),
|
|
10
10
|
width: "1em",
|
|
11
11
|
height: "1em",
|
|
12
12
|
viewBox: "0 0 24 24",
|
|
13
13
|
focusable: false,
|
|
14
|
-
className: className
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
14
|
+
className: className,
|
|
15
|
+
children: [_jsx("circle", {
|
|
16
|
+
cx: "50%",
|
|
17
|
+
cy: "50%",
|
|
18
|
+
r: "50%"
|
|
19
|
+
}), _jsx("text", {
|
|
20
|
+
textAnchor: "middle",
|
|
21
|
+
x: "50%",
|
|
22
|
+
y: "50%",
|
|
23
|
+
dy: "0.325em",
|
|
24
|
+
fontSize: "0.875rem",
|
|
25
|
+
fontWeight: 200,
|
|
26
|
+
fill: "#fff",
|
|
27
|
+
children: letter.toUpperCase()
|
|
28
|
+
})]
|
|
29
|
+
});
|
|
28
30
|
};
|
|
29
31
|
export default BadgeIcon;
|
package/button/BaseButton.d.ts
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export declare const variations: readonly ["primary", "secondary", "outlined", "text", "danger", "link"];
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
3
|
+
export type BaseButtonProps = React.PropsWithoutRef<React.JSX.IntrinsicElements['button']>;
|
|
4
|
+
export type ButtonVariation = (typeof variations)[number];
|
|
5
|
+
export type ButtonVariationProps = {
|
|
6
6
|
variation?: ButtonVariation;
|
|
7
7
|
};
|
|
8
8
|
export declare const BaseButton: import("@emotion/styled").StyledComponent<{
|
|
9
|
-
theme?: import("@emotion/react").Theme
|
|
10
|
-
as?: React.ElementType
|
|
9
|
+
theme?: import("@emotion/react").Theme;
|
|
10
|
+
as?: React.ElementType;
|
|
11
11
|
} & {
|
|
12
|
-
selected?: boolean
|
|
12
|
+
selected?: boolean;
|
|
13
13
|
}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
14
14
|
export declare function getButtonVariationStyle(variation?: ButtonVariation): import("@emotion/utils").SerializedStyles;
|
package/button/BaseButton.js
CHANGED
|
@@ -9,7 +9,7 @@ export var BaseButton = /*#__PURE__*/_styled("button", process.env.NODE_ENV ===
|
|
|
9
9
|
label: "BaseButton"
|
|
10
10
|
})(baseButtonStyle, ";", function (props) {
|
|
11
11
|
return theme.states.overlay(props.selected);
|
|
12
|
-
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
12
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWStEIiwiZmlsZSI6Ii4uLy4uL3NyYy9idXR0b24vQmFzZUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IGJhc2VCdXR0b25TdHlsZSwgcHJpbWFyeUJ1dHRvblN0eWxlcywgc2Vjb25kYXJ5QnV0dG9uU3R5bGVzLCBvdXRsaW5lZEJ1dHRvblN0eWxlcyB9IGZyb20gJy4vYnV0dG9uLXN0eWxlJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgY29uc3QgdmFyaWF0aW9ucyA9IFsncHJpbWFyeScsICdzZWNvbmRhcnknLCAnb3V0bGluZWQnLCAndGV4dCcsICdkYW5nZXInLCAnbGluayddIGFzIGNvbnN0XG5cbmV4cG9ydCB0eXBlIEJhc2VCdXR0b25Qcm9wcyA9IFJlYWN0LlByb3BzV2l0aG91dFJlZjxSZWFjdC5KU1guSW50cmluc2ljRWxlbWVudHNbJ2J1dHRvbiddPlxuXG5leHBvcnQgdHlwZSBCdXR0b25WYXJpYXRpb24gPSAodHlwZW9mIHZhcmlhdGlvbnMpW251bWJlcl1cbmV4cG9ydCB0eXBlIEJ1dHRvblZhcmlhdGlvblByb3BzID0geyB2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24gfVxuXG5leHBvcnQgY29uc3QgQmFzZUJ1dHRvbiA9IHN0eWxlZC5idXR0b248eyBzZWxlY3RlZD86IGJvb2xlYW4gfT5gXG4gICR7YmFzZUJ1dHRvblN0eWxlfTtcbiAgJHsocHJvcHMpID0+IHRoZW1lLnN0YXRlcy5vdmVybGF5KHByb3BzLnNlbGVjdGVkKX07XG5gXG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCdXR0b25WYXJpYXRpb25TdHlsZSh2YXJpYXRpb24/OiBCdXR0b25WYXJpYXRpb24pIHtcbiAgc3dpdGNoICh2YXJpYXRpb24pIHtcbiAgICBkZWZhdWx0OlxuICAgIGNhc2UgJ3ByaW1hcnknOlxuICAgICAgcmV0dXJuIHByaW1hcnlCdXR0b25TdHlsZXNcbiAgICBjYXNlICdzZWNvbmRhcnknOlxuICAgICAgcmV0dXJuIHNlY29uZGFyeUJ1dHRvblN0eWxlc1xuICAgIGNhc2UgJ291dGxpbmVkJzpcbiAgICAgIHJldHVybiBvdXRsaW5lZEJ1dHRvblN0eWxlc1xuICB9XG59XG4iXX0= */"));
|
|
13
13
|
export function getButtonVariationStyle(variation) {
|
|
14
14
|
switch (variation) {
|
|
15
15
|
default:
|
package/button/Button.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { BaseButtonProps, ButtonVariationProps } from './BaseButton';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export
|
|
3
|
+
type ButtonSize = 'medium' | 'small';
|
|
4
|
+
type IconAlign = 'left' | 'right';
|
|
5
|
+
export type ButtonProps = BaseButtonProps & ButtonVariationProps & {
|
|
6
6
|
className?: string;
|
|
7
7
|
replace?: boolean;
|
|
8
8
|
submitting?: boolean;
|
|
@@ -15,5 +15,5 @@ export declare type ButtonProps = BaseButtonProps & ButtonVariationProps & {
|
|
|
15
15
|
as?: React.ElementType;
|
|
16
16
|
children?: React.ReactNode;
|
|
17
17
|
};
|
|
18
|
-
declare const Button: React.
|
|
18
|
+
declare const Button: ({ variation, children, submitting, size, icon, iconSpacing, iconAlign, iconColor, title, disabled, ...rest }: ButtonProps) => React.JSX.Element;
|
|
19
19
|
export default Button;
|