@trafilea/afrodita-components 5.0.0-beta.81 → 5.0.0-beta.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +2 -1
- package/build/index.esm.js +6 -6
- package/build/index.js +6 -6
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -1999,8 +1999,9 @@ interface TextWithImageProps {
|
|
|
1999
1999
|
contentAfterButton?: React.ReactNode;
|
|
2000
2000
|
titleStyle?: React.CSSProperties;
|
|
2001
2001
|
textStyle?: React.CSSProperties;
|
|
2002
|
+
buttonWideOnMobile?: boolean;
|
|
2002
2003
|
}
|
|
2003
|
-
declare const TextWithImage: ({ title, text, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2004
|
+
declare const TextWithImage: ({ title, text, buttomText, backgroundColor, imageLeftSide, titleStyle, textStyle, buttonWideOnMobile, ...props }: TextWithImageProps) => _emotion_react_jsx_runtime.JSX.Element;
|
|
2004
2005
|
|
|
2005
2006
|
declare global {
|
|
2006
2007
|
interface Events {
|
package/build/index.esm.js
CHANGED
|
@@ -255,7 +255,7 @@ var Play = function (_a) {
|
|
|
255
255
|
|
|
256
256
|
var FitGuarantee = function (_a) {
|
|
257
257
|
var height = _a.height, width = _a.width, fill = _a.fill, testId = _a.testId;
|
|
258
|
-
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 65, viewBoxY: 65, title: "fit guarantee", testId: testId }, { children: [jsx$1("mask", __assign$1({ id: "mask0_160_13321", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "65", height: "65" }, { children: jsx$1("circle", { cx: "32.5", cy: "32.5", r: "32.5", fill: "#
|
|
258
|
+
return (jsxs$1(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 65, viewBoxY: 65, title: "fit guarantee", testId: testId }, { children: [jsx$1("mask", __assign$1({ id: "mask0_160_13321", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "65", height: "65" }, { children: jsx$1("circle", { cx: "32.5", cy: "32.5", r: "32.5", fill: "#fff" }, void 0) }), void 0), jsxs$1("g", __assign$1({ mask: "url(#mask0_160_13321)" }, { children: [jsx$1("path", { d: "M67.3715 -1.48547H-2.22679V67.0832H67.3715V-1.48547Z", fill: "#F7A08B" }, void 0), jsx$1("g", __assign$1({ opacity: "0.2" }, { children: jsx$1("path", { d: "M32.5292 39.7135C52.5279 39.7135 68.74 28.9192 68.74 15.6038C68.74 2.28841 52.5279 -8.50586 32.5292 -8.50586C12.5305 -8.50586 -3.68164 2.28841 -3.68164 15.6038C-3.68164 28.9192 12.5305 39.7135 32.5292 39.7135Z", fill: "white" }, void 0) }), void 0), jsx$1("path", { d: "M34.4666 19.0809C34.4477 17.8915 34.5734 16.7043 34.8411 15.5452C35.0453 14.6673 35.3777 13.8241 35.8275 13.043C36.1938 12.4145 36.6743 11.8599 37.2443 11.4078C37.7471 11.0128 38.3026 10.6897 38.8947 10.4481C39.4399 10.2284 40.0106 10.0783 40.5933 10.0012C41.1109 9.93093 41.6325 9.89404 42.1548 9.89075C42.6591 9.89448 43.1628 9.92839 43.663 9.99231C44.2378 10.064 44.8018 10.2051 45.3426 10.4125C45.936 10.6389 46.4922 10.9526 46.993 11.3431C47.5593 11.7946 48.0352 12.3489 48.3958 12.977C48.8461 13.7648 49.1789 14.6142 49.3835 15.4983C49.6324 16.4978 49.7568 17.6916 49.7568 19.0796V32.2739C49.7761 33.4628 49.6507 34.6496 49.3835 35.8082C49.1755 36.6954 48.8398 37.5477 48.387 38.3384C48.0165 38.9819 47.5341 39.5541 46.9626 40.0282C46.4621 40.4388 45.9066 40.7772 45.3122 41.0336C44.7771 41.2637 44.2154 41.4262 43.6402 41.5173C43.1477 41.597 42.6499 41.6394 42.151 41.6443C41.6188 41.6409 41.0876 41.5984 40.5616 41.5173C39.9748 41.4266 39.4013 41.2641 38.8541 41.0336C38.2592 40.7823 37.7035 40.4472 37.2037 40.0383C36.6379 39.5695 36.1644 38.9995 35.8072 38.3575C35.3657 37.5612 35.0395 36.7063 34.8385 35.8184C34.5751 34.6557 34.4503 33.4659 34.4666 32.2739V19.0809ZM39.3086 34.2607C39.3086 35.5514 39.543 36.4891 40.0119 37.074C40.4807 37.6588 41.1959 37.9512 42.1574 37.9512C43.096 37.9512 43.7963 37.6588 44.2585 37.074C44.7206 36.4891 44.9503 35.5514 44.9478 34.2607V17.3632C44.9478 15.9997 44.7163 15.007 44.2534 14.3849C43.7904 13.7628 43.0909 13.4522 42.1548 13.4531C41.1925 13.4531 40.4774 13.7637 40.0093 14.3849C39.5413 15.0061 39.3069 15.9989 39.306 17.3632L39.3086 34.2607Z", fill: fill }, void 0), jsx$1("path", { d: "M15.44 44.0871H18.6329C19.3751 44.0818 20.1152 44.1671 20.8368 44.3411C21.4939 44.4956 22.113 44.781 22.6573 45.1802C23.1842 45.5759 23.6079 46.0928 23.8926 46.6872C24.1972 47.305 24.3496 48.0553 24.3496 48.938C24.3641 49.652 24.2124 50.3596 23.9065 51.0048C23.6227 51.5862 23.2149 52.0984 22.7119 52.5054C22.197 52.9183 21.6092 53.2309 20.979 53.4271C20.3142 53.6396 19.6203 53.7471 18.9223 53.7457H15.44V44.0871ZM17.569 51.7818H18.6684C19.1298 51.7849 19.5899 51.7342 20.0395 51.6307C20.4364 51.5437 20.8106 51.3742 21.1377 51.133C21.4532 50.8938 21.7041 50.5796 21.8677 50.219C22.0573 49.7825 22.1483 49.3096 22.1343 48.8339C22.1443 48.4073 22.053 47.9844 21.8677 47.5999C21.6991 47.2595 21.454 46.9628 21.1516 46.7329C20.8341 46.4987 20.4754 46.3264 20.0941 46.225C19.6806 46.1109 19.2535 46.0536 18.8246 46.0549H17.569V51.7818Z", fill: fill }, void 0), jsx$1("path", { d: "M28.9745 44.0872H30.729L34.9311 53.7458H32.5343L31.7027 51.698H27.9513L27.1464 53.7445H24.799L28.9745 44.0872ZM29.7921 46.8966L28.619 49.8991H30.9829L29.7921 46.8966Z", fill: fill }, void 0), jsx$1("path", { d: "M37.2684 49.6261L33.64 44.0872H36.287L38.3335 47.7015L40.5044 44.0872H43.0282L39.3999 49.6261V53.7458H37.2684V49.6261Z", fill: fill }, void 0), jsx$1("path", { d: "M48.5101 46.4472C48.327 46.222 48.0835 46.0537 47.808 45.9622C47.5392 45.863 47.2554 45.8102 46.9689 45.8061C46.8082 45.8065 46.6481 45.8249 46.4915 45.8607C46.3299 45.8955 46.174 45.9528 46.0282 46.0308C45.8873 46.104 45.7655 46.2092 45.6727 46.338C45.5576 46.5167 45.5135 46.7319 45.549 46.9414C45.5845 47.1509 45.6969 47.3396 45.8644 47.4704C46.1183 47.6423 46.3964 47.7754 46.6896 47.8653C47.0205 47.9744 47.3773 48.0836 47.7598 48.1928C48.136 48.2995 48.4963 48.4557 48.8313 48.6574C49.1644 48.8589 49.4468 49.1343 49.6565 49.4623C49.8748 49.8009 49.984 50.2511 49.984 50.8131C49.9949 51.2981 49.8923 51.7789 49.6844 52.2172C49.493 52.607 49.2151 52.9478 48.8719 53.2138C48.5181 53.4846 48.1149 53.6838 47.6849 53.8003C46.6409 54.0838 45.5362 54.0506 44.5111 53.7051C43.953 53.5009 43.4424 53.1851 43.0105 52.7771L44.5238 51.1127C44.7399 51.402 45.0237 51.6339 45.3502 51.7881C45.8325 52.0253 46.382 52.0881 46.9054 51.9658C47.0726 51.9279 47.2334 51.8659 47.3827 51.7818C47.5188 51.7038 47.6355 51.5962 47.7243 51.4669C47.8115 51.3336 47.8558 51.1768 47.8512 51.0175C47.8559 50.884 47.8278 50.7513 47.7694 50.6311C47.711 50.5109 47.624 50.4069 47.516 50.3281C47.2599 50.143 46.9769 49.9983 46.6769 49.899C46.3383 49.7797 45.9748 49.6612 45.5864 49.5436C45.2043 49.4297 44.8376 49.2694 44.4946 49.0662C44.1597 48.868 43.8731 48.5979 43.6554 48.2753C43.432 47.9478 43.3207 47.5157 43.3215 46.9791C43.3105 46.5059 43.416 46.0372 43.6287 45.6144C43.8267 45.2314 44.1057 44.8961 44.4463 44.6318C44.7998 44.3627 45.2001 44.1617 45.627 44.0389C46.0741 43.9066 46.5381 43.8399 47.0044 43.8408C47.5407 43.8394 48.0743 43.9177 48.5875 44.0732C49.0978 44.2286 49.568 44.4938 49.965 44.8501L48.5101 46.4472Z", fill: fill }, void 0), jsx$1("path", { d: "M29.4455 23.0447L21.1326 23.0662C21.0006 23.0664 20.8698 23.0406 20.7478 22.9902C20.6257 22.9398 20.5148 22.8659 20.4213 22.7726C20.3278 22.6794 20.2536 22.5686 20.2029 22.4467C20.1522 22.3248 20.1261 22.1941 20.1259 22.062V17.6745C20.1259 16.1029 20.4031 14.9603 20.9574 14.2468C21.5118 13.5333 22.3146 13.1779 23.3657 13.1804C23.8118 13.1702 24.2564 13.235 24.681 13.3721C25.0525 13.504 25.3705 13.7542 25.5862 14.0843C25.8562 14.5157 26.0362 14.9971 26.1155 15.4998C26.2436 16.2665 26.3006 17.0434 26.2857 17.8205V19.217C26.2857 19.5411 26.414 19.8519 26.6427 20.0815C26.8713 20.3111 27.1816 20.4408 27.5057 20.4421L29.1256 20.4485C29.2903 20.4495 29.4535 20.4178 29.6059 20.3554C29.7583 20.293 29.8968 20.201 30.0134 20.0847C30.13 19.9684 30.2225 19.8302 30.2854 19.678C30.3483 19.5258 30.3804 19.3627 30.3799 19.198C30.3799 17.5565 30.3799 16.1219 30.3799 15.8274C30.3839 15.0562 30.255 14.29 29.999 13.5625C29.7434 12.8438 29.3209 12.196 28.7663 11.6722C28.1368 11.0924 27.393 10.6505 26.5827 10.3747C25.6941 10.0523 24.6222 9.89062 23.367 9.88977C22.8301 9.89323 22.2937 9.92374 21.7598 9.98118C21.1569 10.0477 20.5645 10.1888 19.9964 10.4014C19.381 10.6346 18.8005 10.9511 18.2711 11.3421C17.6708 11.7938 17.1649 12.3588 16.782 13.0052C16.3068 13.8095 15.9558 14.6809 15.7409 15.59C15.4777 16.6132 15.3465 17.8434 15.3474 19.2805V32.1028C15.3474 33.8446 15.5209 35.3214 15.8679 36.5334C16.2149 37.7454 16.7253 38.7297 17.3989 39.4864C18.0719 40.239 18.9276 40.8052 19.8834 41.1304C20.9767 41.4873 22.1219 41.659 23.2718 41.6382C24.3115 41.6528 25.3462 41.4923 26.3326 41.1634C27.227 40.8543 28.0281 40.3231 28.661 39.6197C29.3067 38.907 29.8031 37.9782 30.1501 36.833C30.4971 35.6879 30.6706 34.2813 30.6706 32.6131V24.2634C30.6706 24.1028 30.6389 23.9438 30.5773 23.7955C30.5156 23.6473 30.4253 23.5126 30.3114 23.3994C30.1976 23.2861 30.0625 23.1965 29.9139 23.1356C29.7653 23.0747 29.6061 23.0438 29.4455 23.0447ZM20.866 37.5909L21.7547 30.7698C21.345 30.5147 21.0281 30.1349 20.8506 29.6861C20.6731 29.2374 20.6444 28.7435 20.7688 28.2772C20.8932 27.811 21.1641 27.397 21.5415 27.0963C21.9189 26.7956 22.383 26.6241 22.8652 26.607C23.3475 26.59 23.8225 26.7283 24.2202 27.0015C24.618 27.2748 24.9174 27.6686 25.0744 28.1249C25.2315 28.5812 25.2378 29.0759 25.0924 29.5361C24.9471 29.9963 24.6578 30.3976 24.2671 30.6809L25.2827 37.61L20.866 37.5909Z", fill: fill }, void 0)] }), void 0)] }), void 0));
|
|
259
259
|
};
|
|
260
260
|
|
|
261
261
|
var Other = /*#__PURE__*/Object.freeze({
|
|
@@ -17150,8 +17150,8 @@ var IconsWithTitle = function (_a) {
|
|
|
17150
17150
|
};
|
|
17151
17151
|
var templateObject_1$2;
|
|
17152
17152
|
|
|
17153
|
-
var ImageWrapper = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n max-height: fit-content;\n"], ["\n position: relative;\n display: flex;\n max-height: fit-content;\n"])));
|
|
17154
|
-
var VideoOverlay = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.
|
|
17153
|
+
var ImageWrapper = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n max-height: fit-content;\n margin: 0 14px;\n"], ["\n position: relative;\n display: flex;\n max-height: fit-content;\n margin: 0 14px;\n"])));
|
|
17154
|
+
var VideoOverlay = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.1);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n top: 0;\n left: 0;\n border-radius: 25px;\n color: #ffffff;\n gap: 15px;\n cursor: pointer;\n text-align: center;\n @media (max-width: 768px) {\n justify-content: end;\n gap: 10px;\n padding-bottom: 20px;\n text-align: center;\n }\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.1);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n top: 0;\n left: 0;\n border-radius: 25px;\n color: #ffffff;\n gap: 15px;\n cursor: pointer;\n text-align: center;\n @media (max-width: 768px) {\n justify-content: end;\n gap: 10px;\n padding-bottom: 20px;\n text-align: center;\n }\n"])));
|
|
17155
17155
|
var FullscreenVideo = newStyled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 9999;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 9999;\n"])));
|
|
17156
17156
|
var ImageVideo = function (_a) {
|
|
17157
17157
|
var imageLink = _a.imageLink, isVideo = _a.isVideo, isMobile = _a.isMobile;
|
|
@@ -17175,12 +17175,12 @@ var ImageVideo = function (_a) {
|
|
|
17175
17175
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17176
17176
|
|
|
17177
17177
|
var ContainerDesktop = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex: 0 0 50%;\n justify-content: space-around;\n height: 574px;\n"], ["\n flex: 0 0 50%;\n justify-content: space-around;\n height: 574px;\n"])));
|
|
17178
|
-
var ContainerMobile = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px
|
|
17178
|
+
var ContainerMobile = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px 15px;\n }\n"], ["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px 15px;\n }\n"])));
|
|
17179
17179
|
var Container = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 60px 34px 40px 34px;\n display: flex;\n @media (min-width: 769px) {\n ", "\n }\n @media (max-width: 768px) {\n ", "\n }\n"], ["\n padding: 60px 34px 40px 34px;\n display: flex;\n @media (min-width: 769px) {\n ", "\n }\n @media (max-width: 768px) {\n ", "\n }\n"])), ContainerDesktop, ContainerMobile);
|
|
17180
17180
|
var TextContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"])));
|
|
17181
17181
|
var TextWithImage = function (_a) {
|
|
17182
17182
|
var _b, _c, _d, _e;
|
|
17183
|
-
var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle"]);
|
|
17183
|
+
var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
|
|
17184
17184
|
var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
|
|
17185
17185
|
var ImageTitle = function () { return (jsx(Fragment, { children: !isMobile ? (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: titleStyle
|
|
17186
17186
|
? titleStyle
|
|
@@ -17197,7 +17197,7 @@ var TextWithImage = function (_a) {
|
|
|
17197
17197
|
// @ts-ignore
|
|
17198
17198
|
props.isRedirectionURL ? (window.location.href = props.URLLink) : props.onButtonClick;
|
|
17199
17199
|
};
|
|
17200
|
-
return (jsxs(Container, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: ComponentSize.Medium, wide: isMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
|
|
17200
|
+
return (jsxs(Container, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
|
|
17201
17201
|
backgroundColor: props.btnBGColor,
|
|
17202
17202
|
color: '#ffffff',
|
|
17203
17203
|
border: props.btnBGColor,
|
package/build/index.js
CHANGED
|
@@ -281,7 +281,7 @@ var Play = function (_a) {
|
|
|
281
281
|
|
|
282
282
|
var FitGuarantee = function (_a) {
|
|
283
283
|
var height = _a.height, width = _a.width, fill = _a.fill, testId = _a.testId;
|
|
284
|
-
return (jsxRuntime.jsxs(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 65, viewBoxY: 65, title: "fit guarantee", testId: testId }, { children: [jsxRuntime.jsx("mask", __assign$1({ id: "mask0_160_13321", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "65", height: "65" }, { children: jsxRuntime.jsx("circle", { cx: "32.5", cy: "32.5", r: "32.5", fill: "#
|
|
284
|
+
return (jsxRuntime.jsxs(IconWrapper$1, __assign$1({ width: width, height: height, viewBoxX: 65, viewBoxY: 65, title: "fit guarantee", testId: testId }, { children: [jsxRuntime.jsx("mask", __assign$1({ id: "mask0_160_13321", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "65", height: "65" }, { children: jsxRuntime.jsx("circle", { cx: "32.5", cy: "32.5", r: "32.5", fill: "#fff" }, void 0) }), void 0), jsxRuntime.jsxs("g", __assign$1({ mask: "url(#mask0_160_13321)" }, { children: [jsxRuntime.jsx("path", { d: "M67.3715 -1.48547H-2.22679V67.0832H67.3715V-1.48547Z", fill: "#F7A08B" }, void 0), jsxRuntime.jsx("g", __assign$1({ opacity: "0.2" }, { children: jsxRuntime.jsx("path", { d: "M32.5292 39.7135C52.5279 39.7135 68.74 28.9192 68.74 15.6038C68.74 2.28841 52.5279 -8.50586 32.5292 -8.50586C12.5305 -8.50586 -3.68164 2.28841 -3.68164 15.6038C-3.68164 28.9192 12.5305 39.7135 32.5292 39.7135Z", fill: "white" }, void 0) }), void 0), jsxRuntime.jsx("path", { d: "M34.4666 19.0809C34.4477 17.8915 34.5734 16.7043 34.8411 15.5452C35.0453 14.6673 35.3777 13.8241 35.8275 13.043C36.1938 12.4145 36.6743 11.8599 37.2443 11.4078C37.7471 11.0128 38.3026 10.6897 38.8947 10.4481C39.4399 10.2284 40.0106 10.0783 40.5933 10.0012C41.1109 9.93093 41.6325 9.89404 42.1548 9.89075C42.6591 9.89448 43.1628 9.92839 43.663 9.99231C44.2378 10.064 44.8018 10.2051 45.3426 10.4125C45.936 10.6389 46.4922 10.9526 46.993 11.3431C47.5593 11.7946 48.0352 12.3489 48.3958 12.977C48.8461 13.7648 49.1789 14.6142 49.3835 15.4983C49.6324 16.4978 49.7568 17.6916 49.7568 19.0796V32.2739C49.7761 33.4628 49.6507 34.6496 49.3835 35.8082C49.1755 36.6954 48.8398 37.5477 48.387 38.3384C48.0165 38.9819 47.5341 39.5541 46.9626 40.0282C46.4621 40.4388 45.9066 40.7772 45.3122 41.0336C44.7771 41.2637 44.2154 41.4262 43.6402 41.5173C43.1477 41.597 42.6499 41.6394 42.151 41.6443C41.6188 41.6409 41.0876 41.5984 40.5616 41.5173C39.9748 41.4266 39.4013 41.2641 38.8541 41.0336C38.2592 40.7823 37.7035 40.4472 37.2037 40.0383C36.6379 39.5695 36.1644 38.9995 35.8072 38.3575C35.3657 37.5612 35.0395 36.7063 34.8385 35.8184C34.5751 34.6557 34.4503 33.4659 34.4666 32.2739V19.0809ZM39.3086 34.2607C39.3086 35.5514 39.543 36.4891 40.0119 37.074C40.4807 37.6588 41.1959 37.9512 42.1574 37.9512C43.096 37.9512 43.7963 37.6588 44.2585 37.074C44.7206 36.4891 44.9503 35.5514 44.9478 34.2607V17.3632C44.9478 15.9997 44.7163 15.007 44.2534 14.3849C43.7904 13.7628 43.0909 13.4522 42.1548 13.4531C41.1925 13.4531 40.4774 13.7637 40.0093 14.3849C39.5413 15.0061 39.3069 15.9989 39.306 17.3632L39.3086 34.2607Z", fill: fill }, void 0), jsxRuntime.jsx("path", { d: "M15.44 44.0871H18.6329C19.3751 44.0818 20.1152 44.1671 20.8368 44.3411C21.4939 44.4956 22.113 44.781 22.6573 45.1802C23.1842 45.5759 23.6079 46.0928 23.8926 46.6872C24.1972 47.305 24.3496 48.0553 24.3496 48.938C24.3641 49.652 24.2124 50.3596 23.9065 51.0048C23.6227 51.5862 23.2149 52.0984 22.7119 52.5054C22.197 52.9183 21.6092 53.2309 20.979 53.4271C20.3142 53.6396 19.6203 53.7471 18.9223 53.7457H15.44V44.0871ZM17.569 51.7818H18.6684C19.1298 51.7849 19.5899 51.7342 20.0395 51.6307C20.4364 51.5437 20.8106 51.3742 21.1377 51.133C21.4532 50.8938 21.7041 50.5796 21.8677 50.219C22.0573 49.7825 22.1483 49.3096 22.1343 48.8339C22.1443 48.4073 22.053 47.9844 21.8677 47.5999C21.6991 47.2595 21.454 46.9628 21.1516 46.7329C20.8341 46.4987 20.4754 46.3264 20.0941 46.225C19.6806 46.1109 19.2535 46.0536 18.8246 46.0549H17.569V51.7818Z", fill: fill }, void 0), jsxRuntime.jsx("path", { d: "M28.9745 44.0872H30.729L34.9311 53.7458H32.5343L31.7027 51.698H27.9513L27.1464 53.7445H24.799L28.9745 44.0872ZM29.7921 46.8966L28.619 49.8991H30.9829L29.7921 46.8966Z", fill: fill }, void 0), jsxRuntime.jsx("path", { d: "M37.2684 49.6261L33.64 44.0872H36.287L38.3335 47.7015L40.5044 44.0872H43.0282L39.3999 49.6261V53.7458H37.2684V49.6261Z", fill: fill }, void 0), jsxRuntime.jsx("path", { d: "M48.5101 46.4472C48.327 46.222 48.0835 46.0537 47.808 45.9622C47.5392 45.863 47.2554 45.8102 46.9689 45.8061C46.8082 45.8065 46.6481 45.8249 46.4915 45.8607C46.3299 45.8955 46.174 45.9528 46.0282 46.0308C45.8873 46.104 45.7655 46.2092 45.6727 46.338C45.5576 46.5167 45.5135 46.7319 45.549 46.9414C45.5845 47.1509 45.6969 47.3396 45.8644 47.4704C46.1183 47.6423 46.3964 47.7754 46.6896 47.8653C47.0205 47.9744 47.3773 48.0836 47.7598 48.1928C48.136 48.2995 48.4963 48.4557 48.8313 48.6574C49.1644 48.8589 49.4468 49.1343 49.6565 49.4623C49.8748 49.8009 49.984 50.2511 49.984 50.8131C49.9949 51.2981 49.8923 51.7789 49.6844 52.2172C49.493 52.607 49.2151 52.9478 48.8719 53.2138C48.5181 53.4846 48.1149 53.6838 47.6849 53.8003C46.6409 54.0838 45.5362 54.0506 44.5111 53.7051C43.953 53.5009 43.4424 53.1851 43.0105 52.7771L44.5238 51.1127C44.7399 51.402 45.0237 51.6339 45.3502 51.7881C45.8325 52.0253 46.382 52.0881 46.9054 51.9658C47.0726 51.9279 47.2334 51.8659 47.3827 51.7818C47.5188 51.7038 47.6355 51.5962 47.7243 51.4669C47.8115 51.3336 47.8558 51.1768 47.8512 51.0175C47.8559 50.884 47.8278 50.7513 47.7694 50.6311C47.711 50.5109 47.624 50.4069 47.516 50.3281C47.2599 50.143 46.9769 49.9983 46.6769 49.899C46.3383 49.7797 45.9748 49.6612 45.5864 49.5436C45.2043 49.4297 44.8376 49.2694 44.4946 49.0662C44.1597 48.868 43.8731 48.5979 43.6554 48.2753C43.432 47.9478 43.3207 47.5157 43.3215 46.9791C43.3105 46.5059 43.416 46.0372 43.6287 45.6144C43.8267 45.2314 44.1057 44.8961 44.4463 44.6318C44.7998 44.3627 45.2001 44.1617 45.627 44.0389C46.0741 43.9066 46.5381 43.8399 47.0044 43.8408C47.5407 43.8394 48.0743 43.9177 48.5875 44.0732C49.0978 44.2286 49.568 44.4938 49.965 44.8501L48.5101 46.4472Z", fill: fill }, void 0), jsxRuntime.jsx("path", { d: "M29.4455 23.0447L21.1326 23.0662C21.0006 23.0664 20.8698 23.0406 20.7478 22.9902C20.6257 22.9398 20.5148 22.8659 20.4213 22.7726C20.3278 22.6794 20.2536 22.5686 20.2029 22.4467C20.1522 22.3248 20.1261 22.1941 20.1259 22.062V17.6745C20.1259 16.1029 20.4031 14.9603 20.9574 14.2468C21.5118 13.5333 22.3146 13.1779 23.3657 13.1804C23.8118 13.1702 24.2564 13.235 24.681 13.3721C25.0525 13.504 25.3705 13.7542 25.5862 14.0843C25.8562 14.5157 26.0362 14.9971 26.1155 15.4998C26.2436 16.2665 26.3006 17.0434 26.2857 17.8205V19.217C26.2857 19.5411 26.414 19.8519 26.6427 20.0815C26.8713 20.3111 27.1816 20.4408 27.5057 20.4421L29.1256 20.4485C29.2903 20.4495 29.4535 20.4178 29.6059 20.3554C29.7583 20.293 29.8968 20.201 30.0134 20.0847C30.13 19.9684 30.2225 19.8302 30.2854 19.678C30.3483 19.5258 30.3804 19.3627 30.3799 19.198C30.3799 17.5565 30.3799 16.1219 30.3799 15.8274C30.3839 15.0562 30.255 14.29 29.999 13.5625C29.7434 12.8438 29.3209 12.196 28.7663 11.6722C28.1368 11.0924 27.393 10.6505 26.5827 10.3747C25.6941 10.0523 24.6222 9.89062 23.367 9.88977C22.8301 9.89323 22.2937 9.92374 21.7598 9.98118C21.1569 10.0477 20.5645 10.1888 19.9964 10.4014C19.381 10.6346 18.8005 10.9511 18.2711 11.3421C17.6708 11.7938 17.1649 12.3588 16.782 13.0052C16.3068 13.8095 15.9558 14.6809 15.7409 15.59C15.4777 16.6132 15.3465 17.8434 15.3474 19.2805V32.1028C15.3474 33.8446 15.5209 35.3214 15.8679 36.5334C16.2149 37.7454 16.7253 38.7297 17.3989 39.4864C18.0719 40.239 18.9276 40.8052 19.8834 41.1304C20.9767 41.4873 22.1219 41.659 23.2718 41.6382C24.3115 41.6528 25.3462 41.4923 26.3326 41.1634C27.227 40.8543 28.0281 40.3231 28.661 39.6197C29.3067 38.907 29.8031 37.9782 30.1501 36.833C30.4971 35.6879 30.6706 34.2813 30.6706 32.6131V24.2634C30.6706 24.1028 30.6389 23.9438 30.5773 23.7955C30.5156 23.6473 30.4253 23.5126 30.3114 23.3994C30.1976 23.2861 30.0625 23.1965 29.9139 23.1356C29.7653 23.0747 29.6061 23.0438 29.4455 23.0447ZM20.866 37.5909L21.7547 30.7698C21.345 30.5147 21.0281 30.1349 20.8506 29.6861C20.6731 29.2374 20.6444 28.7435 20.7688 28.2772C20.8932 27.811 21.1641 27.397 21.5415 27.0963C21.9189 26.7956 22.383 26.6241 22.8652 26.607C23.3475 26.59 23.8225 26.7283 24.2202 27.0015C24.618 27.2748 24.9174 27.6686 25.0744 28.1249C25.2315 28.5812 25.2378 29.0759 25.0924 29.5361C24.9471 29.9963 24.6578 30.3976 24.2671 30.6809L25.2827 37.61L20.866 37.5909Z", fill: fill }, void 0)] }), void 0)] }), void 0));
|
|
285
285
|
};
|
|
286
286
|
|
|
287
287
|
var Other = /*#__PURE__*/Object.freeze({
|
|
@@ -17176,8 +17176,8 @@ var IconsWithTitle = function (_a) {
|
|
|
17176
17176
|
};
|
|
17177
17177
|
var templateObject_1$2;
|
|
17178
17178
|
|
|
17179
|
-
var ImageWrapper = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n max-height: fit-content;\n"], ["\n position: relative;\n display: flex;\n max-height: fit-content;\n"])));
|
|
17180
|
-
var VideoOverlay = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.
|
|
17179
|
+
var ImageWrapper = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n display: flex;\n max-height: fit-content;\n margin: 0 14px;\n"], ["\n position: relative;\n display: flex;\n max-height: fit-content;\n margin: 0 14px;\n"])));
|
|
17180
|
+
var VideoOverlay = newStyled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.1);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n top: 0;\n left: 0;\n border-radius: 25px;\n color: #ffffff;\n gap: 15px;\n cursor: pointer;\n text-align: center;\n @media (max-width: 768px) {\n justify-content: end;\n gap: 10px;\n padding-bottom: 20px;\n text-align: center;\n }\n"], ["\n position: absolute;\n width: 100%;\n height: 100%;\n background-color: rgba(247, 160, 139, 0.1);\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n top: 0;\n left: 0;\n border-radius: 25px;\n color: #ffffff;\n gap: 15px;\n cursor: pointer;\n text-align: center;\n @media (max-width: 768px) {\n justify-content: end;\n gap: 10px;\n padding-bottom: 20px;\n text-align: center;\n }\n"])));
|
|
17181
17181
|
var FullscreenVideo = newStyled.div(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 9999;\n"], ["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(0, 0, 0, 0.7);\n z-index: 9999;\n"])));
|
|
17182
17182
|
var ImageVideo = function (_a) {
|
|
17183
17183
|
var imageLink = _a.imageLink, isVideo = _a.isVideo, isMobile = _a.isMobile;
|
|
@@ -17201,12 +17201,12 @@ var ImageVideo = function (_a) {
|
|
|
17201
17201
|
var templateObject_1$1, templateObject_2$1, templateObject_3$1;
|
|
17202
17202
|
|
|
17203
17203
|
var ContainerDesktop = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex: 0 0 50%;\n justify-content: space-around;\n height: 574px;\n"], ["\n flex: 0 0 50%;\n justify-content: space-around;\n height: 574px;\n"])));
|
|
17204
|
-
var ContainerMobile = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px
|
|
17204
|
+
var ContainerMobile = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px 15px;\n }\n"], ["\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 16px;\n height: auto;\n @media (max-width: 768px) {\n max-height: fit-content;\n padding: 50px 15px;\n }\n"])));
|
|
17205
17205
|
var Container = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding: 60px 34px 40px 34px;\n display: flex;\n @media (min-width: 769px) {\n ", "\n }\n @media (max-width: 768px) {\n ", "\n }\n"], ["\n padding: 60px 34px 40px 34px;\n display: flex;\n @media (min-width: 769px) {\n ", "\n }\n @media (max-width: 768px) {\n ", "\n }\n"])), ContainerDesktop, ContainerMobile);
|
|
17206
17206
|
var TextContainer = newStyled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n gap: 24px;\n text-align: center;\n"])));
|
|
17207
17207
|
var TextWithImage = function (_a) {
|
|
17208
17208
|
var _b, _c, _d, _e;
|
|
17209
|
-
var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle"]);
|
|
17209
|
+
var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, titleStyle = _a.titleStyle, textStyle = _a.textStyle, _f = _a.buttonWideOnMobile, buttonWideOnMobile = _f === void 0 ? false : _f, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide", "titleStyle", "textStyle", "buttonWideOnMobile"]);
|
|
17210
17210
|
var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
|
|
17211
17211
|
var ImageTitle = function () { return (jsx(Fragment, { children: !isMobile ? (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: titleStyle
|
|
17212
17212
|
? titleStyle
|
|
@@ -17223,7 +17223,7 @@ var TextWithImage = function (_a) {
|
|
|
17223
17223
|
// @ts-ignore
|
|
17224
17224
|
props.isRedirectionURL ? (window.location.href = props.URLLink) : props.onButtonClick;
|
|
17225
17225
|
};
|
|
17226
|
-
return (jsxs(Container, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: exports.ComponentSize.Medium, wide: isMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
|
|
17226
|
+
return (jsxs(Container, __assign$1({ style: { backgroundColor: backgroundColor } }, { children: [isMobile && jsx(ImageTitle, {}, void 0), (imageLeftSide || isMobile) && (jsx(ImageVideo, { imageLink: (_b = props.imgVideo) === null || _b === void 0 ? void 0 : _b.imageLink, isMobile: isMobile, isVideo: (_c = props.imgVideo) === null || _c === void 0 ? void 0 : _c.isVideo }, void 0)), jsxs(TextContainer, { children: [!isMobile && jsx(ImageTitle, {}, void 0), jsx(Text$6, __assign$1({ variant: "body", weight: "regular", style: textStyle ? textStyle : { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: exports.ComponentSize.Medium, wide: isMobile && buttonWideOnMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
|
|
17227
17227
|
backgroundColor: props.btnBGColor,
|
|
17228
17228
|
color: '#ffffff',
|
|
17229
17229
|
border: props.btnBGColor,
|
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": "5.0.0-beta.
|
|
6
|
+
"version": "5.0.0-beta.82",
|
|
7
7
|
"private": false,
|
|
8
8
|
"main": "build/index.js",
|
|
9
9
|
"style": "build/index.css",
|