@strapi/design-system 1.2.7 → 1.3.0-beta.1
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/.eslintignore +3 -0
- package/.eslintrc.js +38 -0
- package/.prettierrc.js +7 -0
- package/.storybook/components/Theme.js +28 -0
- package/.storybook/main.js +13 -0
- package/.storybook/manager.js +12 -0
- package/.storybook/preview.js +42 -0
- package/.storybook/utils/createCustomTheme.js +26 -0
- package/LICENSE +20 -0
- package/__mocks__/fileMock.js +1 -0
- package/__mocks__/styleMock.js +1 -0
- package/babel.config.js +5 -0
- package/createIndexFiles.js +34 -0
- package/global-setup.js +4 -0
- package/jest.config.js +17 -0
- package/package.json +3 -3
- package/playwright.config.js +39 -0
- package/src/Accordion/Accordion.js +148 -0
- package/src/Accordion/Accordion.stories.mdx +327 -0
- package/src/Accordion/AccordionContent.js +26 -0
- package/src/Accordion/AccordionContext.js +5 -0
- package/src/Accordion/AccordionGroup.js +114 -0
- package/src/Accordion/AccordionToggle.js +192 -0
- package/src/Accordion/__tests__/Accordion.e2e.js +32 -0
- package/src/Accordion/__tests__/AccordionKeyboard.e2e.js +73 -0
- package/src/Accordion/index.js +4 -0
- package/src/Accordion/utils.js +15 -0
- package/src/Alert/Alert.js +144 -0
- package/src/Alert/Alert.stories.mdx +135 -0
- package/src/Alert/__tests__/Alert.e2e.js +39 -0
- package/src/Alert/index.js +1 -0
- package/src/Alert/utils.js +35 -0
- package/src/Avatar/Avatar.js +110 -0
- package/src/Avatar/Avatar.stories.mdx +67 -0
- package/src/Avatar/AvatarGroup.js +9 -0
- package/src/Avatar/__tests__/Avatar.e2e.js +23 -0
- package/src/Avatar/__tests__/Avatar.spec.js +153 -0
- package/src/Avatar/constants.js +2 -0
- package/src/Avatar/index.js +2 -0
- package/src/Badge/Badge.js +41 -0
- package/src/Badge/Badge.stories.mdx +57 -0
- package/src/Badge/__tests__/Badge.e2e.js +23 -0
- package/src/Badge/index.js +1 -0
- package/src/BaseButton/BaseButton.js +46 -0
- package/src/BaseButton/BaseButton.stories.mdx +32 -0
- package/src/BaseButton/__tests__/BaseButton.e2e.js +23 -0
- package/src/BaseButton/index.js +1 -0
- package/src/BaseCheckbox/BaseCheckbox.js +133 -0
- package/src/BaseCheckbox/BaseCheckbox.stories.mdx +107 -0
- package/src/BaseCheckbox/__tests__/BaseCheckbox.e2e.js +94 -0
- package/src/BaseCheckbox/assets/checkmark-black.svg +6 -0
- package/src/BaseCheckbox/assets/checkmark.svg +6 -0
- package/src/BaseCheckbox/index.js +1 -0
- package/src/BaseCheckbox/utils.js +7 -0
- package/src/BaseLink/BaseLink.js +38 -0
- package/src/BaseLink/BaseLink.stories.mdx +34 -0
- package/src/BaseLink/__tests__/BaseLink.e2e.js +23 -0
- package/src/BaseLink/__tests__/BaseLink.spec.js +26 -0
- package/src/BaseLink/index.js +1 -0
- package/src/BaseRadio/BaseRadio.js +69 -0
- package/src/BaseRadio/BaseRadio.stories.mdx +110 -0
- package/src/BaseRadio/RadioGroup.js +36 -0
- package/src/BaseRadio/__tests__/BaseRadio.e2e.js +90 -0
- package/src/BaseRadio/context.js +3 -0
- package/src/BaseRadio/index.js +2 -0
- package/src/BaseRadio/utils.js +30 -0
- package/src/Box/Box.js +104 -0
- package/src/Box/Box.stories.mdx +57 -0
- package/src/Box/BoxProps.js +99 -0
- package/src/Box/__tests__/Box.e2e.js +23 -0
- package/src/Box/__tests__/Box.spec.js +36 -0
- package/src/Box/index.js +1 -0
- package/src/Breadcrumbs/Breadcrumbs.js +58 -0
- package/src/Breadcrumbs/Breadcrumbs.stories.mdx +47 -0
- package/src/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +23 -0
- package/src/Breadcrumbs/index.js +1 -0
- package/src/Button/Button.js +138 -0
- package/src/Button/Button.stories.mdx +216 -0
- package/src/Button/__tests__/Button.e2e.js +89 -0
- package/src/Button/__tests__/utils.spec.js +19 -0
- package/src/Button/constants.js +12 -0
- package/src/Button/index.js +1 -0
- package/src/Button/utils.js +170 -0
- package/src/Card/Card.js +35 -0
- package/src/Card/Card.stories.mdx +202 -0
- package/src/Card/CardAction.js +13 -0
- package/src/Card/CardAsset.js +49 -0
- package/src/Card/CardBadge.js +18 -0
- package/src/Card/CardBody.js +11 -0
- package/src/Card/CardCheckbox.js +14 -0
- package/src/Card/CardContent.js +16 -0
- package/src/Card/CardContext.js +5 -0
- package/src/Card/CardHeader.js +12 -0
- package/src/Card/CardTimer.js +23 -0
- package/src/Card/CardTitle.js +12 -0
- package/src/Card/__tests__/Card.e2e.js +164 -0
- package/src/Card/index.js +10 -0
- package/src/Card/story-assets/first.jpg +0 -0
- package/src/CarouselInput/Carousel.js +138 -0
- package/src/CarouselInput/Carousel.stories.mdx +149 -0
- package/src/CarouselInput/CarouselActions.js +6 -0
- package/src/CarouselInput/CarouselImage.js +39 -0
- package/src/CarouselInput/CarouselInput.js +80 -0
- package/src/CarouselInput/CarouselSlide.js +32 -0
- package/src/CarouselInput/__tests__/CarouselImage.e2e.js +15 -0
- package/src/CarouselInput/__tests__/CarouselInput.e2e.js +48 -0
- package/src/CarouselInput/index.js +5 -0
- package/src/CarouselInput/story-assets/first.jpg +0 -0
- package/src/Checkbox/Checkbox.js +63 -0
- package/src/Checkbox/Checkbox.stories.mdx +190 -0
- package/src/Checkbox/__tests__/Checkbox.e2e.js +96 -0
- package/src/Checkbox/index.js +1 -0
- package/src/Combobox/Combobox.js +421 -0
- package/src/Combobox/Combobox.stories.mdx +191 -0
- package/src/Combobox/ComboboxList.js +22 -0
- package/src/Combobox/ComboboxOption.js +36 -0
- package/src/Combobox/__tests__/Combobox.e2e.js +133 -0
- package/src/Combobox/__tests__/utils.spec.js +94 -0
- package/src/Combobox/components.js +69 -0
- package/src/Combobox/index.js +2 -0
- package/src/Combobox/utils.js +97 -0
- package/src/DatePicker/DatePicker.js +132 -0
- package/src/DatePicker/DatePicker.stories.mdx +172 -0
- package/src/DatePicker/DatePickerCalendar.js +134 -0
- package/src/DatePicker/DatePickerTd.js +51 -0
- package/src/DatePicker/DatePickerTh.js +39 -0
- package/src/DatePicker/__tests__/DatePicker.e2e.js +94 -0
- package/src/DatePicker/__tests__/DatePicker.spec.js +40 -0
- package/src/DatePicker/compareDates.js +9 -0
- package/src/DatePicker/components.js +45 -0
- package/src/DatePicker/index.js +1 -0
- package/src/DatePicker/utils/formatDate.js +5 -0
- package/src/DatePicker/utils/generateWeeks.js +58 -0
- package/src/DatePicker/utils/getDayOfWeek.js +24 -0
- package/src/DatePicker/utils/getMonths.js +10 -0
- package/src/DatePicker/utils/getYears.js +19 -0
- package/src/DatePicker/utils/index.js +5 -0
- package/src/DatePicker/utils/tests/generateWeeks.spec.js +136 -0
- package/src/DatePicker/utils/tests/getMonths.spec.js +21 -0
- package/src/DatePicker/utils/tests/getYears.spec.js +21 -0
- package/src/DateTimePicker/DateTimePicker.js +151 -0
- package/src/DateTimePicker/DateTimePicker.stories.mdx +114 -0
- package/src/DateTimePicker/DateTimePickerProps.js +85 -0
- package/src/DateTimePicker/__tests__/DateTimePicker.e2e.js +103 -0
- package/src/DateTimePicker/__tests__/DateTimePicker.spec.js +89 -0
- package/src/DateTimePicker/__tests__/__snapshots__/DateTimePicker.spec.js.snap +448 -0
- package/src/DateTimePicker/__tests__/parseDate.test.js +10 -0
- package/src/DateTimePicker/index.js +1 -0
- package/src/DateTimePicker/parseDate.js +11 -0
- package/src/Dialog/Dialog.js +86 -0
- package/src/Dialog/Dialog.stories.mdx +78 -0
- package/src/Dialog/DialogBody.js +36 -0
- package/src/Dialog/DialogFooter.js +38 -0
- package/src/Dialog/__tests__/Dialog.e2e.js +20 -0
- package/src/Dialog/__tests__/Dialog.spec.js +28 -0
- package/src/Dialog/index.js +3 -0
- package/src/DismissibleLayer/DismissibleLayer.js +87 -0
- package/src/DismissibleLayer/DismissibleLayer.stories.mdx +50 -0
- package/src/DismissibleLayer/__test__/DimissibleLayer.spec.js +44 -0
- package/src/DismissibleLayer/index.js +1 -0
- package/src/Divider/Divider.js +26 -0
- package/src/Divider/Divider.stories.mdx +55 -0
- package/src/Divider/__tests__/Divider.e2e.js +23 -0
- package/src/Divider/index.js +1 -0
- package/src/EmptyStateLayout/EmptyStateLayout.js +48 -0
- package/src/EmptyStateLayout/EmptyStateLayout.stories.mdx +87 -0
- package/src/EmptyStateLayout/__tests__/EmptyStateLayout.e2e.js +31 -0
- package/src/EmptyStateLayout/index.js +1 -0
- package/src/EmptyStateLayout/story-assets/Illo.js +51 -0
- package/src/Field/Field.js +29 -0
- package/src/Field/Field.stories.mdx +237 -0
- package/src/Field/FieldAction.js +25 -0
- package/src/Field/FieldContext.js +4 -0
- package/src/Field/FieldError.js +17 -0
- package/src/Field/FieldHint.js +17 -0
- package/src/Field/FieldInput.js +129 -0
- package/src/Field/FieldLabel.js +50 -0
- package/src/Field/__tests__/Field.e2e.js +61 -0
- package/src/Field/index.js +7 -0
- package/src/Flex/Flex.js +26 -0
- package/src/Flex/Flex.stories.mdx +45 -0
- package/src/Flex/FlexProps.js +41 -0
- package/src/Flex/__tests__/Flex.e2e.js +23 -0
- package/src/Flex/index.js +1 -0
- package/src/FocusTrap/ExampleComponent.js +71 -0
- package/src/FocusTrap/FocusTrap.js +83 -0
- package/src/FocusTrap/FocusTrap.stories.mdx +32 -0
- package/src/FocusTrap/__tests__/FocusTrap.e2e.js +126 -0
- package/src/FocusTrap/index.js +1 -0
- package/src/Grid/Grid.js +30 -0
- package/src/Grid/Grid.stories.mdx +112 -0
- package/src/Grid/GridContext.js +5 -0
- package/src/Grid/GridItem.js +40 -0
- package/src/Grid/__tests__/Grid.e2e.js +23 -0
- package/src/Grid/index.js +2 -0
- package/src/Icon/Icon.js +27 -0
- package/src/Icon/Icon.stories.mdx +41 -0
- package/src/Icon/__tests__/Icon.e2e.js +21 -0
- package/src/Icon/index.js +1 -0
- package/src/IconButton/IconButton.js +175 -0
- package/src/IconButton/IconButton.stories.mdx +153 -0
- package/src/IconButton/__tests__/IconButton.e2e.js +57 -0
- package/src/IconButton/index.js +1 -0
- package/src/KeyboardNavigable/KeyboardNavigable.js +96 -0
- package/src/KeyboardNavigable/index.js +1 -0
- package/src/Layout/ActionLayout.js +40 -0
- package/src/Layout/ContentLayout.js +15 -0
- package/src/Layout/GridLayout.js +12 -0
- package/src/Layout/GridLayout.stories.mdx +36 -0
- package/src/Layout/HeaderLayout.js +170 -0
- package/src/Layout/HeaderLayout.stories.mdx +175 -0
- package/src/Layout/Layout.js +31 -0
- package/src/Layout/Layout.stories.mdx +240 -0
- package/src/Layout/TwoColsLayout.js +26 -0
- package/src/Layout/TwoColsLayout.stories.mdx +46 -0
- package/src/Layout/__tests__/GridLayout.e2e.js +23 -0
- package/src/Layout/__tests__/HeaderLayout.e2e.js +83 -0
- package/src/Layout/__tests__/Layout.e2e.js +23 -0
- package/src/Layout/__tests__/TwoColsLayout.e2e.js +23 -0
- package/src/Layout/index.js +6 -0
- package/src/Link/Link.js +105 -0
- package/src/Link/Link.stories.mdx +57 -0
- package/src/Link/__tests__/Link.e2e.js +23 -0
- package/src/Link/index.js +1 -0
- package/src/LinkButton/LinkButton.js +113 -0
- package/src/LinkButton/LinkButton.stories.mdx +153 -0
- package/src/LinkButton/__tests__/LinkButton.e2e.js +89 -0
- package/src/LinkButton/index.js +1 -0
- package/src/LiveRegions/LiveRegions.js +13 -0
- package/src/LiveRegions/LiveRegions.stories.mdx +76 -0
- package/src/LiveRegions/StoryComponent.js +26 -0
- package/src/LiveRegions/__tests__/LiveRegions.spec.js +200 -0
- package/src/LiveRegions/constants.js +5 -0
- package/src/LiveRegions/index.js +1 -0
- package/src/LiveRegions/useNotifyAT.js +39 -0
- package/src/Loader/Loader.js +40 -0
- package/src/Loader/Loader.stories.mdx +48 -0
- package/src/Loader/__tests__/Loader.e2e.js +23 -0
- package/src/Loader/assets/loader.svg +3 -0
- package/src/Loader/index.js +1 -0
- package/src/Main/Main.js +24 -0
- package/src/Main/SkipToContent.js +29 -0
- package/src/Main/index.js +2 -0
- package/src/MainNav/MainNav.js +31 -0
- package/src/MainNav/MainNav.stories.mdx +197 -0
- package/src/MainNav/MainNavContext.js +5 -0
- package/src/MainNav/NavBrand.js +76 -0
- package/src/MainNav/NavCondense.js +44 -0
- package/src/MainNav/NavLink.js +143 -0
- package/src/MainNav/NavSection.js +53 -0
- package/src/MainNav/NavSections.js +20 -0
- package/src/MainNav/NavUser.js +53 -0
- package/src/MainNav/__tests__/MainNav.e2e.js +23 -0
- package/src/MainNav/index.js +7 -0
- package/src/MainNav/strapi-img.png +0 -0
- package/src/ModalLayout/ModalBody.js +12 -0
- package/src/ModalLayout/ModalContext.js +4 -0
- package/src/ModalLayout/ModalFooter.js +37 -0
- package/src/ModalLayout/ModalHeader.js +35 -0
- package/src/ModalLayout/ModalLayout.js +58 -0
- package/src/ModalLayout/ModalLayout.stories.mdx +100 -0
- package/src/ModalLayout/__tests__/ModalLayout.e2e.js +19 -0
- package/src/ModalLayout/__tests__/ModalLayout.spec.js +596 -0
- package/src/ModalLayout/index.js +4 -0
- package/src/NumberInput/NumberInput.js +253 -0
- package/src/NumberInput/NumberInput.stories.mdx +319 -0
- package/src/NumberInput/__tests__/NumberInput.e2e.js +194 -0
- package/src/NumberInput/index.js +1 -0
- package/src/Pagination/Pagination.js +37 -0
- package/src/Pagination/Pagination.stories.mdx +97 -0
- package/src/Pagination/PaginationContext.js +4 -0
- package/src/Pagination/__tests__/Pagination.e2e.js +23 -0
- package/src/Pagination/assets/next.svg +3 -0
- package/src/Pagination/assets/previous.svg +3 -0
- package/src/Pagination/components.js +147 -0
- package/src/Pagination/index.js +2 -0
- package/src/Popover/Popover.js +167 -0
- package/src/Popover/Popover.stories.mdx +167 -0
- package/src/Popover/__tests__/Popover.e2e.js +48 -0
- package/src/Popover/__tests__/Popover.spec.js +153 -0
- package/src/Popover/index.js +1 -0
- package/src/Portal/Portal.js +25 -0
- package/src/Portal/Portal.stories.mdx +33 -0
- package/src/Portal/__tests__/Portal.e2e.js +23 -0
- package/src/Portal/index.js +1 -0
- package/src/ProgressBar/ProgressBar.js +57 -0
- package/src/ProgressBar/ProgressBar.stories.mdx +47 -0
- package/src/ProgressBar/__tests__/ProgressBar.e2e.js +41 -0
- package/src/ProgressBar/index.js +1 -0
- package/src/Radio/Radio.js +25 -0
- package/src/Radio/Radio.stories.mdx +66 -0
- package/src/Radio/__tests__/Radio.e2e.js +66 -0
- package/src/Radio/__tests__/Radio.spec.js +56 -0
- package/src/Radio/index.js +2 -0
- package/src/RawTable/RawCell.js +182 -0
- package/src/RawTable/RawTable.js +123 -0
- package/src/RawTable/RawTable.stories.mdx +258 -0
- package/src/RawTable/RawTableContext.js +10 -0
- package/src/RawTable/RawTbody.js +18 -0
- package/src/RawTable/RawThead.js +15 -0
- package/src/RawTable/RawTr.js +20 -0
- package/src/RawTable/__tests__/RawTable.e2e.js +344 -0
- package/src/RawTable/focusFocusable.js +7 -0
- package/src/RawTable/index.js +5 -0
- package/src/Searchbar/SearchForm.js +3 -0
- package/src/Searchbar/Searchbar.js +103 -0
- package/src/Searchbar/Searchbar.stories.mdx +115 -0
- package/src/Searchbar/__tests__/Searchbar.e2e.js +52 -0
- package/src/Searchbar/index.js +2 -0
- package/src/Select/MultiSelectNested.js +31 -0
- package/src/Select/OptGroup.js +27 -0
- package/src/Select/Option.js +123 -0
- package/src/Select/Select.js +318 -0
- package/src/Select/Select.stories.mdx +362 -0
- package/src/Select/SelectButton.js +77 -0
- package/src/Select/SelectList.js +113 -0
- package/src/Select/SelectTags.js +50 -0
- package/src/Select/__tests__/Select.e2e.js +238 -0
- package/src/Select/__tests__/Select.spec.js +1020 -0
- package/src/Select/components.js +51 -0
- package/src/Select/constants.js +6 -0
- package/src/Select/hooks/useButtonRef.js +31 -0
- package/src/Select/hooks/useListRef.js +35 -0
- package/src/Select/index.js +5 -0
- package/src/Select/utils.js +27 -0
- package/src/SimpleMenu/SimpleMenu.js +252 -0
- package/src/SimpleMenu/SimpleMenu.stories.mdx +220 -0
- package/src/SimpleMenu/__tests__/SimpleMenu.e2e.js +98 -0
- package/src/SimpleMenu/__tests__/SimpleMenu.spec.js +48 -0
- package/src/SimpleMenu/index.js +1 -0
- package/src/SimpleMenu/utils.js +12 -0
- package/src/Stack/Stack.js +75 -0
- package/src/Stack/Stack.stories.mdx +66 -0
- package/src/Stack/__tests__/Stack.e2e.js +43 -0
- package/src/Stack/index.js +1 -0
- package/src/Status/Status.js +76 -0
- package/src/Status/Status.stories.mdx +80 -0
- package/src/Status/__tests__/Status.e2e.js +23 -0
- package/src/Status/__tests__/Status.spec.js +48 -0
- package/src/Status/index.js +1 -0
- package/src/SubNav/SubNav.js +25 -0
- package/src/SubNav/SubNav.stories.mdx +234 -0
- package/src/SubNav/SubNavHeader.js +122 -0
- package/src/SubNav/SubNavLink.js +92 -0
- package/src/SubNav/SubNavLinkSection.js +75 -0
- package/src/SubNav/SubNavSection.js +75 -0
- package/src/SubNav/SubNavSectionLabel.js +67 -0
- package/src/SubNav/SubNavSections.js +20 -0
- package/src/SubNav/__tests__/SubNav.e2e.js +23 -0
- package/src/SubNav/index.js +6 -0
- package/src/Switch/Switch.js +97 -0
- package/src/Switch/Switch.stories.mdx +76 -0
- package/src/Switch/__tests__/Switch.e2e.js +33 -0
- package/src/Switch/index.js +1 -0
- package/src/Table/Cell.js +49 -0
- package/src/Table/TFooter.js +58 -0
- package/src/Table/Table.js +96 -0
- package/src/Table/Table.stories.mdx +330 -0
- package/src/Table/Tbody.js +13 -0
- package/src/Table/Thead.js +11 -0
- package/src/Table/Tr.js +28 -0
- package/src/Table/__tests__/Table.e2e.js +41 -0
- package/src/Table/index.js +6 -0
- package/src/Tabs/TabGroup.js +46 -0
- package/src/Tabs/TabPanels.js +32 -0
- package/src/Tabs/Tabs.js +227 -0
- package/src/Tabs/Tabs.stories.mdx +211 -0
- package/src/Tabs/TabsContext.js +5 -0
- package/src/Tabs/__tests__/Tabs.e2e.js +253 -0
- package/src/Tabs/components.js +66 -0
- package/src/Tabs/index.js +3 -0
- package/src/Tabs/useTabsFocus.js +28 -0
- package/src/Tag/Tag.js +72 -0
- package/src/Tag/Tag.stories.mdx +47 -0
- package/src/Tag/__tests__/Tag.e2e.js +37 -0
- package/src/Tag/index.js +1 -0
- package/src/TextButton/TextButton.js +102 -0
- package/src/TextButton/TextButton.stories.mdx +71 -0
- package/src/TextButton/__tests__/TextButton.e2e.js +23 -0
- package/src/TextButton/index.js +1 -0
- package/src/TextInput/TextInput.js +67 -0
- package/src/TextInput/TextInput.stories.mdx +228 -0
- package/src/TextInput/__tests__/TextInput.e2e.js +73 -0
- package/src/TextInput/index.js +1 -0
- package/src/Textarea/Textarea.js +74 -0
- package/src/Textarea/Textarea.stories.mdx +105 -0
- package/src/Textarea/TextareaInput.js +77 -0
- package/src/Textarea/__tests__/Textarea.e2e.js +37 -0
- package/src/Textarea/index.js +1 -0
- package/src/ThemeProvider/ThemeProvider.js +193 -0
- package/src/ThemeProvider/hooks.js +5 -0
- package/src/ThemeProvider/index.js +2 -0
- package/src/TimePicker/TimePicker.js +128 -0
- package/src/TimePicker/TimePicker.stories.mdx +171 -0
- package/src/TimePicker/__tests__/TimePicker.e2e.js +37 -0
- package/src/TimePicker/__tests__/TimePicker.spec.js +2099 -0
- package/src/TimePicker/index.js +1 -0
- package/src/ToggleCheckbox/ToggleCheckbox.js +169 -0
- package/src/ToggleCheckbox/ToggleCheckbox.stories.mdx +96 -0
- package/src/ToggleCheckbox/__tests__/ToggleCheckbox.e2e.js +59 -0
- package/src/ToggleCheckbox/index.js +1 -0
- package/src/ToggleInput/ToggleInput.js +89 -0
- package/src/ToggleInput/ToggleInput.stories.mdx +171 -0
- package/src/ToggleInput/__tests__/ToggleInput.e2e.js +109 -0
- package/src/ToggleInput/index.js +1 -0
- package/src/Tooltip/Tooltip.js +72 -0
- package/src/Tooltip/Tooltip.stories.mdx +127 -0
- package/src/Tooltip/__tests__/Tooltip.e2e.js +33 -0
- package/src/Tooltip/__tests__/Tooltip.spec.js +306 -0
- package/src/Tooltip/hooks/useTooltipHandlers.js +39 -0
- package/src/Tooltip/hooks/useTooltipLayout.js +21 -0
- package/src/Tooltip/index.js +1 -0
- package/src/Tooltip/utils/__tests__/positionTooltip.spec.js +114 -0
- package/src/Tooltip/utils/positionTooltip.js +83 -0
- package/src/Typography/Typography.js +24 -0
- package/src/Typography/Typography.stories.mdx +86 -0
- package/src/Typography/TypographyProps.js +30 -0
- package/src/Typography/__tests__/Typography.e2e.js +25 -0
- package/src/Typography/__tests__/Typography.spec.js +32 -0
- package/src/Typography/__tests__/__snapshots__/Typography.spec.js.snap +103 -0
- package/src/Typography/constants.js +9 -0
- package/src/Typography/index.js +1 -0
- package/src/Typography/utils.js +69 -0
- package/src/VisuallyHidden/VisuallyHidden.js +12 -0
- package/src/VisuallyHidden/index.js +1 -0
- package/src/helpers/__tests__/useId.spec.js +39 -0
- package/src/helpers/escapeSelector.js +1 -0
- package/src/helpers/genId.js +2 -0
- package/src/helpers/getDefaultLocale.js +33 -0
- package/src/helpers/getFocusableNodes.js +35 -0
- package/src/helpers/handleResponsiveValues.js +34 -0
- package/src/helpers/keyboardKeys.js +17 -0
- package/src/helpers/setOpacity.js +4 -0
- package/src/helpers/setTabIndexOnFirstItem.js +7 -0
- package/src/helpers/useElementOnScreen.js +27 -0
- package/src/helpers/useId.js +8 -0
- package/src/helpers/useIntersection.js +31 -0
- package/src/helpers/useLockScroll.js +14 -0
- package/src/helpers/usePrevious.js +9 -0
- package/src/helpers/useResizeObserver.js +22 -0
- package/src/index.js +65 -0
- package/src/themes/ColorButton.js +24 -0
- package/src/themes/Theme.stories.mdx +227 -0
- package/src/themes/__tests__/extendTheme.spec.js +119 -0
- package/src/themes/colors.js +46 -0
- package/src/themes/common-theme.js +19 -0
- package/src/themes/darkTheme/dark-colors.js +49 -0
- package/src/themes/darkTheme/dark-shadows.js +10 -0
- package/src/themes/darkTheme/index.js +9 -0
- package/src/themes/extendTheme.js +60 -0
- package/src/themes/index.js +4 -0
- package/src/themes/lightTheme/index.js +9 -0
- package/src/themes/lightTheme/light-colors.js +49 -0
- package/src/themes/lightTheme/light-shadows.js +10 -0
- package/src/themes/sizes.js +10 -0
- package/src/themes/utils.js +50 -0
- package/src/v2/Breadcrumbs/Breadcrumbs.js +45 -0
- package/src/v2/Breadcrumbs/Breadcrumbs.stories.mdx +129 -0
- package/src/v2/Breadcrumbs/Crumb.js +30 -0
- package/src/v2/Breadcrumbs/CrumbLink.js +33 -0
- package/src/v2/Breadcrumbs/CrumbSimpleMenu.js +30 -0
- package/src/v2/Breadcrumbs/Divider.js +16 -0
- package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.e2e.js +47 -0
- package/src/v2/Breadcrumbs/__tests__/Breadcrumbs.spec.js +47 -0
- package/src/v2/Breadcrumbs/index.js +4 -0
- package/src/v2/Link/Link.js +79 -0
- package/src/v2/Link/Link.stories.mdx +113 -0
- package/src/v2/Link/__tests__/Link.e2e.js +23 -0
- package/src/v2/Link/index.js +1 -0
- package/src/v2/LinkButton/LinkButton.js +105 -0
- package/src/v2/LinkButton/LinkButton.stories.mdx +153 -0
- package/src/v2/LinkButton/__tests__/LinkButton.e2e.js +89 -0
- package/src/v2/LinkButton/index.js +1 -0
- package/src/v2/MainNav/MainNav.js +31 -0
- package/src/v2/MainNav/MainNav.stories.mdx +197 -0
- package/src/v2/MainNav/MainNavContext.js +5 -0
- package/src/v2/MainNav/NavBrand.js +79 -0
- package/src/v2/MainNav/NavCondense.js +44 -0
- package/src/v2/MainNav/NavLink.js +143 -0
- package/src/v2/MainNav/NavSection.js +53 -0
- package/src/v2/MainNav/NavSections.js +20 -0
- package/src/v2/MainNav/NavUser.js +53 -0
- package/src/v2/MainNav/__tests__/MainNav.e2e.js +23 -0
- package/src/v2/MainNav/index.js +7 -0
- package/src/v2/MainNav/strapi-img.png +0 -0
- package/src/v2/Pagination/Pagination.js +37 -0
- package/src/v2/Pagination/Pagination.stories.mdx +97 -0
- package/src/v2/Pagination/PaginationContext.js +4 -0
- package/src/v2/Pagination/__tests__/Pagination.e2e.js +23 -0
- package/src/v2/Pagination/assets/next.svg +3 -0
- package/src/v2/Pagination/assets/previous.svg +3 -0
- package/src/v2/Pagination/components.js +136 -0
- package/src/v2/Pagination/index.js +2 -0
- package/src/v2/SimpleMenu/SimpleMenu.js +252 -0
- package/src/v2/SimpleMenu/SimpleMenu.stories.mdx +220 -0
- package/src/v2/SimpleMenu/__tests__/SimpleMenu.e2e.js +100 -0
- package/src/v2/SimpleMenu/__tests__/SimpleMenu.spec.js +48 -0
- package/src/v2/SimpleMenu/index.js +1 -0
- package/src/v2/SimpleMenu/utils.js +12 -0
- package/src/v2/SubNav/SubNav.js +25 -0
- package/src/v2/SubNav/SubNav.stories.mdx +234 -0
- package/src/v2/SubNav/SubNavHeader.js +122 -0
- package/src/v2/SubNav/SubNavLink.js +95 -0
- package/src/v2/SubNav/SubNavLinkSection.js +75 -0
- package/src/v2/SubNav/SubNavSection.js +75 -0
- package/src/v2/SubNav/SubNavSectionLabel.js +67 -0
- package/src/v2/SubNav/SubNavSections.js +20 -0
- package/src/v2/SubNav/__tests__/SubNav.e2e.js +23 -0
- package/src/v2/SubNav/index.js +6 -0
- package/src/v2/index.js +7 -0
- package/test-bundler.js +35 -0
- package/tests/check-exports.spec.js +36 -0
- package/webpack.config.js +84 -0
- package/Accordion.development.js +0 -775
- package/Accordion.js +0 -9
- package/Accordion.production.js +0 -1
- package/Alert.development.js +0 -562
- package/Alert.js +0 -9
- package/Alert.production.js +0 -1
- package/Avatar.development.js +0 -485
- package/Avatar.js +0 -9
- package/Avatar.production.js +0 -1
- package/Badge.development.js +0 -494
- package/Badge.js +0 -9
- package/Badge.production.js +0 -1
- package/BaseButton.development.js +0 -285
- package/BaseButton.js +0 -9
- package/BaseButton.production.js +0 -1
- package/BaseCheckbox.development.js +0 -309
- package/BaseCheckbox.js +0 -9
- package/BaseCheckbox.production.js +0 -1
- package/BaseLink.development.js +0 -273
- package/BaseLink.js +0 -9
- package/BaseLink.production.js +0 -1
- package/BaseRadio.development.js +0 -321
- package/BaseRadio.js +0 -9
- package/BaseRadio.production.js +0 -1
- package/Box.development.js +0 -341
- package/Box.js +0 -9
- package/Box.production.js +0 -1
- package/Breadcrumbs.development.js +0 -518
- package/Breadcrumbs.js +0 -9
- package/Breadcrumbs.production.js +0 -1
- package/Button.development.js +0 -573
- package/Button.js +0 -9
- package/Button.production.js +0 -1
- package/Card.development.js +0 -746
- package/Card.js +0 -9
- package/Card.production.js +0 -1
- package/CarouselInput.development.js +0 -898
- package/CarouselInput.js +0 -9
- package/CarouselInput.production.js +0 -1
- package/Checkbox.development.js +0 -722
- package/Checkbox.js +0 -9
- package/Checkbox.production.js +0 -1
- package/Combobox.development.js +0 -934
- package/Combobox.js +0 -9
- package/Combobox.production.js +0 -1
- package/DatePicker.development.js +0 -1323
- package/DatePicker.js +0 -9
- package/DatePicker.production.js +0 -1
- package/Dialog.development.js +0 -741
- package/Dialog.js +0 -9
- package/Dialog.production.js +0 -1
- package/DismissibleLayer.development.js +0 -218
- package/DismissibleLayer.js +0 -9
- package/DismissibleLayer.production.js +0 -1
- package/Divider.development.js +0 -398
- package/Divider.js +0 -9
- package/Divider.production.js +0 -1
- package/EmptyStateLayout.development.js +0 -425
- package/EmptyStateLayout.js +0 -9
- package/EmptyStateLayout.production.js +0 -1
- package/Field.development.js +0 -614
- package/Field.js +0 -9
- package/Field.production.js +0 -1
- package/Flex.development.js +0 -377
- package/Flex.js +0 -9
- package/Flex.production.js +0 -1
- package/FocusTrap.development.js +0 -341
- package/FocusTrap.js +0 -9
- package/FocusTrap.production.js +0 -1
- package/Grid.development.js +0 -422
- package/Grid.js +0 -9
- package/Grid.production.js +0 -1
- package/Icon.development.js +0 -376
- package/Icon.js +0 -9
- package/Icon.production.js +0 -1
- package/IconButton.development.js +0 -684
- package/IconButton.js +0 -9
- package/IconButton.production.js +0 -1
- package/KeyboardNavigable.development.js +0 -454
- package/KeyboardNavigable.js +0 -9
- package/KeyboardNavigable.production.js +0 -1
- package/Layout.development.js +0 -626
- package/Layout.js +0 -9
- package/Layout.production.js +0 -1
- package/Link.development.js +0 -492
- package/Link.js +0 -9
- package/Link.production.js +0 -1
- package/LinkButton.development.js +0 -573
- package/LinkButton.js +0 -9
- package/LinkButton.production.js +0 -1
- package/LiveRegions.development.js +0 -147
- package/LiveRegions.js +0 -9
- package/LiveRegions.production.js +0 -1
- package/Loader.development.js +0 -309
- package/Loader.js +0 -9
- package/Loader.production.js +0 -1
- package/Main.development.js +0 -410
- package/Main.js +0 -9
- package/Main.production.js +0 -1
- package/MainNav.development.js +0 -957
- package/MainNav.js +0 -9
- package/MainNav.production.js +0 -1
- package/ModalLayout.development.js +0 -895
- package/ModalLayout.js +0 -9
- package/ModalLayout.production.js +0 -1
- package/NumberInput.development.js +0 -733
- package/NumberInput.js +0 -9
- package/NumberInput.production.js +0 -1
- package/Pagination.development.js +0 -587
- package/Pagination.js +0 -9
- package/Pagination.production.js +0 -1
- package/Popover.development.js +0 -481
- package/Popover.js +0 -9
- package/Popover.production.js +0 -1
- package/Portal.development.js +0 -212
- package/Portal.js +0 -9
- package/Portal.production.js +0 -1
- package/ProgressBar.development.js +0 -273
- package/ProgressBar.js +0 -9
- package/ProgressBar.production.js +0 -1
- package/Radio.development.js +0 -518
- package/Radio.js +0 -9
- package/Radio.production.js +0 -1
- package/RawTable.development.js +0 -549
- package/RawTable.js +0 -9
- package/RawTable.production.js +0 -1
- package/Searchbar.development.js +0 -696
- package/Searchbar.js +0 -9
- package/Searchbar.production.js +0 -1
- package/Select.development.js +0 -1063
- package/Select.js +0 -9
- package/Select.production.js +0 -1
- package/SimpleMenu.development.js +0 -821
- package/SimpleMenu.js +0 -9
- package/SimpleMenu.production.js +0 -1
- package/Stack.development.js +0 -434
- package/Stack.js +0 -9
- package/Stack.production.js +0 -1
- package/Status.development.js +0 -494
- package/Status.js +0 -9
- package/Status.production.js +0 -1
- package/SubNav.development.js +0 -1123
- package/SubNav.js +0 -9
- package/SubNav.production.js +0 -1
- package/Switch.development.js +0 -434
- package/Switch.js +0 -9
- package/Switch.production.js +0 -1
- package/Table.development.js +0 -741
- package/Table.js +0 -9
- package/Table.production.js +0 -1
- package/Tabs.development.js +0 -590
- package/Tabs.js +0 -9
- package/Tabs.production.js +0 -1
- package/Tag.development.js +0 -494
- package/Tag.js +0 -9
- package/Tag.production.js +0 -1
- package/TextButton.development.js +0 -517
- package/TextButton.js +0 -9
- package/TextButton.production.js +0 -1
- package/TextInput.development.js +0 -662
- package/TextInput.js +0 -9
- package/TextInput.production.js +0 -1
- package/Textarea.development.js +0 -674
- package/Textarea.js +0 -9
- package/Textarea.production.js +0 -1
- package/ThemeProvider.development.js +0 -300
- package/ThemeProvider.js +0 -9
- package/ThemeProvider.production.js +0 -1
- package/TimePicker.development.js +0 -1098
- package/TimePicker.js +0 -9
- package/TimePicker.production.js +0 -1
- package/ToggleCheckbox.development.js +0 -542
- package/ToggleCheckbox.js +0 -9
- package/ToggleCheckbox.production.js +0 -1
- package/ToggleInput.development.js +0 -745
- package/ToggleInput.js +0 -9
- package/ToggleInput.production.js +0 -1
- package/Tooltip.development.js +0 -588
- package/Tooltip.js +0 -9
- package/Tooltip.production.js +0 -1
- package/Typography.development.js +0 -276
- package/Typography.js +0 -9
- package/Typography.production.js +0 -1
- package/VisuallyHidden.development.js +0 -146
- package/VisuallyHidden.js +0 -9
- package/VisuallyHidden.production.js +0 -1
- package/index.development.js +0 -4290
- package/index.js +0 -9
- package/index.production.js +0 -1
- package/themes.development.js +0 -254
- package/themes.js +0 -9
- package/themes.production.js +0 -1
- package/v2/Breadcrumbs.development.js +0 -906
- package/v2/Breadcrumbs.js +0 -9
- package/v2/Breadcrumbs.production.js +0 -1
- package/v2/Link.development.js +0 -505
- package/v2/Link.js +0 -9
- package/v2/Link.production.js +0 -1
- package/v2/LinkButton.development.js +0 -586
- package/v2/LinkButton.js +0 -9
- package/v2/LinkButton.production.js +0 -1
- package/v2/MainNav.development.js +0 -970
- package/v2/MainNav.js +0 -9
- package/v2/MainNav.production.js +0 -1
- package/v2/Pagination.development.js +0 -600
- package/v2/Pagination.js +0 -9
- package/v2/Pagination.production.js +0 -1
- package/v2/SimpleMenu.development.js +0 -834
- package/v2/SimpleMenu.js +0 -9
- package/v2/SimpleMenu.production.js +0 -1
- package/v2/SubNav.development.js +0 -1136
- package/v2/SubNav.js +0 -9
- package/v2/SubNav.production.js +0 -1
- package/v2/index.development.js +0 -1740
- package/v2/index.js +0 -9
- package/v2/index.production.js +0 -1
- package/v2/package.json +0 -81
package/CarouselInput.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components","react-dom","@strapi/icons/ChevronRight","@strapi/icons/ChevronLeft"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components"),require("react-dom"),require("@strapi/icons/ChevronRight"),require("@strapi/icons/ChevronLeft")):e.strapiDs=n(e.react,e["styled-components"],e["react-dom"],e["@strapi/icons/ChevronRight"],e["@strapi/icons/ChevronLeft"])}(this,(function(e,n,t,r,o){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s=106)}([function(e,n,t){e.exports=t(21)()},function(n,t){n.exports=e},function(e,t){e.exports=n},function(e,n){e.exports=function(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(26);e.exports=function(e,n){if(null==e)return{};var t,o,i=r(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(o=0;o<a.length;o++)t=a[o],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){function t(){return e.exports=t=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},e.exports.default=e.exports,e.exports.__esModule=!0,t.apply(this,arguments)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"Box",(function(){return m}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(7),s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=function(e){return l.a.createElement("div",e)},h={background:void 0,borderColor:void 0,color:void 0,hiddenS:!1,hiddenXS:!1,padding:void 0,paddingTop:void 0,paddingRight:void 0,paddingBottom:void 0,paddingLeft:void 0,hasRadius:!1,shadow:void 0,children:null,shrink:void 0,grow:void 0,basis:void 0,flex:void 0,_hover:function(){}},b={_hover:f.a.func,background:f.a.string,basis:f.a.oneOfType([f.a.string,f.a.string]),borderColor:f.a.string,children:f.a.oneOfType([f.a.node,f.a.string]),color:f.a.string,flex:f.a.oneOfType([f.a.string,f.a.string]),grow:f.a.oneOfType([f.a.string,f.a.string]),hasRadius:f.a.bool,hiddenS:f.a.bool,hiddenXS:f.a.bool,padding:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingBottom:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingLeft:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingRight:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),paddingTop:f.a.oneOfType([f.a.number,f.a.arrayOf(f.a.number)]),shadow:f.a.string,shrink:f.a.oneOfType([f.a.string,f.a.string])};p.defaultProps=h,p.propTypes=b;var g={color:!0},m=c.a.div.withConfig({shouldForwardProp:function(e,n){return!g[e]&&n(e)}})(r||(r=i()(["\n // Font\n font-size: ",";\n\n // Colors\n background: ",";\n color: ",";\n\n // Spaces\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n ","\n\n // Responsive hiding\n ","\n ","\n \n\n // Borders\n border-radius: ",";\n border-style: ",";\n border-width: ",";\n border-color: ",";\n border: ",";\n\n // Shadows\n box-shadow: ",";\n\n // Handlers\n pointer-events: ",";\n &:hover {\n ","\n }\n\n // Display\n display: ",";\n\n // Position\n position: ",";\n left: ",";\n right: ",";\n top: ",";\n bottom: ",";\n z-index: ",";\n overflow: ",";\n cursor: ",";\n\n // Size\n width: ",";\n max-width: ",";\n min-width: ",";\n height: ",";\n max-height: ",";\n min-height: ",";\n\n // Animation\n transition: ",";\n transform: ",";\n animation: ",";\n\n //Flexbox children props\n flex-shrink: ",";\n flex-grow: ",";\n flex-basis: ",";\n flex: ",";\n\n // Text\n text-align: ",";\n text-transform: ",";\n line-height: ",";\n\n // Cursor\n cursor: ",";\n"])),(function(e){var n=e.fontSize;return e.theme.fontSizes[n]||n}),(function(e){var n=e.theme,t=e.background;return n.colors[t]}),(function(e){var n=e.theme,t=e.color;return n.colors[t]}),(function(e){var n=e.theme,t=e.padding;return Object(u.a)("padding",t,n)}),(function(e){var n=e.theme,t=e.paddingTop;return Object(u.a)("padding-top",t,n)}),(function(e){var n=e.theme,t=e.paddingRight;return Object(u.a)("padding-right",t,n)}),(function(e){var n=e.theme,t=e.paddingBottom;return Object(u.a)("padding-bottom",t,n)}),(function(e){var n=e.theme,t=e.paddingLeft;return Object(u.a)("padding-left",t,n)}),(function(e){var n=e.theme,t=e.marginLeft;return Object(u.a)("margin-left",t,n)}),(function(e){var n=e.theme,t=e.marginRight;return Object(u.a)("margin-right",t,n)}),(function(e){var n=e.theme,t=e.marginTop;return Object(u.a)("margin-top",t,n)}),(function(e){var n=e.theme,t=e.marginBottom;return Object(u.a)("margin-bottom",t,n)}),(function(e){var n=e.theme;return e.hiddenS?"".concat(n.mediaQueries.tablet," { display: none; }"):void 0}),(function(e){var n=e.theme;return e.hiddenXS?"".concat(n.mediaQueries.mobile," { display: none; }"):void 0}),(function(e){var n=e.theme,t=e.hasRadius,r=e.borderRadius;return t?n.borderRadius:r}),(function(e){return e.borderStyle}),(function(e){return e.borderWidth}),(function(e){var n=e.borderColor;return e.theme.colors[n]}),(function(e){var n=e.theme,t=e.borderColor,r=e.borderStyle,o=e.borderWidth;if(t&&!r&&!o)return"1px solid ".concat(n.colors[t])}),(function(e){var n=e.theme,t=e.shadow;return n.shadows[t]}),(function(e){return e.pointerEvents}),(function(e){var n=e._hover,t=e.theme;return n?n(t):void 0}),(function(e){return e.display}),(function(e){return e.position}),(function(e){var n=e.left;return e.theme.spaces[n]||n}),(function(e){var n=e.right;return e.theme.spaces[n]||n}),(function(e){var n=e.top;return e.theme.spaces[n]||n}),(function(e){var n=e.bottom;return e.theme.spaces[n]||n}),(function(e){return e.zIndex}),(function(e){return e.overflow}),(function(e){return e.cursor}),(function(e){var n=e.width;return e.theme.spaces[n]||n}),(function(e){var n=e.maxWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.minWidth;return e.theme.spaces[n]||n}),(function(e){var n=e.height;return e.theme.spaces[n]||n}),(function(e){var n=e.maxHeight;return e.theme.spaces[n]||n}),(function(e){var n=e.minHeight;return e.theme.spaces[n]||n}),(function(e){return e.transition}),(function(e){return e.transform}),(function(e){return e.animation}),(function(e){return e.shrink}),(function(e){return e.grow}),(function(e){return e.basis}),(function(e){return e.flex}),(function(e){return e.textAlign}),(function(e){return e.textTransform}),(function(e){return e.lineHeight}),(function(e){return e.cursor}));m.defaultProps=h,m.propTypes=b},function(e,n,t){"use strict";var r=t(11),o=t.n(r),i=t(15),a=t.n(i);n.a=function(e,n,t){var r=n;if(Array.isArray(n)||"object"!==a()(n)||(r=[null==n?void 0:n.desktop,null==n?void 0:n.tablet,null==n?void 0:n.mobile]),void 0!==r){if(Array.isArray(r)){var i=r,c=o()(i,3),u=c[0],s=c[1],l=c[2],d="".concat(e,": ").concat(t.spaces[u],";");return void 0!==s&&(d+="".concat(t.mediaQueries.tablet,"{\n ").concat(e,": ").concat(t.spaces[s],";\n }")),void 0!==l&&(d+="".concat(t.mediaQueries.mobile,"{\n ").concat(e,": ").concat(t.spaces[l],";\n }")),d}var f=t.spaces[r]||r;return"".concat(e,": ").concat(f,";")}}},function(e,n,t){"use strict";t.d(n,"a",(function(){return r})),t.d(n,"b",(function(){return o})),t.d(n,"c",(function(){return i})),t.d(n,"d",(function(){return a})),t.d(n,"e",(function(){return c})),t.d(n,"f",(function(){return u})),t.d(n,"g",(function(){return s})),t.d(n,"h",(function(){return l}));var r="alpha",o="beta",i="delta",a="epsilon",c="omega",u="pi",s="sigma",l=[r,o,i,a,c,u,s]},function(e,n,t){"use strict";t.r(n),t.d(n,"Typography",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(13),s=t(1),l=t.n(s),d=t(0),f=t.n(d),p=t(8),h=function(e){return l.a.createElement("div",e)},b={ellipsis:!1,fontWeight:void 0,fontSize:void 0,lineHeight:void 0,textColor:void 0,textAlign:void 0,textTransform:void 0,variant:p.e},g={ellipsis:f.a.bool,fontSize:f.a.oneOfType([f.a.number,f.a.string]),fontWeight:f.a.string,lineHeight:f.a.oneOfType([f.a.number,f.a.string]),textAlign:f.a.string,textColor:f.a.string,textTransform:f.a.string,variant:f.a.oneOf(p.h)};h.defaultProps=b,h.propTypes=g;var m={fontSize:!0,fontWeight:!0},v=c.a.span.withConfig({shouldForwardProp:function(e,n){return!m[e]&&n(e)}})(r||(r=i()(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-align: ",";\n text-transform: ",";\n ","\n ","\n"])),(function(e){var n=e.theme,t=e.fontWeight;return n.fontWeights[t]}),(function(e){var n=e.theme,t=e.fontSize;return n.fontSizes[t]}),(function(e){var n=e.theme,t=e.lineHeight;return n.lineHeights[t]}),u.b,(function(e){return e.textAlign}),(function(e){return e.textTransform}),u.a,u.c);v.defaultProps=b,v.propTypes=g},function(e,n,t){"use strict";t.r(n),t.d(n,"Flex",(function(){return v}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a),u=t(6),s=t(7),l=t(1),d=t.n(l),f=t(0),p=t.n(f),h=function(e){return d.a.createElement("div",e)},b={alignItems:"center",basis:void 0,direction:"row",gap:void 0,inline:!1,justifyContent:void 0,reverse:!1,wrap:void 0},g={alignItems:p.a.string,basis:p.a.oneOfType([p.a.string,p.a.number]),direction:p.a.string,gap:p.a.oneOfType([p.a.shape({desktop:p.a.number,mobile:p.a.number,tablet:p.a.number}),p.a.number,p.a.arrayOf(p.a.number),p.a.string]),inline:p.a.bool,justifyContent:p.a.string,reverse:p.a.bool,shrink:p.a.number,wrap:p.a.string};h.defaultProps=b,h.propTypes=g;var m={direction:!0},v=c()(u.Box).withConfig({shouldForwardProp:function(e,n){return!m[e]&&n(e)}})(r||(r=i()(["\n align-items: ",";\n display: ",";\n flex-direction: ",";\n flex-shrink: ",";\n flex-wrap: ",";\n ","};\n justify-content: ",";\n"])),(function(e){return e.alignItems}),(function(e){return e.inline?"inline-flex":"flex"}),(function(e){return e.direction}),(function(e){return e.shrink}),(function(e){return e.wrap}),(function(e){var n=e.gap,t=e.theme;return Object(s.a)("gap",n,t)}),(function(e){return e.justifyContent}));v.defaultProps=b,v.propTypes=g},function(e,n,t){var r=t(27),o=t(28),i=t(24),a=t(29);e.exports=function(e,n){return r(e)||o(e,n)||i(e,n)||a()},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var r={DOWN:"ArrowDown",UP:"ArrowUp",RIGHT:"ArrowRight",LEFT:"ArrowLeft",ESCAPE:"Escape",ENTER:"Enter",SPACE:" ",TAB:"Tab",END:"End",HOME:"Home",DELETE:"Delete",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown",BACKSPACE:"Backspace",CLEAR:"Clear"}},function(e,n,t){"use strict";t.d(n,"a",(function(){return o})),t.d(n,"c",(function(){return i})),t.d(n,"b",(function(){return a}));var r=t(8),o=function(e){return e.ellipsis&&"\n display: block;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n "},i=function(e){var n=e.variant,t=e.theme;switch(n){case r.a:return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[5],";\n line-height: ").concat(t.lineHeights[2],";\n ");case r.b:return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[4],";\n line-height: ").concat(t.lineHeights[1],";\n ");case r.c:return"\n font-weight: ".concat(t.fontWeights.semiBold,";\n font-size: ").concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[2],";\n ");case r.d:return"\n font-size: ".concat(t.fontSizes[3],";\n line-height: ").concat(t.lineHeights[6],";\n ");case r.e:return"\n font-size: ".concat(t.fontSizes[2],";\n line-height: ").concat(t.lineHeights[4],";\n ");case r.f:return"\n font-size: ".concat(t.fontSizes[1],";\n line-height: ").concat(t.lineHeights[3],";\n ");case r.g:return"\n font-weight: ".concat(t.fontWeights.bold,";\n font-size: ").concat(t.fontSizes[0],";\n line-height: ").concat(t.lineHeights[5],";\n text-transform: uppercase;\n ");default:return"\n font-size: ".concat(t.fontSizes[2],";\n ")}},a=function(e){var n=e.theme,t=e.textColor;return n.colors[t||"neutral800"]}},function(e,n,t){"use strict";t.d(n,"a",(function(){return o})),t.d(n,"b",(function(){return i}));var r=t(1),o=Object(r.createContext)({error:void 0,hint:void 0,name:"",id:""}),i=function(){return Object(r.useContext)(o)}},function(e,n){function t(n){return"function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?(e.exports=t=function(e){return typeof e},e.exports.default=e.exports,e.exports.__esModule=!0):(e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},e.exports.default=e.exports,e.exports.__esModule=!0),t(n)}e.exports=t,e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.d(n,"a",(function(){return i}));var r=t(1),o=0,i=function(e,n){return Object(r.useRef)(n||"".concat(e,"-").concat(++o)).current}},function(e,n,t){"use strict";t.r(n),t.d(n,"Field",(function(){return f})),t.d(n,"FieldLabel",(function(){return S})),t.d(n,"InputWrapper",(function(){return P.b})),t.d(n,"FieldInput",(function(){return P.a})),t.d(n,"FieldHint",(function(){return C})),t.d(n,"FieldError",(function(){return z})),t.d(n,"FieldContext",(function(){return s.a})),t.d(n,"useField",(function(){return s.b})),t.d(n,"FieldAction",(function(){return _}));var r=t(4),o=t.n(r),i=t(1),a=t.n(i),c=t(0),u=t.n(c),s=t(14),l=t(16),d=["children","name","error","hint","id"],f=function(e){var n=e.children,t=e.name,r=e.error,i=e.hint,c=e.id,u=o()(e,d),f=Object(l.a)("field",c);return a.a.createElement("div",u,a.a.createElement(s.a.Provider,{value:{name:t,id:f,error:r,hint:i}},n))};f.defaultProps={error:void 0,hint:void 0,id:void 0,name:void 0},f.propTypes={children:u.a.node.isRequired,error:u.a.string,hint:u.a.oneOfType([u.a.string,u.a.node,u.a.arrayOf(u.a.node)]),id:u.a.oneOfType([u.a.string,u.a.number]),name:u.a.string};var p,h,b=t(5),g=t.n(b),m=t(3),v=t.n(m),y=t(2),x=t.n(y),O=t(10),w=t(9),E=["children","required","action"],j=x()(w.Typography)(p||(p=v()(["\n line-height: 0;\n"]))),T=x()(O.Flex)(h||(h=v()(["\n line-height: 0;\n\n svg path {\n fill: ",";\n }\n"])),(function(e){return e.theme.colors.neutral500})),S=function(e){var n=e.children,t=e.required,r=e.action,i=o()(e,E),c=Object(s.b)().id;return a.a.createElement(w.Typography,g()({variant:"pi",textColor:"neutral800",htmlFor:c,fontWeight:"bold",as:"label",required:t},i),a.a.createElement(O.Flex,{alignItems:"center"},n,t&&a.a.createElement(j,{textColor:"danger600"},"*"),r&&a.a.createElement(T,{marginLeft:1},r)))};S.defaultProps={required:!1,action:void 0},S.propTypes={action:u.a.element,children:u.a.node.isRequired,required:u.a.bool};var R,P=t(38),C=function(){var e=Object(s.b)(),n=e.id,t=e.hint,r=e.error;return!t||r?null:a.a.createElement(w.Typography,{variant:"pi",as:"p",id:"".concat(n,"-hint"),textColor:"neutral600"},t)},z=function(){var e=Object(s.b)(),n=e.id,t=e.error;return t?a.a.createElement(w.Typography,{variant:"pi",as:"p",id:"".concat(n,"-error"),textColor:"danger600","data-strapi-field-error":!0},t):null},A=["label","children"],L=x.a.button(R||(R=v()(["\n border: none;\n background: transparent;\n // TODO: Make sure to use the theme when it's ready\n font-size: 1.6rem;\n width: auto;\n padding: 0;\n display: flex;\n align-items: center;\n"]))),_=function(e){var n=e.label,t=e.children,r=o()(e,A);return a.a.createElement(L,g()({"aria-label":n,type:"button"},r),t)};_.propTypes={children:u.a.node.isRequired,label:u.a.string.isRequired}},function(e,n,t){"use strict";t.d(n,"b",(function(){return r})),t.d(n,"c",(function(){return o})),t.d(n,"a",(function(){return i}));var r=function(e){return function(n){var t=n.theme,r=n.size;return t.sizes[e][r]}},o=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"&";return function(n){var t=n.theme,r=n.hasError;return"\n outline: none;\n box-shadow: 0;\n transition-property: border-color, box-shadow, fill;\n transition-duration: 0.2s;\n\n ".concat(e,":focus-within {\n border: 1px solid ").concat(r?t.colors.danger600:t.colors.primary600,";\n box-shadow: ").concat(r?t.colors.danger600:t.colors.primary600," 0px 0px 0px 2px;\n }\n ")}},i=function(e){var n=e.theme;return"\n position: relative;\n outline: none;\n \n &:after {\n transition-property: all;\n transition-duration: 0.2s;\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -4px;\n bottom: -4px;\n left: -4px;\n right: -4px;\n border: 2px solid transparent;\n }\n\n &:focus-visible {\n outline: none;\n &:after {\n border-radius: 8px;\n content: '';\n position: absolute;\n top: -5px;\n bottom: -5px;\n left: -5px;\n right: -5px;\n border: 2px solid ".concat(n.colors.primary600,";\n }\n }\n")}},,function(e,n,t){"use strict";t.r(n),t.d(n,"VisuallyHidden",(function(){return c}));var r,o=t(3),i=t.n(o),a=t(2),c=t.n(a).a.div(r||(r=i()(["\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n"])))},function(e,n,t){"use strict";var r=t(22);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,n,t,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function n(){return e}e.isRequired=e;var t={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:n,element:e,elementType:e,instanceOf:n,node:e,objectOf:n,oneOf:n,oneOfType:n,shape:n,exact:n,checkPropTypes:i,resetWarningCache:o};return t.PropTypes=t,t}},function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,n){e.exports=function(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=new Array(n);t<n;t++)r[t]=e[t];return r},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){var r=t(23);e.exports=function(e,n){if(e){if("string"==typeof e)return r(e,n);var t=Object.prototype.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?r(e,n):void 0}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.r(n),t.d(n,"Stack",(function(){return w}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(0),h=t.n(p),b=t(2),g=t.n(b),m=t(10),v=["horizontal","spacing","size"],y={size:!0},x=g()(m.Flex).withConfig({shouldForwardProp:function(e,n){return!y[e]&&n(e)}})(r||(r=l()(["\n & > * {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n & > * + * {\n margin-top: ",";\n }\n"])),(function(e){var n=e.theme,t=e.spacing;return n.spaces[t]})),O=g()(m.Flex).withConfig({shouldForwardProp:function(e,n){return!y[e]&&n(e)}})(o||(o=l()(["\n & > * {\n margin-left: 0;\n margin-right: 0;\n }\n\n & > * + * {\n margin-left: ",";\n }\n"])),(function(e){var n=e.theme,t=e.spacing;return n.spaces[t]})),w=Object(d.forwardRef)((function(e,n){var t=e.horizontal,r=e.spacing,o=e.size,i=u()(e,v);return o&&console.warn('Deprecation warning: Usage of "size" prop in Stack component is deprecated. This is discouraged and will be removed in the next major release. Please use "spacing" instead'),t?f.a.createElement(O,a()({ref:n,spacing:r||o},i)):f.a.createElement(x,a()({direction:"column",alignItems:"stretch",ref:n,spacing:r||o},i))}));w.displayName="Stack",w.defaultProps={horizontal:!1,size:void 0,spacing:void 0},w.propTypes={horizontal:h.a.bool,size:h.a.number,spacing:h.a.number}},function(e,n){e.exports=function(e,n){if(null==e)return{};var t,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)t=i[r],n.indexOf(t)>=0||(o[t]=e[t]);return o},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e){if(Array.isArray(e))return e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n){var t=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var r,o,i=[],a=!0,c=!1;try{for(t=t.call(e);!(a=(r=t.next()).done)&&(i.push(r.value),!n||i.length!==n);a=!0);}catch(e){c=!0,o=e}finally{try{a||null==t.return||t.return()}finally{if(c)throw o}}return i}},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n){e.exports=function(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e},e.exports.default=e.exports,e.exports.__esModule=!0},function(e,n,t){"use strict";t.d(n,"a",(function(){return r}));var r={input:{S:"".concat(2,"rem"),M:"".concat(2.5,"rem")},accordions:{S:"".concat(3,"rem"),M:"".concat(5.5,"rem")}}},,function(e,n){e.exports=t},function(e,n,t){"use strict";t.r(n),t.d(n,"Portal",(function(){return c}));var r=t(11),o=t.n(r),i=t(1),a=t(33),c=function(e){var n=e.children,t=Object(i.useRef)(null),r=Object(i.useState)(!1),c=o()(r,2),u=c[0],s=c[1];return Object(i.useLayoutEffect)((function(){return t.current=document.createElement("div"),t.current.setAttribute("data-react-portal","true"),document.body.appendChild(t.current),s(!0),function(){var e;null===(e=t.current)||void 0===e||e.remove()}}),[]),u&&t.current?Object(a.createPortal)(n,t.current):null}},,,,function(e,n,t){"use strict";t.d(n,"b",(function(){return T})),t.d(n,"a",(function(){return S}));var r,o,i=t(5),a=t.n(i),c=t(4),u=t.n(c),s=t(3),l=t.n(s),d=t(1),f=t.n(d),p=t(2),h=t.n(p),b=t(0),g=t.n(b),m=t(31),v=t(18),y=t(14),x=t(10),O=t(6),w=["endAction","startAction","disabled","onChange","size"],E={S:6.5,M:10.5},j=h.a.input(r||(r=l()(["\n border: none;\n border-radius: ",";\n padding-bottom: ",";\n padding-left: ",";\n padding-right: ",";\n padding-top: ",";\n cursor: ",";\n\n color: ",";\n font-weight: 400;\n // TODO: Make sure to use the theme when it's ready\n font-size: ","rem;\n display: block;\n width: 100%;\n background: inherit;\n\n ::placeholder {\n color: ",";\n opacity: 1;\n }\n\n &[aria-disabled='true'] {\n color: inherit;\n }\n\n //focus managed by InputWrapper\n &:focus {\n outline: none;\n box-shadow: none;\n }\n"])),(function(e){return e.theme.borderRadius}),(function(e){var n=e.size;return"".concat(E[n]/16,"rem")}),(function(e){var n=e.theme;return e.hasLeftAction?0:n.spaces[4]}),(function(e){var n=e.theme;return e.hasRightAction?0:n.spaces[4]}),(function(e){var n=e.size;return"".concat(E[n]/16,"rem")}),(function(e){return e["aria-disabled"]?"not-allowed":void 0}),(function(e){return e.theme.colors.neutral800}),.875,(function(e){return e.theme.colors.neutral500})),T=h()(x.Flex)(o||(o=l()(["\n border: 1px solid ",";\n border-radius: ",";\n background: ",";\n ","\n\n ","\n"])),(function(e){var n=e.theme;return e.hasError?n.colors.danger600:n.colors.neutral200}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.colors.neutral0}),Object(v.c)(),(function(e){var n=e.theme;return e.disabled?"\n color: ".concat(n.colors.neutral600,";\n background: ").concat(n.colors.neutral150,";\n \n "):void 0})),S=Object(d.forwardRef)((function(e,n){var t,r=e.endAction,o=e.startAction,i=e.disabled,c=e.onChange,s=e.size,l=u()(e,w),d=Object(y.b)(),p=d.id,h=d.error,b=d.hint,g=d.name;h?t="".concat(p,"-error"):b&&(t="".concat(p,"-hint"));var m=Boolean(h);return f.a.createElement(T,{size:s,justifyContent:"space-between",hasError:m,disabled:i},o&&f.a.createElement(O.Box,{paddingLeft:3,paddingRight:2},o),f.a.createElement(j,a()({id:p,name:g,ref:n,"aria-describedby":t,"aria-invalid":m,"aria-disabled":i,hasLeftAction:Boolean(o),hasRightAction:Boolean(r),onChange:function(e){i||c(e)},size:s},l)),r&&f.a.createElement(O.Box,{paddingLeft:2,paddingRight:3},r))}));S.displayName="FieldInput",S.defaultProps={disabled:!1,endAction:void 0,size:"M",startAction:void 0,onChange:function(){}},S.propTypes={disabled:g.a.bool,endAction:g.a.element,onChange:g.a.func,size:g.a.oneOf(Object.keys(m.a.input)),startAction:g.a.element}},,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Tooltip",(function(){return z}));var r,o=t(5),i=t.n(o),a=t(30),c=t.n(a),u=t(4),s=t.n(u),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),b=t.n(h),g=t(2),m=t.n(g),v=t(6),y=t(9),x=t(34),O=t(11),w=t.n(O),E=function(e,n,t){var r=e.getBoundingClientRect(),o=n.getBoundingClientRect();return"bottom"===t?function(e,n){var t=(e.width-n.width)/2;return{left:n.left-t,top:n.top+n.height+8+window.pageYOffset}}(r,o):"right"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left+n.width+8,top:n.top-t+window.pageYOffset}}(r,o):"left"===t?function(e,n){var t=(e.height-n.height)/2;return{left:n.left-e.width-8,top:n.top-t+window.pageYOffset}}(r,o):function(e,n){var t=(e.width-n.width)/2,r=n.left-t,o=n.top-e.height-8+window.pageYOffset,i=window.innerWidth-n.right;return n.left+e.width-i>window.innerWidth?(r=n.left-e.width-8,o=n.top+window.scrollY-n.height/2):r<0?(r=n.width+n.left+8,o=n.top+window.scrollY-e.height/2+8):o<0&&r>0&&(o=n.top+n.height+8),{left:r,top:o}}(r,o)},j=t(16),T=t(20),S=["children","label","description","delay","position","id"],R=["visible"];function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}var C=m()(v.Box)(r||(r=d()(["\n position: absolute;\n /* z-index exist because of its position inside Modals */\n z-index: 4;\n display: ",";\n"])),(function(e){return e.visible?"revert":"none"})),z=function(e){var n=e.children,t=e.label,r=e.description,o=e.delay,a=e.position,u=e.id,l=s()(e,S),d=Object(j.a)("tooltip",u),h=Object(j.a)("description"),b=function(e){var n=Object(f.useState)(!1),t=w()(n,2),r=t[0],o=t[1],i=Object(f.useRef)(),a=function(){i.current&&clearTimeout(i.current)};Object(f.useEffect)((function(){return function(){a()}}),[]);return{visible:r,onFocus:function(){o(!0)},onBlur:function(){o(!1)},onMouseEnter:function(){i.current=setTimeout((function(){o(!0)}),e)},onMouseLeave:function(){a(),o(!1)}}}(o),g=b.visible,m=s()(b,R),v=function(e,n){var t=Object(f.useRef)(null),r=Object(f.useRef)(null);return Object(f.useLayoutEffect)((function(){if(e){var o=t.current,i=r.current,a=E(o,i,n);o.style.left="".concat(a.left,"px"),o.style.top="".concat(a.top,"px")}}),[e]),{tooltipWrapperRef:t,toggleSourceRef:r}}(g,a),O=v.tooltipWrapperRef,z=v.toggleSourceRef,A=p.a.cloneElement(n,function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?P(Object(t),!0).forEach((function(n){c()(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({tabIndex:0,"aria-labelledby":t?d:void 0,"aria-describedby":r?d:void 0},m));return p.a.createElement(p.a.Fragment,null,p.a.createElement(x.Portal,null,p.a.createElement(C,i()({id:d,background:"neutral900",hasRadius:!0,padding:2,role:"tooltip",ref:O,visible:g},l),g&&p.a.createElement(T.VisuallyHidden,{id:h},r),p.a.createElement(y.Typography,{as:"p",variant:"pi",fontWeight:"bold",textColor:"neutral0"},t||r))),p.a.createElement("span",{ref:z},A))};z.defaultProps={delay:500,id:void 0,position:"top",label:void 0,description:void 0},z.propTypes={children:b.a.node.isRequired,delay:b.a.number,description:b.a.string,id:b.a.string,label:b.a.string,position:b.a.oneOf(["top","left","bottom","right"])}},function(e,n,t){"use strict";t.r(n),t.d(n,"Icon",(function(){return b}));var r,o=t(5),i=t.n(o),a=t(3),c=t.n(a),u=t(1),s=t.n(u),l=t(0),d=t.n(l),f=t(6),p=t(2),h=t.n(p)()(f.Box)(r||(r=c()(["\n path {\n fill: ",";\n }\n ","\n"])),(function(e){var n=e.color;return e.theme.colors[n]}),(function(e){var n=e.theme;return(0,e.colors)(n)})),b=s.a.forwardRef((function(e,n){return s.a.createElement(h,i()({ref:n},e))}));b.displayName="Icon",b.defaultProps={color:"neutral600",colors:function(){}},b.propTypes={color:d.a.string,colors:d.a.func}},,,,,,function(e,n){e.exports=r},,,,,,,,,function(e,n){e.exports=o},,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,function(e,n,t){"use strict";t.r(n),t.d(n,"Carousel",(function(){return L})),t.d(n,"CarouselInput",(function(){return M})),t.d(n,"CarouselActions",(function(){return I})),t.d(n,"CarouselImage",(function(){return U})),t.d(n,"CarouselSlide",(function(){return V}));var r,o,i,a=t(5),c=t.n(a),u=t(4),s=t.n(u),l=t(3),d=t.n(l),f=t(1),p=t.n(f),h=t(0),b=t.n(h),g=t(2),m=t.n(g),v=t(50),y=t.n(v),x=t(59),O=t.n(x),w=t(44),E=t(6),j=t(9),T=t(10),S=t(43),R=t(12),P=["actions","children","label","nextLabel","onNext","onPrevious","previousLabel","secondaryLabel","selectedSlide"],C=m()(E.Box)(r||(r=d()(["\n display: grid;\n grid-template-columns: auto 1fr auto;\n grid-template-areas: 'startAction slides endAction';\n"]))),z=m()(E.Box)(o||(o=d()(["\n grid-area: slides;\n"]))),A=m.a.button(i||(i=d()(["\n grid-area: ",";\n\n &:focus svg path,\n &:hover svg path {\n fill: ",";\n }\n"])),(function(e){return e.area}),(function(e){return e.theme.colors.neutral900})),L=function(e){var n=e.actions,t=e.children,r=e.label,o=e.nextLabel,i=e.onNext,a=e.onPrevious,u=e.previousLabel,l=e.secondaryLabel,d=e.selectedSlide,h=s()(e,P),b=Object(f.useRef)(null),g=Object(f.useRef)(null),m=f.Children.toArray(t).map((function(e,n){return Object(f.cloneElement)(e,{selected:n===d})})),v=m.length>1;return p.a.createElement(E.Box,c()({},h,{onKeyDown:function(e){switch(e.key){case R.a.RIGHT:e.preventDefault(),g.current.focus(),i();break;case R.a.LEFT:e.preventDefault(),b.current.focus(),a()}}}),p.a.createElement(E.Box,{padding:2,borderColor:"neutral200",hasRadius:!0,background:"neutral100"},p.a.createElement(C,{as:"section","aria-roledescription":"carousel","aria-label":r,position:"relative"},v&&p.a.createElement(A,{onClick:a,area:"startAction",ref:b,"aria-label":u,type:"button"},p.a.createElement(w.Icon,{as:O.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),v&&p.a.createElement(A,{onClick:i,area:"endAction",ref:g,"aria-label":o,type:"button"},p.a.createElement(w.Icon,{as:y.a,"aria-hidden":!0,width:"6px",height:"10px",color:"neutral600"})),p.a.createElement(z,{"aria-live":"polite",paddingLeft:2,paddingRight:2,width:"100%",overflow:"hidden"},m),n),l&&p.a.createElement(E.Box,{paddingTop:2,paddingLeft:4,paddingRight:4},p.a.createElement(S.Tooltip,{label:l},p.a.createElement(T.Flex,{justifyContent:"center"},p.a.createElement(j.Typography,{variant:"pi",textColor:"neutral600",ellipsis:!0},l))))))};L.defaultProps={actions:void 0,error:void 0,hint:void 0,required:!1,secondaryLabel:void 0},L.propTypes={actions:b.a.node,children:b.a.node.isRequired,error:b.a.string,hint:b.a.oneOfType([b.a.string,b.a.node,b.a.arrayOf(b.a.node)]),label:b.a.string.isRequired,nextLabel:b.a.string.isRequired,onNext:b.a.func.isRequired,onPrevious:b.a.func.isRequired,previousLabel:b.a.string.isRequired,required:b.a.bool,secondaryLabel:b.a.string,selectedSlide:b.a.number.isRequired};var _=t(17),q=t(25),k=t(16),F=["actions","children","error","hint","label","labelAction","nextLabel","onNext","onPrevious","previousLabel","required","secondaryLabel","selectedSlide","id"],M=function(e){var n=e.actions,t=e.children,r=e.error,o=e.hint,i=e.label,a=e.labelAction,u=e.nextLabel,l=e.onNext,d=e.onPrevious,f=e.previousLabel,h=e.required,b=e.secondaryLabel,g=e.selectedSlide,m=e.id,v=s()(e,F),y=Object(k.a)("carouselinput",m);return p.a.createElement(_.Field,{hint:o,error:r,id:y},p.a.createElement(q.Stack,{spacing:1},i&&p.a.createElement(_.FieldLabel,{required:h,action:a},i),p.a.createElement(L,c()({actions:n,label:i,nextLabel:u,onNext:l,onPrevious:d,previousLabel:f,secondaryLabel:b,selectedSlide:g,id:y},v),t),p.a.createElement(_.FieldHint,null),p.a.createElement(_.FieldError,null)))};M.defaultProps={actions:void 0,error:void 0,hint:void 0,id:void 0,required:!1,secondaryLabel:void 0},M.propTypes={actions:b.a.node,children:b.a.node.isRequired,error:b.a.string,hint:b.a.oneOfType([b.a.string,b.a.node,b.a.arrayOf(b.a.node)]),id:b.a.string,label:b.a.string.isRequired,labelAction:b.a.element,nextLabel:b.a.string.isRequired,onNext:b.a.func.isRequired,onPrevious:b.a.func.isRequired,previousLabel:b.a.string.isRequired,required:b.a.bool,secondaryLabel:b.a.string,selectedSlide:b.a.number.isRequired};var B,I=function(e){return p.a.createElement(q.Stack,c()({justifyContent:"center",horizontal:!0,spacing:1,position:"absolute",width:"100%",bottom:1},e))},W=t(11),H=t.n(W),D=t(13),N=m()(E.Box)(B||(B=d()(["\n height: 100%;\n ","\n"])),Object(D.a)({ellipsis:!0})),U=function(e){var n,t=Object(f.useState)(!1),r=H()(t,2),o=r[0],i=r[1];return o?p.a.createElement(S.Tooltip,{description:null!==(n=e.alt)&&void 0!==n?n:""},p.a.createElement(N,c()({as:"img"},e))):p.a.createElement(N,c()({as:"img"},e,{onError:function(){i(!0)}}))};U.defaultProps={src:void 0,alt:void 0},U.propTypes={alt:b.a.string,src:b.a.string};var Y,G=["label","children","selected"],Q=m()(T.Flex)(Y||(Y=d()(["\n display: ",";\n"])),(function(e){return e.selected?"flex":"none"})),V=function(e){var n=e.label,t=e.children,r=e.selected,o=s()(e,G);return p.a.createElement(Q,c()({selected:r,role:"group","aria-roledescription":"slide","aria-label":n,justifyContent:"center",height:"124px"},o),t)};V.defaultProps={selected:!1},V.propTypes={children:b.a.node.isRequired,label:b.a.string.isRequired,selected:b.a.bool}}])}));
|