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
|
@@ -1 +1,44 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as O, useState as S } from "react";
|
|
4
|
+
import { COMPONENT_NAME as c, FALLBACK_COMPONENT as F, BADGE_COMPONENT as T } from "./constants.js";
|
|
5
|
+
import { AvatarStyled as $, AvatarImageWrapperStyled as v, FallbackComponentWrapperStyled as x, FallbackTextStyled as z, BadgeStyled as B } from "./AvatarStyled.js";
|
|
6
|
+
import { Image as M } from "../../core/Image/Image.js";
|
|
7
|
+
import { useTheme as P } from "../../../hooks/useTheme/useTheme.js";
|
|
8
|
+
const V = O((m, p) => {
|
|
9
|
+
const {
|
|
10
|
+
id: f,
|
|
11
|
+
sizeVariant: t,
|
|
12
|
+
withBadge: b,
|
|
13
|
+
badgeColor: y,
|
|
14
|
+
backgroundColor: C,
|
|
15
|
+
src: r,
|
|
16
|
+
alt: o,
|
|
17
|
+
className: N,
|
|
18
|
+
placeholder: g,
|
|
19
|
+
onClick: h,
|
|
20
|
+
fallbackComponent: e,
|
|
21
|
+
styles: u = {},
|
|
22
|
+
...A
|
|
23
|
+
} = m, {
|
|
24
|
+
theme: a
|
|
25
|
+
} = P(), [s, n] = S(!1), k = () => {
|
|
26
|
+
n(!0);
|
|
27
|
+
}, E = () => {
|
|
28
|
+
n(!1);
|
|
29
|
+
}, d = typeof e == "string" || typeof e == "number";
|
|
30
|
+
return /* @__PURE__ */ l($, { theme: a, role: "img", "aria-label": o, $sizeVariant: t, styles: u, ref: p, className: N, "data-testid": c, ...A, children: [
|
|
31
|
+
/* @__PURE__ */ l(v, { $color: C, theme: a, children: [
|
|
32
|
+
!s && r && /* @__PURE__ */ i(M, { id: f, src: r, alt: o, placeholder: g, onClick: h, onError: k, onLoad: E }),
|
|
33
|
+
(s || !r) && /* @__PURE__ */ l(x, { "data-testid": F, "aria-label": o, children: [
|
|
34
|
+
d && /* @__PURE__ */ i(z, { $sizeVariant: t, theme: a, children: e }),
|
|
35
|
+
!d && e
|
|
36
|
+
] })
|
|
37
|
+
] }),
|
|
38
|
+
b && /* @__PURE__ */ i(B, { "data-testid": T, role: "status", $color: y, theme: a, $sizeVariant: t })
|
|
39
|
+
] });
|
|
40
|
+
});
|
|
41
|
+
V.displayName = c;
|
|
42
|
+
export {
|
|
43
|
+
V as Avatar
|
|
44
|
+
};
|
|
@@ -1 +1,63 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { Row as m } from "../../layout/Row/Row.js";
|
|
4
|
+
import { get as e } from "../../../utils/helpers.js";
|
|
5
|
+
import { Typography as u } from "../../core/Typography/Typography.js";
|
|
6
|
+
const b = (r) => {
|
|
7
|
+
const {
|
|
8
|
+
theme: {
|
|
9
|
+
avatar: t
|
|
10
|
+
} = {},
|
|
11
|
+
$sizeVariant: o,
|
|
12
|
+
styles: s = {},
|
|
13
|
+
...a
|
|
14
|
+
} = r, c = [e(t, "default", {}), e(t, `size.${o}`, {}), s];
|
|
15
|
+
return /* @__PURE__ */ l("div", { css: c, ...a });
|
|
16
|
+
}, g = (r) => {
|
|
17
|
+
const {
|
|
18
|
+
theme: {
|
|
19
|
+
avatar: t,
|
|
20
|
+
colors: o
|
|
21
|
+
} = {},
|
|
22
|
+
$sizeVariant: s,
|
|
23
|
+
$color: a,
|
|
24
|
+
styles: c = {},
|
|
25
|
+
...n
|
|
26
|
+
} = r, d = a ? {
|
|
27
|
+
backgroundColor: e(o, `${a}`, a)
|
|
28
|
+
} : {}, i = [e(t, "badge.default", {}), e(t, `badge.size.${s}`, {}), d, c];
|
|
29
|
+
return /* @__PURE__ */ l("div", { css: i, ...n });
|
|
30
|
+
}, $ = (r) => {
|
|
31
|
+
const {
|
|
32
|
+
theme: {
|
|
33
|
+
avatar: t,
|
|
34
|
+
colors: o
|
|
35
|
+
} = {},
|
|
36
|
+
$color: s,
|
|
37
|
+
styles: a = {},
|
|
38
|
+
...c
|
|
39
|
+
} = r, n = s ? {
|
|
40
|
+
backgroundColor: e(o, `${s}`, s)
|
|
41
|
+
} : {}, d = [e(t, "imageWrapper.default", {}), n, a];
|
|
42
|
+
return /* @__PURE__ */ l("div", { css: d, ...c });
|
|
43
|
+
}, v = (r) => /* @__PURE__ */ l(m, { justify: "center", align: "center", ...r }), k = (r) => {
|
|
44
|
+
const {
|
|
45
|
+
theme: {
|
|
46
|
+
avatar: t
|
|
47
|
+
} = {},
|
|
48
|
+
$sizeVariant: o,
|
|
49
|
+
...s
|
|
50
|
+
} = r, a = {
|
|
51
|
+
...e(t, "fallbackText.attrs.default", {}),
|
|
52
|
+
...e(t, `fallbackText.attrs.size.${o}`, {}),
|
|
53
|
+
...s
|
|
54
|
+
}, c = e(t, "fallbackText.default", {});
|
|
55
|
+
return /* @__PURE__ */ l(u, { ...a, css: c });
|
|
56
|
+
};
|
|
57
|
+
export {
|
|
58
|
+
$ as AvatarImageWrapperStyled,
|
|
59
|
+
b as AvatarStyled,
|
|
60
|
+
g as BadgeStyled,
|
|
61
|
+
v as FallbackComponentWrapperStyled,
|
|
62
|
+
k as FallbackTextStyled
|
|
63
|
+
};
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
const a = "Avatar", t = "AvatarBadge", A = "AvatarFallback";
|
|
2
|
+
export {
|
|
3
|
+
t as BADGE_COMPONENT,
|
|
4
|
+
a as COMPONENT_NAME,
|
|
5
|
+
A as FALLBACK_COMPONENT
|
|
6
|
+
};
|
|
@@ -1 +1,47 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as l } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as C } from "react";
|
|
4
|
+
import { convertToInlineBoxStyles as c } from "../../../tokens/utils.js";
|
|
5
|
+
import { COMPONENT_NAME as r } from "./constants.js";
|
|
6
|
+
import { CardStyled as g } from "./CartStyled.js";
|
|
7
|
+
import { CardRating as u } from "./CardRating/CardRating.js";
|
|
8
|
+
import { CardDescription as h } from "./CardDescription/CardDescription.js";
|
|
9
|
+
import { CardTitle as T } from "./CardTitle/CardTitle.js";
|
|
10
|
+
import { CardButton as x } from "./CardButton/CardButton.js";
|
|
11
|
+
import { CardPrice as B } from "./CardPrice/CardPrice.js";
|
|
12
|
+
import { CardImage as I } from "./CardImage/CardImage.js";
|
|
13
|
+
import { CardCounter as y } from "./CardCounter/CardCounter.js";
|
|
14
|
+
import { Column as N } from "../../layout/Column/Column.js";
|
|
15
|
+
import { Row as R } from "../../layout/Row/Row.js";
|
|
16
|
+
import { CardVariant as $ } from "../../../types/card.js";
|
|
17
|
+
import { TabIndex as b } from "../../../types/accesability.js";
|
|
18
|
+
import { useTheme as v } from "../../../hooks/useTheme/useTheme.js";
|
|
19
|
+
const D = C((t, o) => {
|
|
20
|
+
const {
|
|
21
|
+
variant: e = $.Vertical,
|
|
22
|
+
isBordered: i = !1,
|
|
23
|
+
children: m,
|
|
24
|
+
gutter: a,
|
|
25
|
+
tabIndex: d = b.Default,
|
|
26
|
+
isHighlighted: n = !1,
|
|
27
|
+
styles: f = {},
|
|
28
|
+
...p
|
|
29
|
+
} = t, {
|
|
30
|
+
theme: s
|
|
31
|
+
} = v();
|
|
32
|
+
return /* @__PURE__ */ l(g, { theme: s, $variant: e, $isBordered: i, styles: f, $isHighlighted: n, $gutter: a, ref: o, tabIndex: d, "data-testid": r, ...c(p), children: m });
|
|
33
|
+
}), O = Object.assign(D, {
|
|
34
|
+
Row: R,
|
|
35
|
+
Column: N,
|
|
36
|
+
Counter: y,
|
|
37
|
+
Image: I,
|
|
38
|
+
Price: B,
|
|
39
|
+
Button: x,
|
|
40
|
+
Title: T,
|
|
41
|
+
Description: h,
|
|
42
|
+
Rating: u
|
|
43
|
+
});
|
|
44
|
+
O.displayName = r;
|
|
45
|
+
export {
|
|
46
|
+
O as Card
|
|
47
|
+
};
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as r } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as s } from "react";
|
|
4
|
+
import { COMPONENT_NAME as t } from "./constants.js";
|
|
5
|
+
import { CardButtonStyled as u } from "./CardButtonStyled.js";
|
|
6
|
+
import { CardSizeVariant as l, CardVariant as p } from "../../../../types/card.js";
|
|
7
|
+
import { ButtonVariant as c } from "../../../../types/button.js";
|
|
8
|
+
import { useTheme as V } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
import { Button as h } from "../../../core/Button/Button.js";
|
|
10
|
+
const C = s((a, i) => {
|
|
11
|
+
const {
|
|
12
|
+
sizeVariant: o = l.Default,
|
|
13
|
+
children: e,
|
|
14
|
+
variant: n = c.Outlined,
|
|
15
|
+
cardVariant: m = p.Vertical,
|
|
16
|
+
...d
|
|
17
|
+
} = a, {
|
|
18
|
+
theme: f
|
|
19
|
+
} = V();
|
|
20
|
+
return /* @__PURE__ */ r(u, { ref: i, theme: f, $cardVariant: m, $sizeVariant: o, "data-testid": t, children: /* @__PURE__ */ r(h, { variant: n, fullWidth: !0, ...d, children: e }) });
|
|
21
|
+
});
|
|
22
|
+
C.displayName = t;
|
|
23
|
+
export {
|
|
24
|
+
C as CardButton
|
|
25
|
+
};
|
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as f } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { forwardRef as i } from "react";
|
|
3
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
4
|
+
const y = i((o, e) => {
|
|
5
|
+
const {
|
|
6
|
+
theme: {
|
|
7
|
+
card: s
|
|
8
|
+
} = {},
|
|
9
|
+
$cardVariant: n,
|
|
10
|
+
$sizeVariant: a,
|
|
11
|
+
styles: c = {},
|
|
12
|
+
...m
|
|
13
|
+
} = o, r = t(s, "button", {}), d = [t(r, "default", {}), t(r, [n, a], {}), c];
|
|
14
|
+
return /* @__PURE__ */ f("div", { css: d, ...m, ref: e });
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
y as CardButtonStyled
|
|
18
|
+
};
|
|
@@ -1 +1,26 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as d, jsx as s } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as f } from "react";
|
|
4
|
+
import { COMPONENT_NAME as r } from "./constants.js";
|
|
5
|
+
import { CardCounterStyled as c } from "./CardCounterStyled.js";
|
|
6
|
+
import { Counter as p } from "../../Counter/Counter.js";
|
|
7
|
+
import { CardSizeVariant as C, CardVariant as l } from "../../../../types/card.js";
|
|
8
|
+
import { useTheme as u } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
const V = f((t, a) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: e = C.Default,
|
|
12
|
+
children: i,
|
|
13
|
+
cardVariant: o = l.Vertical,
|
|
14
|
+
...m
|
|
15
|
+
} = t, {
|
|
16
|
+
theme: n
|
|
17
|
+
} = u();
|
|
18
|
+
return /* @__PURE__ */ d(c, { ref: a, theme: n, $cardVariant: o, $sizeVariant: e, "data-testid": r, children: [
|
|
19
|
+
/* @__PURE__ */ s(p, { ...m }),
|
|
20
|
+
i
|
|
21
|
+
] });
|
|
22
|
+
});
|
|
23
|
+
V.displayName = r;
|
|
24
|
+
export {
|
|
25
|
+
V as CardCounter
|
|
26
|
+
};
|
|
@@ -1 +1,17 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as m } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
3
|
+
const p = (r) => {
|
|
4
|
+
const {
|
|
5
|
+
theme: {
|
|
6
|
+
card: o
|
|
7
|
+
} = {},
|
|
8
|
+
$cardVariant: s,
|
|
9
|
+
$sizeVariant: n,
|
|
10
|
+
styles: c = {},
|
|
11
|
+
...a
|
|
12
|
+
} = r, e = t(o, "counter", {}), d = [t(e, "default", {}), t(e, [s, n], {}), c];
|
|
13
|
+
return /* @__PURE__ */ m("div", { css: d, ...a });
|
|
14
|
+
};
|
|
15
|
+
export {
|
|
16
|
+
p as CardCounterStyled
|
|
17
|
+
};
|
|
@@ -1 +1,24 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as d } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as p } from "react";
|
|
4
|
+
import { COMPONENT_NAME as r } from "./constants.js";
|
|
5
|
+
import { CardDescriptionStyled as f } from "./CardDescriptionStyled.js";
|
|
6
|
+
import { CardSizeVariant as c, CardVariant as V } from "../../../../types/card.js";
|
|
7
|
+
import { TypographyVariant as l } from "../../../../types/typography.js";
|
|
8
|
+
import { useTheme as y } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
const C = p((t, a) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: i = c.Default,
|
|
12
|
+
cardVariant: e = V.Vertical,
|
|
13
|
+
children: o,
|
|
14
|
+
as: m = l.Body1,
|
|
15
|
+
...n
|
|
16
|
+
} = t, {
|
|
17
|
+
theme: s
|
|
18
|
+
} = y();
|
|
19
|
+
return /* @__PURE__ */ d(f, { ref: a, theme: s, as: m, $sizeVariant: i, $cardVariant: e, "data-testid": r, ...n, children: o });
|
|
20
|
+
});
|
|
21
|
+
C.displayName = r;
|
|
22
|
+
export {
|
|
23
|
+
C as CardDescription
|
|
24
|
+
};
|
|
@@ -1 +1,24 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as m } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { DESCRIPTION_SIZE as d } from "./constants.js";
|
|
4
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
5
|
+
import { Typography as l } from "../../../core/Typography/Typography.js";
|
|
6
|
+
const I = (e) => {
|
|
7
|
+
const {
|
|
8
|
+
theme: {
|
|
9
|
+
card: s
|
|
10
|
+
} = {},
|
|
11
|
+
$sizeVariant: r,
|
|
12
|
+
$cardVariant: n,
|
|
13
|
+
styles: i,
|
|
14
|
+
...c
|
|
15
|
+
} = e, p = d[r], o = t(s, "description", {}), a = {
|
|
16
|
+
...t(o, "default", {}),
|
|
17
|
+
...t(o, [n, r], {}),
|
|
18
|
+
...i
|
|
19
|
+
};
|
|
20
|
+
return /* @__PURE__ */ m(l, { styles: a, variant: p, ...c });
|
|
21
|
+
};
|
|
22
|
+
export {
|
|
23
|
+
I as CardDescriptionStyled
|
|
24
|
+
};
|
|
@@ -1 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { TypographyVariant as o } from "../../../../types/typography.js";
|
|
2
|
+
import { CardSizeVariant as r } from "../../../../types/card.js";
|
|
3
|
+
const i = "CardDescription", p = {
|
|
4
|
+
[r.Default]: o.Body2,
|
|
5
|
+
[r.Sm]: o.Caption
|
|
6
|
+
};
|
|
7
|
+
export {
|
|
8
|
+
i as COMPONENT_NAME,
|
|
9
|
+
p as DESCRIPTION_SIZE
|
|
10
|
+
};
|
|
@@ -1 +1,26 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as n, jsx as s } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as f } from "react";
|
|
4
|
+
import { COMPONENT_NAME as r } from "./constants.js";
|
|
5
|
+
import { CardImageStyled as c } from "./CardImageStyled.js";
|
|
6
|
+
import { CardSizeVariant as p, CardVariant as l } from "../../../../types/card.js";
|
|
7
|
+
import { useTheme as V } from "../../../../hooks/useTheme/useTheme.js";
|
|
8
|
+
import { Image as C } from "../../../core/Image/Image.js";
|
|
9
|
+
const h = f((a, t) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: e = p.Default,
|
|
12
|
+
cardVariant: i = l.Vertical,
|
|
13
|
+
children: m,
|
|
14
|
+
...o
|
|
15
|
+
} = a, {
|
|
16
|
+
theme: d
|
|
17
|
+
} = V();
|
|
18
|
+
return /* @__PURE__ */ n(c, { ref: t, theme: d, $sizeVariant: e, $cardVariant: i, "data-testid": r, children: [
|
|
19
|
+
/* @__PURE__ */ s(C, { ...o }),
|
|
20
|
+
m
|
|
21
|
+
] });
|
|
22
|
+
});
|
|
23
|
+
h.displayName = r;
|
|
24
|
+
export {
|
|
25
|
+
h as CardImage
|
|
26
|
+
};
|
|
@@ -1 +1,18 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as i } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as d } from "react";
|
|
4
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
5
|
+
const u = d((r, o) => {
|
|
6
|
+
const {
|
|
7
|
+
theme: {
|
|
8
|
+
card: s
|
|
9
|
+
} = {},
|
|
10
|
+
$cardVariant: a,
|
|
11
|
+
$sizeVariant: m,
|
|
12
|
+
...c
|
|
13
|
+
} = r, e = t(s, "image", {}), n = [t(e, "default", {}), t(e, [a, m], {})];
|
|
14
|
+
return /* @__PURE__ */ i("div", { css: n, ...c, ref: o });
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
u as CardImageStyled
|
|
18
|
+
};
|
|
@@ -1 +1,22 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as r } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as n } from "react";
|
|
4
|
+
import { COMPONENT_NAME as t } from "./constants.js";
|
|
5
|
+
import { CardPriceStyled as c } from "./CardPriceStyled.js";
|
|
6
|
+
import { Price as f } from "../../Price/Price.js";
|
|
7
|
+
import { CardSizeVariant as s, CardVariant as p } from "../../../../types/card.js";
|
|
8
|
+
import { useTheme as V } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
const l = n((a, e) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: i = s.Default,
|
|
12
|
+
cardVariant: o = p.Vertical,
|
|
13
|
+
...m
|
|
14
|
+
} = a, {
|
|
15
|
+
theme: d
|
|
16
|
+
} = V();
|
|
17
|
+
return /* @__PURE__ */ r(c, { ref: e, theme: d, $cardVariant: o, $sizeVariant: i, "data-testid": t, children: /* @__PURE__ */ r(f, { ...m }) });
|
|
18
|
+
});
|
|
19
|
+
l.displayName = t;
|
|
20
|
+
export {
|
|
21
|
+
l as CardPrice
|
|
22
|
+
};
|
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as d } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f } from "react";
|
|
3
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
4
|
+
const u = f((e, o) => {
|
|
5
|
+
const {
|
|
6
|
+
theme: {
|
|
7
|
+
card: s
|
|
8
|
+
} = {},
|
|
9
|
+
$cardVariant: c,
|
|
10
|
+
$sizeVariant: a,
|
|
11
|
+
styles: i = {},
|
|
12
|
+
...m
|
|
13
|
+
} = e, r = t(s, "price", {}), n = [t(r, "default", {}), t(r, [c, a], {}), i];
|
|
14
|
+
return /* @__PURE__ */ d("div", { css: n, ...m, ref: o });
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
u as CardPriceStyled
|
|
18
|
+
};
|
|
@@ -1 +1,30 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsxs as p, jsx as c } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as A } from "react";
|
|
4
|
+
import { CARD_RATING_DEFAULT_SIZE as R, CARD_RATING_DEFAULT_VAL as V, COMPONENT_NAME as r } from "./constants.js";
|
|
5
|
+
import { CardRatingStyled as C } from "./CardRatingStyled.js";
|
|
6
|
+
import { Rating as _ } from "../../Rating/Rating.js";
|
|
7
|
+
import { CardSizeVariant as u, CardVariant as N } from "../../../../types/card.js";
|
|
8
|
+
import { useTheme as T } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
const D = A((t, a) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: e = u.Default,
|
|
12
|
+
cardVariant: i = N.Vertical,
|
|
13
|
+
readOnly: o = !0,
|
|
14
|
+
size: m = R,
|
|
15
|
+
value: n = V,
|
|
16
|
+
label: s,
|
|
17
|
+
styles: d = {},
|
|
18
|
+
...f
|
|
19
|
+
} = t, {
|
|
20
|
+
theme: l
|
|
21
|
+
} = T();
|
|
22
|
+
return /* @__PURE__ */ p(C, { ref: a, theme: l, $cardVariant: i, $sizeVariant: e, "data-testid": r, styles: d, children: [
|
|
23
|
+
/* @__PURE__ */ c(_, { size: m, readOnly: o, value: n, ...f }),
|
|
24
|
+
s
|
|
25
|
+
] });
|
|
26
|
+
});
|
|
27
|
+
D.displayName = r;
|
|
28
|
+
export {
|
|
29
|
+
D as CardRating
|
|
30
|
+
};
|
|
@@ -1 +1,18 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx as d } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { forwardRef as f } from "react";
|
|
3
|
+
import { get as t } from "../../../../utils/helpers.js";
|
|
4
|
+
const g = f((e, o) => {
|
|
5
|
+
const {
|
|
6
|
+
theme: {
|
|
7
|
+
card: s
|
|
8
|
+
} = {},
|
|
9
|
+
$cardVariant: a,
|
|
10
|
+
$sizeVariant: n,
|
|
11
|
+
styles: c,
|
|
12
|
+
...i
|
|
13
|
+
} = e, r = t(s, "rating", {}), m = [t(r, "default", {}), t(r, [a, n], {}), c];
|
|
14
|
+
return /* @__PURE__ */ d("div", { css: m, ...i, ref: o });
|
|
15
|
+
});
|
|
16
|
+
export {
|
|
17
|
+
g as CardRatingStyled
|
|
18
|
+
};
|
|
@@ -1 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
const A = "CardRating", _ = 0, t = "sm";
|
|
2
|
+
export {
|
|
3
|
+
t as CARD_RATING_DEFAULT_SIZE,
|
|
4
|
+
_ as CARD_RATING_DEFAULT_VAL,
|
|
5
|
+
A as COMPONENT_NAME
|
|
6
|
+
};
|
|
@@ -1 +1,25 @@
|
|
|
1
|
-
"use client";
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as p } from "@emotion/react/jsx-runtime";
|
|
3
|
+
import { forwardRef as l } from "react";
|
|
4
|
+
import { COMPONENT_NAME as r } from "./constants.js";
|
|
5
|
+
import { CardTitleStyled as f } from "./CardTitleStyled.js";
|
|
6
|
+
import { CardSizeVariant as V, CardVariant as y } from "../../../../types/card.js";
|
|
7
|
+
import { TypographyVariant as c, TypographyStyleVariant as T } from "../../../../types/typography.js";
|
|
8
|
+
import { useTheme as h } from "../../../../hooks/useTheme/useTheme.js";
|
|
9
|
+
const C = l((a, t) => {
|
|
10
|
+
const {
|
|
11
|
+
sizeVariant: i = V.Default,
|
|
12
|
+
cardVariant: e = y.Vertical,
|
|
13
|
+
children: o,
|
|
14
|
+
as: m = c.H3,
|
|
15
|
+
styleVariant: n = T.Semibold,
|
|
16
|
+
...s
|
|
17
|
+
} = a, {
|
|
18
|
+
theme: d
|
|
19
|
+
} = h();
|
|
20
|
+
return /* @__PURE__ */ p(f, { ref: t, as: m, theme: d, $styleVariant: n, $sizeVariant: i, $cardVariant: e, "data-testid": r, ...s, children: o });
|
|
21
|
+
});
|
|
22
|
+
C.displayName = r;
|
|
23
|
+
export {
|
|
24
|
+
C as CardTitle
|
|
25
|
+
};
|