@trafilea/afrodita-components 6.5.1 → 6.5.3

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.
@@ -5473,7 +5473,7 @@ var PriceLabelV2 = function (_a) {
5473
5473
  ? finalPrice.split(currencySymbol)[1]
5474
5474
  : finalPrice;
5475
5475
  var finalPricePerQuantity = hasPricePerItem
5476
- ? "".concat(currencySymbol).concat(Number(priceSymbolRemoved) / quantity)
5476
+ ? "".concat(currencySymbol).concat((Number(priceSymbolRemoved) / quantity).toFixed(2))
5477
5477
  : finalPrice;
5478
5478
  var finalPriceArray = typeof finalPricePerQuantity === 'string' &&
5479
5479
  finalPricePerQuantity.includes('.') &&
@@ -18870,14 +18870,22 @@ var ButtonsContainer = newStyled.div(templateObject_1$c || (templateObject_1$c =
18870
18870
  var Row = newStyled.div(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n gap: 5px;\n display: flex;\n margin: 5px 0 3px;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"], ["\n gap: 5px;\n display: flex;\n margin: 5px 0 3px;\n flex-wrap: wrap;\n\n & button {\n font-weight: 600;\n }\n"])));
18871
18871
  var templateObject_1$c, templateObject_2$8;
18872
18872
 
18873
+ var getPreLabel = function (sizeLabel) {
18874
+ if (sizeLabel === '3XL' || sizeLabel === '4XL') {
18875
+ return 'Runs big - ';
18876
+ }
18877
+ if (sizeLabel === 'M' || sizeLabel === 'L' || sizeLabel === 'M / L') {
18878
+ return 'Runs small - ';
18879
+ }
18880
+ return '';
18881
+ };
18873
18882
  var SizeSelector = function (_a) {
18874
18883
  var label = _a.label, sizes = _a.sizes, selectedValue = _a.selectedValue, onChange = _a.onChange, onClickSizeTip = _a.onClickSizeTip, _b = _a.inline, inline = _b === void 0 ? false : _b, width = _a.width, _c = _a.hasSizeGuide, hasSizeGuide = _c === void 0 ? false : _c;
18875
- var isLarge = selectedValue.label === '3XL' || selectedValue.label === '4XL';
18876
18884
  return (jsxs("div", __assign$1({ css: {
18877
18885
  display: 'flex',
18878
18886
  flexDirection: inline ? 'row' : 'column',
18879
18887
  alignItems: inline ? 'center' : 'start',
18880
- } }, { children: [jsxs(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && (jsx(Text$8, __assign$1({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue.description }), void 0))] }), void 0), hasSizeGuide && (jsxs(Row, { children: [jsx(Icon.Actions.CircleInfo, { width: 1.2 }, void 0), jsx(Text$8, __assign$1({ variant: "body", weight: "demi", size: "small", css: { display: 'flex' } }, { children: "Sizing Tip:" }), void 0), isLarge && (jsx(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Runs big -" }), void 0)), jsx(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: "Refer to our" }), void 0), onClickSizeTip && (jsx(SizeFitGuide, { title: "Size and Fit Guide", onClick: onClickSizeTip, hideIcon: true }, void 0))] }, void 0)), jsx(ButtonsContainer, __assign$1({ inline: inline }, { children: sizes.map(function (size) {
18888
+ } }, { children: [jsxs(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small", css: { alignSelf: inline ? 'start' : 'inherit', padding: inline ? '0.75rem 0' : '0' } }, { children: [label, !inline && (jsx(Text$8, __assign$1({ variant: "label", weight: "demi", size: "regular" }, { children: selectedValue.description }), void 0))] }), void 0), hasSizeGuide && (jsxs(Row, { children: [jsx(Icon.Actions.CircleInfo, { width: 1.2 }, void 0), jsx(Text$8, __assign$1({ variant: "body", weight: "demi", size: "small", css: { display: 'flex' } }, { children: "Sizing Tip:" }), void 0), jsxs(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [getPreLabel(selectedValue.label), "Refer to our"] }), void 0), onClickSizeTip && (jsx(SizeFitGuide, { title: "Size and Fit Guide", onClick: onClickSizeTip, hideIcon: true }, void 0))] }, void 0)), jsx(ButtonsContainer, __assign$1({ inline: inline }, { children: sizes.map(function (size) {
18881
18889
  var active = !size.disabled && size.label === selectedValue.label;
18882
18890
  return (jsx(SelectorSecondary, { css: {
18883
18891
  padding: '0.75rem 1rem 0.625rem',