@trafilea/afrodita-components 7.27.13 → 7.27.15
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/es/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/es/components/organisms/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.styled.js +1 -1
- package/build/es/components/organisms/TwoCtasAtCart/Card.styled.js +1 -1
- package/build/es/components/rating/Rating.js +1 -1
- package/build/es/components/rating/styles.js +1 -1
- package/build/lib/components/gallery/components/ImagePreviewList/ImagePreviewList.js +1 -1
- package/build/lib/components/organisms/DynamicTwoCtasAtCart/DynamicTwoCtasAtCart.styled.js +1 -1
- package/build/lib/components/organisms/TwoCtasAtCart/Card.styled.js +1 -1
- package/build/lib/components/rating/Rating.js +1 -1
- package/build/lib/components/rating/styles.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as i}from"tslib";import{jsxs as e,Fragment as
|
|
1
|
+
import{__assign as i}from"tslib";import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useRef as t,useEffect as a}from"react";import{Video as n}from"../../../molecules/Video/Video.js";import l from"../../../slider/SliderNavigation.js";import{ImageSmallPreview as d}from"../ImageSmallPreview/ImageSmallPreview.js";import{Container as s,ListItem as u,Button as c,VideoContainer as m,ArrowsContainer as v,ArrowPrev as w,ArrowNext as y}from"./styled.js";var f=function(i,e){var o="eager";e&&(o=i<e?"eager":"lazy");return o},g=function(i,e){var o="auto";e&&(o=i<e?"sync":"async");return o},h=function(e){var o=e.item,t=e.index,a=e.selectedImage,l=e.onClick,s=e.borderRadiusVariant,v=e.previewImgBorderColor,w=e.isRatioSquare,y=e.itemsOnViewport,h=void 0===y?0:y,p=e.videoInPreview,I=void 0!==p&&p,b=e.alwaysPlayInPreview,k=void 0!==b&&b,C=e.isHorizontal,P=void 0!==C&&C,V=e.total,S=o.isVideo&&I&&(k||o.key===a.key),R=o.isVideo?"Video":"Image",q=o.alt?", ".concat(o.alt):"",B="".concat(R," ").concat(t+1," of ").concat(V).concat(q);return r(u,i({role:"listitem"},{children:r(c,i({type:"button",onClick:function(){return l(t)},"aria-label":B,"aria-current":o.key===a.key?"true":void 0},{children:S?r(m,i({isRatioSquare:w,isHorizontal:P},{children:r(n,{source:o.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:k||o.key===a.key,lazyLoad:!1},void 0)}),void 0):r(d,{imageUrl:(null==o?void 0:o.alt.includes("-video"))?null==o?void 0:o.thumbnailUrl:(null==o?void 0:o.thumbnailUrl)||(null==o?void 0:o.url),alt:o.alt,selected:o.key===a.key,borderRadiusVariant:s,previewImgBorderColor:v,isRatioSquare:w,loading:f(t,h),decoding:g(t,h)},void 0)}),void 0)}),o.key)},p=function(n){var d=n.images,u=n.selectedImage,c=n.onClick,m=n.dataTestId,f=n.position,g=n.borderRadiusVariant,p=n.previewImgBorderColor,I=n.hasOverflowArrows,b=n.isRatioSquare,k=n.itemsOnViewport,C=void 0===k?0:k,P=n.videoInPreview,V=void 0!==P&&P,S=n.alwaysPlayInPreview,R=void 0!==S&&S;!function(i){var e=t(new Set);a((function(){if(i.some((function(i){return!i.isVideo&&i.thumbnailUrl&&i.thumbnailUrl!==i.url}))){var o=setTimeout((function(){i.forEach((function(i){i.isVideo||!i.thumbnailUrl||i.thumbnailUrl===i.url||e.current.has(i.url)||((new Image).src=i.url,e.current.add(i.url))}))}),1500);return function(){return clearTimeout(o)}}}),[i])}(d);return e(o,{children:[r(s,i({role:"list","data-testid":m,position:f,className:I?"imageListContainer":f,hasOverflowArrows:I,isRatioSquare:b},{children:"horizontal"==f?r("div",i({style:{maxWidth:"360px"}},{children:r(l,i({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:c,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:b,itemsOnViewport:C,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!0,total:d.length})}))}),void 0)}),void 0):d.map((function(i,e){return h({item:i,index:e,selectedImage:u,onClick:c,borderRadiusVariant:g,previewImgBorderColor:p,isRatioSquare:b,itemsOnViewport:C,videoInPreview:V,alwaysPlayInPreview:R,isHorizontal:!1,total:d.length})}))}),void 0),I&&e(v,i({role:"navigation"},{children:[r(w,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),r(y,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};export{p as ImagePreviewList};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import e from"../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import i from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as p}from"../../text/Text.js";var r,o,a,x,l,s,
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import e from"../../cta/primary/ButtonPrimary.js";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import i from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as p}from"../../text/Text.js";var r,o,a,x,l,c,s,d,m,g,f,h,u,w,y,z=t.div(r||(r=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),j=t.div(o||(o=n(["\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var t=n.backgroundColor;return null!=t?t:"#c64844"})),v=t.div(a||(a=n(["\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 0px 0px 4px 4px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 0px 0px 4px 4px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var t=n.backgroundColor;return null!=t?t:"#c64844"})),b=t.div(x||(x=n(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),k=t.p(l||(l=n(["\n font-size: 12px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: center;\n text-transform: uppercase;\n color: #c64844;\n margin: 0;\n"],["\n font-size: 12px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: center;\n text-transform: uppercase;\n color: #c64844;\n margin: 0;\n"]))),B=t.div(c||(c=n(["\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n gap: 8px 8px;\n width: 100%;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n gap: 8px 8px;\n width: 100%;\n"]))),C=t.div(s||(s=n(["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"]))),T=t.div(d||(d=n(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),O=t(p)(m||(m=n(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n white-space: pre-line;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n white-space: pre-line;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),P=t.div(g||(g=n(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n margin-top: 10px;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n margin-top: 10px;\n"]))),S=t.div(f||(f=n(["\n width: 100%;\n align-self: stretch;\n"],["\n width: 100%;\n align-self: stretch;\n"]))),q=t(e)(h||(h=n(["\n font-size: 14px !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),A=t.div(u||(u=n(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"]))),D=t.a(w||(w=n(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),E=t(i)(y||(y=n(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"])));export{T as BenefitItemWrapper,O as BenefitLabelText,C as BenefitsGridWrapper,B as BenefitsRowWrapper,b as BenefitsSectionWrapper,k as BenefitsTitleWrapper,P as BottomCopyWrapper,z as Container,A as OutlineButtonContainer,q as PrimaryButtonWrapper,D as SaveLessLinkButton,E as SaveLessOutlineWrapper,S as SaveMoreButtonContainer,v as SubtitleTagWrapper,j as TitleTagWrapper};
|
|
2
2
|
//# sourceMappingURL=DynamicTwoCtasAtCart.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import e from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as i}from"../../text/Text.js";var p=t.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),r=t.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),o=t.div(f||(f=n(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),a=t.div(h||(h=n(["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var t=n.backgroundColor;return null!=t?t:"#c64844"})),x=t.div(
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import"@emotion/react/jsx-runtime";import"react/jsx-runtime";import"../../../core/theme/Theme.js";import"../../../types/enums.js";import"../../cta/styled.js";import e from"../../cta/secondary/ButtonSecondaryOutline.js";import{Text as i}from"../../text/Text.js";var p=t.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),r=t.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),o=t.div(f||(f=n(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),a=t.div(h||(h=n(["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var t=n.backgroundColor;return null!=t?t:"#c64844"})),x=t.div(w||(w=n(["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"]))),l=t.div(u||(u=n(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"])));t.div(y||(y=n(["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"],["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"])));var m=t.a(z||(z=n(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),s=t(i)(j||(j=n(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),d=t(i)(v||(v=n(["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"])));t.div(b||(b=n(["\n text-decoration: underline !important;\n"],["\n text-decoration: underline !important;\n"])));var c,g,f,h,w,u,y,z,j,v,b,k,T,B=t(e)(k||(k=n(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),C=t.div(T||(T=n(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"])));export{r as BodyContainer,C as BottomCopyWrapper,B as BtnOutlineWrapper,p as Container,o as DescriptionWrapper,x as GridContainer,d as LabelSubTextWrapper,s as LabelTextWrapper,l as OutLineButtonContainer,m as SaveLessLinkButton,a as TitleWrapper};
|
|
2
2
|
//# sourceMappingURL=Card.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as e}from"tslib";import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as t,Fragment as i,jsx as o}from"react/jsx-runtime";import{useTheme as r}from"../../core/theme/Theme.js";import{ComponentSize as a}from"../../types/enums.js";import{STARTS_NUMBER as n}from"./constants.js";import{StarList as s}from"./starList/StarList.js";import{RatingLabel as l,CustomLabel as c,Container as d,RatingSummary as m}from"./styles.js";var v=function(v){var u=v.size,h=void 0===u?a.Medium:u,f=v.reviews,p=v.reviewsText,w=v.rating,b=v.showRatingText,j=void 0!==b&&b,g=v.wrapWithParenthesis,C=void 0!==g&&g,x=v.underline,L=void 0!==x&&x,y=v.reviewsContainerId,z=v.additionalContent,R=v.overrideRatingStarFill;var S,T=r(),I=null!=f;if(I){var P=1===f?"review":"reviews";S="".concat(f," ").concat(P)}var W=S||p,k=W?", ".concat(W):"",q="".concat(w," out of ").concat(n," stars").concat(k),B=[I?"".concat(f):"",null!=p?p:""].filter(Boolean).join(" "),D=y?{href:y}:{},F=t(i,{children:[j&&o(l,e({color:T.colors.shades[700].color,"data-testid":"RatingLabel"},{children:w}),void 0),o(s,{rating:w,size:h,starsNumber:n,fill:null!=R?R:T.component.stars.element.color},void 0),(f||p)&&o(c,e({theme:T,size:h,wrapWithParenthesis:C,underline:L,"data-testid":"CustomLabel"},{children:B}),void 0)]},void 0);return t(d,e({as:y?"a":"div"},D,{"data-testid":"Container",onClick:function(e){var t;e.cancelable&&e.preventDefault(),y&&(null===(t=document.querySelector(y))||void 0===t||t.scrollIntoView({behavior:"smooth"}))},"aria-label":y?q:void 0},{children:[y?F:o(m,e({role:"img","aria-label":q},{children:F}),void 0),z]}),void 0)};export{v as Rating};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import{css as e}from"@emotion/react";import t from"@emotion/styled";var i,o,r={baseStyles:function(n){return e({margin:"0",display:"flex",color:n.colors.pallete.secondary.color,fontWeight:n.component.rating.fontWeight})},xxsmall:function(n){return e({fontSize:n.component.rating.size.xxsmall.fontSize,lineHeight:n.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(n){return e({fontSize:n.component.rating.size.xsmall.fontSize,lineHeight:n.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(n){return e({fontSize:n.component.rating.size.small.fontSize,lineHeight:n.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(n){return e({fontSize:n.component.rating.size.medium.fontSize,lineHeight:n.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(n){return e({fontSize:n.component.rating.size.large.fontSize,lineHeight:n.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},a=t.a(i||(i=n(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import{css as e}from"@emotion/react";import t from"@emotion/styled";var i,o,r,l={baseStyles:function(n){return e({margin:"0",display:"flex",color:n.colors.pallete.secondary.color,fontWeight:n.component.rating.fontWeight})},xxsmall:function(n){return e({fontSize:n.component.rating.size.xxsmall.fontSize,lineHeight:n.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(n){return e({fontSize:n.component.rating.size.xsmall.fontSize,lineHeight:n.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(n){return e({fontSize:n.component.rating.size.small.fontSize,lineHeight:n.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(n){return e({fontSize:n.component.rating.size.medium.fontSize,lineHeight:n.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(n){return e({fontSize:n.component.rating.size.large.fontSize,lineHeight:n.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},a=t.a(i||(i=n(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),m=t.div(o||(o=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),g=t.div((function(n){var t=n.theme,i=n.size,o=n.wrapWithParenthesis,r=n.underline;return[l.baseStyles(t),l[i](t),{":before":{content:o?'"("':'""'},":after":{content:o?'")"':'""'}},e({textDecoration:r?"underline":"none"})]})),s=t.span(r||(r=n(["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"],["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"])),(function(n){return n.color}));export{a as Container,g as CustomLabel,s as RatingLabel,m as RatingSummary};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("react"),o=require("../../../molecules/Video/Video.js"),t=require("../../../slider/SliderNavigation.js"),a=require("../ImageSmallPreview/ImageSmallPreview.js"),n=require("./styled.js"),l=function(e,i){var r="eager";i&&(r=e<i?"eager":"lazy");return r},s=function(e,i){var r="auto";i&&(r=e<i?"sync":"async");return r},d=function(r){var t=r.item,d=r.index,u=r.selectedImage,c=r.onClick,v=r.borderRadiusVariant,m=r.previewImgBorderColor,g=r.isRatioSquare,w=r.itemsOnViewport,y=void 0===w?0:w,h=r.videoInPreview,f=void 0!==h&&h,I=r.alwaysPlayInPreview,p=void 0!==I&&I,x=r.isHorizontal,P=void 0!==x&&x,j=r.total,C=t.isVideo&&f&&(p||t.key===u.key),V=t.isVideo?"Video":"Image",b=t.alt?", ".concat(t.alt):"",k="".concat(V," ").concat(d+1," of ").concat(j).concat(b);return i.jsx(n.ListItem,e.__assign({role:"listitem"},{children:i.jsx(n.Button,e.__assign({type:"button",onClick:function(){return c(d)},"aria-label":k,"aria-current":t.key===u.key?"true":void 0},{children:C?i.jsx(n.VideoContainer,e.__assign({isRatioSquare:g,isHorizontal:P},{children:i.jsx(o.Video,{source:t.url,thumbnail:void 0,autoPlay:!0,muted:!0,loop:!0,style:{objectFit:"cover"},withProgressBar:!1,controls:!1,hasAudioControl:!1,isActive:p||t.key===u.key,lazyLoad:!1},void 0)}),void 0):i.jsx(a.ImageSmallPreview,{imageUrl:(null==t?void 0:t.alt.includes("-video"))?null==t?void 0:t.thumbnailUrl:(null==t?void 0:t.thumbnailUrl)||(null==t?void 0:t.url),alt:t.alt,selected:t.key===u.key,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:g,loading:l(d,y),decoding:s(d,y)},void 0)}),void 0)}),t.key)};exports.ImagePreviewList=function(o){var a=o.images,l=o.selectedImage,s=o.onClick,u=o.dataTestId,c=o.position,v=o.borderRadiusVariant,m=o.previewImgBorderColor,g=o.hasOverflowArrows,w=o.isRatioSquare,y=o.itemsOnViewport,h=void 0===y?0:y,f=o.videoInPreview,I=void 0!==f&&f,p=o.alwaysPlayInPreview,x=void 0!==p&&p;!function(e){var i=r.useRef(new Set);r.useEffect((function(){if(e.some((function(e){return!e.isVideo&&e.thumbnailUrl&&e.thumbnailUrl!==e.url}))){var r=setTimeout((function(){e.forEach((function(e){e.isVideo||!e.thumbnailUrl||e.thumbnailUrl===e.url||i.current.has(e.url)||((new Image).src=e.url,i.current.add(e.url))}))}),1500);return function(){return clearTimeout(r)}}}),[e])}(a);return i.jsxs(i.Fragment,{children:[i.jsx(n.Container,e.__assign({role:"list","data-testid":u,position:c,className:g?"imageListContainer":c,hasOverflowArrows:g,isRatioSquare:w},{children:"horizontal"==c?i.jsx("div",e.__assign({style:{maxWidth:"360px"}},{children:i.jsx(t,e.__assign({speed:200,infinite:!1,adaptiveHeight:!0,dots:!1,slidesToShow:4.2},{children:a.map((function(e,i){return d({item:e,index:i,selectedImage:l,onClick:s,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!0,total:a.length})}))}),void 0)}),void 0):a.map((function(e,i){return d({item:e,index:i,selectedImage:l,onClick:s,borderRadiusVariant:v,previewImgBorderColor:m,isRatioSquare:w,itemsOnViewport:h,videoInPreview:I,alwaysPlayInPreview:x,isHorizontal:!1,total:a.length})}))}),void 0),g&&i.jsxs(n.ArrowsContainer,e.__assign({role:"navigation"},{children:[i.jsx(n.ArrowPrev,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,-200)}},void 0),i.jsx(n.ArrowNext,{onClick:function(){document.querySelector(".imageListContainer").scrollBy(0,200)}},void 0)]}),void 0)]},void 0)};
|
|
2
2
|
//# sourceMappingURL=ImagePreviewList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var i=require("../../cta/secondary/ButtonSecondaryOutline.js"),p=require("../../text/Text.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o,x,l,s,c,d,m,f,g,u,h,w,y,_
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../cta/primary/ButtonPrimary.js");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var i=require("../../cta/secondary/ButtonSecondaryOutline.js"),p=require("../../text/Text.js");function r(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,o,x,l,s,c,d,m,f,g,u,h,w,y,j,_=r(e),b=_.default.div(a||(a=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),z=_.default.div(o||(o=n.__makeTemplateObject(["\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var e=n.backgroundColor;return null!=e?e:"#c64844"})),T=_.default.div(x||(x=n.__makeTemplateObject(["\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 0px 0px 4px 4px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 0px 0px 4px 4px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var e=n.backgroundColor;return null!=e?e:"#c64844"})),k=_.default.div(l||(l=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),v=_.default.p(s||(s=n.__makeTemplateObject(["\n font-size: 12px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: center;\n text-transform: uppercase;\n color: #c64844;\n margin: 0;\n"],["\n font-size: 12px;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: center;\n text-transform: uppercase;\n color: #c64844;\n margin: 0;\n"]))),O=_.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n gap: 8px 8px;\n width: 100%;\n"],["\n display: flex;\n flex-direction: row;\n justify-content: space-around;\n align-items: center;\n gap: 8px 8px;\n width: 100%;\n"]))),B=_.default.div(d||(d=n.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"]))),q=_.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),W=_.default(p.Text)(f||(f=n.__makeTemplateObject(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n white-space: pre-line;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n white-space: pre-line;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),C=_.default.div(g||(g=n.__makeTemplateObject(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n margin-top: 10px;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n margin-top: 10px;\n"]))),S=_.default.div(u||(u=n.__makeTemplateObject(["\n width: 100%;\n align-self: stretch;\n"],["\n width: 100%;\n align-self: stretch;\n"]))),L=_.default(t)(h||(h=n.__makeTemplateObject(["\n font-size: 14px !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),P=_.default.div(w||(w=n.__makeTemplateObject(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"]))),M=_.default.a(y||(y=n.__makeTemplateObject(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),G=_.default(i)(j||(j=n.__makeTemplateObject(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"])));exports.BenefitItemWrapper=q,exports.BenefitLabelText=W,exports.BenefitsGridWrapper=B,exports.BenefitsRowWrapper=O,exports.BenefitsSectionWrapper=k,exports.BenefitsTitleWrapper=v,exports.BottomCopyWrapper=C,exports.Container=b,exports.OutlineButtonContainer=P,exports.PrimaryButtonWrapper=L,exports.SaveLessLinkButton=M,exports.SaveLessOutlineWrapper=G,exports.SaveMoreButtonContainer=S,exports.SubtitleTagWrapper=T,exports.TitleTagWrapper=z;
|
|
2
2
|
//# sourceMappingURL=DynamicTwoCtasAtCart.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var t=require("../../cta/secondary/ButtonSecondaryOutline.js"),i=require("../../text/Text.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled");require("@emotion/react/jsx-runtime"),require("react/jsx-runtime"),require("../../../core/theme/Theme.js"),require("../../../types/enums.js"),require("../../cta/styled.js");var t=require("../../cta/secondary/ButtonSecondaryOutline.js"),i=require("../../text/Text.js");function a(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var p=a(e),r=p.default.div(g||(g=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n"]))),o=p.default.div(u||(u=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"],["\n display: flex;\n flex-direction: column;\n gap: 10px;\n width: 100%;\n margin-top: 12px;\n"]))),x=p.default.div(h||(h=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"],["\n display: flex;\n flex-direction: row;\n gap: 4px;\n align-items: center;\n"]))),l=p.default.div(w||(w=n.__makeTemplateObject(["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"],["\n width: 137px auto;\n height: 18px;\n padding: 2px 6px 2px 6px;\n gap: 2px;\n border-radius: 4px 4px 0px 0px;\n background-color: ",";\n color: white;\n font-size: 10px;\n font-weight: 700;\n line-height: 14px;\n letter-spacing: 0.04em;\n text-align: center;\n text-transform: uppercase;\n"])),(function(n){var e=n.backgroundColor;return null!=e?e:"#c64844"})),s=p.default.div(y||(y=n.__makeTemplateObject(["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"],["\n display: grid;\n grid-template-columns: repeat(2, minmax(0, max-content));\n gap: 8px 40px;\n justify-content: center;\n width: 100%;\n\n @media (max-width: 768px) {\n gap: 8px 20px;\n }\n"]))),m=p.default.div(j||(j=n.__makeTemplateObject(["\n width: 100%;\n margin-top: 16px;\n"],["\n width: 100%;\n margin-top: 16px;\n"])));p.default.div(_||(_=n.__makeTemplateObject(["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"],["\n width: 100%;\n align-items: flex-start;\n justify-content: flex-start;\n margin-top: 8px;\n margin-bottom: 10px;\n"])));var d=p.default.a(b||(b=n.__makeTemplateObject(["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"],["\n width: 100%;\n font-size: 14px;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n height: 27px;\n text-decoration: underline;\n color: #292929;\n"]))),c=p.default(i.Text)(z||(z=n.__makeTemplateObject(["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 600;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n text-transform: uppercase;\n\n @media screen and (max-width: 375px) {\n font-size: 10px !important;\n }\n"]))),f=p.default(i.Text)(T||(T=n.__makeTemplateObject(["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"],["\n font-size: 12px !important;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.02em;\n text-align: left;\n @media screen and (max-width: 375px) {\n font-size: 9px !important;\n }\n"])));p.default.div(k||(k=n.__makeTemplateObject(["\n text-decoration: underline !important;\n"],["\n text-decoration: underline !important;\n"])));var g,u,h,w,y,j,_,b,z,T,k,v,O,q=p.default(t)(v||(v=n.__makeTemplateObject(["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"],["\n font-size: 14px !important;\n font-weight: 600;\n line-height: 22px;\n text-align: center;\n text-transform: capitalize !important;\n\n @media screen and (max-width: 375px) {\n font-size: 12px !important;\n }\n"]))),B=p.default.div(O||(O=n.__makeTemplateObject(["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"],["\n color: #292929;\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: -0.1px;\n width: 100%;\n display: flex;\n justify-content: center;\n"])));exports.BodyContainer=o,exports.BottomCopyWrapper=B,exports.BtnOutlineWrapper=q,exports.Container=r,exports.DescriptionWrapper=x,exports.GridContainer=s,exports.LabelSubTextWrapper=f,exports.LabelTextWrapper=c,exports.OutLineButtonContainer=m,exports.SaveLessLinkButton=d,exports.TitleWrapper=l;
|
|
2
2
|
//# sourceMappingURL=Card.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("../../core/theme/Theme.js"),r=require("../../types/enums.js"),a=require("./constants.js"),s=require("./starList/StarList.js"),n=require("./styles.js");exports.Rating=function(o){var l=o.size,c=void 0===l?r.ComponentSize.Medium:l,d=o.reviews,u=o.reviewsText,v=o.rating,m=o.showRatingText,h=void 0!==m&&m,g=o.wrapWithParenthesis,j=void 0!==g&&g,_=o.underline,b=void 0!==_&&_,x=o.reviewsContainerId,R=o.additionalContent,S=o.overrideRatingStarFill;var f,p=t.useTheme(),w=null!=d;if(w){var q=1===d?"review":"reviews";f="".concat(d," ").concat(q)}var C=f||u,T=C?", ".concat(C):"",L="".concat(v," out of ").concat(a.STARTS_NUMBER," stars").concat(T),y=[w?"".concat(d):"",null!=u?u:""].filter(Boolean).join(" "),z=x?{href:x}:{},M=i.jsxs(i.Fragment,{children:[h&&i.jsx(n.RatingLabel,e.__assign({color:p.colors.shades[700].color,"data-testid":"RatingLabel"},{children:v}),void 0),i.jsx(s.StarList,{rating:v,size:c,starsNumber:a.STARTS_NUMBER,fill:null!=S?S:p.component.stars.element.color},void 0),(d||u)&&i.jsx(n.CustomLabel,e.__assign({theme:p,size:c,wrapWithParenthesis:j,underline:b,"data-testid":"CustomLabel"},{children:y}),void 0)]},void 0);return i.jsxs(n.Container,e.__assign({as:x?"a":"div"},z,{"data-testid":"Container",onClick:function(e){var i;e.cancelable&&e.preventDefault(),x&&(null===(i=document.querySelector(x))||void 0===i||i.scrollIntoView({behavior:"smooth"}))},"aria-label":x?L:void 0},{children:[x?M:i.jsx(n.RatingSummary,e.__assign({role:"img","aria-label":L},{children:M}),void 0),R]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=Rating.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,o,r=t(require("@emotion/styled")),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/react");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i,o,r,a=t(require("@emotion/styled")),l={baseStyles:function(e){return n.css({margin:"0",display:"flex",color:e.colors.pallete.secondary.color,fontWeight:e.component.rating.fontWeight})},xxsmall:function(e){return n.css({fontSize:e.component.rating.size.xxsmall.fontSize,lineHeight:e.component.rating.size.xxsmall.lineHeight,marginLeft:"0.1rem"})},xsmall:function(e){return n.css({fontSize:e.component.rating.size.xsmall.fontSize,lineHeight:e.component.rating.size.xsmall.lineHeight,marginLeft:"0.172rem"})},small:function(e){return n.css({fontSize:e.component.rating.size.small.fontSize,lineHeight:e.component.rating.size.small.lineHeight,marginLeft:"0.313rem"})},medium:function(e){return n.css({fontSize:e.component.rating.size.medium.fontSize,lineHeight:e.component.rating.size.medium.lineHeight,marginLeft:"0.438rem"})},large:function(e){return n.css({fontSize:e.component.rating.size.large.fontSize,lineHeight:e.component.rating.size.large.lineHeight,marginLeft:"0.563rem"})}},s=a.default.a(i||(i=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n text-decoration: none;\n"],["\n display: flex;\n align-items: center;\n text-decoration: none;\n"]))),m=a.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),c=a.default.div((function(e){var t=e.theme,i=e.size,o=e.wrapWithParenthesis,r=e.underline;return[l.baseStyles(t),l[i](t),{":before":{content:o?'"("':'""'},":after":{content:o?'")"':'""'}},n.css({textDecoration:r?"underline":"none"})]})),f=a.default.span(r||(r=e.__makeTemplateObject(["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"],["\n font-size: 16px;\n font-weight: 600;\n color: ",";\n padding-right: 6px;\n text-decoration: none;\n"])),(function(e){return e.color}));exports.Container=s,exports.CustomLabel=c,exports.RatingLabel=f,exports.RatingSummary=m;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Trafilea's Design System",
|
|
4
4
|
"author": "Trafilea",
|
|
5
5
|
"repository": "https://github.com/trafilea/afrodita-components",
|
|
6
|
-
"version": "7.27.
|
|
6
|
+
"version": "7.27.15",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/lib/index.js",
|
|
9
9
|
"style": "build/es/index.css",
|