@trafilea/afrodita-components 5.0.0-beta.252 → 5.0.0-beta.253

package/build/index.d.ts

@@ -1837,6 +1837,11 @@ declare type ThemeComponent = {
         lineHeight: string;
         color: string;
     };
+    thankyouFooterText: {
+        fontSize: string;
+        fontWeight: string;
+        lineHeight: string;
+    };
     textButton: {
         fontWeight: number;
         lineHeight: string;
@@ -1845,15 +1850,23 @@ declare type ThemeComponent = {
         title: {
             fontSize: string;
             lineHeight: string;
-            weight: number;
+            fontWeight: number;
         };
         note: {
             accentColor: string;
             color: string;
             backgroundColor: string;
         };
-        SectionDetails?: {
-            marginLeft: string;
+        sectionTitle: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+        };
+        sectionDetails: {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: number;
+            marginLeft?: string;
         };
     };
     text: {

package/build/index.esm.js

@@ -12887,7 +12887,10 @@ var Note = function (_a) {
 };
 var templateObject_1$U, templateObject_2$D, templateObject_3$x, templateObject_4$p;
 
-var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  font-size: 1.25rem;\n  line-height: 1.75rem;\n  font-weight: 600;\n  margin: 0;\n  text-align: center;\n"])), function (props) { return props.color; });
+var Title$5 = newStyled.h1(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  margin: 0;\n  text-align: center;\n"], ["\n  color: ", ";\n  ", "\n  margin: 0;\n  text-align: center;\n"])), function (props) { return props.color; }, function (_a) {
+    var theme = _a.theme;
+    return "\n    font-size: ".concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n    line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n    font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n  ");
+});
 var Line = newStyled.div(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"], ["\n  width: 100%;\n  height: 0.063rem;\n  background-color: ", ";\n  margin: 0.938rem 0;\n"])), function (props) { return props.backgroundColor; });
 var Row$1 = newStyled.div(templateObject_3$w || (templateObject_3$w = __makeTemplateObject(["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"], ["\n  display: flex;\n  ", "\n  justify-content: space-between;\n  align-items: flex-start;\n"])), mediaQueries({
     flexDirection: ['column', 'row'],
@@ -12904,26 +12907,20 @@ var IconContainer$2 = newStyled.div(templateObject_5$f || (templateObject_5$f =
     marginBottom: ['10px', '0'],
     width: ['auto', '1.375rem'],
 }));
-var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n  ", "\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  margin: 0;\n  text-transform: uppercase;\n"], ["\n  ", "\n  color: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  margin: 0;\n  text-transform: uppercase;\n"])), mediaQueries({
+var SectionTitle = newStyled.h1(templateObject_6$d || (templateObject_6$d = __makeTemplateObject(["\n  ", "\n  ", "\n  margin: 0;\n  text-transform: uppercase;\n"], ["\n  ", "\n  ", "\n  margin: 0;\n  text-transform: uppercase;\n"])), mediaQueries({
     display: ['block', 'flex'],
 }), function (_a) {
     var theme = _a.theme;
-    return theme.colors.shades['700'].color;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.component.deliveryDetails.title.fontSize;
-}, function (_a) {
+    return "\n    color: ".concat(theme.colors.shades['700'].color, ";\n    font-size: ").concat(theme.component.deliveryDetails.sectionTitle.fontSize, ";\n    line-height: ").concat(theme.component.deliveryDetails.sectionTitle.lineHeight, ";\n    font-weight: ").concat(theme.component.deliveryDetails.sectionTitle.fontWeight, ";\n  ");
+});
+var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __makeTemplateObject(["\n  color: ", ";\n  ", "\n  margin: 0;\n  margin-top: 0.625rem;\n  ", ";\n"], ["\n  color: ", ";\n  ", "\n  margin: 0;\n  margin-top: 0.625rem;\n  ", ";\n"])), function (props) { return props.color; }, function (_a) {
     var theme = _a.theme;
-    return theme.component.deliveryDetails.title.lineHeight;
+    return "\n    font-size: ".concat(theme.component.deliveryDetails.sectionDetails.fontSize, ";\n    line-height: ").concat(theme.component.deliveryDetails.sectionDetails.lineHeight, ";\n    font-weight: ").concat(theme.component.deliveryDetails.sectionDetails.fontWeight, ";\n  ");
 }, function (_a) {
     var theme = _a.theme;
-    return theme.component.deliveryDetails.title.weight;
-});
-var SectionDetails = newStyled.p(templateObject_7$9 || (templateObject_7$9 = __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 theme.component.deliveryDetails.SectionDetails
+    return theme.component.deliveryDetails.sectionDetails.marginLeft
         ? mediaQueries({
-            marginLeft: ['0', theme.component.deliveryDetails.SectionDetails.marginLeft],
+            marginLeft: ['0', theme.component.deliveryDetails.sectionDetails.marginLeft],
         })
         : '';
 });