@trafilea/afrodita-components 5.0.0-beta.48 → 5.0.0-beta.50

package/build/index.d.ts

@@ -150,6 +150,8 @@ declare const Close: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const Trash: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Warning: ({ height, width, fill }: IconProps) => JSX.Element;
+
 declare const Edit: ({ height, width, fill }: IconProps) => JSX.Element;
 
 declare const SignOut: ({ height, width, fill }: IconProps) => JSX.Element;
@@ -162,6 +164,7 @@ declare const Actions_LightCheck: typeof LightCheck;
 declare const Actions_Question: typeof Question;
 declare const Actions_Close: typeof Close;
 declare const Actions_Trash: typeof Trash;
+declare const Actions_Warning: typeof Warning;
 declare const Actions_Edit: typeof Edit;
 declare const Actions_SignOut: typeof SignOut;
 declare namespace Actions {
@@ -174,6 +177,7 @@ declare namespace Actions {
     Actions_Question as Question,
     Actions_Close as Close,
     Actions_Trash as Trash,
+    Actions_Warning as Warning,
     Actions_Edit as Edit,
     Actions_SignOut as SignOut,
   };
@@ -194,12 +198,21 @@ declare const GetDiscount: ({ height, width }: IconProps) => JSX.Element;
 
 declare const ShapermintLogo: ({ height, width, fill }: IconProps) => JSX.Element;
 
+declare const Chat: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const Email: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
+declare const CallUs: ({ height, width, fill, testId }: IconProps) => JSX.Element;
+
 type Other_LoadingProps = LoadingProps;
 declare const Other_Loading: typeof Loading;
 declare const Other_Shapermint: typeof Shapermint;
 declare const Other_McAfee: typeof McAfee;
 declare const Other_GetDiscount: typeof GetDiscount;
 declare const Other_ShapermintLogo: typeof ShapermintLogo;
+declare const Other_Chat: typeof Chat;
+declare const Other_Email: typeof Email;
+declare const Other_CallUs: typeof CallUs;
 declare namespace Other {
   export {
     FitPredictor$1 as FitPredictor,
@@ -209,6 +222,9 @@ declare namespace Other {
     Other_McAfee as McAfee,
     Other_GetDiscount as GetDiscount,
     Other_ShapermintLogo as ShapermintLogo,
+    Other_Chat as Chat,
+    Other_Email as Email,
+    Other_CallUs as CallUs,
   };
 }
 
@@ -836,6 +852,12 @@ declare type ThemeComponent = {
         lineHeight: string;
         border: string;
         boxShadow: string;
+        errorBorder: string;
+    };
+    inputPlaceholder: {
+        fontSize: string;
+        padding: string;
+        focusBorder: string;
     };
     inputCustom: {
         button: {
@@ -1196,6 +1218,9 @@ interface BaseInputCommmonProps {
     required?: string;
     children?: React.ReactNode;
     size?: 'regular' | 'small';
+    inlinePlaceholder?: boolean;
+    hasError?: boolean;
+    inputType?: 'text' | 'email' | 'password' | 'url';
 }
 interface BaseInputControlled extends BaseInputCommmonProps {
     value: string;
@@ -1244,7 +1269,7 @@ declare type CustomProps = BaseInputProps & {
 };
 
 declare const Input: {
-    Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, ...rest }: BaseInputProps) => JSX.Element;
+    Simple: ({ value, onChange, defaultValue, label, children, required, onValidation, size, placeholder, inlinePlaceholder, hasError, inputType, ...rest }: BaseInputProps) => JSX.Element;
     Custom: ({ onClick, text, variant, ...rest }: CustomProps) => JSX.Element;
     SimplePlusButton: ({ onClick, onClickEdit, text, success, editText, successText, ...rest }: BasePlusButtonProps) => JSX.Element;
     SimplePlusIcon: ({ Icon, ...rest }: BasePlusIconProps) => JSX.Element;
@@ -1784,7 +1809,7 @@ interface SearchNavigationProps {
 }
 declare const SearchNavigation: ({ returnText, returnUrl, steps, returnAction, }: SearchNavigationProps) => JSX.Element;
 
-interface TabProps {
+interface TabProps$1 {
     title: string;
     content: ReactNode;
 }
@@ -1792,10 +1817,22 @@ interface TabsProps {
     backgroundColor?: string;
     initialSelected?: string;
     tabsMaxWidth?: string;
-    tabs: TabProps[];
+    tabs: TabProps$1[];
 }
 declare const Tabs: ({ backgroundColor, tabs, initialSelected, tabsMaxWidth, }: TabsProps) => JSX.Element | null;
 
+interface TabProps {
+    title: string;
+    titleSize?: string;
+    selectedTitleWeight?: number;
+    height?: string;
+    selected?: boolean;
+    color?: string;
+    tabsMaxWidth?: string;
+    onClick: (clickedTab: string) => void;
+}
+declare const Tab: ({ title, titleSize, height, selectedTitleWeight, selected, onClick, color, tabsMaxWidth, }: TabProps) => JSX.Element;
+
 declare global {
     interface Events {
         modal: {
@@ -1835,4 +1872,4 @@ declare const formatPrice: (value: number, { locale, currency }?: {
     currency?: string | undefined;
 }) => string;
 
-export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tabs, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, ButtonType, CTAProps, _default as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, Color, ColorPickerOption, ComponentPosition, ComponentSize, index_d as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, DropdownListIconsItem, DropdownListIconsSubItem, DropdownOption, Filter, FilterChange, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, IconProps, IconWithOpacityProps, Image, ImageType, Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, Pattern, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioGroupOption, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchBarOptionItem, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeOption, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text, TextButton, Theme, ThemeAssets, ThemeBasicPallete, ThemeBreakpoints, ThemeColorPallete, ThemeColors, ThemeComponent, ThemeFonts, ThemeProvider, ThemeTypography, ThemeVariables, Timer, Tooltip, Totals, WithTestId, decimalFormat, formatPrice, isEmail, isEmpty, isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };

package/build/index.esm.js

@@ -112,6 +112,11 @@ var Trash = function (_a) {
     return (jsx$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 16, viewBoxY: 20, title: "trash" }, { children: jsx$1("path", { d: "M10.5714 16.875H11.1429C11.2186 16.875 11.2913 16.8421 11.3449 16.7835C11.3985 16.7249 11.4286 16.6454 11.4286 16.5625V5.9375C11.4286 5.85462 11.3985 5.77513 11.3449 5.71653C11.2913 5.65792 11.2186 5.625 11.1429 5.625H10.5714C10.4957 5.625 10.423 5.65792 10.3694 5.71653C10.3158 5.77513 10.2857 5.85462 10.2857 5.9375V16.5625C10.2857 16.6454 10.3158 16.7249 10.3694 16.7835C10.423 16.8421 10.4957 16.875 10.5714 16.875ZM4.85714 16.875H5.42857C5.50435 16.875 5.57702 16.8421 5.6306 16.7835C5.68418 16.7249 5.71429 16.6454 5.71429 16.5625V5.9375C5.71429 5.85462 5.68418 5.77513 5.6306 5.71653C5.57702 5.65792 5.50435 5.625 5.42857 5.625H4.85714C4.78137 5.625 4.70869 5.65792 4.65511 5.71653C4.60153 5.77513 4.57143 5.85462 4.57143 5.9375V16.5625C4.57143 16.6454 4.60153 16.7249 4.65511 16.7835C4.70869 16.8421 4.78137 16.875 4.85714 16.875ZM15.7143 2.5H12L10.8 0.75C10.6403 0.517132 10.4333 0.328126 10.1952 0.197949C9.95719 0.067772 9.69471 0 9.42857 0L6.57143 0C6.30529 0 6.04282 0.067772 5.80478 0.197949C5.56674 0.328126 5.35968 0.517132 5.2 0.75L4 2.5H0.285714C0.209938 2.5 0.137266 2.53292 0.0836838 2.59153C0.030102 2.65013 0 2.72962 0 2.8125L0 3.4375C0 3.52038 0.030102 3.59987 0.0836838 3.65847C0.137266 3.71708 0.209938 3.75 0.285714 3.75H1.14286V18.125C1.14286 18.6223 1.32347 19.0992 1.64496 19.4508C1.96645 19.8025 2.40249 20 2.85714 20H13.1429C13.5975 20 14.0336 19.8025 14.355 19.4508C14.6765 19.0992 14.8571 18.6223 14.8571 18.125V3.75H15.7143C15.7901 3.75 15.8627 3.71708 15.9163 3.65847C15.9699 3.59987 16 3.52038 16 3.4375V2.8125C16 2.72962 15.9699 2.65013 15.9163 2.59153C15.8627 2.53292 15.7901 2.5 15.7143 2.5ZM6.11429 1.5C6.1677 1.4226 6.23676 1.35976 6.31607 1.31639C6.39537 1.27302 6.48277 1.2503 6.57143 1.25H9.42857C9.51723 1.2503 9.60463 1.27302 9.68394 1.31639C9.76324 1.35976 9.8323 1.4226 9.88571 1.5L10.5714 2.5H5.42857L6.11429 1.5ZM13.7143 18.125C13.7143 18.2908 13.6541 18.4497 13.5469 18.5669C13.4398 18.6842 13.2944 18.75 13.1429 18.75H2.85714C2.70559 18.75 2.56025 18.6842 2.45308 18.5669C2.34592 18.4497 2.28571 18.2908 2.28571 18.125V3.75H13.7143V18.125ZM7.71429 16.875H8.28572C8.36149 16.875 8.43416 16.8421 8.48775 16.7835C8.54133 16.7249 8.57143 16.6454 8.57143 16.5625V5.9375C8.57143 5.85462 8.54133 5.77513 8.48775 5.71653C8.43416 5.65792 8.36149 5.625 8.28572 5.625H7.71429C7.63851 5.625 7.56584 5.65792 7.51226 5.71653C7.45867 5.77513 7.42857 5.85462 7.42857 5.9375V16.5625C7.42857 16.6454 7.45867 16.7249 7.51226 16.7835C7.56584 16.8421 7.63851 16.875 7.71429 16.875Z", fill: fill }, void 0) }), void 0));
 };
 
+var Warning = function (_a) {
+    var height = _a.height, width = _a.width, fill = _a.fill;
+    return (jsxs$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 500, viewBoxY: 500, title: "warning" }, { children: [jsx$1("path", { d: "M243.225,333.382c-13.6,0-25,11.4-25,25s11.4,25,25,25c13.1,0,25-11.4,24.4-24.4\n\t\t\tC268.225,344.682,256.925,333.382,243.225,333.382z", fill: fill }, void 0), jsx$1("path", { d: "M474.625,421.982c15.7-27.1,15.8-59.4,0.2-86.4l-156.6-271.2c-15.5-27.3-43.5-43.5-74.9-43.5s-59.4,16.3-74.9,43.4\n\t\t\tl-156.8,271.5c-15.6,27.3-15.5,59.8,0.3,86.9c15.6,26.8,43.5,42.9,74.7,42.9h312.8\n\t\t\tC430.725,465.582,458.825,449.282,474.625,421.982z M440.625,402.382c-8.7,15-24.1,23.9-41.3,23.9h-312.8\n\t\t\tc-17,0-32.3-8.7-40.8-23.4c-8.6-14.9-8.7-32.7-0.1-47.7l156.8-271.4c8.5-14.9,23.7-23.7,40.9-23.7c17.1,0,32.4,8.9,40.9,23.8\n\t\t\tl156.7,271.4C449.325,369.882,449.225,387.482,440.625,402.382z", fill: fill }, void 0), jsx$1("path", { d: "M237.025,157.882c-11.9,3.4-19.3,14.2-19.3,27.3c0.6,7.9,1.1,15.9,1.7,23.8c1.7,30.1,3.4,59.6,5.1,89.7\n\t\t\tc0.6,10.2,8.5,17.6,18.7,17.6c10.2,0,18.2-7.9,18.7-18.2c0-6.2,0-11.9,0.6-18.2c1.1-19.3,2.3-38.6,3.4-57.9\n\t\t\tc0.6-12.5,1.7-25,2.3-37.5c0-4.5-0.6-8.5-2.3-12.5C260.825,160.782,248.925,155.082,237.025,157.882z", fill: fill }, void 0)] }), void 0));
+};
+
 var Edit = function (_a) {
     var height = _a.height, width = _a.width, fill = _a.fill;
     return (jsx$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 25, viewBoxY: 24, title: "Edit" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.1753 4.97694C21.6993 4.45768 21.9914 3.85188 22 3.09895C21.9828 2.5018 21.7938 1.94793 21.3815 1.48059C21.1066 1.17769 20.8145 0.892099 20.5139 0.615161C20.0757 0.208407 19.5431 0.00935792 18.9504 0.000703593C18.1945 -0.0166051 17.5759 0.286296 17.0519 0.81421C13.9422 3.94708 10.8239 7.07994 7.69699 10.2042C7.40492 10.5071 7.20734 10.8273 7.09566 11.2427C6.82455 12.2952 6.53308 13.3426 6.24084 14.3928C6.15342 14.7069 6.06594 15.0213 5.97891 15.3362C5.87583 15.691 5.95314 15.9333 6.19367 16.0804C6.37407 16.1929 6.56306 16.1583 6.75205 16.1064C7.11291 16.0054 7.47377 15.9022 7.83484 15.799C8.71151 15.5483 9.58945 15.2972 10.4717 15.0765C11.1246 14.9121 11.6228 14.5919 12.0953 14.1159C15.1105 11.0523 18.1429 8.01461 21.1753 4.97694ZM15.1064 9.43803C13.7813 10.7709 12.4561 12.1037 11.1331 13.4322L8.64193 10.9225C9.96489 9.59399 11.29 8.26118 12.6151 6.92838C13.9401 5.59565 15.2652 4.26292 16.588 2.93452L19.0793 5.44427C17.7564 6.77264 16.4314 8.10533 15.1064 9.43803ZM19.9469 4.67404C19.0793 3.7913 18.2374 2.94317 17.3612 2.06043C17.4173 2.00608 17.4734 1.95064 17.5298 1.89493C17.6978 1.72886 17.8683 1.56041 18.0484 1.41136C18.5123 1.02191 19.2339 1.00461 19.6978 1.39405C20.0328 1.67099 20.3421 1.98254 20.6255 2.32006C20.9949 2.76143 20.9863 3.47109 20.6427 3.92977C20.5826 4.00766 20.5139 4.08555 20.4451 4.15478C20.3581 4.24243 20.2733 4.33231 20.1896 4.42103C20.108 4.5075 20.0275 4.59288 19.9469 4.67404ZM10.0334 14.0464L10.0336 14.0467C9.14877 14.289 8.22959 14.5486 7.26747 14.8256C7.36412 14.4738 7.45852 14.1277 7.55147 13.7868C7.71461 13.1886 7.87331 12.6067 8.03201 12.0389C8.6934 12.6965 9.36338 13.3715 10.0334 14.0464ZM2.85201 22H10.4373C11.5197 22 12.6107 22 13.6931 21.9827C14.0755 21.9827 14.4579 21.9838 14.8402 21.9849C15.9865 21.9881 17.1315 21.9914 18.2718 21.9654C19.6376 21.9394 20.8059 20.7538 20.8317 19.3778C20.8501 18.4446 20.8466 17.5159 20.8431 16.5853C20.8417 16.2126 20.8403 15.8397 20.8403 15.466C20.8403 15.0852 20.8403 14.7044 20.8317 14.3236C20.8231 13.9688 20.4967 13.7265 20.1617 13.8044C19.9125 13.865 19.7493 14.0986 19.7493 14.4102V19.1008C19.7493 20.1913 19.0535 20.8923 17.9797 20.8923H2.8606C2.6802 20.8923 2.4998 20.875 2.328 20.8317C1.52909 20.6153 1.09098 19.9922 1.09098 19.0835V5.0462C1.09098 4.86446 1.09957 4.68272 1.14252 4.50963C1.34869 3.71344 1.97579 3.23745 2.81765 3.23745H7.48223C7.59391 3.23745 7.71417 3.22879 7.81726 3.18552C8.05779 3.08167 8.18665 2.82204 8.1351 2.58837C8.08356 2.31144 7.8688 2.13835 7.54237 2.13835C7.08585 2.13835 6.62932 2.13694 6.1728 2.13552C5.03151 2.13199 3.89022 2.12846 2.74893 2.147C1.1597 2.17297 0 3.35861 0 4.94235C0 9.70223 0 14.4621 0.00859039 19.222C0.00859039 19.5335 0.0601328 19.8538 0.163217 20.148C0.558376 21.3077 1.56345 22 2.85201 22Z", fill: fill }, void 0) }), void 0));
@@ -131,6 +136,7 @@ var Actions = /*#__PURE__*/Object.freeze({
     Question: Question,
     Close: Close,
     Trash: Trash,
+    Warning: Warning,
     Edit: Edit,
     SignOut: SignOut
 });
@@ -165,6 +171,21 @@ var ShapermintLogo = function (_a) {
     return (jsx$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 121, viewBoxY: 120, title: "Shapermint Logo" }, { children: jsx$1("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M120.548 60C120.548 93.1371 93.6849 120 60.5479 120C40.0675 120 21.9837 109.739 11.1573 94.0769C11.1745 94.0425 11.191 94.0068 11.2065 93.9698C12.9467 90.3807 15.7745 86.7553 22.3364 86.7553C29.6678 86.7376 36.8521 90.0069 44.3795 93.4323C52.2625 97.0195 60.5217 100.778 69.7201 101.112C88.3545 101.801 98.5056 90.562 98.5056 75.2629C98.5056 60.4732 83.4255 55.4532 75.2996 52.7482C75.0397 52.6617 74.7868 52.5775 74.5418 52.4955C73.674 52.2029 72.8251 51.9216 71.9988 51.6478C63.8169 48.9364 57.8651 46.9641 57.8651 42.0907C57.8651 37.7402 61.708 35.0574 67.9074 35.0574C73.8893 35.0574 81.5751 37.6677 89.0071 42.1632L89.5147 42.4894L96.9829 29.0755L96.5116 28.7855C88.2458 23.3475 77.7322 20.0846 68.3062 20.0846C52.0645 20.0846 40.7171 29.9819 40.7171 44.1571C40.7171 60.2538 56.995 65.2206 64.8258 67.0695C74.3606 69.3172 81.3576 71.6012 81.3576 77.4743C81.3576 82.2598 76.8983 86.3203 69.6838 85.3051C65.0023 84.6385 58.7949 82.0218 52.1041 79.2013C42.7845 75.2726 32.5271 70.9487 24.1491 70.9487C15.5901 70.9487 8.61613 73.5015 3.40844 78.3583C1.5509 72.5722 0.547852 66.4032 0.547852 60C0.547852 26.8629 27.4108 0 60.5479 0C93.6849 0 120.548 26.8629 120.548 60Z", fill: fill }, void 0) }), void 0));
 };
 
