@trafilea/afrodita-components 6.19.1 → 6.20.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 CHANGED
@@ -92,8 +92,88 @@ declare type ImageProps = ImageStyleProps & {
92
92
  };
93
93
  declare const Image: React.FC<ImageProps>;
94
94
 
95
- declare type Props$2 = Omit<IconProps$1, 'name'>;
96
- declare type IconComponent = React__default.FC<Props$2>;
95
+ declare enum CardSectionType {
96
+ Header = 0,
97
+ Footer = 1
98
+ }
99
+ declare enum ComponentSize {
100
+ Large = "large",
101
+ Medium = "medium",
102
+ Small = "small",
103
+ XSmall = "xsmall"
104
+ }
105
+ declare enum ComponentPosition {
106
+ Top = 0,
107
+ Bottom = 1,
108
+ Left = 2,
109
+ Right = 3
110
+ }
111
+ declare enum InputValidationType {
112
+ Error = 0,
113
+ Valid = 1,
114
+ Empty = 2
115
+ }
116
+
117
+ interface ClubOfferTagProps {
118
+ clubOfferText?: string;
119
+ className?: string;
120
+ disabled?: boolean;
121
+ backgroundColor?: string;
122
+ borderColor?: string;
123
+ textColor?: string;
124
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
125
+ style?: React__default.CSSProperties;
126
+ }
127
+ declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
128
+
129
+ interface DiscountTagProps {
130
+ discount: number;
131
+ offText: string;
132
+ savings?: string;
133
+ showSavings?: boolean;
134
+ disabled?: boolean;
135
+ backgroundColor?: string;
136
+ borderColor?: string;
137
+ textColor?: string;
138
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
139
+ style?: React__default.CSSProperties;
140
+ bordersRounded?: boolean;
141
+ }
142
+ declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
143
+
144
+ interface PriceLabelProps {
145
+ finalPrice: string | number;
146
+ originalPrice?: string | number;
147
+ color?: string;
148
+ size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
149
+ discount?: DiscountTagProps;
150
+ clubOffer?: ClubOfferTagProps;
151
+ finalPriceStyled?: boolean;
152
+ finalPriceStyle?: React__default.CSSProperties;
153
+ originalPriceStyled?: boolean;
154
+ originalPriceUnderlined?: boolean;
155
+ testId?: string;
156
+ clubStyle?: boolean;
157
+ bordersRounded?: boolean;
158
+ }
159
+ declare const PriceLabel: React__default.FC<PriceLabelProps>;
160
+
161
+ declare type Props$2 = PriceLabelProps & {
162
+ savingsDisplay?: boolean;
163
+ pricePerItem?: string;
164
+ hasRoundedSavings?: boolean;
165
+ };
166
+ declare const PriceLabelV2: React__default.FC<Props$2>;
167
+
168
+ declare type Props$1 = PriceLabelProps & {
169
+ savingsDisplay?: boolean;
170
+ itemsQuantity?: number;
171
+ packUnitPrice?: string;
172
+ };
173
+ declare const PriceLabelV3: React__default.FC<Props$1>;
174
+
175
+ declare type Props = Omit<IconProps$1, 'name'>;
176
+ declare type IconComponent = React__default.FC<Props>;
97
177
 
98
178
  declare const Add: IconComponent;
99
179
 
@@ -1338,28 +1418,6 @@ declare const CartProductItem: {
1338
1418
  CloseButton: ({ onClick, size }: CloseButtonProps) => JSX.Element;
1339
1419
  };
1340
1420
 
1341
- declare enum CardSectionType {
1342
- Header = 0,
1343
- Footer = 1
1344
- }
1345
- declare enum ComponentSize {
1346
- Large = "large",
1347
- Medium = "medium",
1348
- Small = "small",
1349
- XSmall = "xsmall"
1350
- }
1351
- declare enum ComponentPosition {
1352
- Top = 0,
1353
- Bottom = 1,
1354
- Left = 2,
1355
- Right = 3
1356
- }
1357
- declare enum InputValidationType {
1358
- Error = 0,
1359
- Valid = 1,
1360
- Empty = 2
1361
- }
1362
-
1363
1421
  declare type Themes = 'Shapermint' | 'Truekind' | 'Revel' | 'TheSpaDr' | 'TheBodCon';
