@trafilea/afrodita-components 6.30.1 → 6.31.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/build/index.d.ts +78 -53
- package/build/index.esm.js +795 -665
- package/build/index.esm.js.map +1 -1
- package/build/index.js +796 -664
- 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';
|
|
@@ -12,6 +12,7 @@ export { default as styled } from '@emotion/styled';
|
|
|
12
12
|
import * as _emotion_react from '@emotion/react';
|
|
13
13
|
import { Theme as Theme$1 } from '@emotion/react';
|
|
14
14
|
export { CacheProvider, Global, css } from '@emotion/react';
|
|
15
|
+
import { ImageProps as ImageProps$1 } from 'src/components/atoms';
|
|
15
16
|
import facepaint from 'facepaint';
|
|
16
17
|
export { default as createCache } from '@emotion/cache';
|
|
17
18
|
|
|
@@ -73,7 +74,7 @@ interface ClubOfferTagProps {
|
|
|
73
74
|
borderColor?: string;
|
|
74
75
|
textColor?: string;
|
|
75
76
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
76
|
-
style?:
|
|
77
|
+
style?: react__default.CSSProperties;
|
|
77
78
|
}
|
|
78
79
|
declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
|
|
79
80
|
|
|
@@ -87,7 +88,7 @@ interface DiscountTagProps$1 {
|
|
|
87
88
|
borderColor?: string;
|
|
88
89
|
textColor?: string;
|
|
89
90
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
90
|
-
style?:
|
|
91
|
+
style?: react__default.CSSProperties;
|
|
91
92
|
bordersRounded?: boolean;
|
|
92
93
|
}
|
|
93
94
|
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps$1) => JSX.Element;
|
|
@@ -100,28 +101,28 @@ interface PriceLabelProps {
|
|
|
100
101
|
discount?: DiscountTagProps$1;
|
|
101
102
|
clubOffer?: ClubOfferTagProps;
|
|
102
103
|
finalPriceStyled?: boolean;
|
|
103
|
-
finalPriceStyle?:
|
|
104
|
+
finalPriceStyle?: react__default.CSSProperties;
|
|
104
105
|
originalPriceStyled?: boolean;
|
|
105
106
|
originalPriceUnderlined?: boolean;
|
|
106
107
|
testId?: string;
|
|
107
108
|
clubStyle?: boolean;
|
|
108
109
|
bordersRounded?: boolean;
|
|
109
110
|
}
|
|
110
|
-
declare const PriceLabel:
|
|
111
|
+
declare const PriceLabel: react__default.FC<PriceLabelProps>;
|
|
111
112
|
|
|
112
113
|
declare type Props$2 = PriceLabelProps & {
|
|
113
114
|
savingsDisplay?: boolean;
|
|
114
115
|
pricePerItem?: string;
|
|
115
116
|
hasRoundedSavings?: boolean;
|
|
116
117
|
};
|
|
117
|
-
declare const PriceLabelV2:
|
|
118
|
+
declare const PriceLabelV2: react__default.FC<Props$2>;
|
|
118
119
|
|
|
119
120
|
declare type Props$1 = PriceLabelProps & {
|
|
120
121
|
savingsDisplay?: boolean;
|
|
121
122
|
itemsQuantity?: number;
|
|
122
123
|
packUnitPrice?: string;
|
|
123
124
|
};
|
|
124
|
-
declare const PriceLabelV3:
|
|
125
|
+
declare const PriceLabelV3: react__default.FC<Props$1>;
|
|
125
126
|
|
|
126
127
|
declare type PriceLabelPropsV1 = PriceLabelProps & {
|
|
127
128
|
savingsDisplay?: boolean;
|
|
@@ -170,7 +171,7 @@ declare type IconProps$1 = {
|
|
|
170
171
|
className?: string;
|
|
171
172
|
} & StyledIconProps;
|
|
172
173
|
|
|
173
|
-
declare const Icon$1:
|
|
174
|
+
declare const Icon$1: react__default.NamedExoticComponent<IconProps$1>;
|
|
174
175
|
|
|
175
176
|
declare type ImgAttributes = React.ImgHTMLAttributes<HTMLImageElement>;
|
|
176
177
|
declare type ImageStyleProps = {
|
|
@@ -193,7 +194,7 @@ declare type ImageProps = ImageStyleProps & {
|
|
|
193
194
|
declare const Image: React.FC<ImageProps>;
|
|
194
195
|
|
|
195
196
|
declare type Props = Omit<IconProps$1, 'name'>;
|
|
196
|
-
declare type IconComponent =
|
|
197
|
+
declare type IconComponent = react__default.FC<Props>;
|
|
197
198
|
|
|
198
199
|
declare const Add: IconComponent;
|
|
199
200
|
|
|
@@ -1340,7 +1341,7 @@ declare type AutoshipPropsV2 = {
|
|
|
1340
1341
|
discountLabel?: string;
|
|
1341
1342
|
disabledInputs?: AutoshipRadios[];
|
|
1342
1343
|
};
|
|
1343
|
-
declare const AutoshipV2:
|
|
1344
|
+
declare const AutoshipV2: react__default.FC<AutoshipPropsV2>;
|
|
1344
1345
|
|
|
1345
1346
|
declare enum BeforeAfterVariant {
|
|
1346
1347
|
UserInfoText = "UserInfoText",
|
|
@@ -1364,7 +1365,7 @@ declare type BeforeAfterCardProps = {
|
|
|
1364
1365
|
description?: string;
|
|
1365
1366
|
reviewDays?: string;
|
|
1366
1367
|
};
|
|
1367
|
-
declare const BeforeAfterCard:
|
|
1368
|
+
declare const BeforeAfterCard: react__default.FC<BeforeAfterCardProps>;
|
|
1368
1369
|
|
|
1369
1370
|
interface SimpleProps {
|
|
1370
1371
|
title: string;
|
|
@@ -2310,7 +2311,7 @@ interface CheckboxProps {
|
|
|
2310
2311
|
backgroundColor?: string;
|
|
2311
2312
|
variant: 'primary' | 'secondary' | 'color';
|
|
2312
2313
|
}
|
|
2313
|
-
declare const Checkbox:
|
|
2314
|
+
declare const Checkbox: react__default.FC<CheckboxProps>;
|
|
2314
2315
|
|
|
2315
2316
|
interface RatingProps {
|
|
2316
2317
|
rating: number;
|
|
@@ -2427,18 +2428,18 @@ interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
|
2427
2428
|
color: string;
|
|
2428
2429
|
};
|
|
2429
2430
|
isClubMember?: boolean;
|
|
2430
|
-
wrapperStyle?:
|
|
2431
|
+
wrapperStyle?: react__default.CSSProperties;
|
|
2431
2432
|
isCollections?: boolean;
|
|
2432
2433
|
};
|
|
2433
2434
|
}
|
|
2434
2435
|
|
|
2435
|
-
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent:
|
|
2436
|
+
declare function withProductGrid<P extends ProductItemProps>(ProductItemComponent: react__default.FC<P>, data: ProductItemProps[]): {
|
|
2436
2437
|
(props: Omit<P, 'title' | 'image' | 'price' | 'rating'>): JSX.Element;
|
|
2437
2438
|
displayName: string;
|
|
2438
2439
|
};
|
|
2439
2440
|
|
|
2440
2441
|
declare const Collection: {
|
|
2441
|
-
ProductItemMobile:
|
|
2442
|
+
ProductItemMobile: react.FC<ProductItemSmallMobileProps>;
|
|
2442
2443
|
withProductGrid: typeof withProductGrid;
|
|
2443
2444
|
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
2445
|
};
|
|
@@ -2653,11 +2654,11 @@ interface NoteProps {
|
|
|
2653
2654
|
declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, text, }: NoteProps) => JSX.Element;
|
|
2654
2655
|
|
|
2655
2656
|
interface DrawerProps {
|
|
2656
|
-
children:
|
|
2657
|
+
children: react__default.ReactNode;
|
|
2657
2658
|
isOpen: boolean;
|
|
2658
2659
|
onClose?: () => void;
|
|
2659
2660
|
onOpen?: () => void;
|
|
2660
|
-
onClickOutside?: (event:
|
|
2661
|
+
onClickOutside?: (event: react__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
2661
2662
|
backgroundColor?: string;
|
|
2662
2663
|
backdropColor?: string;
|
|
2663
2664
|
position?: 'left' | 'right';
|
|
@@ -2681,7 +2682,7 @@ interface SelectedOption {
|
|
|
2681
2682
|
size: string;
|
|
2682
2683
|
detail: string;
|
|
2683
2684
|
}
|
|
2684
|
-
declare const SizeDropdown:
|
|
2685
|
+
declare const SizeDropdown: react__default.FC<DropdownProps>;
|
|
2685
2686
|
|
|
2686
2687
|
interface DialogPositionProps {
|
|
2687
2688
|
top: string;
|
|
@@ -2693,7 +2694,7 @@ interface DialogDropdownProps {
|
|
|
2693
2694
|
value: string;
|
|
2694
2695
|
}[];
|
|
2695
2696
|
position: DialogPositionProps;
|
|
2696
|
-
style?:
|
|
2697
|
+
style?: react__default.CSSProperties;
|
|
2697
2698
|
className?: string;
|
|
2698
2699
|
}
|
|
2699
2700
|
declare const DropdownDialog: ({ options, position: { top, right }, style, className, }: DialogDropdownProps) => JSX.Element;
|
|
@@ -2802,9 +2803,9 @@ declare type ProductGalleryProps = {
|
|
|
2802
2803
|
declare const ProductGallery: React.FC<ProductGalleryProps>;
|
|
2803
2804
|
|
|
2804
2805
|
interface IconButtonProps {
|
|
2805
|
-
children:
|
|
2806
|
+
children: react__default.ReactNode;
|
|
2806
2807
|
disabled?: boolean;
|
|
2807
|
-
onClick?: (event:
|
|
2808
|
+
onClick?: (event: react__default.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
|
2808
2809
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
2809
2810
|
}
|
|
2810
2811
|
declare const IconButton: ({ children, disabled, size, onClick, }: IconButtonProps) => JSX.Element;
|
|
@@ -2842,7 +2843,7 @@ declare const ImageCardWithDescription: ({ image, title, description, titlePosit
|
|
|
2842
2843
|
interface BaseInputCommonProps {
|
|
2843
2844
|
id?: string;
|
|
2844
2845
|
value?: string;
|
|
2845
|
-
innerRef?:
|
|
2846
|
+
innerRef?: react__default.Ref<HTMLInputElement>;
|
|
2846
2847
|
onBlur?: () => void;
|
|
2847
2848
|
onFocus?: () => void;
|
|
2848
2849
|
onChange?: (value: string, event: any) => void;
|
|
@@ -2854,7 +2855,7 @@ interface BaseInputCommonProps {
|
|
|
2854
2855
|
onValidation?: (status: InputValidationType) => void;
|
|
2855
2856
|
disabled?: boolean;
|
|
2856
2857
|
required?: string;
|
|
2857
|
-
children?:
|
|
2858
|
+
children?: react__default.ReactNode;
|
|
2858
2859
|
size?: 'regular' | 'small';
|
|
2859
2860
|
inlinePlaceholder?: boolean;
|
|
2860
2861
|
hasError?: boolean;
|
|
@@ -2929,7 +2930,7 @@ interface ProductGalleryMobileProps$3 {
|
|
|
2929
2930
|
hasToPreserveOrder?: boolean;
|
|
2930
2931
|
itemsOnViewport?: number;
|
|
2931
2932
|
}
|
|
2932
|
-
declare const ProductGalleryMobile:
|
|
2933
|
+
declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$3>;
|
|
2933
2934
|
|
|
2934
2935
|
interface ProductGalleryMobileProps$2 {
|
|
2935
2936
|
images: ContentType[];
|
|
@@ -2951,7 +2952,7 @@ interface ProductGalleryMobileProps$1 {
|
|
|
2951
2952
|
borderRadiusVariant?: boolean;
|
|
2952
2953
|
selectedValue?: ContentType$1;
|
|
2953
2954
|
}
|
|
2954
|
-
declare const ProductGalleryMobileV3:
|
|
2955
|
+
declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps$1>;
|
|
2955
2956
|
|
|
2956
2957
|
declare type ModalProps = {
|
|
2957
2958
|
id: string;
|
|
@@ -2959,7 +2960,7 @@ declare type ModalProps = {
|
|
|
2959
2960
|
maxFullScreen?: boolean;
|
|
2960
2961
|
padding?: string;
|
|
2961
2962
|
onClickOverlayHandler?: () => void;
|
|
2962
|
-
children:
|
|
2963
|
+
children: react__default.ReactNode;
|
|
2963
2964
|
width?: string;
|
|
2964
2965
|
initialTop?: string;
|
|
2965
2966
|
};
|
|
@@ -2972,8 +2973,8 @@ interface ContainerProps {
|
|
|
2972
2973
|
}
|
|
2973
2974
|
declare const Overlay: _emotion_styled.StyledComponent<{
|
|
2974
2975
|
theme?: _emotion_react.Theme | undefined;
|
|
2975
|
-
as?:
|
|
2976
|
-
} & Pick<ContainerProps, "opened">,
|
|
2976
|
+
as?: react__default.ElementType<any> | undefined;
|
|
2977
|
+
} & Pick<ContainerProps, "opened">, react__default.DetailedHTMLProps<react__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
2977
2978
|
declare const Modal: FC<ModalProps>;
|
|
2978
2979
|
declare const modalEvent: (id: string, detail: Omit<Events['modal'], 'id'>) => void;
|
|
2979
2980
|
declare const useModalEvent: (id: string, cb: (event: CustomEvent<Events['modal']>) => void) => void;
|
|
@@ -3035,6 +3036,14 @@ declare type BasicAccordionProps = {
|
|
|
3035
3036
|
};
|
|
3036
3037
|
declare const BasicAccordion: FC<BasicAccordionProps>;
|
|
3037
3038
|
|
|
3039
|
+
interface TableProps$3 {
|
|
3040
|
+
headers: string[];
|
|
3041
|
+
data: string[][];
|
|
3042
|
+
newSizeTableCss?: boolean;
|
|
3043
|
+
}
|
|
3044
|
+
|
|
3045
|
+
declare const SizeChartTableV3: React.FC<TableProps$3>;
|
|
3046
|
+
|
|
3038
3047
|
interface PackOption {
|
|
3039
3048
|
label: string;
|
|
3040
3049
|
description: string;
|
|
@@ -3081,9 +3090,9 @@ interface Price extends Pick<PriceLabelProps, 'finalPrice' | 'originalPrice'> {
|
|
|
3081
3090
|
color?: string;
|
|
3082
3091
|
}
|
|
3083
3092
|
interface ProductOrderItemProps {
|
|
3084
|
-
title:
|
|
3093
|
+
title: react__default.ReactNode | string;
|
|
3085
3094
|
subtitle: string;
|
|
3086
|
-
midElement?:
|
|
3095
|
+
midElement?: react__default.ReactNode;
|
|
3087
3096
|
className?: string;
|
|
3088
3097
|
image: {
|
|
3089
3098
|
src: string;
|
|
@@ -3095,7 +3104,7 @@ interface ProductOrderItemProps {
|
|
|
3095
3104
|
text: string;
|
|
3096
3105
|
backgroundColor: string;
|
|
3097
3106
|
};
|
|
3098
|
-
finalPriceStyle?:
|
|
3107
|
+
finalPriceStyle?: react__default.CSSProperties;
|
|
3099
3108
|
}
|
|
3100
3109
|
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, }: ProductOrderItemProps) => JSX.Element;
|
|
3101
3110
|
|
|
@@ -3135,7 +3144,7 @@ interface RadioProps$1 {
|
|
|
3135
3144
|
checked?: boolean;
|
|
3136
3145
|
disabled?: boolean;
|
|
3137
3146
|
onChange: (option: RadioGroupOption) => void;
|
|
3138
|
-
style?:
|
|
3147
|
+
style?: react__default.CSSProperties;
|
|
3139
3148
|
}
|
|
3140
3149
|
declare const RadioPrimary: ({ style, name, value, id, label, checked, disabled, onChange, size, }: RadioProps$1) => JSX.Element;
|
|
3141
3150
|
|
|
@@ -3146,7 +3155,7 @@ interface RadioGroupInputProps {
|
|
|
3146
3155
|
onChange: (value: RadioGroupOption) => void;
|
|
3147
3156
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3148
3157
|
disabled?: boolean;
|
|
3149
|
-
style?:
|
|
3158
|
+
style?: react__default.CSSProperties;
|
|
3150
3159
|
}
|
|
3151
3160
|
declare const RadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: RadioGroupInputProps) => JSX.Element;
|
|
3152
3161
|
|
|
@@ -3157,7 +3166,7 @@ interface ClubRadioGroupInputProps {
|
|
|
3157
3166
|
onChange: (value: RadioGroupOption) => void;
|
|
3158
3167
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
3159
3168
|
disabled?: boolean;
|
|
3160
|
-
style?:
|
|
3169
|
+
style?: react__default.CSSProperties;
|
|
3161
3170
|
}
|
|
3162
3171
|
declare const ClubRadioGroupInput: ({ style, name, options, value, onChange, size, disabled, }: ClubRadioGroupInputProps) => JSX.Element;
|
|
3163
3172
|
|
|
@@ -3170,8 +3179,8 @@ interface RadioProps {
|
|
|
3170
3179
|
checked?: boolean;
|
|
3171
3180
|
disabled?: boolean;
|
|
3172
3181
|
onChange: (option: RadioGroupOption$1) => void;
|
|
3173
|
-
style?:
|
|
3174
|
-
labelStyle?:
|
|
3182
|
+
style?: react__default.CSSProperties;
|
|
3183
|
+
labelStyle?: react__default.CSSProperties;
|
|
3175
3184
|
useV2Style?: boolean;
|
|
3176
3185
|
}
|
|
3177
3186
|
declare const RadioInput: ({ style, name, value, id, label, checked, disabled, onChange, size, useV2Style, labelStyle, }: RadioProps) => JSX.Element;
|
|
@@ -3251,7 +3260,7 @@ interface ScrollToTopProps {
|
|
|
3251
3260
|
scrollToTopText: string;
|
|
3252
3261
|
onClick: () => void;
|
|
3253
3262
|
fill?: string;
|
|
3254
|
-
Icon?:
|
|
3263
|
+
Icon?: react__default.FC<IconProps$2>;
|
|
3255
3264
|
}
|
|
3256
3265
|
declare const ScrollToTop: ({ scrollToTopText, onClick, fill, Icon, }: ScrollToTopProps) => JSX.Element;
|
|
3257
3266
|
|
|
@@ -3271,7 +3280,7 @@ declare type SearchBarProps = {
|
|
|
3271
3280
|
id?: string;
|
|
3272
3281
|
autoComplete?: string;
|
|
3273
3282
|
};
|
|
3274
|
-
declare const SearchBar:
|
|
3283
|
+
declare const SearchBar: react__default.FC<SearchBarProps>;
|
|
3275
3284
|
|
|
3276
3285
|
interface SearchNavigationProps {
|
|
3277
3286
|
returnText?: string;
|
|
@@ -3465,9 +3474,9 @@ interface SeasonOfferRoundedTagProps {
|
|
|
3465
3474
|
declare const SeasonOfferRoundedTag: ({ text, backgroundColor, size, className, }: SeasonOfferRoundedTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
3466
3475
|
|
|
3467
3476
|
interface BaseButtonProps {
|
|
3468
|
-
children:
|
|
3469
|
-
renderLeading?:
|
|
3470
|
-
renderTrailing?:
|
|
3477
|
+
children: react__default.ReactNode;
|
|
3478
|
+
renderLeading?: react__default.ReactNode;
|
|
3479
|
+
renderTrailing?: react__default.ReactNode;
|
|
3471
3480
|
disabled?: boolean;
|
|
3472
3481
|
type?: ButtonType;
|
|
3473
3482
|
onClick: () => void;
|
|
@@ -3612,9 +3621,9 @@ interface TextWithImageProps {
|
|
|
3612
3621
|
btnBGColor?: string;
|
|
3613
3622
|
btnHoverBGColor?: string;
|
|
3614
3623
|
imgVideo: imageVideoProps;
|
|
3615
|
-
contentAfterButton?:
|
|
3616
|
-
titleStyle?:
|
|
3617
|
-
textStyle?:
|
|
3624
|
+
contentAfterButton?: react__default.ReactNode;
|
|
3625
|
+
titleStyle?: react__default.CSSProperties;
|
|
3626
|
+
textStyle?: react__default.CSSProperties;
|
|
3618
3627
|
buttonWideOnMobile?: boolean;
|
|
3619
3628
|
}
|
|
3620
3629
|
declare const TextWithImage: ({ title, text, children, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
@@ -3641,22 +3650,22 @@ interface ToastProps {
|
|
|
3641
3650
|
life?: number;
|
|
3642
3651
|
withCloseIcon?: boolean;
|
|
3643
3652
|
distanceFromTop?: string;
|
|
3644
|
-
ref:
|
|
3653
|
+
ref: react__default.RefObject<HTMLElement>;
|
|
3645
3654
|
}
|
|
3646
3655
|
declare type ShowToast = {
|
|
3647
3656
|
show: () => void;
|
|
3648
3657
|
};
|
|
3649
|
-
declare const Toast:
|
|
3658
|
+
declare const Toast: react__default.ForwardRefExoticComponent<Pick<ToastProps, "summary" | "severity" | "life" | "withCloseIcon" | "distanceFromTop"> & react__default.RefAttributes<ShowToast>>;
|
|
3650
3659
|
|
|
3651
3660
|
interface TooltipProps {
|
|
3652
|
-
children:
|
|
3661
|
+
children: react__default.ReactNode;
|
|
3653
3662
|
position: ComponentPosition;
|
|
3654
3663
|
align?: 'start' | 'center' | 'end';
|
|
3655
3664
|
content?: {
|
|
3656
3665
|
text: string;
|
|
3657
3666
|
color?: string;
|
|
3658
3667
|
};
|
|
3659
|
-
elementContent?:
|
|
3668
|
+
elementContent?: react__default.ReactNode;
|
|
3660
3669
|
backgroundColor?: string;
|
|
3661
3670
|
maxWidth?: string;
|
|
3662
3671
|
showCloseIcon?: boolean;
|
|
@@ -3745,7 +3754,7 @@ declare type HurryUpProps = {
|
|
|
3745
3754
|
isFullVersion?: boolean;
|
|
3746
3755
|
hurryUpTextColor?: string;
|
|
3747
3756
|
} & Partial<TimerProps>;
|
|
3748
|
-
declare const HurryUp:
|
|
3757
|
+
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
3749
3758
|
|
|
3750
3759
|
declare type SpinnerProps = {
|
|
3751
3760
|
fill: string;
|
|
@@ -3767,6 +3776,22 @@ declare type VideoProps = {
|
|
|
3767
3776
|
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
3768
3777
|
declare const Video: React.FC<VideoProps>;
|
|
3769
3778
|
|
|
3779
|
+
interface CartItemCardProps {
|
|
3780
|
+
style?: React.CSSProperties;
|
|
3781
|
+
className?: string;
|
|
3782
|
+
children?: React.ReactNode;
|
|
3783
|
+
}
|
|
3784
|
+
declare function CartItemCard({ style, className, children }: CartItemCardProps): JSX.Element;
|
|
3785
|
+
declare namespace CartItemCard {
|
|
3786
|
+
var CartItemImageContent: ({ alt, src, className, sizes }: ImageProps$1) => JSX.Element;
|
|
3787
|
+
var BodyContent: {
|
|
3788
|
+
({ children, className, style }: CartItemCardProps): JSX.Element;
|
|
3789
|
+
TitleContent: ({ children, className, style }: CartItemCardProps) => JSX.Element;
|
|
3790
|
+
SubTitleContent: ({ children, className, style }: CartItemCardProps) => JSX.Element;
|
|
3791
|
+
ButtonsContent: ({ children, className, style }: CartItemCardProps) => JSX.Element;
|
|
3792
|
+
};
|
|
3793
|
+
}
|
|
3794
|
+
|
|
3770
3795
|
declare type ClubOfferRadios = 'one-time-purchase' | 'club-offer-selector-subscribe-and-save';
|
|
3771
3796
|
declare type ClubOfferProps = {
|
|
3772
3797
|
singlePurchaseLabel: string;
|
|
@@ -3790,7 +3815,7 @@ declare type ClubOfferProps = {
|
|
|
3790
3815
|
disabledInputs?: ClubOfferRadios[];
|
|
3791
3816
|
};
|
|
3792
3817
|
|
|
3793
|
-
declare const ClubOfferSelector:
|
|
3818
|
+
declare const ClubOfferSelector: react__default.FC<ClubOfferProps>;
|
|
3794
3819
|
|
|
3795
3820
|
declare type JoinClubProps = {
|
|
3796
3821
|
onCheckToggle: (value: boolean) => void;
|
|
@@ -3893,7 +3918,7 @@ declare type ProductGalleryMobileProps = {
|
|
|
3893
3918
|
thumbnailSettings?: ThumbnailSettings;
|
|
3894
3919
|
isRatioSquare?: boolean;
|
|
3895
3920
|
};
|
|
3896
|
-
declare const ProductGalleryMobileV4:
|
|
3921
|
+
declare const ProductGalleryMobileV4: react__default.FC<ProductGalleryMobileProps>;
|
|
3897
3922
|
|
|
3898
3923
|
interface TableProps {
|
|
3899
3924
|
headers: string[];
|
|
@@ -3973,4 +3998,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
|
|
|
3973
3998
|
declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
|
|
3974
3999
|
declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
|
|
3975
4000
|
|
|
3976
|
-
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, 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 };
|
|
4001
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, 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 };
|