@trafilea/afrodita-components 5.0.0-beta.63 → 5.0.0-beta.64

package/build/index.js

@@ -11804,7 +11804,7 @@ var Text$3 = newStyled.p(templateObject_3$j || (templateObject_3$j = __makeTempl
 var Details = newStyled.span(templateObject_4$e || (templateObject_4$e = __makeTemplateObject(["\n  color: ", ";\n  font-weight: 700;\n"], ["\n  color: ", ";\n  font-weight: 700;\n"])), function (props) { return props.color; });
 var Note = function (_a) {
     var accentColor = _a.accentColor, color = _a.color, backgroundColor = _a.backgroundColor, importantNoteText = _a.importantNoteText, text = _a.text;
-    return (jsxRuntime.jsxs(Container$m, __assign$1({ color: backgroundColor, "data-testid": "Container" }, { children: [jsxRuntime.jsx(IconContainer$3, { children: jsxRuntime.jsx(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Text$3, __assign$1({ color: color }, { children: [jsxRuntime.jsxs(Details, __assign$1({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
+    return (jsxRuntime.jsxs(Container$m, __assign$1({ color: backgroundColor, "data-testid": "Container" }, { children: [jsxRuntime.jsx(IconContainer$3, { children: jsxRuntime.jsx(Icon.Actions.LightExclamation, { fill: accentColor }, void 0) }, void 0), jsxRuntime.jsx("div", { children: jsxRuntime.jsxs(Text$3, __assign$1({ color: color }, { children: [importantNoteText && jsxRuntime.jsxs(Details, __assign$1({ color: accentColor }, { children: [importantNoteText, ":"] }), void 0), " ", text] }), void 0) }, void 0)] }), void 0));
 };
 var templateObject_1$B, templateObject_2$n, templateObject_3$j, templateObject_4$e;
 
@@ -17079,7 +17079,7 @@ var Tabs = function (_a) {
 };
 var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4;
 
-var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 150px;\n  height: auto;\n  text-align: center;\n"], ["\n  width: 150px;\n  height: auto;\n  text-align: center;\n"])));
+var Container = newStyled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: auto;\n  text-align: center;\n"], ["\n  height: auto;\n  text-align: center;\n"])));
 var IconWrapper = newStyled.div(function (props) { return ({
     borderRadius: '500px',
     width: '120px',
@@ -17089,17 +17089,22 @@ var IconWrapper = newStyled.div(function (props) { return ({
     alignItems: 'center',
     justifyContent: 'center',
     backgroundColor: props.backgroundColor,
+    '@media (max-width: 767px)': {
+        width: '80px',
+        height: '80px',
+    },
 }); });
 var IconsWithTitle = function (_a) {
     var _b;
     var iconName = _a.iconName, iconTitle = _a.iconTitle, backgroundColor = _a.backgroundColor, iconColor = _a.iconColor;
+    var isMobile = useWindowDimensions({ mobile: 0, desktop: 768 }).isMobile;
     // @ts-ignore
     var IconComponent = (_b = Icon['MyAccount'][iconName]) !== null && _b !== void 0 ? _b : (function () { return 'Not found'; });
     if (IconComponent == null) {
         console.error('Icon', iconName, 'not found');
         return null;
     }
-    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container, { children: [jsxRuntime.jsx(IconWrapper, __assign$1({ backgroundColor: backgroundColor }, { children: jsxRuntime.jsx(IconComponent, { width: 4, height: 4, fill: iconColor }, void 0) }), void 0), jsxRuntime.jsx(Text$5, __assign$1({ variant: "heading6", style: {
+    return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(Container, { 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$5, __assign$1({ variant: "heading6", style: {
                         fontSize: '14px',
                         textTransform: 'uppercase',
                         textAlign: 'center',
@@ -17136,6 +17141,7 @@ exports.Image = Image;
 exports.Input = Input$1;
 exports.Modal = Modal;
 exports.MultiColorPicker = MultiColorPicker;
+exports.Note = Note;
 exports.OfferBanner = OfferBanner;
 exports.OrderBar = OrderBar;
 exports.Overlay = Overlay;