@trafilea/afrodita-components 6.35.2 → 6.36.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.css +2 -2
- package/build/index.d.ts +198 -161
- package/build/index.esm.css +2 -2
- package/build/index.esm.js +3639 -3566
- package/build/index.esm.js.map +1 -1
- package/build/index.js +3639 -3565
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.css
CHANGED
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list > .slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz > div{height:auto;}}
|
|
5
5
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:510px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:95px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}
|
|
6
6
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v3'] .slick-list > .slick-track{height:396px;}div[data-testid='product-gallery-mobile-v3'] .zoomWrapper.iiz > div{height:396px;width:100%;display:flex;flex-direction:column;justify-content:center;}}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
7
|
+
.slick-slider{height:100%;min-height:calc(414px + 50px);}.slick-active > div{position:absolute;}.slick-slide:nth-last-of-type(2):not(:last-of-type) > div{position:absolute;}.slider-mobile-gallery{zoom:0.8;border-radius:8px;overflow:hidden;}.slick-slide:not(.slick-current) .banner-concealable{display:none;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li:before{background-color:var(--truekind-default-secondary);}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background-color:var(--truekind-default-secondary,#292929);border-radius:20px;content:' ';display:block;height:12px;left:0;margin:5px;position:absolute;top:0;width:12px;opacity:1;}.slick-dots li.slick-active button:before{background-color:var(--colors-pallete-primary-color,#cc4125)!important;opacity:1;width:12px;height:12px;top:0;}.slick-dots li:not(.slick-active) button:before{border:none;}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list > .slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz > div{height:auto;}}
|
|
8
|
+
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}
|
package/build/index.d.ts
CHANGED
|
@@ -5,15 +5,16 @@ 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';
|
|
7
7
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
8
|
-
import { ContentType as ContentType$1, RadioGroupOption as RadioGroupOption$1, IconProps as IconProps$2 } from 'src/types/types';
|
|
9
8
|
import * as _emotion_styled from '@emotion/styled';
|
|
10
9
|
import { StyledComponent } from '@emotion/styled';
|
|
11
10
|
export { default as styled } from '@emotion/styled';
|
|
12
11
|
import * as _emotion_react from '@emotion/react';
|
|
13
12
|
import { Theme as Theme$1 } from '@emotion/react';
|
|
14
13
|
export { CacheProvider, Global, css } from '@emotion/react';
|
|
14
|
+
import { RadioGroupOption as RadioGroupOption$1, IconProps as IconProps$2, ContentType as ContentType$1 } from 'src/types/types';
|
|
15
15
|
import { IconName as IconName$1 } from 'src/components/atoms/Icon/types';
|
|
16
16
|
import { ImageProps as ImageProps$1 } from 'src/components/atoms';
|
|
17
|
+
import { ProductItemProps as ProductItemProps$1 } from 'src/components/collection/product/types';
|
|
17
18
|
import facepaint from 'facepaint';
|
|
18
19
|
export { default as createCache } from '@emotion/cache';
|
|
19
20
|
|
|
@@ -140,7 +141,7 @@ declare type ClubPriceLabelProps = PriceLabelPropsV1 & {
|
|
|
140
141
|
style?: React.CSSProperties;
|
|
141
142
|
};
|
|
142
143
|
|
|
143
|
-
declare
|
|
144
|
+
declare const ClubPriceMemberLabel: React.FC<ClubPriceLabelProps>;
|
|
144
145
|
|
|
145
146
|
declare type StyledIconProps = {
|
|
146
147
|
backgroundColor?: string;
|
|
@@ -200,7 +201,7 @@ declare type ToggleProps = {
|
|
|
200
201
|
color?: string;
|
|
201
202
|
};
|
|
202
203
|
|
|
203
|
-
declare const ToggleComponent:
|
|
204
|
+
declare const ToggleComponent: React.FC<ToggleProps>;
|
|
204
205
|
|
|
205
206
|
declare type Props = Omit<IconProps$1, 'name'>;
|
|
206
207
|
declare type IconComponent = react__default.FC<Props>;
|
|
@@ -2929,60 +2930,6 @@ declare const Input: {
|
|
|
2929
2930
|
SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
|
|
2930
2931
|
};
|
|
2931
2932
|
|
|
2932
|
-
interface ProductGalleryMobileProps$2 {
|
|
2933
|
-
images: ContentType[];
|
|
2934
|
-
customClick?: boolean;
|
|
2935
|
-
topTag?: JSX.Element;
|
|
2936
|
-
topRightTag?: JSX.Element;
|
|
2937
|
-
bottomTag?: JSX.Element;
|
|
2938
|
-
productImageDataTestId?: string;
|
|
2939
|
-
borderRadiusVariant?: boolean;
|
|
2940
|
-
selectedValue?: ContentType;
|
|
2941
|
-
hasToPreserveOrder?: boolean;
|
|
2942
|
-
itemsOnViewport?: number;
|
|
2943
|
-
}
|
|
2944
|
-
declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$2>;
|
|
2945
|
-
|
|
2946
|
-
interface ProductGalleryMobileProps$1 {
|
|
2947
|
-
images: ContentType[];
|
|
2948
|
-
selectedValue?: ContentType;
|
|
2949
|
-
topTag?: JSX.Element;
|
|
2950
|
-
bottomTag?: JSX.Element;
|
|
2951
|
-
productImageDataTestId?: string;
|
|
2952
|
-
slideDotsDataTestId?: string;
|
|
2953
|
-
borderRadiusVariant?: boolean;
|
|
2954
|
-
}
|
|
2955
|
-
declare const ProductGalleryMobileV2: React.FC<ProductGalleryMobileProps$1>;
|
|
2956
|
-
|
|
2957
|
-
interface ProductGalleryMobileProps {
|
|
2958
|
-
images: ContentType$1[];
|
|
2959
|
-
customClick?: boolean;
|
|
2960
|
-
topTag?: JSX.Element;
|
|
2961
|
-
bottomTag?: JSX.Element;
|
|
2962
|
-
productImageDataTestId?: string;
|
|
2963
|
-
borderRadiusVariant?: boolean;
|
|
2964
|
-
selectedValue?: ContentType$1;
|
|
2965
|
-
}
|
|
2966
|
-
declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps>;
|
|
2967
|
-
|
|
2968
|
-
declare type IImage = {
|
|
2969
|
-
key: string;
|
|
2970
|
-
alt: string;
|
|
2971
|
-
url: string;
|
|
2972
|
-
};
|
|
2973
|
-
declare type IMobileGalleryProps = {
|
|
2974
|
-
images: IImage[];
|
|
2975
|
-
customClick?: boolean;
|
|
2976
|
-
topTag?: JSX.Element;
|
|
2977
|
-
topRightTag?: JSX.Element;
|
|
2978
|
-
bottomTag?: JSX.Element;
|
|
2979
|
-
productImageDataTestId?: string;
|
|
2980
|
-
borderRadiusVariant?: boolean;
|
|
2981
|
-
selectedValue?: number;
|
|
2982
|
-
itemsOnViewport?: number;
|
|
2983
|
-
};
|
|
2984
|
-
declare const MobileGallery: ({ images, customClick, topTag, topRightTag, bottomTag, productImageDataTestId, borderRadiusVariant, selectedValue, itemsOnViewport, }: IMobileGalleryProps) => JSX.Element;
|
|
2985
|
-
|
|
2986
2933
|
declare type ModalProps = {
|
|
2987
2934
|
id: string;
|
|
2988
2935
|
dismissable?: boolean;
|
|
@@ -3013,23 +2960,6 @@ declare const useModal: (id: string) => {
|
|
|
3013
2960
|
close: () => void;
|
|
3014
2961
|
};
|
|
3015
2962
|
|
|
3016
|
-
interface CouponProps {
|
|
3017
|
-
image: {
|
|
3018
|
-
src: string;
|
|
3019
|
-
alt: string;
|
|
3020
|
-
};
|
|
3021
|
-
title: string;
|
|
3022
|
-
content: ReactNode;
|
|
3023
|
-
width?: string;
|
|
3024
|
-
height?: string;
|
|
3025
|
-
btnText?: string;
|
|
3026
|
-
couponCode?: string;
|
|
3027
|
-
offerLink?: string;
|
|
3028
|
-
onClickRedeemOfferHandler?: () => void;
|
|
3029
|
-
onClickHandler?: () => void;
|
|
3030
|
-
}
|
|
3031
|
-
declare const CouponCard: FC<CouponProps>;
|
|
3032
|
-
|
|
3033
2963
|
interface MotivatorProgressBarProps {
|
|
3034
2964
|
fillColor?: string;
|
|
3035
2965
|
currentAmount?: number;
|
|
@@ -3050,30 +2980,6 @@ interface OrderBarProps {
|
|
|
3050
2980
|
}
|
|
3051
2981
|
declare const OrderBar: ({ message, color }: OrderBarProps) => JSX.Element;
|
|
3052
2982
|
|
|
3053
|
-
declare type BasicAccordionProps = {
|
|
3054
|
-
children?: ReactNode;
|
|
3055
|
-
defaultOpen?: boolean;
|
|
3056
|
-
titleColor?: string;
|
|
3057
|
-
bgColor: string;
|
|
3058
|
-
header: ReactNode;
|
|
3059
|
-
headerOnOpen?: ReactNode;
|
|
3060
|
-
disabled?: boolean;
|
|
3061
|
-
openIcon: IconType;
|
|
3062
|
-
closeIcon: IconType;
|
|
3063
|
-
fillControlsCollor: string;
|
|
3064
|
-
width?: string;
|
|
3065
|
-
onClick?: (index: number) => void;
|
|
3066
|
-
};
|
|
3067
|
-
declare const BasicAccordion: FC<BasicAccordionProps>;
|
|
3068
|
-
|
|
3069
|
-
interface TableProps$3 {
|
|
3070
|
-
headers: string[];
|
|
3071
|
-
data: string[][];
|
|
3072
|
-
newSizeTableCss?: boolean;
|
|
3073
|
-
}
|
|
3074
|
-
|
|
3075
|
-
declare const SizeChartTableV3: React.FC<TableProps$3>;
|
|
3076
|
-
|
|
3077
2983
|
interface PackOption {
|
|
3078
2984
|
label: string;
|
|
3079
2985
|
description: string;
|
|
@@ -3371,20 +3277,20 @@ interface ShortBannerProps {
|
|
|
3371
3277
|
}
|
|
3372
3278
|
declare const ShortBanner: ({ textColor, title, bannerText, backgroundColor, alignCenter, widthAuto, }: ShortBannerProps) => JSX.Element;
|
|
3373
3279
|
|
|
3374
|
-
interface TableProps$
|
|
3280
|
+
interface TableProps$3 {
|
|
3375
3281
|
headers: string[];
|
|
3376
3282
|
data: string[][];
|
|
3377
3283
|
newSizeTableCss?: boolean;
|
|
3378
3284
|
}
|
|
3379
3285
|
|
|
3380
|
-
declare const SizeChartTable: ({ headers, data: tableContent, newSizeTableCss }: TableProps$
|
|
3286
|
+
declare const SizeChartTable: ({ headers, data: tableContent, newSizeTableCss }: TableProps$3) => JSX.Element;
|
|
3381
3287
|
|
|
3382
|
-
interface TableProps$
|
|
3288
|
+
interface TableProps$2 {
|
|
3383
3289
|
headers: string[];
|
|
3384
3290
|
data: string[][];
|
|
3385
3291
|
className?: string;
|
|
3386
3292
|
}
|
|
3387
|
-
declare const SizeTable: ({ headers, data, className }: TableProps$
|
|
3293
|
+
declare const SizeTable: ({ headers, data, className }: TableProps$2) => JSX.Element;
|
|
3388
3294
|
|
|
3389
3295
|
interface SizeFitGuideProps {
|
|
3390
3296
|
title: string;
|
|
@@ -3774,59 +3680,6 @@ interface TrackingProgressProps {
|
|
|
3774
3680
|
}
|
|
3775
3681
|
declare const TrackingProgress: ({ checkPoints, amountOfCheckPoints }: TrackingProgressProps) => JSX.Element;
|
|
3776
3682
|
|
|
3777
|
-
declare type HurryUpProps = {
|
|
3778
|
-
hurryUpText: string;
|
|
3779
|
-
backgroundColor?: string;
|
|
3780
|
-
showTimer?: boolean;
|
|
3781
|
-
iconSize?: number;
|
|
3782
|
-
textPosition?: 'left' | 'right' | 'center';
|
|
3783
|
-
clockPosition?: 'left' | 'right' | 'none';
|
|
3784
|
-
countdown?: number;
|
|
3785
|
-
isFullVersion?: boolean;
|
|
3786
|
-
hurryUpTextColor?: string;
|
|
3787
|
-
} & Partial<TimerProps>;
|
|
3788
|
-
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
3789
|
-
|
|
3790
|
-
declare type SpinnerProps = {
|
|
3791
|
-
fill: string;
|
|
3792
|
-
background: string;
|
|
3793
|
-
animationDuration?: number;
|
|
3794
|
-
complete?: boolean;
|
|
3795
|
-
completeIconStroke?: number;
|
|
3796
|
-
size?: string;
|
|
3797
|
-
borderSize?: ComponentSize;
|
|
3798
|
-
};
|
|
3799
|
-
declare const Spinner: React.FC<SpinnerProps>;
|
|
3800
|
-
|
|
3801
|
-
declare type VideoProps = {
|
|
3802
|
-
thumbnail: string;
|
|
3803
|
-
source: string;
|
|
3804
|
-
height?: string;
|
|
3805
|
-
hasAudioControl?: boolean;
|
|
3806
|
-
withProgressBar?: boolean;
|
|
3807
|
-
isSlideActive?: boolean;
|
|
3808
|
-
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
3809
|
-
declare const Video: React.FC<VideoProps>;
|
|
3810
|
-
|
|
3811
|
-
declare type AutoshipFrequency = {
|
|
3812
|
-
values: number[];
|
|
3813
|
-
unit: string;
|
|
3814
|
-
labels?: string[];
|
|
3815
|
-
};
|
|
3816
|
-
interface ISubscriptionFrequencyDropdown {
|
|
3817
|
-
frequency: AutoshipFrequency;
|
|
3818
|
-
onChange?: (value: DropdownOption<number>) => void;
|
|
3819
|
-
}
|
|
3820
|
-
declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
|
|
3821
|
-
|
|
3822
|
-
declare type BenefitsListProps = {
|
|
3823
|
-
benefits: string[];
|
|
3824
|
-
isSelected: boolean;
|
|
3825
|
-
selectedColor: string;
|
|
3826
|
-
baseColor: string;
|
|
3827
|
-
};
|
|
3828
|
-
declare const BenefitsList: FC<BenefitsListProps>;
|
|
3829
|
-
|
|
3830
3683
|
declare type AutoshipOfferCardProps = {
|
|
3831
3684
|
showMore: {
|
|
3832
3685
|
openedCopy: string;
|
|
@@ -3842,6 +3695,22 @@ declare type AutoshipOfferCardProps = {
|
|
|
3842
3695
|
};
|
|
3843
3696
|
declare function AutoshipOfferCard({ showMore, copyList, copy, handleCheckBoxChange, isChecked, }: Readonly<AutoshipOfferCardProps>): JSX.Element;
|
|
3844
3697
|
|
|
3698
|
+
declare type BasicAccordionProps = {
|
|
3699
|
+
children?: ReactNode;
|
|
3700
|
+
defaultOpen?: boolean;
|
|
3701
|
+
titleColor?: string;
|
|
3702
|
+
bgColor: string;
|
|
3703
|
+
header: ReactNode;
|
|
3704
|
+
headerOnOpen?: ReactNode;
|
|
3705
|
+
disabled?: boolean;
|
|
3706
|
+
openIcon: IconType;
|
|
3707
|
+
closeIcon: IconType;
|
|
3708
|
+
fillControlsCollor: string;
|
|
3709
|
+
width?: string;
|
|
3710
|
+
onClick?: (index: number) => void;
|
|
3711
|
+
};
|
|
3712
|
+
declare const BasicAccordion: FC<BasicAccordionProps>;
|
|
3713
|
+
|
|
3845
3714
|
interface CartItemCardProps {
|
|
3846
3715
|
style?: React.CSSProperties;
|
|
3847
3716
|
className?: string;
|
|
@@ -3893,16 +3762,16 @@ declare type JoinClubProps = {
|
|
|
3893
3762
|
style?: React.CSSProperties;
|
|
3894
3763
|
};
|
|
3895
3764
|
|
|
3896
|
-
declare
|
|
3765
|
+
declare const JoinClubCard: React.FC<JoinClubProps>;
|
|
3897
3766
|
|
|
3898
3767
|
interface DiscountTagProps {
|
|
3899
3768
|
value: string;
|
|
3900
3769
|
pos: 'next to price' | 'below price';
|
|
3901
3770
|
}
|
|
3902
|
-
interface ProductCardProps extends ProductItemProps {
|
|
3903
|
-
size: ComponentSize.Medium | ComponentSize.Small | ComponentSize.Large;
|
|
3771
|
+
interface ProductCardProps extends ProductItemProps$1 {
|
|
3772
|
+
size: ComponentSize$1.Medium | ComponentSize$1.Small | ComponentSize$1.Large;
|
|
3904
3773
|
ratingPos?: 'top' | 'bottom';
|
|
3905
|
-
imageHover?: ImageProps;
|
|
3774
|
+
imageHover?: ImageProps$1;
|
|
3906
3775
|
topTag?: JSX.Element;
|
|
3907
3776
|
bottomTag?: JSX.Element;
|
|
3908
3777
|
onClick?: () => void;
|
|
@@ -3950,13 +3819,181 @@ interface ProductCardV3Props extends ProductItemProps {
|
|
|
3950
3819
|
}
|
|
3951
3820
|
declare const ProductCardV3: FC<ProductCardV3Props>;
|
|
3952
3821
|
|
|
3822
|
+
interface ProductGalleryMobileProps$3 {
|
|
3823
|
+
images: ContentType[];
|
|
3824
|
+
customClick?: boolean;
|
|
3825
|
+
topTag?: JSX.Element;
|
|
3826
|
+
topRightTag?: JSX.Element;
|
|
3827
|
+
bottomTag?: JSX.Element;
|
|
3828
|
+
productImageDataTestId?: string;
|
|
3829
|
+
borderRadiusVariant?: boolean;
|
|
3830
|
+
selectedValue?: ContentType;
|
|
3831
|
+
hasToPreserveOrder?: boolean;
|
|
3832
|
+
itemsOnViewport?: number;
|
|
3833
|
+
}
|
|
3834
|
+
declare const ProductGalleryMobile: react__default.FC<ProductGalleryMobileProps$3>;
|
|
3835
|
+
|
|
3836
|
+
interface ProductGalleryMobileProps$2 {
|
|
3837
|
+
images: ContentType[];
|
|
3838
|
+
selectedValue?: ContentType;
|
|
3839
|
+
topTag?: JSX.Element;
|
|
3840
|
+
bottomTag?: JSX.Element;
|
|
3841
|
+
productImageDataTestId?: string;
|
|
3842
|
+
slideDotsDataTestId?: string;
|
|
3843
|
+
borderRadiusVariant?: boolean;
|
|
3844
|
+
}
|
|
3845
|
+
declare const ProductGalleryMobileV2: React.FC<ProductGalleryMobileProps$2>;
|
|
3846
|
+
|
|
3847
|
+
interface ProductGalleryMobileProps$1 {
|
|
3848
|
+
images: ContentType$1[];
|
|
3849
|
+
customClick?: boolean;
|
|
3850
|
+
topTag?: JSX.Element;
|
|
3851
|
+
bottomTag?: JSX.Element;
|
|
3852
|
+
productImageDataTestId?: string;
|
|
3853
|
+
borderRadiusVariant?: boolean;
|
|
3854
|
+
selectedValue?: ContentType$1;
|
|
3855
|
+
}
|
|
3856
|
+
declare const ProductGalleryMobileV3: react__default.FC<ProductGalleryMobileProps$1>;
|
|
3857
|
+
|
|
3858
|
+
declare type IImage = {
|
|
3859
|
+
key: string;
|
|
3860
|
+
alt: string;
|
|
3861
|
+
url: string;
|
|
3862
|
+
};
|
|
3863
|
+
declare type IMobileGalleryProps = {
|
|
3864
|
+
images: IImage[];
|
|
3865
|
+
customClick?: boolean;
|
|
3866
|
+
topTag?: JSX.Element;
|
|
3867
|
+
topRightTag?: JSX.Element;
|
|
3868
|
+
bottomTag?: JSX.Element;
|
|
3869
|
+
productImageDataTestId?: string;
|
|
3870
|
+
borderRadiusVariant?: boolean;
|
|
3871
|
+
selectedValue?: number;
|
|
3872
|
+
itemsOnViewport?: number;
|
|
3873
|
+
};
|
|
3874
|
+
declare const ProductGalleryMobileV4: React.FC<IMobileGalleryProps>;
|
|
3875
|
+
|
|
3876
|
+
declare type ImagesSliderConfig = {
|
|
3877
|
+
width: string;
|
|
3878
|
+
height?: string;
|
|
3879
|
+
borderRadius: string;
|
|
3880
|
+
spacesBetweenImages: string;
|
|
3881
|
+
};
|
|
3882
|
+
declare type ThumbnailSettings = {
|
|
3883
|
+
swipeToSlide: boolean;
|
|
3884
|
+
focusOnSelect: boolean;
|
|
3885
|
+
infinite: boolean;
|
|
3886
|
+
centerPadding: string;
|
|
3887
|
+
slidesToShow: number;
|
|
3888
|
+
speed: number;
|
|
3889
|
+
arrows: boolean;
|
|
3890
|
+
responsive: Responsive[];
|
|
3891
|
+
};
|
|
3892
|
+
declare type Responsive = {
|
|
3893
|
+
breakpoint: number;
|
|
3894
|
+
settings: {
|
|
3895
|
+
slidesToShow: number;
|
|
3896
|
+
slidesToScroll?: number;
|
|
3897
|
+
centerMode?: boolean;
|
|
3898
|
+
};
|
|
3899
|
+
};
|
|
3900
|
+
|
|
3901
|
+
declare type ProductGalleryMobileProps = {
|
|
3902
|
+
images: ContentType[];
|
|
3903
|
+
topTag?: JSX.Element;
|
|
3904
|
+
bottomTag?: JSX.Element;
|
|
3905
|
+
productImageDataTestId?: string;
|
|
3906
|
+
imagesSliderConfig?: ImagesSliderConfig;
|
|
3907
|
+
thumbnailSettings?: ThumbnailSettings;
|
|
3908
|
+
isRatioSquare?: boolean;
|
|
3909
|
+
};
|
|
3910
|
+
declare const ProductGalleryMobileV5: react__default.FC<ProductGalleryMobileProps>;
|
|
3911
|
+
|
|
3912
|
+
interface TableProps$1 {
|
|
3913
|
+
headers: string[];
|
|
3914
|
+
data: string[][];
|
|
3915
|
+
newSizeTableCss?: boolean;
|
|
3916
|
+
}
|
|
3917
|
+
|
|
3918
|
+
declare const SizeChartTableV2: React.FC<TableProps$1>;
|
|
3919
|
+
|
|
3953
3920
|
interface TableProps {
|
|
3954
3921
|
headers: string[];
|
|
3955
3922
|
data: string[][];
|
|
3956
3923
|
newSizeTableCss?: boolean;
|
|
3957
3924
|
}
|
|
3958
3925
|
|
|
3959
|
-
declare const
|
|
3926
|
+
declare const SizeChartTableV3: React.FC<TableProps>;
|
|
3927
|
+
|
|
3928
|
+
declare type AutoshipFrequency = {
|
|
3929
|
+
values: number[];
|
|
3930
|
+
unit: string;
|
|
3931
|
+
labels?: string[];
|
|
3932
|
+
};
|
|
3933
|
+
interface ISubscriptionFrequencyDropdown {
|
|
3934
|
+
frequency: AutoshipFrequency;
|
|
3935
|
+
onChange?: (value: DropdownOption<number>) => void;
|
|
3936
|
+
}
|
|
3937
|
+
declare const AutoshipFrequencyDropdown: FC<ISubscriptionFrequencyDropdown>;
|
|
3938
|
+
|
|
3939
|
+
declare type BenefitsListProps = {
|
|
3940
|
+
benefits: string[];
|
|
3941
|
+
isSelected: boolean;
|
|
3942
|
+
selectedColor: string;
|
|
3943
|
+
baseColor: string;
|
|
3944
|
+
};
|
|
3945
|
+
declare const BenefitsList: FC<BenefitsListProps>;
|
|
3946
|
+
|
|
3947
|
+
interface CouponProps {
|
|
3948
|
+
image: {
|
|
3949
|
+
src: string;
|
|
3950
|
+
alt: string;
|
|
3951
|
+
};
|
|
3952
|
+
title: string;
|
|
3953
|
+
content: ReactNode;
|
|
3954
|
+
width?: string;
|
|
3955
|
+
height?: string;
|
|
3956
|
+
btnText?: string;
|
|
3957
|
+
couponCode?: string;
|
|
3958
|
+
offerLink?: string;
|
|
3959
|
+
onClickRedeemOfferHandler?: () => void;
|
|
3960
|
+
onClickHandler?: () => void;
|
|
3961
|
+
}
|
|
3962
|
+
declare const CouponCard: FC<CouponProps>;
|
|
3963
|
+
|
|
3964
|
+
declare type HurryUpProps = {
|
|
3965
|
+
hurryUpText: string;
|
|
3966
|
+
backgroundColor?: string;
|
|
3967
|
+
showTimer?: boolean;
|
|
3968
|
+
iconSize?: number;
|
|
3969
|
+
textPosition?: 'left' | 'right' | 'center';
|
|
3970
|
+
clockPosition?: 'left' | 'right' | 'none';
|
|
3971
|
+
countdown?: number;
|
|
3972
|
+
isFullVersion?: boolean;
|
|
3973
|
+
hurryUpTextColor?: string;
|
|
3974
|
+
} & Partial<TimerProps>;
|
|
3975
|
+
declare const HurryUp: react__default.FC<HurryUpProps>;
|
|
3976
|
+
|
|
3977
|
+
declare type SpinnerProps = {
|
|
3978
|
+
fill: string;
|
|
3979
|
+
background: string;
|
|
3980
|
+
animationDuration?: number;
|
|
3981
|
+
complete?: boolean;
|
|
3982
|
+
completeIconStroke?: number;
|
|
3983
|
+
size?: string;
|
|
3984
|
+
borderSize?: ComponentSize;
|
|
3985
|
+
};
|
|
3986
|
+
declare const Spinner: React.FC<SpinnerProps>;
|
|
3987
|
+
|
|
3988
|
+
declare type VideoProps = {
|
|
3989
|
+
thumbnail: string;
|
|
3990
|
+
source: string;
|
|
3991
|
+
height?: string;
|
|
3992
|
+
hasAudioControl?: boolean;
|
|
3993
|
+
withProgressBar?: boolean;
|
|
3994
|
+
isSlideActive?: boolean;
|
|
3995
|
+
} & DetailedHTMLProps<VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>;
|
|
3996
|
+
declare const Video: React.FC<VideoProps>;
|
|
3960
3997
|
|
|
3961
3998
|
declare type WithBenefits = {
|
|
3962
3999
|
benefits: string[];
|
|
@@ -4088,4 +4125,4 @@ declare type Partner = 'RevelBeauty' | 'TheSpaDr' | 'TheBodCon';
|
|
|
4088
4125
|
declare type PartnerContent = 'RevelBeauty-1' | 'RevelBeauty-2' | 'TheSpaDr-1' | 'TheSpaDr-2' | 'TheBodCon';
|
|
4089
4126
|
declare const CancellationFlowAccordionContentPerPartner: Record<Partner, JSX.Element[]>;
|
|
4090
4127
|
|
|
4091
|
-
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, CommonProps, 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, ISubscriptionFrequencyDropdown, 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, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3,
|
|
4128
|
+
export { AbsorbencyLevel, Accordion, AccordionOptions, AmazonButton, AssetsProvider, Autoship, AutoshipFrequency, AutoshipFrequencyDropdown, AutoshipOfferCard, AutoshipV2, BasicAccordion, BeforeAfterCard, BeforeAfterVariant, BenefitsList, BenefitsListProps, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, BuyNowPayLater, CTAProps, CancellationFlowAccordionContentPerPartner, _default as Card, CardSectionType, CartItemCard, CartProductItem, CategorySquareTag, CategoryTag, Checkbox, ClubOfferSelector, ClubOfferTag, ClubPriceMemberLabel, ClubRadioGroupInput, Collection, ColorPickerOption, ColorPickerWithTooltip, CommonProps, 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, ISubscriptionFrequencyDropdown, 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, PriceType, ProductCard, ProductCardV2, ProductCardV3, ProductGallery, ProductGalleryMobile, ProductGalleryMobileV2, ProductGalleryMobileV3, ProductGalleryMobileV4, ProductGalleryMobileV5, ProgressBar, QuantityPicker, RadioConfig, RadioGroupInput, RadioGroupOption, RadioInput, RadioPrimary, RadiosConfig, Rating, Review, Review$1 as ReviewDetail, ReviewsHeader, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SelectorOnChangeProps, ShortBanner, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeChartTable, SizeChartTableV2, SizeChartTableV3, SizeDropdown, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, SpinnerProps, StarList, StrengthBars, SubscriptionPlanSelector, SubscriptionPlanSelectorProps, SubscriptionPlanSelectorRadios, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeProviderProps, ThemeTypography, ThemeVariables, Timer, Toast, ToggleComponent, Tooltip, TooltipContent, TooltipHeader, TooltipType, Totals, TrackingProgress, TrackingProgressV2, Video, VideoProps, WithBenefits, WithChildren, 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 };
|
package/build/index.esm.css
CHANGED
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list > .slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz > div{height:auto;}}
|
|
5
5
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:510px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:95px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}
|
|
6
6
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{bottom:15px;list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background:rgba(27,25,25,0.5);border-radius:20px;content:' ';display:block;height:8px;left:0;margin:5px;position:absolute;top:0;width:8px;opacity:1;}.slick-dots li.slick-active button:before{background-color:#fff;opacity:1;width:12px;height:12px;top:-1px;}.slick-dots li:not(.slick-active) button:before{border:1px solid hsla(0,0%,100%,0.6);}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v3'] .slick-list > .slick-track{height:396px;}div[data-testid='product-gallery-mobile-v3'] .zoomWrapper.iiz > div{height:396px;width:100%;display:flex;flex-direction:column;justify-content:center;}}
|
|
7
|
-
.
|
|
8
|
-
.
|
|
7
|
+
.slick-slider{height:100%;min-height:calc(414px + 50px);}.slick-active > div{position:absolute;}.slick-slide:nth-last-of-type(2):not(:last-of-type) > div{position:absolute;}.slider-mobile-gallery{zoom:0.8;border-radius:8px;overflow:hidden;}.slick-slide:not(.slick-current) .banner-concealable{display:none;}.slick-slide{position:relative;}.slick-arrow{cursor:pointer;display:none!important;position:absolute;top:45%;z-index:1;}.slick-arrow::before{content:''!important;}@media only screen and (max-width:480px){.slick-arrow{display:block!important;}}.slick-arrow.slick-disabled{display:none!important;}.slick-prev{left:0;}.slick-next{right:0;}.slick-dots{list-style:none;margin:0;padding:0;position:absolute;text-align:center;width:100%;}.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0;padding:0;cursor:pointer;}.slick-dots li:before{background-color:var(--truekind-default-secondary);}.slick-dots li.slick-active{display:inline-block!important;}.slick-dots li:nth-child(n + 10){display:none;}.slick-dots li button{background:transparent;border:0;color:transparent;cursor:pointer;display:block;height:20px;line-height:0;outline:none;padding:5px;width:20px;}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:0.5;}.slick-dots li button:before{background-color:var(--truekind-default-secondary,#292929);border-radius:20px;content:' ';display:block;height:12px;left:0;margin:5px;position:absolute;top:0;width:12px;opacity:1;}.slick-dots li.slick-active button:before{background-color:var(--colors-pallete-primary-color,#cc4125)!important;opacity:1;width:12px;height:12px;top:0;}.slick-dots li:not(.slick-active) button:before{border:none;}@media only screen and (max-width:768px){div[data-testid='product-gallery-mobile-v1'] .slick-list > .slick-track{height:auto;}div[data-testid='product-gallery-mobile-v1'] .zoomWrapper.iiz > div{height:auto;}}
|
|
8
|
+
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in;}.zoomWrapper.iiz{max-height:524px;vertical-align:top;}.iiz--drag .iiz__zoom-img--visible{cursor:-webkit-grab;cursor:grab;}.iiz__img{max-width:100%;height:auto;display:block;pointer-events:none;visibility:visible;opacity:1;}.iiz__img--hidden{visibility:hidden;opacity:0;}.iiz__img--abs{width:100%;height:100%;position:absolute;top:0;left:0;display:block;}.iiz__zoom-img{width:auto!important;max-width:none!important;position:absolute;visibility:hidden;opacity:0;pointer-events:none;display:block;}.iiz__zoom-img--visible{visibility:visible;opacity:1;pointer-events:auto;cursor:-webkit-zoom-out;cursor:zoom-out;-ms-touch-action:none;touch-action:none;zoom:1.2;}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;}.iiz__btn{background:rgba(255,255,255,0.8);max-width:98px;min-width:fit-content;height:32px;border:none;outline:none;padding:0 8px;position:absolute;z-index:5;text-decoration:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-moz-appearance:none;-webkit-appearance:none;appearance:none;}.iiz__btn:before{content:' ';background-position:center;background-repeat:no-repeat;display:block;}.iiz__hint{bottom:10%;right:0;pointer-events:none;border-radius:150px 0 0 150px;}.iiz__hint:before{content:'+';background-image:none;width:17px;height:17px;font-size:19px;border-radius:500px;border:2px solid #292929;display:inline-block;position:relative;text-align:center;line-height:17px;font-weight:600;}.iiz__hint:after{content:'Zoom in';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}.iiz__close{border-radius:150px;top:auto;right:0;left:0;margin:auto;bottom:20px;visibility:hidden;opacity:0;color:#292929;}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer;}.iiz__close::before{content:' ';width:16px;height:16px;background-image:-webkit-gradient(linear,left top,left bottom,from(#222),to(#222)),-webkit-gradient(linear,left top,left bottom,from(#222),to(#222));background-image:linear-gradient(#222,#222),linear-gradient(#222,#222);background-size:65% 2px,2px 65%;transform:rotate(45deg);border-radius:500px;border:2px solid #292929;}.iiz__close::after{content:'Close';font-size:14px;font-weight:600;display:inline-block;margin-left:5px;}
|