@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/BaseButton.js
DELETED
package/BaseButton.production.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("react"),require("styled-components")):"function"==typeof define&&define.amd?define("strapiDs",["react","styled-components"],n):"object"==typeof exports?exports.strapiDs=n(require("react"),require("styled-components")):e.strapiDs=n(e.react,e["styled-components"])}(this,(function(e,n){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=42)}({0:function(e,n,t){e.exports=t(21)()},1:function(n,t){n.exports=e},18: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")}},2:function(e,t){e.exports=n},21: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,s){if(s!==r){var u=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 u.name="Invariant Violation",u}}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}},22:function(e,n,t){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},26: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},3: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},4: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 s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[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},42:function(e,n,t){"use strict";t.r(n),t.d(n,"BaseButtonWrapper",(function(){return m})),t.d(n,"BaseButton",(function(){return v}));var r,o=t(5),i=t.n(o),s=t(4),u=t.n(s),a=t(3),p=t.n(a),c=t(1),l=t.n(c),f=t(0),d=t.n(f),b=t(2),x=t.n(b),y=t(18),h=["disabled","children"],m=x.a.button(r||(r=p()(["\n display: flex;\n cursor: pointer;\n padding: ",";\n border-radius: ",";\n background: ",";\n border: 1px solid ",";\n svg {\n height: ",";\n width: ",";\n }\n svg {\n > g,\n path {\n fill: ",";\n }\n }\n &[aria-disabled='true'] {\n pointer-events: none;\n }\n\n ","\n"])),(function(e){return e.theme.spaces[2]}),(function(e){return e.theme.borderRadius}),(function(e){return e.theme.colors.neutral0}),(function(e){return e.theme.colors.neutral200}),(function(e){return e.theme.spaces[3]}),(function(e){return e.theme.spaces[3]}),(function(e){return e.theme.colors.neutral0}),y.a),v=l.a.forwardRef((function(e,n){var t=e.disabled,r=e.children,o=u()(e,h);return l.a.createElement(m,i()({ref:n,"aria-disabled":t,type:"button",disabled:t},o),r)}));v.displayName="BaseButton",v.defaultProps={disabled:!1},v.propTypes={children:d.a.node.isRequired,disabled:d.a.bool}},5: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}})}));
|