@sellout/ui 0.0.278 → 0.0.279

package/build/Colors.js

@@ -25,3 +25,4 @@ var Colors;
 })(Colors || (Colors = {}));
 
 export { Colors };
+//# sourceMappingURL=Colors.js.map

package/build/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sources":["../src/Colors.ts"],"sourcesContent":["export enum Colors {\n  White = \"#FFFFFF\",\n  Black = \"#000000\",\n  Yellow = '#FFBA49',\n  // Green = \"#419D78\",\n  Green = '#42BB83',\n  OffWhite = \"#FCFCFC\",\n  LightBlue = \"#39159C\",\n  Blue = \"#2D0E84\",\n  DarkBlue = \"#1D0858\",\n  Red = \"#E63946\",\n  Orange = \"#FF700F\",\n  FadedOrange = '#FFF1E7',\n  LightOrange = \"#FFBE93\",\n  DarkOrange = \"#D65600\",\n  Grey1 = \"#333333\",\n  Grey2 = \"#4F4F4F\",\n  Grey3 = \"#828282\",\n  Grey4 = \"#BDBDBD\",\n  Grey5 = \"#E0E0E0\",\n  Grey6 = \"#F2F2F2\",\n  Grey7 = \"#F8F8F8\",\n  Purple = \"#040436\",\n}\n"],"names":[],"mappings":"IAAY,OAuBX;AAvBD,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;;AAElB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,WAAA,CAAA,GAAA,SAAqB,CAAA;AACrB,IAAA,MAAA,CAAA,MAAA,CAAA,GAAA,SAAgB,CAAA;AAChB,IAAA,MAAA,CAAA,UAAA,CAAA,GAAA,SAAoB,CAAA;AACpB,IAAA,MAAA,CAAA,KAAA,CAAA,GAAA,SAAe,CAAA;AACf,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AAClB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,aAAA,CAAA,GAAA,SAAuB,CAAA;AACvB,IAAA,MAAA,CAAA,YAAA,CAAA,GAAA,SAAsB,CAAA;AACtB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,OAAA,CAAA,GAAA,SAAiB,CAAA;AACjB,IAAA,MAAA,CAAA,QAAA,CAAA,GAAA,SAAkB,CAAA;AACpB,CAAC,EAvBW,MAAM,KAAN,MAAM,GAuBjB,EAAA,CAAA,CAAA;;;;"}

package/build/_virtual/_tslib.js

