@trafilea/afrodita-components 6.12.0 → 6.14.0

package/build/index.d.ts

@@ -2006,6 +2006,13 @@ declare type ThemeComponent = {
     qtyPicker: {
         borderRadius: string;
     };
+    gallery: {
+        thumbnail?: {
+            width?: string;
+            height?: string;
+        };
+        aspectRatio?: string;
+    };
 };
 declare type ThemeTypography = {
     config: {
@@ -2586,6 +2593,7 @@ interface ProductGalleryProps {
     images: ContentType[];
     selectedValue?: ContentType;
     topTag?: JSX.Element;
+    topRightTag?: JSX.Element;
     bottomTag?: JSX.Element;
     productImageDataTestId?: string;
     previewListDataTestId?: string;
@@ -2596,8 +2604,9 @@ interface ProductGalleryProps {
     ctaAction?: () => void;
     hideCTA?: boolean;
     hasOverflowArrows?: boolean;
+    withZoom?: boolean;
 }
-declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, hasOverflowArrows, }: ProductGalleryProps) => JSX.Element;
+declare const ProductGallery: ({ images, selectedValue, topTag, topRightTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, hasOverflowArrows, withZoom, }: ProductGalleryProps) => JSX.Element;
 
 interface IconButtonProps {
     children: React__default.ReactNode;
@@ -2708,18 +2717,19 @@ declare const Input: {
     SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
 };
 
-interface ProductGalleryMobileProps$2 {
+interface ProductGalleryMobileProps$3 {
     images: ContentType[];
     customClick?: boolean;
     topTag?: JSX.Element;
+    topRightTag?: JSX.Element;
     bottomTag?: JSX.Element;
     productImageDataTestId?: string;
     borderRadiusVariant?: boolean;
     selectedValue?: ContentType;
 }
-declare const ProductGalleryMobile: ({ images, customClick, topTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, }: ProductGalleryMobileProps$2) => JSX.Element;
+declare const ProductGalleryMobile: React__default.FC<ProductGalleryMobileProps$3>;
 
-interface ProductGalleryMobileProps$1 {
+interface ProductGalleryMobileProps$2 {
     images: ContentType[];
     selectedValue?: ContentType;
     topTag?: JSX.Element;
@@ -2728,9 +2738,9 @@ interface ProductGalleryMobileProps$1 {
     slideDotsDataTestId?: string;
     borderRadiusVariant?: boolean;
 }
-declare const ProductGalleryMobileV2: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, slideDotsDataTestId, borderRadiusVariant, }: ProductGalleryMobileProps$1) => JSX.Element;
+declare const ProductGalleryMobileV2: React.FC<ProductGalleryMobileProps$2>;
 
-interface ProductGalleryMobileProps {
+interface ProductGalleryMobileProps$1 {
     images: ContentType$1[];
     customClick?: boolean;
     topTag?: JSX.Element;
@@ -2739,7 +2749,7 @@ interface ProductGalleryMobileProps {
     borderRadiusVariant?: boolean;
     selectedValue?: ContentType$1;
 }
-declare const ProductGalleryMobileV3: ({ images, customClick, topTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, }: ProductGalleryMobileProps) => JSX.Element;
+declare const ProductGalleryMobileV3: React__default.FC<ProductGalleryMobileProps$1>;
 
 declare type ModalProps = {
     id: string;
@@ -3174,8 +3184,9 @@ interface CategoryTagProps {
     size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
     className?: string;
     styledBorder?: boolean;
+    backgroundColor?: string;
 }
-declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const CategoryTag: ({ text, size, className, styledBorder, backgroundColor, }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface CategorySquareTagProps {
     text: string;
@@ -3486,9 +3497,18 @@ declare const Spinner: React.FC<SpinnerProps>;
 declare type VideoProps = {
     thumbnail: string;
     source: string;
+    height?: string;
 };
 declare const Video: React.FC<VideoProps>;
 
+declare type ProductGalleryMobileProps = {
+    images: ContentType[];
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    productImageDataTestId?: string;
+};
+declare const ProductGalleryMobileV4: React__default.FC<ProductGalleryMobileProps>;
+
 declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
 
 declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
@@ -3547,4 +3567,4 @@ declare const isNumber: (value: string) => boolean;
 declare const isPhoneNumber: (value: string) => boolean;
 declare const isValidDate: (value: string) => boolean;
 
-export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithTestId, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };