@sellout/ui 0.0.398 → 0.0.400

package/build/components/Input.js

@@ -1,4 +1,4 @@
-import { __makeTemplateObject, __assign } from '../_virtual/_tslib.js';
+import { __makeTemplateObject, __assign } from '../node_modules/tslib/tslib.es6.js';
 import React, { useState, Fragment } from 'react';
 import styled from 'styled-components';
 import * as Polished from 'polished';
@@ -12,181 +12,170 @@ import ValidationError from './ValidationError.js';
 import { media } from '../utils/MediaQuery.js';
 import SvgRenderer from './SvgRendrer.js';
 
-var InputSizes;
-(function (InputSizes) {
-    InputSizes["Large"] = "Large";
-    InputSizes["Regular"] = "Regular";
-    InputSizes["CustomInputHeight"] = "CustomInputHeight";
-})(InputSizes || (InputSizes = {}));
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  margin: ", ";\n"], ["\n  width: ", ";\n  margin: ", ";\n"])), function (props) { return props.width; }, function (props) { return props.margin; });
-var IncrementButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n"], ["\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n"])));
-var Form = styled.form(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n\n  border-color: ", ";\n  overflow: hidden;\n  background-color: ", ";\n\n  > * {\n    background-color: ", ";\n  }\n"], ["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ",
-    ";\n\n  border-color: ", ";\n  overflow: hidden;\n  background-color: ",
-    ";\n\n  > * {\n    background-color: ",
-    ";\n  }\n"])), function (props) { return props.width; }, function (props) {
-    if (props.onFocusedColor && props.focused)
-        return Colors.HeadingSecondary;
-    if (props.focused)
-        return Colors.Grey4;
-    if (props.hovered)
-        return Polished.darken(0.05, Colors.Grey5);
-    return !props.focused && props.onFocusedColor ? Colors.SecondaryStroke : Colors.Grey5;
-}, function (props) { return (props.validationError && props.validationDarkThemeBorderColor ? Colors.ErrorRed : ""); }, function (props) {
-    return props.disabled ? Colors.Grey6 + " !important" : null;
-}, function (props) {
-    return props.disabled && props.disableDarkThemeBg ? Colors.InteractiveBGSecondary + " !important" : (props.disabled ? Colors.Grey6 + " !important" : null);
-});
-var Button = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ",
-    ";\n  width: ",
-    ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"])), Colors.White, function (props) {
-    if (props.size === InputSizes.Large)
-        return "50px";
-    if (props.size === InputSizes.Regular)
-        return "40px";
-    return null;
-}, function (props) {
-    if (props.size === InputSizes.Large)
-        return "50px";
-    if (props.size === InputSizes.Regular)
-        return "40px";
-    return null;
-}, function (props) { return (props.codeApply ? "0px" : "-1px"); }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) { return (props.onClick ? "pointer" : null); });
-var IconContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"])));
-var TextContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n"], ["\n  color: ", ";\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n"])), function (props) { return (props.canSubmit ? Colors.Orange : Colors.Orange); });
-var SvgLeftContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.SurfaceTertiary);
-var LeftContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.White);
-var RightContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",
-    ";\n  width: ",
-    ";\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"])), function (props) {
-    if (props.size === InputSizes.Large)
-        return "50px";
-    if (props.size === InputSizes.Regular)
-        return "40px";
-    return null;
-}, function (props) {
-    if (props.size === InputSizes.Large)
-        return "50px";
-    if (props.size === InputSizes.Regular)
-        return "40px";
-    return null;
-}, function (props) { return (props.onClick ? "pointer" : null); });
-var Spacer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: ", ";\n  background-color: ", ";\n"], ["\n  width: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.incrementButton ? "0px" : "50px"); }, Colors.White);
-var InputStyled = styled.input(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ",
-    ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ",
-    ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ",
-    ";\n\n  ",
-    ";\n"])), function (props) { return props.backgroundColor || Colors.White; }, function (props) {
-    return props.textColor || (props.disabled ? Colors.Grey4 : Colors.Grey1);
-}, function (props) {
-    if (props.inputSize === InputSizes.Large)
-        return "48px";
-    if (props.inputSize === InputSizes.Regular)
-        return "38px";
-    if (props.inputSize === InputSizes.CustomInputHeight)
-        return "56px";
-    return null;
-}, function (props) { return (props.hasIcon ? "8px" : "16px"); }, function (props) { return props.padding; }, function (props) { return props.placeholderColor || Colors.Grey4; }, media.mobile(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: 1.6rem;\n  "], ["\n  font-size: 1.6rem;\n  "]))), media.desktop(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", "\n"], ["\n  font-size: ", "\n"])), function (props) { return props.mediaDesktopFontSize || "1.4rem"; }));
-function Input(_a, inputRef) {
-    var autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, icon = _a.icon, iconColor = _a.iconColor, _b = _a.size, size = _b === void 0 ? InputSizes.Regular : _b, _c = _a.type, type = _c === void 0 ? "text" : _c, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, onClear = _a.onClear, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, padding = _a.padding, width = _a.width, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, iconConditionalColor = _a.iconConditionalColor, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.incrementButton, incrementButton = _f === void 0 ? false : _f, handleIncrement = _a.handleIncrement, handleDecrement = _a.handleDecrement, codeApply = _a.codeApply, discountCode = _a.discountCode, bgColor = _a.bgColor, labelColor = _a.labelColor, fontSize = _a.fontSize, fontFamily = _a.fontFamily, fontWeight = _a.fontWeight, marginBottam = _a.marginBottam, placeholderTextColor = _a.placeholderTextColor, iconProps = _a.iconProps, letterSpacing = _a.letterSpacing, onFocusedColor = _a.onFocusedColor, svgIconName = _a.svgIconName, svgWidth = _a.svgWidth, svgHeight = _a.svgHeight, disableDarkThemeBg = _a.disableDarkThemeBg, validationDarkThemeBorderColor = _a.validationDarkThemeBorderColor, mediaDesktopFontSize = _a.mediaDesktopFontSize, maxLengthDisabled = _a.maxLengthDisabled, disableValidationErrorBox = _a.disableValidationErrorBox;
-    var _g = useState(false), hovered = _g[0], setHovered = _g[1];
-    var _h = useState(false), focused = _h[0], setFocused = _h[1];
-    var submit = function (event) {
-        event.preventDefault();
-        if (onSubmit && !loading) {
-            onSubmit();
-        }
-        else if (onEnter && !loading) {
-            onEnter();
-        }
-    };
-    var iconSize = (function () {
-        if (size === InputSizes.Large)
-            return 16;
-        if (size === InputSizes.Regular)
-            return 14;
-        return 14;
-    })();
-    var submitIconSize = (function () {
-        if (size === InputSizes.Large)
-            return 18;
-        if (size === InputSizes.Regular)
-            return 16;
-        return 16;
-    })();
-    return (React.createElement(Container, { width: width, margin: margin },
-        React.createElement(Flex, { justify: "space-between" },
-            label && (React.createElement(Label, { text: label, subText: subLabel, labelColor: labelColor, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, marginBottam: marginBottam, letterSpacing: letterSpacing, tip: tip })),
-            maxLength && (React.createElement(MaxLength, { value: value, maxLength: maxLength, maxLengthDisabled: maxLengthDisabled }))),
-        React.createElement(Form, { hovered: hovered, focused: focused, onSubmit: function (event) { return submit(event); }, width: width, disabled: disabled, noValidate // disables default html5 validation
-            : true, validationError: validationError, onFocusedColor: onFocusedColor, disableDarkThemeBg: disableDarkThemeBg, validationDarkThemeBorderColor: validationDarkThemeBorderColor },
-            icon && (React.createElement(LeftContainer, { size: size },
-                React.createElement(IconContainer, null,
-                    React.createElement(Icon, { icon: icon, size: iconSize, color: (function () {
-                            if (iconColor)
-                                return iconColor;
-                            return value
-                                ? iconConditionalColor || Colors.Grey1
-                                : focused
-                                    ? Colors.Grey3
-                                    : Colors.Grey4;
-                        })() })))),
-            svgIconName && (React.createElement(SvgLeftContainer, null,
-                React.createElement(SvgRenderer, { iconName: svgIconName, width: svgWidth, height: svgHeight, style: { margin: '2px 0px' } }))),
-            incrementButton && (React.createElement(IncrementButton, { onClick: handleDecrement }, "-")),
-            React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, onChange: function (e) {
-                    if (maxLength && e.currentTarget.value.length > maxLength) ;
-                    else {
-                        onChange(e);
-                    }
-                }, onFocus: function (event) {
-                    setFocused(true);
-                    if (onFocus)
-                        onFocus(event);
-                }, onBlur: function (event) {
-                    setFocused(false);
-                    if (onFocus)
-                        onBlur(event);
-                }, onMouseEnter: function (event) {
-                    setHovered(true);
-                    if (onMouseEnter)
-                        onMouseEnter(event);
-                }, onMouseLeave: function (event) {
-                    setHovered(false);
-                    if (onMouseLeave)
-                        onMouseLeave(event);
-                }, padding: padding, inputSize: size, hasIcon: Boolean(icon), backgroundColor: bgColor, textColor: labelColor, placeholderColor: placeholderTextColor, mediaDesktopFontSize: mediaDesktopFontSize }),
-            incrementButton && (React.createElement(IncrementButton, { onClick: handleIncrement }, "+")),
-            (function () {
-                if (onSubmit) {
-                    return (React.createElement(Fragment, null,
-                        React.createElement(Spacer, { incrementButton: true }),
-                        React.createElement(Button, { canSubmit: canSubmit, onClick: function (event) { return submit(event); }, size: size, codeApply: codeApply }, (function () {
-                            if (loading) {
-                                return (React.createElement(Loader, { size: LoaderSizes.VerySmall, color: Colors.Orange }));
-                            }
-                            var iconstyles = iconProps ? iconProps : {};
-                            return (React.createElement(React.Fragment, null,
-                                !codeApply && (React.createElement(Icon, __assign({ icon: Icons.RightArrowRegular, color: canSubmit ? Colors.Orange : Colors.Grey5, hoverColor: "gray", size: submitIconSize }, iconstyles))),
-                                codeApply && (React.createElement(TextContainer, { canSubmit: canSubmit }, discountCode ? (React.createElement(Icon, { icon: Icons.Cancel, color: Colors.HeadingSecondary, size: "18", marginRight: "8px", padding: "0px 10px", backgroundColor: Colors.SurfaceTertiary, borderRadius: "8px", width: "29px", height: "40px", top: "4px", display: "flex", alignItems: "center", justifyContent: "center" })) : (React.createElement(Icon, { icon: Icons.RightArrowRegular, color: Colors.HeadingSecondary, size: "18", marginRight: "8px", padding: "0px 10px", backgroundColor: validationError ? Colors.ErrorRed : Colors.InteractiveBGPrimary, borderRadius: "8px", width: "29px", height: "40px", top: "4px", display: "flex", alignItems: "center", justifyContent: "center" }))))));
-                        })())));
-                }
-                if (loading) {
-                    return (React.createElement(Fragment, null,
-                        React.createElement(Spacer, { incrementButton: true }),
-                        React.createElement(RightContainer, { size: size },
-                            React.createElement(Loader, { size: LoaderSizes.SuperSmall, color: Colors.Orange }))));
-                }
-                if (Boolean(value) && onClear) {
-                    return (React.createElement(Fragment, null,
-                        React.createElement(Spacer, { incrementButton: true }),
-                        React.createElement(RightContainer, { onClick: function () { return onClear(); }, size: size },
-                            React.createElement(Icon, __assign({ icon: (iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon) ? iconProps.icon : Icons.CancelCircle, color: Colors.Grey4, hoverColor: Colors.Grey3, size: iconSize }, iconProps)))));
-                }
-                return React.createElement(Spacer, { incrementButton: true });
-            })()),
-        validationError && React.createElement(ValidationError, { validationError: validationError, disableValidationErrorBox: disableValidationErrorBox })));
-}
-var Input$1 = React.forwardRef(Input);
+var InputSizes;
+(function (InputSizes) {
+    InputSizes["Large"] = "Large";
+    InputSizes["Regular"] = "Regular";
+    InputSizes["CustomInputHeight"] = "CustomInputHeight";
+})(InputSizes || (InputSizes = {}));
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n  margin: ", ";\n"], ["\n  width: ", ";\n  margin: ", ";\n"])), function (props) { return props.width; }, function (props) { return props.margin; });
+var IncrementButton = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n"], ["\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n"])));
+var Form = styled.form(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n\n  border-color: ", ";\n  overflow: hidden;\n  background-color: ", ";\n\n  > * {\n    background-color: ", ";\n  }\n"], ["\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n\n  border-color: ", ";\n  overflow: hidden;\n  background-color: ", ";\n\n  > * {\n    background-color: ", ";\n  }\n"])), function (props) { return props.width; }, function (props) {
+    if (props.onFocusedColor && props.focused)
+        return Colors.HeadingSecondary;
+    if (props.focused)
+        return Colors.Grey4;
+    if (props.hovered)
+        return Polished.darken(0.05, Colors.Grey5);
+    return !props.focused && props.onFocusedColor ? Colors.SecondaryStroke : Colors.Grey5;
+}, function (props) { return (props.validationError && props.validationDarkThemeBorderColor ? Colors.ErrorRed : ""); }, function (props) {
+    return props.disabled ? "".concat(Colors.Grey6, " !important") : null;
+}, function (props) {
+    return props.disabled && props.disableDarkThemeBg ? "".concat(Colors.InteractiveBGSecondary, " !important") : (props.disabled ? "".concat(Colors.Grey6, " !important") : null);
+});
+var Button = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ", ";\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"])), Colors.White, function (props) {
+    if (props.size === InputSizes.Large)
+        return "50px";
+    if (props.size === InputSizes.Regular)
+        return "40px";
+    return null;
+}, function (props) {
+    if (props.size === InputSizes.Large)
+        return "50px";
+    if (props.size === InputSizes.Regular)
+        return "40px";
+    return null;
+}, function (props) { return (props.codeApply ? "0px" : "-1px"); }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) { return (props.onClick ? "pointer" : null); });
+var IconContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"])));
+var TextContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n"], ["\n  color: ", ";\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n"])), function (props) { return (props.canSubmit ? Colors.Orange : Colors.Orange); });
+var SvgLeftContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.SurfaceTertiary);
+var LeftContainer = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.White);
+var RightContainer = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ", ";\n  }\n"])), function (props) {
+    if (props.size === InputSizes.Large)
+        return "50px";
+    if (props.size === InputSizes.Regular)
+        return "40px";
+    return null;
+}, function (props) {
+    if (props.size === InputSizes.Large)
+        return "50px";
+    if (props.size === InputSizes.Regular)
+        return "40px";
+    return null;
+}, function (props) { return (props.onClick ? "pointer" : null); });
+var Spacer = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  width: ", ";\n  background-color: ", ";\n"], ["\n  width: ", ";\n  background-color: ", ";\n"])), function (props) { return (props.incrementButton ? "0px" : "50px"); }, Colors.White);
+var InputStyled = styled.input(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"])), function (props) { return props.backgroundColor || Colors.White; }, function (props) {
+    return props.textColor || (props.disabled ? Colors.Grey4 : Colors.Grey1);
+}, function (props) {
+    if (props.inputSize === InputSizes.Large)
+        return "48px";
+    if (props.inputSize === InputSizes.Regular)
+        return "38px";
+    if (props.inputSize === InputSizes.CustomInputHeight)
+        return "56px";
+    return null;
+}, function (props) { return (props.hasIcon ? "8px" : "16px"); }, function (props) { return props.padding; }, function (props) { return props.placeholderColor || Colors.Grey4; }, media.mobile(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  font-size: 1.6rem;\n  "], ["\n  font-size: 1.6rem;\n  "]))), media.desktop(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  font-size: ", "\n"], ["\n  font-size: ", "\n"])), function (props) { return props.mediaDesktopFontSize || "1.4rem"; }));
+function Input(_a, inputRef) {
+    var autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, icon = _a.icon, iconColor = _a.iconColor, _b = _a.size, size = _b === void 0 ? InputSizes.Regular : _b, _c = _a.type, type = _c === void 0 ? "text" : _c, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, onClear = _a.onClear, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, padding = _a.padding, width = _a.width, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, iconConditionalColor = _a.iconConditionalColor, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.incrementButton, incrementButton = _f === void 0 ? false : _f, handleIncrement = _a.handleIncrement, handleDecrement = _a.handleDecrement, codeApply = _a.codeApply, discountCode = _a.discountCode, bgColor = _a.bgColor, labelColor = _a.labelColor, fontSize = _a.fontSize, fontFamily = _a.fontFamily, fontWeight = _a.fontWeight, marginBottam = _a.marginBottam, placeholderTextColor = _a.placeholderTextColor, iconProps = _a.iconProps, letterSpacing = _a.letterSpacing, onFocusedColor = _a.onFocusedColor, svgIconName = _a.svgIconName, svgWidth = _a.svgWidth, svgHeight = _a.svgHeight, disableDarkThemeBg = _a.disableDarkThemeBg, validationDarkThemeBorderColor = _a.validationDarkThemeBorderColor, mediaDesktopFontSize = _a.mediaDesktopFontSize, maxLengthDisabled = _a.maxLengthDisabled, disableValidationErrorBox = _a.disableValidationErrorBox;
+    var _g = useState(false), hovered = _g[0], setHovered = _g[1];
+    var _h = useState(false), focused = _h[0], setFocused = _h[1];
+    var submit = function (event) {
+        event.preventDefault();
+        if (onSubmit && !loading) {
+            onSubmit();
+        }
+        else if (onEnter && !loading) {
+            onEnter();
+        }
+    };
+    var iconSize = (function () {
+        if (size === InputSizes.Large)
+            return 16;
+        if (size === InputSizes.Regular)
+            return 14;
+        return 14;
+    })();
+    var submitIconSize = (function () {
+        if (size === InputSizes.Large)
+            return 18;
+        if (size === InputSizes.Regular)
+            return 16;
+        return 16;
+    })();
+    return (React.createElement(Container, { width: width, margin: margin },
+        React.createElement(Flex, { justify: "space-between" },
+            label && (React.createElement(Label, { text: label, subText: subLabel, labelColor: labelColor, fontSize: fontSize, fontWeight: fontWeight, fontFamily: fontFamily, marginBottam: marginBottam, letterSpacing: letterSpacing, tip: tip })),
+            maxLength && (React.createElement(MaxLength, { value: value, maxLength: maxLength, maxLengthDisabled: maxLengthDisabled }))),
+        React.createElement(Form, { hovered: hovered, focused: focused, onSubmit: function (event) { return submit(event); }, width: width, disabled: disabled, noValidate // disables default html5 validation
+            : true, validationError: validationError, onFocusedColor: onFocusedColor, disableDarkThemeBg: disableDarkThemeBg, validationDarkThemeBorderColor: validationDarkThemeBorderColor },
+            icon && (React.createElement(LeftContainer, { size: size },
+                React.createElement(IconContainer, null,
+                    React.createElement(Icon, { icon: icon, size: iconSize, color: (function () {
+                            if (iconColor)
+                                return iconColor;
+                            return value
+                                ? iconConditionalColor || Colors.Grey1
+                                : focused
+                                    ? Colors.Grey3
+                                    : Colors.Grey4;
+                        })() })))),
+            svgIconName && (React.createElement(SvgLeftContainer, null,
+                React.createElement(SvgRenderer, { iconName: svgIconName, width: svgWidth, height: svgHeight, style: { margin: '2px 0px' } }))),
+            incrementButton && (React.createElement(IncrementButton, { onClick: handleDecrement }, "-")),
+            React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, onChange: function (e) {
+                    if (maxLength && e.currentTarget.value.length > maxLength) ;
+                    else {
+                        onChange(e);
+                    }
+                }, onFocus: function (event) {
+                    setFocused(true);
+                    if (onFocus)
+                        onFocus(event);
+                }, onBlur: function (event) {
+                    setFocused(false);
+                    if (onFocus)
+                        onBlur(event);
+                }, onMouseEnter: function (event) {
+                    setHovered(true);
+                    if (onMouseEnter)
+                        onMouseEnter(event);
+                }, onMouseLeave: function (event) {
+                    setHovered(false);
+                    if (onMouseLeave)
+                        onMouseLeave(event);
+                }, padding: padding, inputSize: size, hasIcon: Boolean(icon), backgroundColor: bgColor, textColor: labelColor, placeholderColor: placeholderTextColor, mediaDesktopFontSize: mediaDesktopFontSize }),
+            incrementButton && (React.createElement(IncrementButton, { onClick: handleIncrement }, "+")),
+            (function () {
+                if (onSubmit) {
+                    return (React.createElement(Fragment, null,
+                        React.createElement(Spacer, { incrementButton: true }),
+                        React.createElement(Button, { canSubmit: canSubmit, onClick: function (event) { return submit(event); }, size: size, codeApply: codeApply }, (function () {
+                            if (loading) {
+                                return (React.createElement(Loader, { size: LoaderSizes.VerySmall, color: Colors.Orange }));
+                            }
+                            var iconstyles = iconProps ? iconProps : {};
+                            return (React.createElement(React.Fragment, null,
+                                !codeApply && (React.createElement(Icon, __assign({ icon: Icons.RightArrowRegular, color: canSubmit ? Colors.Orange : Colors.Grey5, hoverColor: "gray", size: submitIconSize }, iconstyles))),
+                                codeApply && (React.createElement(TextContainer, { canSubmit: canSubmit }, discountCode ? (React.createElement(Icon, { icon: Icons.Cancel, color: Colors.HeadingSecondary, size: "18", marginRight: "8px", padding: "0px 10px", backgroundColor: Colors.SurfaceTertiary, borderRadius: "8px", width: "29px", height: "40px", top: "4px", display: "flex", alignItems: "center", justifyContent: "center" })) : (React.createElement(Icon, { icon: Icons.RightArrowRegular, color: Colors.HeadingSecondary, size: "18", marginRight: "8px", padding: "0px 10px", backgroundColor: validationError ? Colors.ErrorRed : Colors.InteractiveBGPrimary, borderRadius: "8px", width: "29px", height: "40px", top: "4px", display: "flex", alignItems: "center", justifyContent: "center" }))))));
+                        })())));
+                }
+                if (loading) {
+                    return (React.createElement(Fragment, null,
+                        React.createElement(Spacer, { incrementButton: true }),
+                        React.createElement(RightContainer, { size: size },
+                            React.createElement(Loader, { size: LoaderSizes.SuperSmall, color: Colors.Orange }))));
+                }
+                if (Boolean(value) && onClear) {
+                    return (React.createElement(Fragment, null,
+                        React.createElement(Spacer, { incrementButton: true }),
+                        React.createElement(RightContainer, { onClick: function () { return onClear(); }, size: size },
+                            React.createElement(Icon, __assign({ icon: (iconProps === null || iconProps === void 0 ? void 0 : iconProps.icon) ? iconProps.icon : Icons.CancelCircle, color: Colors.Grey4, hoverColor: Colors.Grey3, size: iconSize }, iconProps)))));
+                }
+                return React.createElement(Spacer, { incrementButton: true });
+            })()),
+        validationError && React.createElement(ValidationError, { validationError: validationError, disableValidationErrorBox: disableValidationErrorBox })));
+}
+var Input$1 = React.forwardRef(Input);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 
 export { InputSizes, InputStyled, Input$1 as default };

