npm - @trafilea/afrodita-components - Versions diffs - 5.0.0-beta.173 → 5.0.0-beta.175 - Mend

@trafilea/afrodita-components 5.0.0-beta.173 → 5.0.0-beta.175

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.

Files changed (3) hide show

package/build/index.esm.js CHANGED Viewed

@@ -12629,7 +12629,7 @@ var DateText$1 = newStyled.span(templateObject_5$a || (templateObject_5$a = __ma
 var VariantText = newStyled.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 var ReviewerName$1 = newStyled.h2(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"])));
 var ReviewTitle$1 = newStyled.h3(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-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 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  white-space: pre-wrap;\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  white-space: pre-wrap;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 var ImagesContainer = 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 Images = newStyled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"], ["\n  display: flex;\n  justify-content: end;\n"])));
 var ImageSpace = newStyled.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"], ["\n  width: 7.5rem;\n  height: 4.125rem;\n"])));
@@ -17824,11 +17824,11 @@ var Container$2 = newStyled.div(templateObject_1$2 || (templateObject_1$2 = __ma
 var CheckpointContainer = newStyled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var CheckpointDate = newStyled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  padding-bottom: ", ";\n  width: 60px;\n  min-width: 60px;\n  margin-right: 10px;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  padding-bottom: ", ";\n  width: 60px;\n  min-width: 60px;\n  margin-right: 10px;\n"])), function (props) { return props.currentSpace; });
 var CheckpointDateLabel = newStyled.p(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  font-weight: ", ";\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  font-weight: ", ";\n"])), function (props) { return (props.lastElement ? '600' : '400'); });
-var CheckpointStatus = newStyled.p(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n"])), function (props) { return (props.finishedTrack ? props.finishedTrackColor : ''); }, function (props) { return (props.finishedTrack ? '600' : '400'); });
+var CheckpointStatus = newStyled.p(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n  text-align: left;\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n  text-align: left;\n"])), function (props) { return (props.finishedTrack ? props.finishedTrackColor : ''); }, function (props) { return (props.finishedTrack ? '600' : '400'); });
 var ActiveCheckpointTrack = newStyled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  transform: ", ";\n  position: relative;\n  border-radius: ", ";\n  margin-top: -1px;\n  padding-bottom: ", ";\n  margin-bottom: ", ";\n"], ["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  transform: ", ";\n  position: relative;\n  border-radius: ", ";\n  margin-top: -1px;\n  padding-bottom: ", ";\n  margin-bottom: ", ";\n"])), function (props) { return props.trackColor; }, function (props) { return (props.firstElement ? 'translate(0, 22px)' : 'translate(0, 33px)'); }, function (props) {
     return props.firstElement ? '8px 8px 0 0' : props.lastElement ? '0 0 8px 8px' : '';
 }, function (props) { return (props.firstElement ? '20px' : '0'); }, function (props) { return (props.firstElement ? '-20px' : '0'); });
-var ActiveCheckpointDot = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n  }\n"], ["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n  }\n"])), function (props) { return (props.firstElement ? 'translate(0, -0.5px)' : 'translate(0, -6.5px)'); });
+var ActiveCheckpointDot = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n    left: 0;\n  }\n"], ["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n    left: 0;\n  }\n"])), function (props) { return (props.firstElement ? 'translate(0, -0.5px)' : 'translate(0, -6.5px)'); });
 var LastCheckpointTrack = newStyled.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  position: relative;\n  border-radius: 0 0 8px 8px;\n  margin-top: -1px;\n"], ["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  position: relative;\n  border-radius: 0 0 8px 8px;\n  margin-top: -1px;\n"])), function (props) { return props.backgroundColor; });
 var TrackingProgress = function (_a) {
     var checkPoints = _a.checkPoints, amountOfCheckPoints = _a.amountOfCheckPoints;
@@ -17886,7 +17886,7 @@ var DateText = newStyled.span(templateObject_5 || (templateObject_5 = __makeTemp
 var ReviewerName = newStyled.h1(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"])));
 var VerifiedText = newStyled.h1(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"])));
 var ReviewTitle = newStyled.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"], ["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"])));
-var ReviewDescription = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n"])));
+var ReviewDescription = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"])));
 var ImageContainer = newStyled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"], ["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"])));
 var ImageWrapper = newStyled(Image)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));
 var VideoWrapper = newStyled.video(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));

package/build/index.js CHANGED Viewed

@@ -12655,7 +12655,7 @@ var DateText$1 = newStyled.span(templateObject_5$a || (templateObject_5$a = __ma
 var VariantText = newStyled.div(templateObject_6$9 || (templateObject_6$9 = __makeTemplateObject(["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-weight: 400;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 var ReviewerName$1 = newStyled.h2(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 14px;\n  line-height: 22px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n    line-height: 28px;\n  }\n"])));
 var ReviewTitle$1 = newStyled.h3(templateObject_8$4 || (templateObject_8$4 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 10px 0 8px;\n  font-weight: 600;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
-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 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  white-space: pre-wrap;\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  white-space: pre-wrap;\n\n  @media (min-width: 768px) {\n    font-size: 16px;\n    line-height: 24px;\n  }\n"])));
 var ImagesContainer = 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 Images = newStyled.div(templateObject_11$1 || (templateObject_11$1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: end;\n"], ["\n  display: flex;\n  justify-content: end;\n"])));
 var ImageSpace = newStyled.div(templateObject_12$1 || (templateObject_12$1 = __makeTemplateObject(["\n  width: 7.5rem;\n  height: 4.125rem;\n"], ["\n  width: 7.5rem;\n  height: 4.125rem;\n"])));
@@ -17850,11 +17850,11 @@ var Container$2 = newStyled.div(templateObject_1$2 || (templateObject_1$2 = __ma
 var CheckpointContainer = newStyled.div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
 var CheckpointDate = newStyled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  padding-bottom: ", ";\n  width: 60px;\n  min-width: 60px;\n  margin-right: 10px;\n"], ["\n  display: flex;\n  justify-content: flex-start;\n  flex-direction: column;\n  padding-bottom: ", ";\n  width: 60px;\n  min-width: 60px;\n  margin-right: 10px;\n"])), function (props) { return props.currentSpace; });
 var CheckpointDateLabel = newStyled.p(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  font-weight: ", ";\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  margin: 0;\n  font-weight: ", ";\n"])), function (props) { return (props.lastElement ? '600' : '400'); });
-var CheckpointStatus = newStyled.p(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n"])), function (props) { return (props.finishedTrack ? props.finishedTrackColor : ''); }, function (props) { return (props.finishedTrack ? '600' : '400'); });
+var CheckpointStatus = newStyled.p(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n  text-align: left;\n"], ["\n  font-size: 14px;\n  line-height: 22px;\n  transform: translate(0, 22px);\n  margin: 0;\n  margin-left: 9px;\n  color: ", ";\n  font-weight: ", ";\n  text-align: left;\n"])), function (props) { return (props.finishedTrack ? props.finishedTrackColor : ''); }, function (props) { return (props.finishedTrack ? '600' : '400'); });
 var ActiveCheckpointTrack = newStyled.div(templateObject_6$2 || (templateObject_6$2 = __makeTemplateObject(["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  transform: ", ";\n  position: relative;\n  border-radius: ", ";\n  margin-top: -1px;\n  padding-bottom: ", ";\n  margin-bottom: ", ";\n"], ["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  transform: ", ";\n  position: relative;\n  border-radius: ", ";\n  margin-top: -1px;\n  padding-bottom: ", ";\n  margin-bottom: ", ";\n"])), function (props) { return props.trackColor; }, function (props) { return (props.firstElement ? 'translate(0, 22px)' : 'translate(0, 33px)'); }, function (props) {
     return props.firstElement ? '8px 8px 0 0' : props.lastElement ? '0 0 8px 8px' : '';
 }, function (props) { return (props.firstElement ? '20px' : '0'); }, function (props) { return (props.firstElement ? '-20px' : '0'); });
-var ActiveCheckpointDot = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n  }\n"], ["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n  }\n"])), function (props) { return (props.firstElement ? 'translate(0, -0.5px)' : 'translate(0, -6.5px)'); });
+var ActiveCheckpointDot = newStyled.div(templateObject_7$2 || (templateObject_7$2 = __makeTemplateObject(["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n    left: 0;\n  }\n"], ["\n  &:after {\n    content: ' ';\n    position: absolute;\n    width: 13px;\n    height: 13px;\n    background-color: #e5e5e5;\n    z-index: 2;\n    border-radius: 50%;\n    transform: ", ";\n    left: 0;\n  }\n"])), function (props) { return (props.firstElement ? 'translate(0, -0.5px)' : 'translate(0, -6.5px)'); });
 var LastCheckpointTrack = newStyled.div(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  position: relative;\n  border-radius: 0 0 8px 8px;\n  margin-top: -1px;\n"], ["\n  width: 13px;\n  min-width: 13px;\n  background-color: ", ";\n  position: relative;\n  border-radius: 0 0 8px 8px;\n  margin-top: -1px;\n"])), function (props) { return props.backgroundColor; });
 var TrackingProgress = function (_a) {
     var checkPoints = _a.checkPoints, amountOfCheckPoints = _a.amountOfCheckPoints;
@@ -17912,7 +17912,7 @@ var DateText = newStyled.span(templateObject_5 || (templateObject_5 = __makeTemp
 var ReviewerName = newStyled.h1(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  padding: 20px;\n  display: flex;\n"])));
 var VerifiedText = newStyled.h1(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"], ["\n  font-weight: 600;\n  margin: 0;\n  font-size: 18px;\n  color: #1cc286;\n  margin-left: 6px;\n\n  @media (min-width: 768px) {\n    font-size: 18px;\n  }\n"])));
 var ReviewTitle = newStyled.h2(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"], ["\n  font-size: 18px;\n  line-height: 20px;\n  font-weight: 600;\n  margin: 0;\n"])));
-var ReviewDescription = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n"])));
+var ReviewDescription = newStyled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"], ["\n  font-weight: normal;\n  font-size: 16px;\n  margin: 0;\n  line-height: 25px;\n  word-break: break-word;\n  margin-top: 5px;\n  white-space: pre-wrap;\n"])));
 var ImageContainer = newStyled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"], ["\n  width: 100% !important;\n  min-width: 100%;\n  height: initial !important;\n  min-height: 250px;\n  background-size: contain !important;\n  margin: 0 !important;\n  line-height: 0;\n\n  @media (min-width: 768px) {\n    width: unset;\n    min-width: 50%;\n    max-width: 100%;\n    background-color: #fff;\n    display: inline-block;\n    vertical-align: middle;\n    max-height: calc(100vh - 100px);\n    padding: 20px;\n  }\n"])));
 var ImageWrapper = newStyled(Image)(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));
 var VideoWrapper = newStyled.video(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"], ["\n  width: 100%;\n  min-width: 50%;\n  max-width: 100%;\n  background-color: #fff;\n  display: inline-block;\n  vertical-align: middle;\n  max-height: calc(100vh - 100px);\n"])));

package/package.json CHANGED Viewed

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