@trafilea/afrodita-components 5.0.0-beta.170 → 5.0.0-beta.172

package/build/index.js

@@ -11252,7 +11252,7 @@ var Container$L = newStyled.div(templateObject_1$13 || (templateObject_1$13 = __
 });
 var TopTagContainer$2 = newStyled.div(templateObject_2$J || (templateObject_2$J = __makeTemplateObject(["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"], ["\n  position: absolute;\n  left: ", ";\n  top: ", ";\n"])), function (props) { return (props.borderRadiusVariant ? '50px' : '0'); }, function (props) { return (props.borderRadiusVariant ? '10px' : '0'); });
 var BottomTagContainer$2 = newStyled.div(templateObject_3$z || (templateObject_3$z = __makeTemplateObject(["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"], ["\n  position: absolute;\n  bottom: 3.75rem;\n  left: 0;\n"])));
-var ButtonSecondaryOutlineWrapper = newStyled(ButtonSecondaryOutline)(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n  text-transform: capitalize;\n  margin-top: 18px;\n\n  @media (max-width: 992px) {\n    margin-top: 10px;\n  }\n"], ["\n  text-transform: capitalize;\n  margin-top: 18px;\n\n  @media (max-width: 992px) {\n    margin-top: 10px;\n  }\n"])));
+var ButtonSecondaryOutlineWrapper = newStyled(ButtonSecondaryOutline)(templateObject_4$q || (templateObject_4$q = __makeTemplateObject(["\n  text-transform: capitalize;\n  margin-top: 12px;\n\n  @media (max-width: 992px) {\n    margin-top: 4px;\n  }\n"], ["\n  text-transform: capitalize;\n  margin-top: 12px;\n\n  @media (max-width: 992px) {\n    margin-top: 4px;\n  }\n"])));
 var ImageProductWithTags$1 = function (_a) {
     var image = _a.image, topTag = _a.topTag, bottomTag = _a.bottomTag, testId = _a.testId, position = _a.position, borderRadiusVariant = _a.borderRadiusVariant, ctaText = _a.ctaText, ctaAction = _a.ctaAction;
     return (jsxRuntime.jsxs(Container$L, __assign$1({ "data-testid": testId, className: "stylefor".concat(position), borderRadiusVariant: borderRadiusVariant }, { children: [jsxRuntime.jsx(InnerImageZoom, { src: image.imageUrl, zoomSrc: image.imageUrl, zoomType: "hover", imgAttributes: {
@@ -12482,8 +12482,9 @@ var Col$1 = newStyled.div(templateObject_4$j || (templateObject_4$j = __makeTemp
     textAlign: ['center', 'inherit'],
     width: ['100%', 'inherit'],
 }));
-var IconContainer$2 = newStyled.div(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"], ["\n  width: 1.375rem;\n  height: 1.375rem;\n  margin-right: 0.438rem;\n  ", "\n"])), mediaQueries({
-    marginBottom: ['1.875rem', '0'],
+var IconContainer$2 = newStyled.div(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.375rem;\n  ", "\n"], ["\n  width: 1.375rem;\n  height: 1.375rem;\n  ", "\n"])), mediaQueries({
+    marginRight: ['0', '0.438rem'],
+    marginBottom: ['10px', '0'],
     width: ['auto', '1.375rem'],
 }));
 var SectionTitle = newStyled.h1(templateObject_6$a || (templateObject_6$a = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n"], ["\n  ", "\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 600;\n  margin: 0;\n"])), mediaQueries({
@@ -12492,10 +12493,13 @@ var SectionTitle = newStyled.h1(templateObject_6$a || (templateObject_6$a = __ma
     var theme = _a.theme;
     return theme.colors.shades['700'].color;
 });
-var SectionDetails = newStyled.p(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 400;\n  margin: 0;\n  margin-left: ", ";\n  margin-top: 0.625rem;\n"], ["\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 400;\n  margin: 0;\n  margin-left: ", ";\n  margin-top: 0.625rem;\n"])), function (props) { return props.color; }, function (_a) {
-    var _b;
+var SectionDetails = newStyled.p(templateObject_7$6 || (templateObject_7$6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 400;\n  margin: 0;\n  margin-top: 0.625rem;\n  ", ";\n"], ["\n  color: ", ";\n  font-size: 1rem;\n  line-height: 1.25rem;\n  font-weight: 400;\n  margin: 0;\n  margin-top: 0.625rem;\n  ", ";\n"])), function (props) { return props.color; }, function (_a) {
     var theme = _a.theme;
-    return (_b = theme.component.deliveryDetails.SectionDetails) === null || _b === void 0 ? void 0 : _b.marginLeft;
+    return theme.component.deliveryDetails.SectionDetails
+        ? mediaQueries({
+            marginLeft: ['0', theme.component.deliveryDetails.SectionDetails.marginLeft],
+        })
+        : '';
 });
 var KeepMeUpdated = newStyled.h1(templateObject_8$5 || (templateObject_8$5 = __makeTemplateObject(["\n  border: 0.063rem solid ", ";\n  color: #0078ff;\n  border-radius: 0.313rem;\n  padding: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  font-weight: 600;\n  margin: 0;\n  margin-top: 0.625rem;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  user-select: none;\n\n  svg {\n    margin-right: 0.375rem;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n"], ["\n  border: 0.063rem solid ", ";\n  color: #0078ff;\n  border-radius: 0.313rem;\n  padding: 0.625rem;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  font-weight: 600;\n  margin: 0;\n  margin-top: 0.625rem;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  user-select: none;\n\n  svg {\n    margin-right: 0.375rem;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n"])), function (props) { return props.borderColor; });
 var DeliveryDetails = function (_a) {