@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
|
@@ -6,31 +6,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
-
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; }
|
|
20
|
-
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; }
|
|
21
|
-
const ExampleControlComponent = _ref => {
|
|
22
|
-
let defaultChecked = _ref.checked,
|
|
23
|
-
children = _ref.children,
|
|
24
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
25
|
-
const _React$useState = _react.default.useState(defaultChecked),
|
|
26
|
-
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
27
|
-
checked = _React$useState2[0],
|
|
28
|
-
setChecked = _React$useState2[1];
|
|
29
|
-
return (0, _react2.jsx)(_Checkbox.default, _extends({
|
|
9
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
+
const ExampleControlComponent = ({
|
|
12
|
+
checked: defaultChecked,
|
|
13
|
+
children,
|
|
14
|
+
...rest
|
|
15
|
+
}) => {
|
|
16
|
+
const [checked, setChecked] = _react.default.useState(defaultChecked);
|
|
17
|
+
return (0, _jsxRuntime.jsx)(_Checkbox.default, {
|
|
30
18
|
onChange: () => setChecked(state => !state),
|
|
31
19
|
checked: checked,
|
|
32
|
-
name: "test"
|
|
33
|
-
|
|
20
|
+
name: "test",
|
|
21
|
+
...rest,
|
|
22
|
+
children: children
|
|
23
|
+
});
|
|
34
24
|
};
|
|
35
|
-
var _default = ExampleControlComponent;
|
|
36
|
-
exports.default = _default;
|
|
25
|
+
var _default = exports.default = ExampleControlComponent;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Checkbox } from './Checkbox';
|
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "Checkbox", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _Checkbox.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
var _Checkbox = _interopRequireDefault(require("./Checkbox"));
|
|
13
|
-
function _interopRequireDefault(
|
|
13
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TextFieldProps } from '../text-field/TextField';
|
|
3
|
+
declare const _default: import("@emotion/styled").StyledComponent<Omit<TextFieldProps, "ref"> & React.RefAttributes<HTMLInputElement> & {
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
}, {}, {}>;
|
|
6
|
+
export default _default;
|
|
@@ -7,16 +7,16 @@ exports.default = void 0;
|
|
|
7
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _TextField = _interopRequireDefault(require("../text-field/TextField"));
|
|
10
|
-
var
|
|
11
|
-
function _interopRequireDefault(
|
|
12
|
-
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
// EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
|
|
13
13
|
const EmailField = (props, ref) => {
|
|
14
|
-
return (0,
|
|
14
|
+
return (0, _jsxRuntime.jsx)(_TextField.default, {
|
|
15
|
+
...props,
|
|
15
16
|
ref: ref,
|
|
16
17
|
type: "email"
|
|
17
|
-
})
|
|
18
|
+
});
|
|
18
19
|
};
|
|
19
|
-
var _default = /*#__PURE__*/(0, _base.default)(
|
|
20
|
+
var _default = exports.default = /*#__PURE__*/(0, _base.default)(/*#__PURE__*/_react.default.forwardRef(EmailField), {
|
|
20
21
|
target: "eoo1you0"
|
|
21
|
-
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+
|
|
22
|
-
exports.default = _default;
|
|
22
|
+
})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZn0gdHlwZT1cImVtYWlsXCIgLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoRW1haWxGaWVsZCkpKClcbiJdfQ== */");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
declare const ErrorText: import("@emotion/styled").StyledComponent<{
|
|
2
|
+
theme?: import("@emotion/react").Theme;
|
|
3
|
+
as?: React.ElementType;
|
|
4
|
+
} & {
|
|
5
|
+
small?: boolean;
|
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
+
export default ErrorText;
|
|
@@ -7,15 +7,14 @@ exports.default = void 0;
|
|
|
7
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _theme = require("@dfds-ui/theme");
|
|
10
|
-
function _interopRequireDefault(
|
|
10
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
11
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
12
12
|
var _ref = process.env.NODE_ENV === "production" ? {
|
|
13
13
|
name: "30ohwh",
|
|
14
14
|
styles: "font-size:16px;line-height:26px"
|
|
15
15
|
} : {
|
|
16
16
|
name: "17h9ept-ErrorText",
|
|
17
|
-
styles: "font-size:16px;line-height:26px;label:ErrorText;",
|
|
18
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2Vycm9yLXRleHQvRXJyb3JUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5jb25zdCBFcnJvclRleHQgPSBzdHlsZWQuZGl2PHsgc21hbGw/OiBib29sZWFuIH0+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgJHsocCkgPT5cbiAgICBwLnNtYWxsXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjZweDtcbiAgICAgICAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JUZXh0XG4iXX0= */",
|
|
17
|
+
styles: "font-size:16px;line-height:26px;label:ErrorText;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWVciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2Vycm9yLXRleHQvRXJyb3JUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5jb25zdCBFcnJvclRleHQgPSBzdHlsZWQuZGl2PHsgc21hbGw/OiBib29sZWFuIH0+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgJHsocCkgPT5cbiAgICBwLnNtYWxsXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjZweDtcbiAgICAgICAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JUZXh0XG4iXX0= */",
|
|
19
18
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
20
19
|
};
|
|
21
20
|
var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
@@ -23,8 +22,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
23
22
|
styles: "font-size:12px;line-height:15px"
|
|
24
23
|
} : {
|
|
25
24
|
name: "oy110k-ErrorText",
|
|
26
|
-
styles: "font-size:12px;line-height:15px;label:ErrorText;",
|
|
27
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUVciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2Vycm9yLXRleHQvRXJyb3JUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5jb25zdCBFcnJvclRleHQgPSBzdHlsZWQuZGl2PHsgc21hbGw/OiBib29sZWFuIH0+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgJHsocCkgPT5cbiAgICBwLnNtYWxsXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjZweDtcbiAgICAgICAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JUZXh0XG4iXX0= */",
|
|
25
|
+
styles: "font-size:12px;line-height:15px;label:ErrorText;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUVciLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2Zvcm1zL2Vycm9yLXRleHQvRXJyb3JUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG5jb25zdCBFcnJvclRleHQgPSBzdHlsZWQuZGl2PHsgc21hbGw/OiBib29sZWFuIH0+YFxuICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3RhdHVzLmFsZXJ0fTtcbiAgJHsocCkgPT5cbiAgICBwLnNtYWxsXG4gICAgICA/IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE1cHg7XG4gICAgICAgIGBcbiAgICAgIDogY3NzYFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMjZweDtcbiAgICAgICAgYH1cbmBcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JUZXh0XG4iXX0= */",
|
|
28
26
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
29
27
|
};
|
|
30
28
|
const ErrorText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -33,5 +31,4 @@ const ErrorText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
|
|
|
33
31
|
target: "e1dvcboa0",
|
|
34
32
|
label: "ErrorText"
|
|
35
33
|
})("color:", _theme.theme.colors.status.alert, ";", p => p.small ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgRXJyb3JUZXh0ID0gc3R5bGVkLmRpdjx7IHNtYWxsPzogYm9vbGVhbiB9PmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICR7KHApID0+XG4gICAgcC5zbWFsbFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNXB4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI2cHg7XG4gICAgICAgIGB9XG5gXG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yVGV4dFxuIl19 */"));
|
|
36
|
-
var _default = ErrorText;
|
|
37
|
-
exports.default = _default;
|
|
34
|
+
var _default = exports.default = ErrorText;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { LabelProps } from '../label/Label';
|
|
3
|
+
type FieldProps = {
|
|
4
|
+
children?: React.ReactNode;
|
|
5
|
+
labelProps?: LabelProps;
|
|
6
|
+
label?: React.ReactNode;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
assistiveText?: string;
|
|
9
|
+
};
|
|
10
|
+
declare const Field: React.FunctionComponent<FieldProps>;
|
|
11
|
+
export default Field;
|
package/cjs/forms/field/Field.js
CHANGED
|
@@ -7,8 +7,8 @@ exports.default = void 0;
|
|
|
7
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _Label = _interopRequireDefault(require("../label/Label"));
|
|
10
|
-
var
|
|
11
|
-
function _interopRequireDefault(
|
|
10
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
13
13
|
const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
14
14
|
target: "eazjpxc2"
|
|
@@ -20,8 +20,7 @@ const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ===
|
|
|
20
20
|
styles: "display:flex;flex-direction:column;font-family:DFDS"
|
|
21
21
|
} : {
|
|
22
22
|
name: "116bt74",
|
|
23
|
-
styles: "display:flex;flex-direction:column;font-family:DFDS",
|
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBMYWJlbCwgeyBMYWJlbFByb3BzIH0gZnJvbSAnLi4vbGFiZWwvTGFiZWwnXG5cbnR5cGUgRmllbGRQcm9wcyA9IHtcbiAgbGFiZWxQcm9wcz86IExhYmVsUHJvcHNcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiBERkRTO1xuYFxuXG5jb25zdCBGaWVsZExhYmVsID0gc3R5bGVkKExhYmVsKWBcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuYFxuXG5jb25zdCBBc3Npc3RpdmUgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbmBcblxuY29uc3QgRmllbGQ6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEZpZWxkUHJvcHM+ID0gKHsgbGFiZWwsIHJlcXVpcmVkLCBhc3Npc3RpdmVUZXh0LCBjaGlsZHJlbiB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXI+XG4gICAgICB7bGFiZWwgIT09IHVuZGVmaW5lZCAmJiA8RmllbGRMYWJlbCByZXF1aXJlZD17cmVxdWlyZWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAge2NoaWxkcmVufVxuICAgICAge2Fzc2lzdGl2ZVRleHQgIT09IHVuZGVmaW5lZCAmJiA8QXNzaXN0aXZlPnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlPn1cbiAgICA8L1dyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmllbGRcbiJdfQ== */",
|
|
23
|
+
styles: "display:flex;flex-direction:column;font-family:DFDS/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBMYWJlbCwgeyBMYWJlbFByb3BzIH0gZnJvbSAnLi4vbGFiZWwvTGFiZWwnXG5cbnR5cGUgRmllbGRQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGVcbiAgbGFiZWxQcm9wcz86IExhYmVsUHJvcHNcbiAgbGFiZWw/OiBSZWFjdC5SZWFjdE5vZGVcbiAgcmVxdWlyZWQ/OiBib29sZWFuXG4gIGFzc2lzdGl2ZVRleHQ/OiBzdHJpbmdcbn1cblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZvbnQtZmFtaWx5OiBERkRTO1xuYFxuXG5jb25zdCBGaWVsZExhYmVsID0gc3R5bGVkKExhYmVsKWBcbiAgbWFyZ2luLWJvdHRvbTogNXB4O1xuYFxuXG5jb25zdCBBc3Npc3RpdmUgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiA1cHg7XG4gIGZvbnQtc2l6ZTogMTJweDtcbmBcblxuY29uc3QgRmllbGQ6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PEZpZWxkUHJvcHM+ID0gKHsgbGFiZWwsIHJlcXVpcmVkLCBhc3Npc3RpdmVUZXh0LCBjaGlsZHJlbiB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXI+XG4gICAgICB7bGFiZWwgIT09IHVuZGVmaW5lZCAmJiA8RmllbGRMYWJlbCByZXF1aXJlZD17cmVxdWlyZWR9PntsYWJlbH08L0ZpZWxkTGFiZWw+fVxuICAgICAge2NoaWxkcmVufVxuICAgICAge2Fzc2lzdGl2ZVRleHQgIT09IHVuZGVmaW5lZCAmJiA8QXNzaXN0aXZlPnthc3Npc3RpdmVUZXh0fTwvQXNzaXN0aXZlPn1cbiAgICA8L1dyYXBwZXI+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRmllbGRcbiJdfQ== */",
|
|
25
24
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
26
25
|
});
|
|
27
26
|
const FieldLabel = /*#__PURE__*/(0, _base.default)(_Label.default, process.env.NODE_ENV === "production" ? {
|
|
@@ -34,8 +33,7 @@ const FieldLabel = /*#__PURE__*/(0, _base.default)(_Label.default, process.env.N
|
|
|
34
33
|
styles: "margin-bottom:5px"
|
|
35
34
|
} : {
|
|
36
35
|
name: "vqx3x2",
|
|
37
|
-
styles: "margin-bottom:5px",
|
|
38
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJnQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZmllbGQvRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGFiZWwsIHsgTGFiZWxQcm9wcyB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuXG50eXBlIEZpZWxkUHJvcHMgPSB7XG4gIGxhYmVsUHJvcHM/OiBMYWJlbFByb3BzXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmb250LWZhbWlseTogREZEUztcbmBcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChMYWJlbClgXG4gIG1hcmdpbi1ib3R0b206IDVweDtcbmBcblxuY29uc3QgQXNzaXN0aXZlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG5gXG5cbmNvbnN0IEZpZWxkOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxGaWVsZFByb3BzPiA9ICh7IGxhYmVsLCByZXF1aXJlZCwgYXNzaXN0aXZlVGV4dCwgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2xhYmVsICE9PSB1bmRlZmluZWQgJiYgPEZpZWxkTGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHthc3Npc3RpdmVUZXh0ICE9PSB1bmRlZmluZWQgJiYgPEFzc2lzdGl2ZT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZT59XG4gICAgPC9XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkXG4iXX0= */",
|
|
36
|
+
styles: "margin-bottom:5px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JnQyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZmllbGQvRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGFiZWwsIHsgTGFiZWxQcm9wcyB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuXG50eXBlIEZpZWxkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGxhYmVsUHJvcHM/OiBMYWJlbFByb3BzXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmb250LWZhbWlseTogREZEUztcbmBcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChMYWJlbClgXG4gIG1hcmdpbi1ib3R0b206IDVweDtcbmBcblxuY29uc3QgQXNzaXN0aXZlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG5gXG5cbmNvbnN0IEZpZWxkOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxGaWVsZFByb3BzPiA9ICh7IGxhYmVsLCByZXF1aXJlZCwgYXNzaXN0aXZlVGV4dCwgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2xhYmVsICE9PSB1bmRlZmluZWQgJiYgPEZpZWxkTGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHthc3Npc3RpdmVUZXh0ICE9PSB1bmRlZmluZWQgJiYgPEFzc2lzdGl2ZT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZT59XG4gICAgPC9XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkXG4iXX0= */",
|
|
39
37
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
40
38
|
});
|
|
41
39
|
const Assistive = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
|
|
@@ -48,8 +46,7 @@ const Assistive = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
|
|
|
48
46
|
styles: "margin-top:5px;font-size:12px"
|
|
49
47
|
} : {
|
|
50
48
|
name: "s8y8pc",
|
|
51
|
-
styles: "margin-top:5px;font-size:12px",
|
|
52
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUI0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZmllbGQvRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGFiZWwsIHsgTGFiZWxQcm9wcyB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuXG50eXBlIEZpZWxkUHJvcHMgPSB7XG4gIGxhYmVsUHJvcHM/OiBMYWJlbFByb3BzXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmb250LWZhbWlseTogREZEUztcbmBcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChMYWJlbClgXG4gIG1hcmdpbi1ib3R0b206IDVweDtcbmBcblxuY29uc3QgQXNzaXN0aXZlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG5gXG5cbmNvbnN0IEZpZWxkOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxGaWVsZFByb3BzPiA9ICh7IGxhYmVsLCByZXF1aXJlZCwgYXNzaXN0aXZlVGV4dCwgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2xhYmVsICE9PSB1bmRlZmluZWQgJiYgPEZpZWxkTGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHthc3Npc3RpdmVUZXh0ICE9PSB1bmRlZmluZWQgJiYgPEFzc2lzdGl2ZT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZT59XG4gICAgPC9XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkXG4iXX0= */",
|
|
49
|
+
styles: "margin-top:5px;font-size:12px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9maWVsZC9GaWVsZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0I0QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvZm9ybXMvZmllbGQvRmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTGFiZWwsIHsgTGFiZWxQcm9wcyB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuXG50eXBlIEZpZWxkUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlXG4gIGxhYmVsUHJvcHM/OiBMYWJlbFByb3BzXG4gIGxhYmVsPzogUmVhY3QuUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBhc3Npc3RpdmVUZXh0Pzogc3RyaW5nXG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmb250LWZhbWlseTogREZEUztcbmBcblxuY29uc3QgRmllbGRMYWJlbCA9IHN0eWxlZChMYWJlbClgXG4gIG1hcmdpbi1ib3R0b206IDVweDtcbmBcblxuY29uc3QgQXNzaXN0aXZlID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogNXB4O1xuICBmb250LXNpemU6IDEycHg7XG5gXG5cbmNvbnN0IEZpZWxkOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxGaWVsZFByb3BzPiA9ICh7IGxhYmVsLCByZXF1aXJlZCwgYXNzaXN0aXZlVGV4dCwgY2hpbGRyZW4gfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyPlxuICAgICAge2xhYmVsICE9PSB1bmRlZmluZWQgJiYgPEZpZWxkTGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfT57bGFiZWx9PC9GaWVsZExhYmVsPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHthc3Npc3RpdmVUZXh0ICE9PSB1bmRlZmluZWQgJiYgPEFzc2lzdGl2ZT57YXNzaXN0aXZlVGV4dH08L0Fzc2lzdGl2ZT59XG4gICAgPC9XcmFwcGVyPlxuICApXG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkXG4iXX0= */",
|
|
53
50
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
54
51
|
});
|
|
55
52
|
const Field = ({
|
|
@@ -58,9 +55,13 @@ const Field = ({
|
|
|
58
55
|
assistiveText,
|
|
59
56
|
children
|
|
60
57
|
}) => {
|
|
61
|
-
return (0,
|
|
62
|
-
|
|
63
|
-
|
|
58
|
+
return (0, _jsxRuntime.jsxs)(Wrapper, {
|
|
59
|
+
children: [label !== undefined && (0, _jsxRuntime.jsx)(FieldLabel, {
|
|
60
|
+
required: required,
|
|
61
|
+
children: label
|
|
62
|
+
}), children, assistiveText !== undefined && (0, _jsxRuntime.jsx)(Assistive, {
|
|
63
|
+
children: assistiveText
|
|
64
|
+
})]
|
|
65
|
+
});
|
|
64
66
|
};
|
|
65
|
-
var _default = Field;
|
|
66
|
-
exports.default = _default;
|
|
67
|
+
var _default = exports.default = Field;
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export { default as AssistiveText } from './assistive-text/AssistiveText';
|
|
2
|
+
export { default as Asterisk } from './asterisk/Asterisk';
|
|
3
|
+
export { default as Field } from './field/Field';
|
|
4
|
+
export { default as Input } from './input/Input';
|
|
5
|
+
export { default as Switch } from './switch/Switch';
|
|
6
|
+
export { default as Select } from './select/Select';
|
|
7
|
+
export { default as Label } from './label/Label';
|
|
8
|
+
export { default as TextField } from './text-field/TextField';
|
|
9
|
+
export { default as Radio } from './radio/Radio';
|
|
10
|
+
export type RadioProps = import('./radio/Radio').RadioProps;
|
|
11
|
+
export { default as Checkbox } from './checkbox/Checkbox';
|
|
12
|
+
export type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
|
|
13
|
+
export { default as SelectField } from './select-field/SelectField';
|
|
14
|
+
export { default as TelField } from './tel-field/TelField';
|
|
15
|
+
export { default as EmailField } from './email-field/EmailField';
|
|
16
|
+
export { default as NumberField } from './number-field/NumberField';
|
|
17
|
+
export { default as ReactSelect } from './reactselect/ReactSelect';
|
|
18
|
+
export type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
|
|
19
|
+
export { default as PasswordField } from './password-field/PasswordField';
|
|
20
|
+
export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
|
|
21
|
+
export { default as ErrorText } from './error-text/ErrorText';
|
package/cjs/forms/index.js
CHANGED
|
@@ -5,109 +5,109 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "AssistiveText", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
8
|
+
get: function () {
|
|
9
9
|
return _AssistiveText.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "Asterisk", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
14
|
+
get: function () {
|
|
15
15
|
return _Asterisk.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "AsyncSearchableSelect", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
20
|
+
get: function () {
|
|
21
21
|
return _AsyncSearchableSelect.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "Checkbox", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
26
|
+
get: function () {
|
|
27
27
|
return _Checkbox.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "EmailField", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
32
|
+
get: function () {
|
|
33
33
|
return _EmailField.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "ErrorText", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function
|
|
38
|
+
get: function () {
|
|
39
39
|
return _ErrorText.default;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "Field", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function
|
|
44
|
+
get: function () {
|
|
45
45
|
return _Field.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
48
|
Object.defineProperty(exports, "Input", {
|
|
49
49
|
enumerable: true,
|
|
50
|
-
get: function
|
|
50
|
+
get: function () {
|
|
51
51
|
return _Input.default;
|
|
52
52
|
}
|
|
53
53
|
});
|
|
54
54
|
Object.defineProperty(exports, "Label", {
|
|
55
55
|
enumerable: true,
|
|
56
|
-
get: function
|
|
56
|
+
get: function () {
|
|
57
57
|
return _Label.default;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
Object.defineProperty(exports, "NumberField", {
|
|
61
61
|
enumerable: true,
|
|
62
|
-
get: function
|
|
62
|
+
get: function () {
|
|
63
63
|
return _NumberField.default;
|
|
64
64
|
}
|
|
65
65
|
});
|
|
66
66
|
Object.defineProperty(exports, "PasswordField", {
|
|
67
67
|
enumerable: true,
|
|
68
|
-
get: function
|
|
68
|
+
get: function () {
|
|
69
69
|
return _PasswordField.default;
|
|
70
70
|
}
|
|
71
71
|
});
|
|
72
72
|
Object.defineProperty(exports, "Radio", {
|
|
73
73
|
enumerable: true,
|
|
74
|
-
get: function
|
|
74
|
+
get: function () {
|
|
75
75
|
return _Radio.default;
|
|
76
76
|
}
|
|
77
77
|
});
|
|
78
78
|
Object.defineProperty(exports, "ReactSelect", {
|
|
79
79
|
enumerable: true,
|
|
80
|
-
get: function
|
|
80
|
+
get: function () {
|
|
81
81
|
return _ReactSelect.default;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
84
|
Object.defineProperty(exports, "Select", {
|
|
85
85
|
enumerable: true,
|
|
86
|
-
get: function
|
|
86
|
+
get: function () {
|
|
87
87
|
return _Select.default;
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
90
|
Object.defineProperty(exports, "SelectField", {
|
|
91
91
|
enumerable: true,
|
|
92
|
-
get: function
|
|
92
|
+
get: function () {
|
|
93
93
|
return _SelectField.default;
|
|
94
94
|
}
|
|
95
95
|
});
|
|
96
96
|
Object.defineProperty(exports, "Switch", {
|
|
97
97
|
enumerable: true,
|
|
98
|
-
get: function
|
|
98
|
+
get: function () {
|
|
99
99
|
return _Switch.default;
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
102
|
Object.defineProperty(exports, "TelField", {
|
|
103
103
|
enumerable: true,
|
|
104
|
-
get: function
|
|
104
|
+
get: function () {
|
|
105
105
|
return _TelField.default;
|
|
106
106
|
}
|
|
107
107
|
});
|
|
108
108
|
Object.defineProperty(exports, "TextField", {
|
|
109
109
|
enumerable: true,
|
|
110
|
-
get: function
|
|
110
|
+
get: function () {
|
|
111
111
|
return _TextField.default;
|
|
112
112
|
}
|
|
113
113
|
});
|
|
@@ -129,4 +129,4 @@ var _ReactSelect = _interopRequireDefault(require("./reactselect/ReactSelect"));
|
|
|
129
129
|
var _PasswordField = _interopRequireDefault(require("./password-field/PasswordField"));
|
|
130
130
|
var _AsyncSearchableSelect = _interopRequireDefault(require("./searchable-select/AsyncSearchableSelect"));
|
|
131
131
|
var _ErrorText = _interopRequireDefault(require("./error-text/ErrorText"));
|
|
132
|
-
function _interopRequireDefault(
|
|
132
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type Alignment = 'left' | 'right';
|
|
3
|
+
export type Size = 'small' | 'medium';
|
|
4
|
+
interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
|
|
5
|
+
name: string;
|
|
6
|
+
multiline?: boolean;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
error?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
wrapperClassName?: string;
|
|
11
|
+
icon?: React.ReactNode;
|
|
12
|
+
iconAlignment?: Alignment;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
placeholderAlignment?: Alignment;
|
|
15
|
+
size?: Size;
|
|
16
|
+
htmlSize?: number;
|
|
17
|
+
}
|
|
18
|
+
declare const _default: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
19
|
+
export default _default;
|