@sellout/ui 0.0.398 → 0.0.400

package/build/components/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\nimport Label from \"./Label\";\nimport Flex from \"./Flex\";\nimport * as Polished from \"polished\";\n\ntype ContainerProps = {\n  width?: string;\n  open: boolean;\n  height: string;\n};\ntype FieldContainerProps = {\n  open: boolean;\n  width: string;\n  height: string;\n  bgColor?: string;\n  valueColor?: string;\n  itemColor?: string;\n  borderColor?:string;\n  containerMinHeight?: string;\n};\n\ntype OptionValueProps = {\n  optionsColor?: string;\n  valueWhiteSpace?: string;\n};\ntype TopRowsProps = {\n  optionsHeight?: string;\n};\nconst Container = styled.div<ContainerProps>`\n  position: relative;\n  height: ${(props) =>\n    props.open ? (props.height ? props.height : \"65px\") : \"65px\"};\n  width: ${(props) => props.width};\n`;\n\nconst FieldContainer = styled.div<FieldContainerProps>`\n  position: absolute;\n  max-height: ${(props) => (props.open ? props.height : \"38px\")};    \n  min-height: ${(props) => (props.containerMinHeight)}; \n  width: ${(props) => props.width};\n  background-color: ${(props) => props.bgColor || Colors.White};\n  border: 1px solid ${(props) => props.borderColor || Colors.Grey5};\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ${(props) => (props.open ? 100 : 0)};\n  box-shadow: ${(props) =>\n    props.open ? \"0px 4px 16px rgba(0, 0, 0, 0.05)\" : \"\"};\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ${Polished.darken(0.05, Colors.Grey5)};\n  }\n\n  &:focus {\n    border: 1px solid ${Colors.Grey4};\n  }\n`;\n\nconst TopRow = styled.div<TopRowsProps>`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: ${(props) => (props.optionsHeight ? props.optionsHeight : \"38px\")};\n  padding: 0 15px;\n`;\n\nconst Value = styled.div<OptionValueProps>`\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ${(props) => props.optionsColor || Colors.Grey1};\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  margin-right: 10px;\n  white-space:${(props) => (props.valueWhiteSpace ? props.valueWhiteSpace : \"nowrap\")};\n`;\n\ntype ItemsContainerProps = {\n  open: boolean;\n  height: string;\n};\n\nconst ItemsContainer = styled.div<ItemsContainerProps>`\n  position: relative;\n  max-height: ${(props) => (props.open ? props.height : \"0px\")};\n  overflow: ${(props) => (props.open ? \"auto\" : \"hidden\")};\n`;\n\ntype ItemProps = {\n  selected: boolean;\n  itemColor?: string;\n  optionsColor?: string;\n  bgColor?: string;\n  hoverColor?:string\n};\n\nconst Item = styled.div<ItemProps>`\n  position: relative;\n  display: flex;\n  align-items: center;\n  height: 30px;\n  padding: 0 15px;\n  background-color: ${(props) =>\n    props.bgColor\n      ? Colors.SurfaceTertiary\n      : props.selected\n      ? props.itemColor || Colors.Grey7\n      : Colors.White};\n  font-size: 1.2rem;\n  color: ${(props) => props.optionsColor || Colors.Grey1};\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${(props) => props.hoverColor || Colors.Grey7};\n  }\n`;\n\nexport interface IDropdownItem {\n  text: string;\n  value: any;\n  icon?: React.ReactNode;\n  color?: string;\n}\n\nexport enum DropdownTypes {\n  Regular = \"Regular\",\n  Small = \"Small\",\n}\n\ntype DropdownProps = {\n  type?: DropdownTypes;\n  value?: string;\n  onChange: Function;\n  placeholder?: string;\n  width?: string;\n  items: IDropdownItem[];\n  label?: any;\n  tip?: string;\n  icon?: React.ReactNode;\n  height?: string;\n  labelColor?: string;\n  bgColor?: string;\n  itemColor?: string;\n  optionsColor?: string;\n  fontSize?: string;\n  fontFamily?: string;\n  fontWeight?: string;\n  iconColor?: string;\n  hoverColor?:string;\n  letterSpacing?:string;\n  borderColor?:string;\n  containerMinHeight?:string;\n  optionsHeight?:string;\n  itemContainerHeight?:string;\n  valueWhiteSpace?:string;\n};\n\nconst Dropdown: React.FC<DropdownProps> = ({\n  // type = DropdownTypes.Regular,\n  value,\n  onChange,\n  width = \"auto\",\n  items,\n  label,\n  tip,\n  icon,\n  height = \"65px\",\n  labelColor,\n  bgColor,\n  itemColor,\n  optionsColor,\n  fontSize,\n  fontFamily,\n  fontWeight,\n  iconColor,\n  hoverColor,\n  letterSpacing,\n  borderColor,\n  containerMinHeight,\n  optionsHeight,\n  itemContainerHeight,\n  valueWhiteSpace,\n}) => {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Container width={width} open={true} height={height}>\n      {label && (\n        <Label\n          text={label}\n          tip={tip}\n          labelColor={labelColor}\n          fontFamily={fontFamily}\n          fontSize={fontSize}\n          fontWeight={fontWeight}\n          letterSpacing={letterSpacing}\n        />\n      )}\n      <FieldContainer\n        itemColor={itemColor}\n        bgColor={bgColor}\n        tabIndex={1}\n        open={open}\n        height={items?.length > 4 ? \"130px\" : `${items?.length * 30 + (itemContainerHeight ? parseInt(itemContainerHeight) : 43)}px`}\n        width={width}\n        onClick={() => setOpen(!open)}\n        onBlur={() => setOpen(false)}\n        borderColor={borderColor}\n        containerMinHeight={containerMinHeight}\n      >\n        <TopRow\n          optionsHeight={optionsHeight}>\n          <Flex align=\"center\">\n            {icon && icon}\n            <Value optionsColor={optionsColor} valueWhiteSpace={valueWhiteSpace}>{value}</Value>\n          </Flex>\n          <Icon icon={Icons.Sort} size={12} color={iconColor} />\n        </TopRow>\n        <ItemsContainer\n          open={open}\n          height={items?.length > 3 ? \"90px\" : `${items?.length * 30}px`}\n          className=\"dropdown-list-menu  dropdown-list-height\"\n        >\n          {items?.map((item, index) => {\n            return (\n              <Item\n                bgColor={bgColor}\n                optionsColor={optionsColor}\n                itemColor={item.color}\n                hoverColor={hoverColor}\n                key={index}\n                selected={false} // don't hightlight selected item in dropdown\n                onClick={() => onChange(item.value)}\n              >\n                {item.icon && item.icon}\n                {item.text}\n              </Item>\n            );\n          })}\n        </ItemsContainer>\n      </FieldContainer>\n    </Container>\n  );\n};\n\nexport default Dropdown;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Dropdown.js","sources":["../../src/components/Dropdown.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/components/Flex.d.ts

@@ -1,14 +1,14 @@
-import React from "react";
-declare type FlexProps = {
-    direction?: string;
-    justify?: string;
-    align?: string;
-    padding?: string;
-    margin?: string;
-    flex?: string;
-    height?: string;
-    color?: string;
-    gap?: string;
-};
-declare const Flex: React.FC<FlexProps>;
-export default Flex;
+import React from "react";
+type FlexProps = {
+    direction?: string;
+    justify?: string;
+    align?: string;
+    padding?: string;
+    margin?: string;
+    flex?: string;
+    height?: string;
+    color?: string;
+    gap?: string;
+};
+declare const Flex: React.FC<FlexProps>;
+export default Flex;

package/build/components/Flex.js

@@ -1,12 +1,12 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
 import React from 'react';
 import styled from 'styled-components';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  padding: ", ";\n  margin: ", ";\n  flex: ", ";\n  height: ", ";\n  color: ", ";\n  gap: ", ";\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  padding: ", ";\n  margin: ", ";\n  flex: ", ";\n  height: ", ";\n  color: ", ";\n  gap: ", ";\n"])), function (props) { return props.direction; }, function (props) { return props.justify; }, function (props) { return props.align; }, function (props) { return props.padding; }, function (props) { return props.margin; }, function (props) { return props.flex; }, function (props) { return props.height; }, function (props) { return props.color; }, function (props) { return props.gap; });
-var Flex = function (_a) {
-    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.justify, justify = _c === void 0 ? '' : _c, _d = _a.align, align = _d === void 0 ? '' : _d, _e = _a.padding, padding = _e === void 0 ? '' : _e, _f = _a.margin, margin = _f === void 0 ? '' : _f, _g = _a.flex, flex = _g === void 0 ? '' : _g, _h = _a.height, height = _h === void 0 ? '' : _h, _j = _a.color, color = _j === void 0 ? '' : _j, _k = _a.gap, gap = _k === void 0 ? '' : _k;
-    return (React.createElement(Container, { direction: direction, justify: justify, align: align, padding: padding, margin: margin, flex: flex, height: height, color: color, gap: gap }, children));
-};
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  padding: ", ";\n  margin: ", ";\n  flex: ", ";\n  height: ", ";\n  color: ", ";\n  gap: ", ";\n"], ["\n  display: flex;\n  flex-direction: ", ";\n  justify-content: ", ";\n  align-items: ", ";\n  padding: ", ";\n  margin: ", ";\n  flex: ", ";\n  height: ", ";\n  color: ", ";\n  gap: ", ";\n"])), function (props) { return props.direction; }, function (props) { return props.justify; }, function (props) { return props.align; }, function (props) { return props.padding; }, function (props) { return props.margin; }, function (props) { return props.flex; }, function (props) { return props.height; }, function (props) { return props.color; }, function (props) { return props.gap; });
+var Flex = function (_a) {
+    var children = _a.children, _b = _a.direction, direction = _b === void 0 ? 'row' : _b, _c = _a.justify, justify = _c === void 0 ? '' : _c, _d = _a.align, align = _d === void 0 ? '' : _d, _e = _a.padding, padding = _e === void 0 ? '' : _e, _f = _a.margin, margin = _f === void 0 ? '' : _f, _g = _a.flex, flex = _g === void 0 ? '' : _g, _h = _a.height, height = _h === void 0 ? '' : _h, _j = _a.color, color = _j === void 0 ? '' : _j, _k = _a.gap, gap = _k === void 0 ? '' : _k;
+    return (React.createElement(Container, { direction: direction, justify: justify, align: align, padding: padding, margin: margin, flex: flex, height: height, color: color, gap: gap }, children));
+};
 var templateObject_1;
 
 export { Flex as default };

package/build/components/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../src/components/Flex.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\ntype FlexProps = {\n  direction?: string;\n  justify?: string;\n  align?: string;\n  padding?: string;\n  margin?: string;\n  flex?: string;\n  height?: string;\n  color?:string;\n  gap?:string;\n};\n\nconst Container = styled.div<FlexProps>`\n  display: flex;\n  flex-direction: ${(props) => props.direction};\n  justify-content: ${(props) => props.justify};\n  align-items: ${(props) => props.align};\n  padding: ${(props) => props.padding};\n  margin: ${(props) => props.margin};\n  flex: ${(props) => props.flex};\n  height: ${(props) => props.height};\n  color: ${(props) => props.color};\n  gap: ${(props) => props.gap};\n`;\n\nconst Flex: React.FC<FlexProps> = ({ \n  children,\n  direction = 'row',\n  justify = '',\n  align = '',\n  padding = '',\n  margin = '',\n  flex = '',\n  height = '',\n  color = '',\n  gap= ''\n }) => {\n  return (\n    <Container\n      direction={direction}\n      justify={justify}\n      align={align}\n      padding={padding}\n      margin={margin}\n      flex={flex}\n      height={height}\n      color={color}\n      gap={gap}\n    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Flex;\n"],"names":[],"mappings":";;;;AAeA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wCAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,YAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wCAEnB,EAA0B,wBACzB,EAAwB,oBAC5B,EAAsB,gBAC1B,EAAwB,eACzB,EAAuB,aACzB,EAAqB,eACnB,EAAuB,cACxB,EAAsB,YACxB,EAAoB,KAC5B,CAAA,CAAA,CAAA,EATmB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,CAAf,EAAe,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,GAAA,EAC5B,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EAC1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAb,EAAa,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,GAAA,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,IAAI,CAAA,EAAA,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACxB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,GAAA,EACxB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,GAAG,CAAA,EAAA,CAC5B,CAAC;AAEI,IAAA,IAAI,GAAwB,UAAC,EAWjC,EAAA;AAVA,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACZ,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACZ,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACX,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACV,EAAO,GAAA,EAAA,CAAA,GAAA,EAAP,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAE,EAAE,GAAA,EAAA,CAAA;AAEP,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,EACZ;AACJ,EAAE;;;;;"}
+{"version":3,"file":"Flex.js","sources":["../../src/components/Flex.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAeA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAW,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wCAAA,EAAA,wBAAA,EAAA,oBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,cAAA,EAAA,YAAA,EAAA,KAAA,CAAA,EAAA,CAAA,wCAEnB,EAA0B,wBACzB,EAAwB,oBAC5B,EAAsB,gBAC1B,EAAwB,eACzB,EAAuB,aACzB,EAAqB,eACnB,EAAuB,cACxB,EAAsB,YACxB,EAAoB,KAC5B,CAAA,CAAA,CAAA,EATmB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,SAAS,CAAf,EAAe,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,GAAA,EAC5B,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EAC1B,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAb,EAAa,EACzB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,GAAA,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,IAAI,CAAA,EAAA,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,EACxB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,GAAA,EACxB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,GAAG,CAAA,EAAA,CAC5B,CAAC;AAEI,IAAA,IAAI,GAAwB,UAAC,EAWjC,EAAA;AAVA,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAA,EAAA,EACjB,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACZ,EAAU,GAAA,EAAA,CAAA,KAAA,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACZ,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACX,EAAS,GAAA,EAAA,CAAA,IAAA,EAAT,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACT,EAAA,GAAA,EAAA,CAAA,MAAW,EAAX,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACX,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACV,EAAO,GAAA,EAAA,CAAA,GAAA,EAAP,GAAG,GAAA,EAAA,KAAA,KAAA,CAAA,GAAE,EAAE,GAAA,EAAA,CAAA;AAEP,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,EACZ;AACJ,EAAE;;;;;"}

package/build/components/FormattedInput.d.ts

@@ -1,34 +1,34 @@
-import React from "react";
-export declare enum InputFormats {
-    Price = "Price",
-    Percent = "Percent"
-}
-export declare type InputProps = {
-    inputRef?: React.Ref<HTMLInputElement>;
-    autoFocus?: boolean | undefined;
-    placeholder?: string;
-    value: string;
-    defaultValue?: string;
-    type?: string;
-    format?: InputFormats;
-    onMouseEnter?: any;
-    onMouseLeave?: any;
-    onChange?: any;
-    onFocus?: any;
-    onBlur?: any;
-    onSubmit?: Function;
-    canSubmit?: boolean;
-    loading?: boolean;
-    margin?: string;
-    width?: string;
-    onEnter?: Function;
-    label?: string;
-    subLabel?: string;
-    tip?: string;
-    maxLength?: number;
-    validationError?: string;
-    disabled?: boolean;
-    inputWidth?: boolean;
-    inputInnerPadding?: string;
-};
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, inputInnerPadding }: InputProps): React.JSX.Element;
+import React from "react";
+export declare enum InputFormats {
+    Price = "Price",
+    Percent = "Percent"
+}
+export type InputProps = {
+    inputRef?: React.Ref<HTMLInputElement>;
+    autoFocus?: boolean | undefined;
+    placeholder?: string;
+    value: string;
+    defaultValue?: string;
+    type?: string;
+    format?: InputFormats;
+    onMouseEnter?: any;
+    onMouseLeave?: any;
+    onChange?: any;
+    onFocus?: any;
+    onBlur?: any;
+    onSubmit?: Function;
+    canSubmit?: boolean;
+    loading?: boolean;
+    margin?: string;
+    width?: string;
+    onEnter?: Function;
+    label?: string;
+    subLabel?: string;
+    tip?: string;
+    maxLength?: number;
+    validationError?: string;
+    disabled?: boolean;
+    inputWidth?: boolean;
+    inputInnerPadding?: string;
+};
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, inputWidth, onEnter, label, subLabel, tip, maxLength, validationError, disabled, inputInnerPadding }: InputProps): React.JSX.Element;

