@trafilea/afrodita-components 7.27.0 → 7.27.1
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentSize as i}from"../../../../types/enums.js";import{STYLES_BY_THEME as e}from"./constants.js";var o,r,a,d,p,l,h,m,s,c,x,u,g=t.div((function(n){return{position:"relative",width:n.width,height:n.height}})),f=t.img(o||(o=n(["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"],["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"]))),v=t.a(r||(r=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"]))),w=t.div(a||(a=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"]))),b=t.
|
|
1
|
+
import{__makeTemplateObject as n}from"tslib";import t from"@emotion/styled";import{ComponentSize as i}from"../../../../types/enums.js";import{STYLES_BY_THEME as e}from"./constants.js";var o,r,a,d,p,l,h,m,s,c,x,u,g=t.div((function(n){return{position:"relative",width:n.width,height:n.height}})),f=t.img(o||(o=n(["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"],["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"]))),v=t.a(r||(r=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"]))),w=t.div(a||(a=n(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"]))),b=t.p(d||(d=n(["\n font-size: ",";\n font-weight: ",";\n line-height: 1.375rem;\n min-height: 2.75rem;\n color: ",";\n margin: 0.25rem 0;\n text-align: ",";\n\n ","\n\n ","\n\n @media (max-width: ","px) {\n font-size: ",";\n }\n"],["\n font-size: ",";\n font-weight: ",";\n line-height: 1.375rem;\n min-height: 2.75rem;\n color: ",";\n margin: 0.25rem 0;\n text-align: ",";\n\n ","\n\n ","\n\n @media (max-width: ","px) {\n font-size: ",";\n }\n"])),(function(n){var t=n.theme;return e[t.name].title.fontSize}),(function(n){var t=n.theme;return e[t.name].title.fontWeight}),(function(n){return n.theme.colors.text.color}),(function(n){var t=n.align;return void 0===t?"center":t}),(function(n){var t=n.theme;return["Revel","TheSpaDr"].includes(t.name)&&"\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden; \n "}),(function(n){return"Revel"===n.theme.name&&"max-width: 150px;"}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){var t=n.theme;return e[t.name].title.mobile.fontSize})),y=function(n){switch(n){case i.Medium:return{width:"205px",height:"274px"};case i.Small:return{width:"9.813rem",height:"13.125rem"};case i.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}},z=t.div(p||(p=n(["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"])),(function(n){return n.style.width})),k=t.div(l||(l=n(["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ",";\n z-index: 1;\n"])),(function(n){return n.style.width})),_=t.div(h||(h=n(["\n margin-top: 8px;\n"],["\n margin-top: 8px;\n"]))),j=t.div(m||(m=n(["\n margin-top: 2px;\n margin-bottom: 2px;\n"],["\n margin-top: 2px;\n margin-bottom: 2px;\n"]))),S=t.div(s||(s=n(["\n width: 100%;\n height: 1px;\n background-color: ",";\n"],["\n width: 100%;\n height: 1px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.shades[100].color})),T=t.div(c||(c=n(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"],["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"]))),C=t.button(x||(x=n(["\n position: ",";\n top: ",";\n right: ",";\n z-index: ",";\n padding: ",";\n box-sizing: ",";\n background-color: white;\n border: none;\n border-radius: 8px;\n justify-content: center;\n display: flex;\n align-items: center;\n height: 24px !important;\n width: 49px !important;\n svg[data-testid='shaper-pink-selector'] {\n height: 20px;\n width: 20px;\n }\n div[data-testid='radio-group-options-container'] {\n margin-top: 0 !important;\n display: flex;\n align-items: center;\n\n div[data-testid='numeric-tooltip'] {\n font-weight: 700 !important;\n }\n }\n div[data-testid='TooltipContainer'] {\n width: 49px !important;\n overflow: hidden;\n border-radius: 10px;\n }\n"],["\n position: ",";\n top: ",";\n right: ",";\n z-index: ",";\n padding: ",";\n box-sizing: ",";\n background-color: white;\n border: none;\n border-radius: 8px;\n justify-content: center;\n display: flex;\n align-items: center;\n height: 24px !important;\n width: 49px !important;\n svg[data-testid='shaper-pink-selector'] {\n height: 20px;\n width: 20px;\n }\n div[data-testid='radio-group-options-container'] {\n margin-top: 0 !important;\n display: flex;\n align-items: center;\n\n div[data-testid='numeric-tooltip'] {\n font-weight: 700 !important;\n }\n }\n div[data-testid='TooltipContainer'] {\n width: 49px !important;\n overflow: hidden;\n border-radius: 10px;\n }\n"])),(function(n){var t=n.position;return void 0===t?"absolute":t}),(function(n){var t=n.top;return void 0===t?"4px":t}),(function(n){var t=n.right;return void 0===t?"4px":t}),(function(n){var t=n.zIndex;return void 0===t?99999:t}),(function(n){var t=n.padding;return void 0===t?"0px":t}),(function(n){var t=n.boxSizing;return void 0===t?"border-box":t})),R=t.div(u||(u=n(["\n display: flex;\n flex-direction: row;\n margin-bottom: 4px;\n\n @media (max-width: 480px) {\n flex-direction: column;\n }\n"],["\n display: flex;\n flex-direction: row;\n margin-bottom: 4px;\n\n @media (max-width: 480px) {\n flex-direction: column;\n }\n"])));export{k as BottomTagContainer,j as ClubOfferPriceLabelWrapper,v as Container,C as CornerContainer,S as Divider,g as ImageContainer,f as ImageHoverContainer,R as InlineContainer,_ as MarginTopContainer,T as OneLineInfoWrapper,w as ProdCardContainer,b as Title,z as TopTagContainer,y as getStylesBySize};
|
|
2
2
|
//# sourceMappingURL=styled.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("../../../../types/enums.js"),i=require("./constants.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,d,p,l,m,s,c,u,h,x,f,g=o(e),v=g.default.div((function(n){return{position:"relative",width:n.width,height:n.height}})),b=g.default.img(r||(r=n.__makeTemplateObject(["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"],["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"]))),w=g.default.a(a||(a=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"]))),_=g.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"]))),y=g.default.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("@emotion/styled"),t=require("../../../../types/enums.js"),i=require("./constants.js");function o(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var r,a,d,p,l,m,s,c,u,h,x,f,g=o(e),v=g.default.div((function(n){return{position:"relative",width:n.width,height:n.height}})),b=g.default.img(r||(r=n.__makeTemplateObject(["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"],["\n opacity: 0;\n position: absolute;\n transition: all 0.4s ease-in-out;\n"]))),w=g.default.a(a||(a=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n text-decoration: none;\n\n &:hover .hover__image {\n opacity: 1;\n }\n\n &:hover .like-btn-container:hover + .hover__image {\n opacity: 0;\n }\n"]))),_=g.default.div(d||(d=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"],["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: min-content;\n text-decoration: none;\n position: relative;\n"]))),y=g.default.p(p||(p=n.__makeTemplateObject(["\n font-size: ",";\n font-weight: ",";\n line-height: 1.375rem;\n min-height: 2.75rem;\n color: ",";\n margin: 0.25rem 0;\n text-align: ",";\n\n ","\n\n ","\n\n @media (max-width: ","px) {\n font-size: ",";\n }\n"],["\n font-size: ",";\n font-weight: ",";\n line-height: 1.375rem;\n min-height: 2.75rem;\n color: ",";\n margin: 0.25rem 0;\n text-align: ",";\n\n ","\n\n ","\n\n @media (max-width: ","px) {\n font-size: ",";\n }\n"])),(function(n){var e=n.theme;return i.STYLES_BY_THEME[e.name].title.fontSize}),(function(n){var e=n.theme;return i.STYLES_BY_THEME[e.name].title.fontWeight}),(function(n){return n.theme.colors.text.color}),(function(n){var e=n.align;return void 0===e?"center":e}),(function(n){var e=n.theme;return["Revel","TheSpaDr"].includes(e.name)&&"\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden; \n "}),(function(n){return"Revel"===n.theme.name&&"max-width: 150px;"}),(function(n){return n.theme.mediaQueries.mobile}),(function(n){var e=n.theme;return i.STYLES_BY_THEME[e.name].title.mobile.fontSize})),T=g.default.div(l||(l=n.__makeTemplateObject(["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n left: 0;\n top: 0;\n width: ",";\n z-index: 1;\n"])),(function(n){return n.style.width})),k=g.default.div(m||(m=n.__makeTemplateObject(["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ",";\n z-index: 1;\n"],["\n position: absolute;\n bottom: 10%;\n left: 0;\n width: ",";\n z-index: 1;\n"])),(function(n){return n.style.width})),j=g.default.div(s||(s=n.__makeTemplateObject(["\n margin-top: 8px;\n"],["\n margin-top: 8px;\n"]))),z=g.default.div(c||(c=n.__makeTemplateObject(["\n margin-top: 2px;\n margin-bottom: 2px;\n"],["\n margin-top: 2px;\n margin-bottom: 2px;\n"]))),C=g.default.div(u||(u=n.__makeTemplateObject(["\n width: 100%;\n height: 1px;\n background-color: ",";\n"],["\n width: 100%;\n height: 1px;\n background-color: ",";\n"])),(function(n){return n.theme.colors.shades[100].color})),S=g.default.div(h||(h=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"],["\n width: 100%;\n display: flex;\n justify-content: space-between;\n"]))),O=g.default.button(x||(x=n.__makeTemplateObject(["\n position: ",";\n top: ",";\n right: ",";\n z-index: ",";\n padding: ",";\n box-sizing: ",";\n background-color: white;\n border: none;\n border-radius: 8px;\n justify-content: center;\n display: flex;\n align-items: center;\n height: 24px !important;\n width: 49px !important;\n svg[data-testid='shaper-pink-selector'] {\n height: 20px;\n width: 20px;\n }\n div[data-testid='radio-group-options-container'] {\n margin-top: 0 !important;\n display: flex;\n align-items: center;\n\n div[data-testid='numeric-tooltip'] {\n font-weight: 700 !important;\n }\n }\n div[data-testid='TooltipContainer'] {\n width: 49px !important;\n overflow: hidden;\n border-radius: 10px;\n }\n"],["\n position: ",";\n top: ",";\n right: ",";\n z-index: ",";\n padding: ",";\n box-sizing: ",";\n background-color: white;\n border: none;\n border-radius: 8px;\n justify-content: center;\n display: flex;\n align-items: center;\n height: 24px !important;\n width: 49px !important;\n svg[data-testid='shaper-pink-selector'] {\n height: 20px;\n width: 20px;\n }\n div[data-testid='radio-group-options-container'] {\n margin-top: 0 !important;\n display: flex;\n align-items: center;\n\n div[data-testid='numeric-tooltip'] {\n font-weight: 700 !important;\n }\n }\n div[data-testid='TooltipContainer'] {\n width: 49px !important;\n overflow: hidden;\n border-radius: 10px;\n }\n"])),(function(n){var e=n.position;return void 0===e?"absolute":e}),(function(n){var e=n.top;return void 0===e?"4px":e}),(function(n){var e=n.right;return void 0===e?"4px":e}),(function(n){var e=n.zIndex;return void 0===e?99999:e}),(function(n){var e=n.padding;return void 0===e?"0px":e}),(function(n){var e=n.boxSizing;return void 0===e?"border-box":e})),E=g.default.div(f||(f=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n margin-bottom: 4px;\n\n @media (max-width: 480px) {\n flex-direction: column;\n }\n"],["\n display: flex;\n flex-direction: row;\n margin-bottom: 4px;\n\n @media (max-width: 480px) {\n flex-direction: column;\n }\n"])));exports.BottomTagContainer=k,exports.ClubOfferPriceLabelWrapper=z,exports.Container=w,exports.CornerContainer=O,exports.Divider=C,exports.ImageContainer=v,exports.ImageHoverContainer=b,exports.InlineContainer=E,exports.MarginTopContainer=j,exports.OneLineInfoWrapper=S,exports.ProdCardContainer=_,exports.Title=y,exports.TopTagContainer=T,exports.getStylesBySize=function(n){switch(n){case t.ComponentSize.Medium:return{width:"205px",height:"274px"};case t.ComponentSize.Small:return{width:"9.813rem",height:"13.125rem"};case t.ComponentSize.Large:return{width:"262px",height:"350px"};default:return{width:"205px",height:"274px"}}};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/package.json
CHANGED