@@ -1,16 +1,16 @@
 /*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
+Copyright (c) Microsoft Corporation.
 
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
 
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
 var __assign = function() {
@@ -37,10 +37,11 @@ function __rest(s, e) {
 }
 
 function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
         function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
         function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 }
@@ -86,3 +87,4 @@ function __makeTemplateObject(cooked, raw) {
 }
 
 export { __assign, __awaiter, __generator, __makeTemplateObject, __rest, __spreadArrays };
+//# sourceMappingURL=_tslib.js.map

package/build/_virtual/_tslib.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/components/AddressSearchDropdown.js

@@ -1,9 +1,9 @@
-import { __awaiter, __makeTemplateObject, __generator } from '../_virtual/_tslib.js';
+import { __makeTemplateObject, __awaiter, __generator } from '../_virtual/_tslib.js';
 import React from 'react';
-import styled from 'styled-components';
-import { IconEnum } from './Icons.js';
 import usePlacesAutocomplete, { getGeocode } from 'use-places-autocomplete';
+import styled from 'styled-components';
 import SearchDropdown, { SearchDropdownTypes } from './SearchDropdown.js';
+import { IconEnum } from './Icons.js';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  z-index: 100000;\n"], ["\n  width: 100%;\n  z-index: 100000;\n"])));
 function AddressSearchDropdown(_a) {
@@ -107,4 +107,5 @@ function AddressSearchDropdown(_a) {
 }
 var templateObject_1;
 
-export default AddressSearchDropdown;
+export { AddressSearchDropdown as default };
+//# sourceMappingURL=AddressSearchDropdown.js.map

package/build/components/AddressSearchDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressSearchDropdown.js","sources":["../../src/components/AddressSearchDropdown.tsx"],"sourcesContent":["import React from \"react\";\r\nimport usePlacesAutocomplete, { getGeocode } from \"use-places-autocomplete\";\r\nimport styled from \"styled-components\";\r\nimport SearchDropdown, { SearchDropdownTypes } from \"./SearchDropdown\";\r\nimport { IconEnum } from \"./Icons\";\r\n\r\ninterface IAddress {\r\n  address1?: string;\r\n  address2?: string;\r\n  city?: string;\r\n  state?: string;\r\n  zip?: string;\r\n  country?: string;\r\n  phone?: string;\r\n  lat?: number | null;\r\n  lng?: number | null;\r\n  placeId?: string;\r\n  placeName?: string;\r\n  timezone?: string;\r\n}\r\n\r\ninterface ISearchDropdownItem {\r\n  text: string;\r\n  value: any;\r\n}\r\n\r\nconst Container = styled.div`\r\n  width: 100%;\r\n  z-index: 100000;\r\n`;\r\n\r\nexport type AddressSearchDropdownProps = {\r\n  value: IAddress;\r\n  onChange: (address: IAddress) => void;\r\n  width?: string;\r\n  label?: string;\r\n  tip?: string;\r\n};\r\n\r\nexport default function AddressSearchDropdown({\r\n  value,\r\n  onChange,\r\n  width,\r\n  label,\r\n  tip,\r\n}: AddressSearchDropdownProps) {\r\n  /* Hooks */\r\n  let {\r\n    value: innerValue,\r\n    suggestions: { data },\r\n    setValue,\r\n  } = usePlacesAutocomplete({\r\n    requestOptions: {\r\n      componentRestrictions: { country: \"us\" },\r\n    },\r\n    debounce: 300,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    let placeName = value?.placeName ? value?.placeName : \"\";\r\n    setValue(placeName);\r\n    innerValue = placeName;\r\n  }, []);\r\n\r\n  const selectAddress = React.useCallback(\r\n    (address) => {\r\n      console.log(address, \"address\");\r\n\r\n      setValue(address);\r\n      const doEffect = async () => {\r\n        try {\r\n          const [result] = await getGeocode({\r\n            address,\r\n          });\r\n          const {\r\n            geometry: { location },\r\n          } = result;\r\n\r\n          console.log(result);\r\n          const addressObject = {\r\n            address1: \"\",\r\n            address2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zip: \"\",\r\n            country: \"\",\r\n            lat: location.lat(),\r\n            lng: location.lng(),\r\n            placeId: result.place_id,\r\n            placeName: address,\r\n          };\r\n          result.address_components.forEach((ac: any) => {\r\n            if (ac.types.includes(\"street_number\")) {\r\n              addressObject.address1 = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"route\")) {\r\n              addressObject.address1 = `${addressObject.address1} ${ac.short_name}`;\r\n            }\r\n            if (ac.types.includes(\"subpremise\")) {\r\n              addressObject.address2 = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"locality\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.city = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"administrative_area_level_1\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.state = ac.short_name;\r\n            }\r\n            if (\r\n              ac.types.includes(\"country\") &&\r\n              ac.types.includes(\"political\")\r\n            ) {\r\n              addressObject.country = ac.short_name;\r\n            }\r\n            if (ac.types.includes(\"postal_code\")) {\r\n              addressObject.zip = ac.short_name;\r\n            }\r\n          });\r\n\r\n\r\n          console.log(addressObject,\"addressObject\")\r\n          onChange(addressObject);\r\n        } catch (e) {\r\n          // HANDLE ERROR\r\n          console.error(e);\r\n        }\r\n      };\r\n      doEffect();\r\n    },\r\n    [onChange, setValue]\r\n  );\r\n\r\n  React.useEffect(() => {\r\n    let intialAddress: IAddress = {};\r\n    if (!innerValue) onChange(intialAddress);\r\n  }, [innerValue]);\r\n\r\n  /* Render */\r\n  let items: ISearchDropdownItem[] = [];\r\n\r\n  if (data.length) {\r\n    items = data.map(\r\n      (suggestion): ISearchDropdownItem => ({\r\n        text: suggestion.description,\r\n        value: suggestion.description,\r\n      })\r\n    );\r\n  }\r\n\r\n  return (\r\n    <Container>\r\n      <SearchDropdown\r\n        type={SearchDropdownTypes.SingleSelect}\r\n        icon={IconEnum.MapPinLight}\r\n        onChange={selectAddress}\r\n        value={innerValue}\r\n        searchQuery={innerValue}\r\n        setSearchQuery={setValue}\r\n        placeholder=\"Search for an address\"\r\n        items={items}\r\n        width={width}\r\n        label={label}\r\n        tip={tip}\r\n      />\r\n    </Container>\r\n  );\r\n}\r\n"],"names":[],"mappings":"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"}

package/build/components/Button.js

@@ -1,8 +1,8 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
-import { lighten, darken } from 'polished';
+import * as Polished from 'polished';
+import { Colors } from '../Colors.js';
 import Icon from './Icon.js';
 import Loader, { LoaderSizes } from './Loader.js';
 
@@ -93,7 +93,7 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     if (props.state === ButtonStates.Warning) {
         return Colors.White;
     }
-    return lighten(0.025, props.bgColor || Colors.Orange);
+    return Polished.lighten(0.025, props.bgColor || Colors.Orange);
 }, function (props) {
     if (props.state === ButtonStates.Disabled) {
         return null;
@@ -106,7 +106,7 @@ var StyledButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemp
     if (props.state === ButtonStates.Warning) {
         return Colors.White;
     }
-    return darken(0.025, props.bgColor || Colors.Orange);
+    return Polished.darken(0.025, props.bgColor || Colors.Orange);
 });
 var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  font-size: ", ";\n  font-weight: ", ";\n  text-transform: uppercase;\n  margin: ", ";\n  color: ", ";\n  top: ", ";\n"], ["\n  position: relative;\n  font-size: ",
     ";\n  font-weight: ",
@@ -210,5 +210,5 @@ function Button(_a) {
 }
 var templateObject_1, templateObject_2;
 
-export default Button;
-export { ButtonIconPosition, ButtonStates, ButtonTypes };
+export { ButtonIconPosition, ButtonStates, ButtonTypes, Button as default };
+//# sourceMappingURL=Button.js.map

package/build/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\n// import Label from \"../../../../backstage/src/elements/Label\";\nimport { Colors } from \"../Colors\";\nimport Icon from \"./Icon\";\nimport Loader, { LoaderSizes } from \"./Loader\";\n\nexport enum ButtonTypes {\n  Next = \"Next\",\n  Regular = \"Regular\",\n  Thin = \"Thin\",\n}\n\nexport enum ButtonStates {\n  Active = \"Active\",\n  Warning = \"Warning\",\n  Disabled = \"Disabled\",\n}\n\nexport enum ButtonIconPosition {\n  Left = \"Left\",\n  Right = \"Right\",\n}\n\ntype StyledButtonProps = {\n  type: string;\n  state: string;\n  bgColor?: Colors;\n  onClick?: any;\n  margin?: string;\n};\n\nconst StyledButton = styled.div<StyledButtonProps>`\n  position: relative;\n  height: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"48px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"40px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.state === ButtonStates.Warning) {\n        return \"30px\";\n      }\n\n      return \"30px\";\n    }\n\n    return null;\n  }};\n  width: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"100%\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"fit-content\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"fit-content\";\n    }\n\n    return null;\n  }};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  white-space: nowrap;\n  box-sizing: border-box;\n  text-align: center;\n  border-radius: 10px;\n  transition: all 0.2s;\n  margin: ${(props) => (Boolean(props.margin) ? props.margin : \"0px\")};\n  padding: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"0px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"0 25px\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"0 15px\";\n    }\n\n    return null;\n  }};\n  background-color: ${(props) => {\n    if (props.state === ButtonStates.Disabled) {\n      return Colors.Grey6;\n    }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.White;\n    }\n\n    return props.bgColor || Colors.Orange;\n  }};\n  border: ${(props) => {\n    if (props.state === ButtonStates.Warning) {\n      return `1px solid ${Colors.Grey5}`;\n    }\n\n    return null;\n  }};\n\n  &:hover {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.lighten(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n\n  &:active {\n    cursor: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return null;\n      }\n\n      return props.onClick ? \"pointer\" : null;\n    }};\n    background-color: ${(props) => {\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey6;\n      }\n\n      if (props.state === ButtonStates.Warning) {\n        return Colors.White;\n      }\n\n      return Polished.darken(0.025, props.bgColor || Colors.Orange);\n    }};\n  }\n`;\n\ntype TextProps = {\n  type: string;\n  state: string;\n  icon: boolean;\n  iconPosition?: ButtonIconPosition;\n  textColor?: Colors;\n};\n\nconst Text = styled.span<TextProps>`\n  position: relative;\n  font-size: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.4rem\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"1.2rem\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"1.2rem\";\n    }\n\n    return null;\n  }};\n  font-weight: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      return \"600\";\n      // return \"700\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      return \"600\";\n    }\n\n    return null;\n  }};\n  text-transform: uppercase;\n  margin: ${(props) => {\n    if (props.type === ButtonTypes.Next) {\n      return \"0 10px\";\n    }\n\n    if (props.type === ButtonTypes.Regular) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 10px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 10px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    if (props.type === ButtonTypes.Thin) {\n      if (props.iconPosition === ButtonIconPosition.Left) {\n        return \"0 0 0 7px\";\n      }\n\n      if (props.iconPosition === ButtonIconPosition.Right) {\n        return \"0 7px 0 0\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n  color: ${(props: any) => {\n    if (props.state)\n      if (props.state === ButtonStates.Disabled) {\n        return Colors.Grey5;\n      }\n\n    if (props.state === ButtonStates.Warning) {\n      return Colors.Grey3;\n    }\n\n    return props.textColor || Colors.White;\n  }};\n  top: ${(props) => {\n    if (props.type === ButtonTypes.Thin) {\n      if (props.icon) {\n        return \"-1px\";\n      }\n\n      return \"0\";\n    }\n\n    return null;\n  }};\n`;\n\nexport type ButtonProps = {\n  type?: ButtonTypes;\n  state?: ButtonStates;\n  bgColor?: Colors;\n  textColor?: Colors;\n  text?: string;\n  onClick?: any;\n  icon?: any;\n  iconPosition?: ButtonIconPosition;\n  iconSize?: number;\n  margin?: string;\n  loading?: boolean;\n  label?: string;\n  tip?: string;\n  subLabel?: string;\n};\n\nexport default function Button({\n  type = ButtonTypes.Next,\n  state = ButtonStates.Active,\n  bgColor,\n  textColor,\n  text,\n  onClick = () => {},\n  icon,\n  iconPosition,\n  iconSize = 14,\n  // label,\n  // tip,\n  // subLabel,\n  margin,\n  loading = false,\n}: ButtonProps) {\n  const iconColor: Colors =\n    state === ButtonStates.Disabled ? Colors.Grey3 : Colors.White;\n\n  if (icon && !iconPosition) iconPosition = ButtonIconPosition.Left;\n\n  const iconEl = (\n    <Icon\n      icon={icon}\n      color={iconColor}\n      size={iconSize}\n      top={iconSize < 14 ? \"-1px\" : undefined}\n    />\n  );\n\n  const click =\n    loading || state === ButtonStates.Disabled ? null : () => onClick();\n\n  return (\n    <>\n      {/* {label && <Label text={label} subText={subLabel} tip={tip} />} */}\n      <StyledButton\n        type={type}\n        state={state}\n        onClick={click}\n        margin={margin}\n        bgColor={bgColor}\n      >\n        {(() => {\n          return (\n            <Fragment>\n              {(() => {\n                if (loading) {\n                  return (\n                    <Fragment>\n                      <Loader size={LoaderSizes.VerySmall} color={iconColor} />\n                      {/* <Text \n                      type={type} \n                      state={state} \n                      icon={true}\n                    >\n                      Loading...\n                    </Text> */}\n                    </Fragment>\n                  );\n                }\n\n                return (\n                  <Fragment>\n                    {icon && iconPosition === ButtonIconPosition.Left && iconEl}\n                    {text && (\n                      <Text\n                        type={type}\n                        state={state}\n                        icon={Boolean(icon)}\n                        iconPosition={iconPosition}\n                        textColor={textColor}\n                      >\n                        {text}\n                      </Text>\n                    )}\n                    {icon &&\n                      iconPosition === ButtonIconPosition.Right &&\n                      iconEl}\n                  </Fragment>\n                );\n              })()}\n            </Fragment>\n          );\n        })()}\n      </StyledButton>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/build/components/CodeInput.js

@@ -1,7 +1,7 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject, __spreadArrays } from '../_virtual/_tslib.js';
 import React, { useState, useEffect } from 'react';
 import styled from 'styled-components';