package/build/components/FormattedInput.js

@@ -1,4 +1,4 @@
-import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import { __makeTemplateObject } from '../node_modules/tslib/tslib.es6.js';
 import React, { useState } from 'react';
 import styled from 'styled-components';
 import * as Polished from 'polished';
@@ -10,75 +10,71 @@ import MaxLength from './MaxLength.js';
 import ValidationError from './ValidationError.js';
 import { media } from '../utils/MediaQuery.js';
 
-var InputFormats;
-(function (InputFormats) {
-    InputFormats["Price"] = "Price";
-    InputFormats["Percent"] = "Percent";
-})(InputFormats || (InputFormats = {}));
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (props) { return props.width; });
-var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n  overflow: hidden;\n"], ["\n  margin: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ",
-    ";\n  overflow: hidden;\n"])), function (props) { return props.margin; }, function (props) { return props.width; }, function (props) {
-    if (props.focused)
-        return Colors.Grey4;
-    if (props.hovered)
-        return Polished.darken(0.05, Colors.Grey5);
-    return Colors.Grey5;
-});
-var PriceContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ", ";\n"])), Colors.Grey5);
-var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n  text-align: right;\n\n  ", ";\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n  background-color: ",
-    ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n  text-align: right;\n\n  ",
-    ";\n\n  ",
-    ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (props) {
-    return props.disabled ? Colors.Grey6 + " !important" : null;
-}, function (props) { return (props.disabled ? Colors.Grey4 : Colors.Grey1); }, function (props) { return props.inputWidth ? "90px" : "60px"; }, function (props) { return props.inputInnerPadding ? props.inputInnerPadding : "0 16px"; }, media.mobile(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-size: 1.6rem;\n  "], ["\n    font-size: 1.6rem;\n  "]))), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-size: 1.4rem;\n  "], ["\n    font-size: 1.4rem;\n  "]))), Colors.Grey4);
-var IconText = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ", ";\n"], ["\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ", ";\n"])), Colors.Grey3);
-function Input(_a) {
-    var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, _b = _a.format, format = _b === void 0 ? InputFormats.Price : _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, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, width = _a.width, inputWidth = _a.inputWidth, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e, inputInnerPadding = _a.inputInnerPadding;
-    var _f = useState(false), hovered = _f[0], setHovered = _f[1];
-    var _g = useState(false), focused = _g[0], setFocused = _g[1];
-    var submit = function (event) {
-        event.preventDefault();
-        if (onSubmit && canSubmit && !loading) {
-            onSubmit();
-        }
-        else if (onEnter && !loading) {
-            onEnter();
-        }
-    };
-    return (React.createElement(Container, { width: width },
-        React.createElement(Flex, { justify: "space-between" },
-            label && React.createElement(Label, { text: label, subText: subLabel, tip: tip }),
-            maxLength && React.createElement(MaxLength, { value: value, maxLength: maxLength })),
-        React.createElement(Form, { hovered: hovered, focused: focused, onSubmit: function (event) { return submit(event); }, width: width, margin: margin, noValidate // disables default html5 validation
-            : true, disabled: disabled },
-            format === InputFormats.Price && (React.createElement(PriceContainer, null,
-                React.createElement(Icon, { icon: Icons.Dollar, size: 14, color: Colors.Grey3 }))),
-            React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, inputWidth: inputWidth, inputInnerPadding: inputInnerPadding, 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);
-                } }),
-            format === InputFormats.Percent && (React.createElement(PriceContainer, null,
-                React.createElement(IconText, null, "%")))),
-        validationError && (React.createElement(ValidationError, { validationError: validationError }))));
-}
+var InputFormats;
+(function (InputFormats) {
+    InputFormats["Price"] = "Price";
+    InputFormats["Percent"] = "Percent";
+})(InputFormats || (InputFormats = {}));
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: ", ";\n"], ["\n  width: ", ";\n"])), function (props) { return props.width; });
+var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n  overflow: hidden;\n"], ["\n  margin: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ", ";\n  overflow: hidden;\n"])), function (props) { return props.margin; }, function (props) { return props.width; }, function (props) {
+    if (props.focused)
+        return Colors.Grey4;
+    if (props.hovered)
+        return Polished.darken(0.05, Colors.Grey5);
+    return Colors.Grey5;
+});
+var PriceContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ", ";\n"])), Colors.Grey5);
+var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n  text-align: right;\n\n  ", ";\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n  text-align: right;\n\n  ", ";\n\n  ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n"])), function (props) {
+    return props.disabled ? "".concat(Colors.Grey6, " !important") : null;
+}, function (props) { return (props.disabled ? Colors.Grey4 : Colors.Grey1); }, function (props) { return props.inputWidth ? "90px" : "60px"; }, function (props) { return props.inputInnerPadding ? props.inputInnerPadding : "0 16px"; }, media.mobile(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    font-size: 1.6rem;\n  "], ["\n    font-size: 1.6rem;\n  "]))), media.desktop(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    font-size: 1.4rem;\n  "], ["\n    font-size: 1.4rem;\n  "]))), Colors.Grey4);
+var IconText = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ", ";\n"], ["\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ", ";\n"])), Colors.Grey3);
+function Input(_a) {
+    var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, _b = _a.format, format = _b === void 0 ? InputFormats.Price : _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, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, width = _a.width, inputWidth = _a.inputWidth, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e, inputInnerPadding = _a.inputInnerPadding;
+    var _f = useState(false), hovered = _f[0], setHovered = _f[1];
+    var _g = useState(false), focused = _g[0], setFocused = _g[1];
+    var submit = function (event) {
+        event.preventDefault();
+        if (onSubmit && canSubmit && !loading) {
+            onSubmit();
+        }
+        else if (onEnter && !loading) {
+            onEnter();
+        }
+    };
+    return (React.createElement(Container, { width: width },
+        React.createElement(Flex, { justify: "space-between" },
+            label && React.createElement(Label, { text: label, subText: subLabel, tip: tip }),
+            maxLength && React.createElement(MaxLength, { value: value, maxLength: maxLength })),
+        React.createElement(Form, { hovered: hovered, focused: focused, onSubmit: function (event) { return submit(event); }, width: width, margin: margin, noValidate // disables default html5 validation
+            : true, disabled: disabled },
+            format === InputFormats.Price && (React.createElement(PriceContainer, null,
+                React.createElement(Icon, { icon: Icons.Dollar, size: 14, color: Colors.Grey3 }))),
+            React.createElement(InputStyled, { ref: inputRef, disabled: disabled, autoFocus: autoFocus, placeholder: placeholder, value: value, defaultValue: defaultValue, type: type, inputWidth: inputWidth, inputInnerPadding: inputInnerPadding, 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);
+                } }),
+            format === InputFormats.Percent && (React.createElement(PriceContainer, null,
+                React.createElement(IconText, null, "%")))),
+        validationError && (React.createElement(ValidationError, { validationError: validationError }))));
+}
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 export { InputFormats, Input as default };

