@trafilea/afrodita-components 6.29.0 → 6.29.1

package/build/index.esm.js

@@ -14918,7 +14918,7 @@ var Container$y = newStyled.div(function (_a) {
         background: backgroundColor,
     });
 });
-var RewardUnlockedMessageContainer = newStyled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  padding: 0 1rem;\n  text-align: center;\n"], ["\n  padding: 0 1rem;\n  text-align: center;\n"])));
+var MessageContainer = newStyled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  padding: 0 1rem;\n  text-align: center;\n"], ["\n  padding: 0 1rem;\n  text-align: center;\n"])));
 var getBarWithBasedOnPercent$1 = function (percent) {
     return percent <= 100 && percent >= 0 ? "".concat(percent, "%") : '0%';
 };
@@ -14940,11 +14940,11 @@ var MotivatorProgressBar = function (_a) {
     var getRemainingAmountMessage = function () {
         var remainingAmount = Math.round((endingValue - currentAmount) * 100) / 100;
         if (isClubBarMotivatorTest) {
-            return (jsxs$1("div", { children: ["Spend ", currencyCode, remainingAmount, " more to unlock ", jsx$1("strong", { children: "Free Priority Shipping" }, void 0), " with Club!"] }, void 0));
+            return (jsxs$1(MessageContainer, { children: ["Spend ", currencyCode, remainingAmount, " more to unlock ", jsx$1("strong", { children: "Free Priority Shipping" }, void 0), " with Club!"] }, void 0));
         }
-        return (jsxs$1("div", { children: ["Spend ", currencyCode, remainingAmount, " more to get ", jsx$1("strong", { children: "Free Shipping" }, void 0)] }, void 0));
+        return (jsxs$1(MessageContainer, { children: ["Spend ", currencyCode, remainingAmount, " more to get ", jsx$1("strong", { children: "Free Shipping" }, void 0)] }, void 0));
     };
-    return (jsxs$1(Container$y, __assign$1({ backgroundColor: backgroundColor }, { children: [jsxs$1(BarContainer, __assign$1({ "data-testid": "MPBContainer" }, { children: [jsxs$1(Value, { children: [currencyCode, currentAmount] }, void 0), jsx$1(Background$1, __assign$1({ backgroundColor: unfilledColor || theme.colors.shades['100'].color, "data-testid": "MPBBackground" }, { children: jsx$1(Bar$1, { "data-testid": "MPBBar", backgroundColor: fillColor, percent: progress }, void 0) }), void 0), jsxs$1(Value, __assign$1({ isBold: true }, { children: [currencyCode, endingValue] }), void 0)] }), void 0), isRewardUnlocked ? (jsx$1(RewardUnlockedMessageContainer, { dangerouslySetInnerHTML: { __html: rewardUnlockedMessage } }, void 0)) : (getRemainingAmountMessage())] }), void 0));
+    return (jsxs$1(Container$y, __assign$1({ backgroundColor: backgroundColor }, { children: [jsxs$1(BarContainer, __assign$1({ "data-testid": "MPBContainer" }, { children: [jsxs$1(Value, { children: [currencyCode, currentAmount] }, void 0), jsx$1(Background$1, __assign$1({ backgroundColor: unfilledColor || theme.colors.shades['100'].color, "data-testid": "MPBBackground" }, { children: jsx$1(Bar$1, { "data-testid": "MPBBar", backgroundColor: fillColor, percent: progress }, void 0) }), void 0), jsxs$1(Value, __assign$1({ isBold: true }, { children: [currencyCode, endingValue] }), void 0)] }), void 0), isRewardUnlocked ? (jsx$1(MessageContainer, { dangerouslySetInnerHTML: { __html: rewardUnlockedMessage } }, void 0)) : (getRemainingAmountMessage())] }), void 0));
 };
 var templateObject_1$K, templateObject_2$A;
 

package/build/index.js

@@ -14944,7 +14944,7 @@ var Container$y = newStyled.div(function (_a) {
         background: backgroundColor,
     });
 });