1364
1422
  declare type Theme = {
1365
1423
  name: Themes;
@@ -2225,64 +2283,6 @@ interface CheckboxProps {
2225
2283
  }
2226
2284
  declare const Checkbox: React__default.FC<CheckboxProps>;
2227
2285
 
2228
- interface ClubOfferTagProps {
2229
- clubOfferText?: string;
2230
- className?: string;
2231
- disabled?: boolean;
2232
- backgroundColor?: string;
2233
- borderColor?: string;
2234
- textColor?: string;
2235
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2236
- style?: React__default.CSSProperties;
2237
- }
2238
- declare const ClubOfferTag: ({ clubOfferText, className, disabled, backgroundColor, borderColor, textColor, size, style, }: ClubOfferTagProps) => JSX.Element;
2239
-
2240
- interface DiscountTagProps {
2241
- discount: number;
2242
- offText: string;
2243
- savings?: string;
2244
- showSavings?: boolean;
2245
- disabled?: boolean;
2246
- backgroundColor?: string;
2247
- borderColor?: string;
2248
- textColor?: string;
2249
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2250
- style?: React__default.CSSProperties;
2251
- bordersRounded?: boolean;
2252
- }
2253
- declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
2254
-
2255
- interface PriceLabelProps {
2256
- finalPrice: string | number;
2257
- originalPrice?: string | number;
2258
- color?: string;
2259
- size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
2260
- discount?: DiscountTagProps;
2261
- clubOffer?: ClubOfferTagProps;
2262
- finalPriceStyled?: boolean;
2263
- finalPriceStyle?: React__default.CSSProperties;
2264
- originalPriceStyled?: boolean;
2265
- originalPriceUnderlined?: boolean;
2266
- testId?: string;
2267
- clubStyle?: boolean;
2268
- bordersRounded?: boolean;
2269
- }
2270
- declare const PriceLabel: React__default.FC<PriceLabelProps>;
2271
-
2272
- declare type Props$1 = PriceLabelProps & {
2273
- savingsDisplay?: boolean;
2274
- pricePerItem?: string;
2275
- hasRoundedSavings?: boolean;
2276
- };
2277
- declare const PriceLabelV2: React__default.FC<Props$1>;
2278
-
2279
- declare type Props = PriceLabelProps & {
2280
- savingsDisplay?: boolean;
2281
- itemsQuantity?: number;
2282
- packUnitPrice?: string;
2283
- };
2284
- declare const PriceLabelV3: React__default.FC<Props>;
2285
-
2286
2286
  interface RatingProps {
2287
2287
  rating: number;
2288
2288
  size?: ComponentSize;
@@ -3692,6 +3692,56 @@ interface TableProps {
3692
3692
 
3693
3693
  declare const SizeChartTableV2: ({ headers, data: tableContent, newSizeTableCss }: TableProps) => JSX.Element;
3694
3694
 
3695
+ interface ProductCardProps extends ProductItemProps {
3696
+ size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
3697
+ imageHover?: ImageProps;
3698
+ topTag?: JSX.Element;
3699
+ bottomTag?: JSX.Element;
3700
+ onClick?: () => void;
3701
+ priceLoading?: boolean;
3702
+ noFollow?: boolean;
3703
+ isRatingLoading?: boolean;
3704
+ discountTag?: string;
3705
+ }
3706
+ declare const ProductCard: FC<ProductCardProps>;
3707
+
3708
+ interface ProductCardV2Props extends ProductItemProps {
3709
+ size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
3710
+ imageHover?: ImageProps;
3711
+ topTag?: JSX.Element;
3712
+ bottomTag?: JSX.Element;
3713
+ onClick?: () => void;
3714
+ onClickEye?: () => void;
3715
+ priceDisplayType?: 'default' | 'styled';
3716
+ priceAtBottom?: boolean;
3717
+ priceLoading?: boolean;
3718
+ noFollow?: boolean;
3719
+ showClubPriceLabel?: boolean;
3720
+ isRatingLoading?: boolean;
3721
+ colorsCopy?: string;
3722
+ discountTag?: string;
3723
+ sellingFast?: boolean;
3724
+ }
3725
+ declare const ProductCardV2: FC<ProductCardV2Props>;
3726
+
3727
+ interface ProductCardV3Props extends ProductItemProps {
3728
+ size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
3729
+ imageHover?: ImageProps;
3730
+ topTag?: JSX.Element;
3731
+ bottomTag?: JSX.Element;
3732
+ onClick?: () => void;
3733
+ onClickEye?: () => void;
3734
+ priceDisplayType?: 'default' | 'styled';
3735
+ priceAtBottom?: boolean;
3736
+ priceLoading?: boolean;
3737
+ noFollow?: boolean;
3738
+ showClubPriceLabel?: boolean;
3739
+ isRatingLoading?: boolean;
3740
+ colorsCopy?: string;
3741
+ discountTag?: string;
3742
+ }
3743
+ declare const ProductCardV3: FC<ProductCardV3Props>;
3744
+
3695
3745
  declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
3696
3746
 
3697
3747
  declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
@@ -3757,4 +3807,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
3757
3807
  declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
3758
3808
  declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
3759
3809
 
3760
- 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, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, CouponCard, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, HurryUpProps, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageProps, Input, InputValidationType, Icon$1 as LibIcon, IconProps$1 as LibIconProps, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Partner, PartnerContent, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, 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, 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 };
3810
+ 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, ClubOfferTag, 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, 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, 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 };