@trafilea/afrodita-components 6.5.10 → 6.5.11

package/build/index.d.ts

@@ -2997,6 +2997,10 @@ interface SizeFitGuideProps {
 }
 declare const SizeFitGuide: ({ title, fitPercentage, onClick, onClickFitPercentage, hideIcon, }: SizeFitGuideProps) => JSX.Element;
 
+declare type Size = 'S' | 'XS / S' | 'M' | 'M / L' | 'L' | 'XL' | 'XL / 2XL' | '2XL' | '3XL' | '4XL';
+declare type SizeTipReference = {
+    [key in Size]?: string;
+};
 interface SizeSelectorProps {
     label: string;
     sizes: SizeOption[];
@@ -3006,8 +3010,9 @@ interface SizeSelectorProps {
     inline?: boolean;
     width?: string;
     hasSizeGuide?: boolean;
+    sizeTipReferences?: SizeTipReference;
 }
-declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
+declare const SizeSelector: ({ label, sizes, selectedValue, onChange, onClickSizeTip, inline, width, hasSizeGuide, sizeTipReferences, }: SizeSelectorProps) => _emotion_react_jsx_runtime.JSX.Element;
 
 interface SliderNavigationProps {
     children: JSX.Element | JSX.Element[] | StyledComponent<any>;

package/build/index.esm.js

@@ -18876,22 +18876,14 @@ var ButtonsContainer = newStyled.div(templateObject_1$c || (templateObject_1$c =
 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"])));
 var templateObject_1$c, templateObject_2$8;
 
-var getPreLabel = function (sizeLabel) {
-    if (sizeLabel === '3XL' || sizeLabel === '4XL') {
-        return 'Runs big - ';
-    }
-    if (sizeLabel === 'M' || sizeLabel === 'L' || sizeLabel === 'M / L') {
-        return 'Runs small - ';
-    }
-    return '';
-};
 var SizeSelector = function (_a) {
-    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;
+    var _b;
+    var label = _a.label, sizes = _a.sizes, selectedValue = _a.selectedValue, onChange = _a.onChange, onClickSizeTip = _a.onClickSizeTip, _c = _a.inline, inline = _c === void 0 ? false : _c, width = _a.width, _d = _a.hasSizeGuide, hasSizeGuide = _d === void 0 ? false : _d, sizeTipReferences = _a.sizeTipReferences;
     return (jsxs("div", __assign$1({ css: {
             display: 'flex',
             flexDirection: inline ? 'row' : 'column',
             alignItems: inline ? 'center' : 'start',
-        } }, { 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) {
+        } }, { 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), jsx(Text$8, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: (_b = sizeTipReferences === null || sizeTipReferences === void 0 ? void 0 : sizeTipReferences[selectedValue.label]) !== null && _b !== void 0 ? _b : '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) {
                     var active = !size.disabled && size.label === selectedValue.label;
                     return (jsx(SelectorSecondary, { css: {
                             padding: '0.75rem 1rem 0.625rem',