@trafilea/afrodita-components 6.5.10 → 6.5.12

package/build/index.d.ts

@@ -53,7 +53,7 @@ declare type Custom$1 = 'custom/atom' | 'custom/bra' | 'custom/bubbles' | 'custo
 declare type Download$1 = 'download/apple_store' | 'download/google_play';
 declare type Emoji$1 = 'emoji/blowing_kiss' | 'emoji/frowning' | 'emoji/grinning' | 'emoji/grinning_with_sweat' | 'emoji/relieved' | 'emoji/smiling_v2' | 'emoji/thinking';
 declare type Messaging$1 = 'messaging/ada_chat' | 'messaging/comment' | 'messaging/comment_dots' | 'messaging/comment_light' | 'messaging/comment_money' | 'messaging/community' | 'messaging/light' | 'messaging/light_bulb' | 'messaging/light_bulb_solid' | 'messaging/mail' | 'messaging/messenger' | 'messaging/question_circle' | 'messaging/quote_left' | 'messaging/quote_right' | 'messaging/quote_solid_left' | 'messaging/quote_solid_right';
-declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/vip';
+declare type MyAccount$1 = 'myaccount/birthday_gifts' | 'myaccount/community' | 'myaccount/deals_offers' | 'myaccount/free_returns' | 'myaccount/free_shipping' | 'myaccount/guard' | 'myaccount/members_only_discount' | 'myaccount/members_only_discount_opposite' | 'myaccount/personal_stylist' | 'myaccount/priority_shipping' | 'myaccount/profile' | 'myaccount/place_image' | 'myaccount/sale_tag' | 'myaccount/style_fashion_content' | 'myaccount/cart' | 'myaccount/vip';
 declare type Navigation$1 = 'navigation/address_information' | 'navigation/benefits' | 'navigation/club_membership' | 'navigation/ellipsis' | 'navigation/ellipsis_horizontal' | 'navigation/filters' | 'navigation/hamburger' | 'navigation/home' | 'navigation/home_solid' | 'navigation/loading' | 'navigation/lock' | 'navigation/lock_solid' | 'navigation/map_marker' | 'navigation/map_solid' | 'navigation/menu_lines' | 'navigation/search' | 'navigation/shaperbox' | 'navigation/shopping_bag' | 'navigation/shopping_bag_v2' | 'navigation/shopping_bag_v3' | 'navigation/shopping_cart' | 'navigation/shopping_cart_v2' | 'navigation/slide_dot' | 'navigation/slide_dot_solid' | 'navigation/user' | 'navigation/user_solid' | 'navigation/user_v2';
 declare type Other$1 = 'other/bod_con_label' | 'other/bod_con_mobile_label' | 'other/call_us' | 'other/chat' | 'other/email' | 'other/express_shipping' | 'other/fit_guarantee' | 'other/fit_predictor' | 'other/free_exchange' | 'other/get_discount' | 'other/hassel_free_returns' | 'other/loading' | 'other/mc_afee' | 'other/play' | 'other/qr_code' | 'other/question_with_circle' | 'other/revel_beauty' | 'other/shapermint' | 'other/shapermint_club_icon' | 'other/shapermint_club_icon2' | 'other/shapermint_club_label' | 'other/shapermint_club_mobile_label' | 'other/shapermint_logo' | 'other/shm_club' | 'other/shop_now' | 'other/sign_form' | 'other/sixty_days_tsd' | 'other/the_bod_con' | 'other/the_spa_dr' | 'other/lock';
 declare type Payment$1 = 'payment/amazon' | 'payment/amex' | 'payment/jcb' | 'payment/klarna' | 'payment/master_card' | 'payment/paypal' | 'payment/visa';
@@ -538,6 +538,8 @@ declare namespace Messaging {
 
 declare const BirthdayGifts: IconComponent;
 
+declare const Cart: IconComponent;
+
 declare const Community: IconComponent;
 
 declare const DealsOffers: IconComponent;
@@ -567,6 +569,7 @@ declare const StyleFashionContent: IconComponent;
 declare const VIP: IconComponent;
 
 declare const MyAccount_BirthdayGifts: typeof BirthdayGifts;
+declare const MyAccount_Cart: typeof Cart;
 declare const MyAccount_Community: typeof Community;
 declare const MyAccount_DealsOffers: typeof DealsOffers;
 declare const MyAccount_FreeReturns: typeof FreeReturns;
@@ -584,6 +587,7 @@ declare const MyAccount_VIP: typeof VIP;
 declare namespace MyAccount {
   export {
     MyAccount_BirthdayGifts as BirthdayGifts,
+    MyAccount_Cart as Cart,
     MyAccount_Community as Community,
     MyAccount_DealsOffers as DealsOffers,
     MyAccount_FreeReturns as FreeReturns,
@@ -2997,6 +3001,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 +3014,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

@@ -3668,6 +3668,8 @@ var Messaging = /*#__PURE__*/Object.freeze({
 
 var BirthdayGifts = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/birthday_gifts" }), void 0)); };
 
+var Cart = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/cart" }), void 0); };
+
 var Community = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/community" }), void 0); };
 
 var DealsOffers = function (props) { return (jsx$1(Icon$1, __assign$1({}, props, { name: "myaccount/deals_offers" }), void 0)); };
@@ -3699,6 +3701,7 @@ var VIP = function (props) { return jsx$1(Icon$1, __assign$1({}, props, { name:
 var MyAccount = /*#__PURE__*/Object.freeze({
     __proto__: null,
     BirthdayGifts: BirthdayGifts,
+    Cart: Cart,
     Community: Community,
     DealsOffers: DealsOffers,
     FreeReturns: FreeReturns,
@@ -18876,22 +18879,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',