@trafilea/afrodita-components 6.11.0 → 6.12.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 +29 -13
- package/build/index.esm.js +55 -52
- package/build/index.esm.js.map +1 -1
- package/build/index.js +56 -51
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -2189,6 +2189,7 @@ interface ProductItemSmallMobileProps$1 extends ProductItemProps {
|
|
|
2189
2189
|
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
2190
2190
|
imageHover?: ImageProps;
|
|
2191
2191
|
topTag?: JSX.Element;
|
|
2192
|
+
topRightTag?: JSX.Element;
|
|
2192
2193
|
bottomTag?: JSX.Element;
|
|
2193
2194
|
onClick?: () => void;
|
|
2194
2195
|
originalPriceStyled?: boolean;
|
|
@@ -2262,7 +2263,7 @@ declare function withProductGrid<P extends ProductItemProps>(ProductItemComponen
|
|
|
2262
2263
|
declare const Collection: {
|
|
2263
2264
|
ProductItemMobile: React$1.FC<ProductItemSmallMobileProps>;
|
|
2264
2265
|
withProductGrid: typeof withProductGrid;
|
|
2265
|
-
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;
|
|
2266
|
+
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;
|
|
2266
2267
|
};
|
|
2267
2268
|
|
|
2268
2269
|
interface IconProps {
|
|
@@ -3178,7 +3179,7 @@ declare const CategoryTag: ({ text, size, className, styledBorder }: CategoryTag
|
|
|
3178
3179
|
|
|
3179
3180
|
interface CategorySquareTagProps {
|
|
3180
3181
|
text: string;
|
|
3181
|
-
size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small;
|
|
3182
|
+
size: ComponentSize.Large | ComponentSize.Medium | ComponentSize.Small | ComponentSize.XSmall;
|
|
3182
3183
|
className?: string;
|
|
3183
3184
|
styledBorder?: boolean;
|
|
3184
3185
|
}
|
|
@@ -3482,6 +3483,12 @@ declare type SpinnerProps = {
|
|
|
3482
3483
|
};
|
|
3483
3484
|
declare const Spinner: React.FC<SpinnerProps>;
|
|
3484
3485
|
|
|
3486
|
+
declare type VideoProps = {
|
|
3487
|
+
thumbnail: string;
|
|
3488
|
+
source: string;
|
|
3489
|
+
};
|
|
3490
|
+
declare const Video: React.FC<VideoProps>;
|
|
3491
|
+
|
|
3485
3492
|
declare const useOnClickOutside: <T extends HTMLElement = HTMLElement>(ref: RefObject<T>, handler: (event: Event) => void) => void;
|
|
3486
3493
|
|
|
3487
3494
|
declare type UseWindowDimensions = (breakpoints?: ThemeBreakpoints, options?: {
|
|
@@ -3507,21 +3514,20 @@ declare global {
|
|
|
3507
3514
|
}
|
|
3508
3515
|
}
|
|
3509
3516
|
|
|
3517
|
+
declare type BuildImageUrl = ({ src, width, }: {
|
|
3518
|
+
cdn: string;
|
|
3519
|
+
src: string;
|
|
3520
|
+
width?: string | number;
|
|
3521
|
+
height?: string | number;
|
|
3522
|
+
quality?: string | number;
|
|
3523
|
+
}) => string;
|
|
3524
|
+
declare const buildImageUrl: BuildImageUrl;
|
|
3525
|
+
|
|
3510
3526
|
/**
|
|
3511
3527
|
* @returns number formatted with "," and 2 decimals as string
|
|
3512
3528
|
*/
|
|
3513
3529
|
declare const decimalFormat: (number: number) => string;
|
|
3514
3530
|
|
|
3515
|
-
declare const isEmpty: (value: string) => boolean;
|
|
3516
|
-
declare const isEmail: (value: string) => boolean;
|
|
3517
|
-
declare const isNumber: (value: string) => boolean;
|
|
3518
|
-
declare const isPhoneNumber: (value: string) => boolean;
|
|
3519
|
-
declare const isValidDate: (value: string) => boolean;
|
|
3520
|
-
|
|
3521
|
-
declare const simulateMouseClick: (element: HTMLElement) => void;
|
|
3522
|
-
|
|
3523
|
-
declare const sliceString: (str: string, maxLength: number) => string;
|
|
3524
|
-
|
|
3525
3531
|
declare const formatPrice: (value: number, { locale, currency }?: {
|
|
3526
3532
|
locale?: string | undefined;
|
|
3527
3533
|
currency?: string | undefined;
|
|
@@ -3531,4 +3537,14 @@ declare const getSrcSet: (imgLink: string, ...breakpoints: number[]) => string;
|
|
|
3531
3537
|
|
|
3532
3538
|
declare const mediaQueries: facepaint.DynamicStyleFunction;
|
|
3533
3539
|
|
|
3534
|
-
|
|
3540
|
+
declare const simulateMouseClick: (element: HTMLElement) => void;
|
|
3541
|
+
|
|
3542
|
+
declare const sliceString: (str: string, maxLength: number) => string;
|
|
3543
|
+
|
|
3544
|
+
declare const isEmpty: (value: string) => boolean;
|
|
3545
|
+
declare const isEmail: (value: string) => boolean;
|
|
3546
|
+
declare const isNumber: (value: string) => boolean;
|
|
3547
|
+
declare const isPhoneNumber: (value: string) => boolean;
|
|
3548
|
+
declare const isValidDate: (value: string) => boolean;
|
|
3549
|
+
|
|
3550
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, _default as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ColorPickerOption, ComponentPosition, ComponentSize, ContentType, 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, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, 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, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
package/build/index.esm.js
CHANGED
|
@@ -3351,7 +3351,9 @@ var buildImageUrl = function (_a) {
|
|
|
3351
3351
|
var source = "/external/".concat(baseUrl.host.replaceAll('.', ''));
|
|
3352
3352
|
var width = getValidSize(widthString);
|
|
3353
3353
|
var height = getValidSize(heightString);
|
|
3354
|
-
|
|
3354
|
+
var format = src.includes('.svg') ? '&format=svg' : '';
|
|
3355
|
+
var params = "width=".concat(width, "&height=").concat(height, "&quality=").concat(quality, "&url=").concat(url).concat(format);
|
|
3356
|
+
return "".concat(cdn).concat(source, "/images").concat(baseUrl.pathname, "?").concat(params);
|
|
3355
3357
|
}
|
|
3356
3358
|
catch (e) {
|
|
3357
3359
|
console.warn("[Afrodita][buildImageUrl] [src:".concat(src, "] ERROR:").concat(e));
|
|
@@ -4160,7 +4162,7 @@ var TAGS = {
|
|
|
4160
4162
|
display2: newStyled.h2(templateObject_5$v || (templateObject_5$v = __makeTemplateObject([""], [""]))),
|
|
4161
4163
|
display3: newStyled.h3(templateObject_6$q || (templateObject_6$q = __makeTemplateObject([""], [""]))),
|
|
4162
4164
|
heading1: newStyled.h1(templateObject_7$i || (templateObject_7$i = __makeTemplateObject([""], [""]))),
|
|
4163
|
-
heading2: newStyled.h2(templateObject_8$
|
|
4165
|
+
heading2: newStyled.h2(templateObject_8$g || (templateObject_8$g = __makeTemplateObject([""], [""]))),
|
|
4164
4166
|
heading3: newStyled.h3(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject([""], [""]))),
|
|
4165
4167
|
heading4: newStyled.h4(templateObject_10$7 || (templateObject_10$7 = __makeTemplateObject([""], [""]))),
|
|
4166
4168
|
heading5: newStyled.h5(templateObject_11$5 || (templateObject_11$5 = __makeTemplateObject([""], [""]))),
|
|
@@ -4289,7 +4291,7 @@ var DEFAULTS = {
|
|
|
4289
4291
|
size: 'regular',
|
|
4290
4292
|
},
|
|
4291
4293
|
};
|
|
4292
|
-
var templateObject_1$1U, templateObject_2$1g, templateObject_3$Z, templateObject_4$K, templateObject_5$v, templateObject_6$q, templateObject_7$i, templateObject_8$
|
|
4294
|
+
var templateObject_1$1U, templateObject_2$1g, templateObject_3$Z, templateObject_4$K, templateObject_5$v, templateObject_6$q, templateObject_7$i, templateObject_8$g, templateObject_9$8, templateObject_10$7, templateObject_11$5, templateObject_12$4, templateObject_13$3, templateObject_14$2, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$2, templateObject_19$2, templateObject_20$1;
|
|
4293
4295
|
|
|
4294
4296
|
var Container$1b = newStyled.div(templateObject_1$1T || (templateObject_1$1T = __makeTemplateObject(["\n position: relative;\n display: flex;\n border-radius: 6px;\n gap: 6px;\n"], ["\n position: relative;\n display: flex;\n border-radius: 6px;\n gap: 6px;\n"])));
|
|
4295
4297
|
var Card$3 = newStyled.div(templateObject_2$1f || (templateObject_2$1f = __makeTemplateObject(["\n --background: var(--colors-background-color);\n\n flex: 1;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid var(--component-packSelector-borderColor);\n padding: 16px 7px 7px;\n text-align: center;\n background-color: var(--background);\n border-radius: var(--component-packSelector-borderRadius);\n\n &[aria-checked='true'] {\n --color: var(--component-packSelector-selectedColor);\n\n border-color: var(--color);\n\n & * {\n p {\n color: var(--color);\n }\n }\n }\n"], ["\n --background: var(--colors-background-color);\n\n flex: 1;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n border: 2px solid var(--component-packSelector-borderColor);\n padding: 16px 7px 7px;\n text-align: center;\n background-color: var(--background);\n border-radius: var(--component-packSelector-borderRadius);\n\n &[aria-checked='true'] {\n --color: var(--component-packSelector-selectedColor);\n\n border-color: var(--color);\n\n & * {\n p {\n color: var(--color);\n }\n }\n }\n"])));
|
|
@@ -4502,38 +4504,6 @@ var decimalFormat = function (number) {
|
|
|
4502
4504
|
return number.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, '$&,');
|
|
4503
4505
|
};
|
|
4504
4506
|
|
|
4505
|
-
var isEmpty = function (value) {
|
|
4506
|
-
return value.length === 0;
|
|
4507
|
-
};
|
|
4508
|
-
var isEmail = function (value) {
|
|
4509
|
-
return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
|
|
4510
|
-
};
|
|
4511
|
-
var isNumber$1 = function (value) {
|
|
4512
|
-
return /^[0-9]*$/.test(value);
|
|
4513
|
-
};
|
|
4514
|
-
var isPhoneNumber = function (value) {
|
|
4515
|
-
return /^\d{10}$/.test(value);
|
|
4516
|
-
};
|
|
4517
|
-
var isValidDate = function (value) {
|
|
4518
|
-
return /^\d{4}-\d{2}-\d{2}$/.test(value);
|
|
4519
|
-
};
|
|
4520
|
-
|
|
4521
|
-
var mouseClickEvents = ['mousedown', 'click', 'mouseup'];
|
|
4522
|
-
var simulateMouseClick = function (element) {
|
|
4523
|
-
mouseClickEvents.forEach(function (mouseEventType) {
|
|
4524
|
-
return element.dispatchEvent(new MouseEvent(mouseEventType, {
|
|
4525
|
-
view: window,
|
|
4526
|
-
bubbles: true,
|
|
4527
|
-
cancelable: true,
|
|
4528
|
-
buttons: 1,
|
|
4529
|
-
}));
|
|
4530
|
-
});
|
|
4531
|
-
};
|
|
4532
|
-
|
|
4533
|
-
var sliceString = function (str, maxLength) {
|
|
4534
|
-
return str.length > maxLength ? "".concat(str.slice(0, maxLength), "...") : str;
|
|
4535
|
-
};
|
|
4536
|
-
|
|
4537
4507
|
var getSrcSet = function (imgLink) {
|
|
4538
4508
|
var breakpoints = [];
|
|
4539
4509
|
for (var _i = 1; _i < arguments.length; _i++) {
|
|
@@ -4629,6 +4599,38 @@ var mediaQueries = index$2(["@media(max-width: 900px)", "@media(min-width: 900px
|
|
|
4629
4599
|
literal: true,
|
|
4630
4600
|
});
|
|
4631
4601
|
|
|
4602
|
+
var mouseClickEvents = ['mousedown', 'click', 'mouseup'];
|
|
4603
|
+
var simulateMouseClick = function (element) {
|
|
4604
|
+
mouseClickEvents.forEach(function (mouseEventType) {
|
|
4605
|
+
return element.dispatchEvent(new MouseEvent(mouseEventType, {
|
|
4606
|
+
view: window,
|
|
4607
|
+
bubbles: true,
|
|
4608
|
+
cancelable: true,
|
|
4609
|
+
buttons: 1,
|
|
4610
|
+
}));
|
|
4611
|
+
});
|
|
4612
|
+
};
|
|
4613
|
+
|
|
4614
|
+
var sliceString = function (str, maxLength) {
|
|
4615
|
+
return str.length > maxLength ? "".concat(str.slice(0, maxLength), "...") : str;
|
|
4616
|
+
};
|
|
4617
|
+
|
|
4618
|
+
var isEmpty = function (value) {
|
|
4619
|
+
return value.length === 0;
|
|
4620
|
+
};
|
|
4621
|
+
var isEmail = function (value) {
|
|
4622
|
+
return /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/.test(value);
|
|
4623
|
+
};
|
|
4624
|
+
var isNumber$1 = function (value) {
|
|
4625
|
+
return /^[0-9]*$/.test(value);
|
|
4626
|
+
};
|
|
4627
|
+
var isPhoneNumber = function (value) {
|
|
4628
|
+
return /^\d{10}$/.test(value);
|
|
4629
|
+
};
|
|
4630
|
+
var isValidDate = function (value) {
|
|
4631
|
+
return /^\d{4}-\d{2}-\d{2}$/.test(value);
|
|
4632
|
+
};
|
|
4633
|
+
|
|
4632
4634
|
var ErrorText = newStyled.h3(templateObject_1$1O || (templateObject_1$1O = __makeTemplateObject(["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"], ["\n color: ", " !important;\n font-size: 0.75rem;\n font-weight: 600;\n margin: 0;\n font-height: 1rem;\n margin-left: 0.313rem;\n"])), function (props) { return props.color; });
|
|
4633
4635
|
var ErrorContainer = newStyled.div(templateObject_2$1c || (templateObject_2$1c = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-top: 12px;\n"], ["\n display: flex;\n align-items: center;\n margin-top: 12px;\n"])));
|
|
4634
4636
|
var Error$1 = function (_a) {
|
|
@@ -5202,8 +5204,8 @@ var Title$7 = newStyled.h1(templateObject_6$o || (templateObject_6$o = __makeTem
|
|
|
5202
5204
|
return color;
|
|
5203
5205
|
});
|
|
5204
5206
|
var IconContainer$5 = newStyled.div(templateObject_7$h || (templateObject_7$h = __makeTemplateObject(["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"], ["\n width: 1.375rem;\n height: 1.125rem;\n margin-right: 0.563rem;\n"])));
|
|
5205
|
-
var CloseToolTip = newStyled.button(templateObject_8$
|
|
5206
|
-
var templateObject_1$1I, templateObject_2$18, templateObject_3$V, templateObject_4$H, templateObject_5$t, templateObject_6$o, templateObject_7$h, templateObject_8$
|
|
5207
|
+
var CloseToolTip = newStyled.button(templateObject_8$f || (templateObject_8$f = __makeTemplateObject(["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: 0.3rem;\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"], ["\n position: absolute;\n background: none;\n border: none;\n cursor: pointer;\n right: 0.3rem;\n top: 0.25rem;\n padding: 0px;\n z-index: 2;\n"])));
|
|
5208
|
+
var templateObject_1$1I, templateObject_2$18, templateObject_3$V, templateObject_4$H, templateObject_5$t, templateObject_6$o, templateObject_7$h, templateObject_8$f;
|
|
5207
5209
|
|
|
5208
5210
|
var useOnClickOutside = function (ref, handler) {
|
|
5209
5211
|
useEffect(function () {
|
|
@@ -5734,7 +5736,7 @@ var SubscriptionHeader$1 = newStyled.div(templateObject_5$s || (templateObject_5
|
|
|
5734
5736
|
});
|
|
5735
5737
|
var BenefitsContainer$1 = newStyled.div(templateObject_6$n || (templateObject_6$n = __makeTemplateObject(["\n margin-bottom: 5px;\n"], ["\n margin-bottom: 5px;\n"])));
|
|
5736
5738
|
var Benefit$1 = newStyled.div(templateObject_7$g || (templateObject_7$g = __makeTemplateObject(["\n display: flex;\n padding: 8px 0px;\n svg {\n overflow: visible;\n }\n"], ["\n display: flex;\n padding: 8px 0px;\n svg {\n overflow: visible;\n }\n"])));
|
|
5737
|
-
var BenefitText$1 = newStyled(Text$7)(templateObject_8$
|
|
5739
|
+
var BenefitText$1 = newStyled(Text$7)(templateObject_8$e || (templateObject_8$e = __makeTemplateObject(["\n line-height: 20px;\n margin-left: 9px;\n"], ["\n line-height: 20px;\n margin-left: 9px;\n"])));
|
|
5738
5740
|
var SubscriptionDetails = newStyled(Text$7)(templateObject_9$7 || (templateObject_9$7 = __makeTemplateObject(["\n font-size: 16px;\n margin-right: 7px;\n"], ["\n font-size: 16px;\n margin-right: 7px;\n"])));
|
|
5739
5741
|
var SubscriptionDetailsContainer = newStyled.div(templateObject_10$6 || (templateObject_10$6 = __makeTemplateObject(["\n margin-top: 18px;\n display: flex;\n"], ["\n margin-top: 18px;\n display: flex;\n"])));
|
|
5740
5742
|
var DeliveryFrequencyLabel$1 = newStyled(Text$7)(templateObject_11$4 || (templateObject_11$4 = __makeTemplateObject(["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"], ["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"])));
|
|
@@ -5743,7 +5745,7 @@ var StyledPrice$1 = newStyled(PriceLabelV2)(templateObject_12$3 || (templateObje
|
|
|
5743
5745
|
return selected ? theme.colors.shades[700].color : theme.colors.shades[200].color;
|
|
5744
5746
|
});
|
|
5745
5747
|
var Container$11 = newStyled.div(templateObject_13$2 || (templateObject_13$2 = __makeTemplateObject([""], [""])));
|
|
5746
|
-
var templateObject_1$1C, templateObject_2$13, templateObject_3$S, templateObject_4$G, templateObject_5$s, templateObject_6$n, templateObject_7$g, templateObject_8$
|
|
5748
|
+
var templateObject_1$1C, templateObject_2$13, templateObject_3$S, templateObject_4$G, templateObject_5$s, templateObject_6$n, templateObject_7$g, templateObject_8$e, templateObject_9$7, templateObject_10$6, templateObject_11$4, templateObject_12$3, templateObject_13$2;
|
|
5747
5749
|
|
|
5748
5750
|
var radioIds$1 = {
|
|
5749
5751
|
oneTime: {
|
|
@@ -5827,7 +5829,7 @@ var SubscriptionHeader = newStyled.div(templateObject_6$m || (templateObject_6$m
|
|
|
5827
5829
|
return theme.colors.pallete.primary.color;
|
|
5828
5830
|
});
|
|
5829
5831
|
var BenefitsContainer = newStyled.div(templateObject_7$f || (templateObject_7$f = __makeTemplateObject(["\n margin-bottom: 5px;\n"], ["\n margin-bottom: 5px;\n"])));
|
|
5830
|
-
var Benefit = newStyled.div(templateObject_8$
|
|
5832
|
+
var Benefit = newStyled.div(templateObject_8$d || (templateObject_8$d = __makeTemplateObject(["\n display: flex;\n padding: 8px 0;\n svg {\n overflow: visible;\n }\n"], ["\n display: flex;\n padding: 8px 0;\n svg {\n overflow: visible;\n }\n"])));
|
|
5831
5833
|
var BenefitText = newStyled(Text$7)(templateObject_9$6 || (templateObject_9$6 = __makeTemplateObject(["\n line-height: 20px;\n margin-left: 9px;\n"], ["\n line-height: 20px;\n margin-left: 9px;\n"])));
|
|
5832
5834
|
var DeliveryFrequencyLabel = newStyled(Text$7)(templateObject_10$5 || (templateObject_10$5 = __makeTemplateObject(["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"], ["\n line-height: 35px;\n margin-right: 8px;\n align-self: center;\n"])));
|
|
5833
5835
|
var StyledPrice = newStyled(PriceLabelV2)(templateObject_11$3 || (templateObject_11$3 = __makeTemplateObject(["\n div p {\n color: ", ";\n }\n"], ["\n div p {\n color: ", ";\n }\n"])), function (_a) {
|
|
@@ -5835,7 +5837,7 @@ var StyledPrice = newStyled(PriceLabelV2)(templateObject_11$3 || (templateObject
|
|
|
5835
5837
|
return selected ? theme.colors.shades[700].color : theme.colors.shades[200].color;
|
|
5836
5838
|
});
|
|
5837
5839
|
var Container$10 = newStyled.div(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject(["\n margin-top: 20px;\n"], ["\n margin-top: 20px;\n"])));
|
|
5838
|
-
var templateObject_1$1B, templateObject_2$12, templateObject_3$R, templateObject_4$F, templateObject_5$r, templateObject_6$m, templateObject_7$f, templateObject_8$
|
|
5840
|
+
var templateObject_1$1B, templateObject_2$12, templateObject_3$R, templateObject_4$F, templateObject_5$r, templateObject_6$m, templateObject_7$f, templateObject_8$d, templateObject_9$6, templateObject_10$5, templateObject_11$3, templateObject_12$2;
|
|
5839
5841
|
|
|
5840
5842
|
var radioIds = {
|
|
5841
5843
|
oneTime: {
|
|
@@ -6189,13 +6191,13 @@ var ClubMembersText = newStyled.span(templateObject_4$A || (templateObject_4$A =
|
|
|
6189
6191
|
var MobileDollarPart = newStyled(DollarPart)(templateObject_5$p || (templateObject_5$p = __makeTemplateObject(["\n font-size: 10px;\n"], ["\n font-size: 10px;\n"])));
|
|
6190
6192
|
var MobileClubMembersText = newStyled(ClubMembersText)(templateObject_6$k || (templateObject_6$k = __makeTemplateObject(["\n font-size: 10px;\n"], ["\n font-size: 10px;\n"])));
|
|
6191
6193
|
var DesktopDollarPart = newStyled(DollarPart)(templateObject_7$e || (templateObject_7$e = __makeTemplateObject(["\n font-size: 13px;\n"], ["\n font-size: 13px;\n"])));
|
|
6192
|
-
var DesktopClubMembersText = newStyled(ClubMembersText)(templateObject_8$
|
|
6194
|
+
var DesktopClubMembersText = newStyled(ClubMembersText)(templateObject_8$c || (templateObject_8$c = __makeTemplateObject(["\n font-size: 13px;\n"], ["\n font-size: 13px;\n"])));
|
|
6193
6195
|
var ClubPriceLabel = function (_a) {
|
|
6194
6196
|
var clubPrice = _a.clubPrice;
|
|
6195
6197
|
var isMobile = useWindowDimensions().isMobile;
|
|
6196
6198
|
return (jsx$1(Fragment$2, { children: isMobile ? (jsxs$1(MobileContainer, { children: [jsx$1(MobileDollarPart, { children: clubPrice }, void 0), jsx$1(MobileClubMembersText, { children: "FOR CLUB MEMBERS" }, void 0)] }, void 0)) : (jsxs$1(Container$W, { children: [jsx$1(DesktopDollarPart, { children: clubPrice }, void 0), jsx$1(DesktopClubMembersText, { children: "FOR CLUB MEMBERS" }, void 0)] }, void 0)) }, void 0));
|
|
6197
6199
|
};
|
|
6198
|
-
var templateObject_1$1n, templateObject_2$Y, templateObject_3$L, templateObject_4$A, templateObject_5$p, templateObject_6$k, templateObject_7$e, templateObject_8$
|
|
6200
|
+
var templateObject_1$1n, templateObject_2$Y, templateObject_3$L, templateObject_4$A, templateObject_5$p, templateObject_6$k, templateObject_7$e, templateObject_8$c;
|
|
6199
6201
|
|
|
6200
6202
|
var Spacing = function (_a) {
|
|
6201
6203
|
var size = _a.size, _b = _a.type, type = _b === void 0 ? 'block' : _b, children = _a.children, styleProp = _a.style;
|
|
@@ -6531,13 +6533,14 @@ var TopTagContainer$4 = newStyled.div(templateObject_5$m || (templateObject_5$m
|
|
|
6531
6533
|
var style = _a.style;
|
|
6532
6534
|
return style.width;
|
|
6533
6535
|
});
|
|
6534
|
-
var
|
|
6536
|
+
var TopRightTagContainer = newStyled.div(templateObject_6$i || (templateObject_6$i = __makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n"], ["\n position: absolute;\n right: 0;\n top: 0;\n z-index: 1;\n"])));
|
|
6537
|
+
var BottomTagContainer$4 = newStyled.div(templateObject_7$c || (templateObject_7$c = __makeTemplateObject(["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ", ";\n z-index: 1;\n"], ["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ", ";\n z-index: 1;\n"])), function (_a) {
|
|
6535
6538
|
var style = _a.style;
|
|
6536
6539
|
return style.width;
|
|
6537
6540
|
});
|
|
6538
|
-
var MarginTopContainer = newStyled.div(
|
|
6541
|
+
var MarginTopContainer = newStyled.div(templateObject_8$b || (templateObject_8$b = __makeTemplateObject(["\n margin-top: 8px;\n"], ["\n margin-top: 8px;\n"])));
|
|
6539
6542
|
var ProductItemTK = function (_a) {
|
|
6540
|
-
var title = _a.title, titleStyle = _a.titleStyle, _b = _a.hasSpacing, hasSpacing = _b === void 0 ? true : _b, textContainerGap = _a.textContainerGap, customSizeRating = _a.customSizeRating, image = _a.image, ImageBorderRadius = _a.ImageBorderRadius, imageHover = _a.imageHover, price = _a.price, rating = _a.rating, size = _a.size, _c = _a.alignName, alignName = _c === void 0 ? 'center' : _c, url = _a.url, className = _a.className, topTag = _a.topTag, bottomTag = _a.bottomTag, onClick = _a.onClick, _d = _a.priceDisplayType, priceDisplayType = _d === void 0 ? 'default' : _d, originalPriceStyled = _a.originalPriceStyled, priceAtBottom = _a.priceAtBottom, priceLoading = _a.priceLoading, _e = _a.noFollow, noFollow = _e === void 0 ? false : _e, _f = _a.colorPicker, colorPicker = _f === void 0 ? {
|
|
6543
|
+
var title = _a.title, titleStyle = _a.titleStyle, _b = _a.hasSpacing, hasSpacing = _b === void 0 ? true : _b, textContainerGap = _a.textContainerGap, customSizeRating = _a.customSizeRating, image = _a.image, ImageBorderRadius = _a.ImageBorderRadius, imageHover = _a.imageHover, price = _a.price, rating = _a.rating, size = _a.size, _c = _a.alignName, alignName = _c === void 0 ? 'center' : _c, url = _a.url, className = _a.className, topTag = _a.topTag, topRightTag = _a.topRightTag, bottomTag = _a.bottomTag, onClick = _a.onClick, _d = _a.priceDisplayType, priceDisplayType = _d === void 0 ? 'default' : _d, originalPriceStyled = _a.originalPriceStyled, priceAtBottom = _a.priceAtBottom, priceLoading = _a.priceLoading, _e = _a.noFollow, noFollow = _e === void 0 ? false : _e, _f = _a.colorPicker, colorPicker = _f === void 0 ? {
|
|
6541
6544
|
display: false,
|
|
6542
6545
|
position: 'top',
|
|
6543
6546
|
component: undefined,
|
|
@@ -6579,14 +6582,14 @@ var ProductItemTK = function (_a) {
|
|
|
6579
6582
|
: undefined }, void 0));
|
|
6580
6583
|
};
|
|
6581
6584
|
var RatingDisplay = function () { return (jsx(Rating, { size: size === ComponentSize.Large ? ComponentSize.Small : ComponentSize.XSmall, rating: rating.rating, reviews: rating.reviews, reviewsText: "", wrapWithParenthesis: true }, void 0)); };
|
|
6582
|
-
return (jsxs(ProdCardContainer, __assign$1({ className: className, "data-testid": "product-card-container-div" }, { children: [jsxs(Container$R, __assign$1({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', className: "picContainer", onClick: onClick }, { children: [!!topTag || !!bottomTag ? (jsxs(ImageContainer$3, __assign$1({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [jsx(Image$3, { src: image.src, srcSet: getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, borderRadius: ImageBorderRadius, width: "100%", height: "100%" }, void 0), jsx(TopTagContainer$4, __assign$1({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: topTag }), void 0), jsx(BottomTagContainer$4, __assign$1({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: bottomTag }), void 0)] }), void 0)) : (jsx(Image$3, { src: image.src, srcSet: getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, borderRadius: ImageBorderRadius, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), imageHover ? (jsx(ImageHoverContainer, { className: "hover__image", src: imageHover.src, srcSet: getSrcSet(imageHover.src, 180, 360, 720, 960), loading: "lazy", alt: imageHover.alt, borderRadius: ImageBorderRadius, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)) : null] }), void 0), colorPicker.display && colorPicker.position === 'top' && (jsxs(Fragment, { children: [hasSpacing && jsx(Spacing, { size: space }, void 0), colorPicker.component] }, void 0)), jsxs(Container$R, __assign$1({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', onClick: onClick, className: "textContainer", style: { alignItems: showClubPriceLabel ? 'flex-start' : 'center', gap: textContainerGap } }, { children: [hasSpacing && jsx(Spacing, { size: space }, void 0), titleStyle ? (
|
|
6585
|
+
return (jsxs(ProdCardContainer, __assign$1({ className: className, "data-testid": "product-card-container-div" }, { children: [jsxs(Container$R, __assign$1({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', className: "picContainer", onClick: onClick }, { children: [!!topTag || !!bottomTag || !!topRightTag ? (jsxs(ImageContainer$3, __assign$1({ width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height, "data-testid": "tags-image-container" }, { children: [jsx(Image$3, { src: image.src, srcSet: getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, borderRadius: ImageBorderRadius, width: "100%", height: "100%" }, void 0), jsx(TopTagContainer$4, __assign$1({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: topTag }), void 0), jsx(BottomTagContainer$4, __assign$1({ style: { width: colorPicker.display ? '100%' : 'inherit' } }, { children: bottomTag }), void 0), !!topRightTag && jsx(TopRightTagContainer, { children: topRightTag }, void 0)] }), void 0)) : (jsx(Image$3, { src: image.src, srcSet: getSrcSet(image.src, 180, 360, 720, 960), alt: image.alt, borderRadius: ImageBorderRadius, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)), imageHover ? (jsx(ImageHoverContainer, { className: "hover__image", src: imageHover.src, srcSet: getSrcSet(imageHover.src, 180, 360, 720, 960), loading: "lazy", alt: imageHover.alt, borderRadius: ImageBorderRadius, width: styles === null || styles === void 0 ? void 0 : styles.width, height: styles === null || styles === void 0 ? void 0 : styles.height }, void 0)) : null] }), void 0), colorPicker.display && colorPicker.position === 'top' && (jsxs(Fragment, { children: [hasSpacing && jsx(Spacing, { size: space }, void 0), colorPicker.component] }, void 0)), jsxs(Container$R, __assign$1({ as: url ? 'a' : 'div', href: url, rel: noFollow ? 'nofollow' : '', onClick: onClick, className: "textContainer", style: { alignItems: showClubPriceLabel ? 'flex-start' : 'center', gap: textContainerGap } }, { children: [hasSpacing && jsx(Spacing, { size: space }, void 0), titleStyle ? (
|
|
6583
6586
|
// @ts-ignore
|
|
6584
6587
|
jsx(Text$7, __assign$1({ variant: titleStyle.variant, weight: titleStyle.weight, size: titleStyle.size, style: {
|
|
6585
6588
|
textAlign: showClubPriceLabel ? 'left' : alignName,
|
|
6586
6589
|
marginTop: hasSpacing ? undefined : textContainerGap,
|
|
6587
6590
|
} }, { children: title }), void 0)) : (jsx(Title$3, __assign$1({ theme: theme, align: showClubPriceLabel ? 'left' : alignName }, { children: title }), void 0)), hasSpacing && jsx(Spacing, { size: space }, void 0), colorPicker.display && colorPicker.position === 'middle' && jsx(Fragment, { children: colorPicker.component }, void 0), (hasStrength === null || hasStrength === void 0 ? void 0 : hasStrength.strength) !== -1 && (jsxs(Fragment, { children: [jsx(StrengthBars, { barsFilled: hasStrength.strength, supportText: hasStrength.description }, void 0), jsx(Spacing, { size: 10 }, void 0)] }, void 0)), priceAtBottom ? (jsxs(Fragment, { children: [customSizeRating ? (jsx(Rating, { size: customSizeRating, rating: rating.rating, reviews: rating.reviews, reviewsText: "", wrapWithParenthesis: true }, void 0)) : (jsx(RatingDisplay, {}, void 0)), hasSpacing && jsx(Spacing, { size: space }, void 0), jsx(MarginTopContainer, { children: priceLoading ? jsx(SkeletonBox, { height: "20px", width: "140px" }, void 0) : jsx(PriceLabelDisplay, {}, void 0) }, void 0)] }, void 0)) : (jsxs(Fragment, { children: [priceLoading ? (jsx(SkeletonBox, { height: "20px", width: "140px" }, void 0)) : (jsxs(Fragment, { children: [jsx(PriceLabelDisplay, {}, void 0), jsx(BuyNowPayLater, { displayBNPL: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.displayBNPL, installments: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.installments) || 0, installmentPrice: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.installmentPrice) || '', iconFolder: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconFolder, iconName: (isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconName) || '', showLogo: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.showLogo, iconColor: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.iconColor, fontSize: isBNPL === null || isBNPL === void 0 ? void 0 : isBNPL.fontSize }, void 0)] }, void 0)), showClubPriceLabel && jsx(ClubPriceLabel, { clubPrice: clubPrice }, void 0), hasSpacing && jsx(Spacing, { size: space }, void 0), jsx(RatingDisplay, {}, void 0)] }, void 0))] }), void 0), colorPicker.display && colorPicker.position === 'bottom' && (jsxs(Fragment, { children: [hasSpacing && jsx(Spacing, { size: space }, void 0), colorPicker.component] }, void 0))] }), void 0));
|
|
6588
6591
|
};
|
|
6589
|
-
var templateObject_1$1f, templateObject_2$U, templateObject_3$H, templateObject_4$w, templateObject_5$m, templateObject_6$i, templateObject_7$c;
|
|
6592
|
+
var templateObject_1$1f, templateObject_2$U, templateObject_3$H, templateObject_4$w, templateObject_5$m, templateObject_6$i, templateObject_7$c, templateObject_8$b;
|
|
6590
6593
|
|
|
6591
6594
|
var Container$Q = newStyled.div(templateObject_1$1e || (templateObject_1$1e = __makeTemplateObject(["\n display: flex;\n row-gap: 1.875rem;\n column-gap: 1.875rem;\n flex-wrap: wrap;\n"], ["\n display: flex;\n row-gap: 1.875rem;\n column-gap: 1.875rem;\n flex-wrap: wrap;\n"])));
|
|
6592
6595
|
function withProductGrid(ProductItemComponent, data) {
|
|
@@ -19430,9 +19433,9 @@ var CategoryTag = function (_a) {
|
|
|
19430
19433
|
var getStylesBySize$2 = function (size) {
|
|
19431
19434
|
switch (size) {
|
|
19432
19435
|
case ComponentSize.XSmall:
|
|
19433
|
-
return { width: '
|
|
19436
|
+
return { width: '55px', height: '40px', fontSize: '14px', lineHeight: '14.68px' };
|
|
19434
19437
|
case ComponentSize.Small:
|
|
19435
|
-
return { width: '54px', height: '50px', fontSize: '
|
|
19438
|
+
return { width: '54px', height: '50px', fontSize: '14px', lineHeight: '15.16px' };
|
|
19436
19439
|
case ComponentSize.Medium:
|
|
19437
19440
|
return { width: '60px', height: '56px', fontSize: '14px', lineHeight: '17.68px' };
|
|
19438
19441
|
default:
|
|
@@ -19444,7 +19447,7 @@ var CategorySquareTag = function (_a) {
|
|
|
19444
19447
|
var text = _a.text, size = _a.size, className = _a.className, _b = _a.styledBorder, styledBorder = _b === void 0 ? true : _b;
|
|
19445
19448
|
var theme = useTheme();
|
|
19446
19449
|
var stylesBySize = getStylesBySize$2(size);
|
|
19447
|
-
return (jsx(Tag, { css: __assign$1({ backgroundColor: theme.colors.shades.white.color, color: theme.colors.shades['700'].color, borderRadius: styledBorder ? '0 0 0
|
|
19450
|
+
return (jsx(Tag, { css: __assign$1({ backgroundColor: theme.colors.shades.white.color, color: theme.colors.shades['700'].color, borderRadius: styledBorder ? '0 0 0 10px' : 'unset', fontFamily: theme.fonts.config[3].family, fontStyle: theme.fonts.config[3].style, fontWeight: 500, textAlign: 'center' }, stylesBySize), text: text, className: className }, void 0));
|
|
19448
19451
|
};
|
|
19449
19452
|
|
|
19450
19453
|
var getStylesBySize$1 = function (size, styledBorder, bottomRightBorderRounded, allBordersRounded) {
|
|
@@ -19824,5 +19827,5 @@ var Spinner = function (_a) {
|
|
|
19824
19827
|
return (jsx$1(Container, __assign$1({ size: size, "data-testid": "Container" }, { children: complete ? (jsx$1(Icon.Actions.LightCheck, { fill: fill, svgProps: { strokeWidth: completeIconStroke } }, void 0)) : (jsx$1(StyledSpinner, { duration: animationDuration, "data-testid": "Loading", color: fill, background: background, size: borderSize !== null && borderSize !== void 0 ? borderSize : ComponentSize.Small }, void 0)) }), void 0));
|
|
19825
19828
|
};
|
|
19826
19829
|
|
|
19827
|
-
export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, Card$2 as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ComponentPosition, ComponentSize, index$1 as CrossSell, DeliveryDetails, DiscountTag$1 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, componentSizeMapper, css, decimalFormat, formatPrice, getSrcSet, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, newStyled as styled, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
19830
|
+
export { AbsorbencyLevel, Accordion$1 as Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipV2, BeforeAfterCard, BeforeAfterVariant, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, BuyNowPayLater, Card$2 as Card, CardSectionType, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferTag, ClubRadioGroupInput, Collection, ComponentPosition, ComponentSize, index$1 as CrossSell, DeliveryDetails, DiscountTag$1 as DiscountTag, Drawer, DropdownDialog, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitGuarantee, FitPredictor, Global, HurryUp, Icon, IconButton, IconsWithTitle, Image$3 as Image, ImageCardWithDescription, Input$3 as Input, InputValidationType, Icon$1 as LibIcon, Modal, MotivatorProgressBar, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, PackSelectorV2, Pagination, PaginatorBlog, PaymentMethod, PaypalButton, Portal, PriceLabel, PriceLabelV2, PriceLabelV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, RadioPrimary, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeDropdown, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, StrengthBars, Tab, Tabs, Text$7 as Text, TextButton, TextWithImage, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, TrackingProgress, TrackingProgressV2, Video$1 as Video, buildImageUrl, componentSizeMapper, css, decimalFormat, formatPrice, getSrcSet, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, mediaQueries, modalEvent, SeasonOfferRoundedTag as seasonOfferRoundedTag, simulateMouseClick, sliceString, newStyled as styled, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
19828
19831
|
//# sourceMappingURL=index.esm.js.map
|