@trafilea/afrodita-components 6.40.1 → 6.41.2
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/build/index.d.ts +193 -156
- package/build/index.esm.js +934 -856
- package/build/index.esm.js.map +1 -1
- package/build/index.js +934 -855
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import * as react from 'react';
|
|
3
|
-
import react__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment,
|
|
3
|
+
import react__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment, DetailedHTMLProps, VideoHTMLAttributes, MouseEvent as MouseEvent$1, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, ReactElement, RefObject } from 'react';
|
|
4
4
|
import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
|
|
5
5
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
6
6
|
import { TextProps as TextProps$1 } from 'src/components/text/Text';
|
|
@@ -159,7 +159,7 @@ declare type StyledIconProps = {
|
|
|
159
159
|
|
|
160
160
|
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';
|
|
161
161
|
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';
|
|
162
|
-
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';
|
|
162
|
+
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';
|
|
163
163
|
declare type Download$1 = 'download/apple_store' | 'download/google_play';
|
|
164
164
|
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';
|
|
165
165
|
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 {
|
|
|
2443
2443
|
isOnViewport?: boolean;
|
|
2444
2444
|
}
|
|
2445
2445
|
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
imageHover?: ImageProps;
|
|
2451
|
-
topTag?: JSX.Element;
|
|
2452
|
-
bottomTag?: JSX.Element;
|
|
2453
|
-
onClick?: () => void;
|
|
2454
|
-
priceDisplayType?: 'default' | 'styled';
|
|
2455
|
-
priceAtBottom?: boolean;
|
|
2456
|
-
priceLoading?: boolean;
|
|
2457
|
-
noFollow?: boolean;
|
|
2458
|
-
colorPicker?: {
|
|
2459
|
-
display: boolean;
|
|
2460
|
-
position: string;
|
|
2461
|
-
component: JSX.Element | JSX.Element[] | undefined;
|
|
2462
|
-
};
|
|
2463
|
-
isBNPL?: {
|
|
2464
|
-
displayBNPL: boolean;
|
|
2465
|
-
installments: number;
|
|
2466
|
-
installmentPrice: string;
|
|
2467
|
-
iconFolder?: string;
|
|
2468
|
-
iconName: string;
|
|
2469
|
-
showLogo?: boolean;
|
|
2470
|
-
iconColor: string;
|
|
2471
|
-
fontSize: string;
|
|
2472
|
-
};
|
|
2473
|
-
hasStrength?: {
|
|
2474
|
-
strength: number;
|
|
2475
|
-
description: string;
|
|
2476
|
-
};
|
|
2477
|
-
clubPrice?: string;
|
|
2478
|
-
showClubPriceLabel?: boolean;
|
|
2479
|
-
isRatingLoading?: boolean;
|
|
2480
|
-
version?: number;
|
|
2481
|
-
showDiscountPercentageTag?: boolean;
|
|
2482
|
-
discountTagLoading?: boolean;
|
|
2483
|
-
discountTag?: DiscountTagProps$1;
|
|
2484
|
-
isOnViewport?: boolean;
|
|
2485
|
-
hasDefaultSize?: boolean;
|
|
2486
|
-
clubOffer?: {
|
|
2487
|
-
isClubOffer?: boolean;
|
|
2488
|
-
clubOfferIcon?: JSX.Element;
|
|
2489
|
-
price?: {
|
|
2490
|
-
finalPrice: string;
|
|
2491
|
-
originalPrice: string;
|
|
2492
|
-
color: string;
|
|
2493
|
-
};
|
|
2494
|
-
isClubMember?: boolean;
|
|
2495
|
-
wrapperStyle?: react__default.CSSProperties;
|
|
2496
|
-
isCollections?: boolean;
|
|
2446
|
+
interface CouponProps {
|
|
2447
|
+
image: {
|
|
2448
|
+
src: string;
|
|
2449
|
+
alt: string;
|
|
2497
2450
|
};
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
};
|
|
2451
|
+
title: string;
|
|
2452
|
+
content: ReactNode;
|
|
2453
|
+
width?: string;
|
|
2454
|
+
height?: string;
|
|
2455
|
+
btnText?: string;
|
|
2456
|
+
couponCode?: string;
|
|
2457
|
+
offerLink?: string;
|
|
2458
|
+
onClickRedeemOfferHandler?: () => void;
|
|
2459
|
+
onClickHandler?: () => void;
|
|
2460
|
+
}
|
|
2461
|
+
declare const CouponCard: FC<CouponProps>;
|
|
2510
2462
|
|
|
2511
2463
|
interface IconProps {
|
|
2512
2464
|
width?: number | string;
|
|
@@ -2628,6 +2580,167 @@ interface imageVideoProps {
|
|
|
2628
2580
|
isMobile?: boolean;
|
|
2629
2581
|
}
|
|
2630
2582
|
|
|
2583
|
+
declare type AutoshipFrequency = {
|
|
2584
|
+
values: number[];
|
|
2585
|
+
unit: string;
|
|
2586
|
+
labels?: string[];
|
|
2587
|
+
};
|
|
2588
|
+
interface ISubscriptionFrequencyDropdown {
|
|
2589
|
+
frequency: AutoshipFrequency;
|
|
2590
|
+
onChange?: (value: DropdownOption<number>) => void;
|
|
2591
|
+
}
|
|
2592
|
+
declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
|
|
2593
|
+
|
|
2594
|
+
declare type BenefitsListProps = {
|
|
2595
|
+
benefits: string[];
|
|
2596
|
+
isSelected: boolean;
|
|
2597
|
+
selectedColor: string;
|
|
2598
|
+
baseColor: string;
|
|
2599
|
+
};
|
|
2600
|
+
declare const BenefitsList: FC<BenefitsListProps>;
|
|
2601
|
+
|
|
2602
|
+
declare type TimeProps = {
|
|
2603
|
+
hours: number;
|
|
2604
|
+
minutes: number;
|
|
2605
|
+
seconds: number;
|
|
2606
|
+
};
|
|
2607
|
+
declare type TimerProps = Partial<TimeProps> & {
|
|
2608
|
+
onTimeUp: () => void;
|
|
2609
|
+
displayZeroValues?: boolean;
|
|
2610
|
+
showSeconds?: boolean;
|
|
2611
|
+
showHours?: boolean;
|
|
2612
|
+
timerColor?: string;
|
|
2613
|
+
countdown?: number;
|
|
2614
|
+
isCardsVersion?: boolean;
|
|
2615
|
+
};
|
|
2616
|
+
declare const Timer: React.FC<TimerProps>;
|
|
2617
|
+
|
|
2618
|
+
declare type HurryUpProps = {
|
|
2619
|
+
hurryUpText: string;
|
|
2620
|
+
backgroundColor?: string;
|
|
2621
|
+
showTimer?: boolean;
|
|
2622
|
+
iconSize?: number;
|
|
2623
|
+
textPosition?: 'left' | 'right' | 'center';
|
|
2624
|
+
clockPosition?: 'left' | 'right' | 'none';
|
|
2625
|
+
countdown?: number;
|
|
2626
|
+
isFullVersion?: boolean;
|
|
2627
|
+
hurryUpTextColor?: string;
|
|
2628
|
+
} & Partial<TimerProps>;
|
|
2629
|
+
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
2630
|
+
|
|
2631
|
+
declare type SpinnerProps = {
|
|
2632
|
+
fill: string;
|
|
2633
|
+
background: string;
|
|
2634
|
+
animationDuration?: number;
|
|
2635
|
+
complete?: boolean;
|
|
2636
|
+
completeIconStroke?: number;
|
|
2637
|
+
size?: string;
|
|
2638
|
+
borderSize?: ComponentSize;
|
|
2639
|
+
};
|
|
2640
|
+
declare const Spinner: React.FC<SpinnerProps>;
|
|
2641
|
+
|
|
2642
|
+
declare type VideoProps = {
|
|
2643
|
+
thumbnail: string;
|
|
2644
|
+
source: string;
|
|
2645
|
+
height?: string;
|
|
2646
|
+
hasAudioControl?: boolean;
|
|
2647
|
+
withProgressBar?: boolean;
|
|
2648
|
+
isSlideActive?: boolean;
|
|
2649
|
+
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
2650
|
+
declare const Video: React.FC<VideoProps>;
|
|
2651
|
+
|
|
2652
|
+
declare type LikeBtnContainerProps = Pick<CSSProperties, 'position' | 'top' | 'right' | 'zIndex' | 'padding' | 'boxSizing'>;
|
|
2653
|
+
declare type ColorsState = {
|
|
2654
|
+
active: string;
|
|
2655
|
+
hover?: string;
|
|
2656
|
+
};
|
|
2657
|
+
declare type FillColors = {
|
|
2658
|
+
regular: string;
|
|
2659
|
+
solid?: string;
|
|
2660
|
+
};
|
|
2661
|
+
declare type LikeButtonColors = {
|
|
2662
|
+
iconFill?: FillColors;
|
|
2663
|
+
background?: ColorsState;
|
|
2664
|
+
};
|
|
2665
|
+
declare type LikeButtonProps = {
|
|
2666
|
+
isLiked: boolean;
|
|
2667
|
+
likes?: number;
|
|
2668
|
+
onClick: (e: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
|
|
2669
|
+
className?: string;
|
|
2670
|
+
colors?: LikeButtonColors;
|
|
2671
|
+
containerProps?: LikeBtnContainerProps;
|
|
2672
|
+
};
|
|
2673
|
+
|
|
2674
|
+
declare const LikeButton: FC<LikeButtonProps>;
|
|
2675
|
+
|
|
2676
|
+
/** @jsxImportSource @emotion/react */
|
|
2677
|
+
|
|
2678
|
+
interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
2679
|
+
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
2680
|
+
imageHover?: ImageProps;
|
|
2681
|
+
topTag?: JSX.Element;
|
|
2682
|
+
bottomTag?: JSX.Element;
|
|
2683
|
+
onClick?: () => void;
|
|
2684
|
+
onClickBottomButton?: (e: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
|
|
2685
|
+
priceDisplayType?: 'default' | 'styled' | 'styled-2';
|
|
2686
|
+
priceAtBottom?: boolean;
|
|
2687
|
+
ratingOnTop?: boolean;
|
|
2688
|
+
priceLoading?: boolean;
|
|
2689
|
+
noFollow?: boolean;
|
|
2690
|
+
colorPicker?: {
|
|
2691
|
+
display: boolean;
|
|
2692
|
+
position: string;
|
|
2693
|
+
component: JSX.Element | JSX.Element[] | undefined;
|
|
2694
|
+
};
|
|
2695
|
+
isBNPL?: {
|
|
2696
|
+
displayBNPL: boolean;
|
|
2697
|
+
installments: number;
|
|
2698
|
+
installmentPrice: string;
|
|
2699
|
+
iconFolder?: string;
|
|
2700
|
+
iconName: string;
|
|
2701
|
+
showLogo?: boolean;
|
|
2702
|
+
iconColor: string;
|
|
2703
|
+
fontSize: string;
|
|
2704
|
+
};
|
|
2705
|
+
hasStrength?: {
|
|
2706
|
+
strength: number;
|
|
2707
|
+
description: string;
|
|
2708
|
+
};
|
|
2709
|
+
clubPrice?: string;
|
|
2710
|
+
showClubPriceLabel?: boolean;
|
|
2711
|
+
isRatingLoading?: boolean;
|
|
2712
|
+
version?: number;
|
|
2713
|
+
showDiscountPercentageTag?: boolean;
|
|
2714
|
+
discountTagLoading?: boolean;
|
|
2715
|
+
discountTag?: DiscountTagProps$1;
|
|
2716
|
+
isOnViewport?: boolean;
|
|
2717
|
+
hasDefaultSize?: boolean;
|
|
2718
|
+
clubOffer?: {
|
|
2719
|
+
isClubOffer?: boolean;
|
|
2720
|
+
clubOfferIcon?: JSX.Element;
|
|
2721
|
+
price?: {
|
|
2722
|
+
finalPrice: string;
|
|
2723
|
+
originalPrice: string;
|
|
2724
|
+
color: string;
|
|
2725
|
+
};
|
|
2726
|
+
isClubMember?: boolean;
|
|
2727
|
+
wrapperStyle?: React.CSSProperties;
|
|
2728
|
+
isCollections?: boolean;
|
|
2729
|
+
};
|
|
2730
|
+
likeBtn?: LikeButtonProps;
|
|
2731
|
+
}
|
|
2732
|
+
|
|
2733
|
+
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
2734
|
+
(props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
|
|
2735
|
+
displayName: string;
|
|
2736
|
+
};
|
|
2737
|
+
|
|
2738
|
+
declare const Collection: {
|
|
2739
|
+
ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
|
|
2740
|
+
withProductGrid: typeof withProductGrid;
|
|
2741
|
+
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;
|
|
2742
|
+
};
|
|
2743
|
+
|
|
2631
2744
|
/** @jsxImportSource @emotion/react */
|
|
2632
2745
|
|
|
2633
2746
|
interface ColorPickerWithTooltipProps {
|
|
@@ -2876,15 +2989,25 @@ declare type ProductGalleryProps = {
|
|
|
2876
2989
|
isRatioSquare?: boolean;
|
|
2877
2990
|
itemsOnViewport?: number;
|
|
2878
2991
|
};
|
|
2879
|
-
declare const ProductGallery:
|
|
2992
|
+
declare const ProductGallery: FC<ProductGalleryProps>;
|
|
2880
2993
|
|
|
2881
2994
|
interface IconButtonProps {
|
|
2882
|
-
children:
|
|
2995
|
+
children: ReactNode;
|
|
2996
|
+
backgroundColor?: {
|
|
2997
|
+
active: string;
|
|
2998
|
+
hover?: string;
|
|
2999
|
+
};
|
|
2883
3000
|
disabled?: boolean;
|
|
2884
|
-
onClick?: (event:
|
|
3001
|
+
onClick?: (event: MouseEvent$1<HTMLDivElement, MouseEvent>) => void;
|
|
2885
3002
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3003
|
+
dataTestId?: string;
|
|
3004
|
+
hasText?: boolean;
|
|
3005
|
+
boxShadow?: string;
|
|
3006
|
+
rounded?: boolean;
|
|
3007
|
+
width?: string;
|
|
3008
|
+
border?: string;
|
|
2886
3009
|
}
|
|
2887
|
-
declare const IconButton:
|
|
3010
|
+
declare const IconButton: FC<IconButtonProps>;
|
|
2888
3011
|
|
|
2889
3012
|
interface AmazonPaypalBtnProps {
|
|
2890
3013
|
onClick: () => void;
|
|
@@ -3632,22 +3755,6 @@ interface TextWithImageProps {
|
|
|
3632
3755
|
}
|
|
3633
3756
|
declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3634
3757
|
|
|
3635
|
-
declare type TimeProps = {
|
|
3636
|
-
hours: number;
|
|
3637
|
-
minutes: number;
|
|
3638
|
-
seconds: number;
|
|
3639
|
-
};
|
|
3640
|
-
declare type TimerProps = Partial<TimeProps> & {
|
|
3641
|
-
onTimeUp: () => void;
|
|
3642
|
-
displayZeroValues?: boolean;
|
|
3643
|
-
showSeconds?: boolean;
|
|
3644
|
-
showHours?: boolean;
|
|
3645
|
-
timerColor?: string;
|
|
3646
|
-
countdown?: number;
|
|
3647
|
-
isCardsVersion?: boolean;
|
|
3648
|
-
};
|
|
3649
|
-
declare const Timer: React.FC<TimerProps>;
|
|
3650
|
-
|
|
3651
3758
|
interface ToastProps {
|
|
3652
3759
|
severity: 'success' | 'error';
|
|
3653
3760
|
summary: string;
|
|
@@ -4011,76 +4118,6 @@ interface TableProps {
|
|
|
4011
4118
|
|
|
4012
4119
|
declare const SizeChartTableV3: React.FC<TableProps>;
|
|
4013
4120
|
|
|
4014
|
-
declare type AutoshipFrequency = {
|
|
4015
|
-
values: number[];
|
|
4016
|
-
unit: string;
|
|
4017
|
-
labels?: string[];
|
|
4018
|
-
};
|
|
4019
|
-
interface ISubscriptionFrequencyDropdown {
|
|
4020
|
-
frequency: AutoshipFrequency;
|
|
4021
|
-
onChange?: (value: DropdownOption<number>) => void;
|
|
4022
|
-
}
|
|
4023
|
-
declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
|
|
4024
|
-
|
|
4025
|
-
declare type BenefitsListProps = {
|
|
4026
|
-
benefits: string[];
|
|
4027
|
-
isSelected: boolean;
|
|
4028
|
-
selectedColor: string;
|
|
4029
|
-
baseColor: string;
|
|
4030
|
-
};
|
|
4031
|
-
declare const BenefitsList: FC<BenefitsListProps>;
|
|
4032
|
-
|
|
4033
|
-
interface CouponProps {
|
|
4034
|
-
image: {
|
|
4035
|
-
src: string;
|
|
4036
|
-
alt: string;
|
|
4037
|
-
};
|
|
4038
|
-
title: string;
|
|
4039
|
-
content: ReactNode;
|
|
4040
|
-
width?: string;
|
|
4041
|
-
height?: string;
|
|
4042
|
-
btnText?: string;
|
|
4043
|
-
couponCode?: string;
|
|
4044
|
-
offerLink?: string;
|
|
4045
|
-
onClickRedeemOfferHandler?: () => void;
|
|
4046
|
-
onClickHandler?: () => void;
|
|
4047
|
-
}
|
|
4048
|
-
declare const CouponCard: FC<CouponProps>;
|
|
4049
|
-
|
|
4050
|
-
declare type HurryUpProps = {
|
|
4051
|
-
hurryUpText: string;
|
|
4052
|
-
backgroundColor?: string;
|
|
4053
|
-
showTimer?: boolean;
|
|
4054
|
-
iconSize?: number;
|
|
4055
|
-
textPosition?: 'left' | 'right' | 'center';
|
|
4056
|
-
clockPosition?: 'left' | 'right' | 'none';
|
|
4057
|
-
countdown?: number;
|
|
4058
|
-
isFullVersion?: boolean;
|
|
4059
|
-
hurryUpTextColor?: string;
|
|
4060
|
-
} & Partial<TimerProps>;
|
|
4061
|
-
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
4062
|
-
|
|
4063
|
-
declare type SpinnerProps = {
|
|
4064
|
-
fill: string;
|
|
4065
|
-
background: string;
|
|
4066
|
-
animationDuration?: number;
|
|
4067
|
-
complete?: boolean;
|
|
4068
|
-
completeIconStroke?: number;
|
|
4069
|
-
size?: string;
|
|
4070
|
-
borderSize?: ComponentSize;
|
|
4071
|
-
};
|
|
4072
|
-
declare const Spinner: React.FC<SpinnerProps>;
|
|
4073
|
-
|
|
4074
|
-
declare type VideoProps = {
|
|
4075
|
-
thumbnail: string;
|
|
4076
|
-
source: string;
|
|
4077
|
-
height?: string;
|
|
4078
|
-
hasAudioControl?: boolean;
|
|
4079
|
-
withProgressBar?: boolean;
|
|
4080
|
-
isSlideActive?: boolean;
|
|
4081
|
-
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
4082
|
-
declare const Video: React.FC<VideoProps>;
|
|
4083
|
-
|
|
4084
4121
|
declare type WithBenefits = {
|
|
4085
4122
|
benefits: string[];
|
|
4086
4123
|
children?: never;
|
|
@@ -4248,4 +4285,4 @@ declare const benefits: (size: 'xsmall' | 'small' | 'regular') => BenefitProps[]
|
|
|
4248
4285
|
declare const benefitsRawHtml: BenefitProps[];
|
|
4249
4286
|
declare const sizeOptions: SizeOptionProps[];
|
|
4250
4287
|
|
|
4251
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitProps, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartProps, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
4288
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipOfferCardCta, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitProps, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, ColorsState, CommonProps, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DeviceType, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HorizontalDivider, HorizontalDividerProps, HurryUp, HurryUpProps, ISubscriptionFrequencyDropdown, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, LikeButton, LikeButtonColors, LikeButtonProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferAtCart, OfferAtCartProps, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeOptionProps, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithBenefits, WithChildren, WithTestId, benefits, benefitsRawHtml, buildImageUrl, componentSizeMapper, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isDangerouslySetInnerHTML, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sizeOptions, sliceString, title, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|