+import { Colors } from '../Colors.js';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n  margin: ", ";\n"], [" \n  margin: ", ";\n"])), function (props) { return props.margin; });
 var Input = styled.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  border: 2px solid ", ";\n  height: 70px;\n  width: 55px;\n  border-radius: 10px;\n  background-color: white;\n  transition: all 0.1s;\n  margin-right: 10px;\n  outline: 0px;\n  font-size: 24px;\n  text-align: center;\n  padding: 0px;\n  box-shadow: none;\n  -moz-appearance: textfield;\n\n  &:focus {\n    border: 2px solid ", ";\n  }\n\n  &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n"], ["\n  border: 2px solid ", ";\n  height: 70px;\n  width: 55px;\n  border-radius: 10px;\n  background-color: white;\n  transition: all 0.1s;\n  margin-right: 10px;\n  outline: 0px;\n  font-size: 24px;\n  text-align: center;\n  padding: 0px;\n  box-shadow: none;\n  -moz-appearance: textfield;\n\n  &:focus {\n    border: 2px solid ", ";\n  }\n\n  &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n"])), Colors.Grey5, Colors.Grey1);
@@ -86,4 +86,5 @@ var CodeInput = function (_a) {
 };
 var templateObject_1, templateObject_2;
 
-export default CodeInput;
+export { CodeInput as default };
+//# sourceMappingURL=CodeInput.js.map

package/build/components/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.js","sources":["../../src/components/CodeInput.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { Colors } from '../Colors';\n\ntype ContainerProps = {\n  margin?: string;\n}\nconst Container = styled.div<ContainerProps>` \n  margin: ${props => props.margin};\n`;\n\nconst Input = styled.input`\n  border: 2px solid ${Colors.Grey5};\n  height: 70px;\n  width: 55px;\n  border-radius: 10px;\n  background-color: white;\n  transition: all 0.1s;\n  margin-right: 10px;\n  outline: 0px;\n  font-size: 24px;\n  text-align: center;\n  padding: 0px;\n  box-shadow: none;\n  -moz-appearance: textfield;\n\n  &:focus {\n    border: 2px solid ${Colors.Grey1};\n  }\n\n  &::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n`;\n\ntype CodeInputProps = {\n  length: number;\n  onChange: Function;\n  onComplete: Function;\n  resetCode?: boolean;\n}\nconst CodeInput: React.FC<CodeInputProps> = ({\n  onChange,\n  onComplete,\n  length = 4,\n  resetCode = false\n}) => {\n  const [value, setValue] = useState<Array<string>>(new Array(length).fill(''));\n  useEffect(() => {\n    if (resetCode) {\n      setValue(new Array(length).fill(''))\n    }\n  }, [resetCode]);\n\n  const inputs: any[] = [];\n\n\n\n  const change = (valueAt: any, index: any) => {\n    const currentValue = [...value];\n    if (valueAt.length > 1) {\n      valueAt = valueAt.substring(1);\n    }\n    // Single Character Press\n    if (valueAt.length === 1) {\n      currentValue[index] = valueAt;\n      setValue(currentValue);\n      if (inputs[index + 1]) {\n        inputs[index + 1].focus();\n      }\n    } else if (valueAt.length === length) { //code pasted\n      setValue(valueAt.split(''));\n      onComplete(valueAt);\n      if (inputs[index + 1]) {\n        inputs[index + 1].focus();\n      }\n    } else if (valueAt.length > 0 && valueAt.length < length) { // More than 1 character, less than the total number required\n     \n      change(valueAt.charAt(valueAt.length - 1), index);\n    }\n\n    if (index + 1 === length) {\n      onComplete(currentValue.join(''));\n    }\n  }\n\n  useEffect(() => {\n    onChange && onChange(value)\n  }, [value])\n\n  const renderInput = (index: any) => {\n    const curValue = value[index];\n    return (\n      <Input\n        key={index}\n        autoFocus={index === 0}\n        value={curValue}\n        type=\"number\"\n        pattern=\"\\d*\"\n        ref={(ref) => inputs[index] = ref}\n        onChange={(event) => {\n          onChange();\n          change(event.target.value, index);\n        }}\n        onKeyDown={(event) => {\n          if (event.keyCode === 8 || event.keyCode === 46) { // handle backspace or delete\n            event.preventDefault();\n            const currentValue = [...value];\n            currentValue[index] = '';\n            setValue(currentValue);\n            if (index !== 0) {\n              inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 37) { // navigate left with left arrow key\n            event.preventDefault();\n            if (index !== 0) {\n              inputs[index - 1].focus();\n            }\n          } else if (event.keyCode === 39) { // navigate right with right arrow key\n            event.preventDefault();\n            if (index !== value.length - 1) {\n              inputs[index + 1].focus();\n            }\n          } else if ( // prohibit weird behavior when up, down, +, or - are pressed\n            event.keyCode === 38\n            || event.keyCode === 40\n            || event.keyCode === 107\n            || event.keyCode === 109) {\n            event.preventDefault();\n          }\n        }}\n      />\n    );\n  }\n\n  return (\n    <Container>\n      {value.map((_, index) => {\n        return renderInput(index);\n      })}\n    </Container>\n  );\n}\n\nexport default CodeInput;\n"],"names":[],"mappings":"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"}

package/build/components/Counter.js

@@ -1,15 +1,15 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { Fragment } from 'react';
 import styled from 'styled-components';
-import { lighten } from 'polished';
+import * as Polished from 'polished';
+import { Colors } from '../Colors.js';
 import Icon, { Icons } from './Icon.js';
 
 // Fixed issue SELLOUT-24
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  min-height: 42px;\n  /* background-color: red; */\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  min-height: 42px;\n  /* background-color: red; */\n"])));
 var IconContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: ", ";\n  flex: 1;\n  /* background-color: blue; */\n  height: 100%;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  .svg-inline--fa {\n    color: ", " !important;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: ", ";\n  flex: 1;\n  /* background-color: blue; */\n  height: 100%;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  .svg-inline--fa {\n    color: ",
     " !important;\n  }\n"])), function (props) { return props.justify; }, function (props) { return (props.active ? "pointer" : null); }, function (props) {
-    return props.active ? lighten(0.025, Colors.Orange) : null;
+    return props.active ? Polished.lighten(0.025, Colors.Orange) : null;
 });
 var Value = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 2.4rem;\n  color: ", ";\n  min-width: 20px;\n  text-align: center;\n"], ["\n  font-size: 2.4rem;\n  color: ", ";\n  min-width: 20px;\n  text-align: center;\n"])), Colors.Grey1);
 function Counter(_a) {
@@ -26,4 +26,5 @@ function Counter(_a) {
 }
 var templateObject_1, templateObject_2, templateObject_3;
 
-export default Counter;
+export { Counter as default };
+//# sourceMappingURL=Counter.js.map

package/build/components/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.js","sources":["../../src/components/Counter.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport styled from \"styled-components\";\nimport * as Polished from \"polished\";\nimport { Colors } from \"../Colors\";\nimport Icon, { Icons } from \"./Icon\";\n\n// Fixed issue SELLOUT-24\nconst Container = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: auto;\n  min-height: 42px;\n  /* background-color: red; */\n`;\n\ntype IconContainerProps = {\n  active: boolean;\n  justify: string;\n}\n\nconst IconContainer = styled.div<IconContainerProps>`\n  display: flex;\n  align-items: center;\n  justify-content: ${props => props.justify};\n  flex: 1;\n  /* background-color: blue; */\n  height: 100%;\n\n  &:hover {\n    cursor: ${props => (props.active ? \"pointer\" : null)};\n  }\n\n  .svg-inline--fa {\n    color: ${props =>\n      props.active ? Polished.lighten(0.025, Colors.Orange) : null} !important;\n  }\n`;\n\nconst Value = styled.div`\n  font-size: 2.4rem;\n  color: ${Colors.Grey1};\n  min-width: 20px;\n  text-align: center;\n`;\n\nexport type CounterProps = {\n value: number,\n maxValue?: number,\n minValue: number,\n onIncrement: Function,\n onDecrement: Function,\n};\n\nexport default function Counter({\n  value,\n  maxValue,\n  minValue = 0,\n  onIncrement,\n  onDecrement, \n}: CounterProps) {\n\n  const canDecrement = value > minValue;\n  const canIncrement = Boolean(!Boolean(maxValue) || (maxValue && value < maxValue));\n\n  return (\n    <Container>\n      {value > 0 && (\n        <Fragment>\n          <IconContainer\n            active={canDecrement}\n            onClick={() => (canDecrement ? onDecrement() : null)}\n            justify=\"flex-start\"\n          >\n            <Icon\n              icon={Icons.MinusCircleLight}\n              color={canDecrement ? Colors.Orange : Colors.Grey5}\n              size={24}\n            />\n          </IconContainer>\n          <Value>{value}</Value>\n        </Fragment>\n      )}\n      <IconContainer\n        active={canIncrement}\n        onClick={() => (canIncrement ? onIncrement() : null)}\n        justify=\"flex-end\"\n      >\n        <Icon\n          icon={Icons.PlusCircleLight}\n          color={canIncrement ? Colors.Orange : Colors.Grey5}\n          size={24}\n        />\n      </IconContainer>\n    </Container>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAMA;AACA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,6KAAA,CAAA,EAAA,CAAA,6KAQ3B,IAAA,CAAC;AAOF,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,ySAAoB,iEAG/B,EAAsB,8FAM7B,EAA0C,4CAI3C;AACqD,IAAA,qBAEjE,CAboB,CAAA,CAAA,EAAA,UAAA,KAAK,EAAA,EAAI,OAAA,KAAK,CAAC,OAAO,CAAA,EAAA,EAM7B,UAAA,KAAK,IAAI,QAAC,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,EAAC,EAAA,EAI3C,UAAA,KAAK,EAAA;AACZ,IAAA,OAAA,KAAK,CAAC,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,IAAI,CAAA;AAA5D,CAA4D,CAEjE,CAAC;AAEF,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,mCAAA,EAAA,gDAAA,CAAA,EAAA,CAAA,mCAEb,EAAY,gDAGtB,CAHU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CAGtB,CAAC;AAUsB,SAAA,OAAO,CAAC,EAMjB,EAAA;AALb,IAAA,IAAA,KAAK,WAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,gBAAY,EAAZ,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,KAAA,EACZ,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA;AAGX,IAAA,IAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,CAAC;AACtC,IAAA,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;IAEnF,QACE,oBAAC,SAAS,EAAA,IAAA;AACP,QAAA,KAAK,GAAG,CAAC,KACR,oBAAC,QAAQ,EAAA,IAAA;YACP,KAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,YAAA,EAAM,QAAC,YAAY,GAAG,WAAW,EAAE,GAAG,IAAI,EAAC,EAAA,EACpD,OAAO,EAAC,YAAY,EAAA;AAEpB,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,KAAK,CAAC,gBAAgB,EAC5B,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAClD,IAAI,EAAE,EAAE,EAAA,CACR,CACY;AAChB,YAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,IAAA,EAAE,KAAK,CAAS,CACb,CACZ;QACD,KAAC,CAAA,aAAA,CAAA,aAAa,EACZ,EAAA,MAAM,EAAE,YAAY,EACpB,OAAO,EAAE,YAAA,EAAM,QAAC,YAAY,GAAG,WAAW,EAAE,GAAG,IAAI,EAAC,EAAA,EACpD,OAAO,EAAC,UAAU,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,KAAK,CAAC,eAAe,EAC3B,KAAK,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,EAClD,IAAI,EAAE,EAAE,EAAA,CACR,CACY,CACN,EACZ;AACJ,CAAC;;;;;"}