+var Chat = function (_a) {
+    var height = _a.height, width = _a.width, fill = _a.fill, testId = _a.testId;
+    return (jsxs$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 40, viewBoxY: 35, title: "chat", testId: testId }, { children: [jsx$1("path", { d: "M0.000703461 9.32233C0.241755 8.39551 0.667639 7.59131 1.42593 6.99627C2.08302 6.48295 2.88488 6.20272 3.71065 6.19784C4.21454 6.18558 4.67275 6.64646 4.71351 7.13908C4.76059 7.71248 4.44646 8.17481 3.92149 8.3068C2.24396 8.72873 2.0528 8.97973 2.0528 10.7591C2.0528 15.4458 2.0528 20.134 2.0528 24.8236C2.0528 26.1219 2.68272 26.771 3.94256 26.771C4.47597 26.771 5.01008 26.771 5.54349 26.771C6.34606 26.776 6.79864 27.2319 6.80497 28.062C6.8141 29.1966 6.80497 30.3318 6.80848 31.4671C6.80848 31.545 6.81761 31.6236 6.82253 31.7008C6.96309 31.7347 6.98769 31.6193 7.0404 31.5565C8.21193 30.1616 9.38766 28.7689 10.5479 27.3631C10.8937 26.9448 11.295 26.7587 11.8368 26.7602C16.6768 26.7732 21.5162 26.7674 26.3562 26.7688C27.1482 26.7688 27.6212 27.2175 27.5853 27.9286C27.5729 28.1639 27.4826 28.3879 27.3292 28.5632C27.1758 28.7386 26.9686 28.855 26.742 28.8929C26.4714 28.9314 26.1985 28.9497 25.9254 28.9478C21.4627 28.9506 17.0001 28.949 12.5375 28.9427C12.1517 28.9427 11.8945 29.0603 11.6408 29.3668C10.2521 31.0464 8.84887 32.713 7.43114 34.3666C6.81551 35.0878 6.03613 35.1873 5.34109 34.6947C4.80065 34.3117 4.68048 33.7282 4.67627 33.108C4.66713 31.8934 4.65869 30.678 4.68118 29.4627C4.68891 29.0516 4.55047 28.9326 4.16324 28.942C2.77666 28.978 1.57703 28.5547 0.702775 27.379C0.35701 26.9131 0.168666 26.3757 0 25.8283L0.000703461 9.32233Z", fill: fill }, void 0), jsx$1("path", { d: "M23.8795 0.00296154C27.9766 0.00296154 32.074 0.00296154 36.1717 0.00296154C37.9827 0.00296154 39.3567 1.06898 39.8802 2.8476C39.9629 3.14269 40.0027 3.44867 39.9983 3.75567C39.9983 8.82899 40.0039 13.9016 39.9941 18.9742C39.9941 20.9937 38.3777 22.6627 36.4057 22.7247C36.1848 22.7388 35.9632 22.7388 35.7423 22.7247C35.405 22.6923 35.2848 22.8185 35.2897 23.1748C35.3073 24.4009 35.2953 25.6314 35.2967 26.8597C35.3067 27.167 35.2639 27.4736 35.1702 27.7656C34.7718 28.8785 33.4133 29.1418 32.5946 28.2445C32.0071 27.6026 31.4645 26.9189 30.9037 26.2517C30.0027 25.1813 29.0976 24.1139 28.2071 23.0334C28.0097 22.7933 27.7904 22.7226 27.4959 22.7233C22.1886 22.73 16.8812 22.73 11.5739 22.7233C9.74666 22.7233 8.33268 21.6465 7.84284 19.9104C7.74654 19.5635 7.69921 19.2043 7.70229 18.8437C7.70229 13.8511 7.70346 8.85832 7.70581 3.8653C7.70581 1.68277 9.33694 0.0108975 11.4692 0.00512743C15.6064 -0.00497018 19.7429 0.00296154 23.8795 0.00296154ZM33.161 25.6365V25.3112C33.161 24.1362 33.154 22.9613 33.1645 21.7871C33.1708 21.0392 33.6157 20.5978 34.3382 20.5927C34.9004 20.5891 35.457 20.5927 36.0157 20.5927C37.2582 20.5833 37.9174 19.9039 37.9174 18.6309C37.9174 13.7855 37.9174 8.93983 37.9174 4.09394C37.9174 2.82019 37.2561 2.13933 36.0136 2.13861H11.7039C10.4389 2.13861 9.78391 2.8137 9.7832 4.11774C9.7832 8.92372 9.7832 13.7292 9.7832 18.5342C9.7832 19.9515 10.4052 20.5941 11.7798 20.5941C17.2427 20.5941 22.7054 20.592 28.1678 20.5877C28.6808 20.5877 29.068 20.7571 29.3892 21.1574C29.7863 21.6522 30.2016 22.1304 30.6099 22.6151C31.4315 23.5917 32.2593 24.5683 33.161 25.6365Z", fill: fill }, void 0), jsx$1("path", { d: "M18.6348 11.7321C18.6334 11.3953 18.7612 11.0716 18.9906 10.8308C19.2199 10.5901 19.5324 10.4516 19.8604 10.4453C20.5245 10.4453 21.1029 11.0447 21.098 11.7313C21.0933 12.0616 20.9638 12.377 20.7369 12.6112C20.5099 12.8453 20.2032 12.9798 19.8815 12.9863C19.719 12.9895 19.5575 12.9594 19.4065 12.8978C19.2554 12.8362 19.1179 12.7443 19.0018 12.6276C18.8857 12.5108 18.7935 12.3715 18.7305 12.2177C18.6675 12.064 18.6349 11.8989 18.6348 11.7321Z", fill: fill }, void 0), jsx$1("path", { d: "M29.0667 11.7176C29.0684 11.8844 29.0377 12.0499 28.9765 12.2044C28.9152 12.3589 28.8247 12.4993 28.71 12.6175C28.5953 12.7358 28.4589 12.8294 28.3086 12.8929C28.1584 12.9565 27.9973 12.9887 27.8348 12.9878C27.5129 12.9843 27.2048 12.8531 26.9752 12.6215C26.7456 12.3899 26.6124 12.076 26.6035 11.7458C26.6044 11.409 26.7323 11.0857 26.9604 10.8436C27.1885 10.6016 27.4991 10.4596 27.827 10.4475C28.4947 10.4345 29.0646 11.0194 29.0667 11.7176Z", fill: fill }, void 0), jsx$1("path", { d: "M25.0829 11.7313C25.0752 12.0613 24.942 12.3752 24.7119 12.6058C24.4818 12.8364 24.1729 12.9655 23.8512 12.9655C23.5296 12.9655 23.2207 12.8364 22.9906 12.6058C22.7604 12.3752 22.6273 12.0613 22.6196 11.7313C22.6208 11.3944 22.7502 11.0713 22.9803 10.8309C23.2103 10.5906 23.5227 10.4519 23.8509 10.4446C24.5178 10.4446 25.0864 11.0382 25.0829 11.7313Z", fill: fill }, void 0)] }), void 0));
+};
+
+var Email = function (_a) {
+    var height = _a.height, width = _a.width, fill = _a.fill, testId = _a.testId;
+    return (jsxs$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 40, viewBoxY: 40, title: "email", testId: testId }, { children: [jsx$1("path", { d: "M19.9968 39.9694C14.6725 39.9694 9.34672 39.9103 4.02327 39.9993C2.03326 40.0331 -0.0306767 38.795 0.0078649 36.1002C0.0330349 34.365 0.0125853 32.6283 0.0125853 30.8924C0.0125853 25.7444 0.0235969 20.5956 0 15.4476C0 14.6629 0.229675 14.1198 0.915557 13.6618C2.21968 12.7912 3.45851 11.8261 4.7351 10.9156C4.86124 10.8358 4.96311 10.7245 5.03007 10.5932C5.09704 10.4619 5.12664 10.3155 5.1158 10.1692C5.10007 9.04159 5.10636 7.91395 5.11108 6.78632C5.11108 5.94251 5.39897 5.65715 6.25868 5.65485C7.98912 5.65025 9.72742 5.64795 11.4618 5.65485C11.7801 5.66587 12.0923 5.5679 12.3443 5.37793C14.6196 3.71282 16.9006 2.05384 19.1874 0.401002C19.9189 -0.131364 20.088 -0.135966 20.8392 0.401002C23.1202 2.03338 25.3989 3.66986 27.6752 5.31042C27.986 5.54753 28.3717 5.67175 28.7662 5.66176C30.4093 5.64488 32.0524 5.65255 33.6955 5.65562C34.6245 5.65562 34.8998 5.9241 34.9029 6.82007C34.9029 7.8733 34.9187 8.92729 34.8951 9.98051C34.8872 10.3495 35.0201 10.5804 35.3214 10.7913C36.7034 11.7632 38.0649 12.762 39.4493 13.7308C39.6211 13.8407 39.7617 13.9911 39.858 14.1681C39.9543 14.3451 40.0031 14.5431 39.9998 14.7434C39.9998 14.906 39.9998 15.0694 39.9998 15.2328C39.9998 22.1019 39.9998 28.9713 39.9998 35.8409C39.9998 36.3456 39.9841 36.8504 39.8583 37.3421C39.6717 38.0923 39.2314 38.7594 38.6085 39.2357C37.9857 39.7121 37.2165 39.97 36.4249 39.9679C30.9499 39.9709 25.4739 39.9715 19.9968 39.9694ZM2.87331 38.2718C3.34132 38.472 3.74561 38.4843 4.15305 38.4843H35.8672C36.0041 38.4843 36.1418 38.4881 36.2778 38.4789C37.615 38.3884 38.4134 37.583 38.4141 36.2927C38.4173 29.6619 38.4173 23.0309 38.4141 16.3996C38.4141 16.2745 38.4873 16.1027 38.3473 16.0314C38.2073 15.96 38.1019 16.1127 37.9925 16.1848C33.9779 18.7055 29.9641 21.2282 25.9511 23.753L7.85461 35.1329C6.22092 36.16 4.58723 37.1918 2.87331 38.2718ZM20.0031 7.20439C15.7446 7.20439 11.4859 7.20311 7.22694 7.20055C6.89579 7.20055 6.69207 7.2274 6.69443 7.64547C6.71016 10.7752 6.70545 13.905 6.69837 17.0347C6.68961 17.1516 6.71579 17.2684 6.77372 17.3711C6.83166 17.4737 6.91887 17.5578 7.02479 17.6131C11.2649 20.2013 15.5016 22.7956 19.7349 25.3961C20.0117 25.5664 20.2107 25.5495 20.4734 25.38C24.6092 22.7719 28.7499 20.1678 32.8956 17.5679C33.2024 17.3761 33.3141 17.1628 33.3125 16.8107C33.2999 13.8145 33.3054 10.8182 33.3054 7.8219C33.3054 7.20822 33.3054 7.20822 32.688 7.20822L20.0031 7.20439ZM1.592 26.4946C1.592 29.698 1.592 32.9014 1.592 36.1048C1.58647 36.2677 1.58963 36.4308 1.60144 36.5934C1.65965 37.1365 1.721 37.1634 2.18586 36.8703L18.1688 26.8168C18.6289 26.5268 18.6313 26.523 18.1688 26.2407C12.8003 22.9524 7.43039 19.6659 2.05922 16.3812C1.93652 16.3045 1.81224 16.138 1.66594 16.2109C1.51964 16.2838 1.59672 16.4809 1.59672 16.6205C1.59148 19.9129 1.5899 23.2042 1.592 26.4946ZM25.3981 5.62417C25.3538 5.572 25.3063 5.52256 25.2557 5.47612C23.615 4.29939 21.9695 3.12727 20.335 1.9421C20.0715 1.75109 19.8874 1.80095 19.6507 1.97508C18.2427 3.0099 16.8246 4.03398 15.4111 5.06189C15.1854 5.22528 14.9628 5.3925 14.6466 5.6257L25.3981 5.62417ZM34.8998 14.3115V15.914C34.8998 16.1142 34.947 16.2577 35.1877 16.1073C35.9821 15.6118 36.7752 15.1142 37.567 14.6145C37.7172 14.521 37.7456 14.4266 37.5827 14.3077C36.7852 13.7385 35.9894 13.1673 35.1955 12.594C34.9784 12.4406 34.8998 12.5257 34.8998 12.7536C34.9008 13.2716 34.9008 13.7909 34.8998 14.3115V14.3115ZM5.10951 12.5518C4.15777 13.2422 3.30042 13.8712 2.4352 14.4956C2.24485 14.6337 2.31328 14.7258 2.47688 14.8217C3.25165 15.2904 4.02563 15.7598 4.79331 16.2385C5.04265 16.3919 5.10794 16.3152 5.10794 16.0605C5.10794 15.2305 5.10794 14.4005 5.10794 13.5705L5.10951 12.5518Z", fill: fill }, void 0), jsx$1("path", { d: "M23.0601 15.5573C23.0601 16.1792 23.0601 16.801 23.0601 17.4229C23.0601 17.6024 23.0758 17.7765 23.1859 17.9322C23.4297 18.2759 23.8655 18.282 24.0826 17.923C24.4913 17.2521 24.686 16.4777 24.6418 15.6985C24.505 13.3151 23.053 11.7625 20.6304 11.326C18.2668 10.9033 15.745 12.7513 15.4029 15.0648C15.0489 17.4559 16.8643 19.9528 19.4143 20.2911C20.1915 20.3939 20.9434 20.2711 21.6726 20.0011C21.7819 19.9612 21.8881 19.9113 21.9974 19.8715C22.4324 19.7119 22.784 19.807 22.9413 20.1261C23.0986 20.4452 22.9869 20.7943 22.6078 21.0398C22.0572 21.3949 21.4224 21.4946 20.7916 21.566C17.5612 21.935 14.8751 20.0602 14.1664 16.9634C13.3138 13.2407 16.4474 9.68671 20.3386 9.96747C23.2402 10.1777 25.4984 12.1706 25.931 14.9881C26.1324 16.2991 25.9106 17.574 25.135 18.7024C24.7323 19.2877 24.1723 19.6521 23.4132 19.5025C22.7777 19.3782 22.2405 19.0637 21.9542 18.4646C21.833 18.2107 21.7339 18.2092 21.4972 18.3396C20.3645 18.9625 19.2382 18.9018 18.2023 18.1524C17.1663 17.4029 16.7801 16.3451 17.0649 15.1239C17.3559 13.8789 18.2085 13.1218 19.4906 12.8832C20.1498 12.7534 20.8347 12.8596 21.4201 13.1824C21.5617 13.2591 21.6812 13.3419 21.8134 13.1448C21.9974 12.8617 22.2853 12.7889 22.5999 12.8878C22.9303 12.9921 23.0459 13.2714 23.0514 13.5782C23.0632 14.2379 23.0514 14.8984 23.0514 15.5581L23.0601 15.5573ZM19.9854 17.426C20.433 17.4247 20.862 17.2509 21.1787 16.9423C21.4954 16.6338 21.6741 16.2156 21.6757 15.779C21.671 14.8999 20.8962 14.142 20.0035 14.1435C19.1107 14.1451 18.3336 14.903 18.3336 15.7813C18.3336 16.6596 19.0911 17.4244 19.9854 17.426Z", fill: fill }, void 0)] }), void 0));
+};
+
+var CallUs = function (_a) {
+    var height = _a.height, width = _a.width, fill = _a.fill, testId = _a.testId;
+    return (jsxs$1(IconWrapper, __assign$1({ width: width, height: height, viewBoxX: 36, viewBoxY: 38, title: "call us", testId: testId }, { children: [jsxs$1("mask", __assign$1({ id: "path-1-outside-1_785_584", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "36", height: "38", fill: "black" }, { children: [jsx$1("rect", { fill: "white", width: "36", height: "38" }, void 0), jsx$1("path", { d: "M18.0299 37H20.3603C21.6749 37 22.8102 36.1711 23.1687 34.9276C23.2285 34.8092 23.2882 34.6908 23.4675 34.6908C24.1845 34.5724 25.3199 34.3355 26.5149 33.6842C28.0685 32.7368 29.9807 30.7829 30.2794 26.9934C30.2794 26.8158 30.4587 26.6974 30.638 26.6382C33.0879 26.5197 35 24.4474 35 22.0197V19.8289C34.9402 17.3421 32.9684 15.2697 30.5782 15.1513C30.3989 15.1513 30.2197 14.9737 30.2197 14.7961V13.3158C30.2197 10.0592 29.0844 7.03947 26.9332 4.73026C24.7821 2.30263 21.7944 1 18.5079 1H17.3128C14.0264 1 11.1582 2.24342 9.00703 4.61184C6.85589 6.92105 5.72056 9.94079 5.72056 13.1974V14.6184C5.72056 14.7961 5.60105 14.9737 5.36204 14.9737C2.91213 15.0921 1 17.1645 1 19.5921V21.7829C1 24.3882 3.09139 26.4605 5.72056 26.4605H8.529C8.82777 26.4605 9.12654 26.1645 9.12654 25.8684V15.5658C9.12654 15.2697 8.88752 14.9737 8.529 14.9737H7.21441C7.03515 14.9737 6.85589 14.7961 6.85589 14.6184V13.1974C6.85589 6.92105 11.3374 2.125 17.3128 2.125H18.5079C24.4833 2.125 28.9648 6.86184 28.9648 13.1974V14.6184C28.9648 14.7961 28.7856 14.9737 28.6063 14.9737H27.2917C26.993 14.9737 26.6942 15.2697 26.6942 15.5658V26.0461C26.6942 26.3421 26.9332 26.6382 27.2917 26.6382H28.6063C28.7258 26.6382 28.7856 26.6974 28.8453 26.7566C28.9051 26.8158 28.9648 26.9342 28.9648 27.0526C28.5466 32.3816 24.6626 33.3289 23.4675 33.5066C23.2882 33.5066 23.109 33.4474 23.0492 33.2697C22.6309 32.0855 21.5554 31.3158 20.3005 31.3158H18.0896C17.2531 31.3158 16.4763 31.6711 15.9385 32.2632C15.4007 32.8553 15.1019 33.5658 15.1617 34.3355C15.2214 35.8158 16.4763 37 18.0299 37ZM7.57294 16.0987C7.7522 16.0987 7.93146 16.2171 7.93146 16.3947V25.0395C7.93146 25.2171 7.7522 25.3947 7.57294 25.3947H5.72056C3.74868 25.3947 2.13533 23.7961 2.13533 21.8421V19.6513C2.13533 17.6974 3.74868 16.0987 5.72056 16.0987H7.57294ZM28.3076 25.3355C28.1283 25.3355 27.949 25.2171 27.949 25.0395V16.5C27.949 16.3224 28.1283 16.1447 28.3076 16.1447H30.1599C32.1318 16.1447 33.7452 17.6382 33.7452 19.5921V21.7829C33.7452 23.7368 32.1318 25.3355 30.1599 25.3355H28.3076ZM17.8506 32.3224H20.3603C21.3761 32.3224 22.0931 33.2697 22.0931 34.2237C22.0931 34.6908 21.9736 35.1118 21.6749 35.4671C21.3761 35.8224 20.8981 36 20.3603 36H17.8506C17 36 16.1094 35.1711 16.1094 34.2237C16.1094 33.2171 16.8946 32.3224 17.8506 32.3224Z" }, void 0)] }), void 0), jsx$1("path", { d: "M18.0299 37H20.3603C21.6749 37 22.8102 36.1711 23.1687 34.9276C23.2285 34.8092 23.2882 34.6908 23.4675 34.6908C24.1845 34.5724 25.3199 34.3355 26.5149 33.6842C28.0685 32.7368 29.9807 30.7829 30.2794 26.9934C30.2794 26.8158 30.4587 26.6974 30.638 26.6382C33.0879 26.5197 35 24.4474 35 22.0197V19.8289C34.9402 17.3421 32.9684 15.2697 30.5782 15.1513C30.3989 15.1513 30.2197 14.9737 30.2197 14.7961V13.3158C30.2197 10.0592 29.0844 7.03947 26.9332 4.73026C24.7821 2.30263 21.7944 1 18.5079 1H17.3128C14.0264 1 11.1582 2.24342 9.00703 4.61184C6.85589 6.92105 5.72056 9.94079 5.72056 13.1974V14.6184C5.72056 14.7961 5.60105 14.9737 5.36204 14.9737C2.91213 15.0921 1 17.1645 1 19.5921V21.7829C1 24.3882 3.09139 26.4605 5.72056 26.4605H8.529C8.82777 26.4605 9.12654 26.1645 9.12654 25.8684V15.5658C9.12654 15.2697 8.88752 14.9737 8.529 14.9737H7.21441C7.03515 14.9737 6.85589 14.7961 6.85589 14.6184V13.1974C6.85589 6.92105 11.3374 2.125 17.3128 2.125H18.5079C24.4833 2.125 28.9648 6.86184 28.9648 13.1974V14.6184C28.9648 14.7961 28.7856 14.9737 28.6063 14.9737H27.2917C26.993 14.9737 26.6942 15.2697 26.6942 15.5658V26.0461C26.6942 26.3421 26.9332 26.6382 27.2917 26.6382H28.6063C28.7258 26.6382 28.7856 26.6974 28.8453 26.7566C28.9051 26.8158 28.9648 26.9342 28.9648 27.0526C28.5466 32.3816 24.6626 33.3289 23.4675 33.5066C23.2882 33.5066 23.109 33.4474 23.0492 33.2697C22.6309 32.0855 21.5554 31.3158 20.3005 31.3158H18.0896C17.2531 31.3158 16.4763 31.6711 15.9385 32.2632C15.4007 32.8553 15.1019 33.5658 15.1617 34.3355C15.2214 35.8158 16.4763 37 18.0299 37ZM7.57294 16.0987C7.7522 16.0987 7.93146 16.2171 7.93146 16.3947V25.0395C7.93146 25.2171 7.7522 25.3947 7.57294 25.3947H5.72056C3.74868 25.3947 2.13533 23.7961 2.13533 21.8421V19.6513C2.13533 17.6974 3.74868 16.0987 5.72056 16.0987H7.57294ZM28.3076 25.3355C28.1283 25.3355 27.949 25.2171 27.949 25.0395V16.5C27.949 16.3224 28.1283 16.1447 28.3076 16.1447H30.1599C32.1318 16.1447 33.7452 17.6382 33.7452 19.5921V21.7829C33.7452 23.7368 32.1318 25.3355 30.1599 25.3355H28.3076ZM17.8506 32.3224H20.3603C21.3761 32.3224 22.0931 33.2697 22.0931 34.2237C22.0931 34.6908 21.9736 35.1118 21.6749 35.4671C21.3761 35.8224 20.8981 36 20.3603 36H17.8506C17 36 16.1094 35.1711 16.1094 34.2237C16.1094 33.2171 16.8946 32.3224 17.8506 32.3224Z", fill: fill }, void 0), jsx$1("path", { d: "M23.1687 34.9276L22.7223 34.7024L22.7013 34.7442L22.6883 34.7891L23.1687 34.9276ZM23.4675 34.6908V35.1908H23.5085L23.549 35.1841L23.4675 34.6908ZM26.5149 33.6842L26.7542 34.1232L26.7649 34.1174L26.7753 34.1111L26.5149 33.6842ZM30.2794 26.9934L30.7779 27.0327L30.7794 27.0131V26.9934H30.2794ZM30.638 26.6382L30.6138 26.1387L30.5458 26.142L30.4811 26.1634L30.638 26.6382ZM35 19.8289H35.5001L35.4999 19.8169L35 19.8289ZM30.5782 15.1513L30.6029 14.6519L30.5906 14.6513H30.5782V15.1513ZM26.9332 4.73026L26.5589 5.06197L26.5674 5.07107L26.9332 4.73026ZM9.00703 4.61184L9.37291 4.95268L9.37715 4.94801L9.00703 4.61184ZM5.36204 14.9737V14.4737H5.34996L5.3379 14.4743L5.36204 14.9737ZM28.9648 27.0526L29.4633 27.0918L29.4648 27.0722V27.0526H28.9648ZM23.4675 33.5066V34.0066H23.5044L23.541 34.0011L23.4675 33.5066ZM23.0492 33.2697L23.5232 33.1103L23.5207 33.1032L23.0492 33.2697ZM15.1617 34.3355L15.6613 34.3154L15.6609 34.3061L15.6602 34.2968L15.1617 34.3355ZM16.1094 34.2237H15.6094H16.1094ZM18.0299 37.5H20.3603V36.5H18.0299V37.5ZM20.3603 37.5C21.8886 37.5 23.2264 36.5322 23.6491 35.0662L22.6883 34.7891C22.394 35.8099 21.4611 36.5 20.3603 36.5V37.5ZM23.6151 35.1529C23.6316 35.1201 23.638 35.1081 23.6431 35.0996C23.6471 35.093 23.6416 35.1038 23.6252 35.12C23.6067 35.1383 23.5788 35.1593 23.5425 35.1741C23.5068 35.1886 23.4789 35.1908 23.4675 35.1908V34.1908C23.2482 34.1908 23.0613 34.2709 22.9214 34.4096C22.8084 34.5216 22.7443 34.6589 22.7223 34.7024L23.6151 35.1529ZM23.549 35.1841C24.2895 35.0618 25.4879 34.8134 26.7542 34.1232L26.2757 33.2452C25.1518 33.8577 24.0796 34.0829 23.386 34.1975L23.549 35.1841ZM26.7753 34.1111C28.446 33.0923 30.4648 31.0039 30.7779 27.0327L29.781 26.9541C29.4965 30.5619 27.6911 32.3814 26.2546 33.2573L26.7753 34.1111ZM30.7794 26.9934C30.7794 27.0366 30.7677 27.0758 30.7521 27.1054C30.7377 27.1325 30.7236 27.1451 30.722 27.1466C30.7203 27.1481 30.7252 27.1435 30.7399 27.1357C30.7542 27.1282 30.7729 27.1202 30.7948 27.1129L30.4811 26.1634C30.3516 26.2062 30.1949 26.2782 30.061 26.3962C29.9229 26.5178 29.7794 26.7182 29.7794 26.9934H30.7794ZM30.6621 27.1376C33.3858 27.0059 35.5 24.7068 35.5 22.0197H34.5C34.5 24.188 32.79 26.0336 30.6138 26.1387L30.6621 27.1376ZM35.5 22.0197V19.8289H34.5V22.0197H35.5ZM35.4999 19.8169C35.4341 17.0814 33.2676 14.784 30.6029 14.6519L30.5535 15.6507C32.6691 15.7555 34.4464 17.6028 34.5001 19.841L35.4999 19.8169ZM30.5782 14.6513C30.6158 14.6513 30.6423 14.6605 30.6564 14.667C30.6705 14.6735 30.6787 14.6802 30.6837 14.6851C30.6886 14.69 30.6958 14.6986 30.7028 14.7135C30.7099 14.7284 30.7197 14.7564 30.7197 14.7961H29.7197C29.7197 15.0491 29.8422 15.2591 29.9798 15.3955C30.1176 15.5321 30.3276 15.6513 30.5782 15.6513V14.6513ZM30.7197 14.7961V13.3158H29.7197V14.7961H30.7197ZM30.7197 13.3158C30.7197 9.94069 29.5417 6.79687 27.2991 4.38945L26.5674 5.07107C28.627 7.28207 29.7197 10.1777 29.7197 13.3158H30.7197ZM27.3074 4.39866C25.0578 1.85985 21.9319 0.5 18.5079 0.5V1.5C21.6568 1.5 24.5064 2.74541 26.559 5.06186L27.3074 4.39866ZM18.5079 0.5H17.3128V1.5H18.5079V0.5ZM17.3128 0.5C13.8904 0.5 10.8861 1.79926 8.63691 4.27567L9.37715 4.94801C11.4302 2.68758 14.1623 1.5 17.3128 1.5V0.5ZM8.64118 4.27103C6.39855 6.67845 5.22056 9.82226 5.22056 13.1974H6.22056C6.22056 10.0593 7.31323 7.16365 9.37288 4.95265L8.64118 4.27103ZM5.22056 13.1974V14.6184H6.22056V13.1974H5.22056ZM5.22056 14.6184C5.22056 14.5995 5.22643 14.5648 5.25874 14.5288C5.27572 14.5099 5.29706 14.4944 5.32002 14.4844C5.3429 14.4745 5.35895 14.4737 5.36204 14.4737V15.4737C5.61564 15.4737 5.84336 15.3746 6.00312 15.1965C6.15494 15.0273 6.22056 14.815 6.22056 14.6184H5.22056ZM5.3379 14.4743C2.61424 14.6059 0.5 16.9051 0.5 19.5921H1.5C1.5 17.4239 3.21002 15.5783 5.38618 15.4731L5.3379 14.4743ZM0.5 19.5921V21.7829H1.5V19.5921H0.5ZM0.5 21.7829C0.5 24.6686 2.81956 26.9605 5.72056 26.9605V25.9605C3.36321 25.9605 1.5 24.1077 1.5 21.7829H0.5ZM5.72056 26.9605H8.529V25.9605H5.72056V26.9605ZM8.529 26.9605C8.83939 26.9605 9.10908 26.8117 9.29174 26.6307C9.47412 26.4499 9.62654 26.1807 9.62654 25.8684H8.62654C8.62654 25.8584 8.62888 25.86 8.62284 25.8728C8.61679 25.8857 8.60534 25.903 8.58787 25.9203C8.57043 25.9376 8.55251 25.9494 8.53855 25.9558C8.52461 25.9623 8.52125 25.9605 8.529 25.9605V26.9605ZM9.62654 25.8684V15.5658H8.62654V25.8684H9.62654ZM9.62654 15.5658C9.62654 15.0222 9.19144 14.4737 8.529 14.4737V15.4737C8.54862 15.4737 8.56157 15.4775 8.57047 15.4814C8.58 15.4857 8.58944 15.4922 8.59825 15.5015C8.61838 15.5229 8.62654 15.5494 8.62654 15.5658H9.62654ZM8.529 14.4737H7.21441V15.4737H8.529V14.4737ZM7.21441 14.4737C7.25204 14.4737 7.27855 14.4828 7.29263 14.4893C7.30668 14.4958 7.3149 14.5026 7.31986 14.5075C7.3248 14.5124 7.33203 14.5209 7.33904 14.5358C7.34608 14.5508 7.35589 14.5788 7.35589 14.6184H6.35589C6.35589 14.8715 6.47842 15.0815 6.61599 15.2178C6.75384 15.3544 6.96377 15.4737 7.21441 15.4737V14.4737ZM7.35589 14.6184V13.1974H6.35589V14.6184H7.35589ZM7.35589 13.1974C7.35589 7.16832 11.6416 2.625 17.3128 2.625V1.625C11.0333 1.625 6.35589 6.67379 6.35589 13.1974H7.35589ZM17.3128 2.625H18.5079V1.625H17.3128V2.625ZM18.5079 2.625C24.1809 2.625 28.4648 7.11092 28.4648 13.1974H29.4648C29.4648 6.61277 24.7858 1.625 18.5079 1.625V2.625ZM28.4648 13.1974V14.6184H29.4648V13.1974H28.4648ZM28.4648 14.6184C28.4648 14.5788 28.4747 14.5508 28.4817 14.5358C28.4887 14.5209 28.4959 14.5124 28.5009 14.5075C28.5058 14.5026 28.5141 14.4958 28.5281 14.4893C28.5422 14.4828 28.5687 14.4737 28.6063 14.4737V15.4737C28.857 15.4737 29.0669 15.3544 29.2047 15.2178C29.3423 15.0815 29.4648 14.8715 29.4648 14.6184H28.4648ZM28.6063 14.4737H27.2917V15.4737H28.6063V14.4737ZM27.2917 14.4737C26.9813 14.4737 26.7117 14.6225 26.529 14.8036C26.3466 14.9843 26.1942 15.2535 26.1942 15.5658H27.1942C27.1942 15.5758 27.1919 15.5742 27.1979 15.5614C27.204 15.5486 27.2154 15.5312 27.2329 15.5139C27.2503 15.4966 27.2682 15.4849 27.2822 15.4784C27.2961 15.472 27.2995 15.4737 27.2917 15.4737V14.4737ZM26.1942 15.5658V26.0461H27.1942V15.5658H26.1942ZM26.1942 26.0461C26.1942 26.5896 26.6293 27.1382 27.2917 27.1382V26.1382C27.2721 26.1382 27.2592 26.1344 27.2503 26.1304C27.2407 26.1262 27.2313 26.1197 27.2225 26.1103C27.2024 26.0889 27.1942 26.0624 27.1942 26.0461H26.1942ZM27.2917 27.1382H28.6063V26.1382H27.2917V27.1382ZM28.6063 27.1382C28.5941 27.1382 28.5751 27.1365 28.552 27.1301C28.5287 27.1237 28.5085 27.1144 28.4927 27.1049C28.4779 27.0961 28.4699 27.089 28.4705 27.0895C28.4727 27.0914 28.4766 27.0951 28.4934 27.1117L29.1973 26.4014C29.1316 26.3364 28.9439 26.1382 28.6063 26.1382V27.1382ZM28.4934 27.1117C28.4799 27.0983 28.4734 27.0889 28.4716 27.086C28.4693 27.0826 28.4687 27.081 28.4686 27.0809C28.4685 27.0806 28.4678 27.0792 28.4671 27.0758C28.4663 27.0725 28.4648 27.0647 28.4648 27.0526H29.4648C29.4648 26.7914 29.3449 26.5477 29.1973 26.4014L28.4934 27.1117ZM28.4664 27.0135C28.2677 29.5442 27.257 30.9831 26.1978 31.8188C25.1212 32.6682 23.9483 32.9296 23.394 33.012L23.541 34.0011C24.1817 33.9059 25.5484 33.6049 26.8172 32.6039C28.1033 31.5892 29.2437 29.8901 29.4633 27.0918L28.4664 27.0135ZM23.4675 33.0066C23.4495 33.0066 23.437 33.005 23.4301 33.0037C23.4229 33.0023 23.4259 33.002 23.4355 33.0067C23.4459 33.0119 23.4641 33.0231 23.483 33.0437C23.5027 33.0651 23.516 33.0891 23.5231 33.1103L22.5753 33.4292C22.7412 33.9223 23.222 34.0066 23.4675 34.0066V33.0066ZM23.5207 33.1032C23.0327 31.7217 21.77 30.8158 20.3005 30.8158V31.8158C21.3408 31.8158 22.2292 32.4494 22.5778 33.4363L23.5207 33.1032ZM20.3005 30.8158H18.0896V31.8158H20.3005V30.8158ZM18.0896 30.8158C17.1108 30.8158 16.2 31.2316 15.5684 31.927L16.3086 32.5993C16.7526 32.1105 17.3954 31.8158 18.0896 31.8158V30.8158ZM15.5684 31.927C14.9578 32.5992 14.5907 33.4403 14.6632 34.3742L15.6602 34.2968C15.6132 33.6913 15.8436 33.1113 16.3086 32.5993L15.5684 31.927ZM14.6621 34.3557C14.7332 36.1171 16.2212 37.5 18.0299 37.5V36.5C16.7313 36.5 15.7097 35.5145 15.6613 34.3154L14.6621 34.3557ZM7.57294 16.5987C7.55877 16.5987 7.53955 16.5957 7.5142 16.5761C7.48351 16.5525 7.43146 16.49 7.43146 16.3947H8.43146C8.43146 16.1219 8.28977 15.9113 8.12464 15.7841C7.96484 15.6609 7.76636 15.5987 7.57294 15.5987V16.5987ZM7.43146 16.3947V25.0395H8.43146V16.3947H7.43146ZM7.43146 25.0395C7.43146 24.9999 7.44127 24.9718 7.4483 24.9569C7.45532 24.942 7.46254 24.9335 7.46748 24.9286C7.47245 24.9236 7.48067 24.9169 7.49472 24.9104C7.50879 24.9039 7.53531 24.8947 7.57294 24.8947V25.8947C7.82358 25.8947 8.03351 25.7755 8.17136 25.6389C8.30892 25.5026 8.43146 25.2925 8.43146 25.0395H7.43146ZM7.57294 24.8947H5.72056V25.8947H7.57294V24.8947ZM5.72056 24.8947C4.02051 24.8947 2.63533 23.5156 2.63533 21.8421H1.63533C1.63533 24.0765 3.47686 25.8947 5.72056 25.8947V24.8947ZM2.63533 21.8421V19.6513H1.63533V21.8421H2.63533ZM2.63533 19.6513C2.63533 17.9778 4.02051 16.5987 5.72056 16.5987V15.5987C3.47686 15.5987 1.63533 17.4169 1.63533 19.6513H2.63533ZM5.72056 16.5987H7.57294V15.5987H5.72056V16.5987ZM28.3076 24.8355C28.3217 24.8355 28.3409 24.8385 28.3663 24.8581C28.397 24.8817 28.449 24.9443 28.449 25.0395H27.449C27.449 25.3123 27.5907 25.5229 27.7559 25.6501C27.9157 25.7733 28.1141 25.8355 28.3076 25.8355V24.8355ZM28.449 25.0395V16.5H27.449V25.0395H28.449ZM28.449 16.5C28.449 16.5396 28.4392 16.5677 28.4322 16.5826C28.4252 16.5975 28.4179 16.606 28.413 16.6109C28.408 16.6158 28.3998 16.6226 28.3858 16.6291C28.3717 16.6356 28.3452 16.6447 28.3076 16.6447V15.6447C28.0569 15.6447 27.847 15.764 27.7091 15.9006C27.5716 16.0369 27.449 16.2469 27.449 16.5H28.449ZM28.3076 16.6447H30.1599V15.6447H28.3076V16.6447ZM30.1599 16.6447C31.8799 16.6447 33.2452 17.938 33.2452 19.5921H34.2452C34.2452 17.3384 32.3837 15.6447 30.1599 15.6447V16.6447ZM33.2452 19.5921V21.7829H34.2452V19.5921H33.2452ZM33.2452 21.7829C33.2452 23.4564 31.86 24.8355 30.1599 24.8355V25.8355C32.4036 25.8355 34.2452 24.0173 34.2452 21.7829H33.2452ZM30.1599 24.8355H28.3076V25.8355H30.1599V24.8355ZM17.8506 32.8224H20.3603V31.8224H17.8506V32.8224ZM20.3603 32.8224C21.0319 32.8224 21.5931 33.4725 21.5931 34.2237H22.5931C22.5931 33.067 21.7203 31.8224 20.3603 31.8224V32.8224ZM21.5931 34.2237C21.5931 34.6007 21.4991 34.8993 21.2922 35.1453L22.0575 35.7889C22.4482 35.3244 22.5931 34.7809 22.5931 34.2237H21.5931ZM21.2922 35.1453C21.1143 35.3568 20.7961 35.5 20.3603 35.5V36.5C21 36.5 21.6379 36.2879 22.0575 35.7889L21.2922 35.1453ZM20.3603 35.5H17.8506V36.5H20.3603V35.5ZM17.8506 35.5C17.5827 35.5 17.2681 35.3645 17.0128 35.1118C16.76 34.8615 16.6094 34.5397 16.6094 34.2237H15.6094C15.6094 34.855 15.9041 35.4214 16.3093 35.8224C16.7119 36.221 17.2679 36.5 17.8506 36.5V35.5ZM16.6094 34.2237C16.6094 33.4443 17.2172 32.8224 17.8506 32.8224V31.8224C16.5719 31.8224 15.6094 32.9899 15.6094 34.2237H16.6094Z", fill: fill, mask: "url(#path-1-outside-1_785_584)" }, void 0)] }), void 0));
+};
+
 var Other = /*#__PURE__*/Object.freeze({
     __proto__: null,
     FitPredictor: FitPredictor$1,
@@ -172,7 +193,10 @@ var Other = /*#__PURE__*/Object.freeze({
     Shapermint: Shapermint,
     McAfee: McAfee,
     GetDiscount: GetDiscount,
-    ShapermintLogo: ShapermintLogo
+    ShapermintLogo: ShapermintLogo,
+    Chat: Chat,
+    Email: Email,
+    CallUs: CallUs
 });
 
 var ChevronDown = function (_a) {
@@ -4131,8 +4155,8 @@ var TAGS = {
     hero1: newStyled.h1(templateObject_1$16 || (templateObject_1$16 = __makeTemplateObject([""], [""]))),
     hero2: newStyled.h2(templateObject_2$I || (templateObject_2$I = __makeTemplateObject([""], [""]))),
     hero3: newStyled.h3(templateObject_3$v || (templateObject_3$v = __makeTemplateObject([""], [""]))),
-    display1: newStyled.h1(templateObject_4$l || (templateObject_4$l = __makeTemplateObject([""], [""]))),
-    display2: newStyled.h2(templateObject_5$c || (templateObject_5$c = __makeTemplateObject([""], [""]))),
+    display1: newStyled.h1(templateObject_4$m || (templateObject_4$m = __makeTemplateObject([""], [""]))),
+    display2: newStyled.h2(templateObject_5$d || (templateObject_5$d = __makeTemplateObject([""], [""]))),
     heading1: newStyled.h1(templateObject_6$8 || (templateObject_6$8 = __makeTemplateObject([""], [""]))),
     heading2: newStyled.h2(templateObject_7$5 || (templateObject_7$5 = __makeTemplateObject([""], [""]))),
     heading3: newStyled.h3(templateObject_8$2 || (templateObject_8$2 = __makeTemplateObject([""], [""]))),
@@ -4251,7 +4275,7 @@ var DEFAULTS = {
         size: 'regular',
     },
 };
-var templateObject_1$16, templateObject_2$I, templateObject_3$v, templateObject_4$l, templateObject_5$c, templateObject_6$8, templateObject_7$5, templateObject_8$2, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
+var templateObject_1$16, templateObject_2$I, templateObject_3$v, templateObject_4$m, templateObject_5$d, templateObject_6$8, templateObject_7$5, templateObject_8$2, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17;
 
 var ButtonsContainer = newStyled.div(templateObject_1$15 || (templateObject_1$15 = __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) {
     var inline = _a.inline;
@@ -4498,8 +4522,8 @@ var OutOfStock = function (_a) {
 var CustomRadioGroup = newStyled(lt)(templateObject_1$10 || (templateObject_1$10 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
 newStyled(lt.Label)(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n  font-size: 0.88rem;\n"], ["\n  font-size: 0.88rem;\n"])));
 var CustomRadioGroupOption = newStyled(lt.Option)(templateObject_3$s || (templateObject_3$s = __makeTemplateObject(["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  margin-right: 8px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
-var Span = newStyled.span(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
-var OptionsContainer = newStyled.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"])));
+var Span = newStyled.span(templateObject_4$l || (templateObject_4$l = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
+var OptionsContainer = newStyled.div(templateObject_5$c || (templateObject_5$c = __makeTemplateObject(["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"], ["\n  display: flex;\n  margin-top: 0.63rem;\n  flex-wrap: wrap;\n"])));
 var Label$2 = function (_a) {
     var label = _a.label, values = _a.values;
     return (jsxs$1(Text$5, __assign$1({ variant: "body", weight: "regular", size: "small" }, { children: [label, " ", jsx$1(Span, { children: values }, void 0)] }), void 0));
@@ -4517,7 +4541,7 @@ var ColorRadioGroup$1 = Object.assign(ColorRadioGroup, {
     Option: Option,
     OptionsContainer: OptionsContainer,
 });
-var templateObject_1$10, templateObject_2$E, templateObject_3$s, templateObject_4$k, templateObject_5$b;
+var templateObject_1$10, templateObject_2$E, templateObject_3$s, templateObject_4$l, templateObject_5$c;
 
 var Container$D = newStyled.div(templateObject_1$$ || (templateObject_1$$ = __makeTemplateObject(["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"], ["\n  width: 2rem;\n  height: 2rem;\n  border-radius: 50%;\n  border: 0.081rem solid ", ";\n  box-sizing: border-box;\n  padding: 0.156rem;\n  cursor: pointer;\n"])), function (_a) {
     var borderColor = _a.borderColor;
@@ -8912,7 +8936,7 @@ var Container$C = newStyled.div(templateObject_3$r || (templateObject_3$r = __ma
     var position = _a.position;
     return (position == 'horizontal' ? horizontalStyles : verticalStyles);
 });
-var Button$3 = newStyled.button(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"], ["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"])));
+var Button$3 = newStyled.button(templateObject_4$k || (templateObject_4$k = __makeTemplateObject(["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"], ["\n  padding: 0;\n  border: none;\n  text-decoration: none;\n  background: transparent;\n  outline: none;\n"])));
 var ImagePreviewList = function (_a) {
     var images = _a.images, selectedImage = _a.selectedImage, onClick = _a.onClick, dataTestId = _a.dataTestId, position = _a.position;
     return (jsx$1(Container$C, __assign$1({ "data-testid": dataTestId, position: position, className: position }, { children: position == 'horizontal' ? (jsx$1("div", __assign$1({ style: { maxWidth: '360px' } }, { children: jsx$1(SliderNavigation, __assign$1({ speed: 200, infinite: false, arrows: {
@@ -8921,7 +8945,7 @@ var ImagePreviewList = function (_a) {
                     arrowPadding: 1.625,
                 }, adaptiveHeight: true, dots: false, slidesToShow: 4 }, { children: images.map(function (item) { return (jsx$1(Button$3, __assign$1({ onClick: function () { return onClick(item); } }, { children: jsx$1(ImageSmallPreview, { imageUrl: item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key }, void 0) }), item.key)); }) }), void 0) }), void 0)) : (images.map(function (item) { return (jsx$1(Button$3, __assign$1({ onClick: function () { return onClick(item); } }, { children: jsx$1(ImageSmallPreview, { imageUrl: item.imageUrl, alt: item.alt, selected: item.key === selectedImage.key }, void 0) }), item.key)); })) }), void 0));
 };
-var templateObject_1$Y, templateObject_2$C, templateObject_3$r, templateObject_4$j;
+var templateObject_1$Y, templateObject_2$C, templateObject_3$r, templateObject_4$k;
 
 var propTypes = {exports: {}};
 
@@ -10920,17 +10944,17 @@ var TooltipArrowContainer = newStyled.div(templateObject_3$p || (templateObject_
     var position = _a.position;
     return getArrowContainerMargin(position);
 });
-var TooltipText = newStyled.div(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
+var TooltipText = newStyled.div(templateObject_4$j || (templateObject_4$j = __makeTemplateObject(["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-style: normal;\n  font-weight: normal;\n  font-size: 0.875rem;\n  line-height: 1.125rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
-var TopSection = newStyled.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"])));
+var TopSection = newStyled.div(templateObject_5$b || (templateObject_5$b = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 0.688rem;\n"])));
 var Title$5 = newStyled.h1(templateObject_6$7 || (templateObject_6$7 = __makeTemplateObject(["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"], ["\n  font-size: 0.875rem;\n  font-weight: 600;\n  line-height: 1.375rem;\n  margin: 0;\n  color: ", ";\n"])), function (_a) {
     var color = _a.color;
     return color;
 });
 var IconContainer$5 = newStyled.div(templateObject_7$4 || (templateObject_7$4 = __makeTemplateObject(["\n  width: 1.375rem;\n  height: 1.125rem;\n  margin-right: 0.563rem;\n"], ["\n  width: 1.375rem;\n  height: 1.125rem;\n  margin-right: 0.563rem;\n"])));
-var templateObject_1$Q, templateObject_2$z, templateObject_3$p, templateObject_4$i, templateObject_5$a, templateObject_6$7, templateObject_7$4;
+var templateObject_1$Q, templateObject_2$z, templateObject_3$p, templateObject_4$j, templateObject_5$b, templateObject_6$7, templateObject_7$4;
 
 var Tooltip = function (_a) {
     var children = _a.children, position = _a.position, text = _a.text, _b = _a.align, align = _b === void 0 ? 'center' : _b, onClick = _a.onClick, header = _a.header;
@@ -11127,13 +11151,13 @@ var templateObject_1$O, templateObject_2$x;
 var Container$s = newStyled.div(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n  padding: 0.625rem 1.5rem;\n"], ["\n  padding: 0.625rem 1.5rem;\n"])));
 var Title$4 = newStyled.h1(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"], ["\n  font-weight: 700;\n  font-size: 1rem;\n  line-height: 1.25rem;\n  color: ", ";\n  margin: 0;\n  margin-bottom: 0.125rem;\n  text-align: center;\n"])), function (props) { return props.color; });
 var Details$1 = newStyled.span(templateObject_3$o || (templateObject_3$o = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  font-weight: 400;\n  font-size: 1rem;\n  margin: 0;\n  line-height: 1.5rem;\n  justify-content: center;\n  color: ", ";\n"])), function (props) { return props.color; });
-var PriceContainer$1 = newStyled.span(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"])));
+var PriceContainer$1 = newStyled.span(templateObject_4$i || (templateObject_4$i = __makeTemplateObject(["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"], ["\n  margin: 0 0.313rem;\n  display: flex;\n  align-items: center;\n"])));
 var Simple = function (_a) {
     var title = _a.title, freeShippingText = _a.freeShippingText, price = _a.price, anyQtyForText = _a.anyQtyForText, backgroundColor = _a.backgroundColor, _b = _a.widthAuto, widthAuto = _b === void 0 ? false : _b;
     var theme = useTheme();
     return (jsx$1(Card$2, __assign$1({ backgroundColor: backgroundColor, widthAuto: widthAuto }, { children: jsxs$1(Container$s, { children: [jsx$1(Title$4, __assign$1({ color: theme.colors.pallete.secondary.color, "data-testid": "Title" }, { children: title }), void 0), jsxs$1(Details$1, __assign$1({ color: theme.colors.pallete.secondary.color, "data-testid": "Details" }, { children: [anyQtyForText, jsx$1(PriceContainer$1, __assign$1({ "data-testid": "Price" }, { children: jsx$1(PriceLabel, { finalPrice: price, color: "#d3373c", size: ComponentSize.Small }, void 0) }), void 0), "+ ", freeShippingText] }), void 0)] }, void 0) }), void 0));
 };
-var templateObject_1$N, templateObject_2$w, templateObject_3$o, templateObject_4$h;
+var templateObject_1$N, templateObject_2$w, templateObject_3$o, templateObject_4$i;
 
 var Bundle = {
     Minimalistic: Minimalistic,
@@ -11324,11 +11348,11 @@ var Error$1 = function (_a) {
 };
 var templateObject_1$K, templateObject_2$u;
 
-var Container$q = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  input {\n    border-color: ", ";\n  }\n"], ["\n  input {\n    border-color: ", ";\n  }\n"])), function (_a) {
-    var color = _a.color;
-    return color;
+var Container$q = newStyled.div(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n  position: relative;\n  input {\n    border-color: ", ";\n  }\n"], ["\n  position: relative;\n  input {\n    border-color: ", ";\n  }\n"])), function (_a) {
+    var color = _a.color, hasError = _a.hasError;
+    return (!hasError ? color : '');
 });
-var StyledInput = newStyled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"], ["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    box-shadow: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
+var StyledInput = newStyled.input(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    ", ";\n    box-shadow: ", ";\n\n    ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n"], ["\n  padding: ", ";\n  font-size: ", ";\n  border-radius: ", ";\n  border: ", ";\n  line-height: ", ";\n  color: ", ";\n  font-weight: ", ";\n  flex: 1 1 50%;\n  height: 100%;\n  width: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  &:focus {\n    outline: none;\n    border-color: ", ";\n    ", ";\n    box-shadow: ", ";\n\n    ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    border: 0.063rem solid ", ";\n    color: ", ";\n\n    &::placeholder {\n      color: ", ";\n    }\n  }\n\n  ", ";\n"])), function (_a) {
     var padding = _a.padding;
     return padding;
 }, function (_a) {
@@ -11338,8 +11362,8 @@ var StyledInput = newStyled.input(templateObject_2$t || (templateObject_2$t = __
     var borderRadius = _a.borderRadius;
     return borderRadius;
 }, function (_a) {
-    var border = _a.border;
-    return border;
+    var border = _a.border, hasError = _a.hasError;
+    return (hasError ? hasError : border);
 }, function (_a) {
     var lineHeight = _a.lineHeight;
     return lineHeight;
@@ -11353,11 +11377,19 @@ var StyledInput = newStyled.input(templateObject_2$t || (templateObject_2$t = __
     var placeholderColor = _a.placeholderColor;
     return placeholderColor;
 }, function (_a) {
-    var highlight = _a.highlight;
-    return highlight;
+    var highlight = _a.highlight, hasError = _a.hasError;
+    return (!hasError ? highlight : '');
+}, function (_a) {
+    var focusBorder = _a.focusBorder, hasError = _a.hasError;
+    return (focusBorder && !hasError ? "border: ".concat(focusBorder) : '');
 }, function (_a) {
     var boxShadow = _a.boxShadow;
     return boxShadow;
+}, function (_a) {
+    var inlinePlaceholder = _a.inlinePlaceholder;
+    return inlinePlaceholder
+        ? "& ~ span {\n            bottom: 1.625rem;\n            font-size: 0.75rem;\n            opacity: 1;\n          }"
+        : '';
 }, function (_a) {
     var disabledBackgroundColor = _a.disabledBackgroundColor;
     return disabledBackgroundColor;
@@ -11370,19 +11402,26 @@ var StyledInput = newStyled.input(templateObject_2$t || (templateObject_2$t = __
 }, function (_a) {
     var disabledColor = _a.disabledColor;
     return disabledColor;
+}, function (_a) {
+    var internalValue = _a.internalValue;
+    return internalValue
+        ? "& ~ span {\n          bottom: 1.625rem;\n          font-size: 0.75rem;\n          opacity: 1;\n        }"
+        : '';
 });
 var InputWrapper = newStyled.div(templateObject_3$n || (templateObject_3$n = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  height: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  height: ", ";\n"])), function (_a) {
-    var size = _a.size;
-    return (size === 'small' ? '36px' : '44px');
+    var size = _a.size, inlinePlaceholder = _a.inlinePlaceholder;
+    return !inlinePlaceholder ? (size === 'small' ? '36px' : '44px') : '48px';
 });
-var templateObject_1$J, templateObject_2$t, templateObject_3$n;
+var AnimatedPlaceholder = newStyled.span(templateObject_4$h || (templateObject_4$h = __makeTemplateObject(["\n  color: #8b8b8b;\n  font-weight: 400;\n  left: 0.9375rem;\n  bottom: 0.9375rem;\n  transition: all 0.2s ease;\n  position: absolute;\n  pointer-events: none;\n  font-size: 0.875rem;\n"], ["\n  color: #8b8b8b;\n  font-weight: 400;\n  left: 0.9375rem;\n  bottom: 0.9375rem;\n  transition: all 0.2s ease;\n  position: absolute;\n  pointer-events: none;\n  font-size: 0.875rem;\n"])));
+var ClearInput = newStyled.div(templateObject_5$a || (templateObject_5$a = __makeTemplateObject(["\n  right: 0.75rem;\n  top: 1rem;\n  position: absolute;\n  cursor: pointer;\n"], ["\n  right: 0.75rem;\n  top: 1rem;\n  position: absolute;\n  cursor: pointer;\n"])));
+var templateObject_1$J, templateObject_2$t, templateObject_3$n, templateObject_4$h, templateObject_5$a;
 
 var BaseInput = function (_a) {
     var _b;
-    var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size"]);
+    var value = _a.value, onChange = _a.onChange, _c = _a.defaultValue, defaultValue = _c === void 0 ? '' : _c, label = _a.label, children = _a.children, required = _a.required, onValidation = _a.onValidation, size = _a.size, placeholder = _a.placeholder, inlinePlaceholder = _a.inlinePlaceholder, hasError = _a.hasError, _d = _a.inputType, inputType = _d === void 0 ? 'text' : _d, rest = __rest(_a, ["value", "onChange", "defaultValue", "label", "children", "required", "onValidation", "size", "placeholder", "inlinePlaceholder", "hasError", "inputType"]);
     var theme = useTheme();
-    var _d = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : ''), internalValue = _d[0], setInternalValue = _d[1];
-    var _e = useState(InputValidationType.Empty), status = _e[0], setStatus = _e[1];
+    var _e = useState((_b = value !== null && value !== void 0 ? value : defaultValue) !== null && _b !== void 0 ? _b : ''), internalValue = _e[0], setInternalValue = _e[1];
+    var _f = useState(InputValidationType.Empty), status = _f[0], setStatus = _f[1];
     var handleChange = function (_a) {
         var target = _a.target;
         if (onChange) {
@@ -11421,18 +11460,31 @@ var BaseInput = function (_a) {
         placeholderColor: theme.component.input.placeholderColor,
         disabledBackgroundColor: theme.colors.background.disabled,
         disabledColor: theme.colors.text.disabled,
-        fontSize: theme.component.input.fontSize,
+        fontSize: inlinePlaceholder
+            ? theme.component.inputPlaceholder.fontSize
+            : theme.component.input.fontSize,
         fontWeight: theme.component.input.fontWeight,
-        padding: theme.component.input.padding,
+        padding: inlinePlaceholder
+            ? theme.component.inputPlaceholder.padding
+            : theme.component.input.padding,
         lineHeight: theme.component.input.lineHeight,
         highlight: theme.colors.border.highlight,
         boxShadow: theme.component.input.boxShadow,
+        internalValue: internalValue,
+        inlinePlaceholder: inlinePlaceholder,
+        focusBorder: inlinePlaceholder ? theme.component.inputPlaceholder.focusBorder : '',
+        hasError: hasError ? theme.component.input.errorBorder : '',
     };
     return (jsxs$1(Container$q, __assign$1({ color: status === InputValidationType.Valid
             ? theme.colors.shades['700'].color
             : status === InputValidationType.Error
                 ? theme.colors.semantic.urgent.color
-                : '' }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: "text", onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue }, rest, styling), void 0), children] }), void 0), required && status === InputValidationType.Error && jsx$1(Error$1, { error: required }, void 0)] }), void 0));
+                : '', hasError: hasError }, { children: [label && (jsx$1(InputLabel, { label: label, isDisabled: rest.disabled, isRequired: Boolean(required) }, void 0)), jsxs$1(InputWrapper, __assign$1({ className: "inputWrapper", size: size, inlinePlaceholder: inlinePlaceholder }, { children: [jsx$1(StyledInput, __assign$1({ "data-testid": "base-input", type: inputType, onChange: handleChange, onBlur: validate, required: Boolean(required), value: internalValue, placeholder: inlinePlaceholder ? '' : placeholder }, rest, styling), void 0), inlinePlaceholder && (jsx$1(AnimatedPlaceholder, __assign$1({ "data-testid": "input-placeholder" }, { children: placeholder }), void 0)), children] }), void 0), inlinePlaceholder && internalValue && (jsx$1(ClearInput, __assign$1({ onClick: function () {
+                    if (onChange) {
+                        onChange('');
+                    }
+                    setInternalValue('');
+                }, "data-testid": "clear-value" }, { children: jsx$1(Icon.Actions.ClearLight, { width: 0.75, height: 0.75, fill: theme.colors.shades[550].color }, void 0) }), void 0)), required && status === InputValidationType.Error && jsx$1(Error$1, { error: required }, void 0)] }), void 0));
 };
 
 var Button$2 = function (_a) {
@@ -16829,16 +16881,22 @@ var SearchNavigation = function (_a) {
 };
 var templateObject_1$2, templateObject_2$1, templateObject_3$1, templateObject_4$1, templateObject_5;
 
-var TabContainer = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  flex-direction: column;\n  flex: 1 1 0;\n  font-size: 14px;\n  height: 4.5rem;\n  margin: 0 auto;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  max-width: ", ";\n  border: none;\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  flex-direction: column;\n  flex: 1 1 0;\n  font-size: 14px;\n  height: 4.5rem;\n  margin: 0 auto;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  max-width: ", ";\n  border: none;\n\n  ", "\n"])), function (_a) {
+var TabContainer = newStyled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  flex-direction: column;\n  flex: 1 1 0;\n  font-size: ", ";\n  height: ", ";\n  margin: 0 auto;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  max-width: ", ";\n  border: none;\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: center;\n  align-content: center;\n  flex-direction: column;\n  flex: 1 1 0;\n  font-size: ", ";\n  height: ", ";\n  margin: 0 auto;\n  text-align: center;\n  cursor: pointer;\n  transition: all 0.2s;\n  max-width: ", ";\n  border: none;\n\n  ", "\n"])), function (_a) {
+    var titleSize = _a.titleSize;
+    return titleSize;
+}, function (_a) {
+    var height = _a.height;
+    return height;
+}, function (_a) {
     var tabsMaxWidth = _a.tabsMaxWidth;
     return tabsMaxWidth;
 }, function (_a) {
-    var selected = _a.selected, color = _a.color;
-    return selected ? "border-bottom: 3px solid ".concat(color, "; font-weight: 700;") : '';
+    var selected = _a.selected, color = _a.color, selectedTitleWeight = _a.selectedTitleWeight;
+    return selected ? "border-bottom: 3px solid ".concat(color, "; font-weight: ").concat(selectedTitleWeight, ";") : '';
 });
 var Tab = function (_a) {
-    var title = _a.title, selected = _a.selected, onClick = _a.onClick, _b = _a.color, color = _b === void 0 ? 'var(--colors-pallete-primary-color)' : _b, _c = _a.tabsMaxWidth, tabsMaxWidth = _c === void 0 ? '11rem' : _c;
-    return (jsx$1(Fragment$1, { children: jsx$1(TabContainer, __assign$1({ selected: selected, onClick: function () { return onClick(title); }, color: color, tabsMaxWidth: tabsMaxWidth }, { children: title }), title) }, void 0));
+    var title = _a.title, _b = _a.titleSize, titleSize = _b === void 0 ? '14px' : _b, _c = _a.height, height = _c === void 0 ? '4.5rem' : _c, _d = _a.selectedTitleWeight, selectedTitleWeight = _d === void 0 ? 700 : _d, selected = _a.selected, onClick = _a.onClick, _e = _a.color, color = _e === void 0 ? 'var(--colors-pallete-primary-color)' : _e, _f = _a.tabsMaxWidth, tabsMaxWidth = _f === void 0 ? '11rem' : _f;
+    return (jsx$1(Fragment$1, { children: jsx$1(TabContainer, __assign$1({ selected: selected, onClick: function () { return onClick(title); }, color: color, titleSize: titleSize, height: height, selectedTitleWeight: selectedTitleWeight, tabsMaxWidth: tabsMaxWidth }, { children: title }), title) }, void 0));
 };
 var templateObject_1$1;
 
@@ -16861,5 +16919,5 @@ var Tabs = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { Accordion$1 as Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$2 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, Image, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tabs, Text$5 as Text, TextButton, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, decimalFormat, formatPrice, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
+export { Accordion$1 as Accordion, AmazonButton, AssetsProvider, Bundle, ButtonPrimary, ButtonSecondary, ButtonSecondaryOutline, Card$2 as Card, CardSectionType, CartProductItem, CategoryTag, Checkbox, Collection, ComponentPosition, ComponentSize, index as CrossSell, DeliveryDetails, DiscountTag, Drawer, DropdownListIcons, FilteringDropdown, Tags as FilteringTags, Filters, FitPredictor, Icon, IconButton, Image, Input$1 as Input, InputValidationType, Modal, MultiColorPicker, OfferBanner, OrderBar, Overlay, PackSelector, Pagination, PaymentMethod, PaypalButton, Portal, PriceLabel, ProductGallery, ProductGalleryMobile, ProgressBar, QuantityPicker, RadioGroupInput, RadioInput, Rating, Review, ScrollToTop, SearchBar, SearchNavigation, SeasonOfferTag, SimpleDropdown, SimpleOrderItem, SingleColorPicker, SizeFitGuide, SizeSelector, SizeTable, SliderNavigation, Spacing, Spinner, StarList, Tab, Tabs, Text$5 as Text, TextButton, ThemeProvider, ThemeVariables, Timer, Tooltip, Totals, decimalFormat, formatPrice, isEmail, isEmpty, isNumber$1 as isNumber, isPhoneNumber, isValidDate, modalEvent, simulateMouseClick, sliceString, useModal, useModalEvent, useOnClickOutside, useTheme, useThemeAssets, useWindowDimensions };
 //# sourceMappingURL=index.esm.js.map