@trafilea/afrodita-components 5.0.0-beta.74 → 5.0.0-beta.77
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 +1 -1
- package/build/index.d.ts +50 -5
- package/build/index.esm.css +1 -1
- package/build/index.esm.js +383 -311
- package/build/index.esm.js.map +1 -1
- package/build/index.js +383 -310
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:0.063rem;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:0.063rem solid transparent;}.slick-arrow.slick-hidden{display:none;}
|
|
2
2
|
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:1.25rem;height:1.25rem;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:1.25rem;line-height:1;opacity:0.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-1.5rem;}[dir='rtl'] .slick-prev{right:-1.5rem;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-1.5rem;}[dir='rtl'] .slick-next{right:auto;left:-1.5rem;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:1.875rem;}.slick-dots{position:absolute;bottom:-1.5rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0 0.313rem;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:1.25rem;height:1.25rem;padding:0.313rem;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:0.375rem;line-height:1.25rem;position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;content:'•';text-align:center;opacity:0.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:0.75;color:black;}
|
|
3
3
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in}.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}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.iiz__btn{background:rgba(255,255,255,.8);width:40px;height:40px;border:none;outline:0;padding:0;position:absolute;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:10px;right:10px;pointer-events:none}.iiz__hint:before{content:" ";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5l-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");width:20px;height:20px}.iiz__close{top:10px;right:10px;visibility:hidden;opacity:0}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer}.iiz__close::before{content:" ";width:29px;height:29px;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:100% 1px,1px 100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
|
|
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:510px;}.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:5;}.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;}
|
|
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: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:5;}.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;}
|
package/build/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps as IconProps$1 } from 'src/types/types';
|
|
3
|
-
import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes,
|
|
3
|
+
import React, { FC, ReactNode, ElementType, CSSProperties, AriaAttributes, HTMLAttributes, LabelHTMLAttributes, RefObject } from 'react';
|
|
4
4
|
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
5
5
|
import * as _emotion_styled from '@emotion/styled';
|
|
6
6
|
import { StyledComponent } from '@emotion/styled';
|
|
@@ -119,12 +119,24 @@ interface SearchBarOptionItem {
|
|
|
119
119
|
price: string;
|
|
120
120
|
title: string;
|
|
121
121
|
optionUrl: string;
|
|
122
|
+
}
|
|
123
|
+
interface imageVideoProps {
|
|
124
|
+
imageLink: string;
|
|
125
|
+
isVideo?: {
|
|
126
|
+
videoTitle?: string;
|
|
127
|
+
videoSubtitle?: string;
|
|
128
|
+
textColor?: string;
|
|
129
|
+
videoLink?: string;
|
|
130
|
+
};
|
|
131
|
+
isMobile?: boolean;
|
|
122
132
|
}
|
|
123
133
|
|
|
124
134
|
declare const SixtyDaysGuarantee: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
125
135
|
|
|
126
136
|
declare const Frown: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
|
|
127
137
|
|
|
138
|
+
declare const Smiling: ({ height, width, fill, title }: IconProps$1) => JSX.Element;
|
|
139
|
+
|
|
128
140
|
declare const BulletOne: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
129
141
|
|
|
130
142
|
declare const BulletTwo: ({ height, width, fill, title }: IconProps) => JSX.Element;
|
|
@@ -133,6 +145,7 @@ declare const BulletThree: ({ height, width, fill, title }: IconProps) => JSX.El
|
|
|
133
145
|
|
|
134
146
|
declare const Custom_SixtyDaysGuarantee: typeof SixtyDaysGuarantee;
|
|
135
147
|
declare const Custom_Frown: typeof Frown;
|
|
148
|
+
declare const Custom_Smiling: typeof Smiling;
|
|
136
149
|
declare const Custom_BulletOne: typeof BulletOne;
|
|
137
150
|
declare const Custom_BulletTwo: typeof BulletTwo;
|
|
138
151
|
declare const Custom_BulletThree: typeof BulletThree;
|
|
@@ -140,6 +153,7 @@ declare namespace Custom {
|
|
|
140
153
|
export {
|
|
141
154
|
Custom_SixtyDaysGuarantee as SixtyDaysGuarantee,
|
|
142
155
|
Custom_Frown as Frown,
|
|
156
|
+
Custom_Smiling as Smiling,
|
|
143
157
|
Custom_BulletOne as BulletOne,
|
|
144
158
|
Custom_BulletTwo as BulletTwo,
|
|
145
159
|
Custom_BulletThree as BulletThree,
|
|
@@ -461,6 +475,8 @@ interface IconWrapperProps {
|
|
|
461
475
|
|
|
462
476
|
declare const Mail: ({ height, width, }: Pick<IconWrapperProps, 'width' | 'height'>) => JSX.Element;
|
|
463
477
|
|
|
478
|
+
declare const Community$1: ({ height, width, fill }: IconProps) => JSX.Element;
|
|
479
|
+
|
|
464
480
|
declare const Messaging_QuestionCircle: typeof QuestionCircle;
|
|
465
481
|
declare const Messaging_Messenger: typeof Messenger;
|
|
466
482
|
declare const Messaging_Comment: typeof Comment;
|
|
@@ -471,6 +487,7 @@ declare namespace Messaging {
|
|
|
471
487
|
Messaging_Messenger as Messenger,
|
|
472
488
|
Messaging_Comment as Comment,
|
|
473
489
|
Messaging_Mail as Mail,
|
|
490
|
+
Community$1 as Community,
|
|
474
491
|
};
|
|
475
492
|
}
|
|
476
493
|
|
|
@@ -1652,7 +1669,7 @@ interface PaginationProps {
|
|
|
1652
1669
|
}
|
|
1653
1670
|
declare const Pagination: ({ from, to, currentPage, onChange, underlineActive, boldActive, disabled, }: PaginationProps) => JSX.Element;
|
|
1654
1671
|
|
|
1655
|
-
declare const Text:
|
|
1672
|
+
declare const Text: ({ variant, children, testId, ...allProps }: TextProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1656
1673
|
declare type TextHeroProps = {
|
|
1657
1674
|
variant: 'hero1' | 'hero2' | 'hero3';
|
|
1658
1675
|
weight?: 'heavy' | 'bold' | 'demi';
|
|
@@ -1662,6 +1679,7 @@ declare type TextHeroProps = {
|
|
|
1662
1679
|
wide?: never;
|
|
1663
1680
|
original?: never;
|
|
1664
1681
|
allCaps?: never;
|
|
1682
|
+
href: never;
|
|
1665
1683
|
};
|
|
1666
1684
|
declare type TextDisplayProps = {
|
|
1667
1685
|
variant: 'display1' | 'display2';
|
|
@@ -1672,6 +1690,7 @@ declare type TextDisplayProps = {
|
|
|
1672
1690
|
wide?: never;
|
|
1673
1691
|
original?: never;
|
|
1674
1692
|
allCaps?: never;
|
|
1693
|
+
href: never;
|
|
1675
1694
|
};
|
|
1676
1695
|
declare type TextHeadingProps = {
|
|
1677
1696
|
variant: 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'heading5' | 'heading6';
|
|
@@ -1682,6 +1701,7 @@ declare type TextHeadingProps = {
|
|
|
1682
1701
|
wide?: never;
|
|
1683
1702
|
original?: never;
|
|
1684
1703
|
allCaps?: never;
|
|
1704
|
+
href?: never;
|
|
1685
1705
|
};
|
|
1686
1706
|
declare type TextBodyProps = {
|
|
1687
1707
|
variant: 'body';
|
|
@@ -1692,6 +1712,7 @@ declare type TextBodyProps = {
|
|
|
1692
1712
|
wide?: never;
|
|
1693
1713
|
original?: never;
|
|
1694
1714
|
allCaps?: never;
|
|
1715
|
+
href?: never;
|
|
1695
1716
|
};
|
|
1696
1717
|
declare type TextButtonProps = {
|
|
1697
1718
|
variant: 'button';
|
|
@@ -1702,6 +1723,7 @@ declare type TextButtonProps = {
|
|
|
1702
1723
|
wide?: boolean;
|
|
1703
1724
|
original?: never;
|
|
1704
1725
|
allCaps?: never;
|
|
1726
|
+
href?: never;
|
|
1705
1727
|
};
|
|
1706
1728
|
declare type TextPricingProps = {
|
|
1707
1729
|
variant: 'pricing';
|
|
@@ -1712,6 +1734,7 @@ declare type TextPricingProps = {
|
|
|
1712
1734
|
wide?: never;
|
|
1713
1735
|
original?: boolean;
|
|
1714
1736
|
allCaps?: never;
|
|
1737
|
+
href?: never;
|
|
1715
1738
|
};
|
|
1716
1739
|
declare type TextLinkProps = {
|
|
1717
1740
|
variant: 'link';
|
|
@@ -1722,7 +1745,8 @@ declare type TextLinkProps = {
|
|
|
1722
1745
|
wide?: never;
|
|
1723
1746
|
original?: never;
|
|
1724
1747
|
allCaps?: never;
|
|
1725
|
-
|
|
1748
|
+
href?: string;
|
|
1749
|
+
};
|
|
1726
1750
|
declare type TextLabelProps = {
|
|
1727
1751
|
variant: 'label';
|
|
1728
1752
|
weight?: 'regular' | 'demi';
|
|
@@ -1732,6 +1756,7 @@ declare type TextLabelProps = {
|
|
|
1732
1756
|
wide?: never;
|
|
1733
1757
|
original?: never;
|
|
1734
1758
|
allCaps?: never;
|
|
1759
|
+
href?: never;
|
|
1735
1760
|
} & LabelHTMLAttributes<'label'>;
|
|
1736
1761
|
declare type TextTagProps = {
|
|
1737
1762
|
variant: 'tag';
|
|
@@ -1742,8 +1767,10 @@ declare type TextTagProps = {
|
|
|
1742
1767
|
wide?: never;
|
|
1743
1768
|
original?: never;
|
|
1744
1769
|
allCaps?: boolean;
|
|
1770
|
+
href?: never;
|
|
1745
1771
|
};
|
|
1746
|
-
declare type TextProps = AriaAttributes & {
|
|
1772
|
+
declare type TextProps<T = Element> = AriaAttributes & HTMLAttributes<T> & {
|
|
1773
|
+
children: ReactNode;
|
|
1747
1774
|
style?: CSSProperties;
|
|
1748
1775
|
className?: string;
|
|
1749
1776
|
testId?: string;
|
|
@@ -1945,6 +1972,24 @@ interface NoteProps {
|
|
|
1945
1972
|
}
|
|
1946
1973
|
declare const Note: ({ accentColor, color, backgroundColor, importantNoteText, text, }: NoteProps) => JSX.Element;
|
|
1947
1974
|
|
|
1975
|
+
interface TextWithImageProps {
|
|
1976
|
+
title: string;
|
|
1977
|
+
text: string;
|
|
1978
|
+
buttomText: string;
|
|
1979
|
+
backgroundColor: string;
|
|
1980
|
+
imageLeftSide?: boolean;
|
|
1981
|
+
URLLink?: string;
|
|
1982
|
+
onButtonClick?: () => void;
|
|
1983
|
+
isRedirectionURL: boolean;
|
|
1984
|
+
btnBGColor?: string;
|
|
1985
|
+
btnHoverBGColor?: string;
|
|
1986
|
+
imgVideo: imageVideoProps;
|
|
1987
|
+
contentAfterButton?: React.ReactNode;
|
|
1988
|
+
titleStyle?: React.CSSProperties;
|
|
1989
|
+
textStyle?: React.CSSProperties;
|
|
1990
|
+
}
|
|
1991
|
+
declare const TextWithImage: ({ title, text, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
1992
|
+
|
|
1948
1993
|
declare global {
|
|
1949
1994
|
interface Events {
|
|
1950
1995
|
modal: {
|
|
@@ -1984,4 +2029,4 @@ declare const formatPrice: (value: number, { locale, currency }?: {
|
|
|
1984
2029
|
currency?: string | undefined;
|
|
1985
2030
|
}) => string;
|
|
1986
2031
|
|
|
1987
|
-
export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
|
2032
|
+
export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, IconsWithTitle, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, Note, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, TextWithImage, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, imageVideoProps, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
|
package/build/index.esm.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}.slick-list:focus{outline:none;}.slick-list.dragging{cursor:pointer;cursor:hand;}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}.slick-track:before,.slick-track:after{display:table;content:'';}.slick-track:after{clear:both;}.slick-loading .slick-track{visibility:hidden;}.slick-slide{display:none;float:left;height:100%;min-height:0.063rem;}[dir='rtl'] .slick-slide{float:right;}.slick-slide img{display:block;}.slick-slide.slick-loading img{display:none;}.slick-slide.dragging img{pointer-events:none;}.slick-initialized .slick-slide{display:block;}.slick-loading .slick-slide{visibility:hidden;}.slick-vertical .slick-slide{display:block;height:auto;border:0.063rem solid transparent;}.slick-arrow.slick-hidden{display:none;}
|
|
2
2
|
.slick-prev,.slick-next{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:1.25rem;height:1.25rem;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:none;background:transparent;}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color:transparent;outline:none;background:transparent;}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1;}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:0.25;}.slick-prev:before,.slick-next:before{font-family:'slick';font-size:1.25rem;line-height:1;opacity:0.75;color:white;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-prev{left:-1.5rem;}[dir='rtl'] .slick-prev{right:-1.5rem;left:auto;}.slick-prev:before{content:'←';}[dir='rtl'] .slick-prev:before{content:'→';}.slick-next{right:-1.5rem;}[dir='rtl'] .slick-next{right:auto;left:-1.5rem;}.slick-next:before{content:'→';}[dir='rtl'] .slick-next:before{content:'←';}.slick-dotted.slick-slider{margin-bottom:1.875rem;}.slick-dots{position:absolute;bottom:-1.5rem;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center;}.slick-dots li{position:relative;display:inline-block;width:1.25rem;height:1.25rem;margin:0 0.313rem;padding:0;cursor:pointer;}.slick-dots li button{font-size:0;line-height:0;display:block;width:1.25rem;height:1.25rem;padding:0.313rem;cursor:pointer;color:transparent;border:0;outline:none;background:transparent;}.slick-dots li button:hover,.slick-dots li button:focus{outline:none;}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}.slick-dots li button:before{font-family:'slick';font-size:0.375rem;line-height:1.25rem;position:absolute;top:0;left:0;width:1.25rem;height:1.25rem;content:'•';text-align:center;opacity:0.25;color:black;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.slick-dots li.slick-active button:before{opacity:0.75;color:black;}
|
|
3
3
|
.iiz{max-width:100%;margin:0;position:relative;overflow:hidden;display:inline-block;cursor:-webkit-zoom-in;cursor:zoom-in}.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}.iiz__zoom-portal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000}.iiz__btn{background:rgba(255,255,255,.8);width:40px;height:40px;border:none;outline:0;padding:0;position:absolute;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:10px;right:10px;pointer-events:none}.iiz__hint:before{content:" ";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 19.9 19.9'%3E%3Cpath d='M13.9 7.4C13.9 3.8 11 .9 7.4.9S.9 3.8.9 7.4s2.9 6.5 6.5 6.5 6.5-2.9 6.5-6.5zm5.3 12.5l-6.7-7.2c-1.4 1.3-3.2 2.1-5.1 2.1-4.1 0-7.4-3.3-7.4-7.4S3.3 0 7.4 0s7.4 3.3 7.4 7.4c0 1.7-.6 3.4-1.7 4.7l6.8 7.2-.7.6z' fill='%23000222'/%3E%3C/svg%3E");width:20px;height:20px}.iiz__close{top:10px;right:10px;visibility:hidden;opacity:0}.iiz__close--visible{visibility:visible;opacity:1;cursor:pointer}.iiz__close::before{content:" ";width:29px;height:29px;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:100% 1px,1px 100%;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
|
|
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:510px;}.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:5;}.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;}
|
|
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: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:5;}.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;}
|