package/build/components/Dropdown.js

@@ -1,11 +1,11 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
 import styled from 'styled-components';
-import { darken } from 'polished';
+import { Colors } from '../Colors.js';
 import Icon, { Icons } from './Icon.js';
 import Label from './Label.js';
 import Flex from './Flex.js';
+import * as Polished from 'polished';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  height: ", ";\n  width: ", ";\n"], ["\n  position: relative;\n  height: ",
     ";\n  width: ", ";\n"])), function (props) {
@@ -14,7 +14,7 @@ var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplat
 var FieldContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  max-height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ", ";\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    border: 1px solid ", ";\n  }\n"], ["\n  position: absolute;\n  max-height: ", ";\n  width: ", ";\n  background-color: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  border-radius: 8px;\n  transition: all 0.2s;\n  z-index: ", ";\n  box-shadow: ",
     ";\n  overflow: hidden;\n  outline: none;\n\n  &:hover {\n    cursor: pointer;\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    border: 1px solid ", ";\n  }\n"])), function (props) { return (props.open ? props.height : "38px"); }, function (props) { return props.width; }, Colors.White, Colors.Grey5, function (props) { return (props.open ? 100 : 0); }, function (props) {
     return props.open ? "0px 4px 16px rgba(0, 0, 0, 0.05)" : "";
-}, darken(0.05, Colors.Grey5), Colors.Grey4);
+}, Polished.darken(0.05, Colors.Grey5), Colors.Grey4);
 var TopRow = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: 38px;\n  padding: 0 15px;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: 38px;\n  padding: 0 15px;\n"])));
 var Value = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  margin-right: 10px;\n  white-space: nowrap;\n"], ["\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ", ";\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  margin-right: 10px;\n  white-space: nowrap;\n"])), Colors.Grey1);
 var ItemsContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n"], ["\n  position: relative;\n  max-height: ", ";\n  overflow: ", ";\n"])), function (props) { return (props.open ? props.height : "0px"); }, function (props) { return (props.open ? "scroll" : "hidden"); });
@@ -48,5 +48,5 @@ var Dropdown = function (_a) {
 };
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
 
-export default Dropdown;
-export { DropdownTypes };
+export { DropdownTypes, Dropdown as default };
+//# sourceMappingURL=Dropdown.js.map

package/build/components/Dropdown.js.map

