@dfds-ui/react-components 2.2.0-alpha.8d87a90d → 2.2.0-alpha.90e90c2b
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 +67 -49
- package/accordion/AccordionContent.d.ts +2 -1
- package/accordion/AccordionContent.js +14 -7
- package/accordion/AccordionSmall.d.ts +3 -2
- package/accordion/AccordionSmall.js +51 -38
- package/app-bar/AppBar.d.ts +3 -3
- package/app-bar/AppBar.js +58 -46
- package/app-bar/AppBarContext.d.ts +3 -3
- package/app-bar/AppBarContext.js +10 -9
- package/app-bar/AppBarDrawer.d.ts +2 -2
- package/app-bar/AppBarDrawer.js +14 -7
- package/app-bar/AppBarIconButton.d.ts +2 -2
- package/app-bar/AppBarIconButton.js +11 -6
- package/app-bar/AppBarItem.d.ts +4 -4
- package/app-bar/AppBarItem.js +91 -83
- package/app-bar/AppBarListItem.d.ts +11 -12
- package/assertions/banner/Banner.d.ts +3 -3
- package/assertions/banner/Banner.js +71 -59
- package/assertions/banner/BannerAction.d.ts +1 -1
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.d.ts +2 -0
- package/assertions/banner/BannerTypography.js +11 -8
- package/assertions/toast/Toast.d.ts +2 -1
- package/assertions/toast/Toast.js +34 -24
- package/assertions/toast/Toaster.d.ts +2 -2
- package/assertions/toast/Toaster.js +61 -58
- package/badge/Badge.d.ts +2 -2
- package/badge/Badge.js +18 -11
- package/button/BadgeIcon.d.ts +3 -3
- package/button/BadgeIcon.js +18 -16
- package/button/BaseButton.d.ts +6 -6
- package/button/BaseButton.js +1 -1
- package/button/Button.d.ts +4 -4
- package/button/Button.js +38 -31
- package/button/IconButton.d.ts +2 -2
- package/button/IconButton.js +21 -15
- package/button/LinkButton.d.ts +2 -2
- package/button/LinkButton.js +9 -4
- package/button/button-style.js +1 -2
- package/button-stack/ButtonStack.d.ts +4 -3
- package/button-stack/ButtonStack.js +31 -23
- package/card/Card.d.ts +3 -2
- package/card/Card.js +59 -45
- package/card/CardActions.js +13 -6
- package/card/CardContent.d.ts +3 -2
- package/card/CardContent.js +21 -11
- package/card/CardMedia.d.ts +4 -3
- package/card/CardMedia.js +17 -9
- package/card/CardPriceTag.d.ts +3 -3
- package/card/CardPriceTag.js +28 -16
- package/card/CardTitle.d.ts +3 -2
- package/card/CardTitle.js +25 -15
- package/chip/Chip.d.ts +5 -5
- package/chip/Chip.js +27 -20
- package/cjs/accordion/Accordion.d.ts +101 -0
- package/cjs/accordion/Accordion.js +82 -74
- package/cjs/accordion/AccordionContent.d.ts +14 -0
- package/cjs/accordion/AccordionContent.js +14 -15
- package/cjs/accordion/AccordionSmall.d.ts +56 -0
- package/cjs/accordion/AccordionSmall.js +56 -52
- package/cjs/accordion/index.d.ts +3 -0
- package/cjs/accordion/index.js +3 -3
- package/cjs/app-bar/AppBar.d.ts +13 -0
- package/cjs/app-bar/AppBar.js +94 -108
- package/cjs/app-bar/AppBarContext.d.ts +12 -0
- package/cjs/app-bar/AppBarContext.js +8 -20
- package/cjs/app-bar/AppBarDrawer.d.ts +5 -0
- package/cjs/app-bar/AppBarDrawer.js +18 -20
- package/cjs/app-bar/AppBarIconButton.d.ts +10 -0
- package/cjs/app-bar/AppBarIconButton.js +14 -17
- package/cjs/app-bar/AppBarItem.d.ts +23 -0
- package/cjs/app-bar/AppBarItem.js +81 -94
- package/cjs/app-bar/AppBarListItem.d.ts +15 -0
- package/cjs/app-bar/AppBarListItem.js +2 -3
- package/cjs/app-bar/index.d.ts +7 -0
- package/cjs/app-bar/index.js +9 -9
- package/cjs/assertions/banner/Banner.d.ts +74 -0
- package/cjs/assertions/banner/Banner.js +81 -97
- package/cjs/assertions/banner/BannerAction.d.ts +19 -0
- package/cjs/assertions/banner/BannerAction.js +13 -14
- package/cjs/assertions/banner/BannerTypography.d.ts +9 -0
- package/cjs/assertions/banner/BannerTypography.js +12 -12
- package/cjs/assertions/banner/index.d.ts +3 -0
- package/cjs/assertions/banner/index.js +3 -3
- package/cjs/assertions/index.d.ts +2 -0
- package/cjs/assertions/index.js +2 -2
- package/cjs/assertions/toast/Toast.d.ts +13 -0
- package/cjs/assertions/toast/Toast.js +38 -38
- package/cjs/assertions/toast/Toaster.d.ts +19 -0
- package/cjs/assertions/toast/Toaster.js +57 -70
- package/cjs/assertions/toast/index.d.ts +2 -0
- package/cjs/assertions/toast/index.js +5 -6
- package/cjs/badge/Badge.d.ts +26 -0
- package/cjs/badge/Badge.js +22 -24
- package/cjs/badge/index.d.ts +2 -0
- package/cjs/badge/index.js +3 -4
- package/cjs/button/BadgeIcon.d.ts +7 -0
- package/cjs/button/BadgeIcon.js +20 -18
- package/cjs/button/BaseButton.d.ts +14 -0
- package/cjs/button/BaseButton.js +4 -6
- package/cjs/button/Button.d.ts +19 -0
- package/cjs/button/Button.js +45 -51
- package/cjs/button/IconButton.d.ts +75 -0
- package/cjs/button/IconButton.js +35 -44
- package/cjs/button/LinkButton.d.ts +8 -0
- package/cjs/button/LinkButton.js +8 -9
- package/cjs/button/button-style.d.ts +7 -0
- package/cjs/button/button-style.js +9 -17
- package/cjs/button/index.d.ts +7 -0
- package/cjs/button/index.js +8 -9
- package/cjs/button-stack/ButtonStack.d.ts +12 -0
- package/cjs/button-stack/ButtonStack.js +31 -33
- package/cjs/button-stack/index.d.ts +1 -0
- package/cjs/button-stack/index.js +2 -2
- package/cjs/card/Card.d.ts +19 -0
- package/cjs/card/Card.js +64 -71
- package/cjs/card/CardActions.d.ts +4 -0
- package/cjs/card/CardActions.js +11 -15
- package/cjs/card/CardContent.d.ts +14 -0
- package/cjs/card/CardContent.js +20 -20
- package/cjs/card/CardMedia.d.ts +19 -0
- package/cjs/card/CardMedia.js +18 -19
- package/cjs/card/CardPriceTag.d.ts +25 -0
- package/cjs/card/CardPriceTag.js +29 -27
- package/cjs/card/CardTitle.d.ts +19 -0
- package/cjs/card/CardTitle.js +26 -24
- package/cjs/card/index.d.ts +6 -0
- package/cjs/card/index.js +7 -7
- package/cjs/chip/Chip.d.ts +19 -0
- package/cjs/chip/Chip.js +34 -49
- package/cjs/chip/index.d.ts +2 -0
- package/cjs/chip/index.js +3 -4
- package/cjs/common/LockBodyScroll.d.ts +25 -0
- package/cjs/common/LockBodyScroll.js +20 -19
- package/cjs/common/arrow.d.ts +6 -0
- package/cjs/common/arrow.js +2 -4
- package/cjs/common/emotionCloneElement.d.ts +2 -0
- package/cjs/common/emotionCloneElement.js +6 -10
- 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 +13 -9
- package/cjs/common/use-media.d.ts +1 -0
- package/cjs/common/use-media.js +1 -10
- package/cjs/common/useOnClickOutside.d.ts +3 -0
- package/cjs/common/utils.d.ts +3 -0
- package/cjs/counter/Counter.d.ts +26 -0
- package/cjs/counter/Counter.js +59 -68
- package/cjs/counter/PluralCounter.d.ts +13 -0
- package/cjs/counter/PluralCounter.js +24 -36
- package/cjs/counter/index.d.ts +2 -0
- package/cjs/counter/index.js +3 -3
- package/cjs/data-table/DataTable.d.ts +11 -0
- package/cjs/data-table/DataTable.js +56 -60
- package/cjs/data-table/index.d.ts +1 -0
- package/cjs/data-table/index.js +1 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +2 -4
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +2 -0
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +1 -2
- package/cjs/date-range-picker/DateRangePicker.d.ts +33 -0
- package/cjs/date-range-picker/DateRangePicker.js +173 -179
- package/cjs/date-range-picker/index.d.ts +1 -0
- package/cjs/date-range-picker/index.js +2 -2
- package/cjs/divider/Divider.d.ts +26 -0
- package/cjs/divider/Divider.js +16 -16
- package/cjs/divider/index.d.ts +1 -0
- package/cjs/divider/index.js +1 -1
- package/cjs/drawer/Drawer.d.ts +31 -0
- package/cjs/drawer/Drawer.js +20 -24
- package/cjs/drawer/index.d.ts +1 -0
- package/cjs/drawer/index.js +1 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +46 -0
- package/cjs/dropdown-menu/Dropdown.js +52 -62
- package/cjs/dropdown-menu/DropdownContext.d.ts +13 -0
- package/cjs/dropdown-menu/DropdownContext.js +8 -10
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +34 -0
- package/cjs/dropdown-menu/MenuCheckbox.js +28 -26
- package/cjs/dropdown-menu/MenuItem.d.ts +45 -0
- package/cjs/dropdown-menu/MenuItem.js +54 -69
- package/cjs/dropdown-menu/MenuTitle.d.ts +14 -0
- package/cjs/dropdown-menu/MenuTitle.js +20 -17
- package/cjs/dropdown-menu/index.d.ts +5 -0
- package/cjs/dropdown-menu/index.js +7 -8
- package/cjs/elevation/index.d.ts +3 -0
- package/cjs/elevation/index.js +4 -8
- package/cjs/flexbox/FlexBox.d.ts +100 -0
- package/cjs/flexbox/FlexBox.js +8 -18
- package/cjs/flexbox/index.d.ts +1 -0
- package/cjs/flexbox/index.js +1 -1
- package/cjs/footer/Footer.d.ts +7 -0
- package/cjs/footer/Footer.js +14 -10
- package/cjs/footer/index.d.ts +1 -0
- package/cjs/footer/index.js +2 -2
- package/cjs/forms/assistive-text/AssistiveText.d.ts +7 -0
- package/cjs/forms/assistive-text/AssistiveText.js +2 -3
- package/cjs/forms/asterisk/Asterisk.d.ts +3 -0
- package/cjs/forms/asterisk/Asterisk.js +6 -5
- package/cjs/forms/checkbox/Checkbox.d.ts +39 -0
- package/cjs/forms/checkbox/Checkbox.js +56 -57
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +11 -0
- package/cjs/forms/checkbox/ExampleControlComponent.js +14 -25
- package/cjs/forms/checkbox/index.d.ts +1 -0
- package/cjs/forms/checkbox/index.js +2 -2
- package/cjs/forms/email-field/EmailField.d.ts +6 -0
- package/cjs/forms/email-field/EmailField.js +8 -8
- package/cjs/forms/error-text/ErrorText.d.ts +7 -0
- package/cjs/forms/error-text/ErrorText.js +4 -7
- package/cjs/forms/field/Field.d.ts +11 -0
- package/cjs/forms/field/Field.js +14 -13
- package/cjs/forms/index.d.ts +21 -0
- package/cjs/forms/index.js +19 -19
- package/cjs/forms/input/Input.d.ts +19 -0
- package/cjs/forms/input/Input.js +45 -53
- package/cjs/forms/input/InputComposition.d.ts +43 -0
- package/cjs/forms/input/InputComposition.js +62 -62
- package/cjs/forms/label/Label.d.ts +11 -0
- package/cjs/forms/label/Label.js +16 -17
- package/cjs/forms/number-field/NumberField.d.ts +6 -0
- package/cjs/forms/number-field/NumberField.js +8 -9
- package/cjs/forms/password-field/PasswordField.d.ts +4 -0
- package/cjs/forms/password-field/PasswordField.js +15 -26
- package/cjs/forms/radio/Radio.d.ts +35 -0
- package/cjs/forms/radio/Radio.js +30 -35
- package/cjs/forms/reactselect/ReactSelect.d.ts +25 -0
- package/cjs/forms/reactselect/ReactSelect.js +104 -105
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +6 -0
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +74 -69
- package/cjs/forms/select/Select.d.ts +16 -0
- package/cjs/forms/select/Select.js +44 -48
- package/cjs/forms/select-field/SelectField.d.ts +17 -0
- package/cjs/forms/select-field/SelectField.js +51 -52
- package/cjs/forms/switch/Switch.d.ts +13 -0
- package/cjs/forms/switch/Switch.js +53 -54
- package/cjs/forms/tel-field/TelField.d.ts +6 -0
- package/cjs/forms/tel-field/TelField.js +8 -8
- package/cjs/forms/text-field/TextField.d.ts +26 -0
- package/cjs/forms/text-field/TextField.js +59 -61
- package/cjs/global-styles/GlobalStyles.d.ts +3 -0
- package/cjs/global-styles/GlobalStyles.js +4 -3
- package/cjs/global-styles/ResetStyles.d.ts +9 -0
- package/cjs/global-styles/ResetStyles.js +4 -4
- package/cjs/global-styles/sanitize.d.ts +1 -0
- package/cjs/global-styles/sanitize.js +3 -5
- package/cjs/grid/Column.d.ts +10 -0
- package/cjs/grid/Column.js +16 -18
- package/cjs/grid/Container.d.ts +15 -0
- package/cjs/grid/Container.js +44 -41
- package/cjs/grid/index.d.ts +2 -0
- package/cjs/grid/index.js +3 -3
- package/cjs/hero/Hero.d.ts +10 -0
- package/cjs/hero/Hero.js +43 -27
- package/cjs/hero/index.d.ts +1 -0
- package/cjs/hero/index.js +2 -2
- package/cjs/hero/stripes.d.ts +6 -0
- package/cjs/hero/stripes.js +178 -163
- package/cjs/ie-banner/IEBanner.d.ts +12 -0
- package/cjs/ie-banner/IEBanner.js +17 -28
- package/cjs/ie-banner/index.d.ts +1 -0
- package/cjs/ie-banner/index.js +2 -2
- package/cjs/index.d.ts +44 -0
- package/cjs/index.js +46 -46
- package/cjs/layout/LayoutLegacy.d.ts +2 -0
- package/cjs/layout/LayoutLegacy.js +3 -2
- package/cjs/lists/FeatureList.d.ts +22 -0
- package/cjs/lists/FeatureList.js +24 -24
- package/cjs/lists/ListAddon.d.ts +11 -0
- package/cjs/lists/ListAddon.js +17 -17
- package/cjs/lists/ListDivider.d.ts +5 -0
- package/cjs/lists/ListDivider.js +13 -16
- package/cjs/lists/ListIcon.d.ts +18 -0
- package/cjs/lists/ListIcon.js +19 -22
- package/cjs/lists/ListItem.d.ts +46 -0
- package/cjs/lists/ListItem.js +23 -31
- package/cjs/lists/ListText.d.ts +39 -0
- package/cjs/lists/ListText.js +15 -18
- package/cjs/lists/ListTextGroup.d.ts +15 -0
- package/cjs/lists/ListTextGroup.js +16 -20
- package/cjs/lists/ListTitle.d.ts +4 -0
- package/cjs/lists/ListTitle.js +12 -16
- package/cjs/lists/index.d.ts +8 -0
- package/cjs/lists/index.js +9 -9
- package/cjs/loader/DfdsLoader.d.ts +9 -0
- package/cjs/loader/DfdsLoader.js +30 -25
- package/cjs/loader/Loader.d.ts +6 -0
- package/cjs/loader/Loader.js +11 -6
- package/cjs/loader/index.d.ts +2 -0
- package/cjs/loader/index.js +3 -3
- package/cjs/localization/LocaleFlag.d.ts +13 -0
- package/cjs/localization/LocaleFlag.js +14 -18
- package/cjs/localization/index.d.ts +2 -0
- package/cjs/localization/index.js +2 -2
- package/cjs/localization/locales.d.ts +35 -0
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.d.ts +11 -0
- package/cjs/logo/Logo.js +18 -18
- package/cjs/logo/index.d.ts +1 -0
- package/cjs/logo/index.js +1 -1
- package/cjs/media/index.d.ts +2 -0
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.d.ts +7 -0
- package/cjs/menu/Menu.js +46 -41
- package/cjs/menu/index.d.ts +2 -0
- package/cjs/menu/index.js +3 -4
- package/cjs/mobile-stepper/MobileStepper.d.ts +25 -0
- package/cjs/mobile-stepper/MobileStepper.js +28 -32
- package/cjs/mobile-stepper/index.d.ts +1 -0
- package/cjs/mobile-stepper/index.js +2 -2
- package/cjs/nav-bar/NavBar.d.ts +37 -0
- package/cjs/nav-bar/NavBar.js +67 -75
- package/cjs/nav-bar/index.d.ts +2 -0
- package/cjs/nav-bar/index.js +3 -4
- package/cjs/nav-menu/NavMenuItem.d.ts +10 -0
- package/cjs/nav-menu/NavMenuItem.js +15 -14
- package/cjs/nav-menu/index.d.ts +1 -0
- package/cjs/nav-menu/index.js +2 -2
- package/cjs/pagination/Pagination.d.ts +44 -0
- package/cjs/pagination/Pagination.js +60 -49
- package/cjs/pagination/Pagination.styles.d.ts +6 -0
- package/cjs/pagination/Pagination.styles.js +7 -14
- package/cjs/pagination/index.d.ts +1 -0
- package/cjs/pagination/index.js +1 -1
- package/cjs/popper/Popper.d.ts +29 -0
- package/cjs/popper/Popper.js +42 -43
- package/cjs/popper/index.d.ts +1 -0
- package/cjs/popper/index.js +2 -2
- package/cjs/progress-bar/ProgressBar.d.ts +8 -0
- package/cjs/progress-bar/ProgressBar.js +6 -8
- package/cjs/progress-bar/index.d.ts +2 -0
- package/cjs/progress-bar/index.js +3 -4
- package/cjs/schedule/ScheduleItem.d.ts +19 -0
- package/cjs/schedule/ScheduleItem.js +12 -9
- package/cjs/schedule/ScheduleList.d.ts +11 -0
- package/cjs/schedule/ScheduleList.js +15 -18
- package/cjs/schedule/index.d.ts +2 -0
- package/cjs/schedule/index.js +3 -3
- package/cjs/side-sheet/SideSheet.d.ts +57 -0
- package/cjs/side-sheet/SideSheet.js +76 -90
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +13 -0
- package/cjs/side-sheet/SideSheetCloseButton.js +15 -20
- package/cjs/side-sheet/SideSheetContent.d.ts +7 -0
- package/cjs/side-sheet/SideSheetContent.js +16 -16
- package/cjs/side-sheet/SideSheetFooter.d.ts +7 -0
- package/cjs/side-sheet/SideSheetFooter.js +16 -16
- package/cjs/side-sheet/SideSheetHeader.d.ts +9 -0
- package/cjs/side-sheet/SideSheetHeader.js +19 -20
- package/cjs/side-sheet/SideSheetHeadline.d.ts +7 -0
- package/cjs/side-sheet/SideSheetHeadline.js +7 -6
- package/cjs/side-sheet/index.d.ts +4 -0
- package/cjs/side-sheet/index.js +6 -7
- package/cjs/site-layout/SiteLayout.d.ts +40 -0
- package/cjs/site-layout/SiteLayout.js +60 -53
- package/cjs/site-layout/index.d.ts +2 -0
- package/cjs/site-layout/index.js +3 -4
- package/cjs/skeleton/Skeleton.d.ts +8 -0
- package/cjs/skeleton/Skeleton.js +14 -18
- package/cjs/skeleton/index.d.ts +1 -0
- package/cjs/skeleton/index.js +1 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +24 -0
- package/cjs/social-media-link-list/SocialMediaLinkList.js +78 -74
- package/cjs/social-media-link-list/index.d.ts +1 -0
- package/cjs/social-media-link-list/index.js +1 -1
- package/cjs/spinner/Spinner.d.ts +58 -0
- package/cjs/spinner/Spinner.js +23 -28
- package/cjs/spinner/index.d.ts +1 -0
- package/cjs/spinner/index.js +1 -1
- package/cjs/step/Step.d.ts +45 -0
- package/cjs/step/Step.js +51 -51
- package/cjs/step/Step.styles.d.ts +4 -0
- package/cjs/step/Step.styles.js +5 -10
- package/cjs/step/StepButton.d.ts +4 -0
- package/cjs/step/StepButton.js +45 -42
- package/cjs/step/StepContent.d.ts +6 -0
- package/cjs/step/StepContent.js +18 -17
- package/cjs/step/StepContext.d.ts +12 -0
- package/cjs/step/StepContext.js +2 -3
- package/cjs/step/StepLabel.d.ts +7 -0
- package/cjs/step/StepLabel.js +15 -13
- package/cjs/step/index.d.ts +1 -0
- package/cjs/step/index.js +2 -2
- package/cjs/stepper/Stepper.d.ts +25 -0
- package/cjs/stepper/Stepper.js +28 -38
- package/cjs/stepper/StepperContext.d.ts +9 -0
- package/cjs/stepper/StepperContext.js +2 -3
- package/cjs/stepper/index.d.ts +1 -0
- package/cjs/stepper/index.js +2 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +5 -0
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +12 -10
- package/cjs/stepper-feedback-message/index.d.ts +1 -0
- package/cjs/stepper-feedback-message/index.js +2 -2
- package/cjs/styles/index.d.ts +3 -0
- package/cjs/styles/index.js +6 -7
- package/cjs/styles/media.d.ts +21 -0
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/rem.d.ts +1 -0
- package/cjs/styles/style-helpers.d.ts +1 -0
- package/cjs/styles/style-helpers.js +1 -2
- package/cjs/styles/theme.d.ts +39 -0
- package/cjs/styles/theme.js +2 -4
- package/cjs/surface/Surface.d.ts +32 -0
- package/cjs/surface/Surface.js +33 -34
- package/cjs/surface/index.d.ts +1 -0
- package/cjs/surface/index.js +1 -1
- package/cjs/tab/Tab.d.ts +12 -0
- package/cjs/tab/Tab.js +23 -24
- package/cjs/tab/TabPanel.d.ts +7 -0
- package/cjs/tab/TabPanel.js +11 -10
- package/cjs/tab/Tabs.d.ts +11 -0
- package/cjs/tab/Tabs.js +54 -71
- package/cjs/tab/TabsContext.d.ts +16 -0
- package/cjs/tab/TabsContext.js +8 -10
- package/cjs/tab/index.d.ts +4 -0
- package/cjs/tab/index.js +5 -5
- package/cjs/table/Table.d.ts +22 -0
- package/cjs/table/Table.js +21 -26
- package/cjs/table/TableBody.d.ts +9 -0
- package/cjs/table/TableBody.js +12 -16
- package/cjs/table/TableDataCell.d.ts +14 -0
- package/cjs/table/TableDataCell.js +14 -19
- package/cjs/table/TableHead.d.ts +14 -0
- package/cjs/table/TableHead.js +19 -23
- package/cjs/table/TableHeaderCell.d.ts +15 -0
- package/cjs/table/TableHeaderCell.js +14 -19
- package/cjs/table/TableRow.d.ts +17 -0
- package/cjs/table/TableRow.js +19 -23
- package/cjs/table/index.d.ts +6 -0
- package/cjs/table/index.js +6 -6
- package/cjs/test/Test.d.ts +8 -0
- package/cjs/test/Test.js +6 -5
- package/cjs/tooltip/Tooltip.d.ts +26 -0
- package/cjs/tooltip/Tooltip.js +42 -39
- package/cjs/tooltip/index.d.ts +2 -0
- package/cjs/tooltip/index.js +3 -4
- package/cjs/typography/Headlines.d.ts +71 -0
- package/cjs/typography/Headlines.js +34 -45
- package/cjs/typography/Text.d.ts +4 -0
- package/cjs/typography/Text.js +4 -6
- package/cjs/typography/index.d.ts +2 -0
- package/cjs/typography/index.js +2 -2
- package/common/LockBodyScroll.d.ts +2 -2
- package/common/LockBodyScroll.js +20 -10
- package/common/arrow.d.ts +1 -1
- package/common/arrow.js +2 -4
- package/common/emotionCloneElement.d.ts +0 -1
- package/common/emotionCloneElement.js +1 -1
- package/common/intent.d.ts +1 -1
- package/common/polymorphic.d.ts +5 -5
- package/common/polymorphic.js +10 -4
- package/common/use-media.js +5 -5
- package/common/useOnClickOutside.d.ts +1 -2
- package/common/utils.js +1 -1
- package/counter/Counter.d.ts +1 -1
- package/counter/Counter.js +58 -55
- package/counter/PluralCounter.d.ts +1 -1
- package/counter/PluralCounter.js +24 -16
- package/data-table/DataTable.d.ts +3 -2
- package/data-table/DataTable.js +59 -46
- package/date-range-picker/DatePickerDefaultStyles.js +1 -2
- package/date-range-picker/DateRangePicker.d.ts +1 -1
- package/date-range-picker/DateRangePicker.js +158 -138
- package/divider/Divider.d.ts +3 -3
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.d.ts +4 -4
- package/drawer/Drawer.js +16 -7
- package/dropdown-menu/Dropdown.d.ts +3 -3
- package/dropdown-menu/Dropdown.js +45 -35
- package/dropdown-menu/DropdownContext.d.ts +4 -4
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.d.ts +1 -1
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.d.ts +1 -1
- package/dropdown-menu/MenuItem.js +34 -31
- package/dropdown-menu/MenuTitle.d.ts +1 -1
- package/dropdown-menu/MenuTitle.js +15 -13
- package/elevation/index.d.ts +1 -1
- package/elevation/index.js +3 -6
- package/flexbox/FlexBox.d.ts +5 -5
- package/flexbox/FlexBox.js +8 -8
- package/footer/Footer.d.ts +2 -2
- package/footer/Footer.js +12 -7
- package/forms/assistive-text/AssistiveText.d.ts +3 -4
- package/forms/asterisk/Asterisk.d.ts +2 -2
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.d.ts +5 -5
- package/forms/checkbox/Checkbox.js +49 -40
- package/forms/checkbox/ExampleControlComponent.d.ts +2 -1
- package/forms/checkbox/ExampleControlComponent.js +18 -11
- package/forms/email-field/EmailField.d.ts +2 -2
- package/forms/email-field/EmailField.js +10 -5
- package/forms/error-text/ErrorText.d.ts +3 -4
- package/forms/error-text/ErrorText.js +2 -4
- package/forms/field/Field.d.ts +2 -1
- package/forms/field/Field.js +12 -10
- package/forms/index.d.ts +3 -3
- package/forms/input/Input.d.ts +3 -3
- package/forms/input/Input.js +37 -38
- package/forms/input/InputComposition.d.ts +12 -12
- package/forms/input/InputComposition.js +40 -29
- package/forms/label/Label.d.ts +2 -1
- package/forms/label/Label.js +17 -11
- package/forms/number-field/NumberField.d.ts +2 -2
- package/forms/number-field/NumberField.js +11 -7
- package/forms/password-field/PasswordField.d.ts +1 -1
- package/forms/password-field/PasswordField.js +20 -15
- package/forms/radio/Radio.d.ts +4 -4
- package/forms/radio/Radio.js +29 -23
- package/forms/reactselect/ReactSelect.d.ts +15 -15
- package/forms/reactselect/ReactSelect.js +72 -65
- package/forms/searchable-select/AsyncSearchableSelect.d.ts +2 -2
- package/forms/searchable-select/AsyncSearchableSelect.js +51 -39
- package/forms/select/Select.d.ts +4 -4
- package/forms/select/Select.js +40 -37
- package/forms/select-field/SelectField.d.ts +3 -3
- package/forms/select-field/SelectField.js +43 -38
- package/forms/switch/Switch.d.ts +2 -2
- package/forms/switch/Switch.js +52 -43
- package/forms/tel-field/TelField.d.ts +2 -2
- package/forms/tel-field/TelField.js +10 -5
- package/forms/text-field/TextField.d.ts +4 -4
- package/forms/text-field/TextField.js +50 -45
- package/global-styles/GlobalStyles.d.ts +3 -3
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.d.ts +2 -2
- package/global-styles/ResetStyles.js +3 -4
- package/global-styles/sanitize.js +1 -2
- package/grid/Column.d.ts +1 -1
- package/grid/Column.js +13 -6
- package/grid/Container.d.ts +2 -2
- package/grid/Container.js +41 -35
- package/hero/Hero.d.ts +2 -2
- package/hero/Hero.js +43 -25
- package/hero/stripes.d.ts +2 -2
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.d.ts +2 -1
- package/ie-banner/IEBanner.js +17 -11
- package/layout/LayoutLegacy.d.ts +2 -2
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.d.ts +7 -9
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.d.ts +2 -2
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.d.ts +3 -3
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.d.ts +3 -3
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.d.ts +2 -2
- package/lists/ListItem.js +13 -6
- package/lists/ListText.d.ts +4 -4
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.d.ts +2 -2
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.d.ts +2 -2
- package/lists/ListTitle.js +11 -7
- package/loader/DfdsLoader.d.ts +1 -1
- package/loader/DfdsLoader.js +27 -22
- package/loader/Loader.d.ts +3 -3
- package/loader/Loader.js +10 -5
- package/localization/LocaleFlag.d.ts +3 -3
- package/localization/LocaleFlag.js +10 -5
- package/localization/locales.d.ts +2 -2
- package/logo/Logo.d.ts +3 -3
- package/logo/Logo.js +14 -7
- package/menu/Menu.d.ts +1 -1
- package/menu/Menu.js +30 -17
- package/mobile-stepper/MobileStepper.d.ts +3 -3
- package/mobile-stepper/MobileStepper.js +32 -26
- package/nav-bar/NavBar.d.ts +11 -9
- package/nav-bar/NavBar.js +56 -41
- package/nav-menu/NavMenuItem.d.ts +1 -1
- package/nav-menu/NavMenuItem.js +13 -12
- package/package.json +19 -21
- package/pagination/Pagination.d.ts +3 -3
- package/pagination/Pagination.js +56 -40
- package/pagination/Pagination.styles.js +2 -3
- package/popper/Popper.d.ts +4 -4
- package/popper/Popper.js +27 -18
- package/progress-bar/ProgressBar.d.ts +3 -3
- package/progress-bar/ProgressBar.js +4 -6
- package/schedule/ScheduleItem.d.ts +8 -10
- package/schedule/ScheduleItem.js +9 -4
- package/schedule/ScheduleList.d.ts +3 -3
- package/schedule/ScheduleList.js +16 -10
- package/side-sheet/SideSheet.d.ts +5 -5
- package/side-sheet/SideSheet.js +56 -48
- package/side-sheet/SideSheetCloseButton.d.ts +2 -2
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.d.ts +3 -3
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.d.ts +3 -3
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.d.ts +3 -3
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.d.ts +3 -3
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.d.ts +15 -11
- package/site-layout/SiteLayout.js +36 -18
- package/skeleton/Skeleton.d.ts +3 -3
- package/skeleton/Skeleton.js +11 -6
- package/social-media-link-list/SocialMediaLinkList.d.ts +7 -9
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.d.ts +9 -9
- package/spinner/Spinner.js +19 -13
- package/step/Step.d.ts +2 -2
- package/step/Step.js +34 -20
- package/step/Step.styles.js +1 -2
- package/step/StepButton.d.ts +2 -2
- package/step/StepButton.js +28 -22
- package/step/StepContent.d.ts +3 -3
- package/step/StepContent.js +13 -13
- package/step/StepContext.d.ts +1 -1
- package/step/StepLabel.d.ts +1 -1
- package/step/StepLabel.js +9 -8
- package/stepper/Stepper.d.ts +2 -2
- package/stepper/Stepper.js +16 -16
- package/stepper/StepperContext.d.ts +1 -1
- package/stepper-feedback-message/StepperFeedbackMessage.d.ts +2 -2
- package/stepper-feedback-message/StepperFeedbackMessage.js +10 -8
- package/styles/media.d.ts +1 -1
- package/styles/style-helpers.js +1 -2
- package/styles/theme.d.ts +1 -1
- package/surface/Surface.d.ts +7 -7
- package/surface/Surface.js +18 -15
- package/tab/Tab.d.ts +3 -3
- package/tab/Tab.js +18 -12
- package/tab/TabPanel.d.ts +2 -2
- package/tab/TabPanel.js +6 -5
- package/tab/Tabs.d.ts +3 -3
- package/tab/Tabs.js +49 -43
- package/tab/TabsContext.d.ts +3 -3
- package/tab/TabsContext.js +5 -4
- package/table/Table.d.ts +3 -3
- package/table/Table.js +20 -13
- package/table/TableBody.d.ts +2 -2
- package/table/TableBody.js +13 -7
- package/table/TableDataCell.d.ts +2 -2
- package/table/TableDataCell.js +14 -8
- package/table/TableHead.d.ts +2 -2
- package/table/TableHead.js +11 -9
- package/table/TableHeaderCell.d.ts +3 -3
- package/table/TableHeaderCell.js +14 -8
- package/table/TableRow.d.ts +2 -2
- package/table/TableRow.js +12 -11
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.d.ts +4 -4
- package/tooltip/Tooltip.js +33 -24
- package/typography/Headlines.d.ts +41 -40
- package/typography/Headlines.js +24 -19
- package/typography/Text.d.ts +2 -3
- package/typography/Text.js +1 -2
package/cjs/lists/ListIcon.js
CHANGED
|
@@ -7,16 +7,14 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
m = _theme$spacing.m,
|
|
19
|
-
l = _theme$spacing.l;
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
const {
|
|
13
|
+
xs,
|
|
14
|
+
s,
|
|
15
|
+
m,
|
|
16
|
+
l
|
|
17
|
+
} = _theme.theme.spacing;
|
|
20
18
|
const sizes = {
|
|
21
19
|
small: xs,
|
|
22
20
|
medium: s,
|
|
@@ -30,19 +28,18 @@ const listIconStyles = ({
|
|
|
30
28
|
size,
|
|
31
29
|
color
|
|
32
30
|
}) => /*#__PURE__*/(0, _react2.css)("width:auto;height:", getSize(size), ";min-width:", getSize(size), ";object-fit:contain;flex-shrink:0;color:", color, ";flex:0;fill:", color, ";margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listIconStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SWNvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N1RSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbGlzdHMvTGlzdEljb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIFNpemUgPSAnc21hbGwnIHwgJ21lZGl1bScgfCAnbGFyZ2UnIHwgJ3hsJ1xuXG5jb25zdCB7IHhzLCBzLCBtLCBsIH0gPSB0aGVtZS5zcGFjaW5nXG5cbmNvbnN0IHNpemVzID0ge1xuICBzbWFsbDogeHMsXG4gIG1lZGl1bTogcyxcbiAgbGFyZ2U6IG0sXG4gIHhsOiBsLFxufVxuXG50eXBlIExpc3RJY29uUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIG5lZWRlZCBpY29uLlxuICAgKi9cbiAgaWNvbjogUmVhY3QuRWxlbWVudFR5cGVcbiAgLyoqXG4gICAqIENob29zZSB0aGUgc2l6ZSBvZiB0aGUgaWNvbi5cbiAgICovXG4gIHNpemU/OiBTaXplXG4gIC8qKlxuICAgKiBDaG9vc2UgdGhlIGNvbG9yIG9mIHRoZSBpY29uLlxuICAgKi9cbiAgY29sb3I/OiBzdHJpbmdcbn1cblxuZnVuY3Rpb24gZ2V0U2l6ZShzaXplOiBTaXplID0gJ21lZGl1bScpIHtcbiAgcmV0dXJuIHNpemVzW3NpemVdXG59XG5cbmNvbnN0IGxpc3RJY29uU3R5bGVzID0gKHsgc2l6ZSwgY29sb3IgfTogUGFydGlhbDxMaXN0SWNvblByb3BzPikgPT4gY3NzYFxuICB3aWR0aDogYXV0bztcbiAgaGVpZ2h0OiAke2dldFNpemUoc2l6ZSl9O1xuICBtaW4td2lkdGg6ICR7Z2V0U2l6ZShzaXplKX07XG4gIG9iamVjdC1maXQ6IGNvbnRhaW47XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBjb2xvcjogJHtjb2xvcn07XG4gIGZsZXg6IDA7XG4gIGZpbGw6ICR7Y29sb3J9O1xuICBtYXJnaW46IDA7XG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgbWFyZ2luLXJpZ2h0OiAke3RoZW1lLnNwYWNpbmcueHN9O1xuICB9XG5gXG5cbmNvbnN0IExpc3RJY29uID0gKHsgaWNvbjogSWNvbiwgc2l6ZSA9ICdsYXJnZScsIGNvbG9yID0gdGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5LCAuLi5yZXN0IH06IExpc3RJY29uUHJvcHMpID0+IHtcbiAgcmV0dXJuIDxJY29uIGNzcz17bGlzdEljb25TdHlsZXMoeyBzaXplLCBjb2xvciB9KX0gey4uLnJlc3R9IC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJY29uXG4iXX0= */");
|
|
33
|
-
const ListIcon =
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
return (0, _react2.jsx)(Icon, _extends({
|
|
31
|
+
const ListIcon = ({
|
|
32
|
+
icon: Icon,
|
|
33
|
+
size = 'large',
|
|
34
|
+
color = _theme.theme.colors.text.dark.primary,
|
|
35
|
+
...rest
|
|
36
|
+
}) => {
|
|
37
|
+
return (0, _jsxRuntime.jsx)(Icon, {
|
|
41
38
|
css: listIconStyles({
|
|
42
39
|
size,
|
|
43
40
|
color
|
|
44
|
-
})
|
|
45
|
-
|
|
41
|
+
}),
|
|
42
|
+
...rest
|
|
43
|
+
});
|
|
46
44
|
};
|
|
47
|
-
var _default = ListIcon;
|
|
48
|
-
exports.default = _default;
|
|
45
|
+
var _default = exports.default = ListIcon;
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
+
import { PolymorphicComponentProps } from '../common/polymorphic';
|
|
4
|
+
export 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) => React.JSX.Element;
|
|
46
|
+
export default ListItem;
|
package/cjs/lists/ListItem.js
CHANGED
|
@@ -10,11 +10,8 @@ var _theme = require("@dfds-ui/theme");
|
|
|
10
10
|
var _utils = require("../common/utils");
|
|
11
11
|
var _FlexBox = require("../flexbox/FlexBox");
|
|
12
12
|
var _divider = require("../divider");
|
|
13
|
-
|
|
14
|
-
function _interopRequireDefault(
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
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; }
|
|
13
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
14
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
15
|
const listItemStyles = ({
|
|
19
16
|
multiline,
|
|
20
17
|
selected,
|
|
@@ -29,29 +26,23 @@ const listItemStyles = ({
|
|
|
29
26
|
}), " &:hover svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), " ", selected && /*#__PURE__*/(0, _react2.css)("svg{color:", _theme.theme.colors.secondary.main, ";fill:", _theme.theme.colors.secondary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEZPIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:listItemStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeURZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0SXRlbS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBpZTExTWluSGVpZ2h0Rml4IH0gZnJvbSAnLi4vY29tbW9uL3V0aWxzJ1xuaW1wb3J0IHsgRmxleEJveFByb3BzLCBmbGV4Qm94U3R5bGVzIH0gZnJvbSAnLi4vZmxleGJveC9GbGV4Qm94J1xuaW1wb3J0IHsgZGl2aWRlckJvcmRlciB9IGZyb20gJy4uL2RpdmlkZXInXG5pbXBvcnQgeyBQb2x5bW9ycGhpY0NvbXBvbmVudFByb3BzIH0gZnJvbSAnLi4vY29tbW9uL3BvbHltb3JwaGljJ1xuXG5leHBvcnQgdHlwZSBMaXN0SXRlbVByb3BzID0ge1xuICAvKipcbiAgICogV2lsbCByZW5kZXIgdGhlIGBMaXN0SXRlbWAgd2l0aCBhIGdyZWF0ZXIgYG1pbi1oZWlnaHRgIGFuZCBzaG91bGQgYmUgdXNlZCB3aGVuIGRpc3BsYXlpbmcgbXVsdGlwbGUgbGluZXMgb2YgdGV4dC5cbiAgICovXG4gIG11bHRpbGluZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEluZGljYXRlcyB0aGF0IHRoZSBgTGlzdEl0ZW1gIGlzIHNlbGVjdGVkLlxuICAgKi9cbiAgc2VsZWN0ZWQ/OiBib29sZWFuXG4gIC8qKlxuICAgKiBSZW5kZXIgdGhlICdMaXN0SXRlbWAgd2l0aG91dCBtaW4taGVpZ2h0LlxuICAgKi9cbiAgY29uZGVuc2VkPzogYm9vbGVhblxuICAvKipcbiAgICogSW5kaWNhdGVzIHRoYXQgdGhlIGBMaXN0SXRlbWAgY2FuIGJlIGZvY3VzZWQuXG4gICAqL1xuICB0YWJJbmRleD86IG51bWJlclxuICAvKipcbiAgICogQWRkIGludGVyYWN0aXZlIHN0eWxlcyB0byB0aGUgYExpc3RJdGVtYC5cbiAgICovXG4gIGNsaWNrYWJsZT86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEFkZCBhIGRpdmlkZXIgdG8gdGhlIGBMaXN0SXRlbWAuIFRoaXMgd2lsbCBhcHBseSBhIGJvcmRlciBvbiB0aGUgdGhlIGBMaXN0SXRlbWAgb25seS4gSWYgeW91IG5lZWQgdGhlIGluZGVudC9tYXJnaW4gdmFyaWFudHMgdXNlXG4gICAqIHRoZSBgTGlzdERpdmlkZXJgIGNvbXBvbmVudCBpbnN0ZWFkLlxuICAgKi9cbiAgZGl2aWRlcj86IGJvb2xlYW5cbiAgLyoqXG4gICAqIEludm9rZSB0aGUgcHJvdmlkZWQgY2FsbGJhY2sgd2hlbiB0aGUgYExpc3RJdGVtYCBpcyBjbGlja2VkLlxuICAgKi9cbiAgb25DbGljaz86ICgpID0+IHZvaWRcbiAgLyoqXG4gICAqIFByb3BzIGNvbnRyb2xsaW5nIHRoZSBmbGV4Ym94LlxuICAgKi9cbiAgZmxleEJveFByb3BzPzogRmxleEJveFByb3BzXG4gIC8qKlxuICAgKiBjbGFzc05hbWUgdG8gYmUgYXNzaWduZWQgdG8gY29tcG9uZW50LlxuICAgKi9cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG59ICYgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1xuXG5leHBvcnQgY29uc3QgbGlzdEl0ZW1TdHlsZXMgPSAoe1xuICBtdWx0aWxpbmUsXG4gIHNlbGVjdGVkLFxuICBjbGlja2FibGUsXG4gIGNvbmRlbnNlZCxcbiAgZmxleEJveFByb3BzLFxuICBkaXZpZGVyLFxufTogUGFydGlhbDxMaXN0SXRlbVByb3BzPikgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgICR7ZmxleEJveFN0eWxlcyhmbGV4Qm94UHJvcHMpfVxuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIC8qIGJ1dHRvbiBhY3RzIGFzIGFuICdyZXBsYWNlIGVsZW1lbnQnIHNvIHdlIG5lZWQgYWRkaXRpb25hbCBzdHlsZXMgdG8gcmVuZGVyIGl0IGNvcnJlY3RseSAqL1xuICAgIGJ1dHRvbiYge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIH1cbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAwICR7Y29uZGVuc2VkID8gMCA6IHRoZW1lLnNwYWNpbmcuc307XG4gICAgcGFkZGluZy10b3A6ICR7bXVsdGlsaW5lID8gdGhlbWUuc3BhY2luZy54cyA6IDB9O1xuICAgIHBhZGRpbmctYm90dG9tOiAke211bHRpbGluZSA/IHRoZW1lLnNwYWNpbmcueHMgOiAwfTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgbWluLWhlaWdodDogJHtjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnNC41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGx9O1xuICAgICR7aWUxMU1pbkhlaWdodEZpeChjb25kZW5zZWQgPyB1bmRlZmluZWQgOiBtdWx0aWxpbmUgPyAnMy41cmVtJyA6IHRoZW1lLnNwYWNpbmcueGwpfVxuXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5wcmltYXJ5fTtcbiAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuXG4gICAgJHtkaXZpZGVyICYmIGRpdmlkZXJCb3JkZXIoZmFsc2UsICdib3R0b20nKX1cblxuICAgICR7Y2xpY2thYmxlICYmXG4gICAgY3NzYFxuICAgICAgJHt0aGVtZS5zdGF0ZXMub3ZlcmxheShzZWxlY3RlZCwgeyBjb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWluLCBpZ25vcmVGb2N1c1Zpc2liaWxpdHk6IHRydWUgfSl9XG4gICAgICAmOmhvdmVyIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuXG4gICAgJHtzZWxlY3RlZCAmJlxuICAgIGNzc2BcbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zZWNvbmRhcnkubWFpbn07XG4gICAgICAgIGZpbGw6ICR7dGhlbWUuY29sb3JzLnNlY29uZGFyeS5tYWlufTtcbiAgICAgIH1cbiAgICBgfVxuICBgXG59XG5cbmNvbnN0IExpc3RJdGVtID0gKHtcbiAgY2hpbGRyZW4sXG4gIG11bHRpbGluZSA9IGZhbHNlLFxuICBjb25kZW5zZWQgPSBmYWxzZSxcbiAgc2VsZWN0ZWQgPSBmYWxzZSxcbiAgdGFiSW5kZXgsXG4gIGNsaWNrYWJsZSA9IGZhbHNlLFxuICBkaXZpZGVyID0gZmFsc2UsXG4gIG9uQ2xpY2ssXG4gIGFzID0gJ3NwYW4nLFxuICBmbGV4Qm94UHJvcHMgPSB7IGl0ZW1zQ2VudGVyOiB0cnVlIH0sXG4gIC4uLnJlc3Rcbn06IExpc3RJdGVtUHJvcHMpID0+IHtcbiAgY29uc3QgQ29tcG9uZW50ID0gYXNcbiAgcmV0dXJuIChcbiAgICA8Q29tcG9uZW50XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgdGFiSW5kZXg9e2NsaWNrYWJsZSA/IHRhYkluZGV4IHx8IDAgOiB0YWJJbmRleH1cbiAgICAgIGNzcz17bGlzdEl0ZW1TdHlsZXMoeyBtdWx0aWxpbmUsIHNlbGVjdGVkLCBjbGlja2FibGUsIGNvbmRlbnNlZCwgZmxleEJveFByb3BzLCBkaXZpZGVyIH0pfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvQ29tcG9uZW50PlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IExpc3RJdGVtXG4iXX0= */");
|
|
30
27
|
};
|
|
31
28
|
exports.listItemStyles = listItemStyles;
|
|
32
|
-
const ListItem =
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
as = _ref$as === void 0 ? 'span' : _ref$as,
|
|
48
|
-
_ref$flexBoxProps = _ref.flexBoxProps,
|
|
49
|
-
flexBoxProps = _ref$flexBoxProps === void 0 ? {
|
|
50
|
-
itemsCenter: true
|
|
51
|
-
} : _ref$flexBoxProps,
|
|
52
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
const ListItem = ({
|
|
30
|
+
children,
|
|
31
|
+
multiline = false,
|
|
32
|
+
condensed = false,
|
|
33
|
+
selected = false,
|
|
34
|
+
tabIndex,
|
|
35
|
+
clickable = false,
|
|
36
|
+
divider = false,
|
|
37
|
+
onClick,
|
|
38
|
+
as = 'span',
|
|
39
|
+
flexBoxProps = {
|
|
40
|
+
itemsCenter: true
|
|
41
|
+
},
|
|
42
|
+
...rest
|
|
43
|
+
}) => {
|
|
53
44
|
const Component = as;
|
|
54
|
-
return (0,
|
|
45
|
+
return (0, _jsxRuntime.jsx)(Component, {
|
|
55
46
|
onClick: onClick,
|
|
56
47
|
tabIndex: clickable ? tabIndex || 0 : tabIndex,
|
|
57
48
|
css: listItemStyles({
|
|
@@ -61,8 +52,9 @@ const ListItem = _ref => {
|
|
|
61
52
|
condensed,
|
|
62
53
|
flexBoxProps,
|
|
63
54
|
divider
|
|
64
|
-
})
|
|
65
|
-
|
|
55
|
+
}),
|
|
56
|
+
...rest,
|
|
57
|
+
children: children
|
|
58
|
+
});
|
|
66
59
|
};
|
|
67
|
-
var _default = ListItem;
|
|
68
|
-
exports.default = _default;
|
|
60
|
+
var _default = exports.default = ListItem;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { theme } from '@dfds-ui/theme';
|
|
3
|
+
import { typography } from '@dfds-ui/typography';
|
|
4
|
+
type FontFamily = keyof typeof theme.fontFamilies;
|
|
5
|
+
type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
|
|
6
|
+
export 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) => React.JSX.Element;
|
|
39
|
+
export default ListText;
|
package/cjs/lists/ListText.js
CHANGED
|
@@ -8,11 +8,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
10
|
var _typography = require("@dfds-ui/typography");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
14
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
|
-
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; }
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
13
|
function textStyles(styledAs) {
|
|
17
14
|
let lineHeight = 'inherit';
|
|
18
15
|
let color = _theme.theme.colors.text.dark.primary;
|
|
@@ -43,23 +40,23 @@ function deprecated({
|
|
|
43
40
|
}
|
|
44
41
|
return /*#__PURE__*/(0, _react2.css)("font-weight:", fontWeight, ";font-size:", size, ";font-family:", fontFamily && (_theme.theme.fontFamilies[fontFamily] || fontFamily), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:deprecated;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUZZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */");
|
|
45
42
|
}
|
|
46
|
-
const ListText =
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
return (0,
|
|
43
|
+
const ListText = ({
|
|
44
|
+
styledAs = 'body',
|
|
45
|
+
color,
|
|
46
|
+
fontWeight,
|
|
47
|
+
size,
|
|
48
|
+
fontFamily,
|
|
49
|
+
...rest
|
|
50
|
+
}) => {
|
|
51
|
+
return (0, _jsxRuntime.jsx)(_typography.Text, {
|
|
55
52
|
as: "span",
|
|
56
53
|
styledAs: styledAs,
|
|
57
54
|
css: /*#__PURE__*/(0, _react2.css)("flex:1;flex-basis:auto;user-select:none;white-space:normal;user-select:none;margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}& span{margin-left:0;}", textStyles(styledAs), " ", deprecated({
|
|
58
55
|
fontWeight,
|
|
59
56
|
size,
|
|
60
57
|
fontFamily
|
|
61
|
-
}), " color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */")
|
|
62
|
-
|
|
58
|
+
}), " color:", color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:ListText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyB0eXBvZ3JhcGh5IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuXG50eXBlIEZvbnRGYW1pbHkgPSBrZXlvZiB0eXBlb2YgdGhlbWUuZm9udEZhbWlsaWVzXG5cbnR5cGUgU3R5bGVkQXMgPSBrZXlvZiBQaWNrPFxuICB0eXBlb2YgdHlwb2dyYXBoeSxcbiAgfCAnYm9keSdcbiAgfCAnYm9keUJvbGQnXG4gIHwgJ2FjdGlvbidcbiAgfCAnYWN0aW9uQm9sZCdcbiAgfCAnbGFiZWwnXG4gIHwgJ2xhYmVsQm9sZCdcbiAgfCAnbGFiZWxTbWFsbCdcbiAgfCAnY2FwdGlvbidcbiAgfCAnc2VjdGlvbkhlYWRsaW5lJ1xuICB8ICdzdWJIZWFkbGluZSdcbiAgfCAnc21hbGxIZWFkbGluZSdcbj5cblxuZXhwb3J0IHR5cGUgTGlzdFRleHRQcm9wcyA9IHtcbiAgLyoqXG4gICAqIFNldCB0aGUgc3R5bGUgb2YgdGhlIHRleHQuXG4gICAqL1xuICBzdHlsZWRBcz86IFN0eWxlZEFzXG5cbiAgLyoqXG4gICAqIE92ZXJyaWRlIHRoZSBkZWZhdWx0IGNvbG9yIGZyb20gYHN0eWxlZEFzYC5cbiAgICovXG4gIGNvbG9yPzogc3RyaW5nXG5cbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgc2l6ZSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBzaXplLlxuICAgKiBAZGVwcmVjYXRlZFxuICAgKi9cbiAgc2l6ZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiAqREVQUkVDQVRFRCogdXNlIGBzdHlsZWRBc2AgaW5zdGVhZCBvciBvdmVycmlkZSBmb250V2VpZ2h0IHdpdGggYGNzc2AgcHJvcCBvciBgY2xhc3NOYW1lYC5cbiAgICpcbiAgICogQ2hvb3NlIHRoZSBmb250IHdlaWdodC5cbiAgICogQGRlcHJlY2F0ZWRcbiAgICovXG4gIGZvbnRXZWlnaHQ/OiBudW1iZXJcblxuICAvKipcbiAgICogKkRFUFJFQ0FURUQqIHVzZSBgc3R5bGVkQXNgIGluc3RlYWQgb3Igb3ZlcnJpZGUgZm9udEZhbWlseSB3aXRoIGBjc3NgIHByb3Agb3IgYGNsYXNzTmFtZWAuXG4gICAqXG4gICAqIENob29zZSB0aGUgZm9udCBmYW1pbHkuXG4gICAqIEBkZXByZWNhdGVkXG4gICAqL1xuICBmb250RmFtaWx5PzogRm9udEZhbWlseVxufVxuXG5mdW5jdGlvbiB0ZXh0U3R5bGVzKHN0eWxlZEFzOiBTdHlsZWRBcykge1xuICBsZXQgbGluZUhlaWdodCA9ICdpbmhlcml0J1xuICBsZXQgY29sb3IgPSB0aGVtZS5jb2xvcnMudGV4dC5kYXJrLnByaW1hcnlcbiAgc3dpdGNoIChzdHlsZWRBcykge1xuICAgIGNhc2UgJ2FjdGlvbic6XG4gICAgY2FzZSAnYWN0aW9uQm9sZCc6XG4gICAgICBsaW5lSGVpZ2h0ID0gJzIwcHgnXG4gICAgICBjb2xvciA9ICdjdXJyZW50Q29sb3InXG4gICAgICBicmVha1xuICAgIGNhc2UgJ2xhYmVsJzpcbiAgICBjYXNlICdsYWJlbEJvbGQnOlxuICAgIGNhc2UgJ2xhYmVsU21hbGwnOlxuICAgIGNhc2UgJ2JvZHknOlxuICAgIGNhc2UgJ2JvZHlCb2xkJzpcbiAgICAgIGxpbmVIZWlnaHQgPSAnMjBweCdcbiAgICAgIGNvbG9yID0gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpblxuICB9XG4gIHJldHVybiBjc3NgXG4gICAgY29sb3I6ICR7Y29sb3J9O1xuICAgIGxpbmUtaGVpZ2h0OiAke2xpbmVIZWlnaHR9O1xuICBgXG59XG5cbmZ1bmN0aW9uIGRlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH06IFBhcnRpYWw8TGlzdFRleHRQcm9wcz4pIHtcbiAgaWYgKGZvbnRXZWlnaHQgfHwgc2l6ZSB8fCBmb250RmFtaWx5KSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCBob3cgdG8gaGFuZGxlIGRlcHJlY2F0aW9uXG4gICAgLy8gY29uc29sZS53YXJuKCdkZXByZWNhdGVkJylcbiAgfVxuICByZXR1cm4gY3NzYFxuICAgIGZvbnQtd2VpZ2h0OiAke2ZvbnRXZWlnaHR9O1xuICAgIGZvbnQtc2l6ZTogJHtzaXplfTtcbiAgICBmb250LWZhbWlseTogJHtmb250RmFtaWx5ICYmICh0aGVtZS5mb250RmFtaWxpZXNbZm9udEZhbWlseV0gfHwgZm9udEZhbWlseSl9O1xuICBgXG59XG5cbmNvbnN0IExpc3RUZXh0ID0gKHsgc3R5bGVkQXMgPSAnYm9keScsIGNvbG9yLCBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5LCAuLi5yZXN0IH06IExpc3RUZXh0UHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8VGV4dFxuICAgICAgYXM9XCJzcGFuXCJcbiAgICAgIHN0eWxlZEFzPXtzdHlsZWRBc31cbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBmbGV4OiAxO1xuICAgICAgICBmbGV4LWJhc2lzOiBhdXRvO1xuICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgd2hpdGUtc3BhY2U6IG5vcm1hbDtcbiAgICAgICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6ICR7dGhlbWUuc3BhY2luZy54c307XG4gICAgICAgIH1cbiAgICAgICAgJiBzcGFuIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMDtcbiAgICAgICAgfVxuICAgICAgICAke3RleHRTdHlsZXMoc3R5bGVkQXMpfVxuICAgICAgICAke2RlcHJlY2F0ZWQoeyBmb250V2VpZ2h0LCBzaXplLCBmb250RmFtaWx5IH0pfVxuICAgICAgICBjb2xvcjogJHtjb2xvcn07XG4gICAgICBgfVxuICAgICAgey4uLnJlc3R9XG4gICAgLz5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBMaXN0VGV4dFxuIl19 */"),
|
|
59
|
+
...rest
|
|
60
|
+
});
|
|
63
61
|
};
|
|
64
|
-
var _default = ListText;
|
|
65
|
-
exports.default = _default;
|
|
62
|
+
var _default = exports.default = ListText;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { FlexBoxProps } from '../flexbox/FlexBox';
|
|
3
|
+
export 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) => React.JSX.Element;
|
|
15
|
+
export default ListTextGroup;
|
|
@@ -8,25 +8,21 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _FlexBox = require("../flexbox/FlexBox");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
} : _ref$flexBoxProps,
|
|
23
|
-
_ref$as = _ref.as,
|
|
24
|
-
as = _ref$as === void 0 ? 'span' : _ref$as,
|
|
25
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
11
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
const ListTextGroup = ({
|
|
14
|
+
flexBoxProps = {
|
|
15
|
+
flex: 1,
|
|
16
|
+
justifyCenter: true,
|
|
17
|
+
directionColumn: true
|
|
18
|
+
},
|
|
19
|
+
as = 'span',
|
|
20
|
+
...rest
|
|
21
|
+
}) => {
|
|
26
22
|
const Component = as;
|
|
27
|
-
return (0,
|
|
28
|
-
css: /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListTextGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3RUZXh0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94UHJvcHMsIGZsZXhCb3hTdHlsZXMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMaXN0VGV4dEdyb3VwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveC5cbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0VGV4dEdyb3VwID0gKHtcbiAgZmxleEJveFByb3BzID0geyBmbGV4OiAxLCBqdXN0aWZ5Q2VudGVyOiB0cnVlLCBkaXJlY3Rpb25Db2x1bW46IHRydWUgfSxcbiAgYXMgPSAnc3BhbicsXG4gIC4uLnJlc3Rcbn06IExpc3RUZXh0R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2ZsZXhCb3hTdHlsZXMoZmxleEJveFByb3BzKX1cbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRleHRHcm91cFxuIl19 */")
|
|
29
|
-
|
|
23
|
+
return (0, _jsxRuntime.jsx)(Component, {
|
|
24
|
+
css: /*#__PURE__*/(0, _react2.css)((0, _FlexBox.flexBoxStyles)(flexBoxProps), " margin:0;&:not(:last-child){margin-right:", _theme.theme.spacing.xs, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ListTextGroup;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGV4dEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2xpc3RzL0xpc3RUZXh0R3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBGbGV4Qm94UHJvcHMsIGZsZXhCb3hTdHlsZXMgfSBmcm9tICcuLi9mbGV4Ym94L0ZsZXhCb3gnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5leHBvcnQgdHlwZSBMaXN0VGV4dEdyb3VwUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBQcm9wcyBjb250cm9sbGluZyB0aGUgZmxleGJveC5cbiAgICovXG4gIGZsZXhCb3hQcm9wcz86IEZsZXhCb3hQcm9wc1xuXG4gIC8qKlxuICAgKiBIVE1MIHRhZyBvciBjdXN0b20gY29tcG9uZW50IGJlaW5nIHJlbmRlcmVkLlxuICAgKi9cbiAgYXM/OiBSZWFjdC5FbGVtZW50VHlwZVxuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufVxuXG5jb25zdCBMaXN0VGV4dEdyb3VwID0gKHtcbiAgZmxleEJveFByb3BzID0geyBmbGV4OiAxLCBqdXN0aWZ5Q2VudGVyOiB0cnVlLCBkaXJlY3Rpb25Db2x1bW46IHRydWUgfSxcbiAgYXMgPSAnc3BhbicsXG4gIC4uLnJlc3Rcbn06IExpc3RUZXh0R3JvdXBQcm9wcykgPT4ge1xuICBjb25zdCBDb21wb25lbnQgPSBhc1xuICByZXR1cm4gKFxuICAgIDxDb21wb25lbnRcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICAke2ZsZXhCb3hTdHlsZXMoZmxleEJveFByb3BzKX1cbiAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAmOm5vdCg6bGFzdC1jaGlsZCkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogJHt0aGVtZS5zcGFjaW5nLnhzfTtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRleHRHcm91cFxuIl19 */"),
|
|
25
|
+
...rest
|
|
26
|
+
});
|
|
30
27
|
};
|
|
31
|
-
var _default = ListTextGroup;
|
|
32
|
-
exports.default = _default;
|
|
28
|
+
var _default = exports.default = ListTextGroup;
|
package/cjs/lists/ListTitle.js
CHANGED
|
@@ -7,29 +7,25 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _ListItem = _interopRequireDefault(require("./ListItem"));
|
|
10
|
-
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
13
|
-
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
14
|
-
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; }
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
16
13
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
17
14
|
name: "1cm3p4d",
|
|
18
15
|
styles: "flex-basis:100%;min-height:3.625rem"
|
|
19
16
|
} : {
|
|
20
17
|
name: "i2o44s-ListTitle",
|
|
21
|
-
styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;",
|
|
22
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
|
|
18
|
+
styles: "flex-basis:100%;min-height:3.625rem;label:ListTitle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9saXN0cy9MaXN0VGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgTGlzdEl0ZW0sIHsgTGlzdEl0ZW1Qcm9wcyB9IGZyb20gJy4vTGlzdEl0ZW0nXG5cbmNvbnN0IExpc3RUaXRsZSA9ICh7IGFzID0gJ2RpdicsIC4uLnJlc3QgfTogTGlzdEl0ZW1Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMaXN0SXRlbVxuICAgICAgYXM9e2FzfVxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGZsZXgtYmFzaXM6IDEwMCU7XG4gICAgICAgIG1pbi1oZWlnaHQ6IDMuNjI1cmVtO1xuICAgICAgYH1cbiAgICAgIHsuLi5yZXN0fVxuICAgIC8+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgTGlzdFRpdGxlXG4iXX0= */",
|
|
23
19
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
20
|
};
|
|
25
|
-
const ListTitle =
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
return (0,
|
|
21
|
+
const ListTitle = ({
|
|
22
|
+
as = 'div',
|
|
23
|
+
...rest
|
|
24
|
+
}) => {
|
|
25
|
+
return (0, _jsxRuntime.jsx)(_ListItem.default, {
|
|
30
26
|
as: as,
|
|
31
|
-
css: _ref
|
|
32
|
-
|
|
27
|
+
css: _ref,
|
|
28
|
+
...rest
|
|
29
|
+
});
|
|
33
30
|
};
|
|
34
|
-
var _default = ListTitle;
|
|
35
|
-
exports.default = _default;
|
|
31
|
+
var _default = exports.default = ListTitle;
|
|
@@ -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
|
@@ -5,49 +5,49 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "FeatureList", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _FeatureList.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "ListAddon", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _ListAddon.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "ListDivider", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _ListDivider.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "ListIcon", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _ListIcon.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "ListItem", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
32
|
+
get: function () {
|
|
33
33
|
return _ListItem.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ListText", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function
|
|
38
|
+
get: function () {
|
|
39
39
|
return _ListText.default;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "ListTextGroup", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function
|
|
44
|
+
get: function () {
|
|
45
45
|
return _ListTextGroup.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "ListTitle", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function
|
|
50
|
+
get: function () {
|
|
51
51
|
return _ListTitle.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
@@ -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 }; }
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface Props {
|
|
3
|
+
label?: string;
|
|
4
|
+
showMenu?: boolean;
|
|
5
|
+
iconColor?: string;
|
|
6
|
+
waveColor?: string;
|
|
7
|
+
}
|
|
8
|
+
declare const DfdsLoader: ({ label, iconColor, waveColor, showMenu }: Props) => React.JSX.Element;
|
|
9
|
+
export default DfdsLoader;
|