@trafilea/afrodita-components 5.0.0-beta.155 → 5.0.0-beta.157

package/build/index.d.ts

@@ -1242,6 +1242,8 @@ declare type ThemeComponent = {
         border: string;
         borderRadius: string;
         fontWeight: number;
+        lineHeight: string;
+        letterSpacing: string;
         size: {
             small: {
                 fontSize: string;
@@ -2022,13 +2024,13 @@ interface ReviewProps$1 {
     };
     title: string;
     description: string;
-    image?: {
+    images?: {
         src: string;
         alt: string;
-    };
+    }[];
     reviewVariant?: string;
 }
-declare const Review$1: ({ reviewerName, date, rating, stars, title, description, image, reviewVariant, }: ReviewProps$1) => JSX.Element;
+declare const Review$1: ({ reviewerName, date, rating, stars, title, description, images, reviewVariant, }: ReviewProps$1) => JSX.Element;
 
 interface SliderNavigationProps {
     children: JSX.Element | JSX.Element[] | StyledComponent<any>;

package/build/index.esm.js

@@ -4276,6 +4276,8 @@ var ButtonPrimary = function (_a) {
             color: theme.component.button.primary.active.color,
             border: theme.component.button.border,
             fontFamily: 'inherit',
+            lineHeight: theme.component.button.lineHeight,
+            letterSpacing: theme.component.button.letterSpacing,
             '&:hover': {
                 backgroundColor: theme.component.button.primary.hover.backgroundColor,
                 color: theme.component.button.primary.hover.color,
@@ -4773,7 +4775,7 @@ var TAGS = {
     heading4: newStyled.h4(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject([""], [""]))),
     heading5: newStyled.h5(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject([""], [""]))),
     heading6: newStyled.h6(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject([""], [""]))),
-    body: newStyled.p(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject([""], [""]))),
+    body: newStyled.p(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject([""], [""]))),
     link: newStyled.a(templateObject_13$1 || (templateObject_13$1 = __makeTemplateObject(["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "], ["\n    cursor: pointer;\n    color: inherit;\n    text-decoration: ", ";\n  "])), function (props) { return (props.underline ? 'underline' : 'none'); }),
     button: newStyled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n    display: inline-block;\n  "], ["\n    display: inline-block;\n  "]))),
     pricing: newStyled.span(templateObject_15$1 || (templateObject_15$1 = __makeTemplateObject(["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "], ["\n    display: inline-block;\n    font-weight: ", ";\n    text-decoration: ", ";\n  "])), function (props) { return (props.original ? 'normal' : 'bold'); }, function (props) { return (props.original ? 'line-through' : 'bold'); }),
@@ -4888,7 +4890,7 @@ var DEFAULTS = {
         size: 'regular',
     },
 };