package/build/components/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":["import React, { Fragment, useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Icon, { IconProps, Icons } from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from \"./ValidationError\";\nimport { media } from \"../utils/MediaQuery\";\nimport SvgRenderer from \"./SvgRendrer\";\n\nexport enum InputSizes {\n  Large = \"Large\",\n  Regular = \"Regular\",\n  CustomInputHeight=\"CustomInputHeight\"\n}\n\ntype ContainerProps = {\n  width?: string;\n  margin?: string;\n};\n\nconst Container = styled.div<ContainerProps>`\n  width: ${(props) => props.width};\n  margin: ${(props) => props.margin};\n`;\n\nconst IncrementButton = styled.button`\n  font-size: 22px;\n  padding: 5px 14px;\n  cursor: pointer;\n  border: none;\n  background-color: #f0f0f0;\n`;\n\ntype FormProps = {\n  hovered: boolean;\n  focused: boolean;\n  width?: string;\n  disabled: boolean;\n  validationError?: string;\n  onFocusedColor?:boolean;\n  disableDarkThemeBg?:boolean;\n  validationDarkThemeBorderColor?:boolean;\n};\n\nconst Form = styled.form<FormProps>`\n  width: ${(props) => props.width};\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ${(props) => {\n      if (props.onFocusedColor && props.focused) return Colors.HeadingSecondary;\n      if (props.focused) return Colors.Grey4;\n      if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n      return !props.focused && props.onFocusedColor ?Colors.SecondaryStroke :Colors.Grey5;\n    }};\n\n  border-color: ${(props) => (props.validationError && props.validationDarkThemeBorderColor ? Colors.ErrorRed : \"\")};\n  overflow: hidden;\n  background-color: ${(props) =>\n    props.disabled ? `${Colors.Grey6} !important` : null};\n\n  > * {\n    background-color: ${(props) =>\n      props.disabled && props.disableDarkThemeBg ? `${Colors.InteractiveBGSecondary} !important` : (props.disabled ?`${Colors.Grey6} !important` :null)};\n  }\n`;\n\ntype ButtonProps = {\n  canSubmit: boolean;\n  size: InputSizes;\n  codeApply?: string;\n};\n\nconst Button = styled.div<ButtonProps>`\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ${Colors.White};\n  height: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: ${(props) => (props.codeApply ? \"0px\" : \"-1px\")};\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n\n  &:active {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n`;\n\nconst IconContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n`;\n\nconst TextContainer = styled.div<any>`\n  color: ${(props) => (props.canSubmit ? Colors.Orange : Colors.Orange)};\n  font-size: 1.7rem;\n  text-decoration: underline;\n  font-weight: 500;\n`;\n\ntype SmallContainerProps = {\n  size: InputSizes;\n};\n\nconst SvgLeftContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ${Colors.SurfaceTertiary};\n`;\n\nconst LeftContainer = styled.div<SmallContainerProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ${Colors.White};\n`;\n\nconst RightContainer = styled.div<SmallContainerProps>`\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.size === InputSizes.Large) return \"50px\";\n    if (props.size === InputSizes.Regular) return \"40px\";\n    return null;\n  }};\n  top: -1px;\n  right: -1px;\n\n  &:hover {\n    cursor: ${(props) => (props.onClick ? \"pointer\" : null)};\n  }\n`;\n\ntype SpacerProps = {\n  incrementButton?: boolean;\n};\n\nconst Spacer = styled.div<SpacerProps>`\n  width: ${(props) => (props.incrementButton ? \"0px\" : \"50px\")};\n  background-color: ${Colors.White};\n`;\n\ntype StyledInputProps = {\n  padding?: string;\n  inputSize?: InputSizes;\n  disabled: boolean;\n  hasIcon: boolean;\n  backgroundColor?: string;\n  textColor?: string;\n  fontSize?: string;\n  fontWeight?: string;\n  placeholderColor?: string;\n  mediaDesktopFontSize?:string;\n};\n\nexport const InputStyled = styled.input<StyledInputProps>`\n  background-color: ${(props) => props.backgroundColor || Colors.White};\n  color: ${(props) =>\n    props.textColor || (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ${(props) => {\n    if (props.inputSize === InputSizes.Large) return \"48px\";\n    if (props.inputSize === InputSizes.Regular) return \"38px\";\n    if (props.inputSize === InputSizes.CustomInputHeight) return \"56px\";\n    return null;\n  }};\n  width: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ${(props) => (props.hasIcon ? \"8px\" : \"16px\")};\n  transition: all 0.2s;\n  padding: ${(props) => props.padding};\n\n  ::placeholder {\n    color: ${(props) => props.placeholderColor || Colors.Grey4};\n  }\n\n  ${media.mobile`\n  font-size: 1.6rem;\n  `};\n\n  ${media.desktop`\n  font-size: ${(props) => props.mediaDesktopFontSize || \"1.4rem\"}\n`};\n`;\n\nexport type InputProps = {\n  inputRef?: React.Ref<HTMLInputElement>;\n  autoFocus?: boolean | undefined;\n  placeholder?: string;\n  value: string;\n  defaultValue?: string;\n  icon?: any;\n  iconColor?: Colors;\n  type?: string;\n  size?: InputSizes;\n  onMouseEnter?: any;\n  onMouseLeave?: any;\n  onChange?: any;\n  onFocus?: any;\n  onBlur?: any;\n  onSubmit?: Function;\n  onClear?: Function;\n  canSubmit?: boolean;\n  loading?: boolean;\n  margin?: string;\n  padding?: string;\n  width?: string;\n  onEnter?: Function;\n  label?: string | any;\n  subLabel?: string;\n  tip?: string;\n  maxLength?: number;\n  iconConditionalColor?: any;\n  validationError?: string | any;\n  disabled?: boolean;\n  incrementButton?: boolean;\n  handleIncrement?: any;\n  handleDecrement?: any;\n  codeApply?: string;\n  discountCode?: string;\n  bgColor?: string;\n  labelColor?: string;\n  fontSize?: string;\n  fontFamily?: string;\n  fontWeight?: string;\n  placeholderTextColor?: string;\n  marginBottam?: string;\n  iconProps?: Partial<IconProps>;\n  letterSpacing?: string;\n  onFocusedColor?:boolean;\n  svgIconName?:string;\n  svgWidth?:string;\n  svgHeight?:string;\n  disableDarkThemeBg?:boolean;\n  validationDarkThemeBorderColor?:boolean;\n  mediaDesktopFontSize?:string;\n  maxLengthDisabled?:boolean;\n  disableValidationErrorBox?:boolean;\n};\n\nfunction Input(\n  {\n    autoFocus,\n    placeholder,\n    value,\n    defaultValue,\n    icon,\n    iconColor,\n    size = InputSizes.Regular,\n    type = \"text\",\n    onMouseEnter,\n    onMouseLeave,\n    onChange,\n    onFocus,\n    onBlur,\n    onSubmit,\n    onClear,\n    canSubmit = true,\n    loading,\n    margin,\n    padding,\n    width,\n    onEnter,\n    label,\n    subLabel,\n    tip,\n    maxLength,\n    iconConditionalColor,\n    validationError,\n    disabled = false,\n    incrementButton = false,\n    handleIncrement,\n    handleDecrement,\n    codeApply,\n    discountCode,\n    bgColor,\n    labelColor,\n    fontSize,\n    fontFamily,\n    fontWeight,\n    marginBottam,\n    placeholderTextColor,\n    iconProps,\n    letterSpacing,\n    onFocusedColor,\n    svgIconName,\n    svgWidth,\n    svgHeight,\n    disableDarkThemeBg,\n    validationDarkThemeBorderColor,\n    mediaDesktopFontSize,\n    maxLengthDisabled,\n    disableValidationErrorBox\n  }: InputProps,\n  inputRef: any\n) {\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const submit = (event: any) => {\n    event.preventDefault();\n    if (onSubmit && !loading) {\n      onSubmit();\n    } else if (onEnter && !loading) {\n      onEnter();\n    }\n  };\n\n  const iconSize = (() => {\n    if (size === InputSizes.Large) return 16;\n    if (size === InputSizes.Regular) return 14;\n    return 14;\n  })();\n\n  const submitIconSize = (() => {\n    if (size === InputSizes.Large) return 18;\n    if (size === InputSizes.Regular) return 16;\n    return 16;\n  })();\n\n  return (\n    <Container width={width} margin={margin}>\n      <Flex justify=\"space-between\">\n        {label && (\n          <Label\n            text={label}\n            subText={subLabel}\n            labelColor={labelColor}\n            fontSize={fontSize}\n            fontWeight={fontWeight}\n            fontFamily={fontFamily}\n            marginBottam={marginBottam}\n            letterSpacing={letterSpacing}\n            tip={tip}\n          />\n        )}\n        {maxLength && (\n          <MaxLength value={value as string} maxLength={maxLength} maxLengthDisabled={maxLengthDisabled}/>\n        )}\n      </Flex>\n\n      <Form\n        hovered={hovered}\n        focused={focused}\n        onSubmit={(event) => submit(event)}\n        width={width}\n        disabled={disabled}\n        noValidate // disables default html5 validation\n        validationError={validationError}\n        onFocusedColor={onFocusedColor}\n        disableDarkThemeBg={disableDarkThemeBg}\n        validationDarkThemeBorderColor={validationDarkThemeBorderColor}\n      >\n        {icon && (\n          <LeftContainer size={size}>\n            <IconContainer>\n              <Icon\n                icon={icon}\n                size={iconSize}\n                color={(() => {\n                  if (iconColor) return iconColor;\n                  return value\n                    ? iconConditionalColor || Colors.Grey1\n                    : focused\n                    ? Colors.Grey3\n                    : Colors.Grey4;\n                })()}\n              />\n            </IconContainer>\n          </LeftContainer>\n        )}\n         {svgIconName && (\n          <SvgLeftContainer>\n             <SvgRenderer\n              iconName={svgIconName}\n              width={svgWidth}\n              height={svgHeight}  \n              style={{ margin: '2px 0px'}}\n            />\n          </SvgLeftContainer>\n        )}\n        {incrementButton && (\n          <IncrementButton onClick={handleDecrement}>-</IncrementButton>\n        )}\n        <InputStyled\n          ref={inputRef}\n          disabled={disabled}\n          autoFocus={autoFocus}\n          placeholder={placeholder}\n          value={value}\n          defaultValue={defaultValue}\n          type={type}\n          onChange={(e: React.FormEvent<HTMLInputElement>) => {\n            if (maxLength && e.currentTarget.value.length > maxLength) {\n              // do nothing, the max length has been reached\n            } else {\n              onChange(e);\n            }\n          }}\n          onFocus={(event) => {\n            setFocused(true);\n            if (onFocus) onFocus(event);\n          }}\n          onBlur={(event) => {\n            setFocused(false);\n            if (onFocus) onBlur(event);\n          }}\n          onMouseEnter={(event: any) => {\n            setHovered(true);\n            if (onMouseEnter) onMouseEnter(event);\n          }}\n          onMouseLeave={(event: any) => {\n            setHovered(false);\n            if (onMouseLeave) onMouseLeave(event);\n          }}\n          padding={padding}\n          inputSize={size}\n          hasIcon={Boolean(icon)}\n          backgroundColor={bgColor}\n          textColor={labelColor}\n          placeholderColor={placeholderTextColor}\n          mediaDesktopFontSize={mediaDesktopFontSize}\n        />\n        {incrementButton && (\n          <IncrementButton onClick={handleIncrement}>+</IncrementButton>\n        )}\n\n        {(() => {\n          if (onSubmit) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <Button\n                  canSubmit={canSubmit}\n                  onClick={(event) => submit(event)}\n                  size={size}\n                  codeApply={codeApply}\n                >\n                  {(() => {\n                    if (loading) {\n                      return (\n                        <Loader\n                          size={LoaderSizes.VerySmall}\n                          color={Colors.Orange}\n                        />\n                      );\n                    }\n                    const iconstyles = iconProps ? iconProps : {};\n                    return (\n                      <>\n                        {!codeApply && (\n                          <Icon\n                            icon={Icons.RightArrowRegular}\n                            color={canSubmit ? Colors.Orange : Colors.Grey5}\n                            hoverColor=\"gray\"\n                            size={submitIconSize}\n                            {...iconstyles}\n                          />\n                        )}\n                        {codeApply && (\n                          <TextContainer canSubmit={canSubmit}>\n                           {discountCode ? (\n                            <Icon icon={Icons.Cancel} color={Colors.HeadingSecondary} size={\"18\"} marginRight=\"8px\" padding=\"0px 10px\" backgroundColor={Colors.SurfaceTertiary} borderRadius=\"8px\" width=\"29px\" height=\"40px\" top=\"4px\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\"/>\n                          ) : (\n                            <Icon icon={Icons.RightArrowRegular} color={Colors.HeadingSecondary} size={\"18\"} marginRight=\"8px\" padding=\"0px 10px\" backgroundColor={validationError ? Colors.ErrorRed:Colors.InteractiveBGPrimary} borderRadius=\"8px\" width=\"29px\" height=\"40px\" top=\"4px\" display=\"flex\" alignItems=\"center\" justifyContent=\"center\"/>\n                          )}\n                          </TextContainer>\n                        )}\n                      </>\n                    );\n                  })()}\n                </Button>\n              </Fragment>\n            );\n          }\n\n          if (loading) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <RightContainer size={size}>\n                  <Loader size={LoaderSizes.SuperSmall} color={Colors.Orange} />\n                </RightContainer>\n              </Fragment>\n            );\n          }\n\n          if (Boolean(value) && onClear) {\n            return (\n              <Fragment>\n                <Spacer incrementButton />\n                <RightContainer onClick={() => onClear()} size={size}>\n                  <Icon\n                    icon={iconProps?.icon ? iconProps.icon : Icons.CancelCircle}\n                    color={Colors.Grey4}\n                    hoverColor={Colors.Grey3}\n                    size={iconSize}\n                    {...iconProps}\n                  />\n                </RightContainer>\n              </Fragment>\n            );\n          }\n\n          return <Spacer incrementButton />;\n        })()}\n      </Form>\n      {validationError && <ValidationError validationError={validationError} disableValidationErrorBox={disableValidationErrorBox} />}\n    </Container>\n  );\n}\n\nexport default React.forwardRef(Input);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../src/components/Input.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/components/InputOld.d.ts

@@ -1,23 +1,23 @@
-import React from "react";
-export declare type InputProps = {
-    inputRef?: React.Ref<HTMLInputElement>;
-    autoFocus?: boolean | undefined;
-    placeholder?: string;
-    value: string;
-    defaultValue?: string;
-    icon?: any;
-    type?: string;
-    onMouseEnter?: any;
-    onMouseLeave?: any;
-    onChange?: any;
-    onFocus?: any;
-    onBlur?: any;
-    onSubmit?: Function;
-    onClear?: Function;
-    canSubmit?: boolean;
-    loading?: boolean;
-    margin?: string;
-    padding?: string;
-    width?: string;
-};
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, }: InputProps): React.JSX.Element;
+import React from "react";
+export type InputProps = {
+    inputRef?: React.Ref<HTMLInputElement>;
+    autoFocus?: boolean | undefined;
+    placeholder?: string;
+    value: string;
+    defaultValue?: string;
+    icon?: any;
+    type?: string;
+    onMouseEnter?: any;
+    onMouseLeave?: any;
+    onChange?: any;
+    onFocus?: any;
+    onBlur?: any;
+    onSubmit?: Function;
+    onClear?: Function;
+    canSubmit?: boolean;
+    loading?: boolean;
+    margin?: string;
+    padding?: string;
+    width?: string;
+};
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, }: InputProps): React.JSX.Element;

package/build/components/Label.d.ts

@@ -1,16 +1,16 @@
-import React from "react";
-declare type LabelProps = {
-    text: string;
-    subText?: string;
-    tip?: string;
-    margin?: string;
-    labelColor?: string;
-    fontSize?: string;
-    fontWeight?: string;
-    fontFamily?: string;
-    marginBottam?: string;
-    letterSpacing?: string;
-    height?: string;
-};
-declare const Label: React.FC<LabelProps>;
-export default Label;
+import React from "react";
+type LabelProps = {
+    text: string;
+    subText?: string;
+    tip?: string;
+    margin?: string;
+    labelColor?: string;
+    fontSize?: string;
+    fontWeight?: string;
+    fontFamily?: string;
+    marginBottam?: string;
+    letterSpacing?: string;
+    height?: string;
+};
+declare const Label: React.FC<LabelProps>;
+export default Label;