gd-design-library 0.3.4 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +86 -17
- package/README.md +2 -0
- package/assets/icons/account_circle.js +17 -1
- package/assets/icons/arrow-down.js +15 -1
- package/assets/icons/arrow-forward.js +17 -1
- package/assets/icons/attachment.js +17 -1
- package/assets/icons/check.js +16 -1
- package/assets/icons/chevron-left.js +17 -1
- package/assets/icons/chevron-right.js +17 -1
- package/assets/icons/content-copy.js +17 -1
- package/assets/icons/cross.js +16 -1
- package/assets/icons/delete_outlined.js +17 -1
- package/assets/icons/dot.js +16 -1
- package/assets/icons/edit.js +17 -1
- package/assets/icons/error_outline.js +22 -1
- package/assets/icons/eye.js +17 -1
- package/assets/icons/favorite.js +17 -1
- package/assets/icons/favorite_outlined.js +17 -1
- package/assets/icons/file-copy.js +16 -1
- package/assets/icons/filter.js +17 -1
- package/assets/icons/folder.js +17 -1
- package/assets/icons/folderOpen.js +17 -1
- package/assets/icons/home.js +17 -1
- package/assets/icons/keyboard-arrow-down.js +12 -1
- package/assets/icons/local_shipping.js +17 -1
- package/assets/icons/minus.js +16 -1
- package/assets/icons/mobile_menu_button.js +17 -1
- package/assets/icons/paymentCard.js +17 -1
- package/assets/icons/plus.js +16 -1
- package/assets/icons/portrait.js +17 -1
- package/assets/icons/processing.js +17 -1
- package/assets/icons/ruler.js +17 -1
- package/assets/icons/search.js +17 -1
- package/assets/icons/shopping_bag.js +17 -1
- package/assets/icons/slash.js +17 -1
- package/assets/icons/star.js +16 -1
- package/assets/icons/starOutlined.js +16 -1
- package/assets/icons/thumb-down.js +17 -1
- package/assets/icons/thumb-up.js +17 -1
- package/assets/icons/toast_error.js +20 -1
- package/assets/icons/toast_info.js +16 -1
- package/assets/icons/toast_success.js +20 -1
- package/assets/icons/toast_warning.js +16 -1
- package/assets/icons/upload.js +17 -1
- package/assets/icons/volume-up.js +17 -1
- package/assets/icons/wifiTethering.js +17 -1
- package/assets/svg/checkbox_bg_checked.svg.js +5 -2
- package/assets/svg/checkbox_border.svg.js +5 -2
- package/assets/svg/checkbox_disabled_bg_checked.svg.js +5 -2
- package/assets/svg/radio_bg.svg.js +5 -2
- package/assets/svg/radio_bg_checked.svg.js +5 -2
- package/components/core/Breadcrumbs/Breadcrumbs.js +34 -1
- package/components/core/Breadcrumbs/BreadcrumbsStyled.js +58 -1
- package/components/core/Breadcrumbs/constants.js +4 -1
- package/components/core/Button/Button.js +43 -1
- package/components/core/Button/ButtonStyled.js +53 -1
- package/components/core/Button/constants.js +4 -1
- package/components/core/Dropdown/Dropdown.js +38 -1
- package/components/core/Dropdown/DropdownStyled.js +20 -1
- package/components/core/Dropdown/constants.js +4 -1
- package/components/core/Dropdown/hooks/useDropdown.js +12 -1
- package/components/core/DropdownItem/DropdownItem.js +38 -1
- package/components/core/DropdownItem/DropdownItemStyled.js +17 -1
- package/components/core/DropdownItem/constants.js +4 -1
- package/components/core/Form/Form.js +48 -1
- package/components/core/Form/FormStyled.js +16 -1
- package/components/core/Form/constants.js +4 -1
- package/components/core/Form/utils.js +34 -1
- package/components/core/Icon/Icon.js +33 -1
- package/components/core/Icon/constants.js +92 -1
- package/components/core/Image/Image.js +39 -1
- package/components/core/Image/ImageStyled.js +54 -1
- package/components/core/Image/constants.js +4 -1
- package/components/core/InlineNotification/InlineNotification.js +38 -1
- package/components/core/InlineNotification/InlineNotificationStyled.js +29 -1
- package/components/core/InlineNotification/constants.js +21 -1
- package/components/core/Input/Input.js +72 -1
- package/components/core/Input/InputAdornment/InputAdornment.js +18 -1
- package/components/core/Input/InputAdornment/InputAdornmentStyled.js +15 -1
- package/components/core/Input/InputAdornment/constants.js +4 -1
- package/components/core/Input/InputHelper/InputHelper.js +22 -1
- package/components/core/Input/InputHelper/InputHelperStyled.js +17 -1
- package/components/core/Input/InputHelper/constants.js +4 -1
- package/components/core/Input/InputStyled.js +18 -1
- package/components/core/Input/InputWrapper/InputWrapper.js +22 -1
- package/components/core/Input/InputWrapper/InputWrapperStyled.js +21 -1
- package/components/core/Input/InputWrapper/constants.js +5 -1
- package/components/core/Input/constants.js +18 -1
- package/components/core/Input/useInputHandlers.js +31 -1
- package/components/core/InputFile/InputFile.js +40 -1
- package/components/core/InputFile/InputFileStyled.js +27 -1
- package/components/core/InputFile/constants.js +6 -1
- package/components/core/Label/Label.js +27 -1
- package/components/core/Label/LabelStyled.js +17 -1
- package/components/core/Label/constants.js +4 -1
- package/components/core/Link/Link.js +43 -1
- package/components/core/Link/LinkStyled.js +22 -1
- package/components/core/Link/constants.js +4 -1
- package/components/core/List/List.js +45 -1
- package/components/core/List/ListStyled.js +31 -1
- package/components/core/List/constants.js +4 -1
- package/components/core/Loader/Loader.js +28 -1
- package/components/core/Loader/LoaderStyled.js +41 -1
- package/components/core/Loader/constants.js +6 -1
- package/components/core/Loader/utils.js +37 -1
- package/components/core/Menu/Menu.js +100 -1
- package/components/core/Menu/MenuStyled.js +31 -1
- package/components/core/Menu/constants.js +24 -1
- package/components/core/Modal/Modal.js +47 -1
- package/components/core/Modal/ModalStyled.js +76 -1
- package/components/core/Modal/constants.js +4 -1
- package/components/core/Portal/Portal.d.ts +1 -2
- package/components/core/Portal/Portal.js +19 -1
- package/components/core/Portal/index.d.ts +1 -1
- package/components/core/Scroll/Scroll.js +40 -1
- package/components/core/Scroll/ScrollBar.js +68 -1
- package/components/core/Scroll/ScrollStyled.js +56 -1
- package/components/core/Scroll/constants.js +6 -1
- package/components/core/Scroll/utils.js +41 -1
- package/components/core/Select/Select.js +145 -1
- package/components/core/Select/SelectStyled.js +70 -1
- package/components/core/Select/constants.js +5 -1
- package/components/core/Select/hooks/useSelectContext.js +12 -1
- package/components/core/Separator/Separator.js +36 -1
- package/components/core/Separator/SeparatorStyled.js +61 -1
- package/components/core/Separator/constants.js +4 -1
- package/components/core/Skeleton/Skeleton.js +24 -1
- package/components/core/Skeleton/SkeletonStyled.js +28 -1
- package/components/core/Skeleton/constants.js +6 -1
- package/components/core/Slider/Slider.js +35 -1
- package/components/core/Slider/SliderStyled.js +20 -1
- package/components/core/Slider/constants.js +6 -1
- package/components/core/Snackbar/Snackbar.js +46 -1
- package/components/core/Snackbar/SnackbarManager.js +48 -1
- package/components/core/Snackbar/SnackbarStyled.js +109 -5
- package/components/core/Snackbar/constants.js +10 -1
- package/components/core/Switch/Switch.js +36 -1
- package/components/core/Switch/SwitchStyled.js +56 -1
- package/components/core/Switch/constants.js +4 -1
- package/components/core/Textarea/Textarea.js +41 -1
- package/components/core/Textarea/Textarea.types.d.ts +1 -3
- package/components/core/Textarea/Textarea.types.js +6 -1
- package/components/core/Textarea/TextareaStyled.js +29 -1
- package/components/core/Textarea/constants.js +4 -1
- package/components/core/Textarea/hooks/useDynamicHeightAdjustment.js +8 -1
- package/components/core/Textarea/hooks/useResizeObserver.js +24 -1
- package/components/core/Toggle/Toggle.js +37 -1
- package/components/core/Toggle/ToggleStyled.js +18 -1
- package/components/core/Toggle/constants.js +4 -1
- package/components/core/Tooltip/Tooltip.js +40 -1
- package/components/core/Tooltip/Tooltip.types.js +4 -1
- package/components/core/Tooltip/TooltipStyled.js +23 -1
- package/components/core/Tooltip/constants.js +6 -1
- package/components/core/Tooltip/utils.js +64 -1
- package/components/core/Typography/Typography.js +26 -1
- package/components/core/Typography/TypographyStyled.js +32 -1
- package/components/core/Typography/constants.js +4 -1
- package/components/core/Wrapper/Wrapper.js +20 -1
- package/components/core/Wrapper/WrapperStyled.js +23 -1
- package/components/core/Wrapper/constants.js +4 -1
- package/components/core/index.d.ts +1 -1
- package/components/core/types/roles.types.js +4 -1
- package/components/domainSpecific/Accordion/Accordion.js +35 -1
- package/components/domainSpecific/Accordion/AccordionContent/AccordionContent.js +21 -1
- package/components/domainSpecific/Accordion/AccordionHeader/AccordionHeader.js +29 -1
- package/components/domainSpecific/Accordion/AccordionItem/AccordionItem.js +26 -1
- package/components/domainSpecific/Accordion/AccordionStyled.js +39 -1
- package/components/domainSpecific/Accordion/constants.js +7 -1
- package/components/domainSpecific/Accordion/hooks/useAccordion.js +12 -1
- package/components/domainSpecific/Avatar/Avatar.js +44 -1
- package/components/domainSpecific/Avatar/AvatarStyled.js +63 -1
- package/components/domainSpecific/Avatar/constants.js +6 -1
- package/components/domainSpecific/Card/Card.js +47 -1
- package/components/domainSpecific/Card/CardButton/CardButton.js +25 -1
- package/components/domainSpecific/Card/CardButton/CardButtonStyled.js +18 -1
- package/components/domainSpecific/Card/CardButton/constants.js +4 -1
- package/components/domainSpecific/Card/CardCounter/CardCounter.js +26 -1
- package/components/domainSpecific/Card/CardCounter/CardCounterStyled.js +17 -1
- package/components/domainSpecific/Card/CardCounter/constants.js +4 -1
- package/components/domainSpecific/Card/CardDescription/CardDescription.js +24 -1
- package/components/domainSpecific/Card/CardDescription/CardDescriptionStyled.js +24 -1
- package/components/domainSpecific/Card/CardDescription/constants.js +10 -1
- package/components/domainSpecific/Card/CardImage/CardImage.js +26 -1
- package/components/domainSpecific/Card/CardImage/CardImageStyled.js +18 -1
- package/components/domainSpecific/Card/CardImage/constants.js +4 -1
- package/components/domainSpecific/Card/CardPrice/CardPrice.js +22 -1
- package/components/domainSpecific/Card/CardPrice/CardPriceStyled.js +18 -1
- package/components/domainSpecific/Card/CardPrice/constants.js +4 -1
- package/components/domainSpecific/Card/CardRating/CardRating.js +30 -1
- package/components/domainSpecific/Card/CardRating/CardRatingStyled.js +18 -1
- package/components/domainSpecific/Card/CardRating/constants.js +6 -1
- package/components/domainSpecific/Card/CardTitle/CardTitle.js +25 -1
- package/components/domainSpecific/Card/CardTitle/CardTitleStyled.js +24 -1
- package/components/domainSpecific/Card/CardTitle/constants.js +10 -1
- package/components/domainSpecific/Card/CartStyled.js +26 -1
- package/components/domainSpecific/Card/constants.js +4 -1
- package/components/domainSpecific/Carousel/Carousel.js +137 -1
- package/components/domainSpecific/Carousel/Carousel.types.d.ts +1 -12
- package/components/domainSpecific/Carousel/CarouselStyled.js +143 -1
- package/components/domainSpecific/Carousel/constants.js +4 -1
- package/components/domainSpecific/ChatBubble/ChatBubble.js +26 -1
- package/components/domainSpecific/ChatBubble/ChatBubbleStyled.js +43 -1
- package/components/domainSpecific/ChatBubble/constants.js +4 -1
- package/components/domainSpecific/ContentCarousel/ContentCarousel.js +69 -1
- package/components/domainSpecific/ContentCarousel/ContentCarouselStyled.js +32 -1
- package/components/domainSpecific/ContentCarousel/constants.js +4 -1
- package/components/domainSpecific/Counter/Counter.js +55 -1
- package/components/domainSpecific/Counter/CounterStyled.js +27 -1
- package/components/domainSpecific/Counter/constants.js +8 -1
- package/components/domainSpecific/DragAndDropFiles/DragAndDropFiles.js +48 -1
- package/components/domainSpecific/DragAndDropFiles/DragAndDropFilesStyled.js +16 -1
- package/components/domainSpecific/DragAndDropFiles/constants.js +4 -1
- package/components/domainSpecific/DragAndDropFiles/hooks/useDragAndDrop/useDragAndDrop.js +49 -1
- package/components/domainSpecific/Header/Header.js +88 -1
- package/components/domainSpecific/Header/HeaderStyled.js +136 -1
- package/components/domainSpecific/Header/constants.js +4 -1
- package/components/domainSpecific/Price/Price.js +23 -1
- package/components/domainSpecific/Price/PriceStyled.js +42 -1
- package/components/domainSpecific/Price/constants.js +4 -1
- package/components/domainSpecific/ProgressBar/ProgressBar.js +29 -1
- package/components/domainSpecific/ProgressBar/ProgressBarStyled.js +70 -1
- package/components/domainSpecific/ProgressBar/constants.js +7 -1
- package/components/domainSpecific/RadioGroup/RadioGroup.js +54 -1
- package/components/domainSpecific/RadioGroup/RadioGroup.types.js +4 -1
- package/components/domainSpecific/RadioGroup/RadioGroupItem/RadioGroupItem.js +37 -1
- package/components/domainSpecific/RadioGroup/RadioGroupStyled.js +130 -1
- package/components/domainSpecific/RadioGroup/constants.js +5 -1
- package/components/domainSpecific/Rating/Rating.js +63 -1
- package/components/domainSpecific/Rating/RatingStyled.js +61 -1
- package/components/domainSpecific/Rating/constants.js +9 -1
- package/components/domainSpecific/Search/Search.js +58 -1
- package/components/domainSpecific/Search/SearchStyled.js +16 -1
- package/components/domainSpecific/Search/constants.js +7 -1
- package/components/domainSpecific/SearchModal/SearchInput/SearchInput.js +26 -1
- package/components/domainSpecific/SearchModal/SearchInput/SearchInputStyled.js +25 -1
- package/components/domainSpecific/SearchModal/SearchInput/constants.js +6 -1
- package/components/domainSpecific/SearchModal/SearchItems/SearchItems.js +48 -1
- package/components/domainSpecific/SearchModal/SearchItems/SearchItemsStyled.js +82 -1
- package/components/domainSpecific/SearchModal/SearchItems/constants.js +10 -1
- package/components/domainSpecific/SearchModal/SearchItems/utils.js +7 -1
- package/components/domainSpecific/SearchModal/SearchLoader/SearchLoader.js +20 -1
- package/components/domainSpecific/SearchModal/SearchLoader/SearchLoaderStyled.js +14 -1
- package/components/domainSpecific/SearchModal/SearchLoader/constants.js +4 -1
- package/components/domainSpecific/SearchModal/SearchModal.js +39 -1
- package/components/domainSpecific/SearchModal/SearchModalStyled.js +29 -1
- package/components/domainSpecific/SearchModal/constants.js +8 -1
- package/components/domainSpecific/Stepper/Stepper.js +42 -1
- package/components/domainSpecific/Stepper/StepperStyled.js +58 -1
- package/components/domainSpecific/Stepper/constants.js +4 -1
- package/components/domainSpecific/Stepper/utils.js +37 -1
- package/components/domainSpecific/Tabs/Tabs.js +40 -1
- package/components/domainSpecific/Tabs/TabsStyled.js +79 -1
- package/components/domainSpecific/Tabs/constants.js +6 -1
- package/components/index.types.js +4 -1
- package/components/layout/ChatContainer/ChatContainer.js +51 -1
- package/components/layout/ChatContainer/ChatContainer.types.d.ts +1 -6
- package/components/layout/ChatContainer/ChatContainerStyled.js +71 -1
- package/components/layout/ChatContainer/constants.js +4 -1
- package/components/layout/Column/Column.js +26 -1
- package/components/layout/Column/ColumnStyled.js +36 -1
- package/components/layout/Column/constants.js +4 -1
- package/components/layout/FlexContainer/FlexContainer.js +25 -1
- package/components/layout/FlexContainer/FlexContainerStyled.js +27 -1
- package/components/layout/FlexContainer/constants.js +4 -1
- package/components/layout/FlexContainer/utils.js +18 -1
- package/components/layout/Row/Row.js +26 -1
- package/components/layout/Row/RowStyled.js +36 -1
- package/components/layout/Row/constants.js +4 -1
- package/components/templates/SkeletonSearch/SkeletonSearch.js +30 -1
- package/components/templates/SkeletonSearch/SkeletonSearchStyled.js +97 -1
- package/components/templates/SkeletonSearch/constants.js +5 -1
- package/components/widget/DragAndDrop/DragAndDrop.js +74 -1
- package/components/widget/DragAndDrop/DragAndDropStyled.js +61 -1
- package/components/widget/DragAndDrop/constants.js +4 -1
- package/components/widget/DragAndDrop/utils/validators.js +17 -1
- package/constants/keyboard.js +10 -1
- package/constants/positioning.js +12 -1
- package/constants/timers.js +5 -1
- package/hooks/useAutoFocus/useAutoFocus.js +11 -1
- package/hooks/useCarousel/useCarousel.js +61 -1
- package/hooks/useClickOutside/useClickOutside.js +15 -1
- package/hooks/useKeyControls/useKeyControls.js +19 -1
- package/hooks/useMediaQuery/useMediaQuery.js +14 -1
- package/hooks/useTheme/useTheme.js +48 -1
- package/index.js +350 -1
- package/package.json +17 -2
- package/stories/components/TokenViewer/TokenViewer.d.ts +2 -0
- package/stories/components/TokenViewer/TokenViewer.types.d.ts +12 -0
- package/stories/components/TokenViewer/TokenViewerStyled.d.ts +11 -0
- package/stories/components/TokenViewer/index.d.ts +1 -0
- package/tokens/accordion.js +72 -1
- package/tokens/animations.js +63 -1
- package/tokens/avatar.d.ts +22 -15
- package/tokens/avatar.js +153 -1
- package/tokens/borders.js +17 -1
- package/tokens/breadcrumbs.js +37 -1
- package/tokens/breakpoints.d.ts +8 -0
- package/tokens/breakpoints.js +12 -0
- package/tokens/button.js +146 -1
- package/tokens/card.d.ts +5 -1
- package/tokens/card.js +191 -1
- package/tokens/carousel.js +216 -1
- package/tokens/chat.d.ts +4 -0
- package/tokens/chat.js +122 -1
- package/tokens/chatbubble.d.ts +1 -3
- package/tokens/chatbubble.js +75 -1
- package/tokens/colors.js +157 -1
- package/tokens/column.js +9 -1
- package/tokens/constants.js +4 -1
- package/tokens/counter.js +37 -1
- package/tokens/cursors.js +20 -1
- package/tokens/defaultTheme.d.ts +154 -47
- package/tokens/defaultTheme.js +123 -1
- package/tokens/display.js +19 -1
- package/tokens/draganddrop.js +87 -1
- package/tokens/draganddropfiles.js +6 -1
- package/tokens/flexContainer.js +13 -1
- package/tokens/font.js +52 -1
- package/tokens/form.js +6 -1
- package/tokens/header.js +123 -1
- package/tokens/icon.js +32 -1
- package/tokens/image.js +40 -1
- package/tokens/index.d.ts +71 -47
- package/tokens/index.js +145 -1
- package/tokens/inlineNotification.js +75 -1
- package/tokens/input.js +192 -1
- package/tokens/inputfile.js +12 -1
- package/tokens/label.js +9 -1
- package/tokens/link.js +66 -1
- package/tokens/list.js +87 -1
- package/tokens/loader.js +141 -1
- package/tokens/menu.js +19 -1
- package/tokens/modal.js +108 -1
- package/tokens/price.js +32 -1
- package/tokens/progressbar.js +60 -1
- package/tokens/radiogroup.js +103 -2
- package/tokens/radius.js +14 -1
- package/tokens/rating.js +73 -1
- package/tokens/reset.js +4 -1
- package/tokens/row.js +8 -1
- package/tokens/scroll.js +99 -1
- package/tokens/search.js +45 -1
- package/tokens/searchModal.js +159 -1
- package/tokens/select.js +99 -1
- package/tokens/separator.js +63 -1
- package/tokens/shadow.js +25 -1
- package/tokens/skeleton.js +77 -1
- package/tokens/slider.js +45 -1
- package/tokens/snackbar.d.ts +30 -28
- package/tokens/snackbar.js +169 -1
- package/tokens/spacing.js +13 -1
- package/tokens/stepper.js +147 -1
- package/tokens/switch.js +76 -1
- package/tokens/tabs.js +108 -1
- package/tokens/textarea.js +45 -1
- package/tokens/toggle.js +19 -1
- package/tokens/tooltip.js +69 -1
- package/tokens/types/index.types.js +4 -1
- package/tokens/typography.js +134 -1
- package/tokens/utils.d.ts +6 -0
- package/tokens/utils.js +88 -1
- package/tokens/values.js +73 -1
- package/tokens/wrapper.js +34 -1
- package/types/accesability.js +4 -1
- package/types/button.js +7 -1
- package/types/card.js +5 -1
- package/types/carousel.d.ts +12 -1
- package/types/carousel.js +6 -0
- package/types/chat.js +4 -1
- package/types/common.js +5 -1
- package/types/cursors.js +4 -1
- package/types/index.d.ts +1 -0
- package/types/input.js +6 -1
- package/types/label.js +4 -1
- package/types/layout.js +4 -1
- package/types/link.js +5 -1
- package/types/list.js +4 -1
- package/types/separator.js +5 -1
- package/types/skeleton.js +4 -1
- package/types/snackbar.js +5 -1
- package/types/stepper.js +5 -1
- package/types/typography.js +6 -1
- package/types/wrapper.js +4 -1
- package/utils/animationFrame.js +17 -1
- package/utils/common.js +4 -1
- package/utils/date.js +11 -1
- package/utils/focus.js +54 -1
- package/utils/helpers.js +42 -1
- package/utils/layout.js +32 -1
- package/utils/math.js +11 -1
- package/utils/setInRange.js +11 -1
- package/utils/uniqueKeys.js +4 -1
- package/components/domainSpecific/Carousel/Carousel.types.js +0 -1
- package/components/layout/ChatContainer/ChatContainer.types.js +0 -1
- /package/{gd-design-library.css → assets/styles.css} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# Changelog
|
|
4
4
|
|
|
5
|
-
## [0.1.0]
|
|
5
|
+
## [0.1.0] - 2025-05-15
|
|
6
6
|
|
|
7
7
|
### Features
|
|
8
8
|
|
|
@@ -51,25 +51,94 @@
|
|
|
51
51
|
|
|
52
52
|
---
|
|
53
53
|
|
|
54
|
-
##
|
|
54
|
+
## [1.2.0] - 2025-06-12
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
<summary>Expand full history</summary>
|
|
56
|
+
### Added
|
|
58
57
|
|
|
59
|
-
|
|
58
|
+
- New `Stepper` component with horizontal/vertical orientation
|
|
59
|
+
- `Button` now supports `loading` prop
|
|
60
60
|
|
|
61
|
-
|
|
62
|
-
- **Tabs**: Implemented Tabs component (#139)
|
|
63
|
-
- **Stepper**: Added stepper view (#46)
|
|
64
|
-
- **Form**: Added base form concept (#32)
|
|
65
|
-
- **Textarea**: Added core textarea functionality (#26)
|
|
66
|
-
- **Link**: Added Link component (#27)
|
|
67
|
-
- **Input**: Added base input component (#13)
|
|
61
|
+
### Changed
|
|
68
62
|
|
|
69
|
-
|
|
63
|
+
- `Input` now accepts `size="small" | "medium" | "large"`
|
|
64
|
+
- Improved `Modal` focus trap behavior
|
|
70
65
|
|
|
71
|
-
|
|
72
|
-
- **Linting**: Configured ESLint and Prettier (#6)
|
|
73
|
-
- **Testing**: Added Jest and React Testing Library (#11)
|
|
66
|
+
### Fixed
|
|
74
67
|
|
|
75
|
-
|
|
68
|
+
- Fixed `Tooltip` not displaying on keyboard focus
|
|
69
|
+
- `Checkbox` label alignment issue in Safari
|
|
70
|
+
|
|
71
|
+
### Removed
|
|
72
|
+
|
|
73
|
+
- Deprecated `LegacyBanner` component (removed in v1.2.0)
|
|
74
|
+
|
|
75
|
+
## [1.3.0] - 2025-07-14
|
|
76
|
+
|
|
77
|
+
### Features
|
|
78
|
+
|
|
79
|
+
- Integrated Google Generative AI with markdown support and file uploads in ChatDemo.
|
|
80
|
+
- Added multi-chat session support with search functionality and chat caching.
|
|
81
|
+
- Introduced ChatBubble component with status-based styling (pending, fulfilled, rejected).
|
|
82
|
+
- Implemented AI feedback loop for iterative improvements in chat interactions.
|
|
83
|
+
- Added DragAndDrop widget with file validation and upload progress indicators.
|
|
84
|
+
- New Separator component for visual content division.
|
|
85
|
+
- Enhanced Loader with customizable name prop for targeted styling.
|
|
86
|
+
- Added use client directive for Next.js compatibility.
|
|
87
|
+
- Dynamic theme support in ChatBubble using commonHeader tokens.
|
|
88
|
+
|
|
89
|
+
### Refactor
|
|
90
|
+
|
|
91
|
+
- Full migration from styled-components to @emotion/styled across all components.
|
|
92
|
+
- Restructured Storybook stories and updated meta titles for consistency.
|
|
93
|
+
- Replaced static styles with array-based computed styles (e.g., Avatar, Carousel).
|
|
94
|
+
- Standardized prop names (e.g., wrap → isWrap in Row/Column).
|
|
95
|
+
- Library imports are optimized for tree-shaking and performance.
|
|
96
|
+
|
|
97
|
+
### Fixes
|
|
98
|
+
|
|
99
|
+
- Fixed OptionPicker accessibility by adding explicit type="radio".
|
|
100
|
+
- Resolved textarea dynamic height reset and added minHeight/maxHeight support.
|
|
101
|
+
- Addressed chat container overflow, snackbar shadow clipping, and file card rendering issues.
|
|
102
|
+
- Patched type errors, linter warnings, and CI/CD pipeline failures.
|
|
103
|
+
- Restored automation step in Jenkins workflow.
|
|
104
|
+
- Fixed ChatDemo image handling and scroll behavior.
|
|
105
|
+
|
|
106
|
+
### Documentation
|
|
107
|
+
|
|
108
|
+
- Updated Storybook documentation for all components post-Emotion migration.
|
|
109
|
+
- Revised theming guide to use @emotion/styled and gd-design-library.
|
|
110
|
+
- Added .env.example for ChatDemo API key setup.
|
|
111
|
+
- Enhanced component docs with JSDoc examples and usage guidelines.
|
|
112
|
+
|
|
113
|
+
### Summary
|
|
114
|
+
|
|
115
|
+
This release delivers major enhancements to the chat system, full Emotion adoption for styling, critical UX fixes, and
|
|
116
|
+
comprehensive documentation updates. The refactor improves maintainability, while new features like AI integration and
|
|
117
|
+
drag-and-drop elevate component capabilities.
|
|
118
|
+
|
|
119
|
+
## [1.4.0] - 2025-08-18
|
|
120
|
+
|
|
121
|
+
### New Features
|
|
122
|
+
|
|
123
|
+
- Added responsiveness documentation for layout composition techniques
|
|
124
|
+
- Implemented TokenViewer for visual theme token representation in Storybook
|
|
125
|
+
- Added styleVariant prop to Typography for combined styles (bold/italic/underline)
|
|
126
|
+
- Introduced theme export script with downloadable defaultTheme.json in documentation
|
|
127
|
+
|
|
128
|
+
### Improvements
|
|
129
|
+
|
|
130
|
+
- Enhanced theme styles, fixed typos, and improved documentation across components
|
|
131
|
+
- Updated mobile responsiveness and documentation for ChatBubble, ChatContainer, and Breadcrumbs
|
|
132
|
+
- Refined Storybook controls and documentation for Button, Modal, and Card
|
|
133
|
+
- Improved Textarea usability (removed deprecated props, added rows, updated docs)
|
|
134
|
+
- Optimized build with tree shaking, dependency updates, and external library dependencies
|
|
135
|
+
|
|
136
|
+
### Bug Fixes
|
|
137
|
+
|
|
138
|
+
- Fixed Carousel SSR type errors and Dropdown linting issues
|
|
139
|
+
- Adjusted Snackbar documentation and fixed style inconsistencies
|
|
140
|
+
- Fixed Image styles, Carousel token styles, and RadioGroupItem behavior
|
|
141
|
+
- Resolved avatar and chat page responsiveness issues
|
|
142
|
+
- Eliminated console warnings in app.tsx and removed unused code
|
|
143
|
+
- Fixed hardcoded Google API key by adding environment variable support
|
|
144
|
+
- Patched entry point configuration and Portal import errors
|
package/README.md
CHANGED
|
@@ -152,6 +152,8 @@ Wrap your app in the `ThemeProvider` with `isDefault` to apply default GD global
|
|
|
152
152
|
|
|
153
153
|
```tsx
|
|
154
154
|
import { ThemeProvider } from 'gd-design-library';
|
|
155
|
+
// OPTIONAL: default GD global styles, reset, font.
|
|
156
|
+
import 'gd-design-library/styles.css';
|
|
155
157
|
|
|
156
158
|
function App() {
|
|
157
159
|
return (
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as c } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: l,
|
|
7
|
+
height: h
|
|
8
|
+
} = n.size[c.Sm], f = ({
|
|
9
|
+
width: o = l,
|
|
10
|
+
height: i = h,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...C
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 24 24", fill: e, xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ t("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 5C13.66 5 15 6.34 15 8C15 9.66 13.66 11 12 11C10.34 11 9 9.66 9 8C9 6.34 10.34 5 12 5ZM12 19.2C9.5 19.2 7.29 17.92 6 15.98C6.03 13.99 10 12.9 12 12.9C13.99 12.9 17.97 13.99 18 15.98C16.71 17.92 14.5 19.2 12 19.2Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
f as AccountCircleIcon
|
|
17
|
+
};
|
|
@@ -1 +1,15 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
const {
|
|
5
|
+
width: s,
|
|
6
|
+
height: h
|
|
7
|
+
} = n.size.xs, c = ({
|
|
8
|
+
width: t = s,
|
|
9
|
+
height: e = h,
|
|
10
|
+
fillSvg: i = "none",
|
|
11
|
+
fill: r = "currentColor"
|
|
12
|
+
}) => /* @__PURE__ */ o("svg", { width: t, height: e, viewBox: "0 0 24 24", fill: i, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M8.11997 9.29006L12 13.1701L15.88 9.29006C16.27 8.90006 16.9 8.90006 17.29 9.29006C17.68 9.68006 17.68 10.3101 17.29 10.7001L12.7 15.2901C12.31 15.6801 11.68 15.6801 11.29 15.2901L6.69997 10.7001C6.30997 10.3101 6.30997 9.68006 6.69997 9.29006C7.08997 8.91006 7.72997 8.90006 8.11997 9.29006Z", fill: r }) });
|
|
13
|
+
export {
|
|
14
|
+
c as ArrowDownIcon
|
|
15
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = h.size[l.Sm], d = ({
|
|
9
|
+
width: t = m,
|
|
10
|
+
height: r = s,
|
|
11
|
+
fillSvg: i = "none",
|
|
12
|
+
fill: e = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ o("svg", { width: t, height: r, viewBox: "0 0 16 16", fill: i, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ o("path", { d: "M1 8.99997H12.17L7.29 13.88C6.9 14.27 6.9 14.91 7.29 15.3C7.68 15.69 8.31 15.69 8.7 15.3L15.29 8.70997C15.68 8.31997 15.68 7.68997 15.29 7.29997L8.71 0.699971C8.32 0.309971 7.69 0.309971 7.3 0.699971C6.91 1.08997 6.91 1.71997 7.3 2.10997L12.17 6.99997H1C0.45 6.99997 0 7.44997 0 7.99997C0 8.54997 0.45 8.99997 1 8.99997Z", fill: e }) });
|
|
15
|
+
export {
|
|
16
|
+
d as ArrowForwardIcon
|
|
17
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as h } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: V
|
|
8
|
+
} = n.size[h.Sm], a = ({
|
|
9
|
+
width: C = m,
|
|
10
|
+
height: o = V,
|
|
11
|
+
fillSvg: i = "none",
|
|
12
|
+
fill: e = "currentColor",
|
|
13
|
+
...r
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: C, height: o, viewBox: "0 0 11 22", fill: i, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M9.5 5.75002V16.33C9.5 18.42 7.97 20.28 5.89 20.48C3.5 20.71 1.5 18.84 1.5 16.5V4.14002C1.5 2.83002 2.44 1.64002 3.74 1.51002C5.24 1.36002 6.5 2.53002 6.5 4.00002V14.5C6.5 15.05 6.05 15.5 5.5 15.5C4.95 15.5 4.5 15.05 4.5 14.5V5.75002C4.5 5.34002 4.16 5.00002 3.75 5.00002C3.34 5.00002 3 5.34002 3 5.75002V14.36C3 15.67 3.94 16.86 5.24 16.99C6.74 17.14 8 15.97 8 14.5V4.17002C8 2.08002 6.47 0.220024 4.39 0.0200239C2.01 -0.209976 0 1.66002 0 4.00002V16.27C0 19.14 2.1 21.71 4.96 21.98C8.25 22.28 11 19.72 11 16.5V5.75002C11 5.34002 10.66 5.00002 10.25 5.00002C9.84 5.00002 9.5 5.34002 9.5 5.75002Z", fill: e }) });
|
|
15
|
+
export {
|
|
16
|
+
a as AttachmentIcon
|
|
17
|
+
};
|
package/assets/icons/check.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
const {
|
|
5
|
+
width: s,
|
|
6
|
+
height: c
|
|
7
|
+
} = h.size.xs, d = ({
|
|
8
|
+
width: o = s,
|
|
9
|
+
height: e = c,
|
|
10
|
+
fillSvg: i = "none",
|
|
11
|
+
fill: n = "currentColor",
|
|
12
|
+
...r
|
|
13
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 18 13", fill: i, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M6.00001 10.1699L2.53001 6.69995C2.14002 6.30995 1.51001 6.30995 1.12001 6.69995C0.730015 7.08995 0.730015 7.71995 1.12001 8.10995L5.30001 12.2899C5.69001 12.6799 6.32001 12.6799 6.71001 12.2899L17.29 1.70995C17.68 1.31995 17.68 0.689946 17.29 0.299946C16.9 -0.0900537 16.27 -0.0900537 15.88 0.299946L6.00001 10.1699Z", fill: n }) });
|
|
14
|
+
export {
|
|
15
|
+
d as CheckIcon
|
|
16
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as s } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: h,
|
|
7
|
+
height: a
|
|
8
|
+
} = s.size[l.Xs], d = ({
|
|
9
|
+
width: e = h,
|
|
10
|
+
height: o = a,
|
|
11
|
+
fillSvg: r = "none",
|
|
12
|
+
fill: i = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: e, height: o, viewBox: "0 0 7 12", fill: r, ...n, children: /* @__PURE__ */ t("g", { transform: "translate(7 0) scale(-1 1)", children: /* @__PURE__ */ t("path", { d: "M0.289998 0.710022C-0.100002 1.10002 -0.100002 1.73002 0.289998 2.12002L4.17 6.00002L0.289998 9.88002C-0.100002 10.27 -0.100002 10.9 0.289998 11.29C0.679998 11.68 1.31 11.68 1.7 11.29L6.29 6.70002C6.68 6.31002 6.68 5.68002 6.29 5.29002L1.7 0.700022C1.32 0.320022 0.679998 0.320022 0.289998 0.710022Z", fill: i }) }) });
|
|
15
|
+
export {
|
|
16
|
+
d as ChevronLeftIcon
|
|
17
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as s } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: l,
|
|
7
|
+
height: c
|
|
8
|
+
} = h.size[s.Xs], f = ({
|
|
9
|
+
width: o = l,
|
|
10
|
+
height: i = c,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 7 12", fill: e, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M0.289998 0.710022C-0.100002 1.10002 -0.100002 1.73002 0.289998 2.12002L4.17 6.00002L0.289998 9.88002C-0.100002 10.27 -0.100002 10.9 0.289998 11.29C0.679998 11.68 1.31 11.68 1.7 11.29L6.29 6.70002C6.68 6.31002 6.68 5.68002 6.29 5.29002L1.7 0.700022C1.32 0.320022 0.679998 0.320022 0.289998 0.710022Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
f as ChevronRightIcon
|
|
17
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = h.size[l.Sm], p = ({
|
|
9
|
+
width: o = m,
|
|
10
|
+
height: i = s,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: n = "currentColor",
|
|
13
|
+
...r
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, fill: e, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M10.6667 0.666748H1.33337V11.3334H2.66671V2.00008H10.6667V0.666748ZM14 3.33341H4.00004V15.3334H14V3.33341ZM12.6667 14.0001H5.33337V4.66675H12.6667V14.0001Z", fill: n }) });
|
|
15
|
+
export {
|
|
16
|
+
p as ContentCopyIcon
|
|
17
|
+
};
|
package/assets/icons/cross.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as s } from "../../tokens/icon.js";
|
|
4
|
+
const {
|
|
5
|
+
width: n,
|
|
6
|
+
height: h
|
|
7
|
+
} = s.size.xs, d = ({
|
|
8
|
+
width: o = n,
|
|
9
|
+
height: e = h,
|
|
10
|
+
fillSvg: i = "none",
|
|
11
|
+
fill: L = "currentColor",
|
|
12
|
+
...r
|
|
13
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 14 14", fill: i, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M14 1.41L12.59 0L7 5.59L1.41 0L0 1.41L5.59 7L0 12.59L1.41 14L7 8.41L12.59 14L14 12.59L8.41 7L14 1.41Z", fill: L }) });
|
|
14
|
+
export {
|
|
15
|
+
d as CrossIcon
|
|
16
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as l } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as H } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: h,
|
|
7
|
+
height: m
|
|
8
|
+
} = l.size[H.Sm], V = ({
|
|
9
|
+
width: e = h,
|
|
10
|
+
height: i = m,
|
|
11
|
+
fillSvg: o = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: e, height: i, viewBox: "0 0 16 16", fill: o, ...n, children: /* @__PURE__ */ t("path", { d: "M3.99967 14H11.9997V4.66667H3.99967V14ZM5.33301 6H10.6663V12.6667H5.33301V6ZM10.333 2.66667L9.66634 2H6.33301L5.66634 2.66667H3.33301V4H12.6663V2.66667H10.333Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
V as DeleteOutlinedIcon
|
|
17
|
+
};
|
package/assets/icons/dot.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as s } from "../../tokens/icon.js";
|
|
4
|
+
const {
|
|
5
|
+
width: h,
|
|
6
|
+
height: l
|
|
7
|
+
} = s.size.xs, w = ({
|
|
8
|
+
width: o = h,
|
|
9
|
+
height: e = l,
|
|
10
|
+
fillSvg: i = "none",
|
|
11
|
+
fill: n = "currentColor",
|
|
12
|
+
...r
|
|
13
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 6 6", fill: i, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M2.99998 5.66665C4.47274 5.66665 5.66665 4.47274 5.66665 2.99998C5.66665 1.52722 4.47274 0.333313 2.99998 0.333313C1.52722 0.333313 0.333313 1.52722 0.333313 2.99998C0.333313 4.47274 1.52722 5.66665 2.99998 5.66665Z", fill: n }) });
|
|
14
|
+
export {
|
|
15
|
+
w as DotIcon
|
|
16
|
+
};
|
package/assets/icons/edit.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = h.size[l.Sm], f = ({
|
|
9
|
+
width: i = m,
|
|
10
|
+
height: o = s,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: i, height: o, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: e, ...n, children: /* @__PURE__ */ t("path", { d: "M2 11.4999V13.9999H4.5L11.8733 6.62656L9.37333 4.12656L2 11.4999ZM14.2733 4.22656L11.7733 1.72656L10.0867 3.4199L12.5867 5.9199L14.2733 4.22656Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
f as EditIcon
|
|
17
|
+
};
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { colors as C } from "../../tokens/colors.js";
|
|
4
|
+
import { icon as l } from "../../tokens/icon.js";
|
|
5
|
+
const {
|
|
6
|
+
width: c,
|
|
7
|
+
height: s
|
|
8
|
+
} = l.size.lg, {
|
|
9
|
+
icon: {
|
|
10
|
+
error: h
|
|
11
|
+
}
|
|
12
|
+
} = C, p = ({
|
|
13
|
+
width: r = c,
|
|
14
|
+
height: t = s,
|
|
15
|
+
color: m = h,
|
|
16
|
+
fillSvg: i = "none",
|
|
17
|
+
fill: e = "currentColor",
|
|
18
|
+
...n
|
|
19
|
+
}) => /* @__PURE__ */ o("svg", { width: r, height: t, viewBox: "0 0 24 24", fill: i, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ o("path", { d: "M12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7ZM11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM12 20C7.58 20 4 16.42 4 12C4 7.58 7.58 4 12 4C16.42 4 20 7.58 20 12C20 16.42 16.42 20 12 20ZM13 17H11V15H13V17Z", fill: e }) });
|
|
20
|
+
export {
|
|
21
|
+
p as ErrorOutlineIcon
|
|
22
|
+
};
|
package/assets/icons/eye.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as h } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: l,
|
|
7
|
+
height: m
|
|
8
|
+
} = n.size[h.Sm], f = ({
|
|
9
|
+
width: o = l,
|
|
10
|
+
height: i = m,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...C
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, fill: e, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ t("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
f as EyeIcon
|
|
17
|
+
};
|
package/assets/icons/favorite.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = h.size[l.Sm], d = ({
|
|
9
|
+
width: o = m,
|
|
10
|
+
height: i = s,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 24 24", fill: e, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M13.3499 20.13C12.5899 20.82 11.4199 20.82 10.6599 20.12L10.5499 20.02C5.29991 15.27 1.86991 12.16 1.99991 8.27998C2.05991 6.57998 2.92991 4.94998 4.33991 3.98998C6.97991 2.18998 10.2399 3.02998 11.9999 5.08998C13.7599 3.02998 17.0199 2.17998 19.6599 3.98998C21.0699 4.94998 21.9399 6.57998 21.9999 8.27998C22.1399 12.16 18.6999 15.27 13.4499 20.04L13.3499 20.13Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
d as FavoriteIcon
|
|
17
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: h,
|
|
7
|
+
height: m
|
|
8
|
+
} = n.size[l.Sm], a = ({
|
|
9
|
+
width: i = h,
|
|
10
|
+
height: o = m,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...C
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: i, height: o, viewBox: "0 0 24 24", fill: e, ...C, children: /* @__PURE__ */ t("path", { d: "M10.9997 2C9.83967 2 8.72634 2.54 7.99967 3.39333C7.27301 2.54 6.15967 2 4.99967 2C2.94634 2 1.33301 3.61333 1.33301 5.66667C1.33301 8.18667 3.59967 10.24 7.03301 13.36L7.99967 14.2333L8.96634 13.3533C12.3997 10.24 14.6663 8.18667 14.6663 5.66667C14.6663 3.61333 13.053 2 10.9997 2ZM8.06634 12.3667L7.99967 12.4333L7.93301 12.3667C4.75967 9.49333 2.66634 7.59333 2.66634 5.66667C2.66634 4.33333 3.66634 3.33333 4.99967 3.33333C6.02634 3.33333 7.02634 3.99333 7.37967 4.90667H8.62634C8.97301 3.99333 9.97301 3.33333 10.9997 3.33333C12.333 3.33333 13.333 4.33333 13.333 5.66667C13.333 7.59333 11.2397 9.49333 8.06634 12.3667Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
a as FavoriteOutlinedIcon
|
|
17
|
+
};
|
|
@@ -1 +1,16 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as r } from "../../tokens/icon.js";
|
|
4
|
+
const {
|
|
5
|
+
width: s,
|
|
6
|
+
height: w
|
|
7
|
+
} = r.size.xl, g = ({
|
|
8
|
+
width: o = s,
|
|
9
|
+
height: e = w,
|
|
10
|
+
fillSvg: i = "none",
|
|
11
|
+
fill: l = "currentColor",
|
|
12
|
+
...n
|
|
13
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 32 32", fill: i, ...n, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { xmlns: "http://www.w3.org/2000/svg", d: "M21.3334 1.33325H2.66675V22.6666H5.33341V3.99992H21.3334V1.33325ZM20.0001 6.66658L28.0001 14.6666V30.6666H8.00008V6.66658H20.0001ZM18.6667 15.9999H26.0001L18.6667 8.66658V15.9999Z", fill: l }) });
|
|
14
|
+
export {
|
|
15
|
+
g as FileCopyIcon
|
|
16
|
+
};
|
package/assets/icons/filter.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: h,
|
|
7
|
+
height: m
|
|
8
|
+
} = n.size[l.Sm], d = ({
|
|
9
|
+
width: i = h,
|
|
10
|
+
height: o = m,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...C
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: i, height: o, viewBox: "0 0 24 24", fill: e, ...C, children: /* @__PURE__ */ t("path", { d: "M11 18H13C13.55 18 14 17.55 14 17C14 16.45 13.55 16 13 16H11C10.45 16 10 16.45 10 17C10 17.55 10.45 18 11 18ZM3 7C3 7.55 3.45 8 4 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H4C3.45 6 3 6.45 3 7ZM7 13H17C17.55 13 18 12.55 18 12C18 11.45 17.55 11 17 11H7C6.45 11 6 11.45 6 12C6 12.55 6.45 13 7 13Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
d as FilterIcon
|
|
17
|
+
};
|
package/assets/icons/folder.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as l } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as h } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = l.size[h.Sm], p = ({
|
|
9
|
+
width: o = m,
|
|
10
|
+
height: i = s,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: e, ...n, children: /* @__PURE__ */ t("path", { d: "M6.66665 2.66675H1.33331V13.3334H14.6666V4.00008H7.99998L6.66665 2.66675Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
p as FolderIcon
|
|
17
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as l } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as h } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = l.size[h.Sm], f = ({
|
|
9
|
+
width: o = m,
|
|
10
|
+
height: e = s,
|
|
11
|
+
fillSvg: i = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: i, ...n, children: /* @__PURE__ */ t("path", { d: "M14.6666 4.00008H7.99998L6.66665 2.66675H1.33331V13.3334H14.6666V4.00008ZM13.3333 12.0001H2.66665V5.33341H13.3333V12.0001Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
f as FolderOpenIcon
|
|
17
|
+
};
|
package/assets/icons/home.js
CHANGED
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as t } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as h } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as l } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: m,
|
|
7
|
+
height: s
|
|
8
|
+
} = h.size[l.Lg], d = ({
|
|
9
|
+
width: o = m,
|
|
10
|
+
height: i = s,
|
|
11
|
+
fillSvg: e = "none",
|
|
12
|
+
fill: r = "currentColor",
|
|
13
|
+
...n
|
|
14
|
+
}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 20 17", fill: e, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M8 16V11H12V16C12 16.55 12.45 17 13 17H16C16.55 17 17 16.55 17 16V8.99997H18.7C19.16 8.99997 19.38 8.42997 19.03 8.12997L10.67 0.599971C10.29 0.259971 9.71 0.259971 9.33 0.599971L0.969999 8.12997C0.629999 8.42997 0.839999 8.99997 1.3 8.99997H3V16C3 16.55 3.45 17 4 17H7C7.55 17 8 16.55 8 16Z", fill: r }) });
|
|
15
|
+
export {
|
|
16
|
+
d as HomeIcon
|
|
17
|
+
};
|
|
@@ -1 +1,12 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as o } from "@emotion/react/jsx-runtime";
|
|
3
|
+
const s = ({
|
|
4
|
+
width: r = 24,
|
|
5
|
+
height: n = 24,
|
|
6
|
+
fillSvg: e = "none",
|
|
7
|
+
fill: t = "currentColor",
|
|
8
|
+
...w
|
|
9
|
+
}) => /* @__PURE__ */ o("svg", { width: r, height: n, viewBox: "0 0 24 24", fill: e, xmlns: "http://www.w3.org/2000/svg", ...w, children: /* @__PURE__ */ o("path", { d: "M8.11997 9.29006L12 13.1701L15.88 9.29006C16.27 8.90006 16.9 8.90006 17.29 9.29006C17.68 9.68006 17.68 10.3101 17.29 10.7001L12.7 15.2901C12.31 15.6801 11.68 15.6801 11.29 15.2901L6.69997 10.7001C6.30997 10.3101 6.30997 9.68006 6.69997 9.29006C7.08997 8.91006 7.72997 8.90006 8.11997 9.29006Z", fill: t }) });
|
|
10
|
+
export {
|
|
11
|
+
s as KeyboardArrowDownIcon
|
|
12
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as C } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { icon as n } from "../../tokens/icon.js";
|
|
4
|
+
import { SizeVariant as h } from "../../types/common.js";
|
|
5
|
+
const {
|
|
6
|
+
width: l,
|
|
7
|
+
height: s
|
|
8
|
+
} = n.size[h.Xs], H = ({
|
|
9
|
+
width: t = l,
|
|
10
|
+
height: i = s,
|
|
11
|
+
fillSvg: o = "none",
|
|
12
|
+
fill: e = "currentColor",
|
|
13
|
+
...r
|
|
14
|
+
}) => /* @__PURE__ */ C("svg", { width: t, height: i, viewBox: "0 0 17 16", fill: o, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ C("path", { d: "M13.5001 5.33335H11.8334V4.00002C11.8334 3.26669 11.2334 2.66669 10.5001 2.66669H2.50008C1.76675 2.66669 1.16675 3.26669 1.16675 4.00002V10C1.16675 10.7334 1.76675 11.3334 2.50008 11.3334C2.50008 12.44 3.39341 13.3334 4.50008 13.3334C5.60675 13.3334 6.50008 12.44 6.50008 11.3334H10.5001C10.5001 12.44 11.3934 13.3334 12.5001 13.3334C13.6067 13.3334 14.5001 12.44 14.5001 11.3334H15.1667C15.5334 11.3334 15.8334 11.0334 15.8334 10.6667V8.44669C15.8334 8.16002 15.7401 7.88002 15.5667 7.64669L14.0334 5.60002C13.9067 5.43335 13.7067 5.33335 13.5001 5.33335ZM4.50008 12C4.13341 12 3.83341 11.7 3.83341 11.3334C3.83341 10.9667 4.13341 10.6667 4.50008 10.6667C4.86675 10.6667 5.16675 10.9667 5.16675 11.3334C5.16675 11.7 4.86675 12 4.50008 12ZM13.5001 6.33335L14.8067 8.00002H11.8334V6.33335H13.5001ZM12.5001 12C12.1334 12 11.8334 11.7 11.8334 11.3334C11.8334 10.9667 12.1334 10.6667 12.5001 10.6667C12.8667 10.6667 13.1667 10.9667 13.1667 11.3334C13.1667 11.7 12.8667 12 12.5001 12Z", fill: e }) });
|
|
15
|
+
export {
|
|
16
|
+
H as LocalShippingIcon
|
|
17
|
+
};
|