package/build/components/FormattedInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormattedInput.js","sources":["../../src/components/FormattedInput.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from '../Colors';\nimport Icon, { Icons } from './Icon';\nimport Label from \"./Label\";\nimport Flex from \"./Flex\"\nimport MaxLength from \"./MaxLength\";\nimport ValidationError from './ValidationError';\nimport { media } from '../utils/MediaQuery';\n\nexport enum InputFormats {\n  Price = 'Price',\n  Percent = 'Percent',\n}\n\ntype ContainerProps = {\n  width?: string;\n}\n\nconst Container = styled.div<ContainerProps>`\n  width: ${(props) => props.width};\n`;\n\ntype FormProps = {\n  hovered: boolean;\n  focused: boolean;\n  width?: string;\n  margin?: string;\n  disabled: boolean;\n};\n\nconst Form = styled.form<FormProps>`\n  margin: ${(props) => props.margin};\n  width: ${(props) => props.width};\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  position: relative;\n  border-radius: 10px;\n  transition: all 0.2s;\n  border: 1px solid\n    ${(props) => {\n      if (props.focused) return Colors.Grey4;\n      if (props.hovered) return Polished.darken(0.05, Colors.Grey5);\n      return Colors.Grey5;\n    }};\n  overflow: hidden;\n`;\n\nconst PriceContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 25px;\n  background-color: ${Colors.Grey5};\n`;\n\ntype StyledInputProps = {\n  disabled: boolean;\n  inputWidth?: boolean;\n  inputInnerPadding?: string;\n};\n\nconst InputStyled = styled.input<StyledInputProps>`\n  background-color: ${(props) =>\n    props.disabled ? `${Colors.Grey6} !important` : null};\n  color: ${(props) => (props.disabled ? Colors.Grey4 : Colors.Grey1)};\n  outline: none;\n  border: 0px;\n  height: 38px;\n  width: ${(props) => props.inputWidth ? \"90px\" : \"60px\"};\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ${(props) => props.inputInnerPadding ? props.inputInnerPadding : \"0 16px\"};\n  text-align: right;\n\n  ${media.mobile`\n    font-size: 1.6rem;\n  `};\n\n  ${media.desktop`\n    font-size: 1.4rem;\n  `};\n\n  ::placeholder {\n    color: ${Colors.Grey4};\n  }\n`;\n\nconst IconText = styled.div`\n  font-size: 1.4rem;\n  font-weight: 600;\n  color: ${Colors.Grey3};\n`;\n\nexport type InputProps = {\n  inputRef?: React.Ref<HTMLInputElement>;\n  autoFocus?: boolean | undefined;\n  placeholder?: string;\n  value: string;\n  defaultValue?: string;\n  type?: string;\n  format?: InputFormats;\n  onMouseEnter?: any;\n  onMouseLeave?: any;\n  onChange?: any;\n  onFocus?: any;\n  onBlur?: any;\n  onSubmit?: Function;\n  canSubmit?: boolean;\n  loading?: boolean;\n  margin?: string;\n  width?: string;\n  onEnter?: Function;\n  label?: string;\n  subLabel?: string;\n  tip?: string;\n  maxLength?: number;\n  validationError?: string;\n  disabled?: boolean;\n  inputWidth?: boolean;\n  inputInnerPadding?:string;\n};\n\nexport default function Input({\n  inputRef,\n  autoFocus,\n  placeholder,\n  value,\n  defaultValue,\n  format = InputFormats.Price,\n  type = \"text\",\n  onMouseEnter,\n  onMouseLeave,\n  onChange,\n  onFocus,\n  onBlur,\n  onSubmit,\n  canSubmit = true,\n  loading,\n  margin,\n  width,\n  inputWidth,\n  onEnter,\n  label,\n  subLabel,\n  tip,\n  maxLength,\n  validationError,\n  disabled = false,\n  inputInnerPadding\n}: InputProps) {\n  const [hovered, setHovered] = useState(false);\n  const [focused, setFocused] = useState(false);\n\n  const submit = (event: any) => {\n    event.preventDefault();\n    if (onSubmit && canSubmit && !loading) {\n      onSubmit();\n    } else if (onEnter && !loading) {\n      onEnter();\n    }\n  };\n\n  return (\n    <Container width={width}>\n      <Flex justify=\"space-between\">\n        {label && <Label text={label} subText={subLabel} tip={tip} />}\n        {maxLength && <MaxLength value={value} maxLength={maxLength} />}\n      </Flex>\n      <Form\n        hovered={hovered}\n        focused={focused}\n        onSubmit={(event) => submit(event)}\n        width={width}\n        margin={margin}\n        noValidate // disables default html5 validation\n        disabled={disabled}\n      >\n        {format === InputFormats.Price && (\n          <PriceContainer>\n            <Icon \n              icon={Icons.Dollar} \n              size={14} \n              color={Colors.Grey3}\n            />\n          </PriceContainer>\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          inputWidth={inputWidth}\n          inputInnerPadding={inputInnerPadding}\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        />\n        {format === InputFormats.Percent && (\n          <PriceContainer>\n            <IconText>\n              %\n            </IconText>\n          </PriceContainer>\n        )}\n      </Form>\n      {validationError && (\n        <ValidationError validationError={validationError} />\n      )}\n    </Container>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"FormattedInput.js","sources":["../../src/components/FormattedInput.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/build/components/FormattedfullInput.d.ts