@@ -0,0 +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};\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\ntype FieldContainerProps = {\n  open: boolean;\n  width: string;\n  height: string;\n};\n\nconst FieldContainer = styled.div<FieldContainerProps>`\n  position: absolute;\n  max-height: ${(props) => (props.open ? props.height : \"38px\")};\n  width: ${(props) => props.width};\n  background-color: ${Colors.White};\n  border: 1px solid ${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`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  height: 38px;\n  padding: 0 15px;\n`;\n\nconst Value = styled.div`\n  font-size: 1.4rem;\n  font-weight: 500;\n  color: ${Colors.Grey1};\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  margin-right: 10px;\n  white-space: 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 ? \"scroll\" : \"hidden\")};\n`;\n\ntype ItemProps = {\n  selected: boolean;\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.selected ? Colors.Grey7 : Colors.White};\n  font-size: 1.2rem;\n  color: ${Colors.Grey1};\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${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?: string;\n  tip?: string;\n  icon?: React.ReactNode;\n  height?: 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}) => {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Container width={width} open={open} height={height}>\n      {label && <Label text={label} tip={tip} />}\n      <FieldContainer\n        tabIndex={1}\n        open={open}\n         height={items?.length > 4 ? \"130px\" : `${items?.length * 30 + 43}px`}\n        width={width}\n        onClick={() => setOpen(!open)}\n        onBlur={() => setOpen(false)}\n      >\n        <TopRow>\n          <Flex align=\"center\">\n            {icon && icon}\n            <Value>{value}</Value>\n          </Flex>\n          <Icon icon={Icons.Sort} size={12} color={Colors.Grey1} />\n        </TopRow>\n        <ItemsContainer\n          open={open}\n          height={items?.length > 3 ? \"90px\" : `${items?.length * 30}px`}\n        >\n          {items?.map((item, index) => {\n            return (\n              <Item\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":";;;;;;;;;AAcA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,+HAAgB,qCAEhC;AACoD,IAAA,cACrD,EAAsB,KAChC,CAHW,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA;IACd,OAAA,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,IAAI,MAAM,CAAA;AAA5D,CAA4D,EACrD,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,CAChC,CAAC;AAQF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,0cAAqB,yCAEtC,EAA+C,cACpD,EAAsB,yBACX,EAAY,yBACZ,EAAY,2FAIrB,EAAiC,mBAC9B;AACwC,IAAA,uGAMhC,EAAmC,+CAInC,EAAY,UAEnC,CArBe,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,EAAnC,EAAoC,EACpD,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,CAAA,EAAA,EACX,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,KAAK,EAIrB,UAAC,KAAK,IAAK,QAAC,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,EAAC,EAAA,EAC9B,UAAC,KAAK,EAAA;IAClB,OAAA,KAAK,CAAC,IAAI,GAAG,kCAAkC,GAAG,EAAE,CAAA;AAApD,CAAoD,EAMhC,QAAQ,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,EAInC,MAAM,CAAC,KAAK,CAEnC,CAAC;AAEF,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,8IAAA,CAAA,EAAA,CAAA,8IAOxB,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,wDAAA,EAAA,oIAAA,CAAA,EAAA,CAAA,wDAGb,EAAY,oIAKtB,CALU,CAAA,CAAA,EAAA,MAAM,CAAC,KAAK,CAKtB,CAAC;AAOF,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sIAAqB,yCAEtC,EAA8C,iBAChD,EAA6C,KAC1D,CAAA,CAAA,CAAA,EAFe,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,EAAC,EAAA,EAChD,UAAC,KAAK,EAAA,EAAK,QAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,GAAG,QAAQ,EAAC,EAAA,CAC1D,CAAC;AAMF,IAAM,IAAI,GAAG,MAAM,CAAC,GAAG,8UAAW,8HAMZ;AAC0B,IAAA,oCAErC,EAAY,yFAKC,EAAY,UAEnC,CAAA,CAAA,CAAA,EAVqB,UAAC,KAAK,EAAA;AACxB,IAAA,OAAA,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;AAA5C,CAA4C,EAErC,MAAM,CAAC,KAAK,EAKC,MAAM,CAAC,KAAK,CAEnC,CAAC;IASU,cAGX;AAHD,CAAA,UAAY,aAAa,EAAA;AACvB,IAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnB,IAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,GAGxB,EAAA,CAAA,CAAA,CAAA;AAeK,IAAA,QAAQ,GAA4B,UAAC,EAU1C,EAAA;;;AARC,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAA,GAAA,EAAA,CAAA,KAAc,EAAd,KAAK,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACd,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAe,GAAA,EAAA,CAAA,MAAA,EAAf,MAAM,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,CAAA;AAET,IAAA,IAAA,EAAkB,GAAA,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAtC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,QAAyB,CAAC;AAE9C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAA;QAChD,KAAK,IAAI,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAI,CAAA;AAC1C,QAAA,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACb,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,IAAI,EACT,MAAM,EAAE,CAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC,GAAG,OAAO,GAAM,CAAA,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,MAAM,IAAG,EAAE,GAAG,EAAE,GAAI,IAAA,EACrE,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,CAAd,EAAc,EAC7B,MAAM,EAAE,YAAM,EAAA,OAAA,OAAO,CAAC,KAAK,CAAC,GAAA,EAAA;AAE5B,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,IAAA;AACL,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAA;AACjB,oBAAA,IAAI,IAAI,IAAI;AACb,oBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,IAAA,EAAE,KAAK,CAAS,CACjB;AACP,gBAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAClD;YACT,KAAC,CAAA,aAAA,CAAA,cAAc,IACb,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,MAAM,IAAG,CAAC,GAAG,MAAM,GAAM,CAAA,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,MAAM,IAAG,EAAE,GAAI,IAAA,EAAA,EAE7D,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,EAAA;gBACtB,QACE,oBAAC,IAAI,EAAA,EACH,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,YAAM,EAAA,OAAA,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,EAAA,EAAA;AAElC,oBAAA,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;AACtB,oBAAA,IAAI,CAAC,IAAI,CACL,EACP;AACJ,aAAC,CACc,CAAA,CACF,CACP,EACZ;AACJ,EAAE;;;;;"}

package/build/components/Flex.js

@@ -9,4 +9,5 @@ var Flex = function (_a) {
 };
 var templateObject_1;
 
-export default Flex;
+export { Flex as default };
+//# sourceMappingURL=Flex.js.map

package/build/components/Flex.js.map