-var RewardUnlockedMessageContainer = newStyled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  padding: 0 1rem;\n  text-align: center;\n"], ["\n  padding: 0 1rem;\n  text-align: center;\n"])));
+var MessageContainer = newStyled.div(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n  padding: 0 1rem;\n  text-align: center;\n"], ["\n  padding: 0 1rem;\n  text-align: center;\n"])));
 var getBarWithBasedOnPercent$1 = function (percent) {
     return percent <= 100 && percent >= 0 ? "".concat(percent, "%") : '0%';
 };
@@ -14966,11 +14966,11 @@ var MotivatorProgressBar = function (_a) {
     var getRemainingAmountMessage = function () {
         var remainingAmount = Math.round((endingValue - currentAmount) * 100) / 100;
         if (isClubBarMotivatorTest) {
-            return (jsxRuntime.jsxs("div", { children: ["Spend ", currencyCode, remainingAmount, " more to unlock ", jsxRuntime.jsx("strong", { children: "Free Priority Shipping" }, void 0), " with Club!"] }, void 0));
+            return (jsxRuntime.jsxs(MessageContainer, { children: ["Spend ", currencyCode, remainingAmount, " more to unlock ", jsxRuntime.jsx("strong", { children: "Free Priority Shipping" }, void 0), " with Club!"] }, void 0));
         }
-        return (jsxRuntime.jsxs("div", { children: ["Spend ", currencyCode, remainingAmount, " more to get ", jsxRuntime.jsx("strong", { children: "Free Shipping" }, void 0)] }, void 0));
+        return (jsxRuntime.jsxs(MessageContainer, { children: ["Spend ", currencyCode, remainingAmount, " more to get ", jsxRuntime.jsx("strong", { children: "Free Shipping" }, void 0)] }, void 0));
     };
-    return (jsxRuntime.jsxs(Container$y, __assign$1({ backgroundColor: backgroundColor }, { children: [jsxRuntime.jsxs(BarContainer, __assign$1({ "data-testid": "MPBContainer" }, { children: [jsxRuntime.jsxs(Value, { children: [currencyCode, currentAmount] }, void 0), jsxRuntime.jsx(Background$1, __assign$1({ backgroundColor: unfilledColor || theme.colors.shades['100'].color, "data-testid": "MPBBackground" }, { children: jsxRuntime.jsx(Bar$1, { "data-testid": "MPBBar", backgroundColor: fillColor, percent: progress }, void 0) }), void 0), jsxRuntime.jsxs(Value, __assign$1({ isBold: true }, { children: [currencyCode, endingValue] }), void 0)] }), void 0), isRewardUnlocked ? (jsxRuntime.jsx(RewardUnlockedMessageContainer, { dangerouslySetInnerHTML: { __html: rewardUnlockedMessage } }, void 0)) : (getRemainingAmountMessage())] }), void 0));
+    return (jsxRuntime.jsxs(Container$y, __assign$1({ backgroundColor: backgroundColor }, { children: [jsxRuntime.jsxs(BarContainer, __assign$1({ "data-testid": "MPBContainer" }, { children: [jsxRuntime.jsxs(Value, { children: [currencyCode, currentAmount] }, void 0), jsxRuntime.jsx(Background$1, __assign$1({ backgroundColor: unfilledColor || theme.colors.shades['100'].color, "data-testid": "MPBBackground" }, { children: jsxRuntime.jsx(Bar$1, { "data-testid": "MPBBar", backgroundColor: fillColor, percent: progress }, void 0) }), void 0), jsxRuntime.jsxs(Value, __assign$1({ isBold: true }, { children: [currencyCode, endingValue] }), void 0)] }), void 0), isRewardUnlocked ? (jsxRuntime.jsx(MessageContainer, { dangerouslySetInnerHTML: { __html: rewardUnlockedMessage } }, void 0)) : (getRemainingAmountMessage())] }), void 0));
 };
 var templateObject_1$K, templateObject_2$A;
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "Trafilea's Design System",
   "author": "Trafilea",
   "repository": "https://github.com/trafilea/afrodita-components",
-  "version": "6.29.0",
+  "version": "6.29.1",
   "private": false,
   "main": "build/index.js",
   "style": "build/index.css",