-var templateObject_1$1f, templateObject_2$Q, templateObject_3$E, templateObject_4$s, templateObject_5$h, templateObject_6$d, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$3, templateObject_11$2, templateObject_12$1, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1;
+var templateObject_1$1f, templateObject_2$Q, templateObject_3$E, templateObject_4$s, templateObject_5$h, templateObject_6$d, templateObject_7$8, templateObject_8$6, templateObject_9$3, templateObject_10$3, templateObject_11$2, templateObject_12$2, templateObject_13$1, templateObject_14$1, templateObject_15$1, templateObject_16$1, templateObject_17$1;
 
 var ButtonsContainer = newStyled.div(templateObject_1$1e || (templateObject_1$1e = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  margin: ", ";\n"])), function (_a) {
     var inline = _a.inline;
@@ -12611,12 +12613,15 @@ var ReviewTitle$1 = newStyled.h3(templateObject_8$4 || (templateObject_8$4 = __m
 var ReviewDescription$1 = newStyled.p(templateObject_9$2 || (templateObject_9$2 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-weight: normal;\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 var ImageContainer$4 = newStyled.div(templateObject_10$2 || (templateObject_10$2 = __makeTemplateObject(["\n  margin-left: 10px;\n  text-align: right;\n"], ["\n  margin-left: 10px;\n  text-align: right;\n"])));
 var ImageSpace = newStyled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"], ["\n  width: 7.5rem;\n  height: 4.125rem;\n"])));
+var ImageWrapper$2 = newStyled(Image)(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"], ["\n  display: none;\n  margin-right: 4px;\n\n  &:first-child {\n    display: inline-block;\n  }\n\n  @media (min-width: 1024px) {\n    display: inline-block;\n  }\n"])));
 var Review$1 = function (_a) {
-    var reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, image = _a.image, reviewVariant = _a.reviewVariant;
+    var reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description, images = _a.images, reviewVariant = _a.reviewVariant;
     var theme = useTheme();
-    return (jsxs$1(Container$r, { children: [jsxs$1(Heading, __assign$1({ theme: theme }, { children: [jsx$1(ReviewerName$1, __assign$1({ theme: theme }, { children: reviewerName }), void 0), jsx$1(DateText$1, { children: formatDate(date) }, void 0)] }), void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content$1, __assign$1({ "data-testid": "review-content", theme: theme }, { children: [jsxs$1(ReviewContainer$1, __assign$1({ theme: theme }, { children: [jsx$1(ReviewTitle$1, __assign$1({ theme: theme }, { children: title }), void 0), jsx$1(ReviewDescription$1, { dangerouslySetInnerHTML: { __html: description } }, void 0)] }), void 0), jsxs$1(ImageContainer$4, { children: [image && jsx$1(Image, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, void 0), !image && jsx$1(ImageSpace, {}, void 0), jsx$1(VariantText, { children: reviewVariant }, void 0)] }, void 0)] }), void 0)] }, void 0));
+    return (jsxs$1(Container$r, { children: [jsxs$1(Heading, __assign$1({ theme: theme }, { children: [jsx$1(ReviewerName$1, __assign$1({ theme: theme }, { children: reviewerName }), void 0), jsx$1(DateText$1, { children: formatDate(date) }, void 0)] }), void 0), jsx$1(StarList, { starsNumber: 5, rating: rating, fill: stars.color, size: stars.size }, void 0), jsxs$1(Content$1, __assign$1({ "data-testid": "review-content", theme: theme }, { children: [jsxs$1(ReviewContainer$1, __assign$1({ theme: theme }, { children: [jsx$1(ReviewTitle$1, __assign$1({ theme: theme }, { children: title }), void 0), jsx$1(ReviewDescription$1, { dangerouslySetInnerHTML: { __html: description } }, void 0)] }), void 0), jsxs$1(ImageContainer$4, { children: [images &&
+                                images.length > 0 &&
+                                images.map(function (image) { return (jsx$1(ImageWrapper$2, { src: image.src, alt: image.alt, width: "7.5rem", height: "10rem" }, image.src)); }), !images || (images.length === 0 && jsx$1(ImageSpace, {}, void 0)), jsx$1(VariantText, { children: reviewVariant }, void 0)] }, void 0)] }), void 0)] }, void 0));
 };
-var templateObject_1$A, templateObject_2$o, templateObject_3$m, templateObject_4$f, templateObject_5$a, templateObject_6$9, templateObject_7$5, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$1;
+var templateObject_1$A, templateObject_2$o, templateObject_3$m, templateObject_4$f, templateObject_5$a, templateObject_6$9, templateObject_7$5, templateObject_8$4, templateObject_9$2, templateObject_10$2, templateObject_11$1, templateObject_12$1;
 
 var List = newStyled.ul(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"], ["\n  display: flex;\n  margin: 0;\n  padding: 0;\n"])));
 var Item$1 = newStyled.li(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"], ["\n  width: 1.25rem;\n  list-style: none;\n  margin-right: 1.5rem;\n  position: relative;\n  line-height: 0;\n\n  &:last-child {\n    margin-right: 0;\n  }\n\n  &:hover {\n    .dropdownWrapper {\n      visibility: visible;\n    }\n  }\n"])));