@@ -0,0 +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};\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`;\n\nconst Flex: React.FC<FlexProps> = ({ \n  children,\n  direction = 'row',\n  justify = '',\n  align = '',\n  padding = '',\n  margin = '',\n  flex = '',\n  height = '',\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    >\n      {children}\n    </Container>\n  );\n};\n\nexport default Flex;\n"],"names":[],"mappings":";;;;AAaA,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,KAAA,CAAA,EAAA,CAAA,wCAEnB,EAA0B,wBACzB,EAAwB,oBAC5B,EAAsB,gBAC1B,EAAwB,eACzB,EAAuB,aACzB,EAAqB,eACnB,EAAuB,KAClC,CAAA,CAAA,CAAA,EAPmB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,SAAS,CAAf,EAAe,EACzB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,OAAO,CAAA,EAAA,EAC5B,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,KAAK,GAAA,EAC1B,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,OAAO,CAAb,EAAa,EACzB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,CAAA,EAAA,EACzB,UAAC,KAAK,EAAK,EAAA,OAAA,KAAK,CAAC,IAAI,GAAA,EACnB,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,MAAM,CAAZ,EAAY,CAClC,CAAC;AAEI,IAAA,IAAI,GAAwB,UAAC,EASjC,EAAA;QARA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAiB,GAAA,EAAA,CAAA,SAAA,EAAjB,SAAS,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAA,EAAA,EACjB,EAAY,GAAA,EAAA,CAAA,OAAA,EAAZ,OAAO,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,KAAA,EACZ,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAA,GAAA,EAAA,CAAA,OAAY,EAAZ,OAAO,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACZ,cAAW,EAAX,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACX,YAAS,EAAT,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,EACT,cAAW,EAAX,MAAM,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,CAAA;AAEX,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EACR,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,EAAA,EAEb,QAAQ,CACC,EACZ;AACJ,EAAE;;;;;"}

package/build/components/FormattedInput.js

@@ -1,8 +1,8 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import { darken } from 'polished';
+import * as Polished from 'polished';
+import { Colors } from '../Colors.js';
 import Icon, { Icons } from './Icon.js';
 import Label from './Label.js';
 import Flex from './Flex.js';
@@ -21,7 +21,7 @@ var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObj
     if (props.focused)
         return Colors.Grey4;
     if (props.hovered)
-        return darken(0.05, Colors.Grey5);
+        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);
@@ -81,5 +81,5 @@ function Input(_a) {
 }
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
-export default Input;
-export { InputFormats };
+export { InputFormats, Input as default };
+//# sourceMappingURL=FormattedInput.js.map

package/build/components/FormattedInput.js.map

@@ -0,0 +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};\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: 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};\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}: 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          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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"}

package/build/components/FormattedfullInput.js

@@ -1,8 +1,8 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { useState } from 'react';
 import styled from 'styled-components';
-import { darken } from 'polished';
+import * as Polished from 'polished';
+import { Colors } from '../Colors.js';
 import Icon, { Icons } from './Icon.js';
 import Label from './Label.js';
 import Flex from './Flex.js';
@@ -21,7 +21,7 @@ var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObj
     if (props.focused)
         return Colors.Grey4;
     if (props.hovered)
-        return darken(0.05, Colors.Grey5);
+        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);
@@ -81,5 +81,5 @@ function Input(_a) {
 }
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
-export default Input;
-export { InputfullFormats };
+export { InputfullFormats, Input as default };
+//# sourceMappingURL=FormattedfullInput.js.map

package/build/components/FormattedfullInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormattedfullInput.js","sources":["../../src/components/FormattedfullInput.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 InputfullFormats {\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};\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: 100%;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: 0 16px;\n  text-align: left;\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?: InputfullFormats;\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};\n\nexport default function Input({\n  inputRef,\n  autoFocus,\n  placeholder,\n  value,\n  defaultValue,\n  format = InputfullFormats.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  onEnter,\n  label,\n  subLabel,\n  tip,\n  maxLength,\n  validationError,\n  disabled = false,\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 === InputfullFormats.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          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 === InputfullFormats.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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"}

package/build/components/Icon.js

@@ -1,9 +1,9 @@
-import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React from 'react';
-import styled from 'styled-components';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { Colors } from '../Colors.js';
 import { IconEnum } from './Icons.js';
+import styled from 'styled-components';
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n\n  &:hover {\n    color: ",
     ";\n  }\n"])), function (props) { return props.color; }, function (props) {
@@ -35,5 +35,5 @@ function Icon(_a) {
 }
 var templateObject_1;
 
-export default Icon;
-export { Icons };
+export { Icons, Icon as default };
+//# sourceMappingURL=Icon.js.map

package/build/components/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../src/components/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { Colors } from \"../Colors\";\nimport { IconEnum } from \"./Icons\";\nimport styled from \"styled-components\";\n\nconst Container = styled.div<any>`\n  color: ${(props) => props.color};\n\n  &:hover {\n    color: ${(props) => {\n      if (props.color === \"inherit\") return null;\n      return props.hoverColor;\n    }};\n  }\n`;\n\nexport const Icons = IconEnum;\n\nexport type IconProps = {\n  icon: any;\n  color?: Colors | string | null;\n  hoverColor?: Colors | string | null;\n  onClick?: any | null;\n  size?: string | number | undefined;\n  position?: string;\n  top?: string | number | undefined;\n  left?: string | number | undefined;\n  right?: string | number | undefined;\n  zIndex?: number | void;\n  margin?: string | number | undefined;\n  tip?: string;\n  transitionDuration?: string;\n  rotation?: number;\n};\n\nexport default function Icon({\n  icon = Icons.AudienceRegular,\n  color = Colors.Orange,\n  hoverColor = null,\n  onClick,\n  size = 20,\n  top,\n  left,\n  right,\n  position = \"relative\" as any,\n  zIndex,\n  margin,\n  tip,\n  transitionDuration,\n  rotation,\n}: IconProps) {\n  const cursor: string = onClick ? \"pointer\" : \"\";\n\n  if (icon === Icons.TicketRegular) rotation = 90;\n  if (icon === Icons.TicketSolid) rotation = 90;\n\n  return (\n    <Container color={color} hoverColor={hoverColor} data-tip={tip}>\n      <FontAwesomeIcon\n        icon={icon as any}\n        onClick={onClick}\n        style={{\n          top,\n          left,\n          right,\n          position: position as any,\n          zIndex: zIndex as any,\n          fontSize: size,\n          transition: `all ${transitionDuration || \"0.2s\"}`,\n          transform: rotation ? `rotate(${rotation}deg)` : undefined,\n          margin,\n          cursor,\n        }}\n      />\n    </Container>\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAMA,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAK,gBAAA,KAAA,gBAAA,GAAA,oBAAA,CAAA,CAAA,aAAA,EAAA,+BAAA,EAAA,UAAA,CAAA,EAAA,CAAA,aACtB,EAAsB,+BAGpB;AAGR,IAAA,UAEJ,CARU,CAAA,CAAA,EAAA,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,KAAK,CAAX,EAAW,EAGpB,UAAC,KAAK,EAAA;AACb,IAAA,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS;AAAE,QAAA,OAAO,IAAI,CAAC;IAC3C,OAAO,KAAK,CAAC,UAAU,CAAC;AAC1B,CAAC,CAEJ,CAAC;AAEK,IAAM,KAAK,GAAG,SAAS;AAmBN,SAAA,IAAI,CAAC,EAejB,EAAA;AAdV,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAA4B,EAA5B,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,CAAC,eAAe,GAAA,EAAA,EAC5B,EAAqB,GAAA,EAAA,CAAA,KAAA,EAArB,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,CAAC,MAAM,GAAA,EAAA,EACrB,EAAA,GAAA,EAAA,CAAA,UAAiB,EAAjB,UAAU,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,IAAI,GAAA,EAAA,EACjB,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAA,EAAA,EACT,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAA4B,GAAA,EAAA,CAAA,QAAA,EAA5B,QAAQ,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,UAAiB,GAAA,EAAA,EAC5B,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,GAAG,GAAA,EAAA,CAAA,GAAA,EACH,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,QAAQ,GAAA,EAAA,CAAA,QAAA,CAAA;IAER,IAAM,MAAM,GAAW,OAAO,GAAG,SAAS,GAAG,EAAE,CAAC;AAEhD,IAAA,IAAI,IAAI,KAAK,KAAK,CAAC,aAAa;QAAE,QAAQ,GAAG,EAAE,CAAC;AAChD,IAAA,IAAI,IAAI,KAAK,KAAK,CAAC,WAAW;QAAE,QAAQ,GAAG,EAAE,CAAC;AAE9C,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAA,UAAA,EAAY,GAAG,EAAA;QAC5D,KAAC,CAAA,aAAA,CAAA,eAAe,EACd,EAAA,IAAI,EAAE,IAAW,EACjB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;AACL,gBAAA,GAAG,EAAA,GAAA;AACH,gBAAA,IAAI,EAAA,IAAA;AACJ,gBAAA,KAAK,EAAA,KAAA;AACL,gBAAA,QAAQ,EAAE,QAAe;AACzB,gBAAA,MAAM,EAAE,MAAa;AACrB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,MAAA,IAAO,kBAAkB,IAAI,MAAM,CAAE;gBACjD,SAAS,EAAE,QAAQ,GAAG,SAAU,GAAA,QAAQ,GAAM,MAAA,GAAG,SAAS;AAC1D,gBAAA,MAAM,EAAA,MAAA;AACN,gBAAA,MAAM,EAAA,MAAA;aACP,EACD,CAAA,CACQ,EACZ;AACJ,CAAC;;;;;"}

package/build/components/Icons.js

@@ -197,3 +197,4 @@ var IconEnum = {
 };
 
 export { IconEnum };
+//# sourceMappingURL=Icons.js.map

package/build/components/Icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icons.js","sources":["../../src/components/Icons.ts"],"sourcesContent":["import { faCcAmex as Amex} from '@fortawesome/free-brands-svg-icons';\nimport { faCcDiscover as Discover} from '@fortawesome/free-brands-svg-icons';\nimport { faFacebookF as FacebookPlain} from '@fortawesome/free-brands-svg-icons';\nimport { faGoogle as Google} from '@fortawesome/free-brands-svg-icons';\nimport { faCcMastercard as Mastercard} from '@fortawesome/free-brands-svg-icons';\nimport { faCcVisa as Visa} from '@fortawesome/free-brands-svg-icons';\nimport { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBell as BellLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCashRegister as BoxOfficeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBullhorn as BullHornLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalculator as CalculatorLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarDay as CalendarDayLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarAlt as CalendarLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCalendarStar as CalendarStarLight} from '@fortawesome/pro-light-svg-icons';\nimport { faTimes as CancelLight} from '@fortawesome/pro-light-svg-icons';\nimport { faShoppingCart as CartLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCheck as CheckLight} from '@fortawesome/pro-light-svg-icons';\nimport { faClipboardListCheck as ClipboardLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCopy as CopyLight} from '@fortawesome/pro-light-svg-icons';\nimport { faCreditCardFront as CreditCardFrontLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEdit as EditLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEnvelope as EnvelopeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEnvelopeOpenText as EnvelopeOpenRegular} from '@fortawesome/pro-light-svg-icons';\nimport { faFileExport as ExportLight} from '@fortawesome/pro-light-svg-icons';\nimport { faEye as EyeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faFilter as FilterLight} from '@fortawesome/pro-light-svg-icons';\nimport { faGift as GiftLight} from '@fortawesome/pro-light-svg-icons';\nimport { faGlobe as GlobeLinesLight} from '@fortawesome/pro-light-svg-icons';\nimport { faQuestionCircle as HelpLight} from '@fortawesome/pro-light-svg-icons';\nimport { faHome as HomeLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLink as LinkLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLock as Lock} from '@fortawesome/pro-light-svg-icons';\nimport { faMapMarkerAlt as MapPinLight} from '@fortawesome/pro-light-svg-icons';\nimport { faChartBar as MetricsLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMicrophoneAlt as MicrophoneLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMinusCircle as MinusCircleLight} from '@fortawesome/pro-light-svg-icons';\nimport { faMobileAlt as MobileLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBuilding as OrganizationLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPhone as PhoneLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPiggyBank as PiggyBankLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPlug as PlugLight} from '@fortawesome/pro-light-svg-icons';\nimport { faPlusCircle as PlusCircleLight} from '@fortawesome/pro-light-svg-icons';\nimport { faReceipt as ReceiptLight} from '@fortawesome/pro-light-svg-icons';\nimport { faFileChartLine as ReportLight} from '@fortawesome/pro-light-svg-icons';\nimport { faBarcodeRead as Scan} from '@fortawesome/pro-light-svg-icons';\nimport { faSearch as SearchLight} from '@fortawesome/pro-light-svg-icons';\nimport { faChair as SeatingLight} from '@fortawesome/pro-light-svg-icons';\nimport { faShare as ShareLight} from '@fortawesome/pro-light-svg-icons';\nimport { faSortAlt as SortByLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUsersCrown as TeamLight} from '@fortawesome/pro-light-svg-icons';\nimport { faThumbsDown as ThumbsDownLight} from '@fortawesome/pro-light-svg-icons';\nimport { faThumbsUp as ThumbsUpLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUnlock as UnlockLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUpload as UploadLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUser as UserLight} from '@fortawesome/pro-light-svg-icons';\nimport { faUsers as UsersLight} from '@fortawesome/pro-light-svg-icons';\nimport { faLandmark as VenueLight} from '@fortawesome/pro-light-svg-icons';\nimport { faAnalytics as AnalyticsSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faCalendarStar as CalendarStarSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faCreditCardFront as CreditCardFront} from '@fortawesome/pro-solid-svg-icons';\nimport { faUsdSquare as FeeSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faKey as KeySolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faLongArrowRight as LongRightArrow} from '@fortawesome/pro-solid-svg-icons';\nimport { faQuestionSquare as QuestionSquareSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faFileChartLine as ReportSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faSortAlt as SortBy} from '@fortawesome/pro-solid-svg-icons';\nimport { faUsersCrown as TeamSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faArrowAltSquareUp as UpgradeSolid} from '@fortawesome/pro-solid-svg-icons';\nimport { faAngleDown as AngleDownRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faAngleUp as AngleUpRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUserFriends as AudienceRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faBold as BoldRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCalendarDay as CalendarDayRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCheck as CheckRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlassCheers as Cheers} from '@fortawesome/pro-regular-svg-icons';\nimport { faClipboardList as Clipboard} from '@fortawesome/pro-regular-svg-icons';\nimport { faCrown as CrownRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faTrash as DeleteRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faDollarSign as Dollar} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltDown as DownArrow} from '@fortawesome/pro-regular-svg-icons';\nimport { faFileDownload as DownloadReport} from '@fortawesome/pro-regular-svg-icons';\nimport { faCode as Embed} from '@fortawesome/pro-regular-svg-icons';\nimport { faUsdSquare as FeeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFilter as FilterRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFire as FireRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGift as GiftRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlobe as GlobeLinesRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faGlobeAmericas as GlobeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChartLine as GraphGrowth} from '@fortawesome/pro-regular-svg-icons';\nimport { faItalic as ItalicRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faKey as KeyRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowLeft as LeftArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChevronLeft as LeftChevronRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faLink as LinkRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faLongArrowRight as LongRightArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faListOl as OListRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faPlus as PlusRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowRight as RightArrowRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faChevronRight as RightChevronRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faCog as SettingsRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSignOut as SignOut} from '@fortawesome/pro-regular-svg-icons';\nimport { faStream as StreamRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faSync as SyncRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faListUl as UListRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUnderline as UnderlineRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUnlock as UnlockRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons';\nimport { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons';\nimport { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faEllipsisV as VerticalEllipsisRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faExclamationTriangle as WarningRegular} from '@fortawesome/pro-regular-svg-icons';\nimport { faAngleDown as AngleDownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faAngleUp as AngleUpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons';\nimport { faCashRegister as BoxOfficeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBullhorn as BullhornSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalculator as CalculatorSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarDay as CalendarDaySolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarWeek as CalendarWeekSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faTimes as Cancel} from '@fortawesome/free-solid-svg-icons';\nimport { faTimesCircle as CancelCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faCaretDown as CaretDown} from '@fortawesome/free-solid-svg-icons';\nimport { faMoneyBill as Cash} from '@fortawesome/free-solid-svg-icons';\nimport { faCheckCircle as CheckCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faUserTie as ContactSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCopy as CopySolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCreditCard as CreditCardBack} from '@fortawesome/free-solid-svg-icons';\nimport { faCrown as CrownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faICursor as Cursor} from '@fortawesome/free-solid-svg-icons';\nimport { faTrash as DeleteSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faEnvelope as EnvelopeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faEye as EyeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faGlobe as GlobeLinesSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faGlobeAmericas as GlobeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faQuestionCircle as HelpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faHome as HomeSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faInfoCircle as InfotipSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faArrowLeft as LeftArrowSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronLeft as LeftChevronSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faLock as LockSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBars as Menu} from '@fortawesome/free-solid-svg-icons';\nimport { faChartBar as MetricsSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faMobileAlt as MobileSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faBuilding as OrganizationSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPause as PauseSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPiggyBank as PiggyBankSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPlug as PlugSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faPlus as Plus} from '@fortawesome/free-solid-svg-icons';\nimport { faPlusCircle as PlusCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faPrint as PrintSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faReceipt as ReceiptSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronCircleRight as RightChevronCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faChevronRight as RightChevronSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faSearch as SearchSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faChair as SeatingSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faCog as SettingsSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faShare as ShareSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faSort as Sort} from '@fortawesome/free-solid-svg-icons';\nimport { faStar as StarSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faThumbsDown as ThumbsDownSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faThumbsUp as ThumbsUpSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faTicketAlt as TicketSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUpload as UploadSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUserCircle as UserCircle} from '@fortawesome/free-solid-svg-icons';\nimport { faUser as UserSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faUsers as UsersSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faLandmark as VenueSolid} from '@fortawesome/free-solid-svg-icons';\nimport { faExclamationTriangle as Warning} from '@fortawesome/free-solid-svg-icons';\nimport { faCalendarAlt as CalendarRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faComments as ChatRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faClock as Clock} from '@fortawesome/free-regular-svg-icons';\nimport { faCopy as CopyRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faEdit as Edit} from '@fortawesome/free-regular-svg-icons';\nimport { faEye as EyeRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faEyeSlash as EyeSlashRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faLifeRing as Help} from '@fortawesome/free-regular-svg-icons';\nimport { faQuestionCircle as HelpRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons';\nimport { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons';\nimport { faCreditCard as CreditCardBackLight} from '@fortawesome/free-solid-svg-icons';\n\nexport const IconEnum = {\n  Amex,\n  Discover,\n  FacebookPlain,\n  Google,\n  Mastercard,\n  Visa,\n  AnalyticsLight,\n  BellLight,\n  BoxOfficeLight,\n  BullHornLight,\n  CalculatorLight,\n  CalendarDayLight,\n  CalendarLight,\n  CalendarStarLight,\n  CancelLight,\n  CartLight,\n  CheckLight,\n  ClipboardLight,\n  CopyLight,\n  CreditCardFrontLight,\n  EditLight,\n  EnvelopeLight,\n  EnvelopeOpenRegular,\n  ExportLight,\n  EyeLight,\n  FilterLight,\n  GiftLight,\n  GlobeLinesLight,\n  HelpLight,\n  HomeLight,\n  LinkLight,\n  Lock,\n  MapPinLight,\n  MetricsLight,\n  MicrophoneLight,\n  MinusCircleLight,\n  MobileLight,\n  OrganizationLight,\n  PhoneLight,\n  PiggyBankLight,\n  PlugLight,\n  PlusCircleLight,\n  ReceiptLight,\n  ReportLight,\n  Scan,\n  SearchLight,\n  SeatingLight,\n  ShareLight,\n  SortByLight,\n  TeamLight,\n  ThumbsDownLight,\n  ThumbsUpLight,\n  UnlockLight,\n  UploadLight,\n  UserLight,\n  UsersLight,\n  VenueLight,\n  AnalyticsSolid,\n  CalendarStarSolid,\n  CreditCardFront,\n  FeeSolid,\n  KeySolid,\n  LongRightArrow,\n  QuestionSquareSolid,\n  ReportSolid,\n  SortBy,\n  TeamSolid,\n  UpgradeSolid,\n  AngleDownRegular,\n  AngleUpRegular,\n  AudienceRegular,\n  BoldRegular,\n  CalculatorRegular,\n  CalendarDayRegular,\n  CheckRegular,\n  Cheers,\n  Clipboard,\n  CrownRegular,\n  DeleteRegular,\n  Dollar,\n  DownArrow,\n  DownloadReport,\n  Embed,\n  FeeRegular,\n  FilterRegular,\n  FireRegular,\n  GiftRegular,\n  GlobeLinesRegular,\n  GlobeRegular,\n  GraphGrowth,\n  ItalicRegular,\n  KeyRegular,\n  LeftArrowRegular,\n  LeftChevronRegular,\n  LinkRegular,\n  LongRightArrowRegular,\n  OListRegular,\n  PlusRegular,\n  PrintRegular,\n  ReportRegular,\n  RightArrowRegular,\n  RightChevronRegular,\n  SearchRegular,\n  SettingsRegular,\n  SignOut,\n  StreamRegular,\n  SyncRegular,\n  TicketRegular,\n  UListRegular,\n  UnderlineRegular,\n  UnlockRegular,\n  UpArrow,\n  Update,\n  UpgradeRegular,\n  UsersRegular,\n  VerticalEllipsisRegular,\n  WarningRegular,\n  AngleDownSolid,\n  AngleUpSolid,\n  AudienceSolid,\n  BackArrow,\n  BoxOfficeSolid,\n  BullhornSolid,\n  CalculatorSolid,\n  CalendarDaySolid,\n  CalendarWeekSolid,\n  Cancel,\n  CancelCircle,\n  CaretDown,\n  Cash,\n  CheckCircle,\n  ContactSolid,\n  CopySolid,\n  CreditCardBack,\n  CrownSolid,\n  Cursor,\n  DeleteSolid,\n  EnvelopeSolid,\n  EyeSolid,\n  GlobeLinesSolid,\n  GlobeSolid,\n  HelpSolid,\n  HomeSolid,\n  InfotipSolid,\n  LeftArrowSolid,\n  LeftChevronSolid,\n  LockSolid,\n  Menu,\n  MetricsSolid,\n  MicrophoneSolid,\n  MobileSolid,\n  OrganizationSolid,\n  PauseSolid,\n  PiggyBankSolid,\n  PlugSolid,\n  Plus,\n  PlusCircle,\n  PrintSolid,\n  ReceiptSolid,\n  RightChevronCircle,\n  RightChevronSolid,\n  SearchSolid,\n  SeatingSolid,\n  SettingsSolid,\n  ShareSolid,\n  Sort,\n  StarSolid,\n  ThumbsDownSolid,\n  ThumbsUpSolid,\n  TicketSolid,\n  UploadSolid,\n  UserCircle,\n  UserSolid,\n  UsersSolid,\n  VenueSolid,\n  Warning,\n  CalendarRegular,\n  ChatRegular,\n  Clock,\n  CopyRegular,\n  Edit,\n  EyeRegular,\n  EyeSlashRegular,\n  Help,\n  HelpRegular,\n  SadTear,\n  UserRegular,\n  CreditCardBackLight,\n};\n"],"names":["Amex","Discover","FacebookPlain","Google","Mastercard","Visa","AnalyticsLight","BellLight","BoxOfficeLight","BullHornLight","CalculatorLight","CalendarDayLight","CalendarLight","CalendarStarLight","CancelLight","CartLight","CheckLight","ClipboardLight","CopyLight","CreditCardFrontLight","EditLight","EnvelopeLight","EnvelopeOpenRegular","ExportLight","EyeLight","FilterLight","GiftLight","GlobeLinesLight","HelpLight","HomeLight","LinkLight","Lock","MapPinLight","MetricsLight","MicrophoneLight","MinusCircleLight","MobileLight","OrganizationLight","PhoneLight","PiggyBankLight","PlugLight","PlusCircleLight","ReceiptLight","ReportLight","Scan","SearchLight","SeatingLight","ShareLight","SortByLight","TeamLight","ThumbsDownLight","ThumbsUpLight","UnlockLight","UploadLight","UserLight","UsersLight","VenueLight","AnalyticsSolid","CalendarStarSolid","CreditCardFront","FeeSolid","KeySolid","LongRightArrow","QuestionSquareSolid","ReportSolid","SortBy","TeamSolid","UpgradeSolid","AngleDownRegular","AngleUpRegular","AudienceRegular","BoldRegular","CalculatorRegular","CalendarDayRegular","CheckRegular","Cheers","Clipboard","CrownRegular","DeleteRegular","Dollar","DownArrow","DownloadReport","Embed","FeeRegular","FilterRegular","FireRegular","GiftRegular","GlobeLinesRegular","GlobeRegular","GraphGrowth","ItalicRegular","KeyRegular","LeftArrowRegular","LeftChevronRegular","LinkRegular","LongRightArrowRegular","OListRegular","PlusRegular","PrintRegular","ReportRegular","RightArrowRegular","RightChevronRegular","SearchRegular","SettingsRegular","SignOut","StreamRegular","SyncRegular","TicketRegular","UListRegular","UnderlineRegular","UnlockRegular","UpArrow","Update","UpgradeRegular","UsersRegular","VerticalEllipsisRegular","WarningRegular","AngleDownSolid","AngleUpSolid","AudienceSolid","BackArrow","BoxOfficeSolid","BullhornSolid","CalculatorSolid","CalendarDaySolid","CalendarWeekSolid","Cancel","CancelCircle","CaretDown","Cash","CheckCircle","ContactSolid","CopySolid","CreditCardBack","CrownSolid","Cursor","DeleteSolid","EnvelopeSolid","EyeSolid","GlobeLinesSolid","GlobeSolid","HelpSolid","HomeSolid","InfotipSolid","LeftArrowSolid","LeftChevronSolid","LockSolid","Menu","MetricsSolid","MicrophoneSolid","MobileSolid","OrganizationSolid","PauseSolid","PiggyBankSolid","PlugSolid","Plus","PlusCircle","PrintSolid","ReceiptSolid","RightChevronCircle","RightChevronSolid","SearchSolid","SeatingSolid","SettingsSolid","ShareSolid","Sort","StarSolid","ThumbsDownSolid","ThumbsUpSolid","TicketSolid","UploadSolid","UserCircle","UserSolid","UsersSolid","VenueSolid","Warning","CalendarRegular","ChatRegular","Clock","CopyRegular","Edit","EyeRegular","EyeSlashRegular","Help","HelpRegular","SadTear","UserRegular","CreditCardBackLight"],"mappings":"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"}

package/build/components/Input.d.ts

@@ -10,7 +10,7 @@ declare type StyledInputProps = {
     disabled: boolean;
     hasIcon: boolean;
 };
-export declare const InputStyled: import("styled-components").StyledComponent<"input", any, StyledInputProps, never>;
+export declare const InputStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, StyledInputProps>>;
 export declare type InputProps = {
     inputRef?: React.Ref<HTMLInputElement>;
     autoFocus?: boolean | undefined;