@trafilea/afrodita-components 6.30.0 → 6.30.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 +72 -53
- package/build/index.esm.js +586 -486
- package/build/index.esm.js.map +1 -1
- package/build/index.js +587 -485
- package/build/index.js.map +1 -1
- package/build/theme/shapermint.theme.js +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import * as
|
|
3
|
-
import
|
|
2
|
+
import * as react from 'react';
|
|
3
|
+
import react__default, { FC, SVGProps, ReactNode, CSSProperties, ElementType, ReactFragment, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, DetailedHTMLProps, VideoHTMLAttributes, 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';
|
|
@@ -73,7 +73,7 @@ interface ClubOfferTagProps {
|
|
|
73
73
|
borderColor?: string;
|
|
74
74
|
textColor?: string;
|
|
75
75
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
76
|
-
style?:
|
|
76
|
+
style?: react__default.CSSProperties;
|
|
77
77
|
}
|
|
78
78
|
declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
|
|
79
79
|
|
|
@@ -87,7 +87,7 @@ interface DiscountTagProps$1 {
|
|
|
87
87
|
borderColor?: string;
|
|
88
88
|
textColor?: string;
|
|
89
89
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
90
|
-
style?:
|
|
90
|
+
style?: react__default.CSSProperties;
|
|
91
91
|
bordersRounded?: boolean;
|
|
92
92
|
}
|
|
93
93
|
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps$1) => JSX.Element;
|
|
@@ -100,28 +100,28 @@ interface PriceLabelProps {
|
|
|
100
100
|
discount?: DiscountTagProps$1;
|
|
101
101
|
clubOffer?: ClubOfferTagProps;
|
|
102
102
|
finalPriceStyled?: boolean;
|
|
103
|
-
finalPriceStyle?:
|
|
103
|
+
finalPriceStyle?: react__default.CSSProperties;
|
|
104
104
|
originalPriceStyled?: boolean;
|
|
105
105
|
originalPriceUnderlined?: boolean;
|
|
106
106
|
testId?: string;
|
|
107
107
|
clubStyle?: boolean;
|
|
108
108
|
bordersRounded?: boolean;
|
|
109
109
|
}
|
|
110
|
-
declare const PriceLabel:
|
|
110
|
+
declare const PriceLabel: react__default.FC<PriceLabelProps>;
|
|
111
111
|
|
|
112
112
|
declare type Props$2 = PriceLabelProps & {
|
|
113
113
|
savingsDisplay?: boolean;
|
|
114
114
|
pricePerItem?: string;
|
|
115
115
|
hasRoundedSavings?: boolean;
|
|
116
116
|
};
|
|
117
|
-
declare const PriceLabelV2:
|
|
117
|
+
declare const PriceLabelV2: react__default.FC<Props$2>;
|
|
118
118
|
|
|
119
119
|
declare type Props$1 = PriceLabelProps & {
|
|
120
120
|
savingsDisplay?: boolean;
|
|
121
121
|
itemsQuantity?: number;
|
|
122
122
|
packUnitPrice?: string;
|
|
123
123
|
};
|
|
124
|
-
declare const PriceLabelV3:
|
|
124
|
+
declare const PriceLabelV3: react__default.FC<Props$1>;
|
|
125
125
|
|
|
126
126
|
declare type PriceLabelPropsV1 = PriceLabelProps & {
|
|
127
127
|
savingsDisplay?: boolean;
|
|
@@ -170,7 +170,7 @@ declare type IconProps$1 = {
|
|
|
170
170
|
className?: string;
|
|
171
171
|
} & StyledIconProps;
|
|
172
172
|
|
|
173
|
-
declare const Icon$1:
|
|
173
|
+
declare const Icon$1: react__default.NamedExoticComponent<IconProps$1>;
|
|
174
174
|
|
|
175
175
|
declare type ImgAttributes = React.ImgHTMLAttributes<HTMLImageElement>;
|
|
176
176
|
declare type ImageStyleProps = {
|
|
@@ -193,7 +193,7 @@ declare type ImageProps = ImageStyleProps & {
|
|
|
193
193
|
declare const Image: React.FC<ImageProps>;
|
|
194
194
|
|
|
195
195
|
declare type Props = Omit<IconProps$1, 'name'>;
|
|
196
|
-
declare type IconComponent =
|
|
196
|
+
declare type IconComponent = react__default.FC<Props>;
|
|
197
197
|
|
|
198
198
|
declare const Add: IconComponent;
|
|
199
199
|
|
|
@@ -1340,7 +1340,7 @@ declare type AutoshipPropsV2 = {
|
|
|
1340
1340
|
discountLabel?: string;
|
|
1341
1341
|
disabledInputs?: AutoshipRadios[];
|
|
1342
1342
|
};
|
|
1343
|
-
declare const AutoshipV2:
|
|
1343
|
+
declare const AutoshipV2: react__default.FC<AutoshipPropsV2>;
|
|
1344
1344
|
|
|
1345
1345
|
declare enum BeforeAfterVariant {
|
|
1346
1346
|
UserInfoText = "UserInfoText",
|
|
@@ -1364,7 +1364,7 @@ declare type BeforeAfterCardProps = {
|
|
|
1364
1364
|
description?: string;
|
|
1365
1365
|
reviewDays?: string;
|
|
1366
1366
|
};
|
|
1367
|
-
declare const BeforeAfterCard:
|
|
1367
|
+
declare const BeforeAfterCard: react__default.FC<BeforeAfterCardProps>;
|
|
1368
1368
|
|
|
1369
1369
|
interface SimpleProps {
|
|
1370
1370
|
title: string;
|
|
@@ -2310,7 +2310,7 @@ interface CheckboxProps {
|
|
|
2310
2310
|
backgroundColor?: string;
|
|
2311
2311
|
variant: 'primary' | 'secondary' | 'color';
|
|
2312
2312
|
}
|
|
2313
|
-
declare const Checkbox:
|
|
2313
|
+
declare const Checkbox: react__default.FC<CheckboxProps>;
|
|
2314
2314
|
|
|
2315
2315
|
interface RatingProps {
|
|
2316
2316
|
rating: number;
|
|
@@ -2427,18 +2427,18 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
2427
2427
|
color: string;
|
|
2428
2428
|
};
|
|
2429
2429
|
isClubMember?: boolean;
|
|
2430
|
-
wrapperStyle?:
|
|
2430
|
+
wrapperStyle?: react__default.CSSProperties;
|
|
2431
2431
|
isCollections?: boolean;
|
|
2432
2432
|
};
|
|
2433
2433
|
}
|
|
2434
2434
|
|
|
2435
|
-
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent:
|
|
2435
|
+
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
2436
2436
|
(props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
|
|
2437
2437
|
displayName: string;
|
|
2438
2438
|
};
|
|
2439
2439
|
|
|
2440
2440
|
declare const Collection: {
|
|
2441
|
-
ProductItemMobile:
|
|
2441
|
+
ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
|
|
2442
2442
|
withProductGrid: typeof withProductGrid;
|
|
2443
2443
|
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, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
2444
2444
|
};
|
|
@@ -2580,6 +2580,17 @@ interface ColorPickerProps {
|
|
|
2580
2580
|
}
|
|
2581
2581
|
declare const SingleColorPicker: ({ options, selectedValue, label, onChange, inline, showCross, }: ColorPickerProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2582
2582
|
|
|
2583
|
+
interface ColorPickerWithTooltipProps {
|
|
2584
|
+
options: ColorPickerOption[];
|
|
2585
|
+
maxVisibleOptions?: number;
|
|
2586
|
+
selectedValue?: ColorPickerOption;
|
|
2587
|
+
label: string;
|
|
2588
|
+
onChange: (color: ColorPickerOption) => void;
|
|
2589
|
+
inline?: boolean;
|
|
2590
|
+
showCross?: boolean;
|
|
2591
|
+
}
|
|
2592
|
+
declare const ColorPickerWithTooltip: ({ options, selectedValue, label, onChange, inline, maxVisibleOptions, showCross, }: ColorPickerWithTooltipProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2593
|
+
|
|
2583
2594
|
interface CrossSellCheckboxProps extends rightToLeftProps {
|
|
2584
2595
|
imageURL: string;
|
|
2585
2596
|
title: string;
|
|
@@ -2642,11 +2653,11 @@ interface NoteProps {
|
|
|
2642
2653
|
declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, text, }: NoteProps) => JSX.Element;
|
|
2643
2654
|
|
|
2644
2655
|
interface DrawerProps {
|
|
2645
|
-
children:
|
|
2656
|
+
children: react__default.ReactNode;
|
|
2646
2657
|
isOpen: boolean;
|
|
2647
2658
|
onClose?: () => void;
|
|
2648
2659
|
onOpen?: () => void;
|
|
2649
|
-
onClickOutside?: (event:
|
|
2660
|
+
onClickOutside?: (event: react__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
2650
2661
|
backgroundColor?: string;
|
|
2651
2662
|
backdropColor?: string;
|
|
2652
2663
|
position?: 'left' | 'right';
|
|
@@ -2670,7 +2681,7 @@ interface SelectedOption {
|
|
|
2670
2681
|
size: string;
|
|
2671
2682
|
detail: string;
|
|
2672
2683
|
}
|
|
2673
|
-
declare const SizeDropdown:
|
|
2684
|
+
declare const SizeDropdown: react__default.FC<DropdownProps>;
|
|
2674
2685
|
|
|
2675
2686
|
interface DialogPositionProps {
|
|
2676
2687
|
top: string;
|
|
@@ -2682,7 +2693,7 @@ interface DialogDropdownProps {
|
|
|
2682
2693
|
value: string;
|
|
2683
2694
|
}[];
|
|
2684
2695
|
position: DialogPositionProps;
|
|
2685
|
-
style?:
|
|
2696
|
+
style?: react__default.CSSProperties;
|
|
2686
2697
|
className?: string;
|
|
2687
2698
|
}
|
|
2688
2699
|
declare const DropdownDialog: ({ options, position: { top, right }, style, className, }: DialogDropdownProps) => JSX.Element;
|
|
@@ -2791,9 +2802,9 @@ declare type ProductGalleryProps = {
|
|
|
2791
2802
|
declare const ProductGallery: React.FC<ProductGalleryProps>;
|
|
2792
2803
|
|
|
2793
2804
|
interface IconButtonProps {
|
|
2794
|
-
children:
|
|
2805
|
+
children: react__default.ReactNode;
|
|
2795
2806
|
disabled?: boolean;
|
|
2796
|
-
onClick?: (event:
|
|
2807
|
+
onClick?: (event: react__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
2797
2808
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
2798
2809
|
}
|
|
2799
2810
|
declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
|
|
@@ -2831,7 +2842,7 @@ declare const ImageCardWithDescription: ({ image, title, description, titlePosit
|
|
|
2831
2842
|
interface BaseInputCommonProps {
|
|
2832
2843
|
id?: string;
|
|
2833
2844
|
value?: string;
|
|
2834
|
-
innerRef?:
|
|
2845
|
+
innerRef?: react__default.Ref<HTMLInputElement>;
|
|
2835
2846
|
onBlur?: () => void;
|
|
2836
2847
|
onFocus?: () => void;
|
|
2837
2848
|
onChange?: (value: string, event: any) => void;
|
|
@@ -2843,7 +2854,7 @@ interface BaseInputCommonProps {
|
|
|
2843
2854
|
onValidation?: (status: InputValidationType) => void;
|
|
2844
2855
|
disabled?: boolean;
|
|
2845
2856
|
required?: string;
|
|
2846
|
-
children?:
|
|
2857
|
+
children?: react__default.ReactNode;
|
|
2847
2858
|
size?: 'regular' | 'small';
|
|
2848
2859
|
inlinePlaceholder?: boolean;
|
|
2849
2860
|
hasError?: boolean;
|
|
@@ -2918,7 +2929,7 @@ interface ProductGalleryMobileProps$3 {
|
|
|
2918
2929
|
hasToPreserveOrder?: boolean;
|
|
2919
2930
|
itemsOnViewport?: number;
|
|
2920
2931
|
}
|
|
2921
|
-
declare const ProductGalleryMobile:
|
|
2932
|
+
declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$3>;
|
|
2922
2933
|
|
|
2923
2934
|
interface ProductGalleryMobileProps$2 {
|
|
2924
2935
|
images: ContentType[];
|
|
@@ -2940,7 +2951,7 @@ interface ProductGalleryMobileProps$1 {
|
|
|
2940
2951
|
borderRadiusVariant?: boolean;
|
|
2941
2952
|
selectedValue?: ContentType$1;
|
|
2942
2953
|
}
|
|
2943
|
-
declare const ProductGalleryMobileV3:
|
|
2954
|
+
declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps$1>;
|
|
2944
2955
|
|
|
2945
2956
|
declare type ModalProps = {
|
|
2946
2957
|
id: string;
|
|
@@ -2948,7 +2959,7 @@ declare type ModalProps = {
|
|
|
2948
2959
|
maxFullScreen?: boolean;
|
|
2949
2960
|
padding?: string;
|
|
2950
2961
|
onClickOverlayHandler?: () => void;
|
|
2951
|
-
children:
|
|
2962
|
+
children: react__default.ReactNode;
|
|
2952
2963
|
width?: string;
|
|
2953
2964
|
initialTop?: string;
|
|
2954
2965
|
};
|
|
@@ -2961,8 +2972,8 @@ interface ContainerProps {
|
|
|
2961
2972
|
}
|
|
2962
2973
|
declare const Overlay: _emotion_styled.StyledComponent<{
|
|
2963
2974
|
theme?: _emotion_react.Theme | undefined;
|
|
2964
|
-
as?:
|
|
2965
|
-
} & Pick<ContainerProps, "opened">,
|
|
2975
|
+
as?: react__default.ElementType<any> | undefined;
|
|
2976
|
+
} & Pick<ContainerProps, "opened">, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2966
2977
|
declare const Modal: FC<ModalProps>;
|
|
2967
2978
|
declare const modalEvent: (id: string, detail: Omit<Events['modal'], 'id'>) => void;
|
|
2968
2979
|
declare const useModalEvent: (id: string, cb: (event: CustomEvent<Events['modal']>) => void) => void;
|
|
@@ -3024,6 +3035,14 @@ declare type BasicAccordionProps = {
|
|
|
3024
3035
|
};
|
|
3025
3036
|
declare const BasicAccordion: FC<BasicAccordionProps>;
|
|
3026
3037
|
|
|
3038
|
+
interface TableProps$3 {
|
|
3039
|
+
headers: string[];
|
|
3040
|
+
data: string[][];
|
|
3041
|
+
newSizeTableCss?: boolean;
|
|
3042
|
+
}
|
|
3043
|
+
|
|
3044
|
+
declare const SizeChartTableV3: React.FC<TableProps$3>;
|
|
3045
|
+
|
|
3027
3046
|
interface PackOption {
|
|
3028
3047
|
label: string;
|
|
3029
3048
|
description: string;
|
|
@@ -3070,9 +3089,9 @@ interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
|
|
|
3070
3089
|
color?: string;
|
|
3071
3090
|
}
|
|
3072
3091
|
interface ProductOrderItemProps {
|
|
3073
|
-
title:
|
|
3092
|
+
title: react__default.ReactNode | string;
|
|
3074
3093
|
subtitle: string;
|
|
3075
|
-
midElement?:
|
|
3094
|
+
midElement?: react__default.ReactNode;
|
|
3076
3095
|
className?: string;
|
|
3077
3096
|
image: {
|
|
3078
3097
|
src: string;
|
|
@@ -3084,7 +3103,7 @@ interface ProductOrderItemProps {
|
|
|
3084
3103
|
text: string;
|
|
3085
3104
|
backgroundColor: string;
|
|
3086
3105
|
};
|
|
3087
|
-
finalPriceStyle?:
|
|
3106
|
+
finalPriceStyle?: react__default.CSSProperties;
|
|
3088
3107
|
}
|
|
3089
3108
|
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
|
|
3090
3109
|
|
|
@@ -3124,7 +3143,7 @@ interface RadioProps$1 {
|
|
|
3124
3143
|
checked?: boolean;
|
|
3125
3144
|
disabled?: boolean;
|
|
3126
3145
|
onChange: (option: RadioGroupOption) => void;
|
|
3127
|
-
style?:
|
|
3146
|
+
style?: react__default.CSSProperties;
|
|
3128
3147
|
}
|
|
3129
3148
|
declare const RadioPrimary: ({ style, name, value, id, label, checked, disabled, onChange, size, }: RadioProps$1) => JSX.Element;
|
|
3130
3149
|
|
|
@@ -3135,7 +3154,7 @@ interface RadioGroupInputProps {
|
|
|
3135
3154
|
onChange: (value: RadioGroupOption) => void;
|
|
3136
3155
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3137
3156
|
disabled?: boolean;
|
|
3138
|
-
style?:
|
|
3157
|
+
style?: react__default.CSSProperties;
|
|
3139
3158
|
}
|
|
3140
3159
|
declare const RadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: RadioGroupInputProps) => JSX.Element;
|
|
3141
3160
|
|
|
@@ -3146,7 +3165,7 @@ interface ClubRadioGroupInputProps {
|
|
|
3146
3165
|
onChange: (value: RadioGroupOption) => void;
|
|
3147
3166
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3148
3167
|
disabled?: boolean;
|
|
3149
|
-
style?:
|
|
3168
|
+
style?: react__default.CSSProperties;
|
|
3150
3169
|
}
|
|
3151
3170
|
declare const ClubRadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: ClubRadioGroupInputProps) => JSX.Element;
|
|
3152
3171
|
|
|
@@ -3159,8 +3178,8 @@ interface RadioProps {
|
|
|
3159
3178
|
checked?: boolean;
|
|
3160
3179
|
disabled?: boolean;
|
|
3161
3180
|
onChange: (option: RadioGroupOption$1) => void;
|
|
3162
|
-
style?:
|
|
3163
|
-
labelStyle?:
|
|
3181
|
+
style?: react__default.CSSProperties;
|
|
3182
|
+
labelStyle?: react__default.CSSProperties;
|
|
3164
3183
|
useV2Style?: boolean;
|
|
3165
3184
|
}
|
|
3166
3185
|
declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, }: RadioProps) => JSX.Element;
|
|
@@ -3240,7 +3259,7 @@ interface ScrollToTopProps {
|
|
|
3240
3259
|
scrollToTopText: string;
|
|
3241
3260
|
onClick: () => void;
|
|
3242
3261
|
fill?: string;
|
|
3243
|
-
Icon?:
|
|
3262
|
+
Icon?: react__default.FC<IconProps$2>;
|
|
3244
3263
|
}
|
|
3245
3264
|
declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
|
|
3246
3265
|
|
|
@@ -3260,7 +3279,7 @@ declare type SearchBarProps = {
|
|
|
3260
3279
|
id?: string;
|
|
3261
3280
|
autoComplete?: string;
|
|
3262
3281
|
};
|
|
3263
|
-
declare const SearchBar:
|
|
3282
|
+
declare const SearchBar: react__default.FC<SearchBarProps>;
|
|
3264
3283
|
|
|
3265
3284
|
interface SearchNavigationProps {
|
|
3266
3285
|
returnText?: string;
|
|
@@ -3454,9 +3473,9 @@ interface SeasonOfferRoundedTagProps {
|
|
|
3454
3473
|
declare const SeasonOfferRoundedTag: ({ text, backgroundColor, size, className, }: SeasonOfferRoundedTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3455
3474
|
|
|
3456
3475
|
interface BaseButtonProps {
|
|
3457
|
-
children:
|
|
3458
|
-
renderLeading?:
|
|
3459
|
-
renderTrailing?:
|
|
3476
|
+
children: react__default.ReactNode;
|
|
3477
|
+
renderLeading?: react__default.ReactNode;
|
|
3478
|
+
renderTrailing?: react__default.ReactNode;
|
|
3460
3479
|
disabled?: boolean;
|
|
3461
3480
|
type?: ButtonType;
|
|
3462
3481
|
onClick: () => void;
|
|
@@ -3601,9 +3620,9 @@ interface TextWithImageProps {
|
|
|
3601
3620
|
btnBGColor?: string;
|
|
3602
3621
|
btnHoverBGColor?: string;
|
|
3603
3622
|
imgVideo: imageVideoProps;
|
|
3604
|
-
contentAfterButton?:
|
|
3605
|
-
titleStyle?:
|
|
3606
|
-
textStyle?:
|
|
3623
|
+
contentAfterButton?: react__default.ReactNode;
|
|
3624
|
+
titleStyle?: react__default.CSSProperties;
|
|
3625
|
+
textStyle?: react__default.CSSProperties;
|
|
3607
3626
|
buttonWideOnMobile?: boolean;
|
|
3608
3627
|
}
|
|
3609
3628
|
declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -3630,22 +3649,22 @@ interface ToastProps {
|
|
|
3630
3649
|
life?: number;
|
|
3631
3650
|
withCloseIcon?: boolean;
|
|
3632
3651
|
distanceFromTop?: string;
|
|
3633
|
-
ref:
|
|
3652
|
+
ref: react__default.RefObject<HTMLElement>;
|
|
3634
3653
|
}
|
|
3635
3654
|
declare type ShowToast = {
|
|
3636
3655
|
show: () => void;
|
|
3637
3656
|
};
|
|
3638
|
-
declare const Toast:
|
|
3657
|
+
declare const Toast: react__default.ForwardRefExoticComponent<Pick<ToastProps, "summary" | "severity" | "life" | "withCloseIcon" | "distanceFromTop"> & react__default.RefAttributes<ShowToast>>;
|
|
3639
3658
|
|
|
3640
3659
|
interface TooltipProps {
|
|
3641
|
-
children:
|
|
3660
|
+
children: react__default.ReactNode;
|
|
3642
3661
|
position: ComponentPosition;
|
|
3643
3662
|
align?: 'start' | 'center' | 'end';
|
|
3644
3663
|
content?: {
|
|
3645
3664
|
text: string;
|
|
3646
3665
|
color?: string;
|
|
3647
3666
|
};
|
|
3648
|
-
elementContent?:
|
|
3667
|
+
elementContent?: react__default.ReactNode;
|
|
3649
3668
|
backgroundColor?: string;
|
|
3650
3669
|
maxWidth?: string;
|
|
3651
3670
|
showCloseIcon?: boolean;
|
|
@@ -3734,7 +3753,7 @@ declare type HurryUpProps = {
|
|
|
3734
3753
|
isFullVersion?: boolean;
|
|
3735
3754
|
hurryUpTextColor?: string;
|
|
3736
3755
|
} & Partial<TimerProps>;
|
|
3737
|
-
declare const HurryUp:
|
|
3756
|
+
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
3738
3757
|
|
|
3739
3758
|
declare type SpinnerProps = {
|
|
3740
3759
|
fill: string;
|
|
@@ -3779,7 +3798,7 @@ declare type ClubOfferProps = {
|
|
|
3779
3798
|
disabledInputs?: ClubOfferRadios[];
|
|
3780
3799
|
};
|
|
3781
3800
|
|
|
3782
|
-
declare const ClubOfferSelector:
|
|
3801
|
+
declare const ClubOfferSelector: react__default.FC<ClubOfferProps>;
|
|
3783
3802
|
|
|
3784
3803
|
declare type JoinClubProps = {
|
|
3785
3804
|
onCheckToggle: (value: boolean) => void;
|
|
@@ -3882,7 +3901,7 @@ declare type ProductGalleryMobileProps = {
|
|
|
3882
3901
|
thumbnailSettings?: ThumbnailSettings;
|
|
3883
3902
|
isRatioSquare?: boolean;
|
|
3884
3903
|
};
|
|
3885
|
-
declare const ProductGalleryMobileV4:
|
|
3904
|
+
declare const ProductGalleryMobileV4: react__default.FC<ProductGalleryMobileProps>;
|
|
3886
3905
|
|
|
3887
3906
|
interface TableProps {
|
|
3888
3907
|
headers: string[];
|
|
@@ -3962,4 +3981,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
|
|
|
3962
3981
|
declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
|
|
3963
3982
|
declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
|
|
3964
3983
|
|
|
3965
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, 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, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, 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, SizeChartTableV2, 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, Toast, 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, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
3984
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, 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, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, JoinClubCard, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductCard, ProductCardV2, ProductCardV3, 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, SizeChartTableV2, SizeChartTableV3, 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, Toast, 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, useDeviceType, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|