@trafilea/afrodita-components 7.9.3 → 7.9.4
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/pricing/price/PriceLabel.js +1 -1
- package/build/es/components/pricing/styles.js +1 -1
- package/build/es/components/product/order/item/SimpleOrderItem.js +1 -1
- package/build/es/components/totals/total/styled.js +1 -1
- package/build/index.d.ts +3 -1
- package/build/lib/components/pricing/price/PriceLabel.js +1 -1
- package/build/lib/components/pricing/styles.js +1 -1
- package/build/lib/components/product/order/item/SimpleOrderItem.js +1 -1
- package/build/lib/components/totals/total/styled.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__rest as i,__assign as e}from"tslib";import{jsxs as l,jsx as
|
|
1
|
+
import{__rest as i,__assign as e}from"tslib";import{jsxs as l,jsx as r}from"react/jsx-runtime";import{useTheme as o}from"../../../core/theme/Theme.js";import{useWindowDimensions as n}from"../../../hooks/WindowDimensions.js";import{ComponentSize as t}from"../../../types/enums.js";import{DiscountTag as c}from"../discount/DiscountTag.js";import{Container as d,TagContainer as a,PriceContainer as m,Price as p}from"../styles.js";var v=function(i,e){var l,r,o,n,c,d,a,m;switch(i){case t.Large:return{finalPricefontSize:(null===(l=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===l?void 0:l.large)||"20px",finalPricefontSizeSmall:(null===(r=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===r?void 0:r.large)||"14px",margin:"0 0 0 0.75rem",lineHeight:"2rem"};case t.Medium:return{fontSize:(null===(o=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===o?void 0:o.medium)||"1.125rem",finalPricefontSize:(null===(n=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===n?void 0:n.medium)||"20px",finalPricefontSizeSmall:(null===(c=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===c?void 0:c.medium)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"};case t.Small:return{fontSize:(null===(d=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===d?void 0:d.small)||"14px",finalPricefontSize:(null===(a=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===a?void 0:a.small)||"20px",finalPricefontSizeSmall:(null===(m=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===m?void 0:m.small)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"}}},s=function(i,e,l,r){var o,n,t;return l?null===(o=v(i,e))||void 0===o?void 0:o.finalPricefontSize:r?null===(n=v(i,e))||void 0===n?void 0:n.finalPricefontSizeSmall:null===(t=v(i,e))||void 0===t?void 0:t.fontSize};function u(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join("-")}var f=function(v){var s=v.finalPrice,f=v.originalPrice,g=v.discount,S=v.color,z=v.originalPriceColor,P=v.testId,h=v.finalPriceStyled,b=void 0!==h&&h,y=v.finalPriceStyle,x=v.originalPriceStyled,L=void 0!==x&&x,F=v.originalPriceUnderlined,j=void 0===F||F,w=v.size,D=void 0===w?t.Medium:w,T=v.clubStyle,C=void 0!==T&&T,H=v.invertDirection,M=void 0!==H&&H,E=v.isPrincingStyleTestEnabled,I=void 0!==E&&E,U=i(v,["finalPrice","originalPrice","discount","color","originalPriceColor","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","size","clubStyle","invertDirection","isPrincingStyleTestEnabled"]),k=o(),B=n().isMobile,W={size:b?t.Small:D,color:S||k.colors.pallete.secondary.color,weight:700},X=function(){var i=C?B?t.Small:t.XSmall:L?D:t.Small;return r(p,e({size:i,color:z||k.component.pricing.priceLabel.price.originalPriceColor,underlined:j,"data-testid":u(P,"original-product-price"),theme:k},{children:f}),void 0)};return l(d,e({},U,{id:"priceLabel"},{children:[l(m,I?e({flexDirection:"column",gap:"0.25rem"},{children:[!!f&&r(X,{},void 0),r(p,e({"data-testid":u(P,"final-product-price")},W,{style:y,size:D,weight:400},{children:s}),void 0)]}):e({flexDirection:M?"row-reverse":"row"},C?{children:[!!f&&r(X,{},void 0),r(p,e({"data-testid":u(P,"final-product-price")},W,{style:y,size:D},{children:s}),void 0)]}:{children:[r(p,e({"data-testid":u(P,"final-product-price")},W,{style:y,size:D},{children:s}),void 0),!!f&&r(X,{},void 0)]}),void 0),g&&r(a,e({size:D},{children:r(c,e({},g,{size:D}),void 0)}),void 0)]}),void 0)};export{f as PriceLabel,s as getFontSize,v as getStylesBySize,u as getTestId};
|
|
2
2
|
//# sourceMappingURL=PriceLabel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";import{getFontSize as e,getStylesBySize as l}from"./price/PriceLabel.js";var t,r,a,o,p,d,f,s,g,m
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import i from"@emotion/styled";import{getFontSize as e,getStylesBySize as l}from"./price/PriceLabel.js";var t,r,a,o,p,d,f,s,g,x,m=i.div(t||(t=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),c=i.p(r||(r=n(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"])),(function(n){var i=n.weight;return i||"400"}),(function(n){var i=n.size,l=n.theme,t=n.finalPriceStyled,r=n.finalPriceStyledSmall;return e(i,l,t,r)}),(function(n){var i,e=n.size;return null===(i=l(e))||void 0===i?void 0:i.lineHeight}),(function(n){return n.color}),(function(n){return n.underlined?"line-through":"none"}),(function(n){var i,e=n.margin,t=n.size;return e?null===(i=l(t))||void 0===i?void 0:i.margin:"0"}),(function(n){var i=n.finalPriceStyledSmall,e=n.size;return i?"large"===e?"-6px":"-7px":"0"})),u=i.div(a||(a=n(["\n margin: ",";\n display: flex;\n align-items: center;\n"],["\n margin: ",";\n display: flex;\n align-items: center;\n"])),(function(n){var i,e=n.size;return null===(i=l(e))||void 0===i?void 0:i.margin})),v=i.div(o||(o=n(["\n display: flex;\n flex-direction: ",";\n gap: ",";\n"],["\n display: flex;\n flex-direction: ",";\n gap: ",";\n"])),(function(n){return n.flexDirection}),(function(n){var i=n.gap;return void 0===i?"0.5rem":i})),y=i.div(p||(p=n(["\n margin-top: -0.4rem;\n .tooltip-wrapper {\n box-shadow: none;\n }\n"],["\n margin-top: -0.4rem;\n .tooltip-wrapper {\n box-shadow: none;\n }\n"]))),h=i.div(d||(d=n(["\n display: flex;\n"],["\n display: flex;\n"]))),w=i.div(f||(f=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n"]))),z=i.div(s||(s=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),S=i.div(g||(g=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n"]))),b=i.div(x||(x=n(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));export{m as Container,h as FinalPriceStyledContainer,S as HorizontalVariantContainer,b as HorizontalVariantRow,c as Price,v as PriceContainer,z as PriceDiscountRow,u as TagContainer,y as TooltipContainer,w as VerticalContainer};
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as i,__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{useTheme as r}from"../../../../core/theme/Theme.js";import{mediaQueries as l}from"../../../../utils/media.js";import{ClubPriceMemberLabel as c}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../../atoms/Icon/Icon.js";import{Image as s}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react";import"../../../atoms/Toggle/toggle.styled.js";import{OfferBanner as d}from"../../../offer-banner/OfferBanner.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../types/enums.js";import"../../../pricing/discount/styled.js";import{PriceLabel as m}from"../../../pricing/price/PriceLabel.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";var p,g,h,f,u,v,b,
|
|
1
|
+
import{__makeTemplateObject as i,__assign as e}from"tslib";import{jsxs as n,jsx as o}from"react/jsx-runtime";import t from"@emotion/styled";import{useTheme as r}from"../../../../core/theme/Theme.js";import{mediaQueries as l}from"../../../../utils/media.js";import{ClubPriceMemberLabel as c}from"../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js";import"../../../atoms/HorizontalDivider/HorizontalDivider.js";import{Icon as a}from"../../../atoms/Icon/Icon.js";import{Image as s}from"../../../atoms/Image/Image.js";import"../../../atoms/PriceLabel/PriceLabel.js";import"../../../atoms/PriceLabelV2/PriceLabelV2.js";import"react";import"../../../atoms/Toggle/toggle.styled.js";import{OfferBanner as d}from"../../../offer-banner/OfferBanner.js";import"../../../pricing/clubOffer/ClubOfferTag.js";import"../../../../types/enums.js";import"../../../pricing/discount/styled.js";import{PriceLabel as m}from"../../../pricing/price/PriceLabel.js";import"../../../pricing/styles.js";import"../../../tooltip/Styled.js";import"../../../pricing/priceLabelV3/PriceLabelV3.js";import"../../../pricing/priceLabelV5/PriceLabelV5.styled.js";import"../../../pricing/priceLabelV6/PriceLabelV6.styled.js";var p,g,h,f,u,v,b,y=t.div(p||(p=i(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),x=t.div(g||(g=i(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),j=t.div(h||(h=i(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),l({paddingLeft:["0.938rem","1.875rem"]}),"63px"),P=t.h2((function(i){return{fontWeight:600,fontSize:"1rem",lineHeight:"1.5rem",color:i.color,margin:"0.063rem 0"}})),w=t.h3((function(i){var e=i.color,n=i.fontSize,o=i.lineHeight;return{fontWeight:i.fontWeight,fontSize:n,lineHeight:o,color:e,margin:i.margin}})),L=t.div(f||(f=i(["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"],["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"])),(function(i){return i.withTag?l({justifyContent:["space-between","end"],flexDirection:["row","column"]}):"justify-content: end"})),z=t.div(u||(u=i(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"]))),C=t.span(v||(v=i(["\n display: block;\n transform: translateY(1px);\n"],["\n display: block;\n transform: translateY(1px);\n"]))),S=t.span(b||(b=i(["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"],["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"])),(function(i){return i.theme.colors.semantic.urgent.color})),T=function(i){var t,l,p,g,h,f,u,v,b=i.title,T=i.className,k=i.subtitle,V=i.midElement,H=i.image,I=i.price,O=i.tag,W=i.quantity,D=i.finalPriceStyle,E=i.isGift,q=i.isClub,F=i.isPrincingStyleTestEnabled,G=r();return n(y,e({className:T},{children:[n(x,{children:[o(s,{src:H.src,alt:H.alt,width:"4.063rem",height:"5.375rem",objectFit:"cover",objectPosition:"center"},void 0),W?o(z,e({"data-testid":"order-item-quantity"},{children:o(C,{children:W},void 0)}),void 0):null]},void 0),n(j,e({"data-testid":"order-item-description-container",theme:G},{children:[o(P,e({color:G.colors.shades[700].color,"data-testid":"product-title"},{children:b}),void 0),k&&o(w,e({color:(null===(l=null===(t=G.component.pricing)||void 0===t?void 0:t.subtitle)||void 0===l?void 0:l.color)||G.colors.shades[700].color,fontSize:(null===(g=null===(p=G.component.pricing)||void 0===p?void 0:p.subtitle)||void 0===g?void 0:g.fontSize)||"0.75rem",lineHeight:(null===(f=null===(h=G.component.pricing)||void 0===h?void 0:h.subtitle)||void 0===f?void 0:f.lineHeight)||"1rem",fontWeight:(null===(v=null===(u=G.component.pricing)||void 0===u?void 0:u.subtitle)||void 0===v?void 0:v.fontWeight)||"normal","data-testid":"product-variant-title",margin:"0.5rem 0 0 0"},{children:k}),void 0),V,E&&o(S,{children:"Limited Time Only"},void 0),n(L,e({"data-testid":"order-item-price-container",withTag:!!O,theme:G},{children:[O&&o(d,{discountAppliedText:null==O?void 0:O.text,backgroundColor:null==O?void 0:O.backgroundColor},void 0),E?o(S,{children:"GIFT"},void 0):q?o(c,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,isCollections:!1,isClubOffer:!0,isClub:!0,icon:o(a,{name:"other/club_filled",height:"21px",width:"52px"},void 0),style:{gap:8}},void 0):o(m,{finalPrice:I.finalPrice,originalPrice:I.originalPrice,color:I.color||G.colors.shades[700].color,originalPriceColor:I.originalPriceColor,size:G.component.pricing.priceLabel.price.size,finalPriceStyle:D,originalPriceStyled:!0,isPrincingStyleTestEnabled:F},void 0)]}),void 0)]}),void 0)]}),void 0)};export{T as default};
|
|
2
2
|
//# sourceMappingURL=SimpleOrderItem.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import e from"@emotion/styled";import{Text as i}from"../../text/Text.js";var o,r,l,a,s,f,c,g,p,h,m,u,x,d,y,b=e.div(o||(o=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"]))),
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import{css as t}from"@emotion/react";import e from"@emotion/styled";import{Text as i}from"../../text/Text.js";var o,r,l,a,s,f,c,g,p,h,m,u,x,d,y,b,w=e.div(o||(o=n(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"]))),z=e.h1(r||(r=n(["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n display: block;\n align-items: center;\n"],["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n display: block;\n align-items: center;\n"]))),v=e.span(l||(l=n(["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ",";\n font-size: ",";\n line-height: ",";\n align-self: ",";\n"],["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ",";\n font-size: ",";\n line-height: ",";\n align-self: ",";\n"])),(function(n){return n.theme.component.total.basicTotal.currency.color}),(function(n){return n.theme.component.total.basicTotal.currency.fontSize}),(function(n){return n.theme.component.total.basicTotal.currency.lineHeight}),(function(n){return n.theme.component.total.basicTotal.currency.alignSelf})),T=e.div(s||(s=n(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n align-items: center;\n\n ","\n"],["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n align-items: center;\n\n ","\n"])),(function(e){var i=e.highlightSavings;if(i)return t(a||(a=n(["\n justify-content: unset;\n gap: 0.5rem;\n background-color: ",";\n width: auto;\n align-self: end;\n padding: 4px;\n border-radius: 4px;\n "],["\n justify-content: unset;\n gap: 0.5rem;\n background-color: ",";\n width: auto;\n align-self: end;\n padding: 4px;\n border-radius: 4px;\n "])),"v1"===i&&"#dff1ec")})),S=e(T)(f||(f=n(["\n justify-content: ",";\n margin-top: 0;\n"],["\n justify-content: ",";\n margin-top: 0;\n"])),(function(n){return n.showTotalLabel?"space-between":"flex-end"})),j=e.div(c||(c=n(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n\n & > span:first-of-type {\n color: #ff4e30;\n text-decoration: line-through;\n }\n\n & > span:last-of-type {\n color: #44c676;\n }\n"],["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n\n & > span:first-of-type {\n color: #ff4e30;\n text-decoration: line-through;\n }\n\n & > span:last-of-type {\n color: #44c676;\n }\n"]))),E=e.span(g||(g=n(["\n color: ",";\n"],["\n color: ",";\n"])),(function(n){return n.color})),F=e.h3(h||(h=n(["\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n font-weight: 600;\n color: ",";\n\n ","\n"],["\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n font-weight: 600;\n color: ",";\n\n ","\n"])),(function(n){var t=n.highlightColor;return n.isPrincingStyleTestEnabled?"#FF4E30":t}),(function(e){if(e.isSavingsHighlighted)return t(p||(p=n(["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n text-transform: uppercase;\n "],["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n text-transform: uppercase;\n "])))})),P=e.h3(x||(x=n(["\n margin: 0;\n font-size: ",";\n line-height: 28px;\n font-weight: ",";\n\n color: ",";\n\n ","\n\n ","\n"],["\n margin: 0;\n font-size: ",";\n line-height: 28px;\n font-weight: ",";\n\n color: ",";\n\n ","\n\n ","\n"])),(function(n){return n.isPrincingStyleTestEnabled?"16px":"18px"}),(function(n){var t=n.theme;return n.isPrincingStyleTestEnabled?400:t.component.total.basicTotal.savings.amountFontWeight}),(function(n){var t=n.isPrincingStyleTestEnabled,e=n.highlightColor;return t?"#FF4E30":e}),(function(e){if(e.isPrincingStyleTestEnabled)return t(m||(m=n(["\n &::before {\n content: '-';\n margin-right: 2px;\n }\n "],["\n &::before {\n content: '-';\n margin-right: 2px;\n }\n "])))}),(function(e){if(e.isSavingsHighlighted)return t(u||(u=n(["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n "],["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n "])))})),k=e(i)(d||(d=n(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"]))),H=e.div(y||(y=n(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),C=e.div(b||(b=n(["\n position: absolute;\n transform: translate(10px, -18px);\n"],["\n position: absolute;\n transform: translate(10px, -18px);\n"])));export{T as Container,v as Currency,P as DiscountAmount,F as DiscountText,z as GrandTotal,E as PriceWrapper,j as PricingStyledContainer,H as SavingsSvgContainer,C as StarsContainer,S as TotalContainer,k as TotalLabel,w as Wrapper};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/build/index.d.ts
CHANGED
|
@@ -118,6 +118,7 @@ interface PriceLabelProps {
|
|
|
118
118
|
clubStyle?: boolean;
|
|
119
119
|
bordersRounded?: boolean;
|
|
120
120
|
invertDirection?: boolean;
|
|
121
|
+
isPrincingStyleTestEnabled?: boolean;
|
|
121
122
|
}
|
|
122
123
|
declare const PriceLabel: react__default.FC<PriceLabelProps>;
|
|
123
124
|
|
|
@@ -3659,8 +3660,9 @@ interface ProductOrderItemProps {
|
|
|
3659
3660
|
finalPriceStyle?: react__default.CSSProperties;
|
|
3660
3661
|
isGift?: boolean;
|
|
3661
3662
|
isClub?: boolean;
|
|
3663
|
+
isPrincingStyleTestEnabled?: boolean;
|
|
3662
3664
|
}
|
|
3663
|
-
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, isGift, isClub, }: ProductOrderItemProps) => JSX.Element;
|
|
3665
|
+
declare const SimpleOrderItem: ({ title, className, subtitle, midElement, image, price, tag, quantity, finalPriceStyle, isGift, isClub, isPrincingStyleTestEnabled, }: ProductOrderItemProps) => JSX.Element;
|
|
3664
3666
|
|
|
3665
3667
|
interface ProgressBarProps {
|
|
3666
3668
|
description?: string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),n=require("../../../core/theme/Theme.js"),r=require("../../../hooks/WindowDimensions.js"),o=require("../../../types/enums.js"),l=require("../discount/DiscountTag.js"),t=require("../styles.js"),c=function(i,e){var n,r,l,t,c,a,d
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("tslib"),e=require("react/jsx-runtime"),n=require("../../../core/theme/Theme.js"),r=require("../../../hooks/WindowDimensions.js"),o=require("../../../types/enums.js"),l=require("../discount/DiscountTag.js"),t=require("../styles.js"),c=function(i,e){var n,r,l,t,c,s,a,d;switch(i){case o.ComponentSize.Large:return{finalPricefontSize:(null===(n=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===n?void 0:n.large)||"20px",finalPricefontSizeSmall:(null===(r=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===r?void 0:r.large)||"14px",margin:"0 0 0 0.75rem",lineHeight:"2rem"};case o.ComponentSize.Medium:return{fontSize:(null===(l=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===l?void 0:l.medium)||"1.125rem",finalPricefontSize:(null===(t=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===t?void 0:t.medium)||"20px",finalPricefontSizeSmall:(null===(c=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===c?void 0:c.medium)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"};case o.ComponentSize.Small:return{fontSize:(null===(s=null==e?void 0:e.component.pricing.priceLabel.price.defaultFontSize)||void 0===s?void 0:s.small)||"14px",finalPricefontSize:(null===(a=null==e?void 0:e.component.pricing.priceLabel.price.largeFontSize)||void 0===a?void 0:a.small)||"20px",finalPricefontSizeSmall:(null===(d=null==e?void 0:e.component.pricing.priceLabel.price.smallFontSize)||void 0===d?void 0:d.small)||"14px",margin:"0 0 0 0.5rem",lineHeight:"1.25rem"}}};function s(){for(var i=[],e=0;e<arguments.length;e++)i[e]=arguments[e];return i.filter(Boolean).join("-")}exports.PriceLabel=function(c){var a=c.finalPrice,d=c.originalPrice,p=c.discount,u=c.color,v=c.originalPriceColor,m=c.testId,g=c.finalPriceStyled,S=void 0!==g&&g,f=c.finalPriceStyle,z=c.originalPriceStyled,P=void 0!==z&&z,x=c.originalPriceUnderlined,_=void 0===x||x,h=c.size,j=void 0===h?o.ComponentSize.Medium:h,y=c.clubStyle,b=void 0!==y&&y,C=c.invertDirection,L=void 0!==C&&C,w=c.isPrincingStyleTestEnabled,D=void 0!==w&&w,F=i.__rest(c,["finalPrice","originalPrice","discount","color","originalPriceColor","testId","finalPriceStyled","finalPriceStyle","originalPriceStyled","originalPriceUnderlined","size","clubStyle","invertDirection","isPrincingStyleTestEnabled"]),T=n.useTheme(),q=r.useWindowDimensions().isMobile,M={size:S?o.ComponentSize.Small:j,color:u||T.colors.pallete.secondary.color,weight:700},H=function(){var n=b?q?o.ComponentSize.Small:o.ComponentSize.XSmall:P?j:o.ComponentSize.Small;return e.jsx(t.Price,i.__assign({size:n,color:v||T.component.pricing.priceLabel.price.originalPriceColor,underlined:_,"data-testid":s(m,"original-product-price"),theme:T},{children:d}),void 0)};return e.jsxs(t.Container,i.__assign({},F,{id:"priceLabel"},{children:[D?e.jsxs(t.PriceContainer,i.__assign({flexDirection:"column",gap:"0.25rem"},{children:[!!d&&e.jsx(H,{},void 0),e.jsx(t.Price,i.__assign({"data-testid":s(m,"final-product-price")},M,{style:f,size:j,weight:400},{children:a}),void 0)]}),void 0):b?e.jsxs(t.PriceContainer,i.__assign({flexDirection:L?"row-reverse":"row"},{children:[!!d&&e.jsx(H,{},void 0),e.jsx(t.Price,i.__assign({"data-testid":s(m,"final-product-price")},M,{style:f,size:j},{children:a}),void 0)]}),void 0):e.jsxs(t.PriceContainer,i.__assign({flexDirection:L?"row-reverse":"row"},{children:[e.jsx(t.Price,i.__assign({"data-testid":s(m,"final-product-price")},M,{style:f,size:j},{children:a}),void 0),!!d&&e.jsx(H,{},void 0)]}),void 0),p&&e.jsx(t.TagContainer,i.__assign({size:j},{children:e.jsx(l.DiscountTag,i.__assign({},p,{size:j}),void 0)}),void 0)]}),void 0)},exports.getFontSize=function(i,e,n,r){var o,l,t;return n?null===(o=c(i,e))||void 0===o?void 0:o.finalPricefontSize:r?null===(l=c(i,e))||void 0===l?void 0:l.finalPricefontSizeSmall:null===(t=c(i,e))||void 0===t?void 0:t.fontSize},exports.getStylesBySize=c,exports.getTestId=s;
|
|
2
2
|
//# sourceMappingURL=PriceLabel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled"),t=require("./price/PriceLabel.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,l,r,o,p,d,s,c,f,m,x=i(n),u=x.default.div(a||(a=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),g=x.default.p(l||(l=e.__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"])),(function(e){var n=e.weight;return n||"400"}),(function(e){var n=e.size,i=e.theme,a=e.finalPriceStyled,l=e.finalPriceStyledSmall;return t.getFontSize(n,i,a,l)}),(function(e){var n,i=e.size;return null===(n=t.getStylesBySize(i))||void 0===n?void 0:n.lineHeight}),(function(e){return e.color}),(function(e){return e.underlined?"line-through":"none"}),(function(e){var n,i=e.margin,a=e.size;return i?null===(n=t.getStylesBySize(a))||void 0===n?void 0:n.margin:"0"}),(function(e){var n=e.finalPriceStyledSmall,t=e.size;return n?"large"===t?"-6px":"-7px":"0"})),y=x.default.div(r||(r=e.__makeTemplateObject(["\n margin: ",";\n display: flex;\n align-items: center;\n"],["\n margin: ",";\n display: flex;\n align-items: center;\n"])),(function(e){var n,i=e.size;return null===(n=t.getStylesBySize(i))||void 0===n?void 0:n.margin})),v=x.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n flex-direction: ",";\n gap:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("@emotion/styled"),t=require("./price/PriceLabel.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a,l,r,o,p,d,s,c,f,m,x=i(n),u=x.default.div(a||(a=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),g=x.default.p(l||(l=e.__makeTemplateObject(["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"],["\n font-weight: ",";\n font-size: ",";\n line-height: ",";\n color: ",";\n text-decoration: ",";\n margin: ",";\n position: relative;\n margin-top: ",";\n"])),(function(e){var n=e.weight;return n||"400"}),(function(e){var n=e.size,i=e.theme,a=e.finalPriceStyled,l=e.finalPriceStyledSmall;return t.getFontSize(n,i,a,l)}),(function(e){var n,i=e.size;return null===(n=t.getStylesBySize(i))||void 0===n?void 0:n.lineHeight}),(function(e){return e.color}),(function(e){return e.underlined?"line-through":"none"}),(function(e){var n,i=e.margin,a=e.size;return i?null===(n=t.getStylesBySize(a))||void 0===n?void 0:n.margin:"0"}),(function(e){var n=e.finalPriceStyledSmall,t=e.size;return n?"large"===t?"-6px":"-7px":"0"})),y=x.default.div(r||(r=e.__makeTemplateObject(["\n margin: ",";\n display: flex;\n align-items: center;\n"],["\n margin: ",";\n display: flex;\n align-items: center;\n"])),(function(e){var n,i=e.size;return null===(n=t.getStylesBySize(i))||void 0===n?void 0:n.margin})),v=x.default.div(o||(o=e.__makeTemplateObject(["\n display: flex;\n flex-direction: ",";\n gap: ",";\n"],["\n display: flex;\n flex-direction: ",";\n gap: ",";\n"])),(function(e){return e.flexDirection}),(function(e){var n=e.gap;return void 0===n?"0.5rem":n})),_=x.default.div(p||(p=e.__makeTemplateObject(["\n margin-top: -0.4rem;\n .tooltip-wrapper {\n box-shadow: none;\n }\n"],["\n margin-top: -0.4rem;\n .tooltip-wrapper {\n box-shadow: none;\n }\n"]))),b=x.default.div(d||(d=e.__makeTemplateObject(["\n display: flex;\n"],["\n display: flex;\n"]))),h=x.default.div(s||(s=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n"]))),j=x.default.div(c||(c=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"]))),z=x.default.div(f||(f=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n gap: 4px;\n"]))),S=x.default.div(m||(m=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n"],["\n display: flex;\n align-items: center;\n gap: 8px;\n"])));exports.Container=u,exports.FinalPriceStyledContainer=b,exports.HorizontalVariantContainer=z,exports.HorizontalVariantRow=S,exports.Price=g,exports.PriceContainer=v,exports.PriceDiscountRow=j,exports.TagContainer=y,exports.TooltipContainer=_,exports.VerticalContainer=h;
|
|
2
2
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),r=require("../../../../core/theme/Theme.js"),t=require("../../../../utils/media.js"),o=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../../atoms/Icon/Icon.js"),a=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react"),require("../../../atoms/Toggle/toggle.styled.js");var s=require("../../../offer-banner/OfferBanner.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../types/enums.js"),require("../../../pricing/discount/styled.js");var c=require("../../../pricing/price/PriceLabel.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js");var u,m,g,p,f,h,b,v=d(n),j=v.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),x=v.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),y=v.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),t.mediaQueries({paddingLeft:["0.938rem","1.875rem"]}),"63px"),
|
|
1
|
+
"use strict";var e=require("tslib"),i=require("react/jsx-runtime"),n=require("@emotion/styled"),r=require("../../../../core/theme/Theme.js"),t=require("../../../../utils/media.js"),o=require("../../../atoms/ClubPriceMemberLabel/ClubPriceMemberLabel.js");require("../../../atoms/HorizontalDivider/HorizontalDivider.js");var l=require("../../../atoms/Icon/Icon.js"),a=require("../../../atoms/Image/Image.js");require("../../../atoms/PriceLabel/PriceLabel.js"),require("../../../atoms/PriceLabelV2/PriceLabelV2.js"),require("react"),require("../../../atoms/Toggle/toggle.styled.js");var s=require("../../../offer-banner/OfferBanner.js");require("../../../pricing/clubOffer/ClubOfferTag.js"),require("../../../../types/enums.js"),require("../../../pricing/discount/styled.js");var c=require("../../../pricing/price/PriceLabel.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../../pricing/styles.js"),require("../../../tooltip/Styled.js"),require("../../../pricing/priceLabelV3/PriceLabelV3.js"),require("../../../pricing/priceLabelV5/PriceLabelV5.styled.js"),require("../../../pricing/priceLabelV6/PriceLabelV6.styled.js");var u,m,g,p,f,h,b,v=d(n),j=v.default.div(u||(u=e.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"],["\n display: flex;\n flex-direction: row;\n width: auto;\n padding: 10px 0;\n"]))),x=v.default.div(m||(m=e.__makeTemplateObject(["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"],["\n position: relative;\n width: ",";\n img {\n display: block;\n }\n"])),"63px"),y=v.default.div(g||(g=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"],["\n display: flex;\n flex-direction: column;\n ",";\n width: calc(100% - ",");\n"])),t.mediaQueries({paddingLeft:["0.938rem","1.875rem"]}),"63px"),P=v.default.h2((function(e){return{fontWeight:600,fontSize:"1rem",lineHeight:"1.5rem",color:e.color,margin:"0.063rem 0"}})),_=v.default.h3((function(e){var i=e.color,n=e.fontSize,r=e.lineHeight;return{fontWeight:e.fontWeight,fontSize:n,lineHeight:r,color:i,margin:e.margin}})),q=v.default.div(p||(p=e.__makeTemplateObject(["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"],["\n display: flex;\n ",";\n height: 100%;\n align-items: end;\n margin-top: 0.219rem;\n"])),(function(e){return e.withTag?t.mediaQueries({justifyContent:["space-between","end"],flexDirection:["row","column"]}):"justify-content: end"})),w=v.default.div(f||(f=e.__makeTemplateObject(["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"],["\n position: absolute;\n right: 0;\n top: 0;\n transform: translate(30%, -30%);\n border-radius: 50%;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--colors-shades-300-color);\n color: var(--colors-shades-white-color);\n font-size: 0.75rem;\n font-weight: 600;\n line-height: 24px;\n"]))),L=v.default.span(h||(h=e.__makeTemplateObject(["\n display: block;\n transform: translateY(1px);\n"],["\n display: block;\n transform: translateY(1px);\n"]))),T=v.default.span(b||(b=e.__makeTemplateObject(["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"],["\n color: ",";\n font-weight: 600;\n font-size: 14px;\n line-height: 22px;\n"])),(function(e){return e.theme.colors.semantic.urgent.color}));module.exports=function(n){var t,d,u,m,g,p,f,h,b=n.title,v=n.className,k=n.subtitle,z=n.midElement,C=n.image,O=n.price,S=n.tag,V=n.quantity,H=n.finalPriceStyle,I=n.isGift,W=n.isClub,D=n.isPrincingStyleTestEnabled,E=r.useTheme();return i.jsxs(j,e.__assign({className:v},{children:[i.jsxs(x,{children:[i.jsx(a.Image,{src:C.src,alt:C.alt,width:"4.063rem",height:"5.375rem",objectFit:"cover",objectPosition:"center"},void 0),V?i.jsx(w,e.__assign({"data-testid":"order-item-quantity"},{children:i.jsx(L,{children:V},void 0)}),void 0):null]},void 0),i.jsxs(y,e.__assign({"data-testid":"order-item-description-container",theme:E},{children:[i.jsx(P,e.__assign({color:E.colors.shades[700].color,"data-testid":"product-title"},{children:b}),void 0),k&&i.jsx(_,e.__assign({color:(null===(d=null===(t=E.component.pricing)||void 0===t?void 0:t.subtitle)||void 0===d?void 0:d.color)||E.colors.shades[700].color,fontSize:(null===(m=null===(u=E.component.pricing)||void 0===u?void 0:u.subtitle)||void 0===m?void 0:m.fontSize)||"0.75rem",lineHeight:(null===(p=null===(g=E.component.pricing)||void 0===g?void 0:g.subtitle)||void 0===p?void 0:p.lineHeight)||"1rem",fontWeight:(null===(h=null===(f=E.component.pricing)||void 0===f?void 0:f.subtitle)||void 0===h?void 0:h.fontWeight)||"normal","data-testid":"product-variant-title",margin:"0.5rem 0 0 0"},{children:k}),void 0),z,I&&i.jsx(T,{children:"Limited Time Only"},void 0),i.jsxs(q,e.__assign({"data-testid":"order-item-price-container",withTag:!!S,theme:E},{children:[S&&i.jsx(s.OfferBanner,{discountAppliedText:null==S?void 0:S.text,backgroundColor:null==S?void 0:S.backgroundColor},void 0),I?i.jsx(T,{children:"GIFT"},void 0):W?i.jsx(o.ClubPriceMemberLabel,{finalPrice:O.finalPrice,originalPrice:O.originalPrice,isCollections:!1,isClubOffer:!0,isClub:!0,icon:i.jsx(l.Icon,{name:"other/club_filled",height:"21px",width:"52px"},void 0),style:{gap:8}},void 0):i.jsx(c.PriceLabel,{finalPrice:O.finalPrice,originalPrice:O.originalPrice,color:O.color||E.colors.shades[700].color,originalPriceColor:O.originalPriceColor,size:E.component.pricing.priceLabel.price.size,finalPriceStyle:H,originalPriceStyled:!0,isPrincingStyleTestEnabled:D},void 0)]}),void 0)]}),void 0)]}),void 0)};
|
|
2
2
|
//# sourceMappingURL=SimpleOrderItem.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/react"),t=require("@emotion/styled"),i=require("../../text/Text.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var a,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/react"),t=require("@emotion/styled"),i=require("../../text/Text.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,l,s,c,f,p,g,m,u,h,x,d,b,y,_,T=o(t),j=T.default.div(r||(r=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"],["\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n"]))),w=T.default.h1(a||(a=n.__makeTemplateObject(["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n display: block;\n align-items: center;\n"],["\n margin: 0;\n font-size: 1.5rem;\n line-height: 2rem;\n font-weight: 700;\n display: block;\n align-items: center;\n"]))),k=T.default.span(l||(l=n.__makeTemplateObject(["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ",";\n font-size: ",";\n line-height: ",";\n align-self: ",";\n"],["\n margin: 0;\n margin-right: 0.625rem;\n font-weight: 600;\n color: ",";\n font-size: ",";\n line-height: ",";\n align-self: ",";\n"])),(function(n){return n.theme.component.total.basicTotal.currency.color}),(function(n){return n.theme.component.total.basicTotal.currency.fontSize}),(function(n){return n.theme.component.total.basicTotal.currency.lineHeight}),(function(n){return n.theme.component.total.basicTotal.currency.alignSelf})),v=T.default.div(c||(c=n.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n align-items: center;\n\n ","\n"],["\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 0.625rem;\n align-items: center;\n\n ","\n"])),(function(t){var i=t.highlightSavings;if(i)return e.css(s||(s=n.__makeTemplateObject(["\n justify-content: unset;\n gap: 0.5rem;\n background-color: ",";\n width: auto;\n align-self: end;\n padding: 4px;\n border-radius: 4px;\n "],["\n justify-content: unset;\n gap: 0.5rem;\n background-color: ",";\n width: auto;\n align-self: end;\n padding: 4px;\n border-radius: 4px;\n "])),"v1"===i&&"#dff1ec")})),z=T.default(v)(f||(f=n.__makeTemplateObject(["\n justify-content: ",";\n margin-top: 0;\n"],["\n justify-content: ",";\n margin-top: 0;\n"])),(function(n){return n.showTotalLabel?"space-between":"flex-end"})),O=T.default.div(p||(p=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n\n & > span:first-of-type {\n color: #ff4e30;\n text-decoration: line-through;\n }\n\n & > span:last-of-type {\n color: #44c676;\n }\n"],["\n display: flex;\n flex-direction: column;\n font-size: 16px;\n line-height: 24px;\n font-weight: 400;\n\n & > span:first-of-type {\n color: #ff4e30;\n text-decoration: line-through;\n }\n\n & > span:last-of-type {\n color: #44c676;\n }\n"]))),S=T.default.span(g||(g=n.__makeTemplateObject(["\n color: ",";\n"],["\n color: ",";\n"])),(function(n){return n.color})),C=T.default.h3(u||(u=n.__makeTemplateObject(["\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n font-weight: 600;\n color: ",";\n\n ","\n"],["\n margin: 0;\n font-size: 14px;\n line-height: 22px;\n font-weight: 600;\n color: ",";\n\n ","\n"])),(function(n){var e=n.highlightColor;return n.isPrincingStyleTestEnabled?"#FF4E30":e}),(function(t){if(t.isSavingsHighlighted)return e.css(m||(m=n.__makeTemplateObject(["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n text-transform: uppercase;\n "],["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n text-transform: uppercase;\n "])))})),P=T.default.h3(d||(d=n.__makeTemplateObject(["\n margin: 0;\n font-size: ",";\n line-height: 28px;\n font-weight: ",";\n\n color: ",";\n\n ","\n\n ","\n"],["\n margin: 0;\n font-size: ",";\n line-height: 28px;\n font-weight: ",";\n\n color: ",";\n\n ","\n\n ","\n"])),(function(n){return n.isPrincingStyleTestEnabled?"16px":"18px"}),(function(n){var e=n.theme;return n.isPrincingStyleTestEnabled?400:e.component.total.basicTotal.savings.amountFontWeight}),(function(n){var e=n.isPrincingStyleTestEnabled,t=n.highlightColor;return e?"#FF4E30":t}),(function(t){if(t.isPrincingStyleTestEnabled)return e.css(h||(h=n.__makeTemplateObject(["\n &::before {\n content: '-';\n margin-right: 2px;\n }\n "],["\n &::before {\n content: '-';\n margin-right: 2px;\n }\n "])))}),(function(t){if(t.isSavingsHighlighted)return e.css(x||(x=n.__makeTemplateObject(["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n "],["\n font-weight: 700;\n font-size: 16px;\n line-height: 24px;\n "])))})),E=T.default(i.Text)(b||(b=n.__makeTemplateObject(["\n font-size: 20px;\n"],["\n font-size: 20px;\n"]))),F=T.default.div(y||(y=n.__makeTemplateObject(["\n display: flex;\n align-items: center;\n"],["\n display: flex;\n align-items: center;\n"]))),q=T.default.div(_||(_=n.__makeTemplateObject(["\n position: absolute;\n transform: translate(10px, -18px);\n"],["\n position: absolute;\n transform: translate(10px, -18px);\n"])));exports.Container=v,exports.Currency=k,exports.DiscountAmount=P,exports.DiscountText=C,exports.GrandTotal=w,exports.PriceWrapper=S,exports.PricingStyledContainer=O,exports.SavingsSvgContainer=F,exports.StarsContainer=q,exports.TotalContainer=z,exports.TotalLabel=E,exports.Wrapper=j;
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED