@trafilea/afrodita-components 6.40.1 → 6.41.1

package/build/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react from 'react';
-import react__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, DetailedHTMLProps, VideoHTMLAttributes, ReactElement, RefObject } from 'react';
+import react__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment, DetailedHTMLProps, VideoHTMLAttributes, MouseEvent as MouseEvent$1, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, ReactElement, RefObject } from 'react';
 import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
 import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
 import { TextProps as TextProps$1 } from 'src/components/text/Text';
@@ -159,7 +159,7 @@ declare type StyledIconProps = {
 
 declare type Actions$1 = 'actions/add' | 'actions/check_box_empty' | 'actions/check_box_light' | 'actions/check_box_solid' | 'actions/check' | 'actions/circle_check' | 'actions/circle_clear' | 'actions/circle_info' | 'actions/circle_minus' | 'actions/circle_plus' | 'actions/circle_question' | 'actions/circle_solid_check' | 'actions/circle_solid_clear' | 'actions/circle_solid_info' | 'actions/circle_solid_minus' | 'actions/circle_solid_plus' | 'actions/circle_solid_question' | 'actions/circle_solid_styled_check' | 'actions/circle_solid_warning' | 'actions/circle_solid_reload' | 'actions/circle_warning' | 'actions/clear_light' | 'actions/close' | 'actions/copy_outlined' | 'actions/copy' | 'actions/edit' | 'actions/light_check' | 'actions/light_exclamation' | 'actions/like_solid' | 'actions/like' | 'actions/minus' | 'actions/not_allowed' | 'actions/question' | 'actions/radio_empty' | 'actions/radio_filled' | 'actions/settings_solid' | 'actions/settings' | 'actions/share' | 'actions/signout' | 'actions/signout_light' | 'actions/trash' | 'actions/warning' | 'actions/navigate' | 'actions/camera';
 declare type Arrows$1 = 'arrows/chevron_down' | 'arrows/chevron_down_variant' | 'arrows/chevron_left' | 'arrows/chevron_left_lite' | 'arrows/chevron_left_variant' | 'arrows/chevron_right' | 'arrows/chevron_right_lite' | 'arrows/chevron_right_variant' | 'arrows/chevron_up' | 'arrows/chevron_up_solid' | 'arrows/chevron_up_variant' | 'arrows/circle_chevron_down' | 'arrows/circle_chevron_left' | 'arrows/circle_chevron_right' | 'arrows/circle_chevron_up' | 'arrows/circle_line_down' | 'arrows/circle_line_left' | 'arrows/circle_line_right' | 'arrows/circle_line_up' | 'arrows/circle_up' | 'arrows/double_arrow_up' | 'arrows/chevron_right_grey' | 'arrows/circle_round' | 'arrows/circle_round_grayed';
-declare type Custom$1 = 'custom/atom' | 'custom/avatar_placeholder' | 'custom/bra' | 'custom/bubbles' | 'custom/bullet_one' | 'custom/bullet_three' | 'custom/bullet_two' | 'custom/certified' | 'custom/clinically_tested' | 'custom/cruelty_free' | 'custom/fair_advantages' | 'custom/frown' | 'custom/money_flow' | 'custom/new_sixty_days_guarantee' | 'custom/packs_and_bundles' | 'custom/seamless_support_bra' | 'custom/sixty_days_bold' | 'custom/sixty_days_guarantee' | 'custom/smiling' | 'custom/subscription' | 'custom/thumbs_down' | 'custom/thumbs_up' | 'custom/underwear' | 'custom/wire_free_comfort' | 'custom/wire_free_comfort_bold' | 'custom/tk_sixty_days_bold' | 'custom/free_shipping_truck' | 'custom/higher_discounts' | 'custom/zoom' | 'custom/focus' | 'custom/beauty_face' | 'custom/bar' | 'custom/ears' | 'custom/pain' | 'custom/rociar' | 'custom/star' | 'custom/time' | 'custom/winter_light' | 'custom/priority_support' | 'custom/sound_on' | 'custom/sound_off' | 'custom/gift_thin' | 'custom/returns' | 'custom/paint_brush' | 'custom/savings' | 'custom/unhappy' | 'custom/no_trial_time' | 'custom/expensive_wallet' | 'custom/product_usage';
+declare type Custom$1 = 'custom/atom' | 'custom/avatar_placeholder' | 'custom/bra' | 'custom/bubbles' | 'custom/bullet_one' | 'custom/bullet_three' | 'custom/bullet_two' | 'custom/certified' | 'custom/clinically_tested' | 'custom/cruelty_free' | 'custom/fair_advantages' | 'custom/frown' | 'custom/money_flow' | 'custom/new_sixty_days_guarantee' | 'custom/packs_and_bundles' | 'custom/seamless_support_bra' | 'custom/sixty_days_bold' | 'custom/sixty_days_guarantee' | 'custom/smiling' | 'custom/subscription' | 'custom/thumbs_down' | 'custom/thumbs_up' | 'custom/underwear' | 'custom/wire_free_comfort' | 'custom/wire_free_comfort_bold' | 'custom/tk_sixty_days_bold' | 'custom/free_shipping_truck' | 'custom/higher_discounts' | 'custom/zoom' | 'custom/focus' | 'custom/beauty_face' | 'custom/bar' | 'custom/ears' | 'custom/pain' | 'custom/rociar' | 'custom/star' | 'custom/time' | 'custom/winter_light' | 'custom/priority_support' | 'custom/sound_on' | 'custom/sound_off' | 'custom/gift_thin' | 'custom/returns' | 'custom/paint_brush' | 'custom/savings' | 'custom/unhappy' | 'custom/no_trial_time' | 'custom/expensive_wallet' | 'custom/eye' | 'custom/product_usage';
 declare type Download$1 = 'download/apple_store' | 'download/google_play';
 declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/smiling_v3' | 'emoji/thinking';
 declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right' | 'messaging/question_circle_light';
@@ -2443,70 +2443,22 @@ interface ProductItemSmallMobileProps$1 extends ProductItemProps {
     isOnViewport?: boolean;
 }
 
-/** @jsxImportSource @emotion/react */
-
-interface ProductItemSmallMobileProps extends ProductItemProps {
-    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
-    imageHover?: ImageProps;
-    topTag?: JSX.Element;
-    bottomTag?: JSX.Element;
-    onClick?: () => void;
-    priceDisplayType?: 'default' | 'styled';
-    priceAtBottom?: boolean;
-    priceLoading?: boolean;
-    noFollow?: boolean;
-    colorPicker?: {
-        display: boolean;
-        position: string;
-        component: JSX.Element | JSX.Element[] | undefined;
-    };
-    isBNPL?: {
-        displayBNPL: boolean;
-        installments: number;
-        installmentPrice: string;
-        iconFolder?: string;
-        iconName: string;
-        showLogo?: boolean;
-        iconColor: string;
-        fontSize: string;
-    };
-    hasStrength?: {
-        strength: number;
-        description: string;
-    };
-    clubPrice?: string;
-    showClubPriceLabel?: boolean;
-    isRatingLoading?: boolean;
-    version?: number;
-    showDiscountPercentageTag?: boolean;
-    discountTagLoading?: boolean;
-    discountTag?: DiscountTagProps$1;
-    isOnViewport?: boolean;
-    hasDefaultSize?: boolean;
-    clubOffer?: {
-        isClubOffer?: boolean;
-        clubOfferIcon?: JSX.Element;
-        price?: {
-            finalPrice: string;
-            originalPrice: string;
-            color: string;
-        };
-        isClubMember?: boolean;
-        wrapperStyle?: react__default.CSSProperties;
-        isCollections?: boolean;
+interface CouponProps {
+    image: {
+        src: string;
+        alt: string;
     };
-}
-
-declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
-    (props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
-    displayName: string;
-};
-
-declare const Collection: {
-    ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
-    withProductGrid: typeof withProductGrid;
-    ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, topRightTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, isOnViewport, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
-};
+    title: string;
+    content: ReactNode;
+    width?: string;
+    height?: string;
+    btnText?: string;
+    couponCode?: string;
+    offerLink?: string;
+    onClickRedeemOfferHandler?: () => void;
+    onClickHandler?: () => void;
+}
+declare const CouponCard: FC<CouponProps>;
 
 interface IconProps {
     width?: number | string;
@@ -2628,6 +2580,165 @@ interface imageVideoProps {
     isMobile?: boolean;
 }
 
+declare type AutoshipFrequency = {
+    values: number[];
+    unit: string;
+    labels?: string[];
+};
+interface ISubscriptionFrequencyDropdown {
+    frequency: AutoshipFrequency;
+    onChange?: (value: DropdownOption<number>) => void;
+}
+declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
+
+declare type BenefitsListProps = {
+    benefits: string[];
+    isSelected: boolean;
+    selectedColor: string;
+    baseColor: string;
+};
+declare const BenefitsList: FC<BenefitsListProps>;
+
+declare type TimeProps = {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
+declare type TimerProps = Partial<TimeProps> & {
+    onTimeUp: () => void;
+    displayZeroValues?: boolean;
+    showSeconds?: boolean;
+    showHours?: boolean;
+    timerColor?: string;
+    countdown?: number;
+    isCardsVersion?: boolean;
+};
+declare const Timer: React.FC<TimerProps>;
+
+declare type HurryUpProps = {
+    hurryUpText: string;
+    backgroundColor?: string;
+    showTimer?: boolean;
+    iconSize?: number;
+    textPosition?: 'left' | 'right' | 'center';
+    clockPosition?: 'left' | 'right' | 'none';
+    countdown?: number;
+    isFullVersion?: boolean;
+    hurryUpTextColor?: string;
+} & Partial<TimerProps>;
+declare const HurryUp: react__default.FC<HurryUpProps>;
+
+declare type SpinnerProps = {
+    fill: string;
+    background: string;
+    animationDuration?: number;
+    complete?: boolean;
+    completeIconStroke?: number;
+    size?: string;
+    borderSize?: ComponentSize;
+};
+declare const Spinner: React.FC<SpinnerProps>;
+
+declare type VideoProps = {
+    thumbnail: string;
+    source: string;
+    height?: string;
+    hasAudioControl?: boolean;
+    withProgressBar?: boolean;
+    isSlideActive?: boolean;
+} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
+declare const Video: React.FC<VideoProps>;
+
+declare type LikeBtnContainerProps = Pick<CSSProperties, 'position' | 'top' | 'right' | 'zIndex' | 'padding' | 'boxSizing'>;
+declare type ColorsState = {
+    active: string;
+    hover?: string;
+};
+declare type FillColors = {
+    regular: string;
+    solid?: string;
+};
+declare type LikeButtonColors = {
+    iconFill?: FillColors;
+    background?: ColorsState;
+};
+declare type LikeButtonProps = {
+    isLiked: boolean;
+    likes?: number;
+    onClick: (e: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
+    className?: string;
+    colors?: LikeButtonColors;
+    containerProps?: LikeBtnContainerProps;
+};
+
+/** @jsxImportSource @emotion/react */
+
+interface ProductItemSmallMobileProps extends ProductItemProps {
+    size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
+    imageHover?: ImageProps;
+    topTag?: JSX.Element;
+    bottomTag?: JSX.Element;
+    onClick?: () => void;
+    onClickBottomButton?: (e: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
+    priceDisplayType?: 'default' | 'styled' | 'styled-2';
+    priceAtBottom?: boolean;
+    ratingOnTop?: boolean;
+    priceLoading?: boolean;
+    noFollow?: boolean;
+    colorPicker?: {
+        display: boolean;
+        position: string;
+        component: JSX.Element | JSX.Element[] | undefined;
+    };
+    isBNPL?: {
+        displayBNPL: boolean;
+        installments: number;
+        installmentPrice: string;
+        iconFolder?: string;
+        iconName: string;
+        showLogo?: boolean;
+        iconColor: string;
+        fontSize: string;
+    };
+    hasStrength?: {
+        strength: number;
+        description: string;
+    };
+    clubPrice?: string;
+    showClubPriceLabel?: boolean;
+    isRatingLoading?: boolean;
+    version?: number;
+    showDiscountPercentageTag?: boolean;
+    discountTagLoading?: boolean;
+    discountTag?: DiscountTagProps$1;
+    isOnViewport?: boolean;
+    hasDefaultSize?: boolean;
+    clubOffer?: {
+        isClubOffer?: boolean;
+        clubOfferIcon?: JSX.Element;
+        price?: {
+            finalPrice: string;
+            originalPrice: string;
+            color: string;
+        };
+        isClubMember?: boolean;
+        wrapperStyle?: React.CSSProperties;
+        isCollections?: boolean;
+    };
+    likeBtn?: LikeButtonProps;
+}
+
+declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
+    (props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
+    displayName: string;
+};
+
+declare const Collection: {
+    ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
+    withProductGrid: typeof withProductGrid;
+    ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, topRightTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, isOnViewport, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+};
+
 /** @jsxImportSource @emotion/react */
 
 interface ColorPickerWithTooltipProps {
@@ -2876,15 +2987,25 @@ declare type ProductGalleryProps = {
     isRatioSquare?: boolean;
     itemsOnViewport?: number;
 };
-declare const ProductGallery: React.FC<ProductGalleryProps>;
+declare const ProductGallery: FC<ProductGalleryProps>;
 
 interface IconButtonProps {
-    children: react__default.ReactNode;
+    children: ReactNode;
+    backgroundColor?: {
+        active: string;
+        hover?: string;
+    };
     disabled?: boolean;
-    onClick?: (event: react__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    onClick?: (event: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
     size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
+    dataTestId?: string;
+    hasText?: boolean;
+    boxShadow?: string;
+    rounded?: boolean;
+    width?: string;
+    border?: string;
 }
-declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
+declare const IconButton: FC<IconButtonProps>;
 
 interface AmazonPaypalBtnProps {
     onClick: () => void;
@@ -3632,22 +3753,6 @@ interface TextWithImageProps {
 }
 declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
 
-declare type TimeProps = {
-    hours: number;
-    minutes: number;
-    seconds: number;
-};
-declare type TimerProps = Partial<TimeProps> & {
-    onTimeUp: () => void;
-    displayZeroValues?: boolean;
-    showSeconds?: boolean;
-    showHours?: boolean;
-    timerColor?: string;
-    countdown?: number;
-    isCardsVersion?: boolean;
-};
-declare const Timer: React.FC<TimerProps>;
-
 interface ToastProps {
     severity: 'success' | 'error';
     summary: string;
@@ -4011,76 +4116,6 @@ interface TableProps {
 
 declare const SizeChartTableV3: React.FC<TableProps>;
 
-declare type AutoshipFrequency = {
-    values: number[];
-    unit: string;
-    labels?: string[];
-};
-interface ISubscriptionFrequencyDropdown {
-    frequency: AutoshipFrequency;
-    onChange?: (value: DropdownOption<number>) => void;
-}
-declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
-
-declare type BenefitsListProps = {
-    benefits: string[];
-    isSelected: boolean;
-    selectedColor: string;
-    baseColor: string;
-};
-declare const BenefitsList: FC<BenefitsListProps>;
-
-interface CouponProps {
-    image: {
-        src: string;
-        alt: string;
-    };
-    title: string;
-    content: ReactNode;
-    width?: string;
-    height?: string;
-    btnText?: string;
-    couponCode?: string;
-    offerLink?: string;
-    onClickRedeemOfferHandler?: () => void;
-    onClickHandler?: () => void;
-}
-declare const CouponCard: FC<CouponProps>;
-
-declare type HurryUpProps = {
-    hurryUpText: string;
-    backgroundColor?: string;
-    showTimer?: boolean;
-    iconSize?: number;
-    textPosition?: 'left' | 'right' | 'center';
-    clockPosition?: 'left' | 'right' | 'none';
-    countdown?: number;
-    isFullVersion?: boolean;
-    hurryUpTextColor?: string;
-} & Partial<TimerProps>;
-declare const HurryUp: react__default.FC<HurryUpProps>;
-
-declare type SpinnerProps = {
-    fill: string;
-    background: string;
-    animationDuration?: number;
-    complete?: boolean;
-    completeIconStroke?: number;
-    size?: string;
-    borderSize?: ComponentSize;
-};
-declare const Spinner: React.FC<SpinnerProps>;
-
-declare type VideoProps = {
-    thumbnail: string;
-    source: string;
-    height?: string;
-    hasAudioControl?: boolean;
-    withProgressBar?: boolean;
-    isSlideActive?: boolean;
-} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
-declare const Video: React.FC<VideoProps>;
-
 declare type WithBenefits = {
     benefits: string[];
     children?: never;