@@ -1,32 +1,32 @@
-import React from "react";
-export declare enum InputfullFormats {
-    Price = "Price",
-    Percent = "Percent"
-}
-export declare type InputProps = {
-    inputRef?: React.Ref<HTMLInputElement>;
-    autoFocus?: boolean | undefined;
-    placeholder?: string;
-    value: string;
-    defaultValue?: string;
-    type?: string;
-    format?: InputfullFormats;
-    onMouseEnter?: any;
-    onMouseLeave?: any;
-    onChange?: any;
-    onFocus?: any;
-    onBlur?: any;
-    onSubmit?: Function;
-    canSubmit?: boolean;
-    loading?: boolean;
-    margin?: string;
-    width?: string;
-    onEnter?: Function;
-    label?: string;
-    subLabel?: string;
-    tip?: string;
-    maxLength?: number;
-    validationError?: string;
-    disabled?: boolean;
-};
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;
+import React from "react";
+export declare enum InputfullFormats {
+    Price = "Price",
+    Percent = "Percent"
+}
+export type InputProps = {
+    inputRef?: React.Ref<HTMLInputElement>;
+    autoFocus?: boolean | undefined;
+    placeholder?: string;
+    value: string;
+    defaultValue?: string;
+    type?: string;
+    format?: InputfullFormats;
+    onMouseEnter?: any;
+    onMouseLeave?: any;
+    onChange?: any;
+    onFocus?: any;
+    onBlur?: any;
+    onSubmit?: Function;
+    canSubmit?: boolean;
+    loading?: boolean;
+    margin?: string;
+    width?: string;
+    onEnter?: Function;
+    label?: string;
+    subLabel?: string;
+    tip?: string;
+    maxLength?: number;
+    validationError?: string;
+    disabled?: boolean;
+};
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, format, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, canSubmit, loading, margin, width, onEnter, label, subLabel, tip, maxLength, validationError, disabled, }: InputProps): React.JSX.Element;