@strapi/design-system 1.9.0 → 1.10.0
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/dist/Accordion/Accordion.js +70 -25
- package/dist/Accordion/Accordion.mjs +55 -0
- package/dist/Accordion/AccordionContent.js +19 -12
- package/dist/Accordion/AccordionContent.mjs +16 -0
- package/dist/Accordion/AccordionContext.js +17 -12
- package/dist/Accordion/AccordionContext.mjs +12 -0
- package/dist/Accordion/AccordionGroup.js +64 -32
- package/dist/Accordion/AccordionGroup.mjs +65 -0
- package/dist/Accordion/AccordionToggle.js +64 -31
- package/dist/Accordion/AccordionToggle.mjs +78 -0
- package/dist/Accordion/index.js +16 -11
- package/dist/Accordion/index.mjs +4 -0
- package/dist/Accordion/utils.js +18 -6
- package/dist/Accordion/utils.mjs +15 -0
- package/dist/Alert/Alert.js +41 -19
- package/dist/Alert/Alert.mjs +54 -0
- package/dist/Alert/index.js +9 -4
- package/dist/Alert/index.mjs +1 -0
- package/dist/Alert/utils.js +35 -16
- package/dist/Alert/utils.mjs +30 -0
- package/dist/Avatar/Avatar.js +57 -27
- package/dist/Avatar/Avatar.mjs +41 -0
- package/dist/Avatar/AvatarGroup.js +16 -8
- package/dist/Avatar/AvatarGroup.mjs +11 -0
- package/dist/Avatar/constants.js +9 -5
- package/dist/Avatar/constants.mjs +4 -0
- package/dist/Avatar/index.js +12 -7
- package/dist/Avatar/index.mjs +2 -0
- package/dist/Badge/Badge.js +22 -13
- package/dist/Badge/Badge.mjs +15 -0
- package/dist/Badge/index.js +9 -4
- package/dist/Badge/index.mjs +1 -0
- package/dist/BaseButton/BaseButton.js +46 -16
- package/dist/BaseButton/BaseButton.mjs +29 -0
- package/dist/BaseButton/index.js +10 -5
- package/dist/BaseButton/index.mjs +1 -0
- package/dist/BaseCheckbox/BaseCheckbox.js +75 -37
- package/dist/BaseCheckbox/BaseCheckbox.mjs +92 -0
- package/dist/BaseCheckbox/assets/checkmark-black.svg.js +5 -4
- package/dist/BaseCheckbox/assets/checkmark-black.svg.mjs +3 -0
- package/dist/BaseCheckbox/assets/checkmark.svg.js +5 -4
- package/dist/BaseCheckbox/assets/checkmark.svg.mjs +3 -0
- package/dist/BaseCheckbox/index.js +9 -4
- package/dist/BaseCheckbox/index.mjs +1 -0
- package/dist/BaseCheckbox/utils.js +15 -3
- package/dist/BaseCheckbox/utils.mjs +12 -0
- package/dist/BaseLink/BaseLink.js +18 -8
- package/dist/BaseLink/BaseLink.mjs +10 -0
- package/dist/BaseLink/index.js +9 -4
- package/dist/BaseLink/index.mjs +1 -0
- package/dist/BaseRadio/BaseRadio.js +39 -39
- package/dist/BaseRadio/BaseRadio.mjs +49 -0
- package/dist/BaseRadio/RadioGroup.js +20 -14
- package/dist/BaseRadio/RadioGroup.mjs +17 -0
- package/dist/BaseRadio/context.js +13 -9
- package/dist/BaseRadio/context.mjs +10 -0
- package/dist/BaseRadio/index.js +11 -6
- package/dist/BaseRadio/index.mjs +2 -0
- package/dist/BaseRadio/utils.js +33 -5
- package/dist/BaseRadio/utils.mjs +28 -0
- package/dist/Box/Box.js +79 -63
- package/dist/Box/Box.mjs +103 -0
- package/dist/Box/index.js +9 -4
- package/dist/Box/index.mjs +1 -0
- package/dist/Breadcrumbs/Breadcrumbs.js +31 -20
- package/dist/Breadcrumbs/Breadcrumbs.mjs +32 -0
- package/dist/Breadcrumbs/index.js +10 -5
- package/dist/Breadcrumbs/index.mjs +1 -0
- package/dist/Button/Button.js +45 -30
- package/dist/Button/Button.mjs +61 -0
- package/dist/Button/constants.js +27 -14
- package/dist/Button/constants.mjs +13 -0
- package/dist/Button/index.js +10 -5
- package/dist/Button/index.mjs +1 -0
- package/dist/Button/utils.js +121 -72
- package/dist/Button/utils.mjs +153 -0
- package/dist/Card/Card.js +16 -11
- package/dist/Card/Card.mjs +13 -0
- package/dist/Card/CardAction.js +30 -16
- package/dist/Card/CardAction.mjs +26 -0
- package/dist/Card/CardAsset.js +28 -15
- package/dist/Card/CardAsset.mjs +33 -0
- package/dist/Card/CardBadge.js +20 -10
- package/dist/Card/CardBadge.mjs +14 -0
- package/dist/Card/CardBody.js +12 -6
- package/dist/Card/CardBody.mjs +9 -0
- package/dist/Card/CardCheckbox.js +15 -12
- package/dist/Card/CardCheckbox.mjs +13 -0
- package/dist/Card/CardContent.js +18 -7
- package/dist/Card/CardContent.mjs +12 -0
- package/dist/Card/CardContext.js +11 -6
- package/dist/Card/CardContext.mjs +6 -0
- package/dist/Card/CardHeader.js +19 -8
- package/dist/Card/CardHeader.mjs +12 -0
- package/dist/Card/CardTimer.js +11 -7
- package/dist/Card/CardTimer.mjs +7 -0
- package/dist/Card/CardTitle.js +17 -10
- package/dist/Card/CardTitle.mjs +13 -0
- package/dist/Card/index.js +28 -23
- package/dist/Card/index.mjs +10 -0
- package/dist/CarouselInput/Carousel.js +73 -32
- package/dist/CarouselInput/Carousel.mjs +54 -0
- package/dist/CarouselInput/CarouselActions.js +10 -6
- package/dist/CarouselInput/CarouselActions.mjs +6 -0
- package/dist/CarouselInput/CarouselImage.js +29 -16
- package/dist/CarouselInput/CarouselImage.mjs +22 -0
- package/dist/CarouselInput/CarouselInput.js +19 -15
- package/dist/CarouselInput/CarouselInput.mjs +16 -0
- package/dist/CarouselInput/CarouselSlide.js +10 -6
- package/dist/CarouselInput/CarouselSlide.mjs +6 -0
- package/dist/CarouselInput/index.js +17 -12
- package/dist/CarouselInput/index.mjs +5 -0
- package/dist/Checkbox/Checkbox.js +59 -24
- package/dist/Checkbox/Checkbox.mjs +37 -0
- package/dist/Checkbox/index.js +9 -4
- package/dist/Checkbox/index.mjs +1 -0
- package/dist/Combobox/Combobox.js +175 -102
- package/dist/Combobox/Combobox.mjs +218 -0
- package/dist/Combobox/ComboboxList.js +12 -4
- package/dist/Combobox/ComboboxList.mjs +14 -0
- package/dist/Combobox/ComboboxOption.js +9 -5
- package/dist/Combobox/ComboboxOption.mjs +5 -0
- package/dist/Combobox/index.js +12 -7
- package/dist/Combobox/index.mjs +2 -0
- package/dist/DatePicker/DatePicker.js +682 -364
- package/dist/DatePicker/DatePicker.mjs +721 -0
- package/dist/DatePicker/index.js +9 -4
- package/dist/DatePicker/index.mjs +1 -0
- package/dist/DateTimePicker/DateTimePicker.js +140 -97
- package/dist/DateTimePicker/DateTimePicker.mjs +137 -0
- package/dist/DateTimePicker/index.js +10 -5
- package/dist/DateTimePicker/index.mjs +1 -0
- package/dist/DesignSystemProvider.js +26 -9
- package/dist/DesignSystemProvider.mjs +22 -0
- package/dist/Dialog/Dialog.js +38 -25
- package/dist/Dialog/Dialog.mjs +36 -0
- package/dist/Dialog/DialogBody.js +22 -11
- package/dist/Dialog/DialogBody.mjs +20 -0
- package/dist/Dialog/DialogFooter.js +20 -9
- package/dist/Dialog/DialogFooter.mjs +19 -0
- package/dist/Dialog/index.js +13 -8
- package/dist/Dialog/index.mjs +3 -0
- package/dist/DismissibleLayer/index.js +29 -5
- package/dist/DismissibleLayer/index.mjs +5 -0
- package/dist/Divider/Divider.js +19 -8
- package/dist/Divider/Divider.mjs +16 -0
- package/dist/Divider/index.js +9 -4
- package/dist/Divider/index.mjs +1 -0
- package/dist/EmptyStateLayout/EmptyStateLayout.js +20 -9
- package/dist/EmptyStateLayout/EmptyStateLayout.mjs +16 -0
- package/dist/EmptyStateLayout/index.js +9 -4
- package/dist/EmptyStateLayout/index.mjs +1 -0
- package/dist/EmptyStateLayout/story-assets/Illo.js +9 -5
- package/dist/EmptyStateLayout/story-assets/Illo.mjs +5 -0
- package/dist/Field/Field.js +16 -11
- package/dist/Field/Field.mjs +13 -0
- package/dist/Field/FieldAction.js +22 -14
- package/dist/Field/FieldAction.mjs +16 -0
- package/dist/Field/FieldContext.js +11 -6
- package/dist/Field/FieldContext.mjs +6 -0
- package/dist/Field/FieldError.js +16 -9
- package/dist/Field/FieldError.mjs +13 -0
- package/dist/Field/FieldHint.js +16 -9
- package/dist/Field/FieldHint.mjs +13 -0
- package/dist/Field/FieldInput.js +65 -43
- package/dist/Field/FieldInput.mjs +76 -0
- package/dist/Field/FieldLabel.js +40 -17
- package/dist/Field/FieldLabel.mjs +40 -0
- package/dist/Field/index.js +23 -18
- package/dist/Field/index.mjs +7 -0
- package/dist/Flex/Flex.js +30 -18
- package/dist/Flex/Flex.mjs +23 -0
- package/dist/Flex/index.js +9 -4
- package/dist/Flex/index.mjs +1 -0
- package/dist/FocusTrap/FocusTrap.js +67 -31
- package/dist/FocusTrap/FocusTrap.mjs +65 -0
- package/dist/FocusTrap/index.js +9 -4
- package/dist/FocusTrap/index.mjs +1 -0
- package/dist/Grid/Grid.js +22 -13
- package/dist/Grid/Grid.mjs +16 -0
- package/dist/Grid/GridItem.js +19 -11
- package/dist/Grid/GridItem.mjs +17 -0
- package/dist/Grid/index.js +11 -6
- package/dist/Grid/index.mjs +2 -0
- package/dist/Icon/Icon.js +25 -13
- package/dist/Icon/Icon.mjs +18 -0
- package/dist/Icon/index.js +9 -4
- package/dist/Icon/index.mjs +1 -0
- package/dist/IconButton/IconButton.js +101 -46
- package/dist/IconButton/IconButton.mjs +128 -0
- package/dist/IconButton/index.js +10 -5
- package/dist/IconButton/index.mjs +1 -0
- package/dist/JSONInput/JSONInput.js +122 -75
- package/dist/JSONInput/JSONInput.mjs +142 -0
- package/dist/JSONInput/index.js +9 -4
- package/dist/JSONInput/index.mjs +1 -0
- package/dist/JSONInput/utils/decorationExtension.js +42 -26
- package/dist/JSONInput/utils/decorationExtension.mjs +36 -0
- package/dist/KeyboardNavigable/KeyboardNavigable.js +71 -42
- package/dist/KeyboardNavigable/KeyboardNavigable.mjs +71 -0
- package/dist/KeyboardNavigable/index.js +9 -4
- package/dist/KeyboardNavigable/index.mjs +1 -0
- package/dist/Layout/ActionLayout.js +14 -5
- package/dist/Layout/ActionLayout.mjs +11 -0
- package/dist/Layout/ContentLayout.js +11 -5
- package/dist/Layout/ContentLayout.mjs +8 -0
- package/dist/Layout/GridLayout.js +14 -6
- package/dist/Layout/GridLayout.mjs +9 -0
- package/dist/Layout/HeaderLayout.js +51 -30
- package/dist/Layout/HeaderLayout.mjs +43 -0
- package/dist/Layout/Layout.js +21 -9
- package/dist/Layout/Layout.mjs +16 -0
- package/dist/Layout/TwoColsLayout.js +13 -7
- package/dist/Layout/TwoColsLayout.mjs +10 -0
- package/dist/Layout/index.js +20 -15
- package/dist/Layout/index.mjs +6 -0
- package/dist/Link/Link.js +53 -20
- package/dist/Link/Link.mjs +50 -0
- package/dist/Link/index.js +9 -4
- package/dist/Link/index.mjs +1 -0
- package/dist/LinkButton/LinkButton.js +51 -20
- package/dist/LinkButton/LinkButton.mjs +33 -0
- package/dist/LinkButton/index.js +9 -4
- package/dist/LinkButton/index.mjs +1 -0
- package/dist/LiveRegions/LiveRegions.js +12 -6
- package/dist/LiveRegions/LiveRegions.mjs +9 -0
- package/dist/LiveRegions/constants.js +10 -7
- package/dist/LiveRegions/constants.mjs +7 -0
- package/dist/LiveRegions/index.js +11 -6
- package/dist/LiveRegions/index.mjs +2 -0
- package/dist/LiveRegions/useNotifyAT.js +36 -16
- package/dist/LiveRegions/useNotifyAT.mjs +33 -0
- package/dist/Loader/Loader.js +44 -13
- package/dist/Loader/Loader.mjs +24 -0
- package/dist/Loader/assets/loader.svg.js +5 -4
- package/dist/Loader/assets/loader.svg.mjs +3 -0
- package/dist/Loader/index.js +9 -4
- package/dist/Loader/index.mjs +1 -0
- package/dist/Main/Main.js +18 -7
- package/dist/Main/Main.mjs +15 -0
- package/dist/Main/SkipToContent.js +20 -9
- package/dist/Main/SkipToContent.mjs +17 -0
- package/dist/Main/index.js +11 -6
- package/dist/Main/index.mjs +2 -0
- package/dist/MainNav/MainNav.js +21 -10
- package/dist/MainNav/MainNav.mjs +14 -0
- package/dist/MainNav/MainNavContext.js +11 -6
- package/dist/MainNav/MainNavContext.mjs +6 -0
- package/dist/MainNav/NavBrand.js +32 -16
- package/dist/MainNav/NavBrand.mjs +31 -0
- package/dist/MainNav/NavCondense.js +27 -18
- package/dist/MainNav/NavCondense.mjs +33 -0
- package/dist/MainNav/NavFooter.js +11 -5
- package/dist/MainNav/NavFooter.mjs +8 -0
- package/dist/MainNav/NavLink.js +59 -40
- package/dist/MainNav/NavLink.mjs +92 -0
- package/dist/MainNav/NavSection.js +31 -11
- package/dist/MainNav/NavSection.mjs +24 -0
- package/dist/MainNav/NavSections.js +24 -9
- package/dist/MainNav/NavSections.mjs +18 -0
- package/dist/MainNav/NavUser.js +27 -17
- package/dist/MainNav/NavUser.mjs +19 -0
- package/dist/MainNav/index.js +23 -18
- package/dist/MainNav/index.mjs +8 -0
- package/dist/ModalLayout/ModalBody.js +18 -7
- package/dist/ModalLayout/ModalBody.mjs +13 -0
- package/dist/ModalLayout/ModalContext.js +11 -7
- package/dist/ModalLayout/ModalContext.mjs +6 -0
- package/dist/ModalLayout/ModalFooter.js +21 -10
- package/dist/ModalLayout/ModalFooter.mjs +14 -0
- package/dist/ModalLayout/ModalHeader.js +25 -16
- package/dist/ModalLayout/ModalHeader.mjs +18 -0
- package/dist/ModalLayout/ModalLayout.js +26 -14
- package/dist/ModalLayout/ModalLayout.mjs +20 -0
- package/dist/ModalLayout/index.js +15 -10
- package/dist/ModalLayout/index.mjs +4 -0
- package/dist/NumberInput/NumberInput.js +121 -70
- package/dist/NumberInput/NumberInput.mjs +121 -0
- package/dist/NumberInput/index.js +9 -4
- package/dist/NumberInput/index.mjs +1 -0
- package/dist/Pagination/Pagination.js +38 -11
- package/dist/Pagination/Pagination.mjs +15 -0
- package/dist/Pagination/PaginationContext.js +11 -6
- package/dist/Pagination/PaginationContext.mjs +6 -0
- package/dist/Pagination/assets/next.svg.js +5 -4
- package/dist/Pagination/assets/next.svg.mjs +3 -0
- package/dist/Pagination/assets/previous.svg.js +5 -4
- package/dist/Pagination/assets/previous.svg.mjs +3 -0
- package/dist/Pagination/components.js +63 -46
- package/dist/Pagination/components.mjs +73 -0
- package/dist/Pagination/index.js +14 -9
- package/dist/Pagination/index.mjs +2 -0
- package/dist/Popover/Popover.js +149 -111
- package/dist/Popover/Popover.mjs +136 -0
- package/dist/Popover/index.js +12 -7
- package/dist/Popover/index.mjs +3 -0
- package/dist/Popover/primitives.js +10 -5
- package/dist/Popover/primitives.mjs +1 -0
- package/dist/Portal/Portal.js +35 -9
- package/dist/Portal/Portal.mjs +11 -0
- package/dist/Portal/index.js +9 -4
- package/dist/Portal/index.mjs +1 -0
- package/dist/ProgressBar/ProgressBar.js +21 -10
- package/dist/ProgressBar/ProgressBar.mjs +20 -0
- package/dist/ProgressBar/index.js +9 -4
- package/dist/ProgressBar/index.mjs +1 -0
- package/dist/Radio/Radio.js +13 -7
- package/dist/Radio/Radio.mjs +10 -0
- package/dist/Radio/index.js +11 -6
- package/dist/Radio/index.mjs +2 -0
- package/dist/RawTable/RawCell.js +147 -58
- package/dist/RawTable/RawCell.mjs +144 -0
- package/dist/RawTable/RawTable.js +84 -52
- package/dist/RawTable/RawTable.mjs +81 -0
- package/dist/RawTable/RawTableContext.js +17 -12
- package/dist/RawTable/RawTableContext.mjs +12 -0
- package/dist/RawTable/RawTbody.js +21 -8
- package/dist/RawTable/RawTbody.mjs +18 -0
- package/dist/RawTable/RawThead.js +20 -8
- package/dist/RawTable/RawThead.mjs +17 -0
- package/dist/RawTable/RawTr.js +21 -12
- package/dist/RawTable/RawTr.mjs +18 -0
- package/dist/RawTable/focusFocusable.js +11 -6
- package/dist/RawTable/focusFocusable.mjs +8 -0
- package/dist/RawTable/index.js +18 -13
- package/dist/RawTable/index.mjs +5 -0
- package/dist/Searchbar/SearchForm.js +9 -5
- package/dist/Searchbar/SearchForm.mjs +5 -0
- package/dist/Searchbar/Searchbar.js +45 -30
- package/dist/Searchbar/Searchbar.mjs +54 -0
- package/dist/Searchbar/index.js +11 -6
- package/dist/Searchbar/index.mjs +2 -0
- package/dist/Select/MultiSelect.js +143 -52
- package/dist/Select/MultiSelect.mjs +138 -0
- package/dist/Select/MultiSelectNested.js +24 -8
- package/dist/Select/MultiSelectNested.mjs +17 -0
- package/dist/Select/OptGroup.js +9 -5
- package/dist/Select/OptGroup.mjs +10 -0
- package/dist/Select/Option.js +14 -10
- package/dist/Select/Option.mjs +16 -0
- package/dist/Select/Select.js +37 -12
- package/dist/Select/Select.mjs +19 -0
- package/dist/Select/SelectList.js +141 -76
- package/dist/Select/SelectList.mjs +126 -0
- package/dist/Select/SelectParts.js +119 -60
- package/dist/Select/SelectParts.mjs +133 -0
- package/dist/Select/SingleSelect.js +109 -43
- package/dist/Select/SingleSelect.mjs +85 -0
- package/dist/Select/index.js +24 -19
- package/dist/Select/index.mjs +7 -0
- package/dist/SimpleMenu/SimpleMenu.js +159 -80
- package/dist/SimpleMenu/SimpleMenu.mjs +178 -0
- package/dist/SimpleMenu/index.js +10 -5
- package/dist/SimpleMenu/index.mjs +1 -0
- package/dist/SimpleMenu/utils.js +11 -8
- package/dist/SimpleMenu/utils.mjs +14 -0
- package/dist/Stack/Stack.js +43 -21
- package/dist/Stack/Stack.mjs +49 -0
- package/dist/Stack/index.js +9 -4
- package/dist/Stack/index.mjs +1 -0
- package/dist/Status/Status.js +32 -17
- package/dist/Status/Status.mjs +29 -0
- package/dist/Status/index.js +9 -4
- package/dist/Status/index.mjs +1 -0
- package/dist/SubNav/SubNav.js +23 -11
- package/dist/SubNav/SubNav.mjs +20 -0
- package/dist/SubNav/SubNavHeader.js +65 -37
- package/dist/SubNav/SubNavHeader.mjs +59 -0
- package/dist/SubNav/SubNavLink.js +38 -23
- package/dist/SubNav/SubNavLink.mjs +56 -0
- package/dist/SubNav/SubNavLinkSection.js +38 -21
- package/dist/SubNav/SubNavLinkSection.mjs +43 -0
- package/dist/SubNav/SubNavSection.js +33 -18
- package/dist/SubNav/SubNavSection.mjs +30 -0
- package/dist/SubNav/SubNavSectionLabel.js +29 -13
- package/dist/SubNav/SubNavSectionLabel.mjs +27 -0
- package/dist/SubNav/SubNavSections.js +20 -7
- package/dist/SubNav/SubNavSections.mjs +13 -0
- package/dist/SubNav/index.js +20 -15
- package/dist/SubNav/index.mjs +6 -0
- package/dist/Switch/Switch.js +32 -19
- package/dist/Switch/Switch.mjs +54 -0
- package/dist/Switch/index.js +9 -4
- package/dist/Switch/index.mjs +1 -0
- package/dist/Table/Cell.js +26 -11
- package/dist/Table/Cell.mjs +31 -0
- package/dist/Table/TFooter.js +26 -13
- package/dist/Table/TFooter.mjs +36 -0
- package/dist/Table/Table.js +54 -35
- package/dist/Table/Table.mjs +69 -0
- package/dist/Table/Tbody.js +18 -7
- package/dist/Table/Tbody.mjs +14 -0
- package/dist/Table/Thead.js +19 -8
- package/dist/Table/Thead.mjs +12 -0
- package/dist/Table/Tr.js +21 -10
- package/dist/Table/Tr.mjs +29 -0
- package/dist/Table/index.js +20 -15
- package/dist/Table/index.mjs +6 -0
- package/dist/Tabs/TabGroup.js +40 -15
- package/dist/Tabs/TabGroup.mjs +17 -0
- package/dist/Tabs/TabPanels.js +21 -12
- package/dist/Tabs/TabPanels.mjs +18 -0
- package/dist/Tabs/Tabs.js +145 -68
- package/dist/Tabs/Tabs.mjs +144 -0
- package/dist/Tabs/TabsContext.js +18 -13
- package/dist/Tabs/TabsContext.mjs +13 -0
- package/dist/Tabs/components.js +46 -25
- package/dist/Tabs/components.mjs +62 -0
- package/dist/Tabs/index.js +15 -10
- package/dist/Tabs/index.mjs +3 -0
- package/dist/Tag/Tag.js +29 -14
- package/dist/Tag/Tag.mjs +30 -0
- package/dist/Tag/index.js +9 -4
- package/dist/Tag/index.mjs +1 -0
- package/dist/TextButton/TextButton.js +52 -21
- package/dist/TextButton/TextButton.mjs +44 -0
- package/dist/TextButton/index.js +9 -4
- package/dist/TextButton/index.mjs +1 -0
- package/dist/TextInput/TextInput.js +32 -21
- package/dist/TextInput/TextInput.mjs +29 -0
- package/dist/TextInput/index.js +9 -4
- package/dist/TextInput/index.mjs +1 -0
- package/dist/Textarea/Textarea.js +44 -28
- package/dist/Textarea/Textarea.mjs +46 -0
- package/dist/Textarea/index.js +9 -4
- package/dist/Textarea/index.mjs +1 -0
- package/dist/ThemeProvider/ThemeProvider.js +16 -9
- package/dist/ThemeProvider/{ThemeProvider.cjs → ThemeProvider.mjs} +13 -3
- package/dist/ThemeProvider/hooks.js +10 -4
- package/dist/ThemeProvider/hooks.mjs +7 -0
- package/dist/ThemeProvider/index.js +11 -6
- package/dist/ThemeProvider/index.mjs +2 -0
- package/dist/TimePicker/TimePicker.js +133 -78
- package/dist/TimePicker/TimePicker.mjs +111 -0
- package/dist/TimePicker/index.js +10 -5
- package/dist/TimePicker/index.mjs +1 -0
- package/dist/ToggleCheckbox/ToggleCheckbox.js +73 -33
- package/dist/ToggleCheckbox/ToggleCheckbox.mjs +90 -0
- package/dist/ToggleCheckbox/index.js +9 -4
- package/dist/ToggleCheckbox/index.mjs +1 -0
- package/dist/ToggleInput/ToggleInput.js +81 -34
- package/dist/ToggleInput/ToggleInput.mjs +69 -0
- package/dist/ToggleInput/index.js +9 -4
- package/dist/ToggleInput/index.mjs +1 -0
- package/dist/Tooltip/Tooltip.js +55 -23
- package/dist/Tooltip/Tooltip.mjs +31 -0
- package/dist/Tooltip/hooks/useTooltipHandlers.js +38 -21
- package/dist/Tooltip/hooks/useTooltipHandlers.mjs +35 -0
- package/dist/Tooltip/hooks/useTooltipLayout.js +24 -16
- package/dist/Tooltip/hooks/useTooltipLayout.mjs +21 -0
- package/dist/Tooltip/index.js +9 -4
- package/dist/Tooltip/index.mjs +1 -0
- package/dist/Tooltip/utils/positionTooltip.js +72 -25
- package/dist/Tooltip/utils/positionTooltip.mjs +70 -0
- package/dist/Typography/Typography.js +30 -21
- package/dist/Typography/Typography.mjs +26 -0
- package/dist/Typography/constants.js +21 -11
- package/dist/Typography/constants.mjs +10 -0
- package/dist/Typography/index.js +9 -4
- package/dist/Typography/index.mjs +1 -0
- package/dist/Typography/utils.js +64 -50
- package/dist/Typography/utils.mjs +67 -0
- package/dist/VisuallyHidden/VisuallyHidden.js +13 -5
- package/dist/VisuallyHidden/VisuallyHidden.mjs +14 -0
- package/dist/VisuallyHidden/index.js +9 -4
- package/dist/VisuallyHidden/index.mjs +1 -0
- package/dist/helpers/context.js +49 -20
- package/dist/helpers/context.mjs +26 -0
- package/dist/helpers/deprecations.js +20 -12
- package/dist/helpers/deprecations.mjs +16 -0
- package/dist/helpers/getDefaultLocale.js +31 -4
- package/dist/helpers/getDefaultLocale.mjs +32 -0
- package/dist/helpers/getFocusableNodes.js +35 -6
- package/dist/helpers/getFocusableNodes.mjs +31 -0
- package/dist/helpers/handleResponsiveValues.js +34 -24
- package/dist/helpers/handleResponsiveValues.mjs +33 -0
- package/dist/helpers/keyboardKeys.js +22 -19
- package/dist/helpers/keyboardKeys.mjs +19 -0
- package/dist/helpers/objects.js +20 -8
- package/dist/helpers/objects.mjs +17 -0
- package/dist/helpers/setOpacity.js +9 -4
- package/dist/helpers/setOpacity.mjs +5 -0
- package/dist/helpers/setTabIndexOnFirstItem.js +11 -6
- package/dist/helpers/setTabIndexOnFirstItem.mjs +8 -0
- package/dist/helpers/strings.js +7 -4
- package/dist/helpers/strings.mjs +3 -0
- package/dist/helpers/theme.js +13 -6
- package/dist/helpers/theme.mjs +10 -0
- package/dist/helpers/useElementOnScreen.js +13 -6
- package/dist/helpers/useElementOnScreen.mjs +14 -0
- package/dist/helpers/useId.js +13 -6
- package/dist/helpers/useId.mjs +14 -0
- package/dist/helpers/useIntersection.js +13 -6
- package/dist/helpers/useIntersection.mjs +14 -0
- package/dist/helpers/useLockScroll.js +11 -6
- package/dist/helpers/useLockScroll.mjs +14 -0
- package/dist/helpers/usePrevious.js +13 -6
- package/dist/helpers/usePrevious.mjs +14 -0
- package/dist/helpers/useResizeObserver.js +13 -6
- package/dist/helpers/useResizeObserver.mjs +14 -0
- package/dist/hooks/useComposeRefs.js +69 -11
- package/dist/hooks/useComposeRefs.mjs +47 -0
- package/dist/hooks/useControllableState.js +61 -20
- package/dist/hooks/useControllableState.mjs +39 -0
- package/dist/hooks/useDateFormatter.js +76 -18
- package/dist/hooks/useDateFormatter.mjs +54 -0
- package/dist/hooks/useElementOnScreen.js +26 -13
- package/dist/hooks/useElementOnScreen.mjs +24 -0
- package/dist/hooks/useId.js +24 -12
- package/dist/hooks/useId.mjs +17 -0
- package/dist/hooks/useIntersection.js +40 -22
- package/dist/hooks/useIntersection.mjs +37 -0
- package/dist/hooks/useLockScroll.js +15 -8
- package/dist/hooks/useLockScroll.mjs +14 -0
- package/dist/hooks/usePrevious.js +14 -9
- package/dist/hooks/usePrevious.mjs +11 -0
- package/dist/hooks/useResizeObserver.js +27 -15
- package/dist/hooks/useResizeObserver.mjs +24 -0
- package/dist/index.js +316 -311
- package/dist/index.mjs +141 -0
- package/dist/themes/common-theme.js +24 -20
- package/dist/themes/common-theme.mjs +21 -0
- package/dist/themes/darkTheme/dark-colors.js +54 -51
- package/dist/themes/darkTheme/dark-colors.mjs +51 -0
- package/dist/themes/darkTheme/dark-shadows.js +14 -11
- package/dist/themes/darkTheme/dark-shadows.mjs +11 -0
- package/dist/themes/darkTheme/index.js +14 -10
- package/dist/themes/darkTheme/index.mjs +11 -0
- package/dist/themes/extendTheme.js +38 -27
- package/dist/themes/extendTheme.mjs +43 -0
- package/dist/themes/index.js +17 -12
- package/dist/themes/index.mjs +4 -0
- package/dist/themes/lightTheme/index.js +14 -10
- package/dist/themes/lightTheme/index.mjs +11 -0
- package/dist/themes/lightTheme/light-colors.js +54 -51
- package/dist/themes/lightTheme/light-colors.mjs +51 -0
- package/dist/themes/lightTheme/light-shadows.js +14 -11
- package/dist/themes/lightTheme/light-shadows.mjs +11 -0
- package/dist/themes/sizes.js +24 -21
- package/dist/themes/sizes.mjs +21 -0
- package/dist/themes/utils.js +20 -12
- package/dist/themes/{utils.cjs → utils.mjs} +15 -7
- package/dist/v2/Breadcrumbs/Breadcrumbs.js +27 -18
- package/dist/v2/Breadcrumbs/Breadcrumbs.mjs +26 -0
- package/dist/v2/Breadcrumbs/Crumb.js +12 -8
- package/dist/v2/Breadcrumbs/Crumb.mjs +8 -0
- package/dist/v2/Breadcrumbs/CrumbLink.js +25 -16
- package/dist/v2/Breadcrumbs/CrumbLink.mjs +22 -0
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.js +21 -12
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.mjs +18 -0
- package/dist/v2/Breadcrumbs/Divider.js +13 -7
- package/dist/v2/Breadcrumbs/Divider.mjs +10 -0
- package/dist/v2/Breadcrumbs/index.js +15 -10
- package/dist/v2/Breadcrumbs/index.mjs +4 -0
- package/dist/v2/Link/Link.js +31 -19
- package/dist/v2/Link/Link.mjs +39 -0
- package/dist/v2/Link/index.js +9 -4
- package/dist/v2/Link/index.mjs +1 -0
- package/dist/v2/LinkButton/LinkButton.js +32 -21
- package/dist/v2/LinkButton/LinkButton.mjs +37 -0
- package/dist/v2/LinkButton/index.js +9 -4
- package/dist/v2/LinkButton/index.mjs +1 -0
- package/dist/v2/MainNav/MainNav.js +21 -10
- package/dist/v2/MainNav/MainNav.mjs +14 -0
- package/dist/v2/MainNav/MainNavContext.js +11 -6
- package/dist/v2/MainNav/MainNavContext.mjs +6 -0
- package/dist/v2/MainNav/NavBrand.js +39 -20
- package/dist/v2/MainNav/NavBrand.mjs +37 -0
- package/dist/v2/MainNav/NavCondense.js +31 -22
- package/dist/v2/MainNav/NavCondense.mjs +34 -0
- package/dist/v2/MainNav/NavFooter.js +11 -5
- package/dist/v2/MainNav/NavFooter.mjs +8 -0
- package/dist/v2/MainNav/NavLink.js +62 -42
- package/dist/v2/MainNav/NavLink.mjs +93 -0
- package/dist/v2/MainNav/NavSection.js +27 -11
- package/dist/v2/MainNav/NavSection.mjs +24 -0
- package/dist/v2/MainNav/NavSections.js +23 -9
- package/dist/v2/MainNav/NavSections.mjs +18 -0
- package/dist/v2/MainNav/NavUser.js +27 -17
- package/dist/v2/MainNav/NavUser.mjs +19 -0
- package/dist/v2/MainNav/index.js +23 -18
- package/dist/v2/MainNav/index.mjs +8 -0
- package/dist/v2/Pagination/Pagination.js +38 -11
- package/dist/v2/Pagination/Pagination.mjs +15 -0
- package/dist/v2/Pagination/PaginationContext.js +11 -6
- package/dist/v2/Pagination/PaginationContext.mjs +6 -0
- package/dist/v2/Pagination/assets/next.svg.js +5 -4
- package/dist/v2/Pagination/assets/next.svg.mjs +3 -0
- package/dist/v2/Pagination/assets/previous.svg.js +5 -4
- package/dist/v2/Pagination/assets/previous.svg.mjs +3 -0
- package/dist/v2/Pagination/components.js +65 -44
- package/dist/v2/Pagination/components.mjs +71 -0
- package/dist/v2/Pagination/index.js +14 -9
- package/dist/v2/Pagination/index.mjs +2 -0
- package/dist/v2/SimpleMenu/Menu.js +101 -44
- package/dist/v2/SimpleMenu/Menu.mjs +112 -0
- package/dist/v2/SimpleMenu/SimpleMenu.js +45 -24
- package/dist/v2/SimpleMenu/SimpleMenu.mjs +44 -0
- package/dist/v2/SimpleMenu/index.js +12 -7
- package/dist/v2/SimpleMenu/index.mjs +3 -0
- package/dist/v2/SubNav/SubNav.js +23 -11
- package/dist/v2/SubNav/SubNav.mjs +20 -0
- package/dist/v2/SubNav/SubNavHeader.js +63 -37
- package/dist/v2/SubNav/SubNavHeader.mjs +57 -0
- package/dist/v2/SubNav/SubNavLink.js +41 -25
- package/dist/v2/SubNav/SubNavLink.mjs +57 -0
- package/dist/v2/SubNav/SubNavLinkSection.js +37 -21
- package/dist/v2/SubNav/SubNavLinkSection.mjs +43 -0
- package/dist/v2/SubNav/SubNavSection.js +32 -18
- package/dist/v2/SubNav/SubNavSection.mjs +30 -0
- package/dist/v2/SubNav/SubNavSectionLabel.js +27 -13
- package/dist/v2/SubNav/SubNavSectionLabel.mjs +25 -0
- package/dist/v2/SubNav/SubNavSections.js +16 -7
- package/dist/v2/SubNav/SubNavSections.mjs +13 -0
- package/dist/v2/SubNav/index.js +20 -15
- package/dist/v2/SubNav/index.mjs +6 -0
- package/dist/v2/index.js +60 -55
- package/dist/v2/index.mjs +25 -0
- package/package.json +25 -18
- package/dist/Accordion/Accordion.cjs +0 -23
- package/dist/Accordion/AccordionContent.cjs +0 -1
- package/dist/Accordion/AccordionContext.cjs +0 -1
- package/dist/Accordion/AccordionGroup.cjs +0 -47
- package/dist/Accordion/AccordionToggle.cjs +0 -28
- package/dist/Accordion/index.cjs +0 -1
- package/dist/Accordion/utils.cjs +0 -1
- package/dist/Alert/Alert.cjs +0 -29
- package/dist/Alert/index.cjs +0 -1
- package/dist/Alert/utils.cjs +0 -1
- package/dist/Avatar/Avatar.cjs +0 -18
- package/dist/Avatar/AvatarGroup.cjs +0 -5
- package/dist/Avatar/constants.cjs +0 -1
- package/dist/Avatar/index.cjs +0 -1
- package/dist/Badge/Badge.cjs +0 -4
- package/dist/Badge/index.cjs +0 -1
- package/dist/BaseButton/BaseButton.cjs +0 -17
- package/dist/BaseButton/index.cjs +0 -1
- package/dist/BaseCheckbox/BaseCheckbox.cjs +0 -62
- package/dist/BaseCheckbox/assets/checkmark-black.svg.cjs +0 -1
- package/dist/BaseCheckbox/assets/checkmark.svg.cjs +0 -1
- package/dist/BaseCheckbox/index.cjs +0 -1
- package/dist/BaseCheckbox/utils.cjs +0 -1
- package/dist/BaseLink/BaseLink.cjs +0 -1
- package/dist/BaseLink/index.cjs +0 -1
- package/dist/BaseRadio/BaseRadio.cjs +0 -31
- package/dist/BaseRadio/RadioGroup.cjs +0 -1
- package/dist/BaseRadio/context.cjs +0 -1
- package/dist/BaseRadio/index.cjs +0 -1
- package/dist/BaseRadio/utils.cjs +0 -1
- package/dist/Box/Box.cjs +0 -79
- package/dist/Box/index.cjs +0 -1
- package/dist/Breadcrumbs/Breadcrumbs.cjs +0 -16
- package/dist/Breadcrumbs/index.cjs +0 -1
- package/dist/Button/Button.cjs +0 -36
- package/dist/Button/constants.cjs +0 -1
- package/dist/Button/index.cjs +0 -1
- package/dist/Button/utils.cjs +0 -87
- package/dist/Card/Card.cjs +0 -1
- package/dist/Card/CardAction.cjs +0 -6
- package/dist/Card/CardAsset.cjs +0 -19
- package/dist/Card/CardBadge.cjs +0 -6
- package/dist/Card/CardBody.cjs +0 -1
- package/dist/Card/CardCheckbox.cjs +0 -1
- package/dist/Card/CardContent.cjs +0 -3
- package/dist/Card/CardContext.cjs +0 -1
- package/dist/Card/CardHeader.cjs +0 -3
- package/dist/Card/CardTimer.cjs +0 -1
- package/dist/Card/CardTitle.cjs +0 -1
- package/dist/Card/index.cjs +0 -1
- package/dist/CarouselInput/Carousel.cjs +0 -13
- package/dist/CarouselInput/CarouselActions.cjs +0 -1
- package/dist/CarouselInput/CarouselImage.cjs +0 -3
- package/dist/CarouselInput/CarouselInput.cjs +0 -1
- package/dist/CarouselInput/CarouselSlide.cjs +0 -1
- package/dist/CarouselInput/index.cjs +0 -1
- package/dist/Checkbox/Checkbox.cjs +0 -7
- package/dist/Checkbox/index.cjs +0 -1
- package/dist/Combobox/Combobox.cjs +0 -107
- package/dist/Combobox/ComboboxList.cjs +0 -5
- package/dist/Combobox/ComboboxOption.cjs +0 -1
- package/dist/Combobox/index.cjs +0 -1
- package/dist/DatePicker/DatePicker.cjs +0 -88
- package/dist/DatePicker/index.cjs +0 -1
- package/dist/DateTimePicker/DateTimePicker.cjs +0 -7
- package/dist/DateTimePicker/index.cjs +0 -1
- package/dist/DesignSystemProvider.cjs +0 -1
- package/dist/Dialog/Dialog.cjs +0 -11
- package/dist/Dialog/DialogBody.cjs +0 -10
- package/dist/Dialog/DialogFooter.cjs +0 -9
- package/dist/Dialog/index.cjs +0 -1
- package/dist/DismissibleLayer/index.cjs +0 -1
- package/dist/Divider/Divider.cjs +0 -7
- package/dist/Divider/index.cjs +0 -1
- package/dist/EmptyStateLayout/EmptyStateLayout.cjs +0 -5
- package/dist/EmptyStateLayout/index.cjs +0 -1
- package/dist/EmptyStateLayout/story-assets/Illo.cjs +0 -1
- package/dist/Field/Field.cjs +0 -1
- package/dist/Field/FieldAction.cjs +0 -4
- package/dist/Field/FieldContext.cjs +0 -1
- package/dist/Field/FieldError.cjs +0 -1
- package/dist/Field/FieldHint.cjs +0 -1
- package/dist/Field/FieldInput.cjs +0 -41
- package/dist/Field/FieldLabel.cjs +0 -12
- package/dist/Field/index.cjs +0 -1
- package/dist/Flex/Flex.cjs +0 -9
- package/dist/Flex/index.cjs +0 -1
- package/dist/FocusTrap/FocusTrap.cjs +0 -1
- package/dist/FocusTrap/index.cjs +0 -1
- package/dist/Grid/Grid.cjs +0 -5
- package/dist/Grid/GridItem.cjs +0 -12
- package/dist/Grid/index.cjs +0 -1
- package/dist/Icon/Icon.cjs +0 -6
- package/dist/Icon/index.cjs +0 -1
- package/dist/IconButton/IconButton.cjs +0 -81
- package/dist/IconButton/index.cjs +0 -1
- package/dist/JSONInput/JSONInput.cjs +0 -33
- package/dist/JSONInput/index.cjs +0 -1
- package/dist/JSONInput/utils/decorationExtension.cjs +0 -1
- package/dist/KeyboardNavigable/KeyboardNavigable.cjs +0 -1
- package/dist/KeyboardNavigable/index.cjs +0 -1
- package/dist/Layout/ActionLayout.cjs +0 -1
- package/dist/Layout/ContentLayout.cjs +0 -1
- package/dist/Layout/GridLayout.cjs +0 -5
- package/dist/Layout/HeaderLayout.cjs +0 -4
- package/dist/Layout/Layout.cjs +0 -6
- package/dist/Layout/TwoColsLayout.cjs +0 -1
- package/dist/Layout/index.cjs +0 -1
- package/dist/Link/Link.cjs +0 -33
- package/dist/Link/index.cjs +0 -1
- package/dist/LinkButton/LinkButton.cjs +0 -15
- package/dist/LinkButton/index.cjs +0 -1
- package/dist/LiveRegions/LiveRegions.cjs +0 -1
- package/dist/LiveRegions/constants.cjs +0 -1
- package/dist/LiveRegions/index.cjs +0 -1
- package/dist/LiveRegions/useNotifyAT.cjs +0 -1
- package/dist/Loader/Loader.cjs +0 -12
- package/dist/Loader/assets/loader.svg.cjs +0 -1
- package/dist/Loader/index.cjs +0 -1
- package/dist/Main/Main.cjs +0 -6
- package/dist/Main/SkipToContent.cjs +0 -8
- package/dist/Main/index.cjs +0 -1
- package/dist/MainNav/MainNav.cjs +0 -4
- package/dist/MainNav/MainNavContext.cjs +0 -1
- package/dist/MainNav/NavBrand.cjs +0 -12
- package/dist/MainNav/NavCondense.cjs +0 -20
- package/dist/MainNav/NavFooter.cjs +0 -1
- package/dist/MainNav/NavLink.cjs +0 -69
- package/dist/MainNav/NavSection.cjs +0 -1
- package/dist/MainNav/NavSections.cjs +0 -4
- package/dist/MainNav/NavUser.cjs +0 -3
- package/dist/MainNav/index.cjs +0 -1
- package/dist/ModalLayout/ModalBody.cjs +0 -4
- package/dist/ModalLayout/ModalContext.cjs +0 -1
- package/dist/ModalLayout/ModalFooter.cjs +0 -4
- package/dist/ModalLayout/ModalHeader.cjs +0 -4
- package/dist/ModalLayout/ModalLayout.cjs +0 -4
- package/dist/ModalLayout/index.cjs +0 -1
- package/dist/NumberInput/NumberInput.cjs +0 -12
- package/dist/NumberInput/index.cjs +0 -1
- package/dist/Pagination/Pagination.cjs +0 -1
- package/dist/Pagination/PaginationContext.cjs +0 -1
- package/dist/Pagination/assets/next.svg.cjs +0 -1
- package/dist/Pagination/assets/previous.svg.cjs +0 -1
- package/dist/Pagination/components.cjs +0 -33
- package/dist/Pagination/index.cjs +0 -1
- package/dist/Popover/Popover.cjs +0 -25
- package/dist/Popover/index.cjs +0 -1
- package/dist/Popover/primitives.cjs +0 -1
- package/dist/Portal/Portal.cjs +0 -1
- package/dist/Portal/index.cjs +0 -1
- package/dist/ProgressBar/ProgressBar.cjs +0 -11
- package/dist/ProgressBar/index.cjs +0 -1
- package/dist/Radio/Radio.cjs +0 -1
- package/dist/Radio/index.cjs +0 -1
- package/dist/RawTable/RawCell.cjs +0 -1
- package/dist/RawTable/RawTable.cjs +0 -1
- package/dist/RawTable/RawTableContext.cjs +0 -1
- package/dist/RawTable/RawTbody.cjs +0 -1
- package/dist/RawTable/RawThead.cjs +0 -1
- package/dist/RawTable/RawTr.cjs +0 -1
- package/dist/RawTable/focusFocusable.cjs +0 -1
- package/dist/RawTable/index.cjs +0 -1
- package/dist/Searchbar/SearchForm.cjs +0 -1
- package/dist/Searchbar/Searchbar.cjs +0 -28
- package/dist/Searchbar/index.cjs +0 -1
- package/dist/Select/MultiSelect.cjs +0 -30
- package/dist/Select/MultiSelectNested.cjs +0 -3
- package/dist/Select/OptGroup.cjs +0 -5
- package/dist/Select/Option.cjs +0 -5
- package/dist/Select/Select.cjs +0 -6
- package/dist/Select/SelectList.cjs +0 -5
- package/dist/Select/SelectParts.cjs +0 -83
- package/dist/Select/SingleSelect.cjs +0 -1
- package/dist/Select/index.cjs +0 -1
- package/dist/SimpleMenu/SimpleMenu.cjs +0 -35
- package/dist/SimpleMenu/index.cjs +0 -1
- package/dist/SimpleMenu/utils.cjs +0 -12
- package/dist/Stack/Stack.cjs +0 -19
- package/dist/Stack/index.cjs +0 -1
- package/dist/Status/Status.cjs +0 -11
- package/dist/Status/index.cjs +0 -1
- package/dist/SubNav/SubNav.cjs +0 -10
- package/dist/SubNav/SubNavHeader.cjs +0 -4
- package/dist/SubNav/SubNavLink.cjs +0 -39
- package/dist/SubNav/SubNavLinkSection.cjs +0 -19
- package/dist/SubNav/SubNavSection.cjs +0 -8
- package/dist/SubNav/SubNavSectionLabel.cjs +0 -9
- package/dist/SubNav/SubNavSections.cjs +0 -1
- package/dist/SubNav/index.cjs +0 -1
- package/dist/Switch/Switch.cjs +0 -42
- package/dist/Switch/index.cjs +0 -1
- package/dist/Table/Cell.cjs +0 -17
- package/dist/Table/TFooter.cjs +0 -22
- package/dist/Table/Table.cjs +0 -34
- package/dist/Table/Tbody.cjs +0 -5
- package/dist/Table/Thead.cjs +0 -3
- package/dist/Table/Tr.cjs +0 -20
- package/dist/Table/index.cjs +0 -1
- package/dist/Tabs/TabGroup.cjs +0 -1
- package/dist/Tabs/TabPanels.cjs +0 -1
- package/dist/Tabs/Tabs.cjs +0 -5
- package/dist/Tabs/TabsContext.cjs +0 -1
- package/dist/Tabs/components.cjs +0 -43
- package/dist/Tabs/index.cjs +0 -1
- package/dist/Tag/Tag.cjs +0 -14
- package/dist/Tag/index.cjs +0 -1
- package/dist/TextButton/TextButton.cjs +0 -26
- package/dist/TextButton/index.cjs +0 -1
- package/dist/TextInput/TextInput.cjs +0 -1
- package/dist/TextInput/index.cjs +0 -1
- package/dist/Textarea/Textarea.cjs +0 -17
- package/dist/Textarea/index.cjs +0 -1
- package/dist/ThemeProvider/hooks.cjs +0 -1
- package/dist/ThemeProvider/index.cjs +0 -1
- package/dist/TimePicker/TimePicker.cjs +0 -8
- package/dist/TimePicker/index.cjs +0 -1
- package/dist/ToggleCheckbox/ToggleCheckbox.cjs +0 -36
- package/dist/ToggleCheckbox/index.cjs +0 -1
- package/dist/ToggleInput/ToggleInput.cjs +0 -22
- package/dist/ToggleInput/index.cjs +0 -1
- package/dist/Tooltip/Tooltip.cjs +0 -5
- package/dist/Tooltip/hooks/useTooltipHandlers.cjs +0 -1
- package/dist/Tooltip/hooks/useTooltipLayout.cjs +0 -1
- package/dist/Tooltip/index.cjs +0 -1
- package/dist/Tooltip/utils/positionTooltip.cjs +0 -1
- package/dist/Typography/Typography.cjs +0 -14
- package/dist/Typography/constants.cjs +0 -1
- package/dist/Typography/index.cjs +0 -1
- package/dist/Typography/utils.cjs +0 -34
- package/dist/VisuallyHidden/VisuallyHidden.cjs +0 -10
- package/dist/VisuallyHidden/index.cjs +0 -1
- package/dist/helpers/context.cjs +0 -1
- package/dist/helpers/deprecations.cjs +0 -1
- package/dist/helpers/getDefaultLocale.cjs +0 -4
- package/dist/helpers/getFocusableNodes.cjs +0 -1
- package/dist/helpers/handleResponsiveValues.cjs +0 -1
- package/dist/helpers/keyboardKeys.cjs +0 -1
- package/dist/helpers/objects.cjs +0 -1
- package/dist/helpers/setOpacity.cjs +0 -1
- package/dist/helpers/setTabIndexOnFirstItem.cjs +0 -1
- package/dist/helpers/strings.cjs +0 -1
- package/dist/helpers/theme.cjs +0 -1
- package/dist/helpers/useElementOnScreen.cjs +0 -4
- package/dist/helpers/useId.cjs +0 -4
- package/dist/helpers/useIntersection.cjs +0 -4
- package/dist/helpers/useLockScroll.cjs +0 -4
- package/dist/helpers/usePrevious.cjs +0 -4
- package/dist/helpers/useResizeObserver.cjs +0 -4
- package/dist/hooks/useComposeRefs.cjs +0 -1
- package/dist/hooks/useControllableState.cjs +0 -1
- package/dist/hooks/useDateFormatter.cjs +0 -1
- package/dist/hooks/useElementOnScreen.cjs +0 -1
- package/dist/hooks/useId.cjs +0 -1
- package/dist/hooks/useIntersection.cjs +0 -1
- package/dist/hooks/useLockScroll.cjs +0 -1
- package/dist/hooks/usePrevious.cjs +0 -1
- package/dist/hooks/useResizeObserver.cjs +0 -1
- package/dist/index.cjs +0 -1
- package/dist/themes/common-theme.cjs +0 -1
- package/dist/themes/darkTheme/dark-colors.cjs +0 -1
- package/dist/themes/darkTheme/dark-shadows.cjs +0 -1
- package/dist/themes/darkTheme/index.cjs +0 -1
- package/dist/themes/extendTheme.cjs +0 -13
- package/dist/themes/index.cjs +0 -1
- package/dist/themes/lightTheme/index.cjs +0 -1
- package/dist/themes/lightTheme/light-colors.cjs +0 -1
- package/dist/themes/lightTheme/light-shadows.cjs +0 -1
- package/dist/themes/sizes.cjs +0 -1
- package/dist/v2/Breadcrumbs/Breadcrumbs.cjs +0 -9
- package/dist/v2/Breadcrumbs/Crumb.cjs +0 -1
- package/dist/v2/Breadcrumbs/CrumbLink.cjs +0 -14
- package/dist/v2/Breadcrumbs/CrumbSimpleMenu.cjs +0 -9
- package/dist/v2/Breadcrumbs/Divider.cjs +0 -1
- package/dist/v2/Breadcrumbs/index.cjs +0 -1
- package/dist/v2/Link/Link.cjs +0 -25
- package/dist/v2/Link/index.cjs +0 -1
- package/dist/v2/LinkButton/LinkButton.cjs +0 -20
- package/dist/v2/LinkButton/index.cjs +0 -1
- package/dist/v2/MainNav/MainNav.cjs +0 -4
- package/dist/v2/MainNav/MainNavContext.cjs +0 -1
- package/dist/v2/MainNav/NavBrand.cjs +0 -12
- package/dist/v2/MainNav/NavCondense.cjs +0 -17
- package/dist/v2/MainNav/NavFooter.cjs +0 -1
- package/dist/v2/MainNav/NavLink.cjs +0 -69
- package/dist/v2/MainNav/NavSection.cjs +0 -1
- package/dist/v2/MainNav/NavSections.cjs +0 -4
- package/dist/v2/MainNav/NavUser.cjs +0 -3
- package/dist/v2/MainNav/index.cjs +0 -1
- package/dist/v2/Pagination/Pagination.cjs +0 -1
- package/dist/v2/Pagination/PaginationContext.cjs +0 -1
- package/dist/v2/Pagination/assets/next.svg.cjs +0 -1
- package/dist/v2/Pagination/assets/previous.svg.cjs +0 -1
- package/dist/v2/Pagination/components.cjs +0 -33
- package/dist/v2/Pagination/index.cjs +0 -1
- package/dist/v2/SimpleMenu/Menu.cjs +0 -65
- package/dist/v2/SimpleMenu/SimpleMenu.cjs +0 -1
- package/dist/v2/SimpleMenu/index.cjs +0 -1
- package/dist/v2/SubNav/SubNav.cjs +0 -10
- package/dist/v2/SubNav/SubNavHeader.cjs +0 -4
- package/dist/v2/SubNav/SubNavLink.cjs +0 -39
- package/dist/v2/SubNav/SubNavLinkSection.cjs +0 -19
- package/dist/v2/SubNav/SubNavSection.cjs +0 -8
- package/dist/v2/SubNav/SubNavSectionLabel.cjs +0 -9
- package/dist/v2/SubNav/SubNavSections.cjs +0 -1
- package/dist/v2/SubNav/index.cjs +0 -1
- package/dist/v2/index.cjs +0 -1
|
@@ -1,29 +1,60 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
const
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const React = require('react');
|
|
7
|
+
const reactRouterDom = require('react-router-dom');
|
|
8
|
+
const styled = require('styled-components');
|
|
9
|
+
const utils = require('../Button/utils.js');
|
|
10
|
+
const BaseButton = require('../BaseButton/BaseButton.js');
|
|
11
|
+
const Flex = require('../Flex/Flex.js');
|
|
12
|
+
const Typography = require('../Typography/Typography.js');
|
|
13
|
+
|
|
14
|
+
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
15
|
+
|
|
16
|
+
function _interopNamespace(e) {
|
|
17
|
+
if (e && e.__esModule) return e;
|
|
18
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
19
|
+
if (e) {
|
|
20
|
+
for (const k in e) {
|
|
21
|
+
if (k !== 'default') {
|
|
22
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
23
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: () => e[k]
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
n.default = e;
|
|
31
|
+
return Object.freeze(n);
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
const React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
35
|
+
const styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
36
|
+
|
|
37
|
+
const LinkWrapper = styled__default.default(BaseButton.BaseButtonWrapper) `
|
|
10
38
|
&[aria-disabled='true'] {
|
|
11
|
-
${
|
|
39
|
+
${utils.getDisabledStyle}
|
|
12
40
|
&:active {
|
|
13
|
-
${
|
|
41
|
+
${utils.getDisabledStyle}
|
|
14
42
|
}
|
|
15
43
|
}
|
|
16
44
|
&:hover {
|
|
17
|
-
${
|
|
45
|
+
${utils.getHoverStyle}
|
|
18
46
|
}
|
|
19
47
|
&:active {
|
|
20
|
-
${
|
|
48
|
+
${utils.getActiveStyle}
|
|
21
49
|
}
|
|
22
|
-
${
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
50
|
+
${utils.getVariantStyle}
|
|
51
|
+
`;
|
|
52
|
+
const LinkButton = React__namespace.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', href, to, ...props }, ref) => {
|
|
53
|
+
const target = href ? '_blank' : undefined;
|
|
54
|
+
const rel = href ? 'noreferrer noopener' : undefined;
|
|
55
|
+
const paddingX = size === 'S' ? 2 : '10px';
|
|
56
|
+
const paddingY = 4;
|
|
57
|
+
return (jsxRuntime.jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: to && !disabled ? reactRouterDom.NavLink : 'a', children: [startIcon && jsxRuntime.jsx(Flex.Flex, { "aria-hidden": true, children: startIcon }), jsxRuntime.jsx(Typography.Typography, { variant: size === 'S' ? 'pi' : undefined, fontWeight: "bold", textColor: "buttonNeutral0", children: children }), endIcon && jsxRuntime.jsx(Flex.Flex, { "aria-hidden": true, children: endIcon })] }));
|
|
26
58
|
});
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
};
|
|
59
|
+
|
|
60
|
+
exports.LinkButton = LinkButton;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import { NavLink } from 'react-router-dom';
|
|
4
|
+
import styled from 'styled-components';
|
|
5
|
+
import { getDisabledStyle, getHoverStyle, getActiveStyle, getVariantStyle } from '../Button/utils.mjs';
|
|
6
|
+
import { BaseButtonWrapper } from '../BaseButton/BaseButton.mjs';
|
|
7
|
+
import { Flex } from '../Flex/Flex.mjs';
|
|
8
|
+
import { Typography } from '../Typography/Typography.mjs';
|
|
9
|
+
|
|
10
|
+
const LinkWrapper = styled(BaseButtonWrapper) `
|
|
11
|
+
&[aria-disabled='true'] {
|
|
12
|
+
${getDisabledStyle}
|
|
13
|
+
&:active {
|
|
14
|
+
${getDisabledStyle}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
&:hover {
|
|
18
|
+
${getHoverStyle}
|
|
19
|
+
}
|
|
20
|
+
&:active {
|
|
21
|
+
${getActiveStyle}
|
|
22
|
+
}
|
|
23
|
+
${getVariantStyle}
|
|
24
|
+
`;
|
|
25
|
+
const LinkButton = React.forwardRef(({ variant = 'default', startIcon, endIcon, disabled = false, children, size = 'S', href, to, ...props }, ref) => {
|
|
26
|
+
const target = href ? '_blank' : undefined;
|
|
27
|
+
const rel = href ? 'noreferrer noopener' : undefined;
|
|
28
|
+
const paddingX = size === 'S' ? 2 : '10px';
|
|
29
|
+
const paddingY = 4;
|
|
30
|
+
return (jsxs(LinkWrapper, { ref: ref, "aria-disabled": disabled, size: size, variant: variant, target: target, rel: rel, to: disabled ? undefined : to, href: disabled ? '#' : href, background: "buttonPrimary600", borderColor: "buttonPrimary600", hasRadius: true, gap: 2, inline: true, paddingBottom: paddingX, paddingLeft: paddingY, paddingRight: paddingY, paddingTop: paddingX, pointerEvents: disabled ? 'none' : undefined, ...props, as: to && !disabled ? NavLink : 'a', children: [startIcon && jsx(Flex, { "aria-hidden": true, children: startIcon }), jsx(Typography, { variant: size === 'S' ? 'pi' : undefined, fontWeight: "bold", textColor: "buttonNeutral0", children: children }), endIcon && jsx(Flex, { "aria-hidden": true, children: endIcon })] }));
|
|
31
|
+
});
|
|
32
|
+
|
|
33
|
+
export { LinkButton };
|
package/dist/LinkButton/index.js
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const LinkButton = require('./LinkButton.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.LinkButton = LinkButton.LinkButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { LinkButton } from './LinkButton.mjs';
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const constants = require('./constants.js');
|
|
7
|
+
const VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
|
|
8
|
+
|
|
9
|
+
const LiveRegions = () => {
|
|
10
|
+
return (jsxRuntime.jsxs(VisuallyHidden.VisuallyHidden, { children: [jsxRuntime.jsx("p", { role: "log", "aria-live": "polite", id: constants.LiveRegionIds.Log, "aria-relevant": "all" }), jsxRuntime.jsx("p", { role: "status", "aria-live": "polite", id: constants.LiveRegionIds.Status, "aria-relevant": "all" }), jsxRuntime.jsx("p", { role: "alert", "aria-live": "assertive", id: constants.LiveRegionIds.Alert, "aria-relevant": "all" })] }));
|
|
7
11
|
};
|
|
12
|
+
|
|
13
|
+
exports.LiveRegions = LiveRegions;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { LiveRegionIds } from './constants.mjs';
|
|
3
|
+
import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
|
|
4
|
+
|
|
5
|
+
const LiveRegions = () => {
|
|
6
|
+
return (jsxs(VisuallyHidden, { children: [jsx("p", { role: "log", "aria-live": "polite", id: LiveRegionIds.Log, "aria-relevant": "all" }), jsx("p", { role: "status", "aria-live": "polite", id: LiveRegionIds.Status, "aria-relevant": "all" }), jsx("p", { role: "alert", "aria-live": "assertive", id: LiveRegionIds.Alert, "aria-relevant": "all" })] }));
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
export { LiveRegions };
|
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const LiveRegionIds = {
|
|
6
|
+
Log: 'live-region-log',
|
|
7
|
+
Status: 'live-region-status',
|
|
8
|
+
Alert: 'live-region-alert',
|
|
8
9
|
};
|
|
10
|
+
|
|
11
|
+
exports.LiveRegionIds = LiveRegionIds;
|
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const useNotifyAT = require('./useNotifyAT.js');
|
|
6
|
+
const LiveRegions = require('./LiveRegions.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.useNotifyAT = useNotifyAT.useNotifyAT;
|
|
11
|
+
exports.LiveRegions = LiveRegions.LiveRegions;
|
|
@@ -1,17 +1,37 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
}
|
|
13
|
-
n(""), c(""), r("");
|
|
14
|
-
}, []), { notifyLog: n, notifyAlert: c, notifyStatus: r });
|
|
15
|
-
export {
|
|
16
|
-
f as useNotifyAT
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const React = require('react');
|
|
6
|
+
const constants = require('./constants.js');
|
|
7
|
+
|
|
8
|
+
const notifyLog = (message) => {
|
|
9
|
+
const logEl = document.querySelector(`#${constants.LiveRegionIds.Log}`);
|
|
10
|
+
if (logEl) {
|
|
11
|
+
logEl.innerText = message;
|
|
12
|
+
}
|
|
17
13
|
};
|
|
14
|
+
const notifyStatus = (message) => {
|
|
15
|
+
const statusEl = document.querySelector(`#${constants.LiveRegionIds.Status}`);
|
|
16
|
+
if (statusEl) {
|
|
17
|
+
statusEl.innerText = message;
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
const notifyAlert = (message) => {
|
|
21
|
+
const alertEl = document.querySelector(`#${constants.LiveRegionIds.Alert}`);
|
|
22
|
+
if (alertEl) {
|
|
23
|
+
alertEl.innerText = message;
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
const useNotifyAT = () => {
|
|
27
|
+
React.useEffect(() => {
|
|
28
|
+
return () => {
|
|
29
|
+
notifyLog('');
|
|
30
|
+
notifyAlert('');
|
|
31
|
+
notifyStatus('');
|
|
32
|
+
};
|
|
33
|
+
}, []);
|
|
34
|
+
return { notifyLog, notifyAlert, notifyStatus };
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
exports.useNotifyAT = useNotifyAT;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
import { LiveRegionIds } from './constants.mjs';
|
|
3
|
+
|
|
4
|
+
const notifyLog = (message) => {
|
|
5
|
+
const logEl = document.querySelector(`#${LiveRegionIds.Log}`);
|
|
6
|
+
if (logEl) {
|
|
7
|
+
logEl.innerText = message;
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
const notifyStatus = (message) => {
|
|
11
|
+
const statusEl = document.querySelector(`#${LiveRegionIds.Status}`);
|
|
12
|
+
if (statusEl) {
|
|
13
|
+
statusEl.innerText = message;
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const notifyAlert = (message) => {
|
|
17
|
+
const alertEl = document.querySelector(`#${LiveRegionIds.Alert}`);
|
|
18
|
+
if (alertEl) {
|
|
19
|
+
alertEl.innerText = message;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
const useNotifyAT = () => {
|
|
23
|
+
useEffect(() => {
|
|
24
|
+
return () => {
|
|
25
|
+
notifyLog('');
|
|
26
|
+
notifyAlert('');
|
|
27
|
+
notifyStatus('');
|
|
28
|
+
};
|
|
29
|
+
}, []);
|
|
30
|
+
return { notifyLog, notifyAlert, notifyStatus };
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
export { useNotifyAT };
|
package/dist/Loader/Loader.js
CHANGED
|
@@ -1,20 +1,51 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
const
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const React = require('react');
|
|
7
|
+
const styled = require('styled-components');
|
|
8
|
+
const loader = require('./assets/loader.svg.js');
|
|
9
|
+
const VisuallyHidden = require('../VisuallyHidden/VisuallyHidden.js');
|
|
10
|
+
|
|
11
|
+
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
12
|
+
|
|
13
|
+
function _interopNamespace(e) {
|
|
14
|
+
if (e && e.__esModule) return e;
|
|
15
|
+
const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
|
|
16
|
+
if (e) {
|
|
17
|
+
for (const k in e) {
|
|
18
|
+
if (k !== 'default') {
|
|
19
|
+
const d = Object.getOwnPropertyDescriptor(e, k);
|
|
20
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
21
|
+
enumerable: true,
|
|
22
|
+
get: () => e[k]
|
|
23
|
+
});
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
n.default = e;
|
|
28
|
+
return Object.freeze(n);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
const React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
32
|
+
const styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
33
|
+
|
|
34
|
+
const rotation = styled.keyframes `
|
|
7
35
|
from {
|
|
8
36
|
transform: rotate(0deg);
|
|
9
37
|
}
|
|
10
38
|
to {
|
|
11
39
|
transform: rotate(359deg);
|
|
12
40
|
}
|
|
13
|
-
|
|
14
|
-
|
|
41
|
+
`;
|
|
42
|
+
const LoaderImg = styled__default.default.img `
|
|
43
|
+
animation: ${rotation} 1s infinite linear;
|
|
15
44
|
will-change: transform;
|
|
16
|
-
${({ small
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
};
|
|
45
|
+
${({ small, theme }) => small && `width: ${theme.spaces[6]}; height: ${theme.spaces[6]};`}
|
|
46
|
+
`;
|
|
47
|
+
const Loader = React__namespace.forwardRef(({ children, small = false, ...props }, ref) => {
|
|
48
|
+
return (jsxRuntime.jsxs("div", { role: "alert", "aria-live": "assertive", ref: ref, ...props, children: [jsxRuntime.jsx(VisuallyHidden.VisuallyHidden, { children: children }), jsxRuntime.jsx(LoaderImg, { src: loader, "aria-hidden": true, small: small })] }));
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
exports.Loader = Loader;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import styled, { keyframes } from 'styled-components';
|
|
4
|
+
import loaderSvg from './assets/loader.svg.mjs';
|
|
5
|
+
import { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden.mjs';
|
|
6
|
+
|
|
7
|
+
const rotation = keyframes `
|
|
8
|
+
from {
|
|
9
|
+
transform: rotate(0deg);
|
|
10
|
+
}
|
|
11
|
+
to {
|
|
12
|
+
transform: rotate(359deg);
|
|
13
|
+
}
|
|
14
|
+
`;
|
|
15
|
+
const LoaderImg = styled.img `
|
|
16
|
+
animation: ${rotation} 1s infinite linear;
|
|
17
|
+
will-change: transform;
|
|
18
|
+
${({ small, theme }) => small && `width: ${theme.spaces[6]}; height: ${theme.spaces[6]};`}
|
|
19
|
+
`;
|
|
20
|
+
const Loader = React.forwardRef(({ children, small = false, ...props }, ref) => {
|
|
21
|
+
return (jsxs("div", { role: "alert", "aria-live": "assertive", ref: ref, ...props, children: [jsx(VisuallyHidden, { children: children }), jsx(LoaderImg, { src: loaderSvg, "aria-hidden": true, small: small })] }));
|
|
22
|
+
});
|
|
23
|
+
|
|
24
|
+
export { Loader };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const loaderSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjU1NjMgMTEuOTgxNkMzOS40ODQgMTAuMzA3MSAzNS44NTc1IDkuMjkwOTcgMzIuMzM1NCA5LjEzNTIxQzI4LjY0NDMgOC45Mjg4OCAyNC44Mjk1IDkuNzIzMTggMjEuMzMzNiAxMS40MTI5QzIwLjkxMjMgMTEuNTkwMSAyMC41Mzc2IDExLjgxMDEgMjAuMTcyMiAxMi4wMjQ5TDIwLjAxMDggMTIuMTE3OUMxOS44Nzc0IDEyLjE5NTEgMTkuNzQ0MSAxMi4yNzI0IDE5LjYwOCAxMi4zNTM2QzE5LjMyNTMgMTIuNTE0NiAxOS4wNDkyIDEyLjY3NDQgMTguNzU0NCAxMi44NzkyQzE4LjU0NjMgMTMuMDMyOSAxOC4zMzk1IDEzLjE3NTkgMTguMTMwMSAxMy4zMjNDMTcuNTY1OCAxMy43MjA4IDE2Ljk4NjggMTQuMTMxNyAxNi40OTgzIDE0LjU5NzlDMTQuODQ3NiAxNS45NTI0IDEzLjU1NzEgMTcuNjA3NSAxMi42MDcxIDE4LjkyMTRDMTAuNDM2NSAyMi4xNTY2IDkuMDg2MjIgMjUuOTU2NyA4LjgwNzAyIDI5LjYxNDNMOC43NzY0IDMwLjE1ODhDOC43MzMyOCAzMC45MTk2IDguNjg0NzYgMzEuNzA1NyA4Ljc1MzUzIDMyLjQ1NTVDOC43NjY0OCAzMi42MDg0IDguNzY2MSAzMi43NjM4IDguNzc1MDYgMzIuOTE0QzguNzg4OTUgMzMuMjI5IDguODAxNTIgMzMuNTM3MyA4Ljg0NiAzMy44NjcyTDkuMDczOTYgMzUuNDIyMUM5LjA5NzU2IDM1LjU3NjQgOS4xMTk4IDM1Ljc0MTMgOS4xNjMzIDM1LjkyNjNMOS42NTkxOSAzNy45MjcyTDEwLjEzOCAzOS4yODIzQzEwLjI3MjkgMzkuNjY3MyAxMC40MTU4IDQwLjA3NTEgMTAuNiA0MC40M0MxMi4wMjkyIDQzLjYzNyAxNC4xNDI1IDQ2LjQ1NzggMTYuNzA2MyA0OC41ODVDMTkuMDUwOCA1MC41Mjk2IDIxLjgyNCA1Mi4wMDIzIDI0Ljc0OTEgNTIuODQ1MkwyNi4yMzcxIDUzLjIzNzZDMjYuMzc4MSA1My4yNjkzIDI2LjQ5MjYgNTMuMjg4OSAyNi42MDMxIDUzLjMwNThMMjYuNzc3NSA1My4zMzExQzI3LjAwNTIgNTMuMzYzNiAyNy4yMTk1IDUzLjM5ODYgMjcuNDQ0NSA1My40MzVDMjcuODU5OCA1My41MDc2IDI4LjI2NzIgNTMuNTc0OCAyOC43MDc5IDUzLjYxODNMMzAuNTY0MSA1My43MjI5QzMwLjk1MTYgNTMuNzI0OSAzMS4zMzUyIDUzLjcwNjggMzEuNzA4MSA1My42ODc0QzMxLjkwMzkgNTMuNjgxIDMyLjA5ODQgNTMuNjY4MSAzMi4zMjg4IDUzLjY2MkMzNC41MjUzIDUzLjQ3NzIgMzYuNTEwNiA1My4wNjM0IDM4LjA1MTYgNTIuNDY1MkMzOC4xNzY5IDUyLjQxNzEgMzguMzAwOCA1Mi4zNzk2IDM4LjQyMzQgNTIuMzM1NUMzOC42NzI3IDUyLjI0OTkgMzguOTI1OSA1Mi4xNjcgMzkuMTQzMiA1Mi4wNTk5TDQwLjg1OTEgNTEuMjYyNkw0Mi41NzAyIDUwLjI2NkM0Mi45MDA5IDUwLjA2ODIgNDMuMDIwNSA0OS42NDE0IDQyLjgyODIgNDkuMjk4NEM0Mi42MzIgNDguOTUyNiA0Mi4yMDM0IDQ4LjgzMDggNDEuODYzNCA0OS4wMTY2TDQwLjE3OTIgNDkuOTIxOEwzOC40OTk1IDUwLjYyMjRDMzguMzE2OSA1MC42OTUzIDM4LjEyMSA1MC43NTM0IDM3LjkyMjQgNTAuODE1NUMzNy43ODM4IDUwLjg0ODkgMzcuNjUxOCA1MC44OTgzIDM3LjUwMTIgNTAuOTQwOEMzNi4wNzExIDUxLjQzNSAzNC4yNDQ1IDUxLjc0MjUgMzIuMjQ0IDUxLjgzNDZDMzIuMDQ0MiA1MS44MzgzIDMxLjg0NzEgNTEuODM3OSAzMS42NTQgNTEuODQwM0MzMS4zMDUxIDUxLjg0MTQgMzAuOTYwMiA1MS44NDUxIDMwLjYzOTIgNTEuODMwNUwyOC45MTc3IDUxLjY3MjVDMjguNTQ3NiA1MS42MTkgMjguMTY5NSA1MS41NDI3IDI3Ljc4NDggNTEuNDY3OEMyNy41NjM5IDUxLjQxNjcgMjcuMzM3NiA1MS4zNzM3IDI3LjEyOTkgNTEuMzM3NEwyNi45NTI5IDUxLjI5ODdDMjYuODcwNCA1MS4yODM0IDI2Ljc3NzIgNTEuMjY2NyAyNi43MzMzIDUxLjI1NDNMMjUuMzQ2NiA1MC44MzIyQzIyLjc2NTEgNDkuOTc4OSAyMC4zMyA0OC41NzI5IDE4LjI5NDIgNDYuNzU1N0MxNi4xMDU2IDQ0Ljc5NTEgMTQuMzMzOSA0Mi4yMzM1IDEzLjE3NDIgMzkuMzU4MkMxMi4wMjc2IDM2LjYwMTMgMTEuNTk4OCAzMy4yNzkyIDExLjk3MTYgMzAuMDA3NkMxMi4zMTQ1IDI3LjAyMTMgMTMuMzk0OCAyNC4xNjM1IDE1LjE4NTggMjEuNTA4M0MxNS4zMDM0IDIxLjMzMzkgMTUuNDIxIDIxLjE1OTYgMTUuNTIxMiAyMS4wMTk2QzE2LjQzMDkgMTkuODY4OCAxNy41NDA4IDE4LjU1ODkgMTguOTQ4MyAxNy40OTZDMTkuMzM2NyAxNy4xNTI1IDE5Ljc4NjIgMTYuODU2IDIwLjI2MTEgMTYuNTQ3OEMyMC40ODc4IDE2LjQwMDkgMjAuNzA3OSAxNi4yNTUzIDIwLjg5MDcgMTYuMTMwNkMyMS4wOTc0IDE2LjAwNDggMjEuMzE4OCAxNS44ODMxIDIxLjUzNDggMTUuNzY5NEMyMS42NzYxIDE1LjY5NzUgMjEuODE2MiAxNS42MTkgMjEuOTM4OCAxNS41NTc2TDIyLjEwMDIgMTUuNDY0NkMyMi40MDAyIDE1LjMwMzcgMjIuNjc0OSAxNS4xNTQ2IDIyLjk5MDggMTUuMDM5TDI0LjExODYgMTQuNTcxNUMyNC4zMzk5IDE0LjQ4NDQgMjQuNTcxOCAxNC40MTU5IDI0Ljc5OTcgMTQuMzQ0N0MyNC45NTMgMTQuMjk4MiAyNS4wOTgyIDE0LjI2MzUgMjUuMjYzNSAxNC4yMDc4QzI1Ljc4NiAxNC4wMTgyIDI2LjMyODMgMTMuOTExMiAyNi45MTA1IDEzLjc5NjVDMjcuMTE3IDEzLjc1NzEgMjcuMzMwMiAxMy43MTYzIDI3LjU2MDggMTMuNjU4NUMyNy43NTUzIDEzLjYxMSAyNy45NzM3IDEzLjU5NjkgMjguMjA4MiAxMy41NzYyQzI4LjM2NCAxMy41NjAzIDI4LjUxNzIgMTMuNTQ4MyAyOC42MzE4IDEzLjUzMzNDMjguNzg3NiAxMy41MTczIDI4LjkzNDIgMTMuNTA2NiAyOS4wOTI3IDEzLjQ4NjdDMjkuMzI4NSAxMy40NTU1IDI5LjU0NTYgMTMuNDM0NyAyOS43NDk0IDEzLjQzMzdDMzAuMDIzNyAxMy40NCAzMC4yOTk0IDEzLjQzNTcgMzAuNTc3NyAxMy40Mjc0QzMxLjA4MTEgMTMuNDIxIDMxLjU1NzkgMTMuNDE5NyAzMi4wMzE4IDEzLjQ5MTRDMzQuOTY2NCAxMy43MzUyIDM3LjcxNDQgMTQuNjA4NSA0MC4yMDUyIDE2LjA4NjhDNDIuMzQ4OSAxNy4zNjU1IDQ0LjI3MTYgMTkuMTUyNSA0NS43NjA3IDIxLjI2NEM0Ny4wMjU1IDIzLjA2MjggNDcuOTc1NiAyNS4wNTI4IDQ4LjQ5MjggMjcuMDM5M0M0OC41NzIgMjcuMzE3NiA0OC42Mjk5IDI3LjU5MzEgNDguNjgzOSAyNy44NjU5QzQ4LjcxNTQgMjguMDQyOCA0OC43NTYzIDI4LjIxNDUgNDguNzg5MiAyOC4zNjM2QzQ4LjgwMzcgMjguNDU0MSA0OC44MjA4IDI4LjU0MDYgNDguODQ0NSAyOC42MjU4QzQ4Ljg3NDkgMjguNzQ0MyA0OC44OTg2IDI4Ljg2NCA0OC45MTE2IDI4Ljk2NTFMNDguOTc5MyAyOS42MDQ3QzQ4Ljk5MjIgMjkuNzc0OCA0OS4wMTMyIDI5LjkzMzEgNDkuMDMwMSAzMC4wODg3QzQ5LjA2NjggMzAuMzI2OCA0OS4wODg5IDMwLjU2MDggNDkuMDk2NCAzMC43NTYxTDQ5LjEwODMgMzEuOTAwMUM0OS4xMzEyIDMyLjMzMDcgNDkuMDg5IDMyLjcxMTYgNDkuMDUyMiAzMy4wNjczQzQ5LjAzODQgMzMuMjU5OCA0OS4wMTI2IDMzLjQ0NDMgNDkuMDEyMyAzMy41ODI0QzQ4Ljk5NjEgMzMuNjkyNiA0OC45OTE4IDMzLjc5MzUgNDguOTgzNiAzMy44OTE3QzQ4Ljk3NTMgMzQuMDA3MiA0OC45NzI0IDM0LjExNDggNDguOTQxNCAzNC4yNTU0TDQ4LjU0NDkgMzYuMzA1OUM0OC4zMTM0IDM3Ljg2MjMgNDkuMzc5MyAzOS4zMzY1IDUwLjk0ODggMzkuNTgyMkM1Mi4wNDE3IDM5Ljc2MDEgNTMuMTUzNiAzOS4yODE5IDUzLjc3MTEgMzguMzY2NEM1NC4wMDYzIDM4LjAxNzYgNTQuMTYwNCAzNy42MjU3IDU0LjIyMjcgMzcuMjA2NEw1NC41MjE3IDM1LjI1NzRDNTQuNTUxNCAzNS4wNzU2IDU0LjU3MiAzNC44MyA1NC41ODQ2IDM0LjU3OTFMNTQuNjAyOCAzNC4yMzM4QzU0LjYwOTggMzQuMDU5OCA1NC42MjIzIDMzLjg3NzkgNTQuNjM0NyAzMy42Nzg4QzU0LjY3MzQgMzMuMTA1MiA1NC43MTYzIDMyLjQ0NzkgNTQuNjYxOSAzMS44MDU4TDU0LjU4NjcgMzAuNDI4OUM1NC41NjIyIDMwLjA5NTIgNTQuNTA5NyAyOS43NiA1NC40NTU5IDI5LjQxODFDNTQuNDMxIDI5LjI1NzIgNTQuNDA0OCAyOS4wODk2IDU0LjM4MjYgMjguOTA3NEw1NC4yNjg3IDI4LjEwNEM1NC4yMzMyIDI3LjkyNDQgNTQuMTgwNCAyNy43MjczIDU0LjEzMjkgMjcuNTM5Nkw1NC4wNjQzIDI3LjI0NTRDNTQuMDE5NSAyNy4wNzEgNTMuOTc3MyAyNi44OTI3IDUzLjkzMzggMjYuNzA3NkM1My44NDU1IDI2LjMzMDkgNTMuNzQ3OSAyNS45NDIyIDUzLjYxMyAyNS41NTcxQzUyLjg0IDIzLjAyOTIgNTEuNTM4MyAyMC41MTk0IDQ5LjgzMzggMTguMjc5OUM0Ny44NTQ0IDE1LjY4MiA0NS4zMzMzIDEzLjUwODcgNDIuNTU2MyAxMS45ODE2WiIgZmlsbD0iIzQ5NDVGRiIvPgo8L3N2Zz4K";
|
|
4
|
+
|
|
5
|
+
module.exports = loaderSvg;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
const loaderSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjMiIGhlaWdodD0iNjMiIHZpZXdCb3g9IjAgMCA2MyA2MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQyLjU1NjMgMTEuOTgxNkMzOS40ODQgMTAuMzA3MSAzNS44NTc1IDkuMjkwOTcgMzIuMzM1NCA5LjEzNTIxQzI4LjY0NDMgOC45Mjg4OCAyNC44Mjk1IDkuNzIzMTggMjEuMzMzNiAxMS40MTI5QzIwLjkxMjMgMTEuNTkwMSAyMC41Mzc2IDExLjgxMDEgMjAuMTcyMiAxMi4wMjQ5TDIwLjAxMDggMTIuMTE3OUMxOS44Nzc0IDEyLjE5NTEgMTkuNzQ0MSAxMi4yNzI0IDE5LjYwOCAxMi4zNTM2QzE5LjMyNTMgMTIuNTE0NiAxOS4wNDkyIDEyLjY3NDQgMTguNzU0NCAxMi44NzkyQzE4LjU0NjMgMTMuMDMyOSAxOC4zMzk1IDEzLjE3NTkgMTguMTMwMSAxMy4zMjNDMTcuNTY1OCAxMy43MjA4IDE2Ljk4NjggMTQuMTMxNyAxNi40OTgzIDE0LjU5NzlDMTQuODQ3NiAxNS45NTI0IDEzLjU1NzEgMTcuNjA3NSAxMi42MDcxIDE4LjkyMTRDMTAuNDM2NSAyMi4xNTY2IDkuMDg2MjIgMjUuOTU2NyA4LjgwNzAyIDI5LjYxNDNMOC43NzY0IDMwLjE1ODhDOC43MzMyOCAzMC45MTk2IDguNjg0NzYgMzEuNzA1NyA4Ljc1MzUzIDMyLjQ1NTVDOC43NjY0OCAzMi42MDg0IDguNzY2MSAzMi43NjM4IDguNzc1MDYgMzIuOTE0QzguNzg4OTUgMzMuMjI5IDguODAxNTIgMzMuNTM3MyA4Ljg0NiAzMy44NjcyTDkuMDczOTYgMzUuNDIyMUM5LjA5NzU2IDM1LjU3NjQgOS4xMTk4IDM1Ljc0MTMgOS4xNjMzIDM1LjkyNjNMOS42NTkxOSAzNy45MjcyTDEwLjEzOCAzOS4yODIzQzEwLjI3MjkgMzkuNjY3MyAxMC40MTU4IDQwLjA3NTEgMTAuNiA0MC40M0MxMi4wMjkyIDQzLjYzNyAxNC4xNDI1IDQ2LjQ1NzggMTYuNzA2MyA0OC41ODVDMTkuMDUwOCA1MC41Mjk2IDIxLjgyNCA1Mi4wMDIzIDI0Ljc0OTEgNTIuODQ1MkwyNi4yMzcxIDUzLjIzNzZDMjYuMzc4MSA1My4yNjkzIDI2LjQ5MjYgNTMuMjg4OSAyNi42MDMxIDUzLjMwNThMMjYuNzc3NSA1My4zMzExQzI3LjAwNTIgNTMuMzYzNiAyNy4yMTk1IDUzLjM5ODYgMjcuNDQ0NSA1My40MzVDMjcuODU5OCA1My41MDc2IDI4LjI2NzIgNTMuNTc0OCAyOC43MDc5IDUzLjYxODNMMzAuNTY0MSA1My43MjI5QzMwLjk1MTYgNTMuNzI0OSAzMS4zMzUyIDUzLjcwNjggMzEuNzA4MSA1My42ODc0QzMxLjkwMzkgNTMuNjgxIDMyLjA5ODQgNTMuNjY4MSAzMi4zMjg4IDUzLjY2MkMzNC41MjUzIDUzLjQ3NzIgMzYuNTEwNiA1My4wNjM0IDM4LjA1MTYgNTIuNDY1MkMzOC4xNzY5IDUyLjQxNzEgMzguMzAwOCA1Mi4zNzk2IDM4LjQyMzQgNTIuMzM1NUMzOC42NzI3IDUyLjI0OTkgMzguOTI1OSA1Mi4xNjcgMzkuMTQzMiA1Mi4wNTk5TDQwLjg1OTEgNTEuMjYyNkw0Mi41NzAyIDUwLjI2NkM0Mi45MDA5IDUwLjA2ODIgNDMuMDIwNSA0OS42NDE0IDQyLjgyODIgNDkuMjk4NEM0Mi42MzIgNDguOTUyNiA0Mi4yMDM0IDQ4LjgzMDggNDEuODYzNCA0OS4wMTY2TDQwLjE3OTIgNDkuOTIxOEwzOC40OTk1IDUwLjYyMjRDMzguMzE2OSA1MC42OTUzIDM4LjEyMSA1MC43NTM0IDM3LjkyMjQgNTAuODE1NUMzNy43ODM4IDUwLjg0ODkgMzcuNjUxOCA1MC44OTgzIDM3LjUwMTIgNTAuOTQwOEMzNi4wNzExIDUxLjQzNSAzNC4yNDQ1IDUxLjc0MjUgMzIuMjQ0IDUxLjgzNDZDMzIuMDQ0MiA1MS44MzgzIDMxLjg0NzEgNTEuODM3OSAzMS42NTQgNTEuODQwM0MzMS4zMDUxIDUxLjg0MTQgMzAuOTYwMiA1MS44NDUxIDMwLjYzOTIgNTEuODMwNUwyOC45MTc3IDUxLjY3MjVDMjguNTQ3NiA1MS42MTkgMjguMTY5NSA1MS41NDI3IDI3Ljc4NDggNTEuNDY3OEMyNy41NjM5IDUxLjQxNjcgMjcuMzM3NiA1MS4zNzM3IDI3LjEyOTkgNTEuMzM3NEwyNi45NTI5IDUxLjI5ODdDMjYuODcwNCA1MS4yODM0IDI2Ljc3NzIgNTEuMjY2NyAyNi43MzMzIDUxLjI1NDNMMjUuMzQ2NiA1MC44MzIyQzIyLjc2NTEgNDkuOTc4OSAyMC4zMyA0OC41NzI5IDE4LjI5NDIgNDYuNzU1N0MxNi4xMDU2IDQ0Ljc5NTEgMTQuMzMzOSA0Mi4yMzM1IDEzLjE3NDIgMzkuMzU4MkMxMi4wMjc2IDM2LjYwMTMgMTEuNTk4OCAzMy4yNzkyIDExLjk3MTYgMzAuMDA3NkMxMi4zMTQ1IDI3LjAyMTMgMTMuMzk0OCAyNC4xNjM1IDE1LjE4NTggMjEuNTA4M0MxNS4zMDM0IDIxLjMzMzkgMTUuNDIxIDIxLjE1OTYgMTUuNTIxMiAyMS4wMTk2QzE2LjQzMDkgMTkuODY4OCAxNy41NDA4IDE4LjU1ODkgMTguOTQ4MyAxNy40OTZDMTkuMzM2NyAxNy4xNTI1IDE5Ljc4NjIgMTYuODU2IDIwLjI2MTEgMTYuNTQ3OEMyMC40ODc4IDE2LjQwMDkgMjAuNzA3OSAxNi4yNTUzIDIwLjg5MDcgMTYuMTMwNkMyMS4wOTc0IDE2LjAwNDggMjEuMzE4OCAxNS44ODMxIDIxLjUzNDggMTUuNzY5NEMyMS42NzYxIDE1LjY5NzUgMjEuODE2MiAxNS42MTkgMjEuOTM4OCAxNS41NTc2TDIyLjEwMDIgMTUuNDY0NkMyMi40MDAyIDE1LjMwMzcgMjIuNjc0OSAxNS4xNTQ2IDIyLjk5MDggMTUuMDM5TDI0LjExODYgMTQuNTcxNUMyNC4zMzk5IDE0LjQ4NDQgMjQuNTcxOCAxNC40MTU5IDI0Ljc5OTcgMTQuMzQ0N0MyNC45NTMgMTQuMjk4MiAyNS4wOTgyIDE0LjI2MzUgMjUuMjYzNSAxNC4yMDc4QzI1Ljc4NiAxNC4wMTgyIDI2LjMyODMgMTMuOTExMiAyNi45MTA1IDEzLjc5NjVDMjcuMTE3IDEzLjc1NzEgMjcuMzMwMiAxMy43MTYzIDI3LjU2MDggMTMuNjU4NUMyNy43NTUzIDEzLjYxMSAyNy45NzM3IDEzLjU5NjkgMjguMjA4MiAxMy41NzYyQzI4LjM2NCAxMy41NjAzIDI4LjUxNzIgMTMuNTQ4MyAyOC42MzE4IDEzLjUzMzNDMjguNzg3NiAxMy41MTczIDI4LjkzNDIgMTMuNTA2NiAyOS4wOTI3IDEzLjQ4NjdDMjkuMzI4NSAxMy40NTU1IDI5LjU0NTYgMTMuNDM0NyAyOS43NDk0IDEzLjQzMzdDMzAuMDIzNyAxMy40NCAzMC4yOTk0IDEzLjQzNTcgMzAuNTc3NyAxMy40Mjc0QzMxLjA4MTEgMTMuNDIxIDMxLjU1NzkgMTMuNDE5NyAzMi4wMzE4IDEzLjQ5MTRDMzQuOTY2NCAxMy43MzUyIDM3LjcxNDQgMTQuNjA4NSA0MC4yMDUyIDE2LjA4NjhDNDIuMzQ4OSAxNy4zNjU1IDQ0LjI3MTYgMTkuMTUyNSA0NS43NjA3IDIxLjI2NEM0Ny4wMjU1IDIzLjA2MjggNDcuOTc1NiAyNS4wNTI4IDQ4LjQ5MjggMjcuMDM5M0M0OC41NzIgMjcuMzE3NiA0OC42Mjk5IDI3LjU5MzEgNDguNjgzOSAyNy44NjU5QzQ4LjcxNTQgMjguMDQyOCA0OC43NTYzIDI4LjIxNDUgNDguNzg5MiAyOC4zNjM2QzQ4LjgwMzcgMjguNDU0MSA0OC44MjA4IDI4LjU0MDYgNDguODQ0NSAyOC42MjU4QzQ4Ljg3NDkgMjguNzQ0MyA0OC44OTg2IDI4Ljg2NCA0OC45MTE2IDI4Ljk2NTFMNDguOTc5MyAyOS42MDQ3QzQ4Ljk5MjIgMjkuNzc0OCA0OS4wMTMyIDI5LjkzMzEgNDkuMDMwMSAzMC4wODg3QzQ5LjA2NjggMzAuMzI2OCA0OS4wODg5IDMwLjU2MDggNDkuMDk2NCAzMC43NTYxTDQ5LjEwODMgMzEuOTAwMUM0OS4xMzEyIDMyLjMzMDcgNDkuMDg5IDMyLjcxMTYgNDkuMDUyMiAzMy4wNjczQzQ5LjAzODQgMzMuMjU5OCA0OS4wMTI2IDMzLjQ0NDMgNDkuMDEyMyAzMy41ODI0QzQ4Ljk5NjEgMzMuNjkyNiA0OC45OTE4IDMzLjc5MzUgNDguOTgzNiAzMy44OTE3QzQ4Ljk3NTMgMzQuMDA3MiA0OC45NzI0IDM0LjExNDggNDguOTQxNCAzNC4yNTU0TDQ4LjU0NDkgMzYuMzA1OUM0OC4zMTM0IDM3Ljg2MjMgNDkuMzc5MyAzOS4zMzY1IDUwLjk0ODggMzkuNTgyMkM1Mi4wNDE3IDM5Ljc2MDEgNTMuMTUzNiAzOS4yODE5IDUzLjc3MTEgMzguMzY2NEM1NC4wMDYzIDM4LjAxNzYgNTQuMTYwNCAzNy42MjU3IDU0LjIyMjcgMzcuMjA2NEw1NC41MjE3IDM1LjI1NzRDNTQuNTUxNCAzNS4wNzU2IDU0LjU3MiAzNC44MyA1NC41ODQ2IDM0LjU3OTFMNTQuNjAyOCAzNC4yMzM4QzU0LjYwOTggMzQuMDU5OCA1NC42MjIzIDMzLjg3NzkgNTQuNjM0NyAzMy42Nzg4QzU0LjY3MzQgMzMuMTA1MiA1NC43MTYzIDMyLjQ0NzkgNTQuNjYxOSAzMS44MDU4TDU0LjU4NjcgMzAuNDI4OUM1NC41NjIyIDMwLjA5NTIgNTQuNTA5NyAyOS43NiA1NC40NTU5IDI5LjQxODFDNTQuNDMxIDI5LjI1NzIgNTQuNDA0OCAyOS4wODk2IDU0LjM4MjYgMjguOTA3NEw1NC4yNjg3IDI4LjEwNEM1NC4yMzMyIDI3LjkyNDQgNTQuMTgwNCAyNy43MjczIDU0LjEzMjkgMjcuNTM5Nkw1NC4wNjQzIDI3LjI0NTRDNTQuMDE5NSAyNy4wNzEgNTMuOTc3MyAyNi44OTI3IDUzLjkzMzggMjYuNzA3NkM1My44NDU1IDI2LjMzMDkgNTMuNzQ3OSAyNS45NDIyIDUzLjYxMyAyNS41NTcxQzUyLjg0IDIzLjAyOTIgNTEuNTM4MyAyMC41MTk0IDQ5LjgzMzggMTguMjc5OUM0Ny44NTQ0IDE1LjY4MiA0NS4zMzMzIDEzLjUwODcgNDIuNTU2MyAxMS45ODE2WiIgZmlsbD0iIzQ5NDVGRiIvPgo8L3N2Zz4K";
|
|
2
|
+
|
|
3
|
+
export { loaderSvg as default };
|
package/dist/Loader/index.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Loader } from './Loader.mjs';
|
package/dist/Main/Main.js
CHANGED
|
@@ -1,12 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const styled = require('styled-components');
|
|
7
|
+
const Box = require('../Box/Box.js');
|
|
8
|
+
|
|
9
|
+
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
10
|
+
|
|
11
|
+
const styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
12
|
+
|
|
13
|
+
const MainWrapper = styled__default.default(Box.Box) `
|
|
5
14
|
// To prevent global outline on focus visible to force an outline when Main is focused
|
|
6
15
|
&:focus-visible {
|
|
7
16
|
outline: none;
|
|
8
17
|
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
18
|
+
`;
|
|
19
|
+
const Main = ({ labelledBy = 'main-content-title', ...props }) => {
|
|
20
|
+
return jsxRuntime.jsx(MainWrapper, { "aria-labelledby": labelledBy, as: "main", id: "main-content", tabIndex: -1, ...props });
|
|
12
21
|
};
|
|
22
|
+
|
|
23
|
+
exports.Main = Main;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { Box } from '../Box/Box.mjs';
|
|
4
|
+
|
|
5
|
+
const MainWrapper = styled(Box) `
|
|
6
|
+
// To prevent global outline on focus visible to force an outline when Main is focused
|
|
7
|
+
&:focus-visible {
|
|
8
|
+
outline: none;
|
|
9
|
+
}
|
|
10
|
+
`;
|
|
11
|
+
const Main = ({ labelledBy = 'main-content-title', ...props }) => {
|
|
12
|
+
return jsx(MainWrapper, { "aria-labelledby": labelledBy, as: "main", id: "main-content", tabIndex: -1, ...props });
|
|
13
|
+
};
|
|
14
|
+
|
|
15
|
+
export { Main };
|
|
@@ -1,14 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const styled = require('styled-components');
|
|
7
|
+
const Box = require('../Box/Box.js');
|
|
8
|
+
|
|
9
|
+
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
10
|
+
|
|
11
|
+
const styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
12
|
+
|
|
13
|
+
const AnchorBox = styled__default.default(Box.Box) `
|
|
5
14
|
text-decoration: none;
|
|
6
15
|
|
|
7
16
|
&:focus {
|
|
8
|
-
left: ${({ theme
|
|
9
|
-
top: ${({ theme
|
|
17
|
+
left: ${({ theme }) => theme.spaces[3]};
|
|
18
|
+
top: ${({ theme }) => theme.spaces[3]};
|
|
10
19
|
}
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
20
|
+
`;
|
|
21
|
+
const SkipToContent = ({ children }) => {
|
|
22
|
+
return (jsxRuntime.jsx(AnchorBox, { as: "a", href: "#main-content", background: "primary600", color: "neutral0", left: "-100%", padding: 3, position: "absolute", top: "-100%", hasRadius: true, zIndex: 9999, children: children }));
|
|
14
23
|
};
|
|
24
|
+
|
|
25
|
+
exports.SkipToContent = SkipToContent;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
import { Box } from '../Box/Box.mjs';
|
|
4
|
+
|
|
5
|
+
const AnchorBox = styled(Box) `
|
|
6
|
+
text-decoration: none;
|
|
7
|
+
|
|
8
|
+
&:focus {
|
|
9
|
+
left: ${({ theme }) => theme.spaces[3]};
|
|
10
|
+
top: ${({ theme }) => theme.spaces[3]};
|
|
11
|
+
}
|
|
12
|
+
`;
|
|
13
|
+
const SkipToContent = ({ children }) => {
|
|
14
|
+
return (jsx(AnchorBox, { as: "a", href: "#main-content", background: "primary600", color: "neutral0", left: "-100%", padding: 3, position: "absolute", top: "-100%", hasRadius: true, zIndex: 9999, children: children }));
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
export { SkipToContent };
|
package/dist/Main/index.js
CHANGED
|
@@ -1,6 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const Main = require('./Main.js');
|
|
6
|
+
const SkipToContent = require('./SkipToContent.js');
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
exports.Main = Main.Main;
|
|
11
|
+
exports.SkipToContent = SkipToContent.SkipToContent;
|
package/dist/MainNav/MainNav.js
CHANGED
|
@@ -1,11 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
4
|
+
|
|
5
|
+
const jsxRuntime = require('react/jsx-runtime');
|
|
6
|
+
const styled = require('styled-components');
|
|
7
|
+
const MainNavContext = require('./MainNavContext.js');
|
|
8
|
+
const Flex = require('../Flex/Flex.js');
|
|
9
|
+
|
|
10
|
+
const _interopDefault = e => e && e.__esModule ? e : { default: e };
|
|
11
|
+
|
|
12
|
+
const styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
13
|
+
|
|
14
|
+
const MainNavWrapper = styled__default.default(Flex.Flex) `
|
|
15
|
+
width: ${({ condensed }) => (condensed ? 'max-content' : `${224 / 16}rem`)};
|
|
16
|
+
border-right: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
17
|
+
`;
|
|
18
|
+
const MainNav = ({ condensed = false, ...props }) => {
|
|
19
|
+
return (jsxRuntime.jsx(MainNavContext.MainNavContext.Provider, { value: condensed, children: jsxRuntime.jsx(MainNavWrapper, { alignItems: "normal", as: "nav", background: "neutral0", condensed: condensed, direction: "column", height: "100vh", position: "sticky", top: 0, zIndex: 2, ...props }) }));
|
|
11
20
|
};
|
|
21
|
+
|
|
22
|
+
exports.MainNav = MainNav;
|