@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.e010e72f
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/Accordion.js +3 -3
- package/accordion/AccordionContent.js +3 -3
- package/accordion/AccordionSmall.js +3 -3
- package/app-bar/AppBar.js +8 -8
- package/app-bar/AppBarContext.js +4 -4
- package/app-bar/AppBarDrawer.js +3 -3
- package/app-bar/AppBarIconButton.js +3 -3
- package/app-bar/AppBarItem.js +24 -24
- package/assertions/banner/Banner.js +8 -8
- package/assertions/banner/BannerAction.js +3 -3
- package/assertions/banner/BannerTypography.js +1 -1
- package/assertions/toast/Toast.js +3 -3
- package/assertions/toast/Toaster.js +18 -10
- package/badge/Badge.js +3 -3
- package/button/Button.js +3 -3
- package/button/IconButton.js +3 -3
- package/button/LinkButton.js +1 -1
- package/button-stack/ButtonStack.js +4 -4
- package/card/Card.js +10 -10
- package/card/CardActions.js +3 -3
- package/card/CardContent.js +2 -2
- package/card/CardMedia.js +2 -2
- package/card/CardPriceTag.js +2 -2
- package/card/CardTitle.js +3 -3
- package/chip/Chip.js +7 -7
- package/cjs/accordion/Accordion.d.ts +101 -0
- package/cjs/accordion/Accordion.js +4 -4
- package/cjs/accordion/AccordionContent.d.ts +13 -0
- package/cjs/accordion/AccordionContent.js +4 -4
- package/cjs/accordion/AccordionSmall.d.ts +55 -0
- package/cjs/accordion/AccordionSmall.js +4 -4
- package/cjs/accordion/index.d.ts +3 -0
- package/cjs/app-bar/AppBar.d.ts +13 -0
- package/cjs/app-bar/AppBar.js +9 -10
- package/cjs/app-bar/AppBarContext.d.ts +12 -0
- package/cjs/app-bar/AppBarContext.js +5 -6
- package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
- package/cjs/app-bar/AppBarDrawer.js +5 -6
- package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
- package/cjs/app-bar/AppBarIconButton.js +4 -4
- package/cjs/app-bar/AppBarItem.d.ts +23 -0
- package/cjs/app-bar/AppBarItem.js +9 -10
- package/cjs/app-bar/AppBarListItem.d.ts +16 -0
- package/cjs/app-bar/AppBarListItem.js +1 -1
- package/cjs/app-bar/index.d.ts +7 -0
- package/cjs/app-bar/index.js +1 -1
- package/cjs/assertions/banner/Banner.d.ts +74 -0
- package/cjs/assertions/banner/Banner.js +9 -10
- package/cjs/assertions/banner/BannerAction.d.ts +19 -0
- package/cjs/assertions/banner/BannerAction.js +4 -4
- package/cjs/assertions/banner/BannerTypography.d.ts +7 -0
- package/cjs/assertions/banner/BannerTypography.js +2 -2
- package/cjs/assertions/banner/index.d.ts +3 -0
- package/cjs/assertions/index.d.ts +2 -0
- package/cjs/assertions/toast/Toast.d.ts +12 -0
- package/cjs/assertions/toast/Toast.js +4 -4
- package/cjs/assertions/toast/Toaster.d.ts +19 -0
- package/cjs/assertions/toast/Toaster.js +10 -11
- package/cjs/assertions/toast/index.d.ts +2 -0
- package/cjs/assertions/toast/index.js +2 -3
- package/cjs/badge/Badge.d.ts +26 -0
- package/cjs/badge/Badge.js +4 -4
- package/cjs/badge/index.d.ts +2 -0
- package/cjs/badge/index.js +1 -2
- package/cjs/button/BadgeIcon.d.ts +7 -0
- package/cjs/button/BadgeIcon.js +1 -1
- package/cjs/button/BaseButton.d.ts +14 -0
- package/cjs/button/BaseButton.js +1 -1
- package/cjs/button/Button.d.ts +19 -0
- package/cjs/button/Button.js +4 -4
- package/cjs/button/IconButton.d.ts +75 -0
- package/cjs/button/IconButton.js +4 -5
- package/cjs/button/LinkButton.d.ts +8 -0
- package/cjs/button/LinkButton.js +3 -4
- package/cjs/button/button-style.d.ts +7 -0
- package/cjs/button/index.d.ts +7 -0
- package/cjs/button/index.js +1 -2
- package/cjs/button-stack/ButtonStack.d.ts +11 -0
- package/cjs/button-stack/ButtonStack.js +4 -4
- package/cjs/button-stack/index.d.ts +1 -0
- package/cjs/button-stack/index.js +1 -1
- package/cjs/card/Card.d.ts +18 -0
- package/cjs/card/Card.js +9 -10
- package/cjs/card/CardActions.d.ts +4 -0
- package/cjs/card/CardActions.js +4 -4
- package/cjs/card/CardContent.d.ts +13 -0
- package/cjs/card/CardContent.js +3 -3
- package/cjs/card/CardMedia.d.ts +18 -0
- package/cjs/card/CardMedia.js +3 -3
- package/cjs/card/CardPriceTag.d.ts +25 -0
- package/cjs/card/CardPriceTag.js +3 -3
- package/cjs/card/CardTitle.d.ts +18 -0
- package/cjs/card/CardTitle.js +4 -4
- package/cjs/card/index.d.ts +6 -0
- package/cjs/card/index.js +1 -1
- package/cjs/chip/Chip.d.ts +19 -0
- package/cjs/chip/Chip.js +9 -10
- package/cjs/chip/index.d.ts +2 -0
- package/cjs/chip/index.js +1 -2
- package/cjs/common/LockBodyScroll.d.ts +25 -0
- package/cjs/common/LockBodyScroll.js +4 -4
- package/cjs/common/arrow.d.ts +6 -0
- package/cjs/common/emotionCloneElement.d.ts +3 -0
- package/cjs/common/emotionCloneElement.js +1 -1
- package/cjs/common/intent.d.ts +3 -0
- package/cjs/common/miniMoize.d.ts +1 -0
- package/cjs/common/polymorphic.d.ts +25 -0
- package/cjs/common/polymorphic.js +3 -3
- package/cjs/common/use-media.d.ts +1 -0
- package/cjs/common/use-media.js +4 -4
- package/cjs/common/useOnClickOutside.d.ts +4 -0
- package/cjs/common/utils.d.ts +3 -0
- package/cjs/counter/Counter.d.ts +26 -0
- package/cjs/counter/Counter.js +6 -7
- package/cjs/counter/PluralCounter.d.ts +13 -0
- package/cjs/counter/PluralCounter.js +9 -10
- package/cjs/counter/index.d.ts +2 -0
- package/cjs/counter/index.js +1 -1
- package/cjs/data-table/DataTable.d.ts +10 -0
- package/cjs/data-table/DataTable.js +8 -9
- package/cjs/data-table/index.d.ts +1 -0
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
- package/cjs/date-range-picker/DateRangePicker.js +8 -9
- package/cjs/date-range-picker/index.d.ts +1 -0
- package/cjs/date-range-picker/index.js +1 -1
- package/cjs/divider/Divider.d.ts +26 -0
- package/cjs/divider/Divider.js +4 -4
- package/cjs/divider/index.d.ts +1 -0
- package/cjs/drawer/Drawer.d.ts +31 -0
- package/cjs/drawer/Drawer.js +4 -4
- package/cjs/drawer/index.d.ts +1 -0
- package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
- package/cjs/dropdown-menu/Dropdown.js +8 -8
- package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
- package/cjs/dropdown-menu/DropdownContext.js +1 -2
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
- package/cjs/dropdown-menu/MenuCheckbox.js +2 -2
- package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
- package/cjs/dropdown-menu/MenuItem.js +8 -8
- package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
- package/cjs/dropdown-menu/MenuTitle.js +1 -1
- package/cjs/dropdown-menu/index.d.ts +5 -0
- package/cjs/dropdown-menu/index.js +2 -3
- package/cjs/elevation/index.d.ts +3 -0
- package/cjs/flexbox/FlexBox.d.ts +100 -0
- package/cjs/flexbox/FlexBox.js +6 -6
- package/cjs/flexbox/index.d.ts +1 -0
- package/cjs/footer/Footer.d.ts +7 -0
- package/cjs/footer/Footer.js +1 -1
- package/cjs/footer/index.d.ts +1 -0
- package/cjs/footer/index.js +1 -1
- package/cjs/forms/assistive-text/AssistiveText.d.ts +8 -0
- package/cjs/forms/assistive-text/AssistiveText.js +1 -1
- package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
- package/cjs/forms/asterisk/Asterisk.js +1 -1
- package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
- package/cjs/forms/checkbox/Checkbox.js +4 -4
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +10 -0
- package/cjs/forms/checkbox/ExampleControlComponent.js +8 -8
- package/cjs/forms/checkbox/index.d.ts +1 -0
- package/cjs/forms/checkbox/index.js +1 -1
- package/cjs/forms/email-field/EmailField.d.ts +6 -0
- package/cjs/forms/email-field/EmailField.js +3 -3
- package/cjs/forms/error-text/ErrorText.d.ts +8 -0
- package/cjs/forms/error-text/ErrorText.js +1 -1
- package/cjs/forms/field/Field.d.ts +10 -0
- package/cjs/forms/field/Field.js +1 -1
- package/cjs/forms/index.d.ts +21 -0
- package/cjs/forms/index.js +1 -1
- package/cjs/forms/input/Input.d.ts +19 -0
- package/cjs/forms/input/Input.js +4 -4
- package/cjs/forms/input/InputComposition.d.ts +43 -0
- package/cjs/forms/input/InputComposition.js +5 -6
- package/cjs/forms/label/Label.d.ts +10 -0
- package/cjs/forms/label/Label.js +3 -3
- package/cjs/forms/number-field/NumberField.d.ts +6 -0
- package/cjs/forms/number-field/NumberField.js +3 -3
- package/cjs/forms/password-field/PasswordField.d.ts +4 -0
- package/cjs/forms/password-field/PasswordField.js +7 -8
- package/cjs/forms/radio/Radio.d.ts +35 -0
- package/cjs/forms/radio/Radio.js +4 -4
- package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
- package/cjs/forms/reactselect/ReactSelect.js +6 -7
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +4 -4
- package/cjs/forms/select/Select.d.ts +16 -0
- package/cjs/forms/select/Select.js +4 -4
- package/cjs/forms/select-field/SelectField.d.ts +17 -0
- package/cjs/forms/select-field/SelectField.js +5 -5
- package/cjs/forms/switch/Switch.d.ts +13 -0
- package/cjs/forms/switch/Switch.js +4 -4
- package/cjs/forms/tel-field/TelField.d.ts +6 -0
- package/cjs/forms/tel-field/TelField.js +3 -3
- package/cjs/forms/text-field/TextField.d.ts +26 -0
- package/cjs/forms/text-field/TextField.js +5 -5
- package/cjs/global-styles/GlobalStyles.d.ts +3 -0
- package/cjs/global-styles/GlobalStyles.js +1 -1
- package/cjs/global-styles/ResetStyles.d.ts +9 -0
- package/cjs/global-styles/ResetStyles.js +1 -1
- package/cjs/global-styles/sanitize.d.ts +1 -0
- package/cjs/grid/Column.d.ts +10 -0
- package/cjs/grid/Column.js +4 -4
- package/cjs/grid/Container.d.ts +15 -0
- package/cjs/grid/Container.js +4 -4
- package/cjs/grid/index.d.ts +2 -0
- package/cjs/grid/index.js +1 -1
- package/cjs/hero/Hero.d.ts +10 -0
- package/cjs/hero/Hero.js +1 -1
- package/cjs/hero/index.d.ts +1 -0
- package/cjs/hero/index.js +1 -1
- package/cjs/hero/stripes.d.ts +6 -0
- package/cjs/hero/stripes.js +1 -1
- package/cjs/ie-banner/IEBanner.d.ts +11 -0
- package/cjs/ie-banner/IEBanner.js +5 -6
- package/cjs/ie-banner/index.d.ts +1 -0
- package/cjs/ie-banner/index.js +1 -1
- package/cjs/index.d.ts +44 -0
- package/cjs/index.js +1 -1
- package/cjs/layout/LayoutLegacy.d.ts +2 -0
- package/cjs/layout/LayoutLegacy.js +1 -1
- package/cjs/lists/FeatureList.d.ts +24 -0
- package/cjs/lists/FeatureList.js +4 -4
- package/cjs/lists/ListAddon.d.ts +11 -0
- package/cjs/lists/ListAddon.js +4 -4
- package/cjs/lists/ListDivider.d.ts +5 -0
- package/cjs/lists/ListDivider.js +4 -4
- package/cjs/lists/ListIcon.d.ts +18 -0
- package/cjs/lists/ListIcon.js +4 -4
- package/cjs/lists/ListItem.d.ts +46 -0
- package/cjs/lists/ListItem.js +4 -4
- package/cjs/lists/ListText.d.ts +39 -0
- package/cjs/lists/ListText.js +4 -4
- package/cjs/lists/ListTextGroup.d.ts +15 -0
- package/cjs/lists/ListTextGroup.js +4 -4
- package/cjs/lists/ListTitle.d.ts +4 -0
- package/cjs/lists/ListTitle.js +4 -4
- package/cjs/lists/index.d.ts +8 -0
- package/cjs/lists/index.js +1 -1
- package/cjs/loader/DfdsLoader.d.ts +9 -0
- package/cjs/loader/DfdsLoader.js +1 -1
- package/cjs/loader/Loader.d.ts +6 -0
- package/cjs/loader/Loader.js +1 -1
- package/cjs/loader/index.d.ts +2 -0
- package/cjs/loader/index.js +1 -1
- package/cjs/localization/LocaleFlag.d.ts +13 -0
- package/cjs/localization/LocaleFlag.js +5 -6
- package/cjs/localization/index.d.ts +2 -0
- package/cjs/localization/locales.d.ts +35 -0
- package/cjs/logo/Logo.d.ts +11 -0
- package/cjs/logo/Logo.js +5 -6
- package/cjs/logo/index.d.ts +1 -0
- package/cjs/media/index.d.ts +2 -0
- package/cjs/menu/Menu.d.ts +7 -0
- package/cjs/menu/Menu.js +4 -4
- package/cjs/menu/index.d.ts +2 -0
- package/cjs/menu/index.js +1 -2
- package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
- package/cjs/mobile-stepper/MobileStepper.js +4 -4
- package/cjs/mobile-stepper/index.d.ts +1 -0
- package/cjs/mobile-stepper/index.js +1 -1
- package/cjs/nav-bar/NavBar.d.ts +35 -0
- package/cjs/nav-bar/NavBar.js +9 -10
- package/cjs/nav-bar/index.d.ts +2 -0
- package/cjs/nav-bar/index.js +1 -2
- package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
- package/cjs/nav-menu/NavMenuItem.js +1 -1
- package/cjs/nav-menu/index.d.ts +1 -0
- package/cjs/nav-menu/index.js +1 -1
- package/cjs/pagination/Pagination.d.ts +44 -0
- package/cjs/pagination/Pagination.js +3 -3
- package/cjs/pagination/Pagination.styles.d.ts +6 -0
- package/cjs/pagination/index.d.ts +1 -0
- package/cjs/popper/Popper.d.ts +29 -0
- package/cjs/popper/Popper.js +4 -4
- package/cjs/popper/index.d.ts +1 -0
- package/cjs/popper/index.js +1 -1
- package/cjs/progress-bar/ProgressBar.d.ts +8 -0
- package/cjs/progress-bar/ProgressBar.js +1 -1
- package/cjs/progress-bar/index.d.ts +2 -0
- package/cjs/progress-bar/index.js +1 -2
- package/cjs/schedule/ScheduleItem.d.ts +21 -0
- package/cjs/schedule/ScheduleItem.js +1 -1
- package/cjs/schedule/ScheduleList.d.ts +11 -0
- package/cjs/schedule/ScheduleList.js +4 -4
- package/cjs/schedule/index.d.ts +2 -0
- package/cjs/schedule/index.js +1 -1
- package/cjs/side-sheet/SideSheet.d.ts +57 -0
- package/cjs/side-sheet/SideSheet.js +9 -10
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
- package/cjs/side-sheet/SideSheetCloseButton.js +4 -4
- package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
- package/cjs/side-sheet/SideSheetContent.js +4 -5
- package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
- package/cjs/side-sheet/SideSheetFooter.js +4 -5
- package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
- package/cjs/side-sheet/SideSheetHeader.js +5 -6
- package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
- package/cjs/side-sheet/SideSheetHeadline.js +1 -1
- package/cjs/side-sheet/index.d.ts +4 -0
- package/cjs/side-sheet/index.js +2 -3
- package/cjs/site-layout/SiteLayout.d.ts +36 -0
- package/cjs/site-layout/SiteLayout.js +4 -4
- package/cjs/site-layout/index.d.ts +2 -0
- package/cjs/site-layout/index.js +1 -2
- package/cjs/skeleton/Skeleton.d.ts +8 -0
- package/cjs/skeleton/Skeleton.js +4 -4
- package/cjs/skeleton/index.d.ts +1 -0
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +26 -0
- package/cjs/social-media-link-list/SocialMediaLinkList.js +4 -4
- package/cjs/social-media-link-list/index.d.ts +1 -0
- package/cjs/spinner/Spinner.d.ts +58 -0
- package/cjs/spinner/Spinner.js +4 -4
- package/cjs/spinner/index.d.ts +1 -0
- package/cjs/step/Step.d.ts +45 -0
- package/cjs/step/Step.js +5 -6
- package/cjs/step/Step.styles.d.ts +4 -0
- package/cjs/step/StepButton.d.ts +4 -0
- package/cjs/step/StepButton.js +3 -3
- package/cjs/step/StepContent.d.ts +6 -0
- package/cjs/step/StepContent.js +1 -1
- package/cjs/step/StepContext.d.ts +12 -0
- package/cjs/step/StepContext.js +1 -1
- package/cjs/step/StepLabel.d.ts +7 -0
- package/cjs/step/StepLabel.js +1 -1
- package/cjs/step/index.d.ts +1 -0
- package/cjs/step/index.js +1 -1
- package/cjs/stepper/Stepper.d.ts +25 -0
- package/cjs/stepper/Stepper.js +6 -7
- package/cjs/stepper/StepperContext.d.ts +9 -0
- package/cjs/stepper/StepperContext.js +1 -1
- package/cjs/stepper/index.d.ts +1 -0
- package/cjs/stepper/index.js +1 -1
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +1 -1
- package/cjs/stepper-feedback-message/index.d.ts +1 -0
- package/cjs/stepper-feedback-message/index.js +1 -1
- package/cjs/styles/index.d.ts +3 -0
- package/cjs/styles/index.js +2 -3
- package/cjs/styles/media.d.ts +21 -0
- package/cjs/styles/rem.d.ts +1 -0
- package/cjs/styles/style-helpers.d.ts +1 -0
- package/cjs/styles/theme.d.ts +39 -0
- package/cjs/surface/Surface.d.ts +32 -0
- package/cjs/surface/Surface.js +5 -6
- package/cjs/surface/index.d.ts +1 -0
- package/cjs/tab/Tab.d.ts +12 -0
- package/cjs/tab/Tab.js +4 -4
- package/cjs/tab/TabPanel.d.ts +7 -0
- package/cjs/tab/TabPanel.js +1 -1
- package/cjs/tab/Tabs.d.ts +11 -0
- package/cjs/tab/Tabs.js +9 -10
- package/cjs/tab/TabsContext.d.ts +16 -0
- package/cjs/tab/TabsContext.js +1 -2
- package/cjs/tab/index.d.ts +4 -0
- package/cjs/tab/index.js +1 -1
- package/cjs/table/Table.d.ts +22 -0
- package/cjs/table/Table.js +4 -5
- package/cjs/table/TableBody.d.ts +9 -0
- package/cjs/table/TableBody.js +4 -5
- package/cjs/table/TableDataCell.d.ts +14 -0
- package/cjs/table/TableDataCell.js +4 -5
- package/cjs/table/TableHead.d.ts +14 -0
- package/cjs/table/TableHead.js +5 -6
- package/cjs/table/TableHeaderCell.d.ts +15 -0
- package/cjs/table/TableHeaderCell.js +4 -5
- package/cjs/table/TableRow.d.ts +17 -0
- package/cjs/table/TableRow.js +5 -6
- package/cjs/table/index.d.ts +6 -0
- package/cjs/test/Test.d.ts +8 -0
- package/cjs/test/Test.js +1 -1
- package/cjs/tooltip/Tooltip.d.ts +26 -0
- package/cjs/tooltip/Tooltip.js +5 -6
- package/cjs/tooltip/index.d.ts +2 -0
- package/cjs/tooltip/index.js +1 -2
- package/cjs/typography/Headlines.d.ts +70 -0
- package/cjs/typography/Headlines.js +4 -4
- package/cjs/typography/Text.d.ts +5 -0
- package/cjs/typography/Text.js +1 -1
- package/cjs/typography/index.d.ts +2 -0
- package/common/LockBodyScroll.js +3 -3
- package/common/emotionCloneElement.js +1 -1
- package/common/polymorphic.js +2 -2
- package/common/use-media.js +4 -4
- package/common/utils.js +1 -1
- package/counter/Counter.js +4 -4
- package/counter/PluralCounter.js +7 -7
- package/data-table/DataTable.js +10 -10
- package/date-range-picker/DateRangePicker.js +8 -8
- package/divider/Divider.js +3 -3
- package/drawer/Drawer.js +3 -3
- package/dropdown-menu/Dropdown.js +7 -7
- package/dropdown-menu/MenuCheckbox.js +1 -1
- package/dropdown-menu/MenuItem.js +7 -7
- package/flexbox/FlexBox.js +5 -5
- package/forms/checkbox/Checkbox.js +3 -3
- package/forms/checkbox/ExampleControlComponent.js +7 -7
- package/forms/email-field/EmailField.js +2 -2
- package/forms/input/Input.js +3 -3
- package/forms/input/InputComposition.js +3 -3
- package/forms/label/Label.js +2 -2
- package/forms/number-field/NumberField.js +2 -2
- package/forms/password-field/PasswordField.js +5 -5
- package/forms/radio/Radio.js +3 -3
- package/forms/reactselect/ReactSelect.js +4 -4
- package/forms/searchable-select/AsyncSearchableSelect.js +3 -3
- package/forms/select/Select.js +3 -3
- package/forms/select-field/SelectField.js +4 -4
- package/forms/switch/Switch.js +3 -3
- package/forms/tel-field/TelField.js +2 -2
- package/forms/text-field/TextField.js +4 -4
- package/grid/Column.js +3 -3
- package/grid/Container.js +4 -4
- package/hero/Hero.js +1 -1
- package/ie-banner/IEBanner.js +4 -4
- package/lists/FeatureList.js +3 -3
- package/lists/ListAddon.js +3 -3
- package/lists/ListDivider.js +3 -3
- package/lists/ListIcon.js +3 -3
- package/lists/ListItem.js +3 -3
- package/lists/ListText.js +3 -3
- package/lists/ListTextGroup.js +3 -3
- package/lists/ListTitle.js +3 -3
- package/loader/DfdsLoader.js +1 -1
- package/loader/Loader.js +1 -1
- package/localization/LocaleFlag.js +3 -3
- package/logo/Logo.js +3 -3
- package/menu/Menu.js +3 -3
- package/mobile-stepper/MobileStepper.js +8 -8
- package/nav-bar/NavBar.js +7 -7
- package/package.json +10 -10
- package/pagination/Pagination.js +2 -2
- package/pagination/Pagination.styles.js +1 -1
- package/popper/Popper.js +3 -3
- package/schedule/ScheduleList.js +3 -3
- package/side-sheet/SideSheet.js +8 -8
- package/side-sheet/SideSheetCloseButton.js +3 -3
- package/side-sheet/SideSheetContent.js +3 -3
- package/side-sheet/SideSheetFooter.js +3 -3
- package/side-sheet/SideSheetHeader.js +3 -3
- package/site-layout/SiteLayout.js +3 -3
- package/skeleton/Skeleton.js +4 -4
- package/social-media-link-list/SocialMediaLinkList.js +3 -3
- package/spinner/Spinner.js +4 -4
- package/step/Step.js +3 -3
- package/step/StepButton.js +2 -2
- package/stepper/Stepper.js +4 -4
- package/surface/Surface.js +4 -4
- package/tab/Tab.js +3 -3
- package/tab/Tabs.js +7 -7
- package/table/Table.js +3 -3
- package/table/TableBody.js +3 -3
- package/table/TableDataCell.js +3 -3
- package/table/TableHead.js +4 -4
- package/table/TableHeaderCell.js +3 -3
- package/table/TableRow.js +4 -4
- package/tooltip/Tooltip.js +3 -3
- package/typography/Headlines.js +3 -3
package/cjs/hero/stripes.js
CHANGED
|
@@ -7,7 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _theme = require("@dfds-ui/theme");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
const Stripes = props => {
|
|
12
12
|
const stopColor = props.color ? props.color : _theme.theme.colors.primary.main;
|
|
13
13
|
return (0, _react2.jsx)("svg", {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type IEBannerProps = {
|
|
3
|
+
heading?: string;
|
|
4
|
+
openInEdge: string;
|
|
5
|
+
/**
|
|
6
|
+
* Class name to be assigned to the component
|
|
7
|
+
*/
|
|
8
|
+
className?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const IEBanner: React.FunctionComponent<IEBannerProps>;
|
|
11
|
+
export default IEBanner;
|
|
@@ -7,14 +7,13 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _banner = require("./../assertions/banner");
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
|
-
function
|
|
11
|
-
function
|
|
12
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
11
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
13
12
|
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."); }
|
|
14
|
-
function _unsupportedIterableToArray(
|
|
15
|
-
function _arrayLikeToArray(
|
|
13
|
+
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; } }
|
|
14
|
+
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
15
|
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; } }
|
|
17
|
-
function _arrayWithHoles(
|
|
16
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
18
17
|
const IEBanner = ({
|
|
19
18
|
heading,
|
|
20
19
|
openInEdge,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as IEBanner } from './IEBanner';
|
package/cjs/ie-banner/index.js
CHANGED
|
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "IEBanner", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
var _IEBanner = _interopRequireDefault(require("./IEBanner"));
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/cjs/index.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export { default as elevation } from './elevation';
|
|
2
|
+
export { default as media } from './media';
|
|
3
|
+
export { ResetStyles } from './global-styles/ResetStyles';
|
|
4
|
+
export { GlobalStyles, DfdsFontFace } from './global-styles/GlobalStyles';
|
|
5
|
+
export * from './accordion';
|
|
6
|
+
export * from './app-bar';
|
|
7
|
+
export * from './assertions';
|
|
8
|
+
export * from './badge';
|
|
9
|
+
export * from './button-stack';
|
|
10
|
+
export * from './button';
|
|
11
|
+
export * from './card';
|
|
12
|
+
export * from './chip';
|
|
13
|
+
export * from './common/polymorphic';
|
|
14
|
+
export * from './counter';
|
|
15
|
+
export * from './data-table';
|
|
16
|
+
export * from './date-range-picker';
|
|
17
|
+
export * from './drawer';
|
|
18
|
+
export * from './footer';
|
|
19
|
+
export * from './forms';
|
|
20
|
+
export * from './grid';
|
|
21
|
+
export * from './hero';
|
|
22
|
+
export * from './ie-banner';
|
|
23
|
+
export * from './lists';
|
|
24
|
+
export * from './loader';
|
|
25
|
+
export * from './localization';
|
|
26
|
+
export * from './menu';
|
|
27
|
+
export * from './nav-bar';
|
|
28
|
+
export * from './nav-menu';
|
|
29
|
+
export * from './pagination';
|
|
30
|
+
export * from './popper';
|
|
31
|
+
export * from './progress-bar';
|
|
32
|
+
export * from './side-sheet';
|
|
33
|
+
export * from './schedule';
|
|
34
|
+
export * from './site-layout';
|
|
35
|
+
export * from './social-media-link-list';
|
|
36
|
+
export * from './spinner';
|
|
37
|
+
export * from './styles';
|
|
38
|
+
export * from './tab';
|
|
39
|
+
export * from './table';
|
|
40
|
+
export * from './typography';
|
|
41
|
+
export * from './common/LockBodyScroll';
|
|
42
|
+
export * from './dropdown-menu';
|
|
43
|
+
export * from './skeleton';
|
|
44
|
+
export * from './tooltip';
|
package/cjs/index.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.Layout = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
|
-
function _interopRequireDefault(
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
10
|
const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
|
|
11
11
|
const italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
|
|
12
12
|
const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { FunctionComponent } from 'react';
|
|
2
|
+
import { FlexBoxProps } from './../flexbox/FlexBox';
|
|
3
|
+
declare type FeatureListProps = {
|
|
4
|
+
icon: any;
|
|
5
|
+
items: string[];
|
|
6
|
+
iconColor?: string;
|
|
7
|
+
textTag?: React.ElementType;
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
};
|
|
10
|
+
declare type FeatureListComponent = FunctionComponent<FeatureListProps>;
|
|
11
|
+
export declare const ListItem: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
13
|
+
as?: React.ElementType<any> | undefined;
|
|
14
|
+
} & FlexBoxProps & {
|
|
15
|
+
as?: React.ElementType<any> | undefined;
|
|
16
|
+
} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
|
|
17
|
+
children?: React.ReactNode;
|
|
18
|
+
} & {
|
|
19
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
+
} & {
|
|
21
|
+
iconColor?: string | undefined;
|
|
22
|
+
}, {}, {}>;
|
|
23
|
+
declare const FeatureList: FeatureListComponent;
|
|
24
|
+
export default FeatureList;
|
package/cjs/lists/FeatureList.js
CHANGED
|
@@ -9,10 +9,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _FlexBox = _interopRequireDefault(require("./../flexbox/FlexBox"));
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
const _excluded = ["icon", "items", "iconColor", "textTag"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
const ListItem = /*#__PURE__*/(0, _base.default)(_FlexBox.default, process.env.NODE_ENV === "production" ? {
|
|
17
17
|
target: "e1hxsk0v0"
|
|
18
18
|
} : {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type ListAddonProps = {
|
|
3
|
+
className?: string;
|
|
4
|
+
/**
|
|
5
|
+
* HTML tag or custom component being rendered.
|
|
6
|
+
*/
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
};
|
|
10
|
+
declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => JSX.Element;
|
|
11
|
+
export default ListAddon;
|
package/cjs/lists/ListAddon.js
CHANGED
|
@@ -9,10 +9,10 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _ListIcon = _interopRequireDefault(require("./ListIcon"));
|
|
11
11
|
const _excluded = ["className", "as", "children"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
const ListAddon = _ref => {
|
|
17
17
|
let className = _ref.className,
|
|
18
18
|
_ref$as = _ref.as,
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DividerProps } from '../divider';
|
|
3
|
+
export declare type ListDividerProps = Pick<DividerProps, 'as' | 'indent' | 'margins'>;
|
|
4
|
+
declare const ListDivider: ({ indent, margins, as, ...rest }: ListDividerProps) => JSX.Element;
|
|
5
|
+
export default ListDivider;
|
package/cjs/lists/ListDivider.js
CHANGED
|
@@ -9,10 +9,10 @@ var _divider = require("../divider");
|
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
const _excluded = ["indent", "margins", "as"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
const ListDivider = _ref => {
|
|
17
17
|
let indent = _ref.indent,
|
|
18
18
|
margins = _ref.margins,
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type Size = 'small' | 'medium' | 'large' | 'xl';
|
|
3
|
+
declare type ListIconProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Choose the needed icon.
|
|
6
|
+
*/
|
|
7
|
+
icon: React.ElementType;
|
|
8
|
+
/**
|
|
9
|
+
* Choose the size of the icon.
|
|
10
|
+
*/
|
|
11
|
+
size?: Size;
|
|
12
|
+
/**
|
|
13
|
+
* Choose the color of the icon.
|
|
14
|
+
*/
|
|
15
|
+
color?: string;
|
|
16
|
+
};
|
|
17
|
+
declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => JSX.Element;
|
|
18
|
+
export default ListIcon;
|
package/cjs/lists/ListIcon.js
CHANGED
|
@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
const _excluded = ["icon", "size", "color"];
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
function _objectWithoutProperties(
|
|
14
|
-
function _objectWithoutPropertiesLoose(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
15
|
const _theme$spacing = _theme.theme.spacing,
|
|
16
16
|
xs = _theme$spacing.xs,
|
|
17
17
|
s = _theme$spacing.s,
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
+
import { PolymorphicComponentProps } from '../common/polymorphic';
|
|
4
|
+
export declare type ListItemProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Will render the `ListItem` with a greater `min-height` and should be used when displaying multiple lines of text.
|
|
7
|
+
*/
|
|
8
|
+
multiline?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Indicates that the `ListItem` is selected.
|
|
11
|
+
*/
|
|
12
|
+
selected?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Render the 'ListItem` without min-height.
|
|
15
|
+
*/
|
|
16
|
+
condensed?: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Indicates that the `ListItem` can be focused.
|
|
19
|
+
*/
|
|
20
|
+
tabIndex?: number;
|
|
21
|
+
/**
|
|
22
|
+
* Add interactive styles to the `ListItem`.
|
|
23
|
+
*/
|
|
24
|
+
clickable?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* Add a divider to the `ListItem`. This will apply a border on the the `ListItem` only. If you need the indent/margin variants use
|
|
27
|
+
* the `ListDivider` component instead.
|
|
28
|
+
*/
|
|
29
|
+
divider?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Invoke the provided callback when the `ListItem` is clicked.
|
|
32
|
+
*/
|
|
33
|
+
onClick?: () => void;
|
|
34
|
+
/**
|
|
35
|
+
* Props controlling the flexbox.
|
|
36
|
+
*/
|
|
37
|
+
flexBoxProps?: FlexBoxProps;
|
|
38
|
+
/**
|
|
39
|
+
* className to be assigned to component.
|
|
40
|
+
*/
|
|
41
|
+
className?: string;
|
|
42
|
+
children?: React.ReactNode;
|
|
43
|
+
} & PolymorphicComponentProps;
|
|
44
|
+
export declare const listItemStyles: ({ multiline, selected, clickable, condensed, flexBoxProps, divider, }: Partial<ListItemProps>) => import("@emotion/utils").SerializedStyles;
|
|
45
|
+
declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => JSX.Element;
|
|
46
|
+
export default ListItem;
|
package/cjs/lists/ListItem.js
CHANGED
|
@@ -11,10 +11,10 @@ var _utils = require("../common/utils");
|
|
|
11
11
|
var _FlexBox = require("../flexbox/FlexBox");
|
|
12
12
|
var _divider = require("../divider");
|
|
13
13
|
const _excluded = ["children", "multiline", "condensed", "selected", "tabIndex", "clickable", "divider", "onClick", "as", "flexBoxProps"];
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
16
|
-
function _objectWithoutProperties(
|
|
17
|
-
function _objectWithoutPropertiesLoose(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
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); }
|
|
16
|
+
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; }
|
|
17
|
+
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; }
|
|
18
18
|
const listItemStyles = ({
|
|
19
19
|
multiline,
|
|
20
20
|
selected,
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { theme } from '@dfds-ui/theme';
|
|
3
|
+
import { typography } from '@dfds-ui/typography';
|
|
4
|
+
declare type FontFamily = keyof typeof theme.fontFamilies;
|
|
5
|
+
declare type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
|
|
6
|
+
export declare type ListTextProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Set the style of the text.
|
|
9
|
+
*/
|
|
10
|
+
styledAs?: StyledAs;
|
|
11
|
+
/**
|
|
12
|
+
* Override the default color from `styledAs`.
|
|
13
|
+
*/
|
|
14
|
+
color?: string;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* *DEPRECATED* use `styledAs` instead or override size with `css` prop or `className`.
|
|
18
|
+
*
|
|
19
|
+
* Choose the font size.
|
|
20
|
+
* @deprecated
|
|
21
|
+
*/
|
|
22
|
+
size?: string;
|
|
23
|
+
/**
|
|
24
|
+
* *DEPRECATED* use `styledAs` instead or override fontWeight with `css` prop or `className`.
|
|
25
|
+
*
|
|
26
|
+
* Choose the font weight.
|
|
27
|
+
* @deprecated
|
|
28
|
+
*/
|
|
29
|
+
fontWeight?: number;
|
|
30
|
+
/**
|
|
31
|
+
* *DEPRECATED* use `styledAs` instead or override fontFamily with `css` prop or `className`.
|
|
32
|
+
*
|
|
33
|
+
* Choose the font family.
|
|
34
|
+
* @deprecated
|
|
35
|
+
*/
|
|
36
|
+
fontFamily?: FontFamily;
|
|
37
|
+
};
|
|
38
|
+
declare const ListText: ({ styledAs, color, fontWeight, size, fontFamily, ...rest }: ListTextProps) => JSX.Element;
|
|
39
|
+
export default ListText;
|
package/cjs/lists/ListText.js
CHANGED
|
@@ -9,10 +9,10 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
11
|
const _excluded = ["styledAs", "color", "fontWeight", "size", "fontFamily"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
function textStyles(styledAs) {
|
|
17
17
|
let lineHeight = 'inherit';
|
|
18
18
|
let color = _theme.theme.colors.text.dark.primary;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
+
export declare type ListTextGroupProps = {
|
|
4
|
+
/**
|
|
5
|
+
* Props controlling the flexbox.
|
|
6
|
+
*/
|
|
7
|
+
flexBoxProps?: FlexBoxProps;
|
|
8
|
+
/**
|
|
9
|
+
* HTML tag or custom component being rendered.
|
|
10
|
+
*/
|
|
11
|
+
as?: React.ElementType;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
};
|
|
14
|
+
declare const ListTextGroup: ({ flexBoxProps, as, ...rest }: ListTextGroupProps) => JSX.Element;
|
|
15
|
+
export default ListTextGroup;
|
|
@@ -9,10 +9,10 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _FlexBox = require("../flexbox/FlexBox");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
const _excluded = ["flexBoxProps", "as"];
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
14
|
-
function _objectWithoutProperties(
|
|
15
|
-
function _objectWithoutPropertiesLoose(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
15
|
+
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; }
|
|
16
16
|
const ListTextGroup = _ref => {
|
|
17
17
|
let _ref$flexBoxProps = _ref.flexBoxProps,
|
|
18
18
|
flexBoxProps = _ref$flexBoxProps === void 0 ? {
|
package/cjs/lists/ListTitle.js
CHANGED
|
@@ -8,10 +8,10 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _ListItem = _interopRequireDefault(require("./ListItem"));
|
|
10
10
|
const _excluded = ["as"];
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (
|
|
13
|
-
function _objectWithoutProperties(
|
|
14
|
-
function _objectWithoutPropertiesLoose(
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
13
|
+
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; }
|
|
14
|
+
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; }
|
|
15
15
|
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)."; }
|
|
16
16
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
17
17
|
name: "1cm3p4d",
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export { default as ListItem } from './ListItem';
|
|
2
|
+
export { default as ListTitle } from './ListTitle';
|
|
3
|
+
export { default as ListText } from './ListText';
|
|
4
|
+
export { default as ListTextGroup } from './ListTextGroup';
|
|
5
|
+
export { default as ListIcon } from './ListIcon';
|
|
6
|
+
export { default as ListAddon } from './ListAddon';
|
|
7
|
+
export { default as ListDivider } from './ListDivider';
|
|
8
|
+
export { default as FeatureList } from './FeatureList';
|
package/cjs/lists/index.js
CHANGED
|
@@ -59,4 +59,4 @@ var _ListIcon = _interopRequireDefault(require("./ListIcon"));
|
|
|
59
59
|
var _ListAddon = _interopRequireDefault(require("./ListAddon"));
|
|
60
60
|
var _ListDivider = _interopRequireDefault(require("./ListDivider"));
|
|
61
61
|
var _FeatureList = _interopRequireDefault(require("./FeatureList"));
|
|
62
|
-
function _interopRequireDefault(
|
|
62
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/cjs/loader/DfdsLoader.js
CHANGED
|
@@ -11,7 +11,7 @@ var _typography = require("@dfds-ui/typography");
|
|
|
11
11
|
var _theme = require("@dfds-ui/theme");
|
|
12
12
|
var _flexbox = require("../flexbox");
|
|
13
13
|
var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
|
|
14
|
-
function _interopRequireDefault(
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
15
|
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)."; }
|
|
16
16
|
const sail = (0, _react2.keyframes)`
|
|
17
17
|
to {
|
package/cjs/loader/Loader.js
CHANGED
|
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _icons = require("@dfds-ui/icons");
|
|
11
11
|
var _theme = require("@dfds-ui/theme");
|
|
12
|
-
function _interopRequireDefault(
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
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)."; }
|
|
14
14
|
const sail = (0, _react2.keyframes)`
|
|
15
15
|
to {
|
package/cjs/loader/index.js
CHANGED
|
@@ -17,4 +17,4 @@ Object.defineProperty(exports, "Loader", {
|
|
|
17
17
|
});
|
|
18
18
|
var _Loader = _interopRequireDefault(require("./Loader"));
|
|
19
19
|
var _DfdsLoader = _interopRequireDefault(require("./DfdsLoader"));
|
|
20
|
-
function _interopRequireDefault(
|
|
20
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { Locale } from './locales';
|
|
3
|
+
export declare type LocaleFlagProps = {
|
|
4
|
+
/**
|
|
5
|
+
* The locale specifying which flag will be rendered.
|
|
6
|
+
*/
|
|
7
|
+
locale: Locale;
|
|
8
|
+
/**
|
|
9
|
+
* The size of the flag icon.
|
|
10
|
+
*/
|
|
11
|
+
size?: 's' | 'm' | 'l' | 'xl';
|
|
12
|
+
} & ComponentPropsWithoutRef<'svg'>;
|
|
13
|
+
export declare const LocaleFlag: ({ locale, size, ...rest }: LocaleFlagProps) => JSX.Element;
|
|
@@ -9,12 +9,11 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var flags = _interopRequireWildcard(require("@dfds-ui/icons/flags"));
|
|
10
10
|
var _locales = require("./locales");
|
|
11
11
|
const _excluded = ["locale", "size"];
|
|
12
|
-
function
|
|
13
|
-
function
|
|
14
|
-
function
|
|
15
|
-
function
|
|
16
|
-
function
|
|
17
|
-
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
12
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
|
+
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); }
|
|
15
|
+
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; }
|
|
16
|
+
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; }
|
|
18
17
|
const sizes = {
|
|
19
18
|
s: '1rem',
|
|
20
19
|
m: '1.25rem',
|