@vintedsamulionis/lovable-web-ui 70.3.4
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/README.md +5 -0
- package/dist/cjs/index.js +15555 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/styles/vinted/style.css +1 -0
- package/dist/cjs/styles/vintedgo/style.css +1 -0
- package/dist/esm/constants/html.js +10 -0
- package/dist/esm/constants/html.js.map +1 -0
- package/dist/esm/constants/keyboard.js +18 -0
- package/dist/esm/constants/keyboard.js.map +1 -0
- package/dist/esm/constants/portal.js +11 -0
- package/dist/esm/constants/portal.js.map +1 -0
- package/dist/esm/constants/spacing.js +74 -0
- package/dist/esm/constants/spacing.js.map +1 -0
- package/dist/esm/constants/ui.js +55 -0
- package/dist/esm/constants/ui.js.map +1 -0
- package/dist/esm/hooks/index.js +6 -0
- package/dist/esm/hooks/index.js.map +1 -0
- package/dist/esm/hooks/useDrag/index.js +4 -0
- package/dist/esm/hooks/useDrag/index.js.map +1 -0
- package/dist/esm/hooks/useDrag/type.js +2 -0
- package/dist/esm/hooks/useDrag/type.js.map +1 -0
- package/dist/esm/hooks/useDrag/useDrag.js +11 -0
- package/dist/esm/hooks/useDrag/useDrag.js.map +1 -0
- package/dist/esm/hooks/useDrag/useDragPosition.js +43 -0
- package/dist/esm/hooks/useDrag/useDragPosition.js.map +1 -0
- package/dist/esm/hooks/useDrag/useMouseDrag.js +25 -0
- package/dist/esm/hooks/useDrag/useMouseDrag.js.map +1 -0
- package/dist/esm/hooks/useDrag/useTouchDrag.js +28 -0
- package/dist/esm/hooks/useDrag/useTouchDrag.js.map +1 -0
- package/dist/esm/hooks/useEvent.js +30 -0
- package/dist/esm/hooks/useEvent.js.map +1 -0
- package/dist/esm/hooks/useFloating.js +3 -0
- package/dist/esm/hooks/useFloating.js.map +1 -0
- package/dist/esm/index.js +58 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/lib/Accordion/Accordion.js +176 -0
- package/dist/esm/lib/Accordion/Accordion.js.map +1 -0
- package/dist/esm/lib/Accordion/index.js +2 -0
- package/dist/esm/lib/Accordion/index.js.map +1 -0
- package/dist/esm/lib/Animation/Animation.js +180 -0
- package/dist/esm/lib/Animation/Animation.js.map +1 -0
- package/dist/esm/lib/Animation/index.js +2 -0
- package/dist/esm/lib/Animation/index.js.map +1 -0
- package/dist/esm/lib/Badge/Badge.js +76 -0
- package/dist/esm/lib/Badge/Badge.js.map +1 -0
- package/dist/esm/lib/Badge/index.js +2 -0
- package/dist/esm/lib/Badge/index.js.map +1 -0
- package/dist/esm/lib/BottomSheet/BottomSheet.js +205 -0
- package/dist/esm/lib/BottomSheet/BottomSheet.js.map +1 -0
- package/dist/esm/lib/BottomSheet/Handle.js +6 -0
- package/dist/esm/lib/BottomSheet/Handle.js.map +1 -0
- package/dist/esm/lib/BottomSheet/index.js +2 -0
- package/dist/esm/lib/BottomSheet/index.js.map +1 -0
- package/dist/esm/lib/Box/Box.js +347 -0
- package/dist/esm/lib/Box/Box.js.map +1 -0
- package/dist/esm/lib/Box/index.js +2 -0
- package/dist/esm/lib/Box/index.js.map +1 -0
- package/dist/esm/lib/Bubble/Bubble.js +85 -0
- package/dist/esm/lib/Bubble/Bubble.js.map +1 -0
- package/dist/esm/lib/Bubble/index.js +2 -0
- package/dist/esm/lib/Bubble/index.js.map +1 -0
- package/dist/esm/lib/Button/Button.js +203 -0
- package/dist/esm/lib/Button/Button.js.map +1 -0
- package/dist/esm/lib/Button/index.js +2 -0
- package/dist/esm/lib/Button/index.js.map +1 -0
- package/dist/esm/lib/Card/Card.js +59 -0
- package/dist/esm/lib/Card/Card.js.map +1 -0
- package/dist/esm/lib/Card/index.js +2 -0
- package/dist/esm/lib/Card/index.js.map +1 -0
- package/dist/esm/lib/Carousel/Carousel.js +216 -0
- package/dist/esm/lib/Carousel/Carousel.js.map +1 -0
- package/dist/esm/lib/Carousel/CarouselArrow.js +88 -0
- package/dist/esm/lib/Carousel/CarouselArrow.js.map +1 -0
- package/dist/esm/lib/Carousel/CarouselNavigation.js +87 -0
- package/dist/esm/lib/Carousel/CarouselNavigation.js.map +1 -0
- package/dist/esm/lib/Carousel/index.js +2 -0
- package/dist/esm/lib/Carousel/index.js.map +1 -0
- package/dist/esm/lib/Carousel/utils.js +13 -0
- package/dist/esm/lib/Carousel/utils.js.map +1 -0
- package/dist/esm/lib/Cell/Cell.js +199 -0
- package/dist/esm/lib/Cell/Cell.js.map +1 -0
- package/dist/esm/lib/Cell/index.js +2 -0
- package/dist/esm/lib/Cell/index.js.map +1 -0
- package/dist/esm/lib/Checkbox/Checkbox.js +97 -0
- package/dist/esm/lib/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/lib/Checkbox/index.js +2 -0
- package/dist/esm/lib/Checkbox/index.js.map +1 -0
- package/dist/esm/lib/Chip/Chip.js +125 -0
- package/dist/esm/lib/Chip/Chip.js.map +1 -0
- package/dist/esm/lib/Chip/index.js +2 -0
- package/dist/esm/lib/Chip/index.js.map +1 -0
- package/dist/esm/lib/Container/Container.js +304 -0
- package/dist/esm/lib/Container/Container.js.map +1 -0
- package/dist/esm/lib/Container/index.js +2 -0
- package/dist/esm/lib/Container/index.js.map +1 -0
- package/dist/esm/lib/Dialog/Dialog.js +220 -0
- package/dist/esm/lib/Dialog/Dialog.js.map +1 -0
- package/dist/esm/lib/Dialog/index.js +2 -0
- package/dist/esm/lib/Dialog/index.js.map +1 -0
- package/dist/esm/lib/Divider/Divider.js +51 -0
- package/dist/esm/lib/Divider/Divider.js.map +1 -0
- package/dist/esm/lib/Divider/index.js +2 -0
- package/dist/esm/lib/Divider/index.js.map +1 -0
- package/dist/esm/lib/DoubleImage/DoubleImage.js +56 -0
- package/dist/esm/lib/DoubleImage/DoubleImage.js.map +1 -0
- package/dist/esm/lib/DoubleImage/index.js +2 -0
- package/dist/esm/lib/DoubleImage/index.js.map +1 -0
- package/dist/esm/lib/EmptyState/EmptyState.js +73 -0
- package/dist/esm/lib/EmptyState/EmptyState.js.map +1 -0
- package/dist/esm/lib/EmptyState/index.js +2 -0
- package/dist/esm/lib/EmptyState/index.js.map +1 -0
- package/dist/esm/lib/Icon/Icon.js +163 -0
- package/dist/esm/lib/Icon/Icon.js.map +1 -0
- package/dist/esm/lib/Icon/index.js +2 -0
- package/dist/esm/lib/Icon/index.js.map +1 -0
- package/dist/esm/lib/Image/Image.js +243 -0
- package/dist/esm/lib/Image/Image.js.map +1 -0
- package/dist/esm/lib/Image/index.js +2 -0
- package/dist/esm/lib/Image/index.js.map +1 -0
- package/dist/esm/lib/InfoBanner/InfoBanner.js +230 -0
- package/dist/esm/lib/InfoBanner/InfoBanner.js.map +1 -0
- package/dist/esm/lib/InfoBanner/assets/DefaultIcon.js +20 -0
- package/dist/esm/lib/InfoBanner/assets/DefaultIcon.js.map +1 -0
- package/dist/esm/lib/InfoBanner/index.js +2 -0
- package/dist/esm/lib/InfoBanner/index.js.map +1 -0
- package/dist/esm/lib/Input/InputSelect/InputSelect.js +116 -0
- package/dist/esm/lib/Input/InputSelect/InputSelect.js.map +1 -0
- package/dist/esm/lib/Input/InputSelect/index.js +2 -0
- package/dist/esm/lib/Input/InputSelect/index.js.map +1 -0
- package/dist/esm/lib/Input/InputText/InputText.js +156 -0
- package/dist/esm/lib/Input/InputText/InputText.js.map +1 -0
- package/dist/esm/lib/Input/InputText/index.js +2 -0
- package/dist/esm/lib/Input/InputText/index.js.map +1 -0
- package/dist/esm/lib/Input/InputTextarea/InputTextarea.js +147 -0
- package/dist/esm/lib/Input/InputTextarea/InputTextarea.js.map +1 -0
- package/dist/esm/lib/Input/InputTextarea/index.js +2 -0
- package/dist/esm/lib/Input/InputTextarea/index.js.map +1 -0
- package/dist/esm/lib/Input/index.js +4 -0
- package/dist/esm/lib/Input/index.js.map +1 -0
- package/dist/esm/lib/InputBar/InputBar.js +196 -0
- package/dist/esm/lib/InputBar/InputBar.js.map +1 -0
- package/dist/esm/lib/InputBar/index.js +2 -0
- package/dist/esm/lib/InputBar/index.js.map +1 -0
- package/dist/esm/lib/Label/Label.js +68 -0
- package/dist/esm/lib/Label/Label.js.map +1 -0
- package/dist/esm/lib/Label/index.js +2 -0
- package/dist/esm/lib/Label/index.js.map +1 -0
- package/dist/esm/lib/List/Item/Item.js +26 -0
- package/dist/esm/lib/List/Item/Item.js.map +1 -0
- package/dist/esm/lib/List/Item/index.js +2 -0
- package/dist/esm/lib/List/Item/index.js.map +1 -0
- package/dist/esm/lib/List/List.js +391 -0
- package/dist/esm/lib/List/List.js.map +1 -0
- package/dist/esm/lib/List/index.js +2 -0
- package/dist/esm/lib/List/index.js.map +1 -0
- package/dist/esm/lib/Loader/Loader.js +132 -0
- package/dist/esm/lib/Loader/Loader.js.map +1 -0
- package/dist/esm/lib/Loader/index.js +2 -0
- package/dist/esm/lib/Loader/index.js.map +1 -0
- package/dist/esm/lib/Navigation/Navigation.js +54 -0
- package/dist/esm/lib/Navigation/Navigation.js.map +1 -0
- package/dist/esm/lib/Navigation/index.js +2 -0
- package/dist/esm/lib/Navigation/index.js.map +1 -0
- package/dist/esm/lib/Note/Note.js +67 -0
- package/dist/esm/lib/Note/Note.js.map +1 -0
- package/dist/esm/lib/Note/index.js +2 -0
- package/dist/esm/lib/Note/index.js.map +1 -0
- package/dist/esm/lib/Notification/Notification.js +148 -0
- package/dist/esm/lib/Notification/Notification.js.map +1 -0
- package/dist/esm/lib/Notification/index.js +2 -0
- package/dist/esm/lib/Notification/index.js.map +1 -0
- package/dist/esm/lib/Pagination/Pagination.js +276 -0
- package/dist/esm/lib/Pagination/Pagination.js.map +1 -0
- package/dist/esm/lib/Pagination/index.js +2 -0
- package/dist/esm/lib/Pagination/index.js.map +1 -0
- package/dist/esm/lib/Pressable/Pressable.js +119 -0
- package/dist/esm/lib/Pressable/Pressable.js.map +1 -0
- package/dist/esm/lib/Pressable/index.js +2 -0
- package/dist/esm/lib/Pressable/index.js.map +1 -0
- package/dist/esm/lib/Pressable/utils/borderRadius.js +16 -0
- package/dist/esm/lib/Pressable/utils/borderRadius.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/ProgressIndicator.js +92 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/ProgressIndicator.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/hooks/useId.js +26 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/hooks/useId.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/hooks/useProgressIndicator.js +106 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/hooks/useProgressIndicator.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/index.js +2 -0
- package/dist/esm/lib/ProgressIndicator/ProgressIndicator/index.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemHorizontal/ProgressItemHorizontal.js +106 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemHorizontal/ProgressItemHorizontal.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemHorizontal/index.js +2 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemHorizontal/index.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemVertical/ProgressItemVertical.js +177 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemVertical/ProgressItemVertical.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemVertical/index.js +2 -0
- package/dist/esm/lib/ProgressIndicator/ProgressItemVertical/index.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/shared/types.js +2 -0
- package/dist/esm/lib/ProgressIndicator/shared/types.js.map +1 -0
- package/dist/esm/lib/ProgressIndicator/shared/utils.js +379 -0
- package/dist/esm/lib/ProgressIndicator/shared/utils.js.map +1 -0
- package/dist/esm/lib/PromoBanner/PromoBanner.js +190 -0
- package/dist/esm/lib/PromoBanner/PromoBanner.js.map +1 -0
- package/dist/esm/lib/PromoBanner/index.js +2 -0
- package/dist/esm/lib/PromoBanner/index.js.map +1 -0
- package/dist/esm/lib/Radio/Radio.js +92 -0
- package/dist/esm/lib/Radio/Radio.js.map +1 -0
- package/dist/esm/lib/Radio/index.js +2 -0
- package/dist/esm/lib/Radio/index.js.map +1 -0
- package/dist/esm/lib/RangeGraph/RangeGraph.js +68 -0
- package/dist/esm/lib/RangeGraph/RangeGraph.js.map +1 -0
- package/dist/esm/lib/RangeGraph/index.js +2 -0
- package/dist/esm/lib/RangeGraph/index.js.map +1 -0
- package/dist/esm/lib/Rating/Rating.js +288 -0
- package/dist/esm/lib/Rating/Rating.js.map +1 -0
- package/dist/esm/lib/Rating/index.js +2 -0
- package/dist/esm/lib/Rating/index.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/SelectionGroup/SelectionGroup.js +171 -0
- package/dist/esm/lib/SelectionGroup/SelectionGroup/SelectionGroup.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/SelectionGroup/index.js +2 -0
- package/dist/esm/lib/SelectionGroup/SelectionGroup/index.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/SelectionItem/SelectionItem.js +188 -0
- package/dist/esm/lib/SelectionGroup/SelectionItem/SelectionItem.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/SelectionItem/index.js +2 -0
- package/dist/esm/lib/SelectionGroup/SelectionItem/index.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/assets/Scelected.js +19 -0
- package/dist/esm/lib/SelectionGroup/assets/Scelected.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/hooks/useIsElementVisible.js +21 -0
- package/dist/esm/lib/SelectionGroup/hooks/useIsElementVisible.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/hooks/useScrollToItem.js +25 -0
- package/dist/esm/lib/SelectionGroup/hooks/useScrollToItem.js.map +1 -0
- package/dist/esm/lib/SelectionGroup/hooks/useScrollToPreSelectedItem.js +50 -0
- package/dist/esm/lib/SelectionGroup/hooks/useScrollToPreSelectedItem.js.map +1 -0
- package/dist/esm/lib/Spacer/Spacer.js +114 -0
- package/dist/esm/lib/Spacer/Spacer.js.map +1 -0
- package/dist/esm/lib/Spacer/index.js +2 -0
- package/dist/esm/lib/Spacer/index.js.map +1 -0
- package/dist/esm/lib/Stack/Stack.js +352 -0
- package/dist/esm/lib/Stack/Stack.js.map +1 -0
- package/dist/esm/lib/Stack/StackItem/StackItem.js +27 -0
- package/dist/esm/lib/Stack/StackItem/StackItem.js.map +1 -0
- package/dist/esm/lib/Stack/StackItem/index.js +2 -0
- package/dist/esm/lib/Stack/StackItem/index.js.map +1 -0
- package/dist/esm/lib/Stack/index.js +3 -0
- package/dist/esm/lib/Stack/index.js.map +1 -0
- package/dist/esm/lib/Tabs/Tab.js +7 -0
- package/dist/esm/lib/Tabs/Tab.js.map +1 -0
- package/dist/esm/lib/Tabs/Tabs.js +77 -0
- package/dist/esm/lib/Tabs/Tabs.js.map +1 -0
- package/dist/esm/lib/Tabs/index.js +2 -0
- package/dist/esm/lib/Tabs/index.js.map +1 -0
- package/dist/esm/lib/Tabs/types.js +2 -0
- package/dist/esm/lib/Tabs/types.js.map +1 -0
- package/dist/esm/lib/Text/Text.js +153 -0
- package/dist/esm/lib/Text/Text.js.map +1 -0
- package/dist/esm/lib/Text/index.js +2 -0
- package/dist/esm/lib/Text/index.js.map +1 -0
- package/dist/esm/lib/ThemeProvider/ThemeContext.js +26 -0
- package/dist/esm/lib/ThemeProvider/ThemeContext.js.map +1 -0
- package/dist/esm/lib/ThemeProvider/ThemeProvider.js +30 -0
- package/dist/esm/lib/ThemeProvider/ThemeProvider.js.map +1 -0
- package/dist/esm/lib/ThemeProvider/index.js +3 -0
- package/dist/esm/lib/ThemeProvider/index.js.map +1 -0
- package/dist/esm/lib/Toggle/Toggle.js +72 -0
- package/dist/esm/lib/Toggle/Toggle.js.map +1 -0
- package/dist/esm/lib/Toggle/index.js +2 -0
- package/dist/esm/lib/Toggle/index.js.map +1 -0
- package/dist/esm/lib/Tooltip/Tooltip.js +190 -0
- package/dist/esm/lib/Tooltip/Tooltip.js.map +1 -0
- package/dist/esm/lib/Tooltip/index.js +2 -0
- package/dist/esm/lib/Tooltip/index.js.map +1 -0
- package/dist/esm/lib/Validation/Validation.js +49 -0
- package/dist/esm/lib/Validation/Validation.js.map +1 -0
- package/dist/esm/lib/Validation/index.js +2 -0
- package/dist/esm/lib/Validation/index.js.map +1 -0
- package/dist/esm/lib/index.js +58 -0
- package/dist/esm/lib/index.js.map +1 -0
- package/dist/esm/lib/types.js +102 -0
- package/dist/esm/lib/types.js.map +1 -0
- package/dist/esm/shared/Carousel-5f36fb0d.js +23 -0
- package/dist/esm/shared/Carousel-5f36fb0d.js.map +1 -0
- package/dist/esm/shared/Carousel-9459b4d8.js +23 -0
- package/dist/esm/shared/Carousel-9459b4d8.js.map +1 -0
- package/dist/esm/shared/ExclamationCircleFilled24-59f7ec60.js +48 -0
- package/dist/esm/shared/ExclamationCircleFilled24-59f7ec60.js.map +1 -0
- package/dist/esm/shared/ExclamationCircleFilled24-b013307f.js +48 -0
- package/dist/esm/shared/ExclamationCircleFilled24-b013307f.js.map +1 -0
- package/dist/esm/shared/Handle-3ff506f0.js +40 -0
- package/dist/esm/shared/Handle-3ff506f0.js.map +1 -0
- package/dist/esm/shared/Handle-f047c8a4.js +40 -0
- package/dist/esm/shared/Handle-f047c8a4.js.map +1 -0
- package/dist/esm/shared/Input-20355c28.js +19 -0
- package/dist/esm/shared/Input-20355c28.js.map +1 -0
- package/dist/esm/shared/Input-dc4a8673.js +19 -0
- package/dist/esm/shared/Input-dc4a8673.js.map +1 -0
- package/dist/esm/shared/Tab-bb35b788.js +78 -0
- package/dist/esm/shared/Tab-bb35b788.js.map +1 -0
- package/dist/esm/shared/Tab-c1d76f7d.js +78 -0
- package/dist/esm/shared/Tab-c1d76f7d.js.map +1 -0
- package/dist/esm/shared/X12-01310840.js +27 -0
- package/dist/esm/shared/X12-01310840.js.map +1 -0
- package/dist/esm/shared/X12-cb28ac62.js +27 -0
- package/dist/esm/shared/X12-cb28ac62.js.map +1 -0
- package/dist/esm/shared/X24-34ae2df2.js +27 -0
- package/dist/esm/shared/X24-34ae2df2.js.map +1 -0
- package/dist/esm/shared/X24-392e2ca1.js +27 -0
- package/dist/esm/shared/X24-392e2ca1.js.map +1 -0
- package/dist/esm/shared/bind-1a05f4e7.js +85 -0
- package/dist/esm/shared/bind-1a05f4e7.js.map +1 -0
- package/dist/esm/shared/bind-c3e87011.js +85 -0
- package/dist/esm/shared/bind-c3e87011.js.map +1 -0
- package/dist/esm/shared/index-6433f80a.js +85 -0
- package/dist/esm/shared/index-6433f80a.js.map +1 -0
- package/dist/esm/shared/index-8d1baf3a.js +85 -0
- package/dist/esm/shared/index-8d1baf3a.js.map +1 -0
- package/dist/esm/shared/index-955ebb7e.js +3057 -0
- package/dist/esm/shared/index-955ebb7e.js.map +1 -0
- package/dist/esm/shared/index-d4674a06.js +3057 -0
- package/dist/esm/shared/index-d4674a06.js.map +1 -0
- package/dist/esm/shared/react-textarea-autosize.esm-6562b342.js +261 -0
- package/dist/esm/shared/react-textarea-autosize.esm-6562b342.js.map +1 -0
- package/dist/esm/shared/react-textarea-autosize.esm-b159a949.js +261 -0
- package/dist/esm/shared/react-textarea-autosize.esm-b159a949.js.map +1 -0
- package/dist/esm/shared/useFloating-360df820.js +2525 -0
- package/dist/esm/shared/useFloating-360df820.js.map +1 -0
- package/dist/esm/shared/useFloating-6cb942ff.js +2525 -0
- package/dist/esm/shared/useFloating-6cb942ff.js.map +1 -0
- package/dist/esm/styles/vinted/style.css +1 -0
- package/dist/esm/styles/vintedgo/style.css +1 -0
- package/dist/esm/types/declarations/css-modules.d.js +2 -0
- package/dist/esm/types/declarations/css-modules.d.js.map +1 -0
- package/dist/esm/types/declarations/mdx.d.js +2 -0
- package/dist/esm/types/declarations/mdx.d.js.map +1 -0
- package/dist/esm/types/declarations/rollup-plugin-peer-deps-external.d.js +2 -0
- package/dist/esm/types/declarations/rollup-plugin-peer-deps-external.d.js.map +1 -0
- package/dist/esm/utils/a11y/onA11yKeyDown.js +22 -0
- package/dist/esm/utils/a11y/onA11yKeyDown.js.map +1 -0
- package/dist/esm/utils/formatString.js +535 -0
- package/dist/esm/utils/formatString.js.map +1 -0
- package/dist/esm/utils/getDisplayName.js +29 -0
- package/dist/esm/utils/getDisplayName.js.map +1 -0
- package/dist/esm/utils/html.js +23 -0
- package/dist/esm/utils/html.js.map +1 -0
- package/dist/esm/utils/interpolateWithHtml.js +349 -0
- package/dist/esm/utils/interpolateWithHtml.js.map +1 -0
- package/dist/esm/utils/isNumeric.js +6 -0
- package/dist/esm/utils/isNumeric.js.map +1 -0
- package/dist/esm/utils/mutableRefs.js +40 -0
- package/dist/esm/utils/mutableRefs.js.map +1 -0
- package/dist/esm/utils/noop.js +6 -0
- package/dist/esm/utils/noop.js.map +1 -0
- package/dist/esm/utils/padding.js +51 -0
- package/dist/esm/utils/padding.js.map +1 -0
- package/dist/esm/utils/randomId.js +6 -0
- package/dist/esm/utils/randomId.js.map +1 -0
- package/dist/esm/utils/sizing.js +21 -0
- package/dist/esm/utils/sizing.js.map +1 -0
- package/dist/esm/utils/test.js +13 -0
- package/dist/esm/utils/test.js.map +1 -0
- package/dist/esm/utils/testId.js +10 -0
- package/dist/esm/utils/testId.js.map +1 -0
- package/dist/esm/utils/warning.js +14 -0
- package/dist/esm/utils/warning.js.map +1 -0
- package/dist/styles/vinted/style.css +1 -0
- package/dist/styles/vintedgo/style.css +1 -0
- package/dist/types/constants/html.d.ts +7 -0
- package/dist/types/constants/html.d.ts.map +1 -0
- package/dist/types/constants/keyboard.d.ts +15 -0
- package/dist/types/constants/keyboard.d.ts.map +1 -0
- package/dist/types/constants/portal.d.ts +8 -0
- package/dist/types/constants/portal.d.ts.map +1 -0
- package/dist/types/constants/spacing.d.ts +67 -0
- package/dist/types/constants/spacing.d.ts.map +1 -0
- package/dist/types/constants/ui.d.ts +82 -0
- package/dist/types/constants/ui.d.ts.map +1 -0
- package/dist/types/hooks/index.d.ts +5 -0
- package/dist/types/hooks/index.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/index.d.ts +4 -0
- package/dist/types/hooks/useDrag/index.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/type.d.ts +6 -0
- package/dist/types/hooks/useDrag/type.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/useDrag.d.ts +5 -0
- package/dist/types/hooks/useDrag/useDrag.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/useDragPosition.d.ts +9 -0
- package/dist/types/hooks/useDrag/useDragPosition.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/useMouseDrag.d.ts +5 -0
- package/dist/types/hooks/useDrag/useMouseDrag.d.ts.map +1 -0
- package/dist/types/hooks/useDrag/useTouchDrag.d.ts +5 -0
- package/dist/types/hooks/useDrag/useTouchDrag.d.ts.map +1 -0
- package/dist/types/hooks/useEvent.d.ts +5 -0
- package/dist/types/hooks/useEvent.d.ts.map +1 -0
- package/dist/types/hooks/useFloating.d.ts +32 -0
- package/dist/types/hooks/useFloating.d.ts.map +1 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/lib/Accordion/Accordion.d.ts +66 -0
- package/dist/types/lib/Accordion/Accordion.d.ts.map +1 -0
- package/dist/types/lib/Accordion/index.d.ts +3 -0
- package/dist/types/lib/Accordion/index.d.ts.map +1 -0
- package/dist/types/lib/Animation/Animation.d.ts +60 -0
- package/dist/types/lib/Animation/Animation.d.ts.map +1 -0
- package/dist/types/lib/Animation/index.d.ts +3 -0
- package/dist/types/lib/Animation/index.d.ts.map +1 -0
- package/dist/types/lib/Badge/Badge.d.ts +53 -0
- package/dist/types/lib/Badge/Badge.d.ts.map +1 -0
- package/dist/types/lib/Badge/index.d.ts +3 -0
- package/dist/types/lib/Badge/index.d.ts.map +1 -0
- package/dist/types/lib/BottomSheet/BottomSheet.d.ts +47 -0
- package/dist/types/lib/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/dist/types/lib/BottomSheet/Handle.d.ts +7 -0
- package/dist/types/lib/BottomSheet/Handle.d.ts.map +1 -0
- package/dist/types/lib/BottomSheet/index.d.ts +3 -0
- package/dist/types/lib/BottomSheet/index.d.ts.map +1 -0
- package/dist/types/lib/Box/Box.d.ts +32 -0
- package/dist/types/lib/Box/Box.d.ts.map +1 -0
- package/dist/types/lib/Box/index.d.ts +2 -0
- package/dist/types/lib/Box/index.d.ts.map +1 -0
- package/dist/types/lib/Bubble/Bubble.d.ts +50 -0
- package/dist/types/lib/Bubble/Bubble.d.ts.map +1 -0
- package/dist/types/lib/Bubble/index.d.ts +3 -0
- package/dist/types/lib/Bubble/index.d.ts.map +1 -0
- package/dist/types/lib/Button/Button.d.ts +114 -0
- package/dist/types/lib/Button/Button.d.ts.map +1 -0
- package/dist/types/lib/Button/index.d.ts +3 -0
- package/dist/types/lib/Button/index.d.ts.map +1 -0
- package/dist/types/lib/Card/Card.d.ts +32 -0
- package/dist/types/lib/Card/Card.d.ts.map +1 -0
- package/dist/types/lib/Card/index.d.ts +3 -0
- package/dist/types/lib/Card/index.d.ts.map +1 -0
- package/dist/types/lib/Carousel/Carousel.d.ts +57 -0
- package/dist/types/lib/Carousel/Carousel.d.ts.map +1 -0
- package/dist/types/lib/Carousel/CarouselArrow.d.ts +23 -0
- package/dist/types/lib/Carousel/CarouselArrow.d.ts.map +1 -0
- package/dist/types/lib/Carousel/CarouselNavigation.d.ts +25 -0
- package/dist/types/lib/Carousel/CarouselNavigation.d.ts.map +1 -0
- package/dist/types/lib/Carousel/index.d.ts +5 -0
- package/dist/types/lib/Carousel/index.d.ts.map +1 -0
- package/dist/types/lib/Carousel/utils.d.ts +3 -0
- package/dist/types/lib/Carousel/utils.d.ts.map +1 -0
- package/dist/types/lib/Cell/Cell.d.ts +98 -0
- package/dist/types/lib/Cell/Cell.d.ts.map +1 -0
- package/dist/types/lib/Cell/index.d.ts +3 -0
- package/dist/types/lib/Cell/index.d.ts.map +1 -0
- package/dist/types/lib/Checkbox/Checkbox.d.ts +38 -0
- package/dist/types/lib/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/types/lib/Checkbox/index.d.ts +3 -0
- package/dist/types/lib/Checkbox/index.d.ts.map +1 -0
- package/dist/types/lib/Chip/Chip.d.ts +48 -0
- package/dist/types/lib/Chip/Chip.d.ts.map +1 -0
- package/dist/types/lib/Chip/index.d.ts +3 -0
- package/dist/types/lib/Chip/index.d.ts.map +1 -0
- package/dist/types/lib/Container/Container.d.ts +43 -0
- package/dist/types/lib/Container/Container.d.ts.map +1 -0
- package/dist/types/lib/Container/index.d.ts +3 -0
- package/dist/types/lib/Container/index.d.ts.map +1 -0
- package/dist/types/lib/Dialog/Dialog.d.ts +74 -0
- package/dist/types/lib/Dialog/Dialog.d.ts.map +1 -0
- package/dist/types/lib/Dialog/index.d.ts +3 -0
- package/dist/types/lib/Dialog/index.d.ts.map +1 -0
- package/dist/types/lib/Divider/Divider.d.ts +32 -0
- package/dist/types/lib/Divider/Divider.d.ts.map +1 -0
- package/dist/types/lib/Divider/index.d.ts +3 -0
- package/dist/types/lib/Divider/index.d.ts.map +1 -0
- package/dist/types/lib/DoubleImage/DoubleImage.d.ts +43 -0
- package/dist/types/lib/DoubleImage/DoubleImage.d.ts.map +1 -0
- package/dist/types/lib/DoubleImage/index.d.ts +3 -0
- package/dist/types/lib/DoubleImage/index.d.ts.map +1 -0
- package/dist/types/lib/EmptyState/EmptyState.d.ts +31 -0
- package/dist/types/lib/EmptyState/EmptyState.d.ts.map +1 -0
- package/dist/types/lib/EmptyState/index.d.ts +3 -0
- package/dist/types/lib/EmptyState/index.d.ts.map +1 -0
- package/dist/types/lib/Icon/Icon.d.ts +47 -0
- package/dist/types/lib/Icon/Icon.d.ts.map +1 -0
- package/dist/types/lib/Icon/index.d.ts +3 -0
- package/dist/types/lib/Icon/index.d.ts.map +1 -0
- package/dist/types/lib/Image/Image.d.ts +101 -0
- package/dist/types/lib/Image/Image.d.ts.map +1 -0
- package/dist/types/lib/Image/index.d.ts +3 -0
- package/dist/types/lib/Image/index.d.ts.map +1 -0
- package/dist/types/lib/InfoBanner/InfoBanner.d.ts +61 -0
- package/dist/types/lib/InfoBanner/InfoBanner.d.ts.map +1 -0
- package/dist/types/lib/InfoBanner/assets/DefaultIcon.d.ts +3 -0
- package/dist/types/lib/InfoBanner/assets/DefaultIcon.d.ts.map +1 -0
- package/dist/types/lib/InfoBanner/index.d.ts +3 -0
- package/dist/types/lib/InfoBanner/index.d.ts.map +1 -0
- package/dist/types/lib/Input/InputSelect/InputSelect.d.ts +63 -0
- package/dist/types/lib/Input/InputSelect/InputSelect.d.ts.map +1 -0
- package/dist/types/lib/Input/InputSelect/index.d.ts +3 -0
- package/dist/types/lib/Input/InputSelect/index.d.ts.map +1 -0
- package/dist/types/lib/Input/InputText/InputText.d.ts +95 -0
- package/dist/types/lib/Input/InputText/InputText.d.ts.map +1 -0
- package/dist/types/lib/Input/InputText/index.d.ts +3 -0
- package/dist/types/lib/Input/InputText/index.d.ts.map +1 -0
- package/dist/types/lib/Input/InputTextarea/InputTextarea.d.ts +72 -0
- package/dist/types/lib/Input/InputTextarea/InputTextarea.d.ts.map +1 -0
- package/dist/types/lib/Input/InputTextarea/index.d.ts +3 -0
- package/dist/types/lib/Input/InputTextarea/index.d.ts.map +1 -0
- package/dist/types/lib/Input/index.d.ts +7 -0
- package/dist/types/lib/Input/index.d.ts.map +1 -0
- package/dist/types/lib/InputBar/InputBar.d.ts +62 -0
- package/dist/types/lib/InputBar/InputBar.d.ts.map +1 -0
- package/dist/types/lib/InputBar/index.d.ts +3 -0
- package/dist/types/lib/InputBar/index.d.ts.map +1 -0
- package/dist/types/lib/Label/Label.d.ts +37 -0
- package/dist/types/lib/Label/Label.d.ts.map +1 -0
- package/dist/types/lib/Label/index.d.ts +3 -0
- package/dist/types/lib/Label/index.d.ts.map +1 -0
- package/dist/types/lib/List/Item/Item.d.ts +12 -0
- package/dist/types/lib/List/Item/Item.d.ts.map +1 -0
- package/dist/types/lib/List/Item/index.d.ts +3 -0
- package/dist/types/lib/List/Item/index.d.ts.map +1 -0
- package/dist/types/lib/List/List.d.ts +54 -0
- package/dist/types/lib/List/List.d.ts.map +1 -0
- package/dist/types/lib/List/index.d.ts +3 -0
- package/dist/types/lib/List/index.d.ts.map +1 -0
- package/dist/types/lib/Loader/Loader.d.ts +46 -0
- package/dist/types/lib/Loader/Loader.d.ts.map +1 -0
- package/dist/types/lib/Loader/index.d.ts +3 -0
- package/dist/types/lib/Loader/index.d.ts.map +1 -0
- package/dist/types/lib/Navigation/Navigation.d.ts +19 -0
- package/dist/types/lib/Navigation/Navigation.d.ts.map +1 -0
- package/dist/types/lib/Navigation/index.d.ts +3 -0
- package/dist/types/lib/Navigation/index.d.ts.map +1 -0
- package/dist/types/lib/Note/Note.d.ts +38 -0
- package/dist/types/lib/Note/Note.d.ts.map +1 -0
- package/dist/types/lib/Note/index.d.ts +3 -0
- package/dist/types/lib/Note/index.d.ts.map +1 -0
- package/dist/types/lib/Notification/Notification.d.ts +39 -0
- package/dist/types/lib/Notification/Notification.d.ts.map +1 -0
- package/dist/types/lib/Notification/index.d.ts +3 -0
- package/dist/types/lib/Notification/index.d.ts.map +1 -0
- package/dist/types/lib/Pagination/Pagination.d.ts +60 -0
- package/dist/types/lib/Pagination/Pagination.d.ts.map +1 -0
- package/dist/types/lib/Pagination/index.d.ts +3 -0
- package/dist/types/lib/Pagination/index.d.ts.map +1 -0
- package/dist/types/lib/Pressable/Pressable.d.ts +40 -0
- package/dist/types/lib/Pressable/Pressable.d.ts.map +1 -0
- package/dist/types/lib/Pressable/index.d.ts +2 -0
- package/dist/types/lib/Pressable/index.d.ts.map +1 -0
- package/dist/types/lib/Pressable/utils/borderRadius.d.ts +6 -0
- package/dist/types/lib/Pressable/utils/borderRadius.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/ProgressIndicator.d.ts +18 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/ProgressIndicator.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/hooks/useId.d.ts +11 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/hooks/useId.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/hooks/useProgressIndicator.d.ts +45 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/hooks/useProgressIndicator.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/index.d.ts +2 -0
- package/dist/types/lib/ProgressIndicator/ProgressIndicator/index.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemHorizontal/ProgressItemHorizontal.d.ts +13 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemHorizontal/ProgressItemHorizontal.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemHorizontal/index.d.ts +3 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemHorizontal/index.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemVertical/ProgressItemVertical.d.ts +25 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemVertical/ProgressItemVertical.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemVertical/index.d.ts +3 -0
- package/dist/types/lib/ProgressIndicator/ProgressItemVertical/index.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/shared/types.d.ts +16 -0
- package/dist/types/lib/ProgressIndicator/shared/types.d.ts.map +1 -0
- package/dist/types/lib/ProgressIndicator/shared/utils.d.ts +31 -0
- package/dist/types/lib/ProgressIndicator/shared/utils.d.ts.map +1 -0
- package/dist/types/lib/PromoBanner/PromoBanner.d.ts +54 -0
- package/dist/types/lib/PromoBanner/PromoBanner.d.ts.map +1 -0
- package/dist/types/lib/PromoBanner/index.d.ts +3 -0
- package/dist/types/lib/PromoBanner/index.d.ts.map +1 -0
- package/dist/types/lib/Radio/Radio.d.ts +47 -0
- package/dist/types/lib/Radio/Radio.d.ts.map +1 -0
- package/dist/types/lib/Radio/index.d.ts +3 -0
- package/dist/types/lib/Radio/index.d.ts.map +1 -0
- package/dist/types/lib/RangeGraph/RangeGraph.d.ts +25 -0
- package/dist/types/lib/RangeGraph/RangeGraph.d.ts.map +1 -0
- package/dist/types/lib/RangeGraph/index.d.ts +3 -0
- package/dist/types/lib/RangeGraph/index.d.ts.map +1 -0
- package/dist/types/lib/Rating/Rating.d.ts +54 -0
- package/dist/types/lib/Rating/Rating.d.ts.map +1 -0
- package/dist/types/lib/Rating/index.d.ts +3 -0
- package/dist/types/lib/Rating/index.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/SelectionGroup/SelectionGroup.d.ts +57 -0
- package/dist/types/lib/SelectionGroup/SelectionGroup/SelectionGroup.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/SelectionGroup/index.d.ts +3 -0
- package/dist/types/lib/SelectionGroup/SelectionGroup/index.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/SelectionItem/SelectionItem.d.ts +52 -0
- package/dist/types/lib/SelectionGroup/SelectionItem/SelectionItem.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/SelectionItem/index.d.ts +3 -0
- package/dist/types/lib/SelectionGroup/SelectionItem/index.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/assets/Scelected.d.ts +3 -0
- package/dist/types/lib/SelectionGroup/assets/Scelected.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/hooks/useIsElementVisible.d.ts +2 -0
- package/dist/types/lib/SelectionGroup/hooks/useIsElementVisible.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/hooks/useScrollToItem.d.ts +4 -0
- package/dist/types/lib/SelectionGroup/hooks/useScrollToItem.d.ts.map +1 -0
- package/dist/types/lib/SelectionGroup/hooks/useScrollToPreSelectedItem.d.ts +7 -0
- package/dist/types/lib/SelectionGroup/hooks/useScrollToPreSelectedItem.d.ts.map +1 -0
- package/dist/types/lib/Spacer/Spacer.d.ts +62 -0
- package/dist/types/lib/Spacer/Spacer.d.ts.map +1 -0
- package/dist/types/lib/Spacer/index.d.ts +3 -0
- package/dist/types/lib/Spacer/index.d.ts.map +1 -0
- package/dist/types/lib/Stack/Stack.d.ts +28 -0
- package/dist/types/lib/Stack/Stack.d.ts.map +1 -0
- package/dist/types/lib/Stack/StackItem/StackItem.d.ts +12 -0
- package/dist/types/lib/Stack/StackItem/StackItem.d.ts.map +1 -0
- package/dist/types/lib/Stack/StackItem/index.d.ts +3 -0
- package/dist/types/lib/Stack/StackItem/index.d.ts.map +1 -0
- package/dist/types/lib/Stack/index.d.ts +5 -0
- package/dist/types/lib/Stack/index.d.ts.map +1 -0
- package/dist/types/lib/Tabs/Tab.d.ts +16 -0
- package/dist/types/lib/Tabs/Tab.d.ts.map +1 -0
- package/dist/types/lib/Tabs/Tabs.d.ts +48 -0
- package/dist/types/lib/Tabs/Tabs.d.ts.map +1 -0
- package/dist/types/lib/Tabs/index.d.ts +4 -0
- package/dist/types/lib/Tabs/index.d.ts.map +1 -0
- package/dist/types/lib/Tabs/types.d.ts +10 -0
- package/dist/types/lib/Tabs/types.d.ts.map +1 -0
- package/dist/types/lib/Text/Text.d.ts +92 -0
- package/dist/types/lib/Text/Text.d.ts.map +1 -0
- package/dist/types/lib/Text/index.d.ts +3 -0
- package/dist/types/lib/Text/index.d.ts.map +1 -0
- package/dist/types/lib/ThemeProvider/ThemeContext.d.ts +16 -0
- package/dist/types/lib/ThemeProvider/ThemeContext.d.ts.map +1 -0
- package/dist/types/lib/ThemeProvider/ThemeProvider.d.ts +9 -0
- package/dist/types/lib/ThemeProvider/ThemeProvider.d.ts.map +1 -0
- package/dist/types/lib/ThemeProvider/index.d.ts +5 -0
- package/dist/types/lib/ThemeProvider/index.d.ts.map +1 -0
- package/dist/types/lib/Toggle/Toggle.d.ts +38 -0
- package/dist/types/lib/Toggle/Toggle.d.ts.map +1 -0
- package/dist/types/lib/Toggle/index.d.ts +3 -0
- package/dist/types/lib/Toggle/index.d.ts.map +1 -0
- package/dist/types/lib/Tooltip/Tooltip.d.ts +75 -0
- package/dist/types/lib/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/types/lib/Tooltip/index.d.ts +3 -0
- package/dist/types/lib/Tooltip/index.d.ts.map +1 -0
- package/dist/types/lib/Validation/Validation.d.ts +27 -0
- package/dist/types/lib/Validation/Validation.d.ts.map +1 -0
- package/dist/types/lib/Validation/index.d.ts +3 -0
- package/dist/types/lib/Validation/index.d.ts.map +1 -0
- package/dist/types/lib/index.d.ts +91 -0
- package/dist/types/lib/index.d.ts.map +1 -0
- package/dist/types/lib/types.d.ts +98 -0
- package/dist/types/lib/types.d.ts.map +1 -0
- package/dist/types/utils/a11y/onA11yKeyDown.d.ts +8 -0
- package/dist/types/utils/a11y/onA11yKeyDown.d.ts.map +1 -0
- package/dist/types/utils/formatString.d.ts +3 -0
- package/dist/types/utils/formatString.d.ts.map +1 -0
- package/dist/types/utils/getDisplayName.d.ts +5 -0
- package/dist/types/utils/getDisplayName.d.ts.map +1 -0
- package/dist/types/utils/html.d.ts +16 -0
- package/dist/types/utils/html.d.ts.map +1 -0
- package/dist/types/utils/interpolateWithHtml.d.ts +5 -0
- package/dist/types/utils/interpolateWithHtml.d.ts.map +1 -0
- package/dist/types/utils/isNumeric.d.ts +2 -0
- package/dist/types/utils/isNumeric.d.ts.map +1 -0
- package/dist/types/utils/mutableRefs.d.ts +20 -0
- package/dist/types/utils/mutableRefs.d.ts.map +1 -0
- package/dist/types/utils/noop.d.ts +2 -0
- package/dist/types/utils/noop.d.ts.map +1 -0
- package/dist/types/utils/padding.d.ts +14 -0
- package/dist/types/utils/padding.d.ts.map +1 -0
- package/dist/types/utils/randomId.d.ts +2 -0
- package/dist/types/utils/randomId.d.ts.map +1 -0
- package/dist/types/utils/sizing.d.ts +9 -0
- package/dist/types/utils/sizing.d.ts.map +1 -0
- package/dist/types/utils/test.d.ts +3 -0
- package/dist/types/utils/test.d.ts.map +1 -0
- package/dist/types/utils/testId.d.ts +2 -0
- package/dist/types/utils/testId.d.ts.map +1 -0
- package/dist/types/utils/warning.d.ts +3 -0
- package/dist/types/utils/warning.d.ts.map +1 -0
- package/package.json +172 -0
|
@@ -0,0 +1,230 @@
|
|
|
1
|
+
import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
|
|
2
|
+
import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
|
|
3
|
+
import { c as classNames } from '../../shared/bind-1a05f4e7.js';
|
|
4
|
+
import DefaultIcon from './assets/DefaultIcon.js';
|
|
5
|
+
import { Icon } from '../Icon/Icon.js';
|
|
6
|
+
import { CloseTarget } from '../../constants/portal.js';
|
|
7
|
+
import { noop } from '../../utils/noop.js';
|
|
8
|
+
import { onA11yKeyDown } from '../../utils/a11y/onA11yKeyDown.js';
|
|
9
|
+
import { KeyboardKey } from '../../constants/keyboard.js';
|
|
10
|
+
import { getTestId } from '../../utils/testId.js';
|
|
11
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
12
|
+
import { X as X12 } from '../../shared/X12-cb28ac62.js';
|
|
13
|
+
import { ButtonWithForwardedRef } from '../Button/Button.js';
|
|
14
|
+
import { C as CheckCircleFilled24, E as ExclamationCircleFilled24 } from '../../shared/ExclamationCircleFilled24-b013307f.js';
|
|
15
|
+
import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
|
|
16
|
+
import * as React from 'react';
|
|
17
|
+
|
|
18
|
+
var _excluded = ["title", "titleId"];
|
|
19
|
+
var ExclamationTriangleFilled24 = function ExclamationTriangleFilled24(_ref) {
|
|
20
|
+
var title = _ref.title,
|
|
21
|
+
titleId = _ref.titleId,
|
|
22
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
23
|
+
return /* @__PURE__ */React.createElement("svg", _objectSpread({
|
|
24
|
+
fill: "none",
|
|
25
|
+
viewBox: "0 0 24 24",
|
|
26
|
+
width: 24,
|
|
27
|
+
height: 24,
|
|
28
|
+
"aria-labelledby": titleId
|
|
29
|
+
}, props), title ? /* @__PURE__ */React.createElement("title", {
|
|
30
|
+
id: titleId
|
|
31
|
+
}, title) : null, /* @__PURE__ */React.createElement("g", {
|
|
32
|
+
clipPath: "url(#ExclamationTriangleFilled24__a)"
|
|
33
|
+
}, /* @__PURE__ */React.createElement("path", {
|
|
34
|
+
fill: "currentColor",
|
|
35
|
+
d: "m1.303 18.655 8.895-15.583a2.05 2.05 0 0 1 3.604 0l8.895 15.583c.84 1.472-.168 3.345-1.801 3.345H3.104c-1.633 0-2.642-1.873-1.801-3.345M13 13V8.5a1 1 0 1 0-2 0V13a1 1 0 1 0 2 0m-1 3a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5"
|
|
36
|
+
})), /* @__PURE__ */React.createElement("defs", null, /* @__PURE__ */React.createElement("clipPath", {
|
|
37
|
+
id: "ExclamationTriangleFilled24__a"
|
|
38
|
+
}, /* @__PURE__ */React.createElement("path", {
|
|
39
|
+
fill: "currentColor",
|
|
40
|
+
d: "M0 0h24v24H0z"
|
|
41
|
+
}))));
|
|
42
|
+
};
|
|
43
|
+
ExclamationTriangleFilled24.Size = 24;
|
|
44
|
+
ExclamationTriangleFilled24.Title = "ExclamationTriangleFilled";
|
|
45
|
+
|
|
46
|
+
var styles = {
|
|
47
|
+
"unit-base": "4",
|
|
48
|
+
"info": "web_ui__InfoBanner__info",
|
|
49
|
+
"body": "web_ui__InfoBanner__body",
|
|
50
|
+
"success": "web_ui__InfoBanner__success",
|
|
51
|
+
"warning": "web_ui__InfoBanner__warning",
|
|
52
|
+
"error": "web_ui__InfoBanner__error",
|
|
53
|
+
"default": "web_ui__InfoBanner__default",
|
|
54
|
+
"narrow": "web_ui__InfoBanner__narrow",
|
|
55
|
+
"tight": "web_ui__InfoBanner__tight",
|
|
56
|
+
"wide": "web_ui__InfoBanner__wide",
|
|
57
|
+
"banner": "web_ui__InfoBanner__banner",
|
|
58
|
+
"prefix": "web_ui__InfoBanner__prefix",
|
|
59
|
+
"prefix-info": "web_ui__InfoBanner__prefix-info",
|
|
60
|
+
"content": "web_ui__InfoBanner__content",
|
|
61
|
+
"inner_content": "web_ui__InfoBanner__inner_content",
|
|
62
|
+
"title": "web_ui__InfoBanner__title",
|
|
63
|
+
"suffix": "web_ui__InfoBanner__suffix",
|
|
64
|
+
"actions": "web_ui__InfoBanner__actions"
|
|
65
|
+
};
|
|
66
|
+
|
|
67
|
+
var INFO_BANNER_STYLING_VALUES = ['default', 'narrow', 'tight', 'wide'];
|
|
68
|
+
var INFO_BANNER_TYPE_VALUES = ['info', 'success', 'warning', 'error'];
|
|
69
|
+
/* ---------- Back-compat shims (deprecated) ---------- */
|
|
70
|
+
var INFO_BANNER_STYLING = {
|
|
71
|
+
Default: 'default',
|
|
72
|
+
Narrow: 'narrow',
|
|
73
|
+
Tight: 'tight',
|
|
74
|
+
Wide: 'wide'
|
|
75
|
+
};
|
|
76
|
+
var INFO_BANNER_TYPE = {
|
|
77
|
+
Info: 'info',
|
|
78
|
+
Success: 'success',
|
|
79
|
+
Warning: 'warning',
|
|
80
|
+
Error: 'error'
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
/* ---------- Type definitions ---------- */
|
|
84
|
+
|
|
85
|
+
var TYPE_ICON_MAP = {
|
|
86
|
+
success: {
|
|
87
|
+
name: CheckCircleFilled24,
|
|
88
|
+
color: 'success-default'
|
|
89
|
+
},
|
|
90
|
+
warning: {
|
|
91
|
+
name: ExclamationTriangleFilled24,
|
|
92
|
+
color: 'expose-default'
|
|
93
|
+
},
|
|
94
|
+
error: {
|
|
95
|
+
name: ExclamationCircleFilled24,
|
|
96
|
+
color: 'warning-default'
|
|
97
|
+
}
|
|
98
|
+
};
|
|
99
|
+
var typeToThemeMap = {
|
|
100
|
+
info: undefined,
|
|
101
|
+
success: 'success',
|
|
102
|
+
warning: 'expose',
|
|
103
|
+
error: 'warning'
|
|
104
|
+
};
|
|
105
|
+
var cssClasses = classNames.bind(styles);
|
|
106
|
+
var InfoBannerBase = function InfoBannerBase(_ref) {
|
|
107
|
+
var _ref$styling = _ref.styling,
|
|
108
|
+
styling = _ref$styling === void 0 ? 'default' : _ref$styling,
|
|
109
|
+
_ref$type = _ref.type,
|
|
110
|
+
type = _ref$type === void 0 ? 'info' : _ref$type,
|
|
111
|
+
_ref$actions = _ref.actions,
|
|
112
|
+
actions = _ref$actions === void 0 ? [] : _ref$actions,
|
|
113
|
+
title = _ref.title,
|
|
114
|
+
body = _ref.body,
|
|
115
|
+
closable = _ref.closable,
|
|
116
|
+
_ref$onClose = _ref.onClose,
|
|
117
|
+
onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
|
|
118
|
+
aria = _ref.aria,
|
|
119
|
+
testId = _ref.testId,
|
|
120
|
+
closeButtonAriaLabel = _ref.closeButtonAriaLabel,
|
|
121
|
+
width = _ref.width;
|
|
122
|
+
var handleCloseButtonClick = function handleCloseButtonClick() {
|
|
123
|
+
onClose(CloseTarget.CloseIcon);
|
|
124
|
+
};
|
|
125
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
126
|
+
onA11yKeyDown(event, {
|
|
127
|
+
keys: [KeyboardKey.Space, KeyboardKey.Enter]
|
|
128
|
+
});
|
|
129
|
+
};
|
|
130
|
+
var renderButton = function renderButton(_ref2, isInverse, testIdPrefix) {
|
|
131
|
+
var text = _ref2.text,
|
|
132
|
+
_ref2$callback = _ref2.callback,
|
|
133
|
+
callback = _ref2$callback === void 0 ? noop : _ref2$callback,
|
|
134
|
+
url = _ref2.url;
|
|
135
|
+
return /*#__PURE__*/jsx(ButtonWithForwardedRef, {
|
|
136
|
+
inline: true,
|
|
137
|
+
inverse: isInverse,
|
|
138
|
+
onClick: callback,
|
|
139
|
+
size: "small",
|
|
140
|
+
text: text,
|
|
141
|
+
theme: typeToThemeMap[type],
|
|
142
|
+
styling: "filled",
|
|
143
|
+
testId: testIdPrefix,
|
|
144
|
+
url: url
|
|
145
|
+
});
|
|
146
|
+
};
|
|
147
|
+
var renderActions = function renderActions() {
|
|
148
|
+
if (!actions.length) return null;
|
|
149
|
+
return /*#__PURE__*/jsxs("div", {
|
|
150
|
+
className: styles.actions,
|
|
151
|
+
children: [renderButton(actions[0], false, getTestId(testId, 'primary-button')), !!actions[1] && renderButton(actions[1], true, getTestId(testId, 'secondary-button'))]
|
|
152
|
+
});
|
|
153
|
+
};
|
|
154
|
+
var bannerClass = cssClasses('banner', type, styling);
|
|
155
|
+
var customStyle = width ? {
|
|
156
|
+
width: "".concat(width, "px")
|
|
157
|
+
} : undefined;
|
|
158
|
+
var renderTitle = function renderTitle() {
|
|
159
|
+
if (!title) return null;
|
|
160
|
+
return /*#__PURE__*/jsx("h4", {
|
|
161
|
+
className: styles.title,
|
|
162
|
+
children: title
|
|
163
|
+
});
|
|
164
|
+
};
|
|
165
|
+
var renderBody = function renderBody() {
|
|
166
|
+
return /*#__PURE__*/jsx("div", {
|
|
167
|
+
className: styles.body,
|
|
168
|
+
children: body
|
|
169
|
+
});
|
|
170
|
+
};
|
|
171
|
+
var renderPrefix = function renderPrefix() {
|
|
172
|
+
var iconProps = TYPE_ICON_MAP[type];
|
|
173
|
+
return iconProps ? /*#__PURE__*/jsx("div", {
|
|
174
|
+
className: styles.prefix,
|
|
175
|
+
children: /*#__PURE__*/jsx(Icon, {
|
|
176
|
+
name: iconProps.name,
|
|
177
|
+
color: iconProps.color
|
|
178
|
+
})
|
|
179
|
+
}) : /*#__PURE__*/jsx("div", {
|
|
180
|
+
className: styles.prefix,
|
|
181
|
+
children: /*#__PURE__*/jsx("span", {
|
|
182
|
+
className: styles['prefix-info'],
|
|
183
|
+
children: /*#__PURE__*/jsx(DefaultIcon, {})
|
|
184
|
+
})
|
|
185
|
+
});
|
|
186
|
+
};
|
|
187
|
+
var renderSuffix = function renderSuffix() {
|
|
188
|
+
if (!closable) return null;
|
|
189
|
+
return /*#__PURE__*/jsx("div", {
|
|
190
|
+
"aria-label": closeButtonAriaLabel,
|
|
191
|
+
role: "button",
|
|
192
|
+
tabIndex: 0,
|
|
193
|
+
className: styles.suffix,
|
|
194
|
+
onClick: handleCloseButtonClick,
|
|
195
|
+
onKeyDown: handleKeyDown,
|
|
196
|
+
"data-testid": getTestId(testId, 'close-button'),
|
|
197
|
+
children: /*#__PURE__*/jsx(Icon, {
|
|
198
|
+
name: X12
|
|
199
|
+
})
|
|
200
|
+
});
|
|
201
|
+
};
|
|
202
|
+
return /*#__PURE__*/jsxs("div", {
|
|
203
|
+
className: bannerClass,
|
|
204
|
+
"data-testid": testId,
|
|
205
|
+
children: [/*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
|
|
206
|
+
className: styles.content,
|
|
207
|
+
style: customStyle
|
|
208
|
+
}, aria), {}, {
|
|
209
|
+
"data-testid": getTestId(testId, 'content'),
|
|
210
|
+
children: [renderPrefix(), /*#__PURE__*/jsxs("div", {
|
|
211
|
+
className: styles.inner_content,
|
|
212
|
+
"data-testid": getTestId(testId, 'inner-content'),
|
|
213
|
+
children: [renderTitle(), renderBody(), renderActions()]
|
|
214
|
+
})]
|
|
215
|
+
})), renderSuffix()]
|
|
216
|
+
});
|
|
217
|
+
};
|
|
218
|
+
|
|
219
|
+
/** The public component type: a React component value that also has deprecated statics */
|
|
220
|
+
|
|
221
|
+
/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
|
|
222
|
+
var InfoBanner = _Object$assign(InfoBannerBase, {
|
|
223
|
+
/** @deprecated Use string unions, e.g. styling="narrow" */
|
|
224
|
+
Styling: INFO_BANNER_STYLING,
|
|
225
|
+
/** @deprecated Use string unions, e.g. type="success" */
|
|
226
|
+
Type: INFO_BANNER_TYPE
|
|
227
|
+
});
|
|
228
|
+
|
|
229
|
+
export { INFO_BANNER_STYLING, INFO_BANNER_STYLING_VALUES, INFO_BANNER_TYPE, INFO_BANNER_TYPE_VALUES, InfoBanner, InfoBanner as default };
|
|
230
|
+
//# sourceMappingURL=InfoBanner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoBanner.js","sources":["../../../../../monochrome-icons/dist/esm/icons/24/ExclamationTriangleFilled24.js","../../../../src/lib/InfoBanner/InfoBanner.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst ExclamationTriangleFilled24 = ({\n title,\n titleId,\n ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { fill: \"none\", viewBox: \"0 0 24 24\", width: 24, height: 24, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#ExclamationTriangleFilled24__a)\" }, /* @__PURE__ */ React.createElement(\n \"path\",\n {\n fill: \"currentColor\",\n d: \"m1.303 18.655 8.895-15.583a2.05 2.05 0 0 1 3.604 0l8.895 15.583c.84 1.472-.168 3.345-1.801 3.345H3.104c-1.633 0-2.642-1.873-1.801-3.345M13 13V8.5a1 1 0 1 0-2 0V13a1 1 0 1 0 2 0m-1 3a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5\"\n }\n)), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"ExclamationTriangleFilled24__a\" }, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"M0 0h24v24H0z\" }))));\nExclamationTriangleFilled24.Size = 24;\nExclamationTriangleFilled24.Title = \"ExclamationTriangleFilled\";\n\nexport { ExclamationTriangleFilled24 as default };\n","import {\n X12,\n ExclamationCircleFilled24,\n ExclamationTriangleFilled24,\n CheckCircleFilled24,\n} from '@vinted/monochrome-icons'\n\nimport { MouseEvent, ReactNode, KeyboardEvent, AriaAttributes } from 'react'\n\nimport classNames from 'classnames/bind'\n\nimport DefaultIcon from './assets/DefaultIcon'\n\nimport styles from './InfoBanner.scss'\nimport Icon, { IconType } from '../Icon/Icon'\nimport Button from '../Button'\nimport { CloseTarget } from '../../constants/portal'\nimport { ColorCode } from '../../constants/ui'\n\nimport { noop } from '../../utils/noop'\nimport { Theme } from '../types'\nimport { onA11yKeyDown } from '../../utils/a11y/onA11yKeyDown'\nimport { KeyboardKey } from '../../constants/keyboard'\nimport { getTestId } from '../../utils/testId'\n\n/* ---------- String-union sources of truth ---------- */\nexport const INFO_BANNER_STYLING_VALUES = ['default', 'narrow', 'tight', 'wide'] as const\nexport type InfoBannerStyling = (typeof INFO_BANNER_STYLING_VALUES)[number]\n\nexport const INFO_BANNER_TYPE_VALUES = ['info', 'success', 'warning', 'error'] as const\nexport type InfoBannerType = (typeof INFO_BANNER_TYPE_VALUES)[number]\n\n/* ---------- Back-compat shims (deprecated) ---------- */\nexport const INFO_BANNER_STYLING = {\n Default: 'default',\n Narrow: 'narrow',\n Tight: 'tight',\n Wide: 'wide',\n} as const satisfies Record<string, InfoBannerStyling>\n\nexport const INFO_BANNER_TYPE = {\n Info: 'info',\n Success: 'success',\n Warning: 'warning',\n Error: 'error',\n} as const satisfies Record<string, InfoBannerType>\n\n/* ---------- Type definitions ---------- */\ntype InfoBannerAction = {\n text: string\n callback?: (event: MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => void\n url?: string\n}\n\ntype TypeToTheme = {\n [key in InfoBannerType]: undefined | Theme<'success' | 'warning' | 'expose'>\n}\n\nexport type InfoBannerProps = {\n /**\n * Controls the styling variant of the info banner.\n * @default 'default'\n */\n styling?: InfoBannerStyling\n /**\n * Controls the type/theme of the info banner.\n * @default 'info'\n */\n type?: InfoBannerType\n title?: string\n closable?: boolean\n actions?: [] | [InfoBannerAction] | [InfoBannerAction, InfoBannerAction]\n onClose?: (event: CloseTarget) => void\n body: ReactNode\n aria?: AriaAttributes\n /**\n * Adds data-testid attribute to parent and children components\n * When used --close-icon, --primary-button, --secondary-button,\n * --content and --inner-content suffixes are added accordingly.\n */\n testId?: string\n closeButtonAriaLabel?: string\n width?: string\n}\n\ntype IconProps = {\n name: IconType\n color: ColorCode\n}\n\nconst TYPE_ICON_MAP: Partial<Record<InfoBannerType, IconProps>> = {\n success: {\n name: CheckCircleFilled24,\n color: 'success-default',\n },\n warning: {\n name: ExclamationTriangleFilled24,\n color: 'expose-default',\n },\n error: {\n name: ExclamationCircleFilled24,\n color: 'warning-default',\n },\n}\n\nconst typeToThemeMap: TypeToTheme = {\n info: undefined,\n success: 'success',\n warning: 'expose',\n error: 'warning',\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst InfoBannerBase = ({\n styling = 'default',\n type = 'info',\n actions = [],\n title,\n body,\n closable,\n onClose = noop,\n aria,\n testId,\n closeButtonAriaLabel,\n width,\n}: InfoBannerProps) => {\n const handleCloseButtonClick = () => {\n onClose(CloseTarget.CloseIcon)\n }\n\n const handleKeyDown = (event: KeyboardEvent) => {\n onA11yKeyDown(event, { keys: [KeyboardKey.Space, KeyboardKey.Enter] })\n }\n\n const renderButton = (\n { text, callback = noop, url }: InfoBannerAction,\n isInverse: boolean,\n testIdPrefix: string | undefined,\n ) => {\n return (\n <Button\n inline\n inverse={isInverse}\n onClick={callback}\n size=\"small\"\n text={text}\n theme={typeToThemeMap[type]}\n styling=\"filled\"\n testId={testIdPrefix}\n url={url}\n />\n )\n }\n\n const renderActions = () => {\n if (!actions.length) return null\n\n return (\n <div className={styles.actions}>\n {renderButton(actions[0], false, getTestId(testId, 'primary-button'))}\n {!!actions[1] && renderButton(actions[1], true, getTestId(testId, 'secondary-button'))}\n </div>\n )\n }\n\n const bannerClass = cssClasses('banner', type, styling)\n\n const customStyle = width\n ? {\n width: `${width}px`,\n }\n : undefined\n\n const renderTitle = () => {\n if (!title) return null\n\n return <h4 className={styles.title}>{title}</h4>\n }\n\n const renderBody = () => {\n return <div className={styles.body}>{body}</div>\n }\n\n const renderPrefix = () => {\n const iconProps = TYPE_ICON_MAP[type]\n\n return iconProps ? (\n <div className={styles.prefix}>\n <Icon name={iconProps.name} color={iconProps.color} />\n </div>\n ) : (\n <div className={styles.prefix}>\n <span className={styles['prefix-info']}>\n <DefaultIcon />\n </span>\n </div>\n )\n }\n\n const renderSuffix = () => {\n if (!closable) return null\n\n return (\n <div\n aria-label={closeButtonAriaLabel}\n role=\"button\"\n tabIndex={0}\n className={styles.suffix}\n onClick={handleCloseButtonClick}\n onKeyDown={handleKeyDown}\n data-testid={getTestId(testId, 'close-button')}\n >\n <Icon name={X12} />\n </div>\n )\n }\n\n return (\n <div className={bannerClass} data-testid={testId}>\n <div\n className={styles.content}\n style={customStyle}\n {...aria}\n data-testid={getTestId(testId, 'content')}\n >\n {renderPrefix()}\n <div className={styles.inner_content} data-testid={getTestId(testId, 'inner-content')}>\n {renderTitle()}\n {renderBody()}\n {renderActions()}\n </div>\n </div>\n {renderSuffix()}\n </div>\n )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type InfoBannerComponent = typeof InfoBannerBase & {\n /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n Styling: typeof INFO_BANNER_STYLING\n /** @deprecated Use string unions, e.g. type=\"success\" */\n Type: typeof INFO_BANNER_TYPE\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const InfoBanner: InfoBannerComponent = Object.assign(InfoBannerBase, {\n /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n Styling: INFO_BANNER_STYLING,\n /** @deprecated Use string unions, e.g. type=\"success\" */\n Type: INFO_BANNER_TYPE,\n})\n\nexport default InfoBanner\n"],"names":["ExclamationTriangleFilled24","_ref","title","titleId","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread","fill","viewBox","width","height","id","clipPath","d","Size","Title","INFO_BANNER_STYLING_VALUES","INFO_BANNER_TYPE_VALUES","INFO_BANNER_STYLING","Default","Narrow","Tight","Wide","INFO_BANNER_TYPE","Info","Success","Warning","Error","TYPE_ICON_MAP","success","name","CheckCircleFilled24","color","warning","error","ExclamationCircleFilled24","typeToThemeMap","info","undefined","cssClasses","classNames","bind","styles","InfoBannerBase","_ref$styling","styling","_ref$type","type","_ref$actions","actions","body","closable","_ref$onClose","onClose","noop","aria","testId","closeButtonAriaLabel","handleCloseButtonClick","CloseTarget","CloseIcon","handleKeyDown","event","onA11yKeyDown","keys","KeyboardKey","Space","Enter","renderButton","_ref2","isInverse","testIdPrefix","text","_ref2$callback","callback","url","_jsx","Button","inline","inverse","onClick","size","theme","renderActions","length","_jsxs","className","children","getTestId","bannerClass","customStyle","concat","renderTitle","renderBody","renderPrefix","iconProps","prefix","Icon","DefaultIcon","renderSuffix","role","tabIndex","suffix","onKeyDown","X12","content","style","inner_content","InfoBanner","_Object$assign","Styling","Type"],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
var DefaultIcon = function DefaultIcon() {
|
|
4
|
+
return /*#__PURE__*/jsx("svg", {
|
|
5
|
+
"aria-hidden": true,
|
|
6
|
+
fill: "none",
|
|
7
|
+
viewBox: "0 0 24 24",
|
|
8
|
+
width: "24",
|
|
9
|
+
height: "24",
|
|
10
|
+
children: /*#__PURE__*/jsx("path", {
|
|
11
|
+
fill: "currentColor",
|
|
12
|
+
fillRule: "evenodd",
|
|
13
|
+
d: "M2 11.996C2 6.476 6.475 2 11.996 2c5.52 0 9.996 4.476 9.996 9.996 0 5.52-4.476 9.995-9.996 9.995C6.475 21.991 2 17.516 2 11.996ZM10.74 7a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm.25 3v8h2v-8h-2Z",
|
|
14
|
+
clipRule: "evenodd"
|
|
15
|
+
})
|
|
16
|
+
});
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { DefaultIcon as default };
|
|
20
|
+
//# sourceMappingURL=DefaultIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DefaultIcon.js","sources":["../../../../../src/lib/InfoBanner/assets/DefaultIcon.tsx"],"sourcesContent":["const DefaultIcon = () => (\n <svg aria-hidden fill=\"none\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n <path\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n d=\"M2 11.996C2 6.476 6.475 2 11.996 2c5.52 0 9.996 4.476 9.996 9.996 0 5.52-4.476 9.995-9.996 9.995C6.475 21.991 2 17.516 2 11.996ZM10.74 7a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0Zm.25 3v8h2v-8h-2Z\"\n clipRule=\"evenodd\"\n />\n </svg>\n)\n\nexport default DefaultIcon\n"],"names":["DefaultIcon","_jsx","fill","viewBox","width","height","children","fillRule","d","clipRule"],"mappings":";;AAAA,IAAMA,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,EAAA,oBACfC,GAAA,CAAA,KAAA,EAAA;IAAK,aAAW,EAAA,IAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,KAAK,EAAC,IAAI;AAACC,IAAAA,MAAM,EAAC,IAAI;AAAAC,IAAAA,QAAA,eACrEL,GAAA,CAAA,MAAA,EAAA;AACEC,MAAAA,IAAI,EAAC,cAAc;AACnBK,MAAAA,QAAQ,EAAC,SAAS;AAClBC,MAAAA,CAAC,EAAC,wMAAwM;AAC1MC,MAAAA,QAAQ,EAAC,SAAA;KACV,CAAA;AAAC,GACC,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
|
|
2
|
+
import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
|
|
3
|
+
import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { c as classNames } from '../../../shared/bind-1a05f4e7.js';
|
|
6
|
+
import { getTestId } from '../../../utils/testId.js';
|
|
7
|
+
import { s as styles } from '../../../shared/Input-20355c28.js';
|
|
8
|
+
import { idFromName, computeId } from '../../../utils/html.js';
|
|
9
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
10
|
+
|
|
11
|
+
var cssClasses = classNames.bind(styles);
|
|
12
|
+
|
|
13
|
+
/* ---------- String-union sources of truth ---------- */
|
|
14
|
+
var INPUT_SELECT_STYLING_VALUES = ['tight', 'narrow', 'wide'];
|
|
15
|
+
var INPUT_SELECT_THEME_VALUES = ['primary'];
|
|
16
|
+
/* ---------- Back-compat shims (public API) ---------- */
|
|
17
|
+
var INPUT_SELECT_STYLING = {
|
|
18
|
+
Tight: 'tight',
|
|
19
|
+
Narrow: 'narrow',
|
|
20
|
+
Wide: 'wide'
|
|
21
|
+
};
|
|
22
|
+
var INPUT_SELECT_THEME = {
|
|
23
|
+
Primary: 'primary'
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
/* ---------- Type definitions ---------- */
|
|
27
|
+
|
|
28
|
+
var InputSelectBase = function InputSelectBase(_ref) {
|
|
29
|
+
var name = _ref.name,
|
|
30
|
+
idProp = _ref.id,
|
|
31
|
+
validation = _ref.validation,
|
|
32
|
+
title = _ref.title,
|
|
33
|
+
value = _ref.value,
|
|
34
|
+
placeholder = _ref.placeholder,
|
|
35
|
+
options = _ref.options,
|
|
36
|
+
styling = _ref.styling,
|
|
37
|
+
theme = _ref.theme,
|
|
38
|
+
forwardedRef = _ref.forwardedRef,
|
|
39
|
+
testId = _ref.testId,
|
|
40
|
+
_ref$required = _ref.required,
|
|
41
|
+
required = _ref$required === void 0 ? false : _ref$required,
|
|
42
|
+
_ref$disabled = _ref.disabled,
|
|
43
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
44
|
+
onChange = _ref.onChange,
|
|
45
|
+
onBlur = _ref.onBlur,
|
|
46
|
+
aria = _ref.aria;
|
|
47
|
+
var renderOptions = function renderOptions() {
|
|
48
|
+
return _mapInstanceProperty(options).call(options, function (option) {
|
|
49
|
+
return /*#__PURE__*/jsx("option", {
|
|
50
|
+
value: option.value,
|
|
51
|
+
"data-testid": getTestId(testId, 'option'),
|
|
52
|
+
children: option.label
|
|
53
|
+
}, option.value);
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
var baseId = idFromName(name);
|
|
57
|
+
var computedId = computeId(idProp, baseId);
|
|
58
|
+
var inputClass = cssClasses(styles.input, styles.select, styling, theme);
|
|
59
|
+
var AccessibleWrapper = title ? 'label' : 'div';
|
|
60
|
+
return /*#__PURE__*/jsxs(AccessibleWrapper, {
|
|
61
|
+
htmlFor: computedId,
|
|
62
|
+
className: inputClass,
|
|
63
|
+
"data-testid": testId,
|
|
64
|
+
children: [title ? /*#__PURE__*/jsx("div", {
|
|
65
|
+
className: styles.title,
|
|
66
|
+
"data-testid": getTestId(testId, 'title'),
|
|
67
|
+
children: title
|
|
68
|
+
}) : null, /*#__PURE__*/jsx("div", {
|
|
69
|
+
className: styles.content,
|
|
70
|
+
children: /*#__PURE__*/jsxs("select", _objectSpread(_objectSpread({
|
|
71
|
+
className: styles.value,
|
|
72
|
+
name: name,
|
|
73
|
+
value: value === null ? undefined : value,
|
|
74
|
+
id: computedId,
|
|
75
|
+
required: required,
|
|
76
|
+
disabled: disabled,
|
|
77
|
+
onChange: onChange,
|
|
78
|
+
onBlur: onBlur,
|
|
79
|
+
ref: forwardedRef,
|
|
80
|
+
"data-testid": getTestId(testId, 'select')
|
|
81
|
+
}, aria), {}, {
|
|
82
|
+
children: [placeholder ? /*#__PURE__*/jsx("option", {
|
|
83
|
+
value: "",
|
|
84
|
+
disabled: true,
|
|
85
|
+
className: styles.placeholder,
|
|
86
|
+
"data-testid": getTestId(testId, 'placeholder'),
|
|
87
|
+
children: placeholder
|
|
88
|
+
}) : null, renderOptions()]
|
|
89
|
+
}))
|
|
90
|
+
}), validation ? /*#__PURE__*/jsx("div", {
|
|
91
|
+
className: styles.note,
|
|
92
|
+
children: validation
|
|
93
|
+
}) : null]
|
|
94
|
+
});
|
|
95
|
+
};
|
|
96
|
+
|
|
97
|
+
/** The public component type: a React component value that also has deprecated statics */
|
|
98
|
+
|
|
99
|
+
var InputSelect = InputSelectBase;
|
|
100
|
+
var InputSelectWithForwardedRefBase = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
101
|
+
return /*#__PURE__*/jsx(InputSelect, _objectSpread({
|
|
102
|
+
forwardedRef: ref
|
|
103
|
+
}, props));
|
|
104
|
+
});
|
|
105
|
+
InputSelectWithForwardedRefBase.displayName = InputSelect.name;
|
|
106
|
+
|
|
107
|
+
/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
|
|
108
|
+
var InputSelectWithForwardedRef = _Object$assign(InputSelectWithForwardedRefBase, {
|
|
109
|
+
/** @deprecated Use string unions, e.g. styling="narrow" */
|
|
110
|
+
Styling: INPUT_SELECT_STYLING,
|
|
111
|
+
/** @deprecated Use string unions, e.g. theme="primary" */
|
|
112
|
+
Theme: INPUT_SELECT_THEME
|
|
113
|
+
});
|
|
114
|
+
|
|
115
|
+
export { INPUT_SELECT_STYLING, INPUT_SELECT_STYLING_VALUES, INPUT_SELECT_THEME, INPUT_SELECT_THEME_VALUES, InputSelectWithForwardedRef, InputSelectWithForwardedRef as default };
|
|
116
|
+
//# sourceMappingURL=InputSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputSelect.js","sources":["../../../../../src/lib/Input/InputSelect/InputSelect.tsx"],"sourcesContent":["import {\n ChangeEvent,\n ReactNode,\n Ref,\n FocusEvent,\n RefAttributes,\n AriaAttributes,\n ForwardRefExoticComponent,\n forwardRef,\n} from 'react'\nimport classNames from 'classnames/bind'\n\nimport { getTestId } from '../../../utils/testId'\n\nimport styles from '../Input.scss'\nimport { idFromName, computeId } from '../../../utils/html'\n\nconst cssClasses = classNames.bind(styles)\n\n/* ---------- String-union sources of truth ---------- */\nexport const INPUT_SELECT_STYLING_VALUES = ['tight', 'narrow', 'wide'] as const\nexport type InputSelectStyling = (typeof INPUT_SELECT_STYLING_VALUES)[number]\n\nexport const INPUT_SELECT_THEME_VALUES = ['primary'] as const\nexport type InputSelectTheme = (typeof INPUT_SELECT_THEME_VALUES)[number]\n\n/* ---------- Back-compat shims (public API) ---------- */\nexport const INPUT_SELECT_STYLING = {\n Tight: 'tight',\n Narrow: 'narrow',\n Wide: 'wide',\n} as const satisfies Record<string, InputSelectStyling>\n\nexport const INPUT_SELECT_THEME = {\n Primary: 'primary',\n} as const satisfies Record<string, InputSelectTheme>\n\n/* ---------- Type definitions ---------- */\ntype ValueProps =\n | { value?: undefined; onChange?: (event: ChangeEvent<HTMLSelectElement>) => void }\n | {\n value: string | number | null\n onChange: (event: ChangeEvent<HTMLSelectElement>) => void\n }\n\ntype BaseProps = {\n name: string\n /** Optionally override the generated id (must be unique in the DOM). */\n id?: string\n validation?: ReactNode\n title?: string | JSX.Element\n placeholder?: string\n options: Array<{ value: string | number; label: string | number }>\n /**\n * Controls the styling variant of the select.\n */\n styling?: InputSelectStyling\n /**\n * Controls the theme of the select.\n */\n theme?: InputSelectTheme\n forwardedRef?: Ref<HTMLSelectElement>\n /**\n * Adds data-testid attribute to parent and children components.\n * When used, --title, --option, --select and --placeholder suffixes applied accordingly.\n */\n testId?: string\n required?: boolean\n disabled?: boolean\n onChange?: (event: ChangeEvent<HTMLSelectElement>) => void\n onBlur?: (event: FocusEvent<HTMLSelectElement>) => void\n aria?: AriaAttributes\n}\n\nexport type InputSelectProps = BaseProps & ValueProps\n\nconst InputSelectBase = ({\n name,\n id: idProp,\n validation,\n title,\n value,\n placeholder,\n options,\n styling,\n theme,\n forwardedRef,\n testId,\n required = false,\n disabled = false,\n onChange,\n onBlur,\n aria,\n}: InputSelectProps) => {\n const renderOptions = () => {\n return options.map(option => (\n <option key={option.value} value={option.value} data-testid={getTestId(testId, 'option')}>\n {option.label}\n </option>\n ))\n }\n\n const baseId = idFromName(name)\n\n const computedId = computeId(idProp, baseId)\n\n const inputClass = cssClasses(styles.input, styles.select, styling, theme)\n const AccessibleWrapper = title ? 'label' : 'div'\n\n return (\n <AccessibleWrapper htmlFor={computedId} className={inputClass} data-testid={testId}>\n {title ? (\n <div className={styles.title} data-testid={getTestId(testId, 'title')}>\n {title}\n </div>\n ) : null}\n <div className={styles.content}>\n <select\n className={styles.value}\n name={name}\n value={value === null ? undefined : value}\n id={computedId}\n required={required}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n ref={forwardedRef}\n data-testid={getTestId(testId, 'select')}\n {...aria}\n >\n {placeholder ? (\n <option\n value=\"\"\n disabled\n className={styles.placeholder}\n data-testid={getTestId(testId, 'placeholder')}\n >\n {placeholder}\n </option>\n ) : null}\n {renderOptions()}\n </select>\n </div>\n\n {validation ? <div className={styles.note}>{validation}</div> : null}\n </AccessibleWrapper>\n )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type RefComponent = ForwardRefExoticComponent<\n InputSelectProps & RefAttributes<HTMLSelectElement>\n> & {\n /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n Styling: typeof INPUT_SELECT_STYLING\n /** @deprecated Use string unions, e.g. theme=\"primary\" */\n Theme: typeof INPUT_SELECT_THEME\n}\n\nconst InputSelect = InputSelectBase\n\nconst InputSelectWithForwardedRefBase = forwardRef<HTMLSelectElement, InputSelectProps>(\n (props, ref) => <InputSelect forwardedRef={ref} {...props} />,\n)\n\nInputSelectWithForwardedRefBase.displayName = InputSelect.name\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const InputSelectWithForwardedRef: RefComponent = Object.assign(\n InputSelectWithForwardedRefBase,\n {\n /** @deprecated Use string unions, e.g. styling=\"narrow\" */\n Styling: INPUT_SELECT_STYLING,\n /** @deprecated Use string unions, e.g. theme=\"primary\" */\n Theme: INPUT_SELECT_THEME,\n },\n)\n\nexport default InputSelectWithForwardedRef\n"],"names":["cssClasses","classNames","bind","styles","INPUT_SELECT_STYLING_VALUES","INPUT_SELECT_THEME_VALUES","INPUT_SELECT_STYLING","Tight","Narrow","Wide","INPUT_SELECT_THEME","Primary","InputSelectBase","_ref","name","idProp","id","validation","title","value","placeholder","options","styling","theme","forwardedRef","testId","_ref$required","required","_ref$disabled","disabled","onChange","onBlur","aria","renderOptions","_mapInstanceProperty","call","option","_jsx","getTestId","children","label","baseId","idFromName","computedId","computeId","inputClass","input","select","AccessibleWrapper","_jsxs","htmlFor","className","content","_objectSpread","undefined","ref","note","InputSelect","InputSelectWithForwardedRefBase","forwardRef","props","displayName","InputSelectWithForwardedRef","_Object$assign","Styling","Theme"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
|
|
2
|
+
import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
|
|
3
|
+
import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
|
|
4
|
+
import { forwardRef } from 'react';
|
|
5
|
+
import { c as classNames } from '../../../shared/bind-1a05f4e7.js';
|
|
6
|
+
import { s as styles } from '../../../shared/Input-20355c28.js';
|
|
7
|
+
import { getTestId } from '../../../utils/testId.js';
|
|
8
|
+
import { deprecationWarning } from '../../../utils/warning.js';
|
|
9
|
+
import { idFromName, computeId } from '../../../utils/html.js';
|
|
10
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
11
|
+
|
|
12
|
+
var INPUT_TEXT_STYLING_VALUES = ['tight', 'narrow', 'wide'];
|
|
13
|
+
var INPUT_TEXT_THEME_VALUES = ['primary'];
|
|
14
|
+
var INPUT_TEXT_TYPE_VALUES = ['text', 'password', 'number', 'email', 'date', 'datetime-local'];
|
|
15
|
+
var INPUT_TEXT_INPUT_MODE_VALUES = ['none', 'decimal', 'numeric', 'tel', 'search', 'email', 'url'];
|
|
16
|
+
/* ---------- Back-compat shim (deprecated) ---------- */
|
|
17
|
+
var INPUT_TEXT_STYLING = {
|
|
18
|
+
Tight: 'tight',
|
|
19
|
+
Narrow: 'narrow',
|
|
20
|
+
Wide: 'wide'
|
|
21
|
+
};
|
|
22
|
+
var INPUT_TEXT_THEME = {
|
|
23
|
+
Primary: 'primary'
|
|
24
|
+
};
|
|
25
|
+
var INPUT_TEXT_TYPE = {
|
|
26
|
+
Text: 'text',
|
|
27
|
+
Password: 'password',
|
|
28
|
+
Number: 'number',
|
|
29
|
+
Email: 'email',
|
|
30
|
+
Date: 'date',
|
|
31
|
+
DateTimeLocal: 'datetime-local'
|
|
32
|
+
};
|
|
33
|
+
var INPUT_TEXT_INPUT_MODE = {
|
|
34
|
+
None: 'none',
|
|
35
|
+
Decimal: 'decimal',
|
|
36
|
+
Numeric: 'numeric',
|
|
37
|
+
Telephone: 'tel',
|
|
38
|
+
Search: 'search',
|
|
39
|
+
Email: 'email',
|
|
40
|
+
Url: 'url'
|
|
41
|
+
};
|
|
42
|
+
|
|
43
|
+
/* ---------- Type definitions ---------- */
|
|
44
|
+
|
|
45
|
+
var cssClasses = classNames.bind(styles);
|
|
46
|
+
var InputTextBase = function InputTextBase(_ref) {
|
|
47
|
+
var name = _ref.name,
|
|
48
|
+
idProp = _ref.id,
|
|
49
|
+
validation = _ref.validation,
|
|
50
|
+
title = _ref.title,
|
|
51
|
+
_ref$type = _ref.type,
|
|
52
|
+
type = _ref$type === void 0 ? 'text' : _ref$type,
|
|
53
|
+
required = _ref.required,
|
|
54
|
+
disabled = _ref.disabled,
|
|
55
|
+
min = _ref.min,
|
|
56
|
+
max = _ref.max,
|
|
57
|
+
step = _ref.step,
|
|
58
|
+
maxLength = _ref.maxLength,
|
|
59
|
+
defaultValue = _ref.defaultValue,
|
|
60
|
+
suffix = _ref.suffix,
|
|
61
|
+
placeholder = _ref.placeholder,
|
|
62
|
+
autoComplete = _ref.autoComplete,
|
|
63
|
+
readOnly = _ref.readOnly,
|
|
64
|
+
styling = _ref.styling,
|
|
65
|
+
theme = _ref.theme,
|
|
66
|
+
onFocus = _ref.onFocus,
|
|
67
|
+
onBlur = _ref.onBlur,
|
|
68
|
+
onKeyDown = _ref.onKeyDown,
|
|
69
|
+
onCopy = _ref.onCopy,
|
|
70
|
+
onChange = _ref.onChange,
|
|
71
|
+
forwardedRef = _ref.forwardedRef,
|
|
72
|
+
value = _ref.value,
|
|
73
|
+
testId = _ref.testId,
|
|
74
|
+
inputMode = _ref.inputMode,
|
|
75
|
+
aria = _ref.aria;
|
|
76
|
+
var inputClass = cssClasses(styles.input, styling, theme);
|
|
77
|
+
var inputValueClass = cssClasses(styles.value, _defineProperty({}, styles['with-suffix'], !!suffix));
|
|
78
|
+
var AccessibleWrapper = title ? 'label' : 'div';
|
|
79
|
+
var baseId = idFromName(name);
|
|
80
|
+
var computedId = computeId(idProp, baseId);
|
|
81
|
+
return /*#__PURE__*/jsxs(AccessibleWrapper, {
|
|
82
|
+
htmlFor: computedId,
|
|
83
|
+
className: inputClass,
|
|
84
|
+
"data-testid": testId,
|
|
85
|
+
children: [title ? /*#__PURE__*/jsx("div", {
|
|
86
|
+
className: styles.title,
|
|
87
|
+
"data-testid": getTestId(testId, 'title'),
|
|
88
|
+
children: title
|
|
89
|
+
}) : null, /*#__PURE__*/jsxs("div", {
|
|
90
|
+
className: styles.content,
|
|
91
|
+
children: [/*#__PURE__*/jsx("input", _objectSpread({
|
|
92
|
+
className: inputValueClass,
|
|
93
|
+
type: type,
|
|
94
|
+
name: name,
|
|
95
|
+
id: computedId,
|
|
96
|
+
value: value === null ? undefined : value,
|
|
97
|
+
required: required,
|
|
98
|
+
disabled: disabled,
|
|
99
|
+
min: min,
|
|
100
|
+
max: max,
|
|
101
|
+
step: step,
|
|
102
|
+
maxLength: maxLength,
|
|
103
|
+
defaultValue: defaultValue,
|
|
104
|
+
placeholder: placeholder,
|
|
105
|
+
autoComplete: autoComplete,
|
|
106
|
+
readOnly: readOnly,
|
|
107
|
+
onChange: onChange,
|
|
108
|
+
onFocus: onFocus,
|
|
109
|
+
onBlur: onBlur,
|
|
110
|
+
onCopy: onCopy,
|
|
111
|
+
onKeyDown: onKeyDown,
|
|
112
|
+
ref: forwardedRef,
|
|
113
|
+
inputMode: inputMode,
|
|
114
|
+
"data-testid": getTestId(testId, 'input')
|
|
115
|
+
}, aria)), suffix ? /*#__PURE__*/jsx("div", {
|
|
116
|
+
className: styles.suffix,
|
|
117
|
+
children: suffix
|
|
118
|
+
}) : null]
|
|
119
|
+
}), validation ? /*#__PURE__*/jsx("div", {
|
|
120
|
+
className: styles.note,
|
|
121
|
+
children: validation
|
|
122
|
+
}) : null]
|
|
123
|
+
});
|
|
124
|
+
};
|
|
125
|
+
|
|
126
|
+
/** The public component type: a React component value that also has deprecated statics */
|
|
127
|
+
|
|
128
|
+
// BUG: default exports do not auto-generate storybook ArgsTable
|
|
129
|
+
// https://github.com/storybookjs/storybook/issues/9511
|
|
130
|
+
// remove export when resolved
|
|
131
|
+
var InputTextWithForwardedRefBase = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
132
|
+
var forwardedProps = _objectSpread({}, props);
|
|
133
|
+
if (forwardedProps.deprecatedIcon) {
|
|
134
|
+
forwardedProps.suffix = forwardedProps.suffix || forwardedProps.deprecatedIcon;
|
|
135
|
+
deprecationWarning('Property icon on InputText component has been deprecated. Use property suffix instead');
|
|
136
|
+
}
|
|
137
|
+
return /*#__PURE__*/jsx(InputTextBase, _objectSpread({
|
|
138
|
+
forwardedRef: ref
|
|
139
|
+
}, forwardedProps));
|
|
140
|
+
});
|
|
141
|
+
InputTextWithForwardedRefBase.displayName = InputTextBase.name;
|
|
142
|
+
|
|
143
|
+
/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
|
|
144
|
+
var InputTextWithForwardedRef = _Object$assign(InputTextWithForwardedRefBase, {
|
|
145
|
+
/** @deprecated Use string unions, e.g. styling="tight" */
|
|
146
|
+
Styling: INPUT_TEXT_STYLING,
|
|
147
|
+
/** @deprecated Use string unions, e.g. theme="primary" */
|
|
148
|
+
Theme: INPUT_TEXT_THEME,
|
|
149
|
+
/** @deprecated Use string unions, e.g. type="email" */
|
|
150
|
+
Type: INPUT_TEXT_TYPE,
|
|
151
|
+
/** @deprecated Use string unions, e.g. inputMode="numeric" */
|
|
152
|
+
InputMode: INPUT_TEXT_INPUT_MODE
|
|
153
|
+
});
|
|
154
|
+
|
|
155
|
+
export { INPUT_TEXT_INPUT_MODE, INPUT_TEXT_INPUT_MODE_VALUES, INPUT_TEXT_STYLING, INPUT_TEXT_STYLING_VALUES, INPUT_TEXT_THEME, INPUT_TEXT_THEME_VALUES, INPUT_TEXT_TYPE, INPUT_TEXT_TYPE_VALUES, InputTextWithForwardedRef, InputTextWithForwardedRef as default };
|
|
156
|
+
//# sourceMappingURL=InputText.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputText.js","sources":["../../../../../src/lib/Input/InputText/InputText.tsx"],"sourcesContent":["import {\n ClipboardEventHandler,\n ChangeEvent,\n Ref,\n FocusEvent,\n KeyboardEvent,\n ReactNode,\n ForwardRefExoticComponent,\n RefAttributes,\n AriaAttributes,\n forwardRef,\n} from 'react'\nimport classNames from 'classnames/bind'\n\nimport styles from '../Input.scss'\nimport { getTestId } from '../../../utils/testId'\nimport { deprecationWarning } from '../../../utils/warning'\nimport { idFromName, computeId } from '../../../utils/html'\n\n/* ---------- String-union sources of truth ---------- */\nexport const INPUT_TEXT_STYLING_VALUES = ['tight', 'narrow', 'wide'] as const\nexport type InputTextStyling = (typeof INPUT_TEXT_STYLING_VALUES)[number]\n\nexport const INPUT_TEXT_THEME_VALUES = ['primary'] as const\nexport type InputTextTheme = (typeof INPUT_TEXT_THEME_VALUES)[number]\n\nexport const INPUT_TEXT_TYPE_VALUES = [\n 'text',\n 'password',\n 'number',\n 'email',\n 'date',\n 'datetime-local',\n] as const\nexport type InputTextType = (typeof INPUT_TEXT_TYPE_VALUES)[number]\n\nexport const INPUT_TEXT_INPUT_MODE_VALUES = [\n 'none',\n 'decimal',\n 'numeric',\n 'tel',\n 'search',\n 'email',\n 'url',\n] as const\nexport type InputTextInputMode = (typeof INPUT_TEXT_INPUT_MODE_VALUES)[number]\n\n/* ---------- Back-compat shim (deprecated) ---------- */\nexport const INPUT_TEXT_STYLING = {\n Tight: 'tight',\n Narrow: 'narrow',\n Wide: 'wide',\n} as const satisfies Record<string, InputTextStyling>\n\nexport const INPUT_TEXT_THEME = {\n Primary: 'primary',\n} as const satisfies Record<string, InputTextTheme>\n\nexport const INPUT_TEXT_TYPE = {\n Text: 'text',\n Password: 'password',\n Number: 'number',\n Email: 'email',\n Date: 'date',\n DateTimeLocal: 'datetime-local',\n} as const satisfies Record<string, InputTextType>\n\nexport const INPUT_TEXT_INPUT_MODE = {\n None: 'none',\n Decimal: 'decimal',\n Numeric: 'numeric',\n Telephone: 'tel',\n Search: 'search',\n Email: 'email',\n Url: 'url',\n} as const satisfies Record<string, InputTextInputMode>\n\n/* ---------- Type definitions ---------- */\ntype BaseProps = {\n name: string\n /** Optionally override the generated id (must be unique in the DOM). */\n id?: string\n type?: InputTextType\n validation?: ReactNode\n title?: string | JSX.Element\n defaultValue?: string | number | undefined\n min?: string | number\n max?: string | number\n step?: string | number\n maxLength?: number\n /** @deprecated Use suffix field instead */\n deprecatedIcon?: ReactNode\n suffix?: ReactNode\n placeholder?: string\n autoComplete?: string\n readOnly?: boolean\n styling?: InputTextStyling\n theme?: InputTextTheme\n required?: boolean\n disabled?: boolean\n onFocus?: (event: FocusEvent<HTMLInputElement>) => void\n onBlur?: (event: FocusEvent<HTMLInputElement>) => void\n onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void\n onCopy?: ClipboardEventHandler<HTMLInputElement>\n forwardedRef?: Ref<HTMLInputElement>\n /**\n * Controls the input mode for mobile keyboards.\n */\n inputMode?: InputTextInputMode\n aria?: AriaAttributes\n /**\n * Adds data-testid attribute to parent and children components.\n * When used, --input and --title suffixes applied accordingly.\n */\n testId?: string\n}\n\ntype ValueProps =\n | { value?: undefined; onChange?: (event: ChangeEvent<HTMLInputElement>) => void }\n | {\n value: string | number | null\n onChange: (event: ChangeEvent<HTMLInputElement>) => void\n }\n\nexport type InputTextProps = BaseProps & ValueProps\n\nconst cssClasses = classNames.bind(styles)\n\nconst InputTextBase = ({\n name,\n id: idProp,\n validation,\n title,\n type = 'text',\n required,\n disabled,\n min,\n max,\n step,\n maxLength,\n defaultValue,\n suffix,\n placeholder,\n autoComplete,\n readOnly,\n styling,\n theme,\n onFocus,\n onBlur,\n onKeyDown,\n onCopy,\n onChange,\n forwardedRef,\n value,\n testId,\n inputMode,\n aria,\n}: InputTextProps) => {\n const inputClass = cssClasses(styles.input, styling, theme)\n const inputValueClass = cssClasses(styles.value, { [styles['with-suffix']]: !!suffix })\n const AccessibleWrapper = title ? 'label' : 'div'\n\n const baseId = idFromName(name)\n\n const computedId = computeId(idProp, baseId)\n\n return (\n <AccessibleWrapper htmlFor={computedId} className={inputClass} data-testid={testId}>\n {title ? (\n <div className={styles.title} data-testid={getTestId(testId, 'title')}>\n {title}\n </div>\n ) : null}\n <div className={styles.content}>\n <input\n className={inputValueClass}\n type={type}\n name={name}\n id={computedId}\n value={value === null ? undefined : value}\n required={required}\n disabled={disabled}\n min={min}\n max={max}\n step={step}\n maxLength={maxLength}\n defaultValue={defaultValue}\n placeholder={placeholder}\n autoComplete={autoComplete}\n readOnly={readOnly}\n onChange={onChange}\n onFocus={onFocus}\n onBlur={onBlur}\n onCopy={onCopy}\n onKeyDown={onKeyDown}\n ref={forwardedRef}\n inputMode={inputMode}\n data-testid={getTestId(testId, 'input')}\n {...aria}\n />\n {suffix ? <div className={styles.suffix}>{suffix}</div> : null}\n </div>\n\n {validation ? <div className={styles.note}>{validation}</div> : null}\n </AccessibleWrapper>\n )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type RefComponent = ForwardRefExoticComponent<\n InputTextProps & RefAttributes<HTMLInputElement>\n> & {\n /** @deprecated Use string unions, e.g. styling=\"tight\" */\n Styling: typeof INPUT_TEXT_STYLING\n /** @deprecated Use string unions, e.g. theme=\"primary\" */\n Theme: typeof INPUT_TEXT_THEME\n /** @deprecated Use string unions, e.g. type=\"email\" */\n Type: typeof INPUT_TEXT_TYPE\n /** @deprecated Use string unions, e.g. inputMode=\"numeric\" */\n InputMode: typeof INPUT_TEXT_INPUT_MODE\n}\n\n// BUG: default exports do not auto-generate storybook ArgsTable\n// https://github.com/storybookjs/storybook/issues/9511\n// remove export when resolved\nconst InputTextWithForwardedRefBase = forwardRef<HTMLInputElement, InputTextProps>((props, ref) => {\n const forwardedProps = { ...props }\n\n if (forwardedProps.deprecatedIcon) {\n forwardedProps.suffix = forwardedProps.suffix || forwardedProps.deprecatedIcon\n\n deprecationWarning(\n 'Property icon on InputText component has been deprecated. Use property suffix instead',\n )\n }\n\n return <InputTextBase forwardedRef={ref} {...forwardedProps} />\n})\n\nInputTextWithForwardedRefBase.displayName = InputTextBase.name\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const InputTextWithForwardedRef: RefComponent = Object.assign(\n InputTextWithForwardedRefBase,\n {\n /** @deprecated Use string unions, e.g. styling=\"tight\" */\n Styling: INPUT_TEXT_STYLING,\n /** @deprecated Use string unions, e.g. theme=\"primary\" */\n Theme: INPUT_TEXT_THEME,\n /** @deprecated Use string unions, e.g. type=\"email\" */\n Type: INPUT_TEXT_TYPE,\n /** @deprecated Use string unions, e.g. inputMode=\"numeric\" */\n InputMode: INPUT_TEXT_INPUT_MODE,\n },\n)\n\nexport default InputTextWithForwardedRef\n"],"names":["INPUT_TEXT_STYLING_VALUES","INPUT_TEXT_THEME_VALUES","INPUT_TEXT_TYPE_VALUES","INPUT_TEXT_INPUT_MODE_VALUES","INPUT_TEXT_STYLING","Tight","Narrow","Wide","INPUT_TEXT_THEME","Primary","INPUT_TEXT_TYPE","Text","Password","Number","Email","Date","DateTimeLocal","INPUT_TEXT_INPUT_MODE","None","Decimal","Numeric","Telephone","Search","Url","cssClasses","classNames","bind","styles","InputTextBase","_ref","name","idProp","id","validation","title","_ref$type","type","required","disabled","min","max","step","maxLength","defaultValue","suffix","placeholder","autoComplete","readOnly","styling","theme","onFocus","onBlur","onKeyDown","onCopy","onChange","forwardedRef","value","testId","inputMode","aria","inputClass","input","inputValueClass","_defineProperty","AccessibleWrapper","baseId","idFromName","computedId","computeId","_jsxs","htmlFor","className","children","_jsx","getTestId","content","_objectSpread","undefined","ref","note","InputTextWithForwardedRefBase","forwardRef","props","forwardedProps","deprecatedIcon","deprecationWarning","displayName","InputTextWithForwardedRef","_Object$assign","Styling","Theme","Type","InputMode"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|