@sellout/ui 0.0.90 → 0.0.92

package/build/components/FormattedInput.js

@@ -31,6 +31,7 @@ var InputStyled = styled.input(templateObject_6 || (templateObject_6 = __makeTem
     ";\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); }, 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, 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;
     var _f = useState(false), hovered = _f[0], setHovered = _f[1];
@@ -75,10 +76,10 @@ function Input(_a) {
                         onMouseLeave(event);
                 } }),
             format === InputFormats.Percent && (React.createElement(PriceContainer, null,
-                React.createElement(Icon, { icon: Icons.GiftRegular, size: 14, color: Colors.Grey3 })))),
+                React.createElement(IconText, null, "%")))),
         validationError && (React.createElement(ValidationError, { validationError: validationError }))));
 }
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 export default Input;
 export { InputFormats };

package/build/components/Icon.d.ts

@@ -2,6 +2,8 @@ import { Colors } from "../Colors";
 export declare const Icons: {
     Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    FacebookPlain: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Google: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -13,7 +15,9 @@ export declare const Icons: {
     CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CartLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ClipboardLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CopyLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EditLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EnvelopeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -45,6 +49,8 @@ export declare const Icons: {
     ShareLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     TeamLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ThumbsDownLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ThumbsUpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UnlockLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UploadLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UserLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -62,9 +68,11 @@ export declare const Icons: {
     TeamSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleDownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AngleUpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoldRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalendarDayRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -83,12 +91,15 @@ export declare const Icons: {
     GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LongRightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -103,6 +114,7 @@ export declare const Icons: {
     Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -138,6 +150,7 @@ export declare const Icons: {
     MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     OrganizationSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PauseSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PiggyBankSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PlugSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.d.ts

@@ -1,50 +1,4 @@
 export declare const IconEnum: {
-    VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AngleDownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AngleUpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BoldRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CheckRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CrownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DeleteRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Dollar: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DownArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DownloadReport: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Embed: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FeeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FilterRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FireRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GlobeLinesRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GlobeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    StreamRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SyncRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UnderlineRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UnlockRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
     FacebookPlain: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -112,6 +66,54 @@ export declare const IconEnum: {
     SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
     TeamSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AngleDownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AngleUpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    BoldRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalendarDayRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CheckRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CrownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    DeleteRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Dollar: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    DownArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    DownloadReport: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Embed: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    FeeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    FilterRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    FireRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeLinesRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LongRightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    StreamRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SyncRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UnderlineRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UnlockRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -147,6 +149,7 @@ export declare const IconEnum: {
     MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     OrganizationSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PauseSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PiggyBankSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PlugSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.js

@@ -1,57 +1,11 @@
-import { faEllipsisV, faAngleDown, faAngleUp, faUserFriends, faBold, faCalculator, faCheck, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare, faFilter, faFire, faGift, faGlobe, faGlobeAmericas, faChartLine, faItalic, faKey, faArrowLeft, faChevronLeft, faLink, faListOl, faPlus, faPrint, faFileChartLine, faArrowRight, faChevronRight, faSearch, faCog, faSignOut, faStream, faSync, faTicketAlt, faListUl, faUnderline, faUnlock, faArrowAltUp, faMegaphone, faArrowAltSquareUp, faUsers } from '@fortawesome/pro-regular-svg-icons';
 import { faCcAmex, faCcDiscover, faFacebookF, faGoogle, faCcMastercard, faCcVisa } from '@fortawesome/free-brands-svg-icons';
-import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalculator as faCalculator$1, faCalendarDay, faCalendarAlt, faCalendarStar, faTimes, faShoppingCart, faCheck as faCheck$1, faClipboardListCheck, faCopy, faEdit, faEnvelope, faEnvelopeOpenText, faFileExport, faEye, faFilter as faFilter$1, faGift as faGift$1, faGlobe as faGlobe$1, faQuestionCircle, faHome, faLink as faLink$1, faLock, faMapMarkerAlt, faChartBar, faMicrophoneAlt, faMinusCircle, faMobileAlt, faBuilding, faPhone, faPiggyBank, faPlug, faPlusCircle, faReceipt, faFileChartLine as faFileChartLine$1, faBarcodeRead, faSearch as faSearch$1, faChair, faShare, faSortAlt, faUsersCrown, faThumbsDown, faThumbsUp, faUnlock as faUnlock$1, faUpload, faUser, faUsers as faUsers$1, faLandmark } from '@fortawesome/pro-light-svg-icons';
-import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare as faUsdSquare$1, faKey as faKey$1, faLongArrowRight, faQuestionSquare, faFileChartLine as faFileChartLine$2, faSortAlt as faSortAlt$1, faUsersCrown as faUsersCrown$1, faArrowAltSquareUp as faArrowAltSquareUp$1 } from '@fortawesome/pro-solid-svg-icons';
-import { faAngleDown as faAngleDown$1, faAngleUp as faAngleUp$1, faUserFriends as faUserFriends$1, faArrowLeft as faArrowLeft$1, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$2, faCalendarDay as faCalendarDay$1, faCalendarWeek, faTimes as faTimes$1, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faUserTie, faCopy as faCopy$1, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope as faEnvelope$1, faEye as faEye$1, faGlobe as faGlobe$2, faGlobeAmericas as faGlobeAmericas$1, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faInfoCircle, faChevronLeft as faChevronLeft$1, faLock as faLock$1, faBars, faChartBar as faChartBar$1, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt as faMobileAlt$1, faBuilding as faBuilding$1, faPiggyBank as faPiggyBank$1, faPlug as faPlug$1, faPlus as faPlus$1, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronCircleRight, faChevronRight as faChevronRight$1, faSearch as faSearch$2, faChair as faChair$1, faCog as faCog$1, faShare as faShare$1, faSort, faStar, faThumbsDown as faThumbsDown$1, faThumbsUp as faThumbsUp$1, faTicketAlt as faTicketAlt$1, faUpload as faUpload$1, faUserCircle, faUser as faUser$1, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
+import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalculator, faCalendarDay, faCalendarAlt, faCalendarStar, faTimes, faShoppingCart, faCheck, faClipboardListCheck, faCopy, faEdit, faEnvelope, faEnvelopeOpenText, faFileExport, faEye, faFilter, faGift, faGlobe, faQuestionCircle, faHome, faLink, faLock, faMapMarkerAlt, faChartBar, faMicrophoneAlt, faMinusCircle, faMobileAlt, faBuilding, faPhone, faPiggyBank, faPlug, faPlusCircle, faReceipt, faFileChartLine, faBarcodeRead, faSearch, faChair, faShare, faSortAlt, faUsersCrown, faThumbsDown, faThumbsUp, faUnlock, faUpload, faUser, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
+import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare, faKey, faLongArrowRight, faQuestionSquare, faFileChartLine as faFileChartLine$1, faSortAlt as faSortAlt$1, faUsersCrown as faUsersCrown$1, faArrowAltSquareUp } from '@fortawesome/pro-solid-svg-icons';
+import { faAngleDown, faAngleUp, faUserFriends, faBold, faCalculator as faCalculator$1, faCalendarDay as faCalendarDay$1, faCheck as faCheck$1, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faFire, faGift as faGift$1, faGlobe as faGlobe$1, faGlobeAmericas, faChartLine, faItalic, faKey as faKey$1, faArrowLeft, faChevronLeft, faLink as faLink$1, faLongArrowRight as faLongArrowRight$1, faListOl, faPlus, faPrint, faFileChartLine as faFileChartLine$2, faArrowRight, faChevronRight, faSearch as faSearch$1, faCog, faSignOut, faStream, faSync, faTicketAlt, faListUl, faUnderline, faUnlock as faUnlock$1, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUsers as faUsers$1, faEllipsisV } from '@fortawesome/pro-regular-svg-icons';
+import { faAngleDown as faAngleDown$1, faAngleUp as faAngleUp$1, faUserFriends as faUserFriends$1, faArrowLeft as faArrowLeft$1, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$2, faCalendarDay as faCalendarDay$2, faCalendarWeek, faTimes as faTimes$1, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faUserTie, faCopy as faCopy$1, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope as faEnvelope$1, faEye as faEye$1, faGlobe as faGlobe$2, faGlobeAmericas as faGlobeAmericas$1, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faInfoCircle, faChevronLeft as faChevronLeft$1, faLock as faLock$1, faBars, faChartBar as faChartBar$1, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt as faMobileAlt$1, faBuilding as faBuilding$1, faPause, faPiggyBank as faPiggyBank$1, faPlug as faPlug$1, faPlus as faPlus$1, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronCircleRight, faChevronRight as faChevronRight$1, faSearch as faSearch$2, faChair as faChair$1, faCog as faCog$1, faShare as faShare$1, faSort, faStar, faThumbsDown as faThumbsDown$1, faThumbsUp as faThumbsUp$1, faTicketAlt as faTicketAlt$1, faUpload as faUpload$1, faUserCircle, faUser as faUser$1, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
 import { faCalendarAlt as faCalendarAlt$1, faClock, faCopy as faCopy$2, faEdit as faEdit$1, faEye as faEye$2, faEyeSlash, faLifeRing, faSadTear, faUser as faUser$2 } from '@fortawesome/free-regular-svg-icons';
 
 var IconEnum = {
-    VerticalEllipsisRegular: faEllipsisV,
-    AngleDownRegular: faAngleDown,
-    AngleUpRegular: faAngleUp,
-    AudienceRegular: faUserFriends,
-    BoldRegular: faBold,
-    CalculatorRegular: faCalculator,
-    CheckRegular: faCheck,
-    Cheers: faGlassCheers,
-    Clipboard: faClipboardList,
-    CrownRegular: faCrown,
-    DeleteRegular: faTrash,
-    Dollar: faDollarSign,
-    DownArrow: faArrowAltDown,
-    DownloadReport: faFileDownload,
-    Embed: faCode,
-    FeeRegular: faUsdSquare,
-    FilterRegular: faFilter,
-    FireRegular: faFire,
-    GiftRegular: faGift,
-    GlobeLinesRegular: faGlobe,
-    GlobeRegular: faGlobeAmericas,
-    GraphGrowth: faChartLine,
-    ItalicRegular: faItalic,
-    KeyRegular: faKey,
-    LeftArrowRegular: faArrowLeft,
-    LeftChevronRegular: faChevronLeft,
-    LinkRegular: faLink,
-    OListRegular: faListOl,
-    PlusRegular: faPlus,
-    PrintRegular: faPrint,
-    ReportRegular: faFileChartLine,
-    RightArrowRegular: faArrowRight,
-    RightChevronRegular: faChevronRight,
-    SearchRegular: faSearch,
-    SettingsRegular: faCog,
-    SignOut: faSignOut,
-    StreamRegular: faStream,
-    SyncRegular: faSync,
-    TicketRegular: faTicketAlt,
-    UListRegular: faListUl,
-    UnderlineRegular: faUnderline,
-    UnlockRegular: faUnlock,
-    UpArrow: faArrowAltUp,
-    Update: faMegaphone,
-    UpgradeRegular: faArrowAltSquareUp,
-    UsersRegular: faUsers,
     Amex: faCcAmex,
     Discover: faCcDiscover,
     FacebookPlain: faFacebookF,
@@ -62,13 +16,13 @@ var IconEnum = {
     BellLight: faBell,
     BoxOfficeLight: faCashRegister,
     BullHornLight: faBullhorn,
-    CalculatorLight: faCalculator$1,
+    CalculatorLight: faCalculator,
     CalendarDayLight: faCalendarDay,
     CalendarLight: faCalendarAlt,
     CalendarStarLight: faCalendarStar,
     CancelLight: faTimes,
     CartLight: faShoppingCart,
-    CheckLight: faCheck$1,
+    CheckLight: faCheck,
     ClipboardLight: faClipboardListCheck,
     CopyLight: faCopy,
     EditLight: faEdit,
@@ -76,12 +30,12 @@ var IconEnum = {
     EnvelopeOpenRegular: faEnvelopeOpenText,
     ExportLight: faFileExport,
     EyeLight: faEye,
-    FilterLight: faFilter$1,
-    GiftLight: faGift$1,
-    GlobeLinesLight: faGlobe$1,
+    FilterLight: faFilter,
+    GiftLight: faGift,
+    GlobeLinesLight: faGlobe,
     HelpLight: faQuestionCircle,
     HomeLight: faHome,
-    LinkLight: faLink$1,
+    LinkLight: faLink,
     Lock: faLock,
     MapPinLight: faMapMarkerAlt,
     MetricsLight: faChartBar,
@@ -94,31 +48,79 @@ var IconEnum = {
     PlugLight: faPlug,
     PlusCircleLight: faPlusCircle,
     ReceiptLight: faReceipt,
-    ReportLight: faFileChartLine$1,
+    ReportLight: faFileChartLine,
     Scan: faBarcodeRead,
-    SearchLight: faSearch$1,
+    SearchLight: faSearch,
     SeatingLight: faChair,
     ShareLight: faShare,
     SortByLight: faSortAlt,
     TeamLight: faUsersCrown,
     ThumbsDownLight: faThumbsDown,
     ThumbsUpLight: faThumbsUp,
-    UnlockLight: faUnlock$1,
+    UnlockLight: faUnlock,
     UploadLight: faUpload,
     UserLight: faUser,
-    UsersLight: faUsers$1,
+    UsersLight: faUsers,
     VenueLight: faLandmark,
     AnalyticsSolid: faAnalytics$1,
     CalendarStarSolid: faCalendarStar$1,
     CreditCardFront: faCreditCardFront,
-    FeeSolid: faUsdSquare$1,
-    KeySolid: faKey$1,
+    FeeSolid: faUsdSquare,
+    KeySolid: faKey,
     LongRightArrow: faLongArrowRight,
     QuestionSquareSolid: faQuestionSquare,
-    ReportSolid: faFileChartLine$2,
+    ReportSolid: faFileChartLine$1,
     SortBy: faSortAlt$1,
     TeamSolid: faUsersCrown$1,
-    UpgradeSolid: faArrowAltSquareUp$1,
+    UpgradeSolid: faArrowAltSquareUp,
+    AngleDownRegular: faAngleDown,
+    AngleUpRegular: faAngleUp,
+    AudienceRegular: faUserFriends,
+    BoldRegular: faBold,
+    CalculatorRegular: faCalculator$1,
+    CalendarDayRegular: faCalendarDay$1,
+    CheckRegular: faCheck$1,
+    Cheers: faGlassCheers,
+    Clipboard: faClipboardList,
+    CrownRegular: faCrown,
+    DeleteRegular: faTrash,
+    Dollar: faDollarSign,
+    DownArrow: faArrowAltDown,
+    DownloadReport: faFileDownload,
+    Embed: faCode,
+    FeeRegular: faUsdSquare$1,
+    FilterRegular: faFilter$1,
+    FireRegular: faFire,
+    GiftRegular: faGift$1,
+    GlobeLinesRegular: faGlobe$1,
+    GlobeRegular: faGlobeAmericas,
+    GraphGrowth: faChartLine,
+    ItalicRegular: faItalic,
+    KeyRegular: faKey$1,
+    LeftArrowRegular: faArrowLeft,
+    LeftChevronRegular: faChevronLeft,
+    LinkRegular: faLink$1,
+    LongRightArrowRegular: faLongArrowRight$1,
+    OListRegular: faListOl,
+    PlusRegular: faPlus,
+    PrintRegular: faPrint,
+    ReportRegular: faFileChartLine$2,
+    RightArrowRegular: faArrowRight,
+    RightChevronRegular: faChevronRight,
+    SearchRegular: faSearch$1,
+    SettingsRegular: faCog,
+    SignOut: faSignOut,
+    StreamRegular: faStream,
+    SyncRegular: faSync,
+    TicketRegular: faTicketAlt,
+    UListRegular: faListUl,
+    UnderlineRegular: faUnderline,
+    UnlockRegular: faUnlock$1,
+    UpArrow: faArrowAltUp,
+    Update: faMegaphone,
+    UpgradeRegular: faArrowAltSquareUp$1,
+    UsersRegular: faUsers$1,
+    VerticalEllipsisRegular: faEllipsisV,
     AngleDownSolid: faAngleDown$1,
     AngleUpSolid: faAngleUp$1,
     AudienceSolid: faUserFriends$1,
@@ -126,7 +128,7 @@ var IconEnum = {
     BoxOfficeSolid: faCashRegister$1,
     BullhornSolid: faBullhorn$1,
     CalculatorSolid: faCalculator$2,
-    CalendarDaySolid: faCalendarDay$1,
+    CalendarDaySolid: faCalendarDay$2,
     CalendarWeekSolid: faCalendarWeek,
     Cancel: faTimes$1,
     CancelCircle: faTimesCircle,
@@ -154,6 +156,7 @@ var IconEnum = {
     MicrophoneSolid: faMicrophoneAlt$1,
     MobileSolid: faMobileAlt$1,
     OrganizationSolid: faBuilding$1,
+    PauseSolid: faPause,
     PiggyBankSolid: faPiggyBank$1,
     PlugSolid: faPlug$1,
     Plus: faPlus$1,

package/build/components/Input.js

@@ -41,7 +41,7 @@ var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateOb
     return null;
 }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) { return (props.onClick ? "pointer" : null); });
 var IconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 18px;\n"])));
-var LeftContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 15px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 15px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.White);
+var LeftContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-left: 16px;\n  top: 0px;\n  left: 0px;\n  background-color: ", ";\n"])), Colors.White);
 var RightContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ", ";\n  width: ", ";\n  top: -1px;\n  right: -1px;\n  background-color: ", ";\n\n  &:hover {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: ",
     ";\n  width: ",
     ";\n  top: -1px;\n  right: -1px;\n  background-color: ", ";\n\n  &:hover {\n    cursor: ", ";\n  }\n"])), function (props) {
@@ -58,8 +58,8 @@ var RightContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTe
     return null;
 }, Colors.White, function (props) { return (props.onClick ? "pointer" : null); });
 var Spacer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  width: 50px;\n  background-color: ", ";\n"], ["\n  width: 50px;\n  background-color: ", ";\n"])), Colors.White);
-var InputStyled = styled.input(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0 0 0 10px;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ",
-    ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0 0 0 10px;\n  text-indent: 1px;\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ",
+var InputStyled = styled.input(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ", ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ", ";\n\n  ", ";\n"], ["\n  background-color: ", ";\n  color: ", ";\n  outline: none;\n  border: 0px;\n  /* border-radius: 10px; */\n  height: ",
+    ";\n  width: fill-available;\n  font-family: \"neue-haas-grotesk-display\", sans-serif;\n  font-weight: 500;\n  padding: 0px;\n  padding-left: ", ";\n  transition: all 0.2s;\n  padding: ", ";\n\n  ::placeholder {\n    color: ", ";\n  }\n\n  ",
     ";\n\n  ",
     ";\n"])), Colors.White, function (props) { return props.disabled ? Colors.Grey4 : Colors.Grey1; }, function (props) {
     if (props.inputSize === InputSizes.Large)
@@ -67,7 +67,7 @@ var InputStyled = styled.input(templateObject_10 || (templateObject_10 = __makeT
     if (props.inputSize === InputSizes.Regular)
         return "38px";
     return null;
-}, function (props) { return props.padding; }, Colors.Grey4, media.mobile(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 1.6rem;\n"], ["\n  font-size: 1.6rem;\n"]))), media.desktop(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 1.4rem;\n"], ["\n  font-size: 1.4rem;\n"]))));
+}, function (props) { return props.hasIcon ? '8px' : '16px'; }, function (props) { return props.padding; }, Colors.Grey4, media.mobile(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  font-size: 1.6rem;\n"], ["\n  font-size: 1.6rem;\n"]))), media.desktop(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-size: 1.4rem;\n"], ["\n  font-size: 1.4rem;\n"]))));
 function Input(_a) {
     var inputRef = _a.inputRef, autoFocus = _a.autoFocus, placeholder = _a.placeholder, value = _a.value, defaultValue = _a.defaultValue, icon = _a.icon, iconColor = _a.iconColor, _b = _a.size, size = _b === void 0 ? InputSizes.Regular : _b, _c = _a.type, type = _c === void 0 ? "text" : _c, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onSubmit = _a.onSubmit, onClear = _a.onClear, _d = _a.canSubmit, canSubmit = _d === void 0 ? true : _d, loading = _a.loading, margin = _a.margin, padding = _a.padding, width = _a.width, onEnter = _a.onEnter, label = _a.label, subLabel = _a.subLabel, tip = _a.tip, maxLength = _a.maxLength, iconConditionalColor = _a.iconConditionalColor, validationError = _a.validationError, _e = _a.disabled, disabled = _e === void 0 ? false : _e;
     var _f = useState(false), hovered = _f[0], setHovered = _f[1];
@@ -133,7 +133,7 @@ function Input(_a) {
                     setHovered(false);
                     if (onMouseLeave)
                         onMouseLeave(event);
-                }, padding: padding, inputSize: size }),
+                }, padding: padding, inputSize: size, hasIcon: Boolean(icon) }),
             (function () {
                 if (onSubmit) {
                     return (React.createElement(Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "files": [
@@ -56,8 +56,8 @@
     "@hapi/joi": "^17.1.1",
     "@react-pdf/primitives": "^2.0.0-beta.11",
     "@react-pdf/renderer": "^2.0.0-beta.14",
-    "@sellout/models": "^0.0.90",
-    "@sellout/utils": "^0.0.90",
+    "@sellout/models": "^0.0.92",
+    "@sellout/utils": "^0.0.92",
     "@types/escape-html": "^1.0.0",
     "@types/hapi__joi": "^16.0.12",
     "@types/react-pdf": "^4.0.6",
@@ -70,7 +70,7 @@
     "rollup-plugin-url": "^3.0.1",
     "shortid": "^2.2.15"
   },
-  "gitHead": "fc1b53b0ee36af4680b2fd5f6ba5e7357023a89b",
+  "gitHead": "69a865f0208a83a8157fe80465e4c9553f88a8dc",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",