@trafilea/afrodita-components 5.0.0-beta.155 → 5.0.0-beta.156
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.d.ts +3 -3
- package/build/index.esm.js +8 -5
- package/build/index.esm.js.map +1 -1
- package/build/index.js +8 -5
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -2022,13 +2022,13 @@ interface ReviewProps$1 {
|
|
|
2022
2022
|
};
|
|
2023
2023
|
title: string;
|
|
2024
2024
|
description: string;
|
|
2025
|
-
|
|
2025
|
+
images?: {
|
|
2026
2026
|
src: string;
|
|
2027
2027
|
alt: string;
|
|
2028
|
-
};
|
|
2028
|
+
}[];
|
|
2029
2029
|
reviewVariant?: string;
|
|
2030
2030
|
}
|
|
2031
|
-
declare const Review$1: ({ reviewerName, date, rating, stars, title, description,
|
|
2031
|
+
declare const Review$1: ({ reviewerName, date, rating, stars, title, description, images, reviewVariant, }: ReviewProps$1) => JSX.Element;
|
|
2032
2032
|
|
|
2033
2033
|
interface SliderNavigationProps {
|
|
2034
2034
|
children: JSX.Element | JSX.Element[] | StyledComponent<any>;
|
package/build/index.esm.js
CHANGED
|
@@ -4773,7 +4773,7 @@ var TAGS = {
|
|
|
4773
4773
|
heading4: newStyled.h4(templateObject_9$3 || (templateObject_9$3 = __makeTemplateObject([""], [""]))),
|
|
4774
4774
|
heading5: newStyled.h5(templateObject_10$3 || (templateObject_10$3 = __makeTemplateObject([""], [""]))),
|
|
4775
4775
|
heading6: newStyled.h6(templateObject_11$2 || (templateObject_11$2 = __makeTemplateObject([""], [""]))),
|
|
4776
|
-
body: newStyled.p(templateObject_12$
|
|
4776
|
+
body: newStyled.p(templateObject_12$2 || (templateObject_12$2 = __makeTemplateObject([""], [""]))),
|
|
4777
4777
|
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'); }),
|
|
4778
4778
|
button: newStyled.span(templateObject_14$1 || (templateObject_14$1 = __makeTemplateObject(["\n display: inline-block;\n "], ["\n display: inline-block;\n "]))),
|
|
4779
4779
|
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 +4888,7 @@ var DEFAULTS = {
|
|
|
4888
4888
|
size: 'regular',
|
|
4889
4889
|
},
|
|
4890
4890
|
};
|
|
4891
|
-
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$
|
|
4891
|
+
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;
|
|
4892
4892
|
|
|
4893
4893
|
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) {
|
|
4894
4894
|
var inline = _a.inline;
|
|
@@ -12611,12 +12611,15 @@ var ReviewTitle$1 = newStyled.h3(templateObject_8$4 || (templateObject_8$4 = __m
|
|
|
12611
12611
|
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"])));
|
|
12612
12612
|
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"])));
|
|
12613
12613
|
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"])));
|
|
12614
|
+
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"])));
|
|
12614
12615
|
var Review$1 = function (_a) {
|
|
12615
|
-
var reviewerName = _a.reviewerName, date = _a.date, rating = _a.rating, stars = _a.stars, title = _a.title, description = _a.description,
|
|
12616
|
+
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;
|
|
12616
12617
|
var theme = useTheme();
|
|
12617
|
-
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: [
|
|
12618
|
+
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 &&
|
|
12619
|
+
images.length > 0 &&
|
|
12620
|
+
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));
|
|
12618
12621
|
};
|
|
12619
|
-
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;
|
|
12622
|
+
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;
|
|
12620
12623
|
|
|
12621
12624
|
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"])));
|
|
12622
12625
|
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"])));
|