@trafilea/afrodita-components 5.0.0-beta.277 → 5.0.0-beta.279

package/build/index.d.ts

@@ -602,6 +602,8 @@ declare const NewClock: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const KlarnaLogo: ({ height, width }: IconProps) => JSX.Element;
 
+declare const TrustBadge: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const PDP_Clock: typeof Clock;
 declare const PDP_FlagUSA: typeof FlagUSA;
 declare const PDP_Minus: typeof Minus;
@@ -624,6 +626,7 @@ declare const PDP_Moon: typeof Moon;
 declare const PDP_Hours: typeof Hours;
 declare const PDP_NewClock: typeof NewClock;
 declare const PDP_KlarnaLogo: typeof KlarnaLogo;
+declare const PDP_TrustBadge: typeof TrustBadge;
 declare namespace PDP {
   export {
     PDP_Clock as Clock,
@@ -649,6 +652,7 @@ declare namespace PDP {
     PDP_Hours as Hours,
     PDP_NewClock as NewClock,
     PDP_KlarnaLogo as KlarnaLogo,
+    PDP_TrustBadge as TrustBadge,
   };
 }
 
@@ -1804,11 +1808,7 @@ declare type ThemeComponent = {
                 alignSelf?: string;
             };
             savings: {
-                textFontSize: string;
-                textLineHeight: string;
-                amountFontSize: string;
                 amountFontWeight: number;
-                amountLineHeight: string;
                 color?: string;
             };
         };

package/build/index.esm.js

@@ -769,6 +769,11 @@ var KlarnaLogo = function (_a) {
     return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 48, viewBoxY: 32, title: "KlarnaLogo", fill: "none" }, { children: jsx$1("path", { d: "M42.8613 17.6644C42.711 17.6649 42.5623 17.6951 42.4237 17.7531C42.2851 17.8111 42.1594 17.8959 42.0536 18.0025C41.9478 18.1092 41.8642 18.2356 41.8074 18.3746C41.7506 18.5135 41.7218 18.6623 41.7226 18.8124C41.7218 18.9626 41.7506 19.1114 41.8074 19.2503C41.8642 19.3893 41.9478 19.5157 42.0536 19.6224C42.1594 19.729 42.2851 19.8138 42.4237 19.8718C42.5623 19.9298 42.711 19.96 42.8613 19.9605C43.4894 19.9605 44 19.4462 44 18.8124C44.0008 18.6623 43.972 18.5135 43.9152 18.3746C43.8584 18.2356 43.7748 18.1092 43.669 18.0025C43.5632 17.8959 43.4375 17.8111 43.2989 17.7531C43.1603 17.6951 43.0116 17.6649 42.8613 17.6644ZM39.1141 16.7777C39.1141 15.9092 38.3782 15.206 37.4702 15.206C36.5623 15.206 35.8263 15.9103 35.8263 16.7777C35.8263 17.6452 36.5633 18.3483 37.4713 18.3483C38.3792 18.3483 39.1141 17.6452 39.1141 16.7777ZM39.1205 13.7229H40.9343V19.8314H39.1205V19.4409C38.5918 19.8055 37.9643 20.0005 37.3217 20C35.5561 20 34.1247 18.5574 34.1247 16.7777C34.1247 14.998 35.5561 13.5554 37.3217 13.5554C37.9894 13.5554 38.6078 13.7614 39.1205 14.1145V13.7229ZM24.6019 14.5189V13.724H22.7443V19.8314H24.6062V16.9794C24.6062 16.017 25.6402 15.5005 26.358 15.5005H26.3794V13.724C25.6423 13.724 24.9662 14.042 24.6019 14.5189ZM19.9746 16.7777C19.9746 15.9092 19.2386 15.206 18.3306 15.206C17.4227 15.206 16.6867 15.9103 16.6867 16.7777C16.6867 17.6452 17.4238 18.3483 18.3317 18.3483C19.2397 18.3483 19.9746 17.6452 19.9746 16.7777ZM19.981 13.7229H21.7958V19.8314H19.981V19.4409C19.4683 19.793 18.8498 20 18.1822 20C16.4165 20 14.9851 18.5574 14.9851 16.7777C14.9851 14.998 16.4165 13.5554 18.1822 13.5554C18.8498 13.5554 19.4683 13.7614 19.981 14.1145V13.7229ZM30.9009 13.5597C30.1767 13.5597 29.4909 13.7859 29.0316 14.4111V13.724H27.2253V19.8314H29.0541V16.6219C29.0541 15.6937 29.6715 15.2381 30.416 15.2381C31.2128 15.2381 31.6722 15.7182 31.6722 16.6091V19.8314H33.4838V15.9476C33.4838 14.5264 32.3622 13.5597 30.9009 13.5597ZM12.3425 19.8314H14.2417V11.0021H12.3425V19.8314ZM4 19.8336H6.01137V11H4.00107L4 19.8336ZM11.035 11C11.035 12.912 10.2958 14.6918 8.9777 16.0138L11.7571 19.8336H9.27358L6.25385 15.683L7.03362 15.094C7.66841 14.6171 8.18273 13.9985 8.5355 13.2877C8.88827 12.5768 9.0697 11.7934 9.06529 11H11.0329H11.035Z", fill: "#0A0B09" }, void 0) }), void 0));
 };
 
+var TrustBadge = function (_a) {
+    var height = _a.height, width = _a.width, _b = _a.fill, fill = _b === void 0 ? '#2F806A' : _b;
+    return (jsx$1(IconWrapper$2, __assign$1({ width: width, height: height, viewBoxX: 22, viewBoxY: 22, title: "Trust Badge", fill: "none" }, { children: jsx$1("path", { xmlns: "http://www.w3.org/2000/svg", d: "M7.6 21.5L5.7 18.3L2.1 17.5L2.45 13.8L0 11L2.45 8.2L2.1 4.5L5.7 3.7L7.6 0.5L11 1.95L14.4 0.5L16.3 3.7L19.9 4.5L19.55 8.2L22 11L19.55 13.8L19.9 17.5L16.3 18.3L14.4 21.5L11 20.05L7.6 21.5ZM9.95 14.55L15.6 8.9L14.2 7.45L9.95 11.7L7.8 9.6L6.4 11L9.95 14.55Z", fill: fill }, void 0) }), void 0));
+};
+
 var PDP = /*#__PURE__*/Object.freeze({
     __proto__: null,
     Clock: Clock,
@@ -793,7 +798,8 @@ var PDP = /*#__PURE__*/Object.freeze({
     Moon: Moon,
     Hours: Hours,
     NewClock: NewClock,
-    KlarnaLogo: KlarnaLogo
+    KlarnaLogo: KlarnaLogo,
+    TrustBadge: TrustBadge
 });
 
 var Facebook = function (_a) {
@@ -12956,20 +12962,8 @@ var Currency = newStyled.span(templateObject_3$B || (templateObject_3$B = __make
     return theme.component.total.basicTotal.currency.alignSelf;
 });
 var Container$F = newStyled.div(templateObject_4$s || (templateObject_4$s = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"], ["\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  margin-top: 0.625rem;\n  color: ", ";\n"])), function (props) { return props.highlightColor; });
-var DiscountText = newStyled.h3(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: 600;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.component.total.basicTotal.savings.textFontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.component.total.basicTotal.savings.textLineHeight;
-});
-var DiscountAmount = newStyled.h3(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n"], ["\n  margin: 0;\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.component.total.basicTotal.savings.amountFontSize;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.component.total.basicTotal.savings.amountLineHeight;
-}, function (_a) {
+var DiscountText = newStyled.h3(templateObject_5$h || (templateObject_5$h = __makeTemplateObject(["\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 600;\n"], ["\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n  font-weight: 600;\n"])));
+var DiscountAmount = newStyled.h3(templateObject_6$g || (templateObject_6$g = __makeTemplateObject(["\n  margin: 0;\n  font-size: 18px;\n  line-height: 28px;\n  font-weight: ", ";\n"], ["\n  margin: 0;\n  font-size: 18px;\n  line-height: 28px;\n  font-weight: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.component.total.basicTotal.savings.amountFontWeight;
 });