@okam/stack-ui 1.25.2 → 1.25.3
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/.eslintrc.js +32 -0
- package/.storybook/.eslintrc.js +29 -0
- package/.storybook/main.ts +33 -0
- package/.storybook/preview.js +56 -0
- package/.storybook/tsconfig.json +17 -0
- package/CHANGELOG.md +574 -0
- package/README.md +8 -0
- package/package.json +1 -1
- package/postcss.config.js +15 -0
- package/project.json +77 -0
- package/src/_stories/icons/code-brackets.svg +1 -0
- package/src/_stories/icons/colors.svg +1 -0
- package/src/_stories/icons/comments.svg +1 -0
- package/src/_stories/icons/direction.svg +1 -0
- package/src/_stories/icons/flow.svg +1 -0
- package/src/_stories/icons/plugin.svg +1 -0
- package/src/_stories/icons/repo.svg +1 -0
- package/src/_stories/icons/stackalt.svg +1 -0
- package/src/components/Accordion/accordion.stories.mdx +240 -0
- package/src/components/Accordion/components/AccordionItem.tsx +53 -0
- package/src/components/Accordion/components/AriaAccordionItem.tsx +76 -0
- package/src/components/Accordion/hooks/useAccordionState.ts +46 -0
- package/src/components/Accordion/index.tsx +38 -0
- package/{components/Accordion/interface.d.ts → src/components/Accordion/interface.ts} +23 -17
- package/src/components/Alerts/alerts.stories.mdx +282 -0
- package/src/components/Alerts/components/AlertsCloseButton.tsx +20 -0
- package/src/components/Alerts/components/AlertsItem.tsx +39 -0
- package/src/components/Alerts/components/AlertsNavigationButton.tsx +71 -0
- package/src/components/Alerts/components/AlertsSwiper.tsx +125 -0
- package/src/components/Alerts/components/pagination/AlertsPagination.tsx +32 -0
- package/src/components/Alerts/components/pagination/AlertsPaginationBullet.tsx +61 -0
- package/src/components/Alerts/index.tsx +54 -0
- package/src/components/Alerts/interface.ts +51 -0
- package/src/components/Box/box.stories.mdx +27 -0
- package/src/components/Box/index.tsx +36 -0
- package/src/components/Box/interface.ts +10 -0
- package/src/components/Button/button.stories.mdx +99 -0
- package/src/components/Button/index.tsx +92 -0
- package/src/components/Button/interface.ts +22 -0
- package/src/components/Calendar/RangeCalendar.tsx +61 -0
- package/src/components/Calendar/calendar.stories.mdx +28 -0
- package/src/components/Calendar/components/CalendarCell.tsx +60 -0
- package/src/components/Calendar/components/CalendarGrid.tsx +44 -0
- package/src/components/Calendar/index.tsx +63 -0
- package/src/components/Calendar/interface.ts +37 -0
- package/src/components/Carousel/carousel.stories.mdx +182 -0
- package/src/components/Carousel/index.tsx +99 -0
- package/src/components/Carousel/interface.ts +26 -0
- package/src/components/Date/date.stories.mdx +122 -0
- package/src/components/Date/index.tsx +35 -0
- package/src/components/Date/interface.ts +7 -0
- package/src/components/Dialog/index.tsx +14 -0
- package/src/components/Dialog/interface.ts +6 -0
- package/src/components/DirectusImg/index.tsx +59 -0
- package/src/components/DirectusImg/interface.ts +19 -0
- package/src/components/Icon/index.tsx +40 -0
- package/src/components/Icon/interface.ts +8 -0
- package/src/components/Img/img.stories.mdx +28 -0
- package/src/components/Img/index.tsx +30 -0
- package/src/components/Img/interface.ts +9 -0
- package/src/components/Lightbox/hooks/overlay/index.tsx +36 -0
- package/src/components/Lightbox/index.tsx +82 -0
- package/src/components/Lightbox/interface.ts +28 -0
- package/src/components/Lightbox/lightbox.stories.mdx +79 -0
- package/src/components/Menu/Menu.tsx +43 -0
- package/src/components/Menu/MenuSidePanel.tsx +41 -0
- package/src/components/Menu/components/InnerContent.tsx +26 -0
- package/src/components/Menu/components/MenuItems.tsx +133 -0
- package/src/components/Menu/components/TabContainer.tsx +13 -0
- package/src/components/Menu/interface.ts +41 -0
- package/src/components/Menu/menu.stories.mdx +23 -0
- package/src/components/Modal/components/ModalDialog.tsx +31 -0
- package/src/components/Modal/components/ModalOverlay.tsx +21 -0
- package/src/components/Modal/index.tsx +32 -0
- package/{components/Modal/interface.d.ts → src/components/Modal/interface.ts} +14 -11
- package/src/components/Popover/index.tsx +138 -0
- package/src/components/Popover/interface.ts +25 -0
- package/src/components/Popover/popover.stories.mdx +66 -0
- package/src/components/ShareButton/index.tsx +172 -0
- package/src/components/ShareButton/interface.ts +29 -0
- package/src/components/ShareButton/share-button.stories.mdx +48 -0
- package/src/components/ShareButton/utils/generateUtmTags.ts +4 -0
- package/src/components/ShareButton/utils/useFacebookShareUrl.ts +15 -0
- package/src/components/ShareButton/utils/useMailToShareUrl.ts +15 -0
- package/src/components/ShareButton/utils/useTwitterShareUrl.ts +15 -0
- package/src/components/ShareButton/utils/useWindow.ts +17 -0
- package/src/components/SidePanel/index.tsx +43 -0
- package/src/components/SidePanel/interface.ts +16 -0
- package/src/components/SidePanel/side-panel.stories.mdx +44 -0
- package/src/components/TabList/components/Tab/Tab.tsx +19 -0
- package/src/components/TabList/components/TabPanel/TabPanel.tsx +27 -0
- package/src/components/TabList/index.tsx +44 -0
- package/src/components/TabList/interface.ts +23 -0
- package/src/components/Typography/index.tsx +35 -0
- package/src/components/Typography/interface.ts +9 -0
- package/src/components/Typography/typo.stories.mdx +157 -0
- package/src/components/WysiwygBlock/index.tsx +20 -0
- package/src/components/WysiwygBlock/interface.ts +7 -0
- package/src/components/WysiwygBlock/wysiwyg.stories.mdx +53 -0
- package/src/components/fields/Checkbox/Checkbox.interface.ts +21 -0
- package/src/components/fields/Checkbox/Checkbox.stories.mdx +127 -0
- package/src/components/fields/Checkbox/index.tsx +62 -0
- package/src/components/fields/CheckboxGroup/checkbox-group.stories.mdx +59 -0
- package/src/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.tsx +66 -0
- package/src/components/fields/CheckboxGroup/index.tsx +49 -0
- package/src/components/fields/CheckboxGroup/interface.ts +17 -0
- package/src/components/fields/DatePicker/DateRangePicker.tsx +73 -0
- package/src/components/fields/DatePicker/components/CalendarPopover.tsx +31 -0
- package/src/components/fields/DatePicker/components/DateField.tsx +61 -0
- package/src/components/fields/DatePicker/date-picker.stories.mdx +55 -0
- package/src/components/fields/DatePicker/index.tsx +71 -0
- package/src/components/fields/DatePicker/interface.ts +69 -0
- package/src/components/fields/Radio/Radio.interface.ts +30 -0
- package/src/components/fields/Radio/index.tsx +63 -0
- package/src/components/fields/RadioGroup/index.tsx +33 -0
- package/src/components/fields/RadioGroup/interface.ts +10 -0
- package/src/components/fields/RadioGroup/radio-group.stories.mdx +56 -0
- package/src/components/fields/SearchField/index.tsx +59 -0
- package/src/components/fields/SearchField/interface.ts +10 -0
- package/src/components/fields/SearchField/search.stories.mdx +91 -0
- package/src/components/fields/Select/Select.interface.ts +24 -0
- package/src/components/fields/Select/Select.stories.mdx +53 -0
- package/src/components/fields/Select/Select.tsx +108 -0
- package/{components/fields/Select/components/Listbox.interface.d.ts → src/components/fields/Select/components/Listbox.interface.ts} +11 -8
- package/src/components/fields/Select/components/Listbox.tsx +40 -0
- package/src/components/fields/Select/components/Popover.interface.ts +14 -0
- package/src/components/fields/Select/components/Popover.tsx +32 -0
- package/{components/fields/SelectItem/SelectItem.interface.d.ts → src/components/fields/SelectItem/SelectItem.interface.ts} +4 -3
- package/src/components/fields/SelectItem/SelectItem.tsx +10 -0
- package/src/components/fields/TextArea/index.tsx +105 -0
- package/src/components/fields/TextArea/textArea.stories.mdx +60 -0
- package/src/components/fields/TextInputField/index.tsx +107 -0
- package/src/components/fields/TextInputField/interface.ts +30 -0
- package/src/components/fields/TextInputField/text-input-field.stories.mdx +64 -0
- package/src/components/icons/ArrowDown.tsx +11 -0
- package/src/components/icons/ArrowLeft.tsx +18 -0
- package/src/components/icons/ArrowRight.tsx +18 -0
- package/src/components/icons/Check.tsx +11 -0
- package/src/components/icons/ChevronLeft.tsx +11 -0
- package/src/components/icons/ChevronRight.tsx +11 -0
- package/src/components/icons/CloseBtn.tsx +11 -0
- package/src/components/icons/Facebook.tsx +14 -0
- package/src/components/icons/FacebookColored.tsx +16 -0
- package/src/components/icons/FacebookRounded.tsx +16 -0
- package/src/components/icons/Globe.tsx +38 -0
- package/src/components/icons/IconFallback.tsx +8 -0
- package/src/components/icons/Instagram.tsx +14 -0
- package/src/components/icons/InstagramColored.tsx +59 -0
- package/src/components/icons/Link.tsx +14 -0
- package/src/components/icons/LinkedIn.tsx +16 -0
- package/src/components/icons/Mail.tsx +16 -0
- package/src/components/icons/Plus.tsx +18 -0
- package/src/components/icons/Search.tsx +19 -0
- package/src/components/icons/Share.tsx +16 -0
- package/src/components/icons/Twitter.tsx +16 -0
- package/src/components/icons/TwitterColored.tsx +16 -0
- package/src/components/icons/Upload.tsx +14 -0
- package/src/components/icons/X.tsx +14 -0
- package/src/components/icons/YouTube.tsx +16 -0
- package/src/components/icons/YouTubeColored.tsx +17 -0
- package/src/components/icons/index.ts +24 -0
- package/src/examples/PageLayout/index.tsx +61 -0
- package/src/examples/PageLayout/layout.stories.mdx +35 -0
- package/{index.d.ts → src/index.ts} +72 -57
- package/src/message.tsx +8 -0
- package/src/providers/Accordion/index.tsx +15 -0
- package/src/providers/Accordion/interface.ts +14 -0
- package/src/providers/Alerts/index.tsx +15 -0
- package/src/providers/Alerts/interface.ts +11 -0
- package/src/providers/CheckboxGroup/index.tsx +22 -0
- package/{providers/CheckboxGroup/interface.d.ts → src/providers/CheckboxGroup/interface.ts} +5 -4
- package/src/providers/Client/index.tsx +21 -0
- package/src/providers/Client/interface.ts +13 -0
- package/src/providers/Menu/index.tsx +43 -0
- package/src/providers/Menu/interface.ts +32 -0
- package/src/providers/RadioGroup/RadioGroup.interface.ts +8 -0
- package/src/providers/RadioGroup/RadioGroup.tsx +25 -0
- package/src/providers/SidePanel/index.tsx +55 -0
- package/src/providers/SidePanel/interface.ts +26 -0
- package/src/providers/Theme/hooks.ts +25 -0
- package/src/providers/Theme/index.tsx +40 -0
- package/src/providers/Theme/interface.ts +28 -0
- package/src/providers/Theme/utils.ts +3 -0
- package/src/providers/UserSearchQuery/index.tsx +20 -0
- package/src/providers/UserSearchQuery/interface.ts +12 -0
- package/src/storybook/Lightbox/LightboxControlledState.tsx +28 -0
- package/src/storybook/Menu/Menu.tsx +177 -0
- package/src/storybook/Menu/NestedMenu.tsx +24 -0
- package/src/storybook/Menu/mock.tsx +84 -0
- package/src/storybook/SelectField/index.tsx +57 -0
- package/src/storybook/ShareButtonExample/index.tsx +66 -0
- package/src/tailwind.css +3 -0
- package/src/theme/Accordion/index.tsx +101 -0
- package/src/theme/Alerts/index.ts +97 -0
- package/src/theme/Box/index.ts +45 -0
- package/src/theme/Button/index.tsx +72 -0
- package/src/theme/Calendar/index.tsx +167 -0
- package/src/theme/Carousel/index.ts +36 -0
- package/src/theme/Checkbox/index.ts +49 -0
- package/src/theme/CheckboxGroup/index.ts +14 -0
- package/src/theme/DatePicker/index.tsx +42 -0
- package/src/theme/Image/index.ts +8 -0
- package/src/theme/LightBox/index.ts +56 -0
- package/src/theme/Radio/index.ts +31 -0
- package/src/theme/RadioGroup/index.ts +14 -0
- package/src/theme/Search/index.ts +20 -0
- package/src/theme/ShareButton/index.tsx +76 -0
- package/src/theme/SidePanel/index.ts +9 -0
- package/src/theme/TextArea/index.ts +25 -0
- package/src/theme/Typography/index.tsx +44 -0
- package/src/theme/index.tsx +178 -0
- package/src/transitions/AccordionTransition.tsx +26 -0
- package/src/transitions/ModalTransition.tsx +38 -0
- package/src/transitions/RenderWithOpacity.tsx +25 -0
- package/src/transitions/RenderWithSlide.tsx +21 -0
- package/src/transitions/SidePanelTransition.tsx +30 -0
- package/src/types/components.ts +34 -0
- package/static/images/image.png +0 -0
- package/tailwind.config.js +14 -0
- package/tsconfig.json +20 -0
- package/tsconfig.lib.json +25 -0
- package/vite.config.ts +58 -0
- package/components/Accordion/components/AccordionItem.d.ts +0 -3
- package/components/Accordion/components/AriaAccordionItem.d.ts +0 -3
- package/components/Accordion/hooks/useAccordionState.d.ts +0 -10
- package/components/Accordion/index.d.ts +0 -3
- package/components/Alerts/components/AlertsCloseButton.d.ts +0 -4
- package/components/Alerts/components/AlertsItem.d.ts +0 -3
- package/components/Alerts/components/AlertsNavigationButton.d.ts +0 -8
- package/components/Alerts/components/AlertsSwiper.d.ts +0 -3
- package/components/Alerts/components/pagination/AlertsPagination.d.ts +0 -3
- package/components/Alerts/components/pagination/AlertsPaginationBullet.d.ts +0 -3
- package/components/Alerts/index.d.ts +0 -3
- package/components/Alerts/interface.d.ts +0 -41
- package/components/Box/index.d.ts +0 -5
- package/components/Box/interface.d.ts +0 -10
- package/components/Button/index.d.ts +0 -6
- package/components/Button/interface.d.ts +0 -20
- package/components/Calendar/RangeCalendar.d.ts +0 -3
- package/components/Calendar/components/CalendarCell.d.ts +0 -3
- package/components/Calendar/components/CalendarGrid.d.ts +0 -3
- package/components/Calendar/index.d.ts +0 -3
- package/components/Calendar/interface.d.ts +0 -32
- package/components/Carousel/index.d.ts +0 -3
- package/components/Carousel/interface.d.ts +0 -24
- package/components/Date/index.d.ts +0 -3
- package/components/Date/interface.d.ts +0 -6
- package/components/Dialog/index.d.ts +0 -2
- package/components/Dialog/interface.d.ts +0 -6
- package/components/DirectusImg/index.d.ts +0 -3
- package/components/DirectusImg/interface.d.ts +0 -13
- package/components/Icon/index.d.ts +0 -3
- package/components/Icon/interface.d.ts +0 -7
- package/components/Img/index.d.ts +0 -3
- package/components/Img/interface.d.ts +0 -6
- package/components/Lightbox/index.d.ts +0 -3
- package/components/Lightbox/interface.d.ts +0 -25
- package/components/Menu/Menu.d.ts +0 -3
- package/components/Menu/MenuSidePanel.d.ts +0 -3
- package/components/Menu/components/InnerContent.d.ts +0 -3
- package/components/Menu/components/MenuItems.d.ts +0 -3
- package/components/Menu/components/TabContainer.d.ts +0 -3
- package/components/Menu/interface.d.ts +0 -31
- package/components/Modal/components/ModalDialog.d.ts +0 -3
- package/components/Modal/components/ModalOverlay.d.ts +0 -3
- package/components/Modal/index.d.ts +0 -3
- package/components/Popover/index.d.ts +0 -3
- package/components/Popover/interface.d.ts +0 -21
- package/components/ShareButton/index.d.ts +0 -4
- package/components/ShareButton/interface.d.ts +0 -26
- package/components/ShareButton/utils/generateUtmTags.d.ts +0 -2
- package/components/ShareButton/utils/useFacebookShareUrl.d.ts +0 -2
- package/components/ShareButton/utils/useMailToShareUrl.d.ts +0 -2
- package/components/ShareButton/utils/useTwitterShareUrl.d.ts +0 -2
- package/components/ShareButton/utils/useWindow.d.ts +0 -5
- package/components/SidePanel/index.d.ts +0 -4
- package/components/SidePanel/interface.d.ts +0 -12
- package/components/TabList/components/TabPanel/TabPanel.d.ts +0 -4
- package/components/TabList/interface.d.ts +0 -18
- package/components/Typography/index.d.ts +0 -5
- package/components/Typography/interface.d.ts +0 -9
- package/components/WysiwygBlock/index.d.ts +0 -3
- package/components/WysiwygBlock/interface.d.ts +0 -5
- package/components/fields/Checkbox/Checkbox.interface.d.ts +0 -18
- package/components/fields/Checkbox/index.d.ts +0 -3
- package/components/fields/CheckboxGroup/components/CheckboxGroupItem/index.d.ts +0 -3
- package/components/fields/CheckboxGroup/index.d.ts +0 -3
- package/components/fields/CheckboxGroup/interface.d.ts +0 -13
- package/components/fields/DatePicker/DateRangePicker.d.ts +0 -3
- package/components/fields/DatePicker/components/CalendarPopover.d.ts +0 -2
- package/components/fields/DatePicker/components/DateField.d.ts +0 -4
- package/components/fields/DatePicker/index.d.ts +0 -3
- package/components/fields/DatePicker/interface.d.ts +0 -37
- package/components/fields/Radio/Radio.interface.d.ts +0 -26
- package/components/fields/Radio/index.d.ts +0 -4
- package/components/fields/RadioGroup/index.d.ts +0 -3
- package/components/fields/RadioGroup/interface.d.ts +0 -9
- package/components/fields/SearchField/index.d.ts +0 -3
- package/components/fields/SearchField/interface.d.ts +0 -9
- package/components/fields/Select/Select.d.ts +0 -4
- package/components/fields/Select/Select.interface.d.ts +0 -26
- package/components/fields/Select/components/Listbox.d.ts +0 -4
- package/components/fields/Select/components/Popover.d.ts +0 -3
- package/components/fields/Select/components/Popover.interface.d.ts +0 -13
- package/components/fields/SelectItem/SelectItem.d.ts +0 -3
- package/components/fields/TextArea/index.d.ts +0 -4
- package/components/fields/TextInputField/index.d.ts +0 -4
- package/components/fields/TextInputField/interface.d.ts +0 -24
- package/components/icons/ArrowDown.d.ts +0 -3
- package/components/icons/ArrowLeft.d.ts +0 -3
- package/components/icons/ArrowRight.d.ts +0 -3
- package/components/icons/Check.d.ts +0 -3
- package/components/icons/ChevronLeft.d.ts +0 -3
- package/components/icons/ChevronRight.d.ts +0 -3
- package/components/icons/CloseBtn.d.ts +0 -3
- package/components/icons/Facebook.d.ts +0 -3
- package/components/icons/FacebookColored.d.ts +0 -3
- package/components/icons/FacebookRounded.d.ts +0 -3
- package/components/icons/Globe.d.ts +0 -3
- package/components/icons/IconFallback.d.ts +0 -3
- package/components/icons/Instagram.d.ts +0 -3
- package/components/icons/InstagramColored.d.ts +0 -3
- package/components/icons/Link.d.ts +0 -3
- package/components/icons/LinkedIn.d.ts +0 -3
- package/components/icons/Mail.d.ts +0 -3
- package/components/icons/Plus.d.ts +0 -3
- package/components/icons/Search.d.ts +0 -3
- package/components/icons/Share.d.ts +0 -3
- package/components/icons/Twitter.d.ts +0 -3
- package/components/icons/TwitterColored.d.ts +0 -3
- package/components/icons/Upload.d.ts +0 -3
- package/components/icons/X.d.ts +0 -3
- package/components/icons/YouTube.d.ts +0 -3
- package/components/icons/YouTubeColored.d.ts +0 -3
- package/components/icons/index.d.ts +0 -24
- package/index.js +0 -110
- package/index.mjs +0 -12897
- package/providers/Accordion/index.d.ts +0 -4
- package/providers/Accordion/interface.d.ts +0 -12
- package/providers/Alerts/index.d.ts +0 -4
- package/providers/Alerts/interface.d.ts +0 -9
- package/providers/CheckboxGroup/index.d.ts +0 -5
- package/providers/Client/index.d.ts +0 -4
- package/providers/Client/interface.d.ts +0 -10
- package/providers/Menu/index.d.ts +0 -4
- package/providers/Menu/interface.d.ts +0 -28
- package/providers/RadioGroup/RadioGroup.d.ts +0 -5
- package/providers/RadioGroup/RadioGroup.interface.d.ts +0 -7
- package/providers/SidePanel/index.d.ts +0 -4
- package/providers/SidePanel/interface.d.ts +0 -23
- package/providers/Theme/hooks.d.ts +0 -3
- package/providers/Theme/index.d.ts +0 -10
- package/providers/Theme/interface.d.ts +0 -24
- package/providers/Theme/utils.d.ts +0 -2
- package/providers/UserSearchQuery/index.d.ts +0 -4
- package/providers/UserSearchQuery/interface.d.ts +0 -10
- package/style.css +0 -1
- package/theme/Accordion/index.d.ts +0 -274
- package/theme/Alerts/index.d.ts +0 -1167
- package/theme/Box/index.d.ts +0 -214
- package/theme/Button/index.d.ts +0 -121
- package/theme/Calendar/index.d.ts +0 -366
- package/theme/Carousel/index.d.ts +0 -9
- package/theme/Checkbox/index.d.ts +0 -159
- package/theme/CheckboxGroup/index.d.ts +0 -30
- package/theme/DatePicker/index.d.ts +0 -43
- package/theme/Image/index.d.ts +0 -3
- package/theme/LightBox/index.d.ts +0 -455
- package/theme/Radio/index.d.ts +0 -108
- package/theme/RadioGroup/index.d.ts +0 -30
- package/theme/Search/index.d.ts +0 -30
- package/theme/ShareButton/index.d.ts +0 -174
- package/theme/SidePanel/index.d.ts +0 -3
- package/theme/TextArea/index.d.ts +0 -29
- package/theme/Typography/index.d.ts +0 -233
- package/theme/index.d.ts +0 -5
- package/transitions/AccordionTransition.d.ts +0 -3
- package/transitions/ModalTransition.d.ts +0 -7
- package/transitions/RenderWithOpacity.d.ts +0 -3
- package/transitions/RenderWithSlide.d.ts +0 -7
- package/transitions/SidePanelTransition.d.ts +0 -7
- package/types/components.d.ts +0 -28
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { TToken } from '../../providers/Theme/interface';
|
|
3
|
-
import type { TDefaultComponent } from '../../types/components';
|
|
4
|
-
export interface TTypographyProps<T = TToken> extends TDefaultComponent<T> {
|
|
5
|
-
children?: React.ReactNode;
|
|
6
|
-
dangerouslySetInnerHTML?: {
|
|
7
|
-
__html: string | TrustedHTML;
|
|
8
|
-
};
|
|
9
|
-
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { AriaCheckboxProps } from 'react-aria';
|
|
3
|
-
import type { TDefaultComponent } from '../../../types/components';
|
|
4
|
-
export interface TCheckboxProps extends TDefaultComponent, AriaCheckboxProps {
|
|
5
|
-
label: string;
|
|
6
|
-
isError?: boolean;
|
|
7
|
-
errorMessage?: string;
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
icon?: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
export interface TCheckboxLabelStyles {
|
|
12
|
-
isDisabled?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export interface TCheckboxStyles {
|
|
15
|
-
isDisabled?: boolean;
|
|
16
|
-
isFocused?: boolean;
|
|
17
|
-
isError?: boolean;
|
|
18
|
-
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { AriaCheckboxGroupItemProps } from 'react-aria';
|
|
3
|
-
import type { CheckboxGroupProps } from 'react-stately';
|
|
4
|
-
import type { TDefaultComponent } from '../../../types/components';
|
|
5
|
-
import type { TCheckboxProps } from '../Checkbox/Checkbox.interface';
|
|
6
|
-
export interface TCheckboxGroupProps extends TDefaultComponent, CheckboxGroupProps {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
isError?: boolean;
|
|
9
|
-
isDisabled?: boolean;
|
|
10
|
-
errorMessage?: string;
|
|
11
|
-
label?: string;
|
|
12
|
-
}
|
|
13
|
-
export type TCheckboxGroupItemProps = TDefaultComponent & Omit<AriaCheckboxGroupItemProps, 'children'> & Omit<TCheckboxProps, 'children'>;
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import type { DateValue } from '@internationalized/date';
|
|
2
|
-
import type { DateFieldState, DateSegment, DatePickerStateOptions, DateRangePickerStateOptions } from '@react-stately/datepicker';
|
|
3
|
-
import type { RangeValue } from '@react-types/shared';
|
|
4
|
-
import type React from 'react';
|
|
5
|
-
import type { AriaPopoverProps } from 'react-aria';
|
|
6
|
-
import type { OverlayTriggerState } from 'react-stately';
|
|
7
|
-
import type { TDefaultComponent } from '../../../types/components';
|
|
8
|
-
export interface TDateSegmentProps {
|
|
9
|
-
segment: DateSegment;
|
|
10
|
-
state: DateFieldState;
|
|
11
|
-
}
|
|
12
|
-
type PopoverPlacement = 'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom';
|
|
13
|
-
export interface TDatePickerProps extends DatePickerStateOptions<DateValue>, TDefaultComponent {
|
|
14
|
-
label?: string;
|
|
15
|
-
popoverPlacement?: PopoverPlacement;
|
|
16
|
-
icon?: string;
|
|
17
|
-
buttonLabel?: string;
|
|
18
|
-
description?: string;
|
|
19
|
-
}
|
|
20
|
-
export interface TDateRangePickerProps extends DateRangePickerStateOptions<DateValue>, TDefaultComponent {
|
|
21
|
-
buttonLabel?: string;
|
|
22
|
-
label?: string;
|
|
23
|
-
description?: string;
|
|
24
|
-
icon?: string;
|
|
25
|
-
popoverPlacement?: PopoverPlacement;
|
|
26
|
-
minValue?: DateValue;
|
|
27
|
-
value?: {
|
|
28
|
-
start: DateValue;
|
|
29
|
-
end: DateValue;
|
|
30
|
-
};
|
|
31
|
-
onChange?: (value: RangeValue<DateValue>) => void;
|
|
32
|
-
}
|
|
33
|
-
export interface TCalendarPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
|
|
34
|
-
children: React.ReactNode;
|
|
35
|
-
state: OverlayTriggerState;
|
|
36
|
-
}
|
|
37
|
-
export {};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { ChangeHandler, RefCallBack } from 'react-hook-form';
|
|
3
|
-
import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
|
|
4
|
-
export type TFieldReactHookForm = TReactHookForm & TDefaultComponent;
|
|
5
|
-
export interface TRadioProps extends TFieldReactHookForm {
|
|
6
|
-
id: string;
|
|
7
|
-
label: string;
|
|
8
|
-
name: string;
|
|
9
|
-
required?: boolean;
|
|
10
|
-
isDisabled?: boolean;
|
|
11
|
-
isError?: boolean;
|
|
12
|
-
errorMessage?: string;
|
|
13
|
-
ariaLabel?: string;
|
|
14
|
-
value: string;
|
|
15
|
-
onChange?: ((isSelected: boolean) => void) | ChangeHandler;
|
|
16
|
-
inputRef?: RefCallBack;
|
|
17
|
-
icon?: React.ReactNode;
|
|
18
|
-
}
|
|
19
|
-
export interface TRadioLabelStyles {
|
|
20
|
-
isDisabled?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export interface TRadioStyles {
|
|
23
|
-
isDisabled?: boolean;
|
|
24
|
-
isFocused?: boolean;
|
|
25
|
-
isError?: boolean;
|
|
26
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { TDefaultComponent } from '../../../types/components';
|
|
3
|
-
export interface TRadioGroupProps extends TDefaultComponent {
|
|
4
|
-
children: React.ReactNode;
|
|
5
|
-
isError?: boolean;
|
|
6
|
-
isDisabled?: boolean;
|
|
7
|
-
errorMessage?: string;
|
|
8
|
-
label?: string;
|
|
9
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { AriaSearchFieldProps } from 'react-aria';
|
|
3
|
-
import type { TDefaultComponent } from '../../../types/components';
|
|
4
|
-
export default interface TSearchProps extends AriaSearchFieldProps, TDefaultComponent {
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
placeholder?: string;
|
|
7
|
-
ariaLabel?: string;
|
|
8
|
-
errorMessage?: React.ReactNode;
|
|
9
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { TSelectProps } from './Select.interface';
|
|
2
|
-
declare const Select: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ReactHookFormSelect: (props: TSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default Select;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { Key } from 'react';
|
|
2
|
-
import type React from 'react';
|
|
3
|
-
import type { RefCallBack } from 'react-hook-form';
|
|
4
|
-
import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
|
|
5
|
-
export type TFieldReactHookForm = TReactHookForm & Omit<TDefaultComponent, 'children'>;
|
|
6
|
-
export interface TSelectProps extends TFieldReactHookForm {
|
|
7
|
-
id: string;
|
|
8
|
-
icon?: string | React.ReactNode;
|
|
9
|
-
label?: string;
|
|
10
|
-
name: string;
|
|
11
|
-
required?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
isError?: boolean;
|
|
14
|
-
errorMessage?: string;
|
|
15
|
-
fieldRef?: RefCallBack;
|
|
16
|
-
placeholderLabel: string;
|
|
17
|
-
hookFormRef?: RefCallBack;
|
|
18
|
-
onSelectionChange?: (value: Key) => void;
|
|
19
|
-
defaultValue?: string;
|
|
20
|
-
value?: string;
|
|
21
|
-
popoverMatchesWidth?: boolean;
|
|
22
|
-
options?: {
|
|
23
|
-
key: string;
|
|
24
|
-
value: string;
|
|
25
|
-
}[];
|
|
26
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { TListBoxProps, TOptionProps } from './Listbox.interface';
|
|
2
|
-
declare const Option: ({ item, state, themeName }: TOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
declare const ListBox: (props: TListBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export { ListBox, Option };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type React from 'react';
|
|
2
|
-
import type { AriaPopoverProps } from 'react-aria';
|
|
3
|
-
import type { OverlayTriggerState } from 'react-stately';
|
|
4
|
-
import type { TToken } from '../../../../providers/Theme/interface';
|
|
5
|
-
import type { TDefaultComponent } from '../../../../types/components';
|
|
6
|
-
export interface TPopoverProps extends Omit<AriaPopoverProps, 'popoverRef'>, TDefaultComponent {
|
|
7
|
-
children: React.ReactNode;
|
|
8
|
-
state: OverlayTriggerState;
|
|
9
|
-
variant?: string;
|
|
10
|
-
popoverRef?: React.RefObject<HTMLDivElement>;
|
|
11
|
-
tokens?: TToken;
|
|
12
|
-
style?: React.CSSProperties;
|
|
13
|
-
}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { TTextInputProps } from '../TextInputField/interface';
|
|
2
|
-
declare const TextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ReactHookFormTextArea: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default TextArea;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import type { TTextInputProps } from './interface';
|
|
2
|
-
declare const TextInputField: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
-
export declare const ReactHookFormInput: (props: TTextInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
-
export default TextInputField;
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { InputHTMLAttributes } from 'react';
|
|
2
|
-
import type { AriaTextFieldOptions } from 'react-aria';
|
|
3
|
-
import type { RefCallBack } from 'react-hook-form';
|
|
4
|
-
import type { TDefaultComponent, TReactHookForm } from '../../../types/components';
|
|
5
|
-
export type TFieldReactHookForm = TDefaultComponent & TReactHookForm;
|
|
6
|
-
export interface TTextInputProps extends TFieldReactHookForm, Omit<AriaTextFieldOptions<'input'>, 'onChange' | 'onBlur'> {
|
|
7
|
-
name: string;
|
|
8
|
-
ariaLabel?: string;
|
|
9
|
-
errorMessage?: string;
|
|
10
|
-
fieldRef?: RefCallBack;
|
|
11
|
-
/**
|
|
12
|
-
* @deprecated use isRequired instead
|
|
13
|
-
*/
|
|
14
|
-
required?: boolean;
|
|
15
|
-
/**
|
|
16
|
-
* @deprecated use isDisabled instead
|
|
17
|
-
*/
|
|
18
|
-
disabled?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* @deprecated depends on errorMEssage
|
|
21
|
-
*/
|
|
22
|
-
isError?: boolean;
|
|
23
|
-
}
|
|
24
|
-
export type TUseTextFieldInputProps = InputHTMLAttributes<HTMLInputElement>;
|
package/components/icons/X.d.ts
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
export { default as ArrowDown } from './ArrowDown';
|
|
2
|
-
export { default as ArrowLeft } from './ArrowLeft';
|
|
3
|
-
export { default as ArrowRight } from './ArrowRight';
|
|
4
|
-
export { default as Check } from './Check';
|
|
5
|
-
export { default as ChevronLeft } from './ChevronLeft';
|
|
6
|
-
export { default as ChevronRight } from './ChevronRight';
|
|
7
|
-
export { default as CloseBtn } from './CloseBtn';
|
|
8
|
-
export { default as Facebook } from './Facebook';
|
|
9
|
-
export { default as FacebookColored } from './FacebookColored';
|
|
10
|
-
export { default as FacebookRounded } from './FacebookRounded';
|
|
11
|
-
export { default as Globe } from './Globe';
|
|
12
|
-
export { default as Instagram } from './Instagram';
|
|
13
|
-
export { default as InstagramColored } from './InstagramColored';
|
|
14
|
-
export { default as Link } from './Link';
|
|
15
|
-
export { default as LinkedIn } from './LinkedIn';
|
|
16
|
-
export { default as Mail } from './Mail';
|
|
17
|
-
export { default as Plus } from './Plus';
|
|
18
|
-
export { default as Share } from './Share';
|
|
19
|
-
export { default as Twitter } from './Twitter';
|
|
20
|
-
export { default as TwitterColored } from './TwitterColored';
|
|
21
|
-
export { default as Upload } from './Upload';
|
|
22
|
-
export { default as X } from './X';
|
|
23
|
-
export { default as YouTube } from './YouTube';
|
|
24
|
-
export { default as YouTubeColored } from './YouTubeColored';
|