@festo-ui/react 9.0.0-dev.711 → 9.0.0-dev.713
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/index.css +1 -0
- package/index.d.ts +65 -0
- package/index.js +60 -0
- package/lib/components/accordion/Accordion.d.ts +11 -0
- package/lib/components/accordion/Accordion.js +43 -0
- package/{dist → lib}/components/accordion/AccordionContext.d.ts +2 -2
- package/lib/components/accordion/AccordionContext.js +3 -0
- package/lib/components/accordion/accordion-header/AccordionHeader.d.ts +3 -0
- package/lib/components/accordion/accordion-header/AccordionHeader.js +17 -0
- package/lib/components/accordion/accordion-item/AccordionItem.d.ts +9 -0
- package/lib/components/accordion/accordion-item/AccordionItem.js +65 -0
- package/{dist → lib}/components/accordion/accordion-item/AccordionItemContext.d.ts +2 -2
- package/lib/components/accordion/accordion-item/AccordionItemContext.js +3 -0
- package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +3 -0
- package/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +70 -0
- package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +3 -0
- package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +41 -0
- package/lib/components/bottom-sheet/BottomSheet.d.ts +11 -0
- package/lib/components/bottom-sheet/BottomSheet.js +93 -0
- package/lib/components/bottom-sheet/BottomSheet.stories.d.ts +9 -0
- package/lib/components/bottom-sheet/BottomSheet.stories.js +49 -0
- package/{dist → lib}/components/breadcrumb/Breadcrumb.d.ts +4 -3
- package/lib/components/breadcrumb/Breadcrumb.js +40 -0
- package/lib/components/buttons/button/Button.d.ts +12 -0
- package/lib/components/buttons/button/Button.js +49 -0
- package/lib/components/buttons/button/Button.stories.d.ts +13 -0
- package/lib/components/buttons/button/Button.stories.js +86 -0
- package/lib/components/card/Card.d.ts +3 -0
- package/lib/components/card/Card.js +13 -0
- package/lib/components/card/CardBody.d.ts +6 -0
- package/lib/components/card/CardBody.js +17 -0
- package/lib/components/card/CardHeader.d.ts +9 -0
- package/lib/components/card/CardHeader.js +29 -0
- package/lib/components/card/CardHeader.stories.helper.d.ts +3 -0
- package/lib/components/card/CardHeader.stories.helper.js +9 -0
- package/lib/components/card/CardNotification.d.ts +7 -0
- package/lib/components/card/CardNotification.js +25 -0
- package/lib/components/chips/chip/Chip.d.ts +17 -0
- package/lib/components/chips/chip/Chip.js +47 -0
- package/lib/components/chips/chip-container/ChipContainer.d.ts +6 -0
- package/lib/components/chips/chip-container/ChipContainer.js +17 -0
- package/{dist → lib}/components/icon-wrapper/IconWrapper.d.ts +1 -1
- package/lib/components/icon-wrapper/IconWrapper.js +17 -0
- package/lib/components/link-button/LinkButton.d.ts +9 -0
- package/lib/components/link-button/LinkButton.js +32 -0
- package/lib/components/loading-indicator/LoadingIndicator.d.ts +7 -0
- package/lib/components/loading-indicator/LoadingIndicator.js +39 -0
- package/lib/components/mobile-flyout/MobileFlyout.d.ts +12 -0
- package/lib/components/mobile-flyout/MobileFlyout.js +82 -0
- package/{dist → lib}/components/mobile-flyout/MobileFlyoutContext.d.ts +2 -2
- package/lib/components/mobile-flyout/MobileFlyoutContext.js +2 -0
- package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +17 -0
- package/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +53 -0
- package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +8 -0
- package/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +46 -0
- package/lib/components/modals/AlertModal.d.ts +13 -0
- package/lib/components/modals/AlertModal.js +60 -0
- package/lib/components/modals/ConfirmModal.d.ts +12 -0
- package/lib/components/modals/ConfirmModal.js +52 -0
- package/lib/components/modals/CustomModal.d.ts +9 -0
- package/lib/components/modals/CustomModal.js +41 -0
- package/lib/components/modals/Modal.d.ts +9 -0
- package/lib/components/modals/Modal.js +34 -0
- package/lib/components/modals/ModalBase.d.ts +10 -0
- package/lib/components/modals/ModalBase.js +142 -0
- package/lib/components/modals/ModalFooter.d.ts +3 -0
- package/lib/components/modals/ModalFooter.js +18 -0
- package/{dist → lib}/components/modals/Prompt.d.ts +5 -4
- package/lib/components/modals/Prompt.js +64 -0
- package/{dist → lib}/components/modals/image-gallery/ImageGallery.d.ts +7 -6
- package/lib/components/modals/image-gallery/ImageGallery.helper.d.ts +3 -0
- package/lib/components/modals/image-gallery/ImageGallery.helper.js +11 -0
- package/lib/components/modals/image-gallery/ImageGallery.js +81 -0
- package/lib/components/modals/image-gallery/ImageGallery.stories.helper.d.ts +3 -0
- package/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +97 -0
- package/{dist → lib}/components/modals/image-gallery/ImageGalleryContent.d.ts +1 -1
- package/lib/components/modals/image-gallery/ImageGalleryContent.js +14 -0
- package/{dist → lib}/components/modals/image-gallery/ImageGalleryContext.d.ts +3 -3
- package/lib/components/modals/image-gallery/ImageGalleryContext.js +4 -0
- package/lib/components/modals/image-gallery/ImageGallerySwiper.d.ts +8 -0
- package/lib/components/modals/image-gallery/ImageGallerySwiper.js +32 -0
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +5 -0
- package/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +25 -0
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +11 -0
- package/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +28 -0
- package/lib/components/modals/image-gallery/internal/BaseGallery.d.ts +17 -0
- package/lib/components/modals/image-gallery/internal/BaseGallery.js +65 -0
- package/{dist → lib}/components/modals/image-gallery/internal/CloseButton.d.ts +1 -1
- package/lib/components/modals/image-gallery/internal/CloseButton.js +17 -0
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +6 -0
- package/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +13 -0
- package/{dist → lib}/components/modals/image-gallery/internal/ImageGalleryPagination.d.ts +3 -2
- package/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +27 -0
- package/lib/components/modals/image-gallery/internal/ScaleButton.d.ts +5 -0
- package/lib/components/modals/image-gallery/internal/ScaleButton.js +19 -0
- package/lib/components/pagination/Pagination.d.ts +16 -0
- package/lib/components/pagination/Pagination.js +105 -0
- package/lib/components/popovers/legend/Legend.d.ts +11 -0
- package/lib/components/popovers/legend/Legend.js +24 -0
- package/{dist → lib}/components/popovers/popover/Popover.d.ts +6 -5
- package/lib/components/popovers/popover/Popover.js +123 -0
- package/lib/components/popovers/popover-menu/PopoverMenu.d.ts +9 -0
- package/lib/components/popovers/popover-menu/PopoverMenu.js +46 -0
- package/lib/components/popovers/popover-menu/PopoverMenuContext.d.ts +4 -0
- package/lib/components/popovers/popover-menu/PopoverMenuContext.js +5 -0
- package/{dist → lib}/components/popovers/popover-menu-item/PopoverMenuItem.d.ts +3 -2
- package/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +41 -0
- package/lib/components/popovers/tooltip/Tooltip.d.ts +6 -0
- package/lib/components/popovers/tooltip/Tooltip.js +16 -0
- package/lib/components/progress/Progress.d.ts +8 -0
- package/lib/components/progress/Progress.js +32 -0
- package/lib/components/scroll-area/ScrollArea.d.ts +5 -0
- package/lib/components/scroll-area/ScrollArea.js +14 -0
- package/lib/components/search-input/ClearButton.d.ts +2 -0
- package/lib/components/search-input/ClearButton.js +10 -0
- package/lib/components/search-input/SearchInput.d.ts +15 -0
- package/lib/components/search-input/SearchInput.js +77 -0
- package/{dist → lib}/components/search-input/SearchSuggestion.d.ts +1 -1
- package/lib/components/search-input/SearchSuggestion.js +32 -0
- package/{dist → lib}/components/search-input/useSearchInput.d.ts +3 -3
- package/lib/components/search-input/useSearchInput.js +94 -0
- package/{dist → lib}/components/snackbar/Snackbar.d.ts +6 -5
- package/lib/components/snackbar/Snackbar.js +78 -0
- package/{dist → lib}/components/snackbar/SnackbarContext.d.ts +4 -3
- package/lib/components/snackbar/SnackbarContext.js +2 -0
- package/lib/components/snackbar/SnackbarProvider.d.ts +8 -0
- package/lib/components/snackbar/SnackbarProvider.js +65 -0
- package/lib/components/snackbar/useSnackbar.d.ts +3 -0
- package/lib/components/snackbar/useSnackbar.js +3 -0
- package/lib/components/stepper-horizontal/StepperHorizontal.d.ts +7 -0
- package/lib/components/stepper-horizontal/StepperHorizontal.js +60 -0
- package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +7 -0
- package/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +23 -0
- package/lib/components/stepper-vertical/StepperVertical.d.ts +7 -0
- package/lib/components/stepper-vertical/StepperVertical.js +37 -0
- package/lib/components/stepper-vertical/step-vertical/StepVertical.d.ts +12 -0
- package/lib/components/stepper-vertical/step-vertical/StepVertical.js +76 -0
- package/lib/components/tab/Tabs.d.ts +23 -0
- package/lib/components/tab/Tabs.js +229 -0
- package/lib/components/tab/interfaces.js +1 -0
- package/lib/components/tab/tab-pane/TabPane.d.ts +10 -0
- package/lib/components/tab/tab-pane/TabPane.js +23 -0
- package/{dist → lib}/components/tab/useTabScroll.d.ts +3 -4
- package/lib/components/tab/useTabScroll.js +233 -0
- package/lib/components/table-header-cell/TableHeaderCell.d.ts +6 -0
- package/lib/components/table-header-cell/TableHeaderCell.js +29 -0
- package/lib/forms/checkbox/Checkbox.d.ts +17 -0
- package/lib/forms/checkbox/Checkbox.js +86 -0
- package/{dist → lib}/forms/radio/RadioButton.d.ts +4 -3
- package/lib/forms/radio/RadioButton.js +85 -0
- package/lib/forms/radio/RadioGroup.d.ts +13 -0
- package/lib/forms/radio/RadioGroup.js +51 -0
- package/{dist → lib}/forms/radio/RadioGroupContext.d.ts +3 -3
- package/lib/forms/radio/RadioGroupContext.js +3 -0
- package/lib/forms/segment/Segment.d.ts +14 -0
- package/lib/forms/segment/Segment.js +76 -0
- package/{dist → lib}/forms/segment/segment-control/SegmentControl.d.ts +4 -3
- package/lib/forms/segment/segment-control/SegmentControl.js +59 -0
- package/{dist → lib}/forms/select/Select.d.ts +8 -8
- package/lib/forms/select/Select.js +108 -0
- package/lib/forms/select/internal/HiddenInput.d.ts +8 -0
- package/lib/forms/select/internal/HiddenInput.js +26 -0
- package/{dist → lib}/forms/select/internal/ListItem.d.ts +6 -6
- package/lib/forms/select/internal/ListItem.js +84 -0
- package/{dist → lib}/forms/select/internal/SelectButton.d.ts +2 -2
- package/lib/forms/select/internal/SelectButton.js +57 -0
- package/{dist → lib}/forms/select/internal/SelectButtonContent.d.ts +1 -1
- package/lib/forms/select/internal/SelectButtonContent.js +38 -0
- package/lib/forms/select/internal/SelectCheckbox.d.ts +4 -0
- package/lib/forms/select/internal/SelectCheckbox.js +19 -0
- package/{dist → lib}/forms/select/internal/SelectLabel.d.ts +1 -1
- package/lib/forms/select/internal/SelectLabel.js +16 -0
- package/{dist → lib}/forms/select/internal/SelectOptionsContainer.d.ts +6 -6
- package/lib/forms/select/internal/SelectOptionsContainer.js +102 -0
- package/{dist → lib}/forms/select/internal/SelectScrollContainer.d.ts +2 -2
- package/lib/forms/select/internal/SelectScrollContainer.js +21 -0
- package/lib/forms/select/internal/SelectWrapper.d.ts +6 -0
- package/lib/forms/select/internal/SelectWrapper.js +20 -0
- package/lib/forms/select/internal/index.d.ts +6 -0
- package/lib/forms/select/internal/index.js +6 -0
- package/{dist → lib}/forms/select/internal/utils.d.ts +3 -3
- package/lib/forms/select/internal/utils.js +36 -0
- package/{dist → lib}/forms/select/select-option/SelectOption.d.ts +5 -5
- package/lib/forms/select/select-option/SelectOption.js +17 -0
- package/lib/forms/select/utils.d.ts +2 -0
- package/lib/forms/select/utils.js +17 -0
- package/lib/forms/slider/Slider.d.ts +18 -0
- package/lib/forms/slider/Slider.js +100 -0
- package/lib/forms/switch/Switch.d.ts +13 -0
- package/lib/forms/switch/Switch.js +51 -0
- package/{dist → lib}/forms/text-area/TextArea.d.ts +5 -4
- package/lib/forms/text-area/TextArea.js +109 -0
- package/{dist → lib}/forms/text-input/TextInput.d.ts +3 -2
- package/lib/forms/text-input/TextInput.js +91 -0
- package/{dist → lib}/forms/time-picker/TimePicker.d.ts +6 -6
- package/lib/forms/time-picker/TimePicker.js +159 -0
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +19 -0
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +212 -0
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +9 -0
- package/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +23 -0
- package/{dist/utils → lib/helper}/index.d.ts +1 -0
- package/lib/helper/index.js +7 -0
- package/lib/helper/setRef.d.ts +1 -0
- package/lib/helper/setRef.js +7 -0
- package/{dist/utils → lib/helper}/types.d.ts +4 -4
- package/lib/helper/types.js +1 -0
- package/{dist/utils → lib/helper}/useControlled.d.ts +2 -2
- package/lib/helper/useControlled.js +22 -0
- package/lib/helper/useForkRef.d.ts +2 -0
- package/lib/helper/useForkRef.js +18 -0
- package/lib/helper/useId.d.ts +1 -0
- package/lib/helper/useId.js +22 -0
- package/lib/helper/useOnClickOutside.d.ts +2 -0
- package/lib/helper/useOnClickOutside.js +18 -0
- package/node/index.js +439 -0
- package/node/lib/components/accordion/Accordion.js +50 -0
- package/node/lib/components/accordion/AccordionContext.js +9 -0
- package/node/lib/components/accordion/accordion-header/AccordionHeader.js +24 -0
- package/node/lib/components/accordion/accordion-item/AccordionItem.js +72 -0
- package/node/lib/components/accordion/accordion-item/AccordionItemContext.js +9 -0
- package/node/lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +77 -0
- package/node/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +48 -0
- package/node/lib/components/bottom-sheet/BottomSheet.js +101 -0
- package/node/lib/components/bottom-sheet/BottomSheet.stories.js +56 -0
- package/node/lib/components/breadcrumb/Breadcrumb.js +47 -0
- package/node/lib/components/buttons/button/Button.js +56 -0
- package/node/lib/components/buttons/button/Button.stories.js +93 -0
- package/node/lib/components/card/Card.js +20 -0
- package/node/lib/components/card/CardBody.js +24 -0
- package/node/lib/components/card/CardHeader.js +36 -0
- package/node/lib/components/card/CardHeader.stories.helper.js +17 -0
- package/node/lib/components/card/CardNotification.js +32 -0
- package/node/lib/components/chips/chip/Chip.js +54 -0
- package/node/lib/components/chips/chip-container/ChipContainer.js +24 -0
- package/node/lib/components/icon-wrapper/IconWrapper.js +23 -0
- package/node/lib/components/link-button/LinkButton.js +39 -0
- package/node/lib/components/loading-indicator/LoadingIndicator.js +46 -0
- package/node/lib/components/mobile-flyout/MobileFlyout.js +89 -0
- package/node/lib/components/mobile-flyout/MobileFlyoutContext.js +8 -0
- package/node/lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +61 -0
- package/node/lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +53 -0
- package/node/lib/components/modals/AlertModal.js +67 -0
- package/node/lib/components/modals/ConfirmModal.js +59 -0
- package/node/lib/components/modals/CustomModal.js +48 -0
- package/node/lib/components/modals/Modal.js +43 -0
- package/node/lib/components/modals/ModalBase.js +149 -0
- package/node/lib/components/modals/ModalFooter.js +25 -0
- package/node/lib/components/modals/Prompt.js +73 -0
- package/node/lib/components/modals/image-gallery/ImageGallery.helper.js +18 -0
- package/node/lib/components/modals/image-gallery/ImageGallery.js +88 -0
- package/node/lib/components/modals/image-gallery/ImageGallery.stories.helper.js +123 -0
- package/node/lib/components/modals/image-gallery/ImageGalleryContent.js +20 -0
- package/node/lib/components/modals/image-gallery/ImageGalleryContext.js +10 -0
- package/node/lib/components/modals/image-gallery/ImageGallerySwiper.js +39 -0
- package/node/lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +33 -0
- package/node/lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +35 -0
- package/node/lib/components/modals/image-gallery/internal/BaseGallery.js +72 -0
- package/node/lib/components/modals/image-gallery/internal/CloseButton.js +24 -0
- package/node/lib/components/modals/image-gallery/internal/ImageGalleryContainer.js +19 -0
- package/node/lib/components/modals/image-gallery/internal/ImageGalleryPagination.js +33 -0
- package/node/lib/components/modals/image-gallery/internal/ScaleButton.js +25 -0
- package/node/lib/components/pagination/Pagination.js +114 -0
- package/node/lib/components/popovers/legend/Legend.js +31 -0
- package/node/lib/components/popovers/popover/Popover.js +132 -0
- package/node/lib/components/popovers/popover-menu/PopoverMenu.js +53 -0
- package/node/lib/components/popovers/popover-menu/PopoverMenuContext.js +11 -0
- package/node/lib/components/popovers/popover-menu-item/PopoverMenuItem.js +48 -0
- package/node/lib/components/popovers/tooltip/Tooltip.js +23 -0
- package/node/lib/components/progress/Progress.js +39 -0
- package/node/lib/components/scroll-area/ScrollArea.js +21 -0
- package/node/lib/components/search-input/ClearButton.js +16 -0
- package/node/lib/components/search-input/SearchInput.js +84 -0
- package/node/lib/components/search-input/SearchSuggestion.js +39 -0
- package/node/lib/components/search-input/useSearchInput.js +101 -0
- package/node/lib/components/snackbar/Snackbar.js +85 -0
- package/node/lib/components/snackbar/SnackbarContext.js +9 -0
- package/node/lib/components/snackbar/SnackbarProvider.js +73 -0
- package/node/lib/components/snackbar/useSnackbar.js +11 -0
- package/node/lib/components/stepper-horizontal/StepperHorizontal.js +69 -0
- package/node/lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js +30 -0
- package/node/lib/components/stepper-vertical/StepperVertical.js +46 -0
- package/node/lib/components/stepper-vertical/step-vertical/StepVertical.js +83 -0
- package/node/lib/components/tab/Tabs.js +240 -0
- package/node/lib/components/tab/interfaces.js +5 -0
- package/node/lib/components/tab/tab-pane/TabPane.js +30 -0
- package/node/lib/components/tab/useTabScroll.js +238 -0
- package/node/lib/components/table-header-cell/TableHeaderCell.js +36 -0
- package/node/lib/forms/checkbox/Checkbox.js +93 -0
- package/node/lib/forms/radio/RadioButton.js +92 -0
- package/node/lib/forms/radio/RadioGroup.js +58 -0
- package/node/lib/forms/radio/RadioGroupContext.js +9 -0
- package/node/lib/forms/segment/Segment.js +83 -0
- package/node/lib/forms/segment/segment-control/SegmentControl.js +68 -0
- package/node/lib/forms/select/Select.js +115 -0
- package/node/lib/forms/select/internal/HiddenInput.js +32 -0
- package/node/lib/forms/select/internal/ListItem.js +93 -0
- package/node/lib/forms/select/internal/SelectButton.js +64 -0
- package/node/lib/forms/select/internal/SelectButtonContent.js +44 -0
- package/node/lib/forms/select/internal/SelectCheckbox.js +26 -0
- package/node/lib/forms/select/internal/SelectLabel.js +23 -0
- package/node/lib/forms/select/internal/SelectOptionsContainer.js +109 -0
- package/node/lib/forms/select/internal/SelectScrollContainer.js +28 -0
- package/node/lib/forms/select/internal/SelectWrapper.js +27 -0
- package/node/lib/forms/select/internal/index.js +48 -0
- package/node/lib/forms/select/internal/utils.js +43 -0
- package/node/lib/forms/select/select-option/SelectOption.js +23 -0
- package/node/lib/forms/select/utils.js +23 -0
- package/node/lib/forms/slider/Slider.js +109 -0
- package/node/lib/forms/switch/Switch.js +58 -0
- package/node/lib/forms/text-area/TextArea.js +118 -0
- package/node/lib/forms/text-input/TextInput.js +98 -0
- package/node/lib/forms/time-picker/TimePicker.js +166 -0
- package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +219 -0
- package/node/lib/forms/time-picker/time-picker-dropdown/TimePickerInput.js +29 -0
- package/node/lib/helper/index.js +14 -0
- package/node/lib/helper/setRef.js +13 -0
- package/node/lib/helper/types.js +5 -0
- package/node/lib/helper/useControlled.js +28 -0
- package/node/lib/helper/useForkRef.js +26 -0
- package/node/lib/helper/useId.js +28 -0
- package/node/lib/helper/useOnClickOutside.js +24 -0
- package/package.json +21 -64
- package/simplebar.min.css +1 -0
- package/README.md +0 -23
- package/dist/components/accordion/Accordion.css +0 -4
- package/dist/components/accordion/Accordion.d.ts +0 -10
- package/dist/components/accordion/Accordion.js +0 -41
- package/dist/components/accordion/AccordionContext.js +0 -3
- package/dist/components/accordion/accordion-header/AccordionHeader.css +0 -11
- package/dist/components/accordion/accordion-header/AccordionHeader.d.ts +0 -2
- package/dist/components/accordion/accordion-header/AccordionHeader.js +0 -11
- package/dist/components/accordion/accordion-item/AccordionItem.css +0 -64
- package/dist/components/accordion/accordion-item/AccordionItem.d.ts +0 -8
- package/dist/components/accordion/accordion-item/AccordionItem.js +0 -60
- package/dist/components/accordion/accordion-item/AccordionItemContext.js +0 -3
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.css +0 -76
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.d.ts +0 -2
- package/dist/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js +0 -61
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.css +0 -11
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts +0 -2
- package/dist/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js +0 -20
- package/dist/components/bottom-sheet/BottomSheet.css +0 -18
- package/dist/components/bottom-sheet/BottomSheet.d.ts +0 -12
- package/dist/components/bottom-sheet/BottomSheet.js +0 -101
- package/dist/components/breadcrumb/Breadcrumb.js +0 -32
- package/dist/components/button/Button.d.ts +0 -11
- package/dist/components/button/Button.js +0 -36
- package/dist/components/card/Card.d.ts +0 -4
- package/dist/components/card/Card.js +0 -9
- package/dist/components/card/CardBody.d.ts +0 -5
- package/dist/components/card/CardBody.js +0 -15
- package/dist/components/card/CardHeader.d.ts +0 -8
- package/dist/components/card/CardHeader.js +0 -31
- package/dist/components/card/CardHeader.stories.helper.js +0 -7
- package/dist/components/card/CardNotification.d.ts +0 -6
- package/dist/components/card/CardNotification.js +0 -26
- package/dist/components/chips/chip/Chip.d.ts +0 -17
- package/dist/components/chips/chip/Chip.js +0 -38
- package/dist/components/chips/chip-container/ChipContainer.d.ts +0 -5
- package/dist/components/chips/chip-container/ChipContainer.js +0 -12
- package/dist/components/icon-wrapper/IconWrapper.js +0 -13
- package/dist/components/link-button/LinkButton.d.ts +0 -8
- package/dist/components/link-button/LinkButton.js +0 -26
- package/dist/components/loading-indicator/LoadingIndicator.d.ts +0 -5
- package/dist/components/loading-indicator/LoadingIndicator.js +0 -41
- package/dist/components/mobile-flyout/MobileFlyout.d.ts +0 -11
- package/dist/components/mobile-flyout/MobileFlyout.js +0 -88
- package/dist/components/mobile-flyout/MobileFlyoutContext.js +0 -3
- package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.d.ts +0 -17
- package/dist/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js +0 -36
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.css +0 -5
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.d.ts +0 -8
- package/dist/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js +0 -35
- package/dist/components/modals/AlertModal.d.ts +0 -12
- package/dist/components/modals/AlertModal.js +0 -53
- package/dist/components/modals/ConfirmModal.d.ts +0 -11
- package/dist/components/modals/ConfirmModal.js +0 -46
- package/dist/components/modals/CustomModal.d.ts +0 -8
- package/dist/components/modals/CustomModal.js +0 -38
- package/dist/components/modals/Modal.css +0 -39
- package/dist/components/modals/Modal.d.ts +0 -8
- package/dist/components/modals/Modal.js +0 -31
- package/dist/components/modals/ModalBase.d.ts +0 -9
- package/dist/components/modals/ModalBase.js +0 -124
- package/dist/components/modals/ModalFooter.d.ts +0 -2
- package/dist/components/modals/ModalFooter.js +0 -12
- package/dist/components/modals/Prompt.js +0 -58
- package/dist/components/modals/image-gallery/ImageGallery.css +0 -790
- package/dist/components/modals/image-gallery/ImageGallery.helper.d.ts +0 -2
- package/dist/components/modals/image-gallery/ImageGallery.helper.js +0 -13
- package/dist/components/modals/image-gallery/ImageGallery.js +0 -75
- package/dist/components/modals/image-gallery/ImageGallery.stories.helper.js +0 -112
- package/dist/components/modals/image-gallery/ImageGalleryContent.js +0 -15
- package/dist/components/modals/image-gallery/ImageGalleryContext.js +0 -4
- package/dist/components/modals/image-gallery/ImageGallerySwiper.d.ts +0 -8
- package/dist/components/modals/image-gallery/ImageGallerySwiper.js +0 -29
- package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.d.ts +0 -5
- package/dist/components/modals/image-gallery/ImageGalleryThumbsSwiper.js +0 -23
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.css +0 -10
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.d.ts +0 -11
- package/dist/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js +0 -24
- package/dist/components/modals/image-gallery/internal/BaseGallery.d.ts +0 -17
- package/dist/components/modals/image-gallery/internal/BaseGallery.js +0 -50
- package/dist/components/modals/image-gallery/internal/CloseButton.js +0 -14
- package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.d.ts +0 -5
- package/dist/components/modals/image-gallery/internal/ImageGalleryContainer.js +0 -8
- package/dist/components/modals/image-gallery/internal/ImageGalleryPagination.js +0 -29
- package/dist/components/modals/image-gallery/internal/ScaleButton.d.ts +0 -4
- package/dist/components/modals/image-gallery/internal/ScaleButton.js +0 -17
- package/dist/components/pagination/Pagination.css +0 -10
- package/dist/components/pagination/Pagination.d.ts +0 -15
- package/dist/components/pagination/Pagination.js +0 -100
- package/dist/components/popovers/legend/Legend.css +0 -21
- package/dist/components/popovers/legend/Legend.d.ts +0 -11
- package/dist/components/popovers/legend/Legend.js +0 -24
- package/dist/components/popovers/popover/Popover.css +0 -56
- package/dist/components/popovers/popover/Popover.js +0 -107
- package/dist/components/popovers/popover-menu/PopoverMenu.css +0 -20
- package/dist/components/popovers/popover-menu/PopoverMenu.d.ts +0 -8
- package/dist/components/popovers/popover-menu/PopoverMenu.js +0 -37
- package/dist/components/popovers/popover-menu/PopoverMenuContext.d.ts +0 -3
- package/dist/components/popovers/popover-menu/PopoverMenuContext.js +0 -5
- package/dist/components/popovers/popover-menu-item/PopoverMenuItem.css +0 -35
- package/dist/components/popovers/popover-menu-item/PopoverMenuItem.js +0 -30
- package/dist/components/popovers/tooltip/Tooltip.d.ts +0 -5
- package/dist/components/popovers/tooltip/Tooltip.js +0 -12
- package/dist/components/progress/Progress.d.ts +0 -7
- package/dist/components/progress/Progress.js +0 -26
- package/dist/components/scroll-area/ScrollArea.d.ts +0 -4
- package/dist/components/scroll-area/ScrollArea.js +0 -10
- package/dist/components/scroll-area/ScrollArea.stories.css +0 -9
- package/dist/components/search-input/ClearButton.d.ts +0 -2
- package/dist/components/search-input/ClearButton.js +0 -10
- package/dist/components/search-input/SearchInput.css +0 -13
- package/dist/components/search-input/SearchInput.d.ts +0 -14
- package/dist/components/search-input/SearchInput.js +0 -61
- package/dist/components/search-input/SearchSuggestion.js +0 -21
- package/dist/components/search-input/useSearchInput.js +0 -85
- package/dist/components/snackbar/Snackbar.css +0 -55
- package/dist/components/snackbar/Snackbar.js +0 -78
- package/dist/components/snackbar/SnackbarContext.js +0 -3
- package/dist/components/snackbar/SnackbarProvider.d.ts +0 -8
- package/dist/components/snackbar/SnackbarProvider.js +0 -66
- package/dist/components/snackbar/useSnackbar.d.ts +0 -2
- package/dist/components/snackbar/useSnackbar.js +0 -4
- package/dist/components/stepper-horizontal/StepperHorizontal.css +0 -6
- package/dist/components/stepper-horizontal/StepperHorizontal.d.ts +0 -7
- package/dist/components/stepper-horizontal/StepperHorizontal.js +0 -48
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.css +0 -24
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.d.ts +0 -6
- package/dist/components/stepper-horizontal/step-horizontal/StepHorizontal.js +0 -16
- package/dist/components/stepper-vertical/StepperVertical.d.ts +0 -6
- package/dist/components/stepper-vertical/StepperVertical.js +0 -26
- package/dist/components/stepper-vertical/step-vertical/StepVertical.css +0 -10
- package/dist/components/stepper-vertical/step-vertical/StepVertical.d.ts +0 -11
- package/dist/components/stepper-vertical/step-vertical/StepVertical.js +0 -58
- package/dist/components/tab/Tabs.css +0 -285
- package/dist/components/tab/Tabs.d.ts +0 -23
- package/dist/components/tab/Tabs.js +0 -194
- package/dist/components/tab/interfaces.js +0 -0
- package/dist/components/tab/tab-pane/TabPane.css +0 -8
- package/dist/components/tab/tab-pane/TabPane.d.ts +0 -9
- package/dist/components/tab/tab-pane/TabPane.js +0 -18
- package/dist/components/tab/useTabScroll.js +0 -151
- package/dist/components/table-header-cell/TableHeaderCell.d.ts +0 -5
- package/dist/components/table-header-cell/TableHeaderCell.js +0 -21
- package/dist/forms/checkbox/Checkbox.css +0 -134
- package/dist/forms/checkbox/Checkbox.d.ts +0 -15
- package/dist/forms/checkbox/Checkbox.js +0 -80
- package/dist/forms/radio/RadioButton.js +0 -61
- package/dist/forms/radio/RadioGroup.d.ts +0 -12
- package/dist/forms/radio/RadioGroup.js +0 -50
- package/dist/forms/radio/RadioGroupContext.js +0 -3
- package/dist/forms/segment/Segment.d.ts +0 -13
- package/dist/forms/segment/Segment.js +0 -59
- package/dist/forms/segment/segment-control/SegmentControl.js +0 -57
- package/dist/forms/select/Select.css +0 -160
- package/dist/forms/select/Select.js +0 -95
- package/dist/forms/select/internal/HiddenInput.d.ts +0 -8
- package/dist/forms/select/internal/HiddenInput.js +0 -15
- package/dist/forms/select/internal/ListItem.js +0 -69
- package/dist/forms/select/internal/SelectButton.js +0 -49
- package/dist/forms/select/internal/SelectButtonContent.js +0 -31
- package/dist/forms/select/internal/SelectCheckbox.d.ts +0 -4
- package/dist/forms/select/internal/SelectCheckbox.js +0 -13
- package/dist/forms/select/internal/SelectLabel.js +0 -12
- package/dist/forms/select/internal/SelectOptionsContainer.js +0 -103
- package/dist/forms/select/internal/SelectScrollContainer.js +0 -15
- package/dist/forms/select/internal/SelectWrapper.d.ts +0 -6
- package/dist/forms/select/internal/SelectWrapper.js +0 -12
- package/dist/forms/select/internal/index.d.ts +0 -6
- package/dist/forms/select/internal/index.js +0 -7
- package/dist/forms/select/internal/utils.js +0 -30
- package/dist/forms/select/select-option/SelectOption.js +0 -12
- package/dist/forms/select/utils.d.ts +0 -2
- package/dist/forms/select/utils.js +0 -12
- package/dist/forms/slider/Slider.css +0 -50
- package/dist/forms/slider/Slider.d.ts +0 -17
- package/dist/forms/slider/Slider.js +0 -93
- package/dist/forms/switch/Switch.d.ts +0 -12
- package/dist/forms/switch/Switch.js +0 -42
- package/dist/forms/text-area/TextArea.css +0 -14
- package/dist/forms/text-area/TextArea.js +0 -99
- package/dist/forms/text-input/TextInput.js +0 -74
- package/dist/forms/time-picker/TimePicker.css +0 -10
- package/dist/forms/time-picker/TimePicker.js +0 -140
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.css +0 -4
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.d.ts +0 -19
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerDropdown.js +0 -202
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.d.ts +0 -9
- package/dist/forms/time-picker/time-picker-dropdown/TimePickerInput.js +0 -14
- package/dist/index.d.ts +0 -63
- package/dist/index.js +0 -60
- package/dist/utils/index.js +0 -7
- package/dist/utils/setRef.d.ts +0 -1
- package/dist/utils/setRef.js +0 -5
- package/dist/utils/types.js +0 -0
- package/dist/utils/useControlled.js +0 -20
- package/dist/utils/useForkRef.d.ts +0 -2
- package/dist/utils/useForkRef.js +0 -15
- package/dist/utils/useId.d.ts +0 -1
- package/dist/utils/useId.js +0 -20
- package/dist/utils/useOnClickOutside.d.ts +0 -2
- package/dist/utils/useOnClickOutside.js +0 -20
- /package/{dist → lib}/components/tab/interfaces.d.ts +0 -0
package/index.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.fr-accordion,.fr-accordion-header{border-bottom:1px solid var(--fwe-gray-100)}.fr-accordion-header{align-items:center;color:var(--fwe-text);display:flex;font-size:var(--fwe-font-size-md);font-weight:var(--fwe-font-weight-bold);height:48px;padding:0 16px 0 24px}.fr-accordion-item-body{height:0;overflow:hidden;transition:height .3s cubic-bezier(.4,0,.2,1)}.fr-accordion-item-body>:first-child:not(.fr-accordion-item-body-spacer-bottom):not(.fr-accordion){margin-top:0!important;padding-top:0!important}.fr-accordion-item-body>:not(.fr-accordion){margin-right:0}.fr-accordion-item-body-content{margin-right:64px}.fr-accordion-item-body-spacer-bottom{height:0;margin-top:24px;width:0}.fr-accordion-item-body .fr-accordion{margin-bottom:24px;margin-top:64px}.fr-accordion-item-body .fr-accordion-item-link{display:block;top:8px}.fr-accordion-item-body .fr-accordion-item-header{padding-right:32px;padding-top:32px}.fr-accordion-item-body .fr-accordion-item:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgxNnYxNkgweiIvPjxwYXRoIGZpbGw9IiMwMDkxREMiIGQ9Ik04IDEwLjcwNyAzLjY0NiA2LjM1NGwuNzA4LS43MDhMOCA5LjI5M2wzLjY0Ni0zLjY0Ny43MDguNzA4TDggMTAuNzA3eiIvPjwvc3ZnPg==);height:16px;right:4px;top:12px;width:16px}.fr-accordion-item-body .fr-accordion-item--expanded:before{background-color:transparent}@media(min-width:600px){.fr-accordion-item-body>:not(.fng-accordion){margin-right:64px}.fr-accordion-item-body .fr-accordion-item-header{padding-right:168px;padding-top:24px}.fr-accordion-item-body .fr-accordion-item-link{font-size:var(--fwe-font-size-base);max-width:128px;overflow:hidden;text-overflow:ellipsis;top:24px;white-space:nowrap}.fr-accordion-item-body .fr-accordion-item:after{top:30px}}.fr-accordion-item-header{align-items:center;cursor:pointer;display:flex;min-height:48px;padding:24px 64px 24px 0}.fr-accordion-item{border-bottom:1px solid var(--fwe-gray-100);border-top:1px solid var(--fwe-gray-100);padding:0 16px 0 24px;position:relative}.fr-accordion-item-link{color:var(--fwe-caerul);display:none;font-size:var(--fwe-font-size-md);pointer-events:none;position:absolute;right:24px;top:24px}.fr-accordion-item.fr-accordion-item--highlighted:before{background-color:var(--fwe-caerul);content:"";display:block;height:0;left:0;position:absolute;top:0;width:4px}.fr-accordion-item:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgzMnYzMkgweiIvPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Im0xNiAyMi04LjcwNy04LjcwNyAxLjQxNC0xLjQxNEwxNiAxOS4xNzJsNy4yOTMtNy4yOTMgMS40MTQgMS40MTRMMTYgMjJ6Ii8+PC9zdmc+);content:"";height:32px;pointer-events:none;position:absolute;right:16px;top:21px;transition:transform .2s ease;width:32px}.fr-accordion-item--expanded .fr-accordion-item-header{font-weight:var(--fwe-font-weight-bold)}.fr-accordion-item--expanded .fr-accordion-item-body{height:auto}.fr-accordion-item--expanded:after{transform:rotate(-180deg)}.fr-accordion-item--expanded.fr-accordion-item--highlighted:before{height:100%}.fr-accordion-item--collapsed .fr-accordion-item-body{height:0}.fr-accordion-item--collapsed .fr-accordion-item-header{font-weight:var(--fwe-font-weight-normal)}.fr-modal{opacity:0}.fr-modal-enter-done{opacity:1;transition:opacity .1s ease-out}.fr-modal-backdrop{opacity:0}.fr-modal-backdrop-enter-done{opacity:1;transition:opacity .25s ease-out}.fr-modal-backdrop-exit{opacity:1}.fr-modal-backdrop-exit-active{opacity:0;transition:opacity .4s}.fr-modal-overlay-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:var(--fwe-z-index-modal)}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid transparent;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:var(--swiper-navigation-sides-offset,10px)}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1));border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-cube .swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0}.swiper-cube .swiper-cube-shadow:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}.fwe-image-gallery .fr-image-gallery-item--contain img{-o-object-fit:contain;object-fit:contain;padding:24px}.fwe-image-gallery-thumbs.swiper .fr-image-gallery-item--contain img{-o-object-fit:contain;object-fit:contain;padding:4px}.fwe-page-dot:focus{background:var(--fwe-control-border-hover);outline:0}#arrow,#arrow:after{height:12px;position:absolute;transform:rotate(45deg);width:12px}#arrow{height:17px;overflow:hidden;width:17px}#arrow:after{background:#fff;box-shadow:0 1px 4px rgba(51,51,51,.2);content:"";z-index:-1}.fwe-popover-container[data-popper-placement^=top]>#arrow{top:100%}.fwe-popover-container[data-popper-placement^=top]>#arrow:after{left:3px;top:-6px}.fwe-popover-container[data-popper-placement^=bottom]>#arrow{top:-17px}.fwe-popover-container[data-popper-placement^=bottom]>#arrow:after{left:3px;top:11px}.fwe-popover-container[data-popper-placement^=left]>#arrow{left:100%}.fwe-popover-container[data-popper-placement^=left]>#arrow:after{left:-6px;top:2px}.fwe-popover-container[data-popper-placement^=right]>#arrow{left:-17px}.fwe-popover-container[data-popper-placement^=right]>#arrow:after{left:11px;top:2px}.fwe-popover-menu .fwe-popover-menu-button{background:none;border:none;cursor:pointer;display:block;line-height:0;margin:0;padding:0}.fwe-popover-menu .fwe-popover-menu-button:hover{color:var(--fwe-hero)}.fwe-popover-menu .fwe-popover{font-size:var(--fwe-font-size-base);line-height:1.5rem;padding:16px}.fr-popover-item{align-items:center;color:var(--fwe-text);display:flex;height:36px;width:100%}.fr-popover-item .fwe-svg-icon{margin-left:8px;margin-right:8px}.fr-popover-item i{align-items:center;flex-wrap:nowrap;height:24px;justify-content:center;margin-right:0;width:32px}.fr-popover-item i,.fr-popover-item i:before,.fr-popover-item span{display:inline-flex}.fr-popover-item:hover{background-color:rgba(51,51,51,.102)}.fr-popover-item:active{background-color:rgba(51,51,51,.2)}.fwe-search-suggestion{height:40px}.fr-snackbar-wrapper{margin-bottom:24px;opacity:0;opacity:1}.fr-snackbar-wrapper-enter-done{opacity:1;transition:opacity .6s ease-out}.fr-snackbar-wrapper-exit{height:48px;opacity:1}.fr-snackbar-wrapper-exit-active{height:0;margin-bottom:0;opacity:0;transition:height .3s ease-out .3s,opacity .3s ease-out,margin-bottom .3s ease-out .3s}.fr-snackbar-wrapper--first{margin-bottom:24px;opacity:1;transform:translateY(100px)}.fr-snackbar-wrapper--first-enter-done{opacity:1;transition:opacity .6s ease-out}.fr-snackbar-wrapper--first-exit{height:48px;opacity:1}.fr-snackbar-wrapper--first-exit-active{height:0;margin-bottom:0;opacity:0;transition:height .3s ease-out .3s,opacity .3s ease-out,margin-bottom .3s ease-out .3s}.fr-snackbar-wrapper--first-enter-done{transform:translateY(0);transition:transform .6s ease-out}.fr-snackbar-wrapper--first-exit-active{transform:translateY(0)}.overflow-hidden{overflow:hidden}@keyframes stepperAnimation{0%{transform:translateX(100%)}to{transform:translateX(0)}}.fr-moving-container{animation-duration:.3s;animation-name:stepperAnimation;animation-timing-function:ease}.hidden{display:none}.fwe-stepper-vertical .fwe-step-container.fwe-step-active .fwe-step-content-container{height:20px}.fr-show{display:block}.fr-hide{display:none}.fwe-legacy-tabs{height:100%;margin:48px 0;width:100%}.fwe-legacy-tab-bar{display:flex;flex-wrap:nowrap;font-size:var(--fwe-font-size-base);list-style:none;margin-bottom:0;margin-top:0;padding-left:0;width:75%}.fwe-legacy-tab-bar.fwe-legacy-tab-bar-full-width{width:100%}.fwe-legacy-tab-bar.fwe-legacy-tab-items-fill .fwe-legacy-tab-item{flex:1 1 auto}.fwe-legacy-tab-bar.fwe-legacy-tab-items-equal-width .fwe-legacy-tab-item{flex:1 1 0}.fwe-legacy-tab-item{background-color:var(--fwe-gray-300);border-right:2px solid var(--fwe-gray-100);height:48px;max-height:48px;text-align:center}.fwe-legacy-tab-item:last-child{border-right:none}.fwe-legacy-tab-item.fwe-active{background-color:var(--fwe-white)}.fwe-legacy-tab-item.fwe-active .fwe-legacy-tab-link{color:var(--fwe-caerul)}.fwe-legacy-tab-item:not(.fwe-active){border-bottom:2px solid var(--fwe-gray-100)}.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link{padding:11px 16px}.fwe-legacy-tab-link{color:var(--fwe-black);cursor:pointer;display:inline-block;height:48px;line-height:24px;padding:11px 16px 13px;white-space:nowrap;width:100%}.fwe-legacy-tab-link .fwe-svg-icon{line-height:0;margin-right:8px}.fwe-legacy-tab-link i.fwe-icon{padding-right:8px;vertical-align:initial}.fwe-legacy-tab-link i.fwe-icon.fwe-icon-lg{position:relative;top:3px}.fwe-legacy-tab-link:hover{color:var(--fwe-caerul)}.fwe-legacy-tab-link:active{background-color:var(--fwe-white);color:var(--fwe-caerul)}.fwe-legacy-tab-panel-content{background-color:var(--fwe-white);height:100%;overflow:auto;padding:48px 24px}@media(max-width:375px){.fwe-legacy-tab-bar{background-color:var(--fwe-white);justify-content:space-between;width:100%}.fwe-legacy-tab-item{background-color:var(--fwe-white);border-right:2px solid var(--fwe-white)}.fwe-legacy-tab-item:not(.fwe-active){border-bottom:2px solid var(--fwe-white)}.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link,.fwe-legacy-tab-item:not(.fwe-active) .fwe-legacy-tab-link i.fwe-icon{color:var(--fwe-hero-gray)}.fwe-legacy-tab-link.fwe-can-swap-icon{direction:rtl}.fwe-legacy-tab-link.fwe-can-swap-icon i.fwe-icon{padding-left:8px;padding-right:0}}.fr-tab-panel-content{background-color:var(--fwe-white);height:100%;overflow:auto;padding:48px 24px}.fr-tab-bar{width:100%}.fr-tab-scroller{overflow-y:hidden}.fr-tab-scroller-scroll-area{display:flex;overflow-x:hidden;position:relative}.fr-tab-scroller-scroll-area::-webkit-scrollbar{display:none}.fr-tab-scroller-scroll-area--scroll{overflow-x:scroll}.fr-tab-scroller-scroll-content{display:flex;flex:1 0 auto;padding:0 17px 0 16px;position:relative;transform:none;will-change:transform}.fr-tab-scroller-scroll-content--with-divider .fr-tab-scroller-divider-line{display:block}.fr-tab-scroller--animating .fr-tab-scroller-scroll-content{transition:transform .25s cubic-bezier(.4,0,.2,1)}.fr-tab-scroller-divider-line{border-bottom:1px solid var(--fwe-control);bottom:0;display:none;left:0;position:absolute;right:0;top:0}.fr-tab-indicator{display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.fr-tab-indicator-content{opacity:0;transform-origin:left}.fr-tab-indicator-content--underline{align-self:flex-end;border-top-style:solid;box-sizing:border-box;width:100%}.fr-tab-indicator .fr-tab-indicator-content{transition:transform .25s cubic-bezier(.4,0,.2,1)}.fr-tab-indicator .fr-tab-indicator-content--underline{border-top:4px solid var(--fwe-caerul)}.fr-tab-indicator--active .fr-tab-indicator-content{opacity:1}.fr-tab{-webkit-appearance:none;background:none;border:none;cursor:pointer;display:flex;flex:1 0 auto;height:36px;justify-content:center;margin:0;outline:none;padding:0;position:relative;text-align:center;white-space:nowrap;z-index:1}.fr-tab:not(:last-child){margin-right:32px}.fr-tab::-moz-focus-inner{border:0;padding:0}.fr-tab .fr-tab-text-label{color:var(--fwe-text)}.fr-tab--active .fr-tab-text-label{color:var(--fwe-caerul)}.fr-tab-content{align-items:flex-start;display:flex;height:inherit;justify-content:center;pointer-events:none;position:relative}.fr-tab-text-label{display:inline-block;z-index:2}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab{flex:none}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab:not(:last-child){margin-right:64px}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-scroll-content{padding:0 32px}.fr-tab-scroller-scroll-area:not(.fr-tab-scroller-scroll-area--compact) .fr-tab-scroller-divider-line{padding-right:64px}.fwe-checkbox-container{align-items:center;cursor:pointer;display:flex;flex-direction:row;font-family:var(--fwe-font-family-sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-checkbox-container.fwe-label-below{flex-direction:column}.fwe-checkbox-container.fwe-label-below .fwe-checkbox-title{margin:8px 0 0}.fwe-checkbox-container.fwe-label-before{flex-direction:row-reverse;justify-content:flex-end}.fwe-checkbox-container.fwe-label-before .fwe-checkbox-title{margin:0 8px 0 0}.fwe-checkbox-container .fwe-checkbox-indicator-container{position:relative}.fwe-checkbox-container input{cursor:pointer;height:0;opacity:0;width:0}.fwe-checkbox-container .fwe-checkbox-title{color:var(--fwe-text);line-height:24px;margin-left:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fwe-checkbox-container .fwe-checkbox-indicator-background{background:var(--fwe-white);border:1px solid var(--fwe-text-light);border-radius:2px;box-sizing:border-box;height:16px;transition:border-width .2s ease-out;width:16px}.fwe-checkbox-container .fwe-indeterminate-indicator{background:#fff;height:2px;left:3px;position:absolute;top:7px;width:10px}.fwe-checkbox-container .fwe-checkbox-indicator-background+svg{display:block;left:0;position:absolute;top:0}.fwe-checkbox-container.fr-checkbox-large .fwe-checkbox-indicator-background{border-radius:4px;height:24px;width:24px}.fwe-checkbox-container.fr-checkbox-large .fwe-indeterminate-indicator{left:5px;top:11px;width:14px}.fwe-checkbox-container.fr-checkbox-large.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fr-checkbox-large.fwe-checked .fwe-checkbox-indicator-background{border:12px solid var(--fwe-hero)}.fwe-checkbox-container:hover .fwe-checkbox-indicator-background{background-color:var(--fwe-control)}.fwe-checkbox-container:active .fwe-checkbox-indicator-background{background-color:var(--fwe-control-hover)}.fwe-checkbox-container.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked .fwe-checkbox-indicator-background{border:8px solid var(--fwe-hero)}.fwe-checkbox-container.fr-checkbox-indeterminate:hover .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked:hover .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-hover)}.fwe-checkbox-container.fr-checkbox-indeterminate:active .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-checked:active .fwe-checkbox-indicator-background{border-color:var(--fwe-hero-active)}.fwe-checkbox-container.fr-checkbox-invalid .fwe-checkbox-indicator-background{background:var(--fwe-white);border:1px solid var(--fwe-red)}.fwe-checkbox-container.fwe-disabled{cursor:default}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fr-checkbox-indeterminate .fwe-checkbox-indicator-background,.fwe-checkbox-container.fwe-disabled.fwe-checked .fwe-checkbox-indicator-background{background-color:var(--fwe-control);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled.fr-checkbox-invalid .fwe-checkbox-indicator-background{background-color:var(--fwe-white);border:1px solid var(--fwe-control)}.fwe-checkbox-container.fwe-disabled .fwe-checkbox-title{color:var(--fwe-text-disabled)}.fwe-select-wrapper{display:flex;min-width:48px;width:inherit}.fwe-select-wrapper .fr-select-input{bottom:0;box-sizing:border-box;left:0;opacity:0;pointer-events:none;position:absolute;width:100%}.fwe-select-wrapper.fwe-disabled:before{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select{cursor:pointer;height:unset;min-height:33px}.fwe-select-wrapper .fwe-select .fwe-select-content{line-height:1.5rem;overflow:hidden;padding-right:24px;text-overflow:ellipsis;white-space:nowrap}.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled)~.fwe-select-label:after{content:"*";display:inline-block;left:3px;position:relative}.fwe-select-wrapper .fwe-select.fwe-required:not(.fwe-disabled):not(.fwe-invalid)~.fwe-select-valid{display:block}.fwe-select-wrapper .fwe-select:focus:not(:disabled){border-color:var(--fwe-hero);color:var(--fwe-hero)}.fwe-select-wrapper .fwe-select:focus:not(:disabled) option{color:var(--fwe-text)}.fwe-select-wrapper .fwe-select:focus:invalid{border-color:var(--fwe-red)}.fwe-select-wrapper .fwe-select.fwe-disabled{border-color:var(--fwe-control-disabled)!important;cursor:default}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-select-content,.fwe-select-wrapper .fwe-select.fwe-disabled~.fwe-select-label{color:var(--fwe-text-disabled)}.fwe-select-wrapper .fwe-select.fwe-disabled .fwe-chip{border:1px solid var(--fwe-control-disabled);color:var(--fwe-text-disabled);pointer-events:none}.fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:focus,.fwe-select-wrapper .fwe-select.fwe-invalid.fwe-select:hover{border-color:var(--fwe-red)}.fwe-select-wrapper .fwe-select.fwe-invalid~.fwe-select-invalid{display:block}.fwe-select-wrapper .fwe-select.fwe-invalid~.fwe-select-description{display:none}.fr-select-scroll{overflow-y:scroll}.fwe-select-options-container{background-color:var(--fwe-white);border:1px solid var(--fwe-gray-200);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.161);font-size:var(--fwe-font-size-base);list-style:none;margin:0;max-width:100vw;padding:8px;z-index:var(--fwe-z-index-popover)}.fwe-select-options-container .fwe-select-option{cursor:pointer;line-height:24px;min-height:24px;padding:12px 8px;position:relative}.fwe-select-options-container .fwe-select-option:focus,.fwe-select-options-container .fwe-select-option:hover{background-color:var(--fwe-gray-100);outline:none}.fwe-select-options-container .fwe-select-option:last-child{border-bottom:none}.fwe-select-options-container .fwe-select-option .fwe-select-option-content{display:block;line-height:24px;min-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fr-backdrop{inset:0;position:fixed;z-index:var(--fwe-z-index-modal)}.chip-text-truncate{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-removable{height:0;width:0}.fwe-chip .chip-removable svg{margin:0;position:absolute;right:5px;top:4px}label.fwe-slider{display:block;position:relative}label.fwe-slider .fr-slider-indicator{background:var(--fwe-hero);bottom:22px;height:2px;left:0;position:absolute}label.fwe-slider .fr-slider-indicator.disabled{background:var(--fwe-border)}label.fwe-slider.fr-slider-value{height:56px}label.fwe-slider.fr-slider-value .fr-slider-indicator{bottom:38px}label.fwe-slider.fr-slider-label{height:67px}label.fwe-slider.fr-slider-label .fr-slider-indicator{bottom:22px}label.fwe-slider.fr-slider-value-label{height:83px}label.fwe-slider.fr-slider-value-label .fr-slider-indicator{bottom:38px}label.fwe-slider .fr-slider-value{bottom:0;color:var(--fwe-text);font-size:var(--fwe-font-size-base);margin-bottom:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}label.fwe-input-text .fwe-input-text-count{bottom:0;color:var(--fwe-text-disabled);display:block;font-size:var(--fwe-font-size-small);line-height:var(--fwe-line-height-base);position:absolute;right:0}label.fwe-input-text .fr-textarea{overflow:visible}.fr-timepicker{z-index:var(--fwe-z-index-modal)}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export { default as Accordion } from "./lib/components/accordion/Accordion";
|
|
2
|
+
export { default as AccordionHeader } from "./lib/components/accordion/accordion-header/AccordionHeader";
|
|
3
|
+
export { default as AccordionItemBody } from "./lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody";
|
|
4
|
+
export { default as AccordionItemHeader } from "./lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader";
|
|
5
|
+
export { default as AccordionItem } from "./lib/components/accordion/accordion-item/AccordionItem";
|
|
6
|
+
export { default as Breadcrumb } from "./lib/components/breadcrumb/Breadcrumb";
|
|
7
|
+
export { default as Button } from "./lib/components/buttons/button/Button";
|
|
8
|
+
export { default as Card } from "./lib/components/card/Card";
|
|
9
|
+
export { default as CardBody } from "./lib/components/card/CardBody";
|
|
10
|
+
export { default as CardHeader } from "./lib/components/card/CardHeader";
|
|
11
|
+
export { default as CardNotification } from "./lib/components/card/CardNotification";
|
|
12
|
+
export { default as ChipContainer } from "./lib/components/chips/chip-container/ChipContainer";
|
|
13
|
+
export { ChipType, default as Chip } from "./lib/components/chips/chip/Chip";
|
|
14
|
+
export { default as LinkButton } from "./lib/components/link-button/LinkButton";
|
|
15
|
+
export { default as LoadingIndicator } from "./lib/components/loading-indicator/LoadingIndicator";
|
|
16
|
+
export { default as MobileFlyout } from "./lib/components/mobile-flyout/MobileFlyout";
|
|
17
|
+
export { default as MobileFlyoutItem } from "./lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem";
|
|
18
|
+
export { default as MobileFlyoutPage } from "./lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage";
|
|
19
|
+
export { default as AlertModal } from "./lib/components/modals/AlertModal";
|
|
20
|
+
export { default as ConfirmModal } from "./lib/components/modals/ConfirmModal";
|
|
21
|
+
export { default as CustomModal } from "./lib/components/modals/CustomModal";
|
|
22
|
+
export { default as ImageGallery } from "./lib/components/modals/image-gallery/ImageGallery";
|
|
23
|
+
export { default as ImageGalleryContent } from "./lib/components/modals/image-gallery/ImageGalleryContent";
|
|
24
|
+
export { default as ImageGallerySwiper } from "./lib/components/modals/image-gallery/ImageGallerySwiper";
|
|
25
|
+
export { default as ImageGalleryThumbsSwiper } from "./lib/components/modals/image-gallery/ImageGalleryThumbsSwiper";
|
|
26
|
+
export { default as ImageGalleryItem } from "./lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem";
|
|
27
|
+
export { default as Prompt } from "./lib/components/modals/Prompt";
|
|
28
|
+
export { default as Pagination } from "./lib/components/pagination/Pagination";
|
|
29
|
+
export { default as PopoverMenuContext } from "./lib/components/popovers/popover-menu/PopoverMenuContext";
|
|
30
|
+
export { default as PopoverMenu } from "./lib/components/popovers/popover-menu/PopoverMenu";
|
|
31
|
+
export type { PopoverMenuProps } from "./lib/components/popovers/popover-menu/PopoverMenu";
|
|
32
|
+
export { default as PopoverMenuItem } from "./lib/components/popovers/popover-menu-item/PopoverMenuItem";
|
|
33
|
+
export type { PopoverMenuItemProps } from "./lib/components/popovers/popover-menu-item/PopoverMenuItem";
|
|
34
|
+
export { default as Popover } from "./lib/components/popovers/popover/Popover";
|
|
35
|
+
export type { PopoverProps } from "./lib/components/popovers/popover/Popover";
|
|
36
|
+
export { default as Tooltip } from "./lib/components/popovers/tooltip/Tooltip";
|
|
37
|
+
export type { TooltipProps } from "./lib/components/popovers/tooltip/Tooltip";
|
|
38
|
+
export { default as Progress } from "./lib/components/progress/Progress";
|
|
39
|
+
export { default as SearchInput } from "./lib/components/search-input/SearchInput";
|
|
40
|
+
export type { SearchInputProps } from "./lib/components/search-input/SearchInput";
|
|
41
|
+
export { default as SearchSuggestion } from "./lib/components/search-input/SearchSuggestion";
|
|
42
|
+
export { default as Snackbar } from "./lib/components/snackbar/Snackbar";
|
|
43
|
+
export { default as SnackbarProvider, addSnackbar, } from "./lib/components/snackbar/SnackbarProvider";
|
|
44
|
+
export { default as useSnackbar } from "./lib/components/snackbar/useSnackbar";
|
|
45
|
+
export { default as StepHorizontal } from "./lib/components/stepper-horizontal/step-horizontal/StepHorizontal";
|
|
46
|
+
export { default as StepperHorizontal } from "./lib/components/stepper-horizontal/StepperHorizontal";
|
|
47
|
+
export { default as StepVertical } from "./lib/components/stepper-vertical/step-vertical/StepVertical";
|
|
48
|
+
export { default as StepperVertical } from "./lib/components/stepper-vertical/StepperVertical";
|
|
49
|
+
export { default as TabPane } from "./lib/components/tab/tab-pane/TabPane";
|
|
50
|
+
export { default as Tabs } from "./lib/components/tab/Tabs";
|
|
51
|
+
export { default as TableHeaderCell } from "./lib/components/table-header-cell/TableHeaderCell";
|
|
52
|
+
export { default as Checkbox } from "./lib/forms/checkbox/Checkbox";
|
|
53
|
+
export { default as RadioButton } from "./lib/forms/radio/RadioButton";
|
|
54
|
+
export { default as Radio } from "./lib/forms/radio/RadioButton";
|
|
55
|
+
export { default as RadioGroup } from "./lib/forms/radio/RadioGroup";
|
|
56
|
+
export { default as ScrollArea } from "./lib/components/scroll-area/ScrollArea";
|
|
57
|
+
export { default as Segment } from "./lib/forms/segment/Segment";
|
|
58
|
+
export { default as SegmentControl } from "./lib/forms/segment/segment-control/SegmentControl";
|
|
59
|
+
export { default as Select } from "./lib/forms/select/Select";
|
|
60
|
+
export { default as SelectOption, type SelectOptionType, } from "./lib/forms/select/select-option/SelectOption";
|
|
61
|
+
export { default as Slider } from "./lib/forms/slider/Slider";
|
|
62
|
+
export { default as Switch } from "./lib/forms/switch/Switch";
|
|
63
|
+
export { default as TextArea } from "./lib/forms/text-area/TextArea";
|
|
64
|
+
export { default as TextInput } from "./lib/forms/text-input/TextInput";
|
|
65
|
+
export { default as TimePicker } from "./lib/forms/time-picker/TimePicker";
|
package/index.js
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export { default as Accordion } from "./lib/components/accordion/Accordion.js";
|
|
2
|
+
export { default as AccordionHeader } from "./lib/components/accordion/accordion-header/AccordionHeader.js";
|
|
3
|
+
export { default as AccordionItemBody } from "./lib/components/accordion/accordion-item/accordion-item-body/AccordionItemBody.js";
|
|
4
|
+
export { default as AccordionItemHeader } from "./lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.js";
|
|
5
|
+
export { default as AccordionItem } from "./lib/components/accordion/accordion-item/AccordionItem.js";
|
|
6
|
+
export { default as Breadcrumb } from "./lib/components/breadcrumb/Breadcrumb.js";
|
|
7
|
+
export { default as Button } from "./lib/components/buttons/button/Button.js";
|
|
8
|
+
export { default as Card } from "./lib/components/card/Card.js";
|
|
9
|
+
export { default as CardBody } from "./lib/components/card/CardBody.js";
|
|
10
|
+
export { default as CardHeader } from "./lib/components/card/CardHeader.js";
|
|
11
|
+
export { default as CardNotification } from "./lib/components/card/CardNotification.js";
|
|
12
|
+
export { default as ChipContainer } from "./lib/components/chips/chip-container/ChipContainer.js";
|
|
13
|
+
export { ChipType, default as Chip } from "./lib/components/chips/chip/Chip.js";
|
|
14
|
+
export { default as LinkButton } from "./lib/components/link-button/LinkButton.js";
|
|
15
|
+
export { default as LoadingIndicator } from "./lib/components/loading-indicator/LoadingIndicator.js";
|
|
16
|
+
export { default as MobileFlyout } from "./lib/components/mobile-flyout/MobileFlyout.js";
|
|
17
|
+
export { default as MobileFlyoutItem } from "./lib/components/mobile-flyout/mobile-flyout-item/MobileFlyoutItem.js";
|
|
18
|
+
export { default as MobileFlyoutPage } from "./lib/components/mobile-flyout/mobile-flyout-page/MobileFlyoutPage.js";
|
|
19
|
+
export { default as AlertModal } from "./lib/components/modals/AlertModal.js";
|
|
20
|
+
export { default as ConfirmModal } from "./lib/components/modals/ConfirmModal.js";
|
|
21
|
+
export { default as CustomModal } from "./lib/components/modals/CustomModal.js";
|
|
22
|
+
export { default as ImageGallery } from "./lib/components/modals/image-gallery/ImageGallery.js";
|
|
23
|
+
export { default as ImageGalleryContent } from "./lib/components/modals/image-gallery/ImageGalleryContent.js";
|
|
24
|
+
export { default as ImageGallerySwiper } from "./lib/components/modals/image-gallery/ImageGallerySwiper.js";
|
|
25
|
+
export { default as ImageGalleryThumbsSwiper } from "./lib/components/modals/image-gallery/ImageGalleryThumbsSwiper.js";
|
|
26
|
+
export { default as ImageGalleryItem } from "./lib/components/modals/image-gallery/image-gallery-item/ImageGalleryItem.js";
|
|
27
|
+
export { default as Prompt } from "./lib/components/modals/Prompt.js";
|
|
28
|
+
export { default as Pagination } from "./lib/components/pagination/Pagination.js";
|
|
29
|
+
export { default as PopoverMenuContext } from "./lib/components/popovers/popover-menu/PopoverMenuContext.js";
|
|
30
|
+
export { default as PopoverMenu } from "./lib/components/popovers/popover-menu/PopoverMenu.js";
|
|
31
|
+
export { default as PopoverMenuItem } from "./lib/components/popovers/popover-menu-item/PopoverMenuItem.js";
|
|
32
|
+
export { default as Popover } from "./lib/components/popovers/popover/Popover.js";
|
|
33
|
+
export { default as Tooltip } from "./lib/components/popovers/tooltip/Tooltip.js";
|
|
34
|
+
export { default as Progress } from "./lib/components/progress/Progress.js";
|
|
35
|
+
export { default as SearchInput } from "./lib/components/search-input/SearchInput.js";
|
|
36
|
+
export { default as SearchSuggestion } from "./lib/components/search-input/SearchSuggestion.js";
|
|
37
|
+
export { default as Snackbar } from "./lib/components/snackbar/Snackbar.js";
|
|
38
|
+
export { default as SnackbarProvider, addSnackbar } from "./lib/components/snackbar/SnackbarProvider.js";
|
|
39
|
+
export { default as useSnackbar } from "./lib/components/snackbar/useSnackbar.js";
|
|
40
|
+
export { default as StepHorizontal } from "./lib/components/stepper-horizontal/step-horizontal/StepHorizontal.js";
|
|
41
|
+
export { default as StepperHorizontal } from "./lib/components/stepper-horizontal/StepperHorizontal.js";
|
|
42
|
+
export { default as StepVertical } from "./lib/components/stepper-vertical/step-vertical/StepVertical.js";
|
|
43
|
+
export { default as StepperVertical } from "./lib/components/stepper-vertical/StepperVertical.js";
|
|
44
|
+
export { default as TabPane } from "./lib/components/tab/tab-pane/TabPane.js";
|
|
45
|
+
export { default as Tabs } from "./lib/components/tab/Tabs.js";
|
|
46
|
+
export { default as TableHeaderCell } from "./lib/components/table-header-cell/TableHeaderCell.js";
|
|
47
|
+
export { default as Checkbox } from "./lib/forms/checkbox/Checkbox.js";
|
|
48
|
+
export { default as RadioButton } from "./lib/forms/radio/RadioButton.js";
|
|
49
|
+
export { default as Radio } from "./lib/forms/radio/RadioButton.js";
|
|
50
|
+
export { default as RadioGroup } from "./lib/forms/radio/RadioGroup.js";
|
|
51
|
+
export { default as ScrollArea } from "./lib/components/scroll-area/ScrollArea.js";
|
|
52
|
+
export { default as Segment } from "./lib/forms/segment/Segment.js";
|
|
53
|
+
export { default as SegmentControl } from "./lib/forms/segment/segment-control/SegmentControl.js";
|
|
54
|
+
export { default as Select } from "./lib/forms/select/Select.js";
|
|
55
|
+
export { default as SelectOption } from "./lib/forms/select/select-option/SelectOption.js";
|
|
56
|
+
export { default as Slider } from "./lib/forms/slider/Slider.js";
|
|
57
|
+
export { default as Switch } from "./lib/forms/switch/Switch.js";
|
|
58
|
+
export { default as TextArea } from "./lib/forms/text-area/TextArea.js";
|
|
59
|
+
export { default as TextInput } from "./lib/forms/text-input/TextInput.js";
|
|
60
|
+
export { default as TimePicker } from "./lib/forms/time-picker/TimePicker.js";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import "./Accordion.scss";
|
|
2
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
+
interface AccordionProps extends ComponentPropsWithoutRef<"div"> {
|
|
4
|
+
showMore?: string;
|
|
5
|
+
showLess?: string;
|
|
6
|
+
keepItemsOpen?: boolean;
|
|
7
|
+
transparent?: boolean;
|
|
8
|
+
highlighted?: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const Accordion: (props: AccordionProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
11
|
+
export default Accordion;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import cn from "classnames";
|
|
2
|
+
import { forwardRef, useMemo, useRef, useState } from "react";
|
|
3
|
+
import AccordionContext from "./AccordionContext.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
let nextId = 0;
|
|
6
|
+
const Accordion = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
7
|
+
let {
|
|
8
|
+
children,
|
|
9
|
+
showMore = "Show more",
|
|
10
|
+
showLess = "Show less",
|
|
11
|
+
keepItemsOpen = true,
|
|
12
|
+
className,
|
|
13
|
+
transparent = false,
|
|
14
|
+
highlighted = true,
|
|
15
|
+
...props
|
|
16
|
+
} = _ref;
|
|
17
|
+
const componentId = useRef(`accordion-${++nextId}`);
|
|
18
|
+
const [expanded, setExpanded] = useState(false);
|
|
19
|
+
const handleChange = (id, newExpanded) => {
|
|
20
|
+
setExpanded(newExpanded ? id : false);
|
|
21
|
+
};
|
|
22
|
+
const contextValue = useMemo(() => ({
|
|
23
|
+
showMore,
|
|
24
|
+
showLess,
|
|
25
|
+
parentId: componentId.current,
|
|
26
|
+
keepItemsOpen,
|
|
27
|
+
expanded,
|
|
28
|
+
toggle: handleChange,
|
|
29
|
+
highlighted
|
|
30
|
+
}), [expanded, keepItemsOpen, showLess, showMore, highlighted]);
|
|
31
|
+
return /*#__PURE__*/_jsx(AccordionContext.Provider, {
|
|
32
|
+
value: contextValue,
|
|
33
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
34
|
+
ref: ref,
|
|
35
|
+
className: cn("fr-accordion", {
|
|
36
|
+
"fwe-bg-white": !transparent
|
|
37
|
+
}, className),
|
|
38
|
+
...props,
|
|
39
|
+
children: children
|
|
40
|
+
})
|
|
41
|
+
});
|
|
42
|
+
});
|
|
43
|
+
export default Accordion;
|
|
@@ -7,5 +7,5 @@ interface ContextProps {
|
|
|
7
7
|
toggle: (id: string, expanded: boolean) => void;
|
|
8
8
|
highlighted: boolean;
|
|
9
9
|
}
|
|
10
|
-
|
|
11
|
-
export
|
|
10
|
+
declare const AccordionContext: import("react").Context<Partial<ContextProps>>;
|
|
11
|
+
export default AccordionContext;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./AccordionHeader.scss";
|
|
2
|
+
declare const AccordionHeader: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
3
|
+
export default AccordionHeader;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import cn from "classnames";
|
|
2
|
+
import { forwardRef } from "react";
|
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
4
|
+
const AccordionHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
5
|
+
let {
|
|
6
|
+
children,
|
|
7
|
+
className,
|
|
8
|
+
...props
|
|
9
|
+
} = _ref;
|
|
10
|
+
return /*#__PURE__*/_jsx("div", {
|
|
11
|
+
ref: ref,
|
|
12
|
+
className: cn("fr-accordion-header", className),
|
|
13
|
+
...props,
|
|
14
|
+
children: children
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
export default AccordionHeader;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import "./AccordionItem.scss";
|
|
2
|
+
import { ComponentPropsWithoutRef } from "react";
|
|
3
|
+
interface AccordionItemProps extends Omit<ComponentPropsWithoutRef<"div">, "onChange"> {
|
|
4
|
+
expanded?: boolean;
|
|
5
|
+
defaultExpanded?: boolean;
|
|
6
|
+
onChange?: (event: React.SyntheticEvent, expanded: boolean) => void;
|
|
7
|
+
}
|
|
8
|
+
declare const AccordionItem: (props: AccordionItemProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
9
|
+
export default AccordionItem;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import cn from "classnames";
|
|
2
|
+
import { useCallback, useContext, useMemo, useRef, forwardRef } from "react";
|
|
3
|
+
import useControlled from "../../../helper/useControlled.js";
|
|
4
|
+
import AccordionContext from "../AccordionContext.js";
|
|
5
|
+
import AccordionItemContext from "./AccordionItemContext.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
let nextId = 0;
|
|
8
|
+
const AccordionItem = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
9
|
+
let {
|
|
10
|
+
expanded: expandedProp,
|
|
11
|
+
defaultExpanded = false,
|
|
12
|
+
children,
|
|
13
|
+
onChange,
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
} = _ref;
|
|
17
|
+
const {
|
|
18
|
+
showLess,
|
|
19
|
+
showMore,
|
|
20
|
+
parentId,
|
|
21
|
+
keepItemsOpen,
|
|
22
|
+
expanded: expandedContext,
|
|
23
|
+
toggle: accordionToggle,
|
|
24
|
+
highlighted
|
|
25
|
+
} = useContext(AccordionContext);
|
|
26
|
+
const componentId = useRef(`accordion-item-${++nextId}`);
|
|
27
|
+
const id = `${parentId}-${componentId.current}`;
|
|
28
|
+
const controlledExpanded = keepItemsOpen ? expandedProp : expandedContext === id;
|
|
29
|
+
const [expanded, setExpanded] = useControlled({
|
|
30
|
+
controlled: controlledExpanded,
|
|
31
|
+
default: defaultExpanded
|
|
32
|
+
});
|
|
33
|
+
const linkText = expanded ? showLess : showMore;
|
|
34
|
+
const handleChange = useCallback(event => {
|
|
35
|
+
if (onChange) {
|
|
36
|
+
onChange(event, !expanded);
|
|
37
|
+
}
|
|
38
|
+
if (!keepItemsOpen) {
|
|
39
|
+
accordionToggle?.(id, !expanded);
|
|
40
|
+
}
|
|
41
|
+
setExpanded(!expanded);
|
|
42
|
+
}, [accordionToggle, expanded, id, keepItemsOpen, onChange, setExpanded]);
|
|
43
|
+
const contextValue = useMemo(() => ({
|
|
44
|
+
expanded,
|
|
45
|
+
toggle: handleChange,
|
|
46
|
+
id
|
|
47
|
+
}), [expanded, handleChange, id]);
|
|
48
|
+
return /*#__PURE__*/_jsx(AccordionItemContext.Provider, {
|
|
49
|
+
value: contextValue,
|
|
50
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
51
|
+
ref: ref,
|
|
52
|
+
className: cn("fr-accordion-item", {
|
|
53
|
+
"fr-accordion-item--collapsed": !expanded,
|
|
54
|
+
"fr-accordion-item--expanded": expanded,
|
|
55
|
+
"fr-accordion-item--highlighted": expanded && highlighted
|
|
56
|
+
}, className),
|
|
57
|
+
...props,
|
|
58
|
+
children: [children, /*#__PURE__*/_jsx("div", {
|
|
59
|
+
className: "fr-accordion-item-link",
|
|
60
|
+
children: linkText
|
|
61
|
+
})]
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
export default AccordionItem;
|
|
@@ -3,5 +3,5 @@ interface ContextProps {
|
|
|
3
3
|
toggle: (event: React.SyntheticEvent) => void;
|
|
4
4
|
id: string;
|
|
5
5
|
}
|
|
6
|
-
|
|
7
|
-
export
|
|
6
|
+
declare const AccordionContext: import("react").Context<Partial<ContextProps>>;
|
|
7
|
+
export default AccordionContext;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./AccordionItemBody.scss";
|
|
2
|
+
declare const AccordionItemBody: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
3
|
+
export default AccordionItemBody;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import cn from "classnames";
|
|
2
|
+
import { forwardRef, useContext, useRef } from "react";
|
|
3
|
+
import { Transition } from "react-transition-group";
|
|
4
|
+
import useForkRef from "../../../../helper/useForkRef.js";
|
|
5
|
+
import AccordionItemContext from "../AccordionItemContext.js";
|
|
6
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
|
+
const AccordionItemBody = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
8
|
+
let {
|
|
9
|
+
children,
|
|
10
|
+
className,
|
|
11
|
+
...props
|
|
12
|
+
} = _ref;
|
|
13
|
+
const {
|
|
14
|
+
expanded,
|
|
15
|
+
id
|
|
16
|
+
} = useContext(AccordionItemContext);
|
|
17
|
+
const innerRef = useRef(null);
|
|
18
|
+
const element = innerRef.current;
|
|
19
|
+
const combinedRef = useForkRef(ref, innerRef);
|
|
20
|
+
const initialHeight = useRef(expanded ? "auto" : 0);
|
|
21
|
+
const handleEntering = () => {
|
|
22
|
+
if (element) {
|
|
23
|
+
const itemHeight = element.scrollHeight;
|
|
24
|
+
element.style.height = `${itemHeight}px`;
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
const handleEntered = () => {
|
|
28
|
+
if (element) {
|
|
29
|
+
element.style.height = "auto";
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
const handleExit = () => {
|
|
33
|
+
if (element) {
|
|
34
|
+
const itemHeight = element.scrollHeight;
|
|
35
|
+
element.style.height = `${itemHeight}px`;
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
const handleExiting = () => {
|
|
39
|
+
setTimeout(() => {
|
|
40
|
+
if (element) {
|
|
41
|
+
element.style.height = "0px";
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
};
|
|
45
|
+
return /*#__PURE__*/_jsx(Transition, {
|
|
46
|
+
in: expanded,
|
|
47
|
+
nodeRef: innerRef,
|
|
48
|
+
timeout: 300,
|
|
49
|
+
onExit: handleExit,
|
|
50
|
+
onExiting: handleExiting,
|
|
51
|
+
onEntering: handleEntering,
|
|
52
|
+
onEntered: handleEntered,
|
|
53
|
+
children: /*#__PURE__*/_jsxs("div", {
|
|
54
|
+
ref: combinedRef,
|
|
55
|
+
role: "region",
|
|
56
|
+
id: `${id}-body`,
|
|
57
|
+
"aria-labelledby": `${id}-header`,
|
|
58
|
+
className: cn("fr-accordion-item-body", className),
|
|
59
|
+
style: {
|
|
60
|
+
height: initialHeight.current,
|
|
61
|
+
minHeight: 0
|
|
62
|
+
},
|
|
63
|
+
...props,
|
|
64
|
+
children: [children, /*#__PURE__*/_jsx("div", {
|
|
65
|
+
className: "fr-accordion-item-body-spacer-bottom"
|
|
66
|
+
})]
|
|
67
|
+
})
|
|
68
|
+
});
|
|
69
|
+
});
|
|
70
|
+
export default AccordionItemBody;
|
package/lib/components/accordion/accordion-item/accordion-item-header/AccordionItemHeader.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import "./AccordionItemHeader.scss";
|
|
2
|
+
declare const AccordionItemHeader: (props: Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
|
|
3
|
+
export default AccordionItemHeader;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import cn from "classnames";
|
|
2
|
+
import { forwardRef, useContext } from "react";
|
|
3
|
+
import AccordionItemContext from "../AccordionItemContext.js";
|
|
4
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
5
|
+
const AccordionItemHeader = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
6
|
+
let {
|
|
7
|
+
children,
|
|
8
|
+
className,
|
|
9
|
+
...props
|
|
10
|
+
} = _ref;
|
|
11
|
+
const {
|
|
12
|
+
toggle,
|
|
13
|
+
id
|
|
14
|
+
} = useContext(AccordionItemContext);
|
|
15
|
+
function handleKeyDown(event) {
|
|
16
|
+
if (event.key === "Enter") {
|
|
17
|
+
event.preventDefault();
|
|
18
|
+
toggle?.(event);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
function handleKeyUp(event) {
|
|
22
|
+
if (event.key === "Enter") {
|
|
23
|
+
event.preventDefault();
|
|
24
|
+
toggle?.(event);
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
return /*#__PURE__*/_jsx("div", {
|
|
28
|
+
ref: ref,
|
|
29
|
+
className: cn("fr-accordion-item-header", className),
|
|
30
|
+
role: "button",
|
|
31
|
+
tabIndex: 0,
|
|
32
|
+
id: `${id}-header`,
|
|
33
|
+
"aria-controls": `${id}-body`,
|
|
34
|
+
onKeyDown: handleKeyDown,
|
|
35
|
+
onKeyUp: handleKeyUp,
|
|
36
|
+
onClick: toggle,
|
|
37
|
+
...props,
|
|
38
|
+
children: children
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
export default AccordionItemHeader;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface BottomSheetProps {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
defaultExpanded?: boolean;
|
|
4
|
+
open?: boolean;
|
|
5
|
+
expandFrom?: "center" | "bottom";
|
|
6
|
+
hasBackdrop?: boolean;
|
|
7
|
+
hideCloseIcon?: boolean;
|
|
8
|
+
onOpenChange?: (value: boolean) => void;
|
|
9
|
+
}
|
|
10
|
+
export default function BottomSheet({ children, open, defaultExpanded, expandFrom, hasBackdrop, hideCloseIcon, onOpenChange, }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
2
|
+
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
3
|
+
import cn from "classnames";
|
|
4
|
+
import { useState } from "react";
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
6
|
+
export default function BottomSheet(_ref) {
|
|
7
|
+
let {
|
|
8
|
+
children,
|
|
9
|
+
open,
|
|
10
|
+
defaultExpanded,
|
|
11
|
+
expandFrom = "center",
|
|
12
|
+
hasBackdrop = true,
|
|
13
|
+
hideCloseIcon,
|
|
14
|
+
onOpenChange
|
|
15
|
+
} = _ref;
|
|
16
|
+
const [expanded, setExpanded] = useState(defaultExpanded);
|
|
17
|
+
const [isClosing, setClosing] = useState(false);
|
|
18
|
+
const [startY, setStartY] = useState(0);
|
|
19
|
+
const [swiping, setSwiping] = useState(false);
|
|
20
|
+
function toggleExpand() {
|
|
21
|
+
const newExpanded = !expanded;
|
|
22
|
+
setExpanded(newExpanded);
|
|
23
|
+
}
|
|
24
|
+
function closeBottomSheet() {
|
|
25
|
+
setClosing(true);
|
|
26
|
+
setExpanded(defaultExpanded);
|
|
27
|
+
setTimeout(() => {
|
|
28
|
+
setClosing(false);
|
|
29
|
+
onOpenChange?.(false);
|
|
30
|
+
}, 300);
|
|
31
|
+
}
|
|
32
|
+
const handleTouchStart = event => {
|
|
33
|
+
setStartY(event.touches[0].clientY);
|
|
34
|
+
setSwiping(true);
|
|
35
|
+
};
|
|
36
|
+
const handleTouchMove = event => {
|
|
37
|
+
if (!swiping) return;
|
|
38
|
+
const currentY = event.touches[0].clientY;
|
|
39
|
+
const deltaY = currentY - startY;
|
|
40
|
+
if (deltaY < -50 && !expanded) {
|
|
41
|
+
// swipe up to expand
|
|
42
|
+
setExpanded(true);
|
|
43
|
+
setSwiping(false);
|
|
44
|
+
} else if (deltaY > 50 && expanded) {
|
|
45
|
+
// swipe down to collapse
|
|
46
|
+
setExpanded(false);
|
|
47
|
+
setSwiping(false);
|
|
48
|
+
} else if (deltaY > 100 && !expanded) {
|
|
49
|
+
// swipe down to close
|
|
50
|
+
closeBottomSheet();
|
|
51
|
+
setSwiping(false);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
55
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
56
|
+
className: cn("fwe-bottom-sheet-backdrop", {
|
|
57
|
+
"fwe-bottom-sheet-backdrop--visible": hasBackdrop && open && !isClosing
|
|
58
|
+
}),
|
|
59
|
+
onClick: closeBottomSheet
|
|
60
|
+
}), /*#__PURE__*/_jsxs("div", {
|
|
61
|
+
className: cn("fwe-bottom-sheet-container", {
|
|
62
|
+
"fwe-bottom-sheet-container--open": open,
|
|
63
|
+
"fwe-bottom-sheet-container--expanded": expanded,
|
|
64
|
+
"fwe-bottom-sheet-container--expand-from-center": expandFrom === "center",
|
|
65
|
+
"fwe-bottom-sheet-container--with-backdrop": hasBackdrop,
|
|
66
|
+
"fwe-bottom-sheet-container--closing": isClosing
|
|
67
|
+
}),
|
|
68
|
+
onTouchStart: handleTouchStart,
|
|
69
|
+
onTouchMove: handleTouchMove,
|
|
70
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
71
|
+
className: "fwe-bottom-sheet-header",
|
|
72
|
+
children: [/*#__PURE__*/_jsx("div", {
|
|
73
|
+
className: "fwe-bottom-sheet-drag-handle-container",
|
|
74
|
+
onClick: toggleExpand,
|
|
75
|
+
children: /*#__PURE__*/_jsx("div", {
|
|
76
|
+
className: "fwe-bottom-sheet-drag-handle"
|
|
77
|
+
})
|
|
78
|
+
}), !hideCloseIcon && /*#__PURE__*/_jsx("button", {
|
|
79
|
+
type: "button",
|
|
80
|
+
className: "fwe-bottom-sheet-close-btn",
|
|
81
|
+
onClick: closeBottomSheet,
|
|
82
|
+
children: /*#__PURE__*/_jsx("span", {
|
|
83
|
+
className: "fwe-sr-only",
|
|
84
|
+
children: "Close"
|
|
85
|
+
})
|
|
86
|
+
})]
|
|
87
|
+
}), /*#__PURE__*/_jsx("div", {
|
|
88
|
+
className: "fwe-bottom-sheet-content",
|
|
89
|
+
children: children
|
|
90
|
+
})]
|
|
91
|
+
})]
|
|
92
|
+
});
|
|
93
|
+
}
|