@trafilea/afrodita-components 5.0.0-beta.76 → 5.0.0-beta.77

package/build/index.js

@@ -3726,7 +3726,7 @@ var transformFonts = function (fonts) {
         return inline("@font-face { ".concat(css.join(';\n'), "; }"));
     })
         .join('\n');
-    return inline("\n    ".concat(css, "\n    body {\n      font-family: \"").concat(fonts.config[0].family, "\";\n    }\n  "));
+    return inline("\n    ".concat(css, "\n    body, input {\n      font-family: \"").concat(fonts.config[0].family, "\";\n    }\n  "));
 };
 var inline = function (text) {
     return text.trim().replace(/\s+/g, ' ').replace(/\n/g, '');
@@ -11604,7 +11604,7 @@ var StyledInput = newStyled.input(templateObject_2$v || (templateObject_2$v = __
 });
 var InputWrapper = newStyled.div(templateObject_3$p || (templateObject_3$p = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  height: ", ";\n"])), function (_a) {
     var size = _a.size, inlinePlaceholder = _a.inlinePlaceholder;
-    return !inlinePlaceholder ? (size === 'small' ? '36px' : '44px') : '48px';
+    return !inlinePlaceholder ? (size === 'small' ? '36px' : '40px') : '48px';
 });
 var AnimatedPlaceholder = newStyled.span(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  color: #8b8b8b;\n  font-weight: 400;\n  left: 0.9375rem;\n  bottom: 0.9375rem;\n  transition: all 0.2s ease;\n  position: absolute;\n  pointer-events: none;\n  font-size: 0.875rem;\n"], ["\n  color: #8b8b8b;\n  font-weight: 400;\n  left: 0.9375rem;\n  bottom: 0.9375rem;\n  transition: all 0.2s ease;\n  position: absolute;\n  pointer-events: none;\n  font-size: 0.875rem;\n"])));
 var ClearInput = newStyled.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  right: 0.75rem;\n  top: 1rem;\n  position: absolute;\n  cursor: pointer;\n"], ["\n  right: 0.75rem;\n  top: 1rem;\n  position: absolute;\n  cursor: pointer;\n"])));
@@ -11654,6 +11654,7 @@ var BaseInput = function (_a) {
         placeholderColor: theme.component.input.placeholderColor,
         disabledBackgroundColor: theme.colors.background.disabled,
         disabledColor: theme.colors.text.disabled,
+        fontFamily: theme.fonts.config[0].family,
         fontSize: inlinePlaceholder
             ? theme.component.inputPlaceholder.fontSize
             : theme.component.input.fontSize,
@@ -17153,11 +17154,11 @@ var IconsWithTitle = function (_a) {
         console.error('Icon', iconName, 'not found');
         return null;
     }
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$1, { children: [jsxRuntime.jsx(IconWrapper, __assign$1({ backgroundColor: backgroundColor }, { children: jsxRuntime.jsx(IconComponent, { width: isMobile ? 3 : 4, height: isMobile ? 3 : 4, fill: iconColor }, void 0) }), void 0), jsxRuntime.jsx(Text$6, __assign$1({ variant: "heading6", style: {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container$1, { children: [jsxRuntime.jsx(IconWrapper, __assign$1({ backgroundColor: backgroundColor }, { children: jsxRuntime.jsx(IconComponent, { width: isMobile ? 3 : 4, height: isMobile ? 3 : 4, fill: iconColor }, void 0) }), void 0), jsxRuntime.jsx(Text$6, __assign$1({ variant: "heading6", weight: "demi", style: {
                         fontSize: '14px',
                         textTransform: 'uppercase',
                         textAlign: 'center',
-                        lineHeight: '16px',
+                        lineHeight: '18px',
                     } }, { children: iconTitle }), void 0)] }, void 0) }, void 0));
 };
 var templateObject_1$2;
@@ -17192,20 +17193,24 @@ var Container = newStyled.div(templateObject_3 || (templateObject_3 = __makeTemp
 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"])));
 var TextWithImage = function (_a) {
     var _b, _c, _d, _e;
-    var title = _a.title, text = _a.text, buttomText = _a.buttomText, backgroundColor = _a.backgroundColor, imageLeftSide = _a.imageLeftSide, props = __rest(_a, ["title", "text", "buttomText", "backgroundColor", "imageLeftSide"]);
+    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"]);
     var isMobile = useWindowDimensions({ desktop: 768, mobile: 0 }).isMobile;
-    var ImageTitle = function () { return (jsxs(Fragment, { children: [!isMobile && (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: {
+    var ImageTitle = function () { return (jsx(Fragment, { children: !isMobile ? (jsx(Text$6, __assign$1({ variant: "heading2", weight: "bold", style: titleStyle
+                ? titleStyle
+                : {
                     color: '#000000',
                     textAlign: 'center',
-                } }, { children: title }), void 0)), isMobile && (jsx(Text$6, __assign$1({ variant: "heading3", weight: "bold", style: {
+                } }, { children: title }), void 0)) : (jsx(Text$6, __assign$1({ variant: "heading3", weight: "bold", style: titleStyle
+                ? titleStyle
+                : {
                     color: '#000000',
                     textAlign: 'center',
-                } }, { children: title }), void 0))] }, void 0)); };
+                } }, { children: title }), void 0)) }, void 0)); };
     var buttonAction = function () {
         // @ts-ignore
         props.isRedirectionURL ? (window.location.href = props.URLLink) : props.onButtonClick;
     };
-    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: { maxWidth: '450px' } }, { children: text }), void 0), jsx(BaseCTA, { text: buttomText, size: exports.ComponentSize.Medium, wide: isMobile ? true : false, onClick: buttonAction, testId: buttomText, css: {
+    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: {
                             backgroundColor: props.btnBGColor,
                             color: '#ffffff',
                             border: props.btnBGColor,