@trafilea/afrodita-components 5.0.0-beta.309 → 5.0.0-beta.311
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 +145 -9
- package/build/index.esm.js +610 -367
- package/build/index.esm.js.map +1 -1
- package/build/index.js +612 -366
- package/build/index.js.map +1 -1
- package/build/theme/revel.theme.d.ts +17 -0
- package/build/theme/revel.theme.js +17 -0
- package/build/theme/shapermint.theme.d.ts +17 -0
- package/build/theme/shapermint.theme.js +17 -0
- package/build/theme/thespadr.theme.d.ts +17 -0
- package/build/theme/thespadr.theme.js +18 -1
- package/build/theme/truekind.theme.d.ts +17 -0
- package/build/theme/truekind.theme.js +18 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
|
5
5
|
import * as _emotion_styled from '@emotion/styled';
|
|
6
6
|
import { StyledComponent } from '@emotion/styled';
|
|
7
7
|
export { default as styled } from '@emotion/styled';
|
|
8
|
+
import { TextProps as TextProps$1 } from 'src/components/text/Text';
|
|
8
9
|
import * as _emotion_react_types_jsx_namespace from '@emotion/react/types/jsx-namespace';
|
|
9
10
|
import * as _emotion_react from '@emotion/react';
|
|
10
11
|
import { ComponentSize as ComponentSize$1 } from 'src/types/enums';
|
|
@@ -142,6 +143,18 @@ interface imageVideoProps {
|
|
|
142
143
|
|
|
143
144
|
declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
144
145
|
|
|
146
|
+
declare const Bra: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
147
|
+
|
|
148
|
+
declare const Underwear: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
149
|
+
|
|
150
|
+
declare const PacksAndBundles: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
151
|
+
|
|
152
|
+
declare const SeamlessSupportBra: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
153
|
+
|
|
154
|
+
declare const WireFreeComfort: ({ height, width, fill, title, }: IconProps) => JSX.Element;
|
|
155
|
+
|
|
156
|
+
declare const SixtyDaysBold: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
157
|
+
|
|
145
158
|
declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
|
|
146
159
|
|
|
147
160
|
declare const Smiling: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
|
|
@@ -173,6 +186,12 @@ declare const Certified: ({ height, width, fill, testId }: IconProps) => JSX.Ele
|
|
|
173
186
|
declare const NewSixtyDaysGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
174
187
|
|
|
175
188
|
declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
|
|
189
|
+
declare const Custom_Bra: typeof Bra;
|
|
190
|
+
declare const Custom_Underwear: typeof Underwear;
|
|
191
|
+
declare const Custom_PacksAndBundles: typeof PacksAndBundles;
|
|
192
|
+
declare const Custom_SeamlessSupportBra: typeof SeamlessSupportBra;
|
|
193
|
+
declare const Custom_WireFreeComfort: typeof WireFreeComfort;
|
|
194
|
+
declare const Custom_SixtyDaysBold: typeof SixtyDaysBold;
|
|
176
195
|
declare const Custom_Frown: typeof Frown;
|
|
177
196
|
declare const Custom_Smiling: typeof Smiling;
|
|
178
197
|
declare const Custom_BulletOne: typeof BulletOne;
|
|
@@ -191,6 +210,12 @@ declare const Custom_NewSixtyDaysGuarantee: typeof NewSixtyDaysGuarantee;
|
|
|
191
210
|
declare namespace Custom {
|
|
192
211
|
export {
|
|
193
212
|
Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
|
|
213
|
+
Custom_Bra as Bra,
|
|
214
|
+
Custom_Underwear as Underwear,
|
|
215
|
+
Custom_PacksAndBundles as PacksAndBundles,
|
|
216
|
+
Custom_SeamlessSupportBra as SeamlessSupportBra,
|
|
217
|
+
Custom_WireFreeComfort as WireFreeComfort,
|
|
218
|
+
Custom_SixtyDaysBold as SixtyDaysBold,
|
|
194
219
|
Custom_Frown as Frown,
|
|
195
220
|
Custom_Smiling as Smiling,
|
|
196
221
|
Custom_BulletOne as BulletOne,
|
|
@@ -412,7 +437,7 @@ declare const HasselFreeReturns: ({ height, width, fill, testId }: IconProps) =>
|
|
|
412
437
|
|
|
413
438
|
declare const Play: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
414
439
|
|
|
415
|
-
declare const FitGuarantee: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
440
|
+
declare const FitGuarantee$1: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
416
441
|
|
|
417
442
|
declare const QuestionWithCircle: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
418
443
|
|
|
@@ -444,7 +469,6 @@ declare const Other_FreeExchange: typeof FreeExchange;
|
|
|
444
469
|
declare const Other_ShopNow: typeof ShopNow;
|
|
445
470
|
declare const Other_HasselFreeReturns: typeof HasselFreeReturns;
|
|
446
471
|
declare const Other_Play: typeof Play;
|
|
447
|
-
declare const Other_FitGuarantee: typeof FitGuarantee;
|
|
448
472
|
declare const Other_QuestionWithCircle: typeof QuestionWithCircle;
|
|
449
473
|
declare const Other_ExpressShipping: typeof ExpressShipping;
|
|
450
474
|
declare const Other_ShapermintClubLabel: typeof ShapermintClubLabel;
|
|
@@ -471,7 +495,7 @@ declare namespace Other {
|
|
|
471
495
|
Other_ShopNow as ShopNow,
|
|
472
496
|
Other_HasselFreeReturns as HasselFreeReturns,
|
|
473
497
|
Other_Play as Play,
|
|
474
|
-
|
|
498
|
+
FitGuarantee$1 as FitGuarantee,
|
|
475
499
|
Other_QuestionWithCircle as QuestionWithCircle,
|
|
476
500
|
Other_ExpressShipping as ExpressShipping,
|
|
477
501
|
Other_ShapermintClubLabel as ShapermintClubLabel,
|
|
@@ -519,6 +543,8 @@ declare const CircleLineLeft: ({ width, height, fill }: IconProps) => JSX.Elemen
|
|
|
519
543
|
|
|
520
544
|
declare const CircleLineRight: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
521
545
|
|
|
546
|
+
declare const DoubleArrowUp: ({ width, height, fill }: IconProps) => JSX.Element;
|
|
547
|
+
|
|
522
548
|
declare const Arrows_ChevronDown: typeof ChevronDown;
|
|
523
549
|
declare const Arrows_ChevronLeft: typeof ChevronLeft;
|
|
524
550
|
declare const Arrows_ChevronRight: typeof ChevronRight;
|
|
@@ -537,6 +563,7 @@ declare const Arrows_CircleLineUp: typeof CircleLineUp;
|
|
|
537
563
|
declare const Arrows_CircleLineDown: typeof CircleLineDown;
|
|
538
564
|
declare const Arrows_CircleLineLeft: typeof CircleLineLeft;
|
|
539
565
|
declare const Arrows_CircleLineRight: typeof CircleLineRight;
|
|
566
|
+
declare const Arrows_DoubleArrowUp: typeof DoubleArrowUp;
|
|
540
567
|
declare namespace Arrows {
|
|
541
568
|
export {
|
|
542
569
|
Arrows_ChevronDown as ChevronDown,
|
|
@@ -557,6 +584,7 @@ declare namespace Arrows {
|
|
|
557
584
|
Arrows_CircleLineDown as CircleLineDown,
|
|
558
585
|
Arrows_CircleLineLeft as CircleLineLeft,
|
|
559
586
|
Arrows_CircleLineRight as CircleLineRight,
|
|
587
|
+
Arrows_DoubleArrowUp as DoubleArrowUp,
|
|
560
588
|
};
|
|
561
589
|
}
|
|
562
590
|
|
|
@@ -588,6 +616,8 @@ declare const CircleNumber: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
|
588
616
|
|
|
589
617
|
declare const SizeEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
590
618
|
|
|
619
|
+
declare const SizeEmptyV2: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
620
|
+
|
|
591
621
|
declare const PlayMini: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
592
622
|
|
|
593
623
|
declare const ShippingEmpty: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
@@ -621,6 +651,7 @@ declare const PDP_Shipping: typeof Shipping;
|
|
|
621
651
|
declare const PDP_ErrorCross: typeof ErrorCross;
|
|
622
652
|
declare const PDP_CircleNumber: typeof CircleNumber;
|
|
623
653
|
declare const PDP_SizeEmpty: typeof SizeEmpty;
|
|
654
|
+
declare const PDP_SizeEmptyV2: typeof SizeEmptyV2;
|
|
624
655
|
declare const PDP_PlayMini: typeof PlayMini;
|
|
625
656
|
declare const PDP_ShippingEmpty: typeof ShippingEmpty;
|
|
626
657
|
declare const PDP_Drop: typeof Drop;
|
|
@@ -647,6 +678,7 @@ declare namespace PDP {
|
|
|
647
678
|
PDP_ErrorCross as ErrorCross,
|
|
648
679
|
PDP_CircleNumber as CircleNumber,
|
|
649
680
|
PDP_SizeEmpty as SizeEmpty,
|
|
681
|
+
PDP_SizeEmptyV2 as SizeEmptyV2,
|
|
650
682
|
PDP_PlayMini as PlayMini,
|
|
651
683
|
PDP_ShippingEmpty as ShippingEmpty,
|
|
652
684
|
PDP_Drop as Drop,
|
|
@@ -745,6 +777,10 @@ declare const UserV2: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
|
745
777
|
|
|
746
778
|
declare const ShoppingCartV2: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
747
779
|
|
|
780
|
+
declare const ShoppingBagV3: ({ height, width, fill, testId }: IconProps) => JSX.Element;
|
|
781
|
+
|
|
782
|
+
declare const Shaperbox: ({ height, width, fill, testId, }: IconProps) => JSX.Element;
|
|
783
|
+
|
|
748
784
|
declare const Navigation_Search: typeof Search;
|
|
749
785
|
declare const Navigation_User: typeof User;
|
|
750
786
|
declare const Navigation_ShoppingBag: typeof ShoppingBag;
|
|
@@ -767,6 +803,8 @@ declare const Navigation_Loading: typeof Loading;
|
|
|
767
803
|
declare const Navigation_MapSolid: typeof MapSolid;
|
|
768
804
|
declare const Navigation_UserV2: typeof UserV2;
|
|
769
805
|
declare const Navigation_ShoppingCartV2: typeof ShoppingCartV2;
|
|
806
|
+
declare const Navigation_ShoppingBagV3: typeof ShoppingBagV3;
|
|
807
|
+
declare const Navigation_Shaperbox: typeof Shaperbox;
|
|
770
808
|
declare namespace Navigation {
|
|
771
809
|
export {
|
|
772
810
|
Navigation_Search as Search,
|
|
@@ -793,9 +831,13 @@ declare namespace Navigation {
|
|
|
793
831
|
Navigation_MapSolid as MapSolid,
|
|
794
832
|
Navigation_UserV2 as UserV2,
|
|
795
833
|
Navigation_ShoppingCartV2 as ShoppingCartV2,
|
|
834
|
+
Navigation_ShoppingBagV3 as ShoppingBagV3,
|
|
835
|
+
Navigation_Shaperbox as Shaperbox,
|
|
796
836
|
};
|
|
797
837
|
}
|
|
798
838
|
|
|
839
|
+
declare const AdaChat: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
840
|
+
|
|
799
841
|
declare const QuestionCircle: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
800
842
|
|
|
801
843
|
declare const Messenger: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
@@ -837,6 +879,7 @@ declare const CommentLight: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
|
837
879
|
|
|
838
880
|
declare const CommentMoney: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
839
881
|
|
|
882
|
+
declare const Messaging_AdaChat: typeof AdaChat;
|
|
840
883
|
declare const Messaging_QuestionCircle: typeof QuestionCircle;
|
|
841
884
|
declare const Messaging_Messenger: typeof Messenger;
|
|
842
885
|
declare const Messaging_Comment: typeof Comment;
|
|
@@ -853,6 +896,7 @@ declare const Messaging_CommentLight: typeof CommentLight;
|
|
|
853
896
|
declare const Messaging_CommentMoney: typeof CommentMoney;
|
|
854
897
|
declare namespace Messaging {
|
|
855
898
|
export {
|
|
899
|
+
Messaging_AdaChat as AdaChat,
|
|
856
900
|
Messaging_QuestionCircle as QuestionCircle,
|
|
857
901
|
Messaging_Messenger as Messenger,
|
|
858
902
|
Messaging_Comment as Comment,
|
|
@@ -1162,8 +1206,9 @@ interface DiscountTagProps {
|
|
|
1162
1206
|
textColor?: string;
|
|
1163
1207
|
size?: ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large;
|
|
1164
1208
|
style?: React.CSSProperties;
|
|
1209
|
+
bordersRounded?: boolean;
|
|
1165
1210
|
}
|
|
1166
|
-
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, }: DiscountTagProps) => JSX.Element;
|
|
1211
|
+
declare const DiscountTag: ({ discount, offText, savings, showSavings, disabled, backgroundColor, borderColor, textColor, size, style, bordersRounded, }: DiscountTagProps) => JSX.Element;
|
|
1167
1212
|
|
|
1168
1213
|
interface ClubOfferTagProps {
|
|
1169
1214
|
clubOfferText?: string;
|
|
@@ -1190,10 +1235,11 @@ interface PriceLabelProps {
|
|
|
1190
1235
|
originalPriceUnderlined?: boolean;
|
|
1191
1236
|
testId?: string;
|
|
1192
1237
|
clubStyle?: boolean;
|
|
1238
|
+
bordersRounded?: boolean;
|
|
1193
1239
|
}
|
|
1194
1240
|
declare const PriceLabel: ({ finalPrice, originalPrice, discount, color, testId, finalPriceStyled, finalPriceStyle, originalPriceStyled, originalPriceUnderlined, size, clubStyle, }: PriceLabelProps) => JSX.Element;
|
|
1195
1241
|
|
|
1196
|
-
declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, savingsDisplay, }: PriceLabelProps & {
|
|
1242
|
+
declare const PriceLabelV2: ({ finalPrice, originalPrice, discount, clubOffer, color, testId, originalPriceStyled, originalPriceUnderlined, size, bordersRounded, savingsDisplay, }: PriceLabelProps & {
|
|
1197
1243
|
savingsDisplay?: boolean | undefined;
|
|
1198
1244
|
}) => JSX.Element;
|
|
1199
1245
|
|
|
@@ -1227,8 +1273,9 @@ interface ProductGalleryProps {
|
|
|
1227
1273
|
ctaText?: string;
|
|
1228
1274
|
ctaAction?: () => void;
|
|
1229
1275
|
hideCTA?: boolean;
|
|
1276
|
+
hasOverflowArrows?: boolean;
|
|
1230
1277
|
}
|
|
1231
|
-
declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, }: ProductGalleryProps) => JSX.Element;
|
|
1278
|
+
declare const ProductGallery: ({ images, selectedValue, topTag, bottomTag, productImageDataTestId, previewListDataTestId, thumbnailPosition, borderRadiusVariant, previewImgBorderColor, ctaText, ctaAction, hideCTA, hasOverflowArrows, }: ProductGalleryProps) => JSX.Element;
|
|
1232
1279
|
|
|
1233
1280
|
interface RatingProps {
|
|
1234
1281
|
rating: number;
|
|
@@ -1246,6 +1293,16 @@ interface FitPredictorProps {
|
|
|
1246
1293
|
}
|
|
1247
1294
|
declare const FitPredictor: ({ onClick }: FitPredictorProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1248
1295
|
|
|
1296
|
+
interface FitGuaranteeProps {
|
|
1297
|
+
backgroundColor?: string;
|
|
1298
|
+
borderColor?: string;
|
|
1299
|
+
title: string;
|
|
1300
|
+
description: string;
|
|
1301
|
+
widthAuto?: boolean;
|
|
1302
|
+
testId?: string;
|
|
1303
|
+
}
|
|
1304
|
+
declare const FitGuarantee: ({ backgroundColor, borderColor, title, description, widthAuto, testId, }: FitGuaranteeProps) => JSX.Element;
|
|
1305
|
+
|
|
1249
1306
|
interface ProgressBarProps {
|
|
1250
1307
|
description?: string;
|
|
1251
1308
|
fillColor: string;
|
|
@@ -1724,8 +1781,13 @@ declare type ThemeComponent = {
|
|
|
1724
1781
|
borderColor: string;
|
|
1725
1782
|
color: string;
|
|
1726
1783
|
borderRadius: string;
|
|
1784
|
+
borderRadiusV2?: string;
|
|
1727
1785
|
backgroundColor?: string;
|
|
1728
1786
|
};
|
|
1787
|
+
optionsWrapper: {
|
|
1788
|
+
borderRadius: string;
|
|
1789
|
+
overflow: string;
|
|
1790
|
+
};
|
|
1729
1791
|
};
|
|
1730
1792
|
modal: {
|
|
1731
1793
|
minWidth: string;
|
|
@@ -1913,6 +1975,12 @@ declare type ThemeComponent = {
|
|
|
1913
1975
|
orderHeader: {
|
|
1914
1976
|
color: string;
|
|
1915
1977
|
};
|
|
1978
|
+
fitGuarantee: {
|
|
1979
|
+
fontWeight: number | string;
|
|
1980
|
+
};
|
|
1981
|
+
offerBanner: {
|
|
1982
|
+
borderRadius: string;
|
|
1983
|
+
};
|
|
1916
1984
|
};
|
|
1917
1985
|
orderBar: {
|
|
1918
1986
|
backgroundColor: string;
|
|
@@ -1984,6 +2052,12 @@ declare type ThemeComponent = {
|
|
|
1984
2052
|
color: string;
|
|
1985
2053
|
};
|
|
1986
2054
|
};
|
|
2055
|
+
hurryUp: {
|
|
2056
|
+
borderRadius?: string;
|
|
2057
|
+
};
|
|
2058
|
+
qtyPicker: {
|
|
2059
|
+
borderRadius: string;
|
|
2060
|
+
};
|
|
1987
2061
|
};
|
|
1988
2062
|
declare type ThemeTypography = {
|
|
1989
2063
|
config: {
|
|
@@ -2119,14 +2193,35 @@ interface CategoryTagProps {
|
|
|
2119
2193
|
}
|
|
2120
2194
|
declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2121
2195
|
|
|
2196
|
+
interface CategorySquareTagProps {
|
|
2197
|
+
text: string;
|
|
2198
|
+
size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
|
|
2199
|
+
className?: string;
|
|
2200
|
+
styledBorder?: boolean;
|
|
2201
|
+
}
|
|
2202
|
+
declare const CategorySquareTag: ({ text, size, className, styledBorder, }: CategorySquareTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2203
|
+
|
|
2122
2204
|
interface SeasonOfferTagProps {
|
|
2123
2205
|
text: string;
|
|
2124
2206
|
backgroundColor?: string;
|
|
2125
2207
|
size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
|
|
2126
2208
|
className?: string;
|
|
2127
2209
|
styledBorder?: boolean;
|
|
2210
|
+
bottomRightBorderRounded?: string;
|
|
2211
|
+
allBordersRounded?: {
|
|
2212
|
+
value: string;
|
|
2213
|
+
size?: ComponentSize;
|
|
2214
|
+
};
|
|
2215
|
+
}
|
|
2216
|
+
declare const SeasonOfferTag: ({ text, backgroundColor, size, className, styledBorder, bottomRightBorderRounded, allBordersRounded, }: SeasonOfferTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2217
|
+
|
|
2218
|
+
interface SeasonOfferRoundedTagProps {
|
|
2219
|
+
text: string;
|
|
2220
|
+
backgroundColor?: string;
|
|
2221
|
+
size: ComponentSize;
|
|
2222
|
+
className?: string;
|
|
2128
2223
|
}
|
|
2129
|
-
declare const
|
|
2224
|
+
declare const SeasonOfferRoundedTag: ({ text, backgroundColor, size, className, }: SeasonOfferRoundedTagProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2130
2225
|
|
|
2131
2226
|
interface TimeProps {
|
|
2132
2227
|
hours: number;
|
|
@@ -2199,11 +2294,12 @@ declare type CustomProps = BaseInputProps & {
|
|
|
2199
2294
|
onClick: () => void;
|
|
2200
2295
|
text: string;
|
|
2201
2296
|
variant: ButtonProps['variant'];
|
|
2297
|
+
defaultRounded?: boolean;
|
|
2202
2298
|
};
|
|
2203
2299
|
|
|
2204
2300
|
declare const Input: {
|
|
2205
2301
|
Simple: ({ value, onChange, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, hideClear, innerRef, requiredPlaceholder, ...rest }: BaseInputCommonProps) => JSX.Element;
|
|
2206
|
-
Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
|
|
2302
|
+
Custom: ({ onClick, text, variant, defaultRounded, ...rest }: CustomProps) => JSX.Element;
|
|
2207
2303
|
SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
|
|
2208
2304
|
SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
|
|
2209
2305
|
};
|
|
@@ -2434,6 +2530,45 @@ interface ProductItemProps {
|
|
|
2434
2530
|
className?: string;
|
|
2435
2531
|
}
|
|
2436
2532
|
|
|
2533
|
+
interface ProductItemSmallMobileProps$1 extends ProductItemProps {
|
|
2534
|
+
titleStyle?: Pick<TextProps$1, 'variant' | 'weight' | 'size'>;
|
|
2535
|
+
ImageBorderRadius?: string;
|
|
2536
|
+
hasSpacing?: boolean;
|
|
2537
|
+
textContainerGap?: string;
|
|
2538
|
+
customSizeRating?: ComponentSize.XSmall | ComponentSize.Small | ComponentSize.Medium | ComponentSize.Large | '';
|
|
2539
|
+
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
2540
|
+
imageHover?: ImageProps;
|
|
2541
|
+
topTag?: JSX.Element;
|
|
2542
|
+
bottomTag?: JSX.Element;
|
|
2543
|
+
onClick?: () => void;
|
|
2544
|
+
originalPriceStyled?: boolean;
|
|
2545
|
+
priceDisplayType?: 'default' | 'styled';
|
|
2546
|
+
priceAtBottom?: boolean;
|
|
2547
|
+
priceLoading?: boolean;
|
|
2548
|
+
noFollow?: boolean;
|
|
2549
|
+
colorPicker?: {
|
|
2550
|
+
display: boolean;
|
|
2551
|
+
position: string;
|
|
2552
|
+
component: JSX.Element | JSX.Element[] | undefined;
|
|
2553
|
+
};
|
|
2554
|
+
isBNPL?: {
|
|
2555
|
+
displayBNPL: boolean;
|
|
2556
|
+
installments: number;
|
|
2557
|
+
installmentPrice: string;
|
|
2558
|
+
iconFolder?: string;
|
|
2559
|
+
iconName: string;
|
|
2560
|
+
showLogo?: boolean;
|
|
2561
|
+
iconColor: string;
|
|
2562
|
+
fontSize: string;
|
|
2563
|
+
};
|
|
2564
|
+
hasStrength?: {
|
|
2565
|
+
strength: number;
|
|
2566
|
+
description: string;
|
|
2567
|
+
};
|
|
2568
|
+
clubPrice?: string;
|
|
2569
|
+
showClubPriceLabel?: boolean;
|
|
2570
|
+
}
|
|
2571
|
+
|
|
2437
2572
|
interface ProductItemSmallMobileProps extends ProductItemProps {
|
|
2438
2573
|
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
2439
2574
|
imageHover?: ImageProps;
|
|
@@ -2475,6 +2610,7 @@ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponen
|
|
|
2475
2610
|
declare const Collection: {
|
|
2476
2611
|
ProductItemMobile: ({ title, image, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, }: ProductItemSmallMobileProps) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
2477
2612
|
withProductGrid: typeof withProductGrid;
|
|
2613
|
+
ProductItemTK: ({ title, titleStyle, hasSpacing, textContainerGap, customSizeRating, image, ImageBorderRadius, imageHover, price, rating, size, alignName, url, className, topTag, bottomTag, onClick, priceDisplayType, originalPriceStyled, priceAtBottom, priceLoading, noFollow, colorPicker, isBNPL, hasStrength, clubPrice, showClubPriceLabel, }: ProductItemSmallMobileProps$1) => _emotion_react_types_jsx_namespace.EmotionJSX.Element;
|
|
2478
2614
|
};
|
|
2479
2615
|
|
|
2480
2616
|
interface StarListProps {
|
|
@@ -3129,4 +3265,4 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
|
|
|
3129
3265
|
|
|
3130
3266
|
declare const mediaQueries: facepaint.DynamicStyleFunction;
|
|
3131
3267
|
|
|
3132
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, HurryUp, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
3268
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, BeforeAfterCard, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownDialog, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, HurryUp, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageCardWithDescription, ImageType, Input, InputValidationType, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review$1 as Review, Review as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, WithTestId, decimalFormat, formatPrice, getSrcSet, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|