@sellout/ui 0.0.73 → 0.0.75

package/build/components/Button.js

@@ -129,7 +129,8 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
     return null;
 }, function (props) {
     if (props.type === ButtonTypes.Next) {
-        return "700";
+        return "600";
+        // return "700";
     }
     if (props.type === ButtonTypes.Regular) {
         return "600";
@@ -165,7 +166,7 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
 }, function (props) {
     if (props.state)
         if (props.state === ButtonStates.Disabled) {
-            return Colors.Grey3;
+            return Colors.Grey5;
         }
     if (props.state === ButtonStates.Warning) {
         return Colors.Grey3;

package/build/components/Icon.d.ts

@@ -1,7 +1,54 @@
 import { Colors } from "../Colors";
 export declare const Icons: {
+    VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AngleDownRegular: 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;
+    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 +60,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 +94,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;
@@ -61,48 +112,6 @@ export declare const Icons: {
     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;
-    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;
-    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;
-    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;
     AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.d.ts

@@ -1,6 +1,53 @@
 export declare const IconEnum: {
+    VerticalEllipsisRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    AngleDownRegular: 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;
+    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;
@@ -12,7 +59,9 @@ export declare const IconEnum: {
     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;
@@ -44,6 +93,8 @@ export declare const IconEnum: {
     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;
@@ -60,48 +111,6 @@ 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;
-    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;
-    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;
-    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;
     AngleDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AngleUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.js

@@ -1,37 +1,86 @@
-import { faCcAmex, faCcDiscover, faCcMastercard, faCcVisa } from '@fortawesome/free-brands-svg-icons';
-import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalculator, faCalendarDay, faCalendarAlt, faCalendarStar, faTimes, faCheck, 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, 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, faUserFriends, faBold, faCalculator as faCalculator$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, faChevronLeft, faLink as faLink$1, faListOl, faPlus, faPrint, faFileChartLine as faFileChartLine$2, 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 } from '@fortawesome/pro-regular-svg-icons';
-import { faAngleDown as faAngleDown$1, faAngleUp, faUserFriends as faUserFriends$1, faArrowLeft, 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, faThumbsUp, 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 { faEllipsisV, faAngleDown, 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, 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 { 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,
+    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,
+    Google: faGoogle,
     Mastercard: faCcMastercard,
     Visa: faCcVisa,
     AnalyticsLight: faAnalytics,
     BellLight: faBell,
     BoxOfficeLight: faCashRegister,
     BullHornLight: faBullhorn,
-    CalculatorLight: faCalculator,
+    CalculatorLight: faCalculator$1,
     CalendarDayLight: faCalendarDay,
     CalendarLight: faCalendarAlt,
     CalendarStarLight: faCalendarStar,
     CancelLight: faTimes,
-    CheckLight: faCheck,
+    CartLight: faShoppingCart,
+    CheckLight: faCheck$1,
+    ClipboardLight: faClipboardListCheck,
     CopyLight: faCopy,
     EditLight: faEdit,
     EnvelopeLight: faEnvelope,
     EnvelopeOpenRegular: faEnvelopeOpenText,
     ExportLight: faFileExport,
     EyeLight: faEye,
-    FilterLight: faFilter,
-    GiftLight: faGift,
-    GlobeLinesLight: faGlobe,
+    FilterLight: faFilter$1,
+    GiftLight: faGift$1,
+    GlobeLinesLight: faGlobe$1,
     HelpLight: faQuestionCircle,
     HomeLight: faHome,
-    LinkLight: faLink,
+    LinkLight: faLink$1,
     Lock: faLock,
     MapPinLight: faMapMarkerAlt,
     MetricsLight: faChartBar,
@@ -44,75 +93,35 @@ var IconEnum = {
     PlugLight: faPlug,
     PlusCircleLight: faPlusCircle,
     ReceiptLight: faReceipt,
-    ReportLight: faFileChartLine,
+    ReportLight: faFileChartLine$1,
     Scan: faBarcodeRead,
-    SearchLight: faSearch,
+    SearchLight: faSearch$1,
     SeatingLight: faChair,
     ShareLight: faShare,
     SortByLight: faSortAlt,
     TeamLight: faUsersCrown,
-    UnlockLight: faUnlock,
+    ThumbsDownLight: faThumbsDown,
+    ThumbsUpLight: faThumbsUp,
+    UnlockLight: faUnlock$1,
     UploadLight: faUpload,
     UserLight: faUser,
-    UsersLight: faUsers,
+    UsersLight: faUsers$1,
     VenueLight: faLandmark,
     AnalyticsSolid: faAnalytics$1,
     CalendarStarSolid: faCalendarStar$1,
     CreditCardFront: faCreditCardFront,
-    FeeSolid: faUsdSquare,
-    KeySolid: faKey,
+    FeeSolid: faUsdSquare$1,
+    KeySolid: faKey$1,
     LongRightArrow: faLongArrowRight,
     QuestionSquareSolid: faQuestionSquare,
-    ReportSolid: faFileChartLine$1,
+    ReportSolid: faFileChartLine$2,
     SortBy: faSortAlt$1,
     TeamSolid: faUsersCrown$1,
-    UpgradeSolid: faArrowAltSquareUp,
-    AngleDownRegular: faAngleDown,
-    AudienceRegular: faUserFriends,
-    BoldRegular: faBold,
-    CalculatorRegular: faCalculator$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,
-    LeftChevronRegular: faChevronLeft,
-    LinkRegular: faLink$1,
-    OListRegular: faListOl,
-    PlusRegular: faPlus,
-    PrintRegular: faPrint,
-    ReportRegular: faFileChartLine$2,
-    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,
+    UpgradeSolid: faArrowAltSquareUp$1,
     AngleDownSolid: faAngleDown$1,
     AngleUpSolid: faAngleUp,
     AudienceSolid: faUserFriends$1,
-    BackArrow: faArrowLeft,
+    BackArrow: faArrowLeft$1,
     BoxOfficeSolid: faCashRegister$1,
     BullhornSolid: faBullhorn$1,
     CalculatorSolid: faCalculator$2,
@@ -136,7 +145,7 @@ var IconEnum = {
     HelpSolid: faQuestionCircle$1,
     HomeSolid: faHome$1,
     InfotipSolid: faInfoCircle,
-    LeftArrowSolid: faArrowLeft,
+    LeftArrowSolid: faArrowLeft$1,
     LeftChevronSolid: faChevronLeft$1,
     LockSolid: faLock$1,
     Menu: faBars,
@@ -158,8 +167,8 @@ var IconEnum = {
     ShareSolid: faShare$1,
     Sort: faSort,
     StarSolid: faStar,
-    ThumbsDownSolid: faThumbsDown,
-    ThumbsUpSolid: faThumbsUp,
+    ThumbsDownSolid: faThumbsDown$1,
+    ThumbsUpSolid: faThumbsUp$1,
     TicketSolid: faTicketAlt$1,
     UploadSolid: faUpload$1,
     UserCircle: faUserCircle,

package/build/components/Input.js

@@ -2,7 +2,7 @@ import { Colors } from '../Colors.js';
 import { __makeTemplateObject } from '../_virtual/_tslib.js';
 import React, { useState, Fragment } from 'react';
 import styled from 'styled-components';
-import { darken, lighten } from 'polished';
+import { darken } from 'polished';
 import Icon, { Icons } from './Icon.js';
 import Loader, { LoaderSizes } from './Loader.js';
 import Label from './Label.js';
@@ -25,12 +25,9 @@ var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObj
         return darken(0.05, Colors.Grey5);
     return Colors.Grey5;
 }, function (props) { return props.disabled ? Colors.Grey6 + " !important" : null; }, function (props) { return props.disabled ? Colors.Grey6 + " !important" : null; });
-var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n  background-color: ", ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ",
+var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ", ";\n  width: ", ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"], ["\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: ", ";\n  height: ",
     ";\n  width: ",
-    ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n  background-color: ",
-    ";\n\n  &:hover {\n    cursor: ", ";\n    background-color: ",
-    ";\n  }\n\n  &:active {\n    cursor: ", ";\n    background-color: ",
-    ";\n  }\n"])), Colors.White, function (props) {
+    ";\n  border-radius: 0 10px 10px 0;\n  top: -1px;\n  right: -1px;\n  transition: all 0.2s;\n\n  &:hover {\n    cursor: ", ";\n  }\n\n  &:active {\n    cursor: ", ";\n  }\n"])), Colors.White, function (props) {
     if (props.size === InputSizes.Large)
         return "50px";
     if (props.size === InputSizes.Regular)
@@ -42,22 +39,8 @@ var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateOb
     if (props.size === InputSizes.Regular)
         return "40px";
     return null;
-}, function (props) {
-    return props.canSubmit ? Colors.Orange : Colors.Grey6;
-}, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
-    return props.canSubmit ? lighten(0.025, Colors.Orange) : null;
-}, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
-    return props.canSubmit ? darken(0.025, Colors.Orange) : 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"])));
-/* height: ${(props) => {
-    if (props.size === InputSizes.Large) return "50px";
-    if (props.size === InputSizes.Regular) return "40px";
-  }};
-  width: ${(props) => {
-    if (props.size === InputSizes.Large) return "50px";
-    if (props.size === InputSizes.Regular) return "40px";
-  }}; */
 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 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: ",
@@ -105,6 +88,13 @@ function Input(_a) {
             return 14;
         return 14;
     })();
+    var submitIconSize = (function () {
+        if (size === InputSizes.Large)
+            return 18;
+        if (size === InputSizes.Regular)
+            return 16;
+        return 16;
+    })();
     return (React.createElement(Container, { width: width, margin: margin },
         React.createElement(Flex, { justify: "space-between" },
             label && React.createElement(Label, { text: label, subText: subLabel, tip: tip }),
@@ -150,9 +140,9 @@ function Input(_a) {
                         React.createElement(Spacer, null),
                         React.createElement(Button, { canSubmit: canSubmit, onClick: function (event) { return submit(event); }, size: size }, (function () {
                             if (loading) {
-                                return React.createElement(Loader, { size: LoaderSizes.VerySmall });
+                                return React.createElement(Loader, { size: LoaderSizes.VerySmall, color: Colors.Orange });
                             }
-                            return (React.createElement(Icon, { icon: Icons.RightChevronCircle, color: canSubmit ? Colors.White : Colors.Grey4, size: iconSize }));
+                            return (React.createElement(Icon, { icon: Icons.RightChevronCircle, color: canSubmit ? Colors.Orange : Colors.Grey5, size: submitIconSize }));
                         })())));
                 }
                 if (loading) {

package/build/components/TextButton.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 export declare enum TextButtonSizes {
+    Large = "Large",
     Regular = "Regular",
     Small = "Small"
 }

package/build/components/TextButton.js

@@ -6,12 +6,15 @@ import Icon from './Icon.js';
 
 var TextButtonSizes;
 (function (TextButtonSizes) {
+    TextButtonSizes["Large"] = "Large";
     TextButtonSizes["Regular"] = "Regular";
     TextButtonSizes["Small"] = "Small";
 })(TextButtonSizes || (TextButtonSizes = {}));
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"])), function (props) { return props.margin; });
 var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"], ["\n  font-size: ",
     ";\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
+    if (props.size === TextButtonSizes.Large)
+        return "1.8rem";
     if (props.size === TextButtonSizes.Regular)
         return "1.4rem";
     if (props.size === TextButtonSizes.Small)
@@ -21,6 +24,9 @@ var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObje
 var TextButton = function (_a) {
     var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation;
     var iconSize = (function () {
+        if (size === TextButtonSizes.Large) {
+            return 14;
+        }
         if (size === TextButtonSizes.Regular) {
             return 12;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "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.73",
-    "@sellout/utils": "^0.0.73",
+    "@sellout/models": "^0.0.75",
+    "@sellout/utils": "^0.0.75",
     "@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": "666f85457f55bbb2cf458f092e1013fc961de007",
+  "gitHead": "f56876971eb608d5c87c3dcbc1d49714158f80e4",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",