@sellout/ui 0.0.57 → 0.0.60

package/build/components/Icon.d.ts

@@ -1,29 +1,51 @@
 /// <reference types="react" />
 import { Colors } from "../Colors";
 export declare const Icons: {
+    Amex: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Discover: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Mastercard: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Visa: import("@fortawesome/free-brands-svg-icons").IconDefinition;
     AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalculatorLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckLight: 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;
     EnvelopeOpenRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    EyeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeLinesLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LinkLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Lock: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MetricsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OrganizationLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PhoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PiggyBankLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PlugLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReceiptLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ReportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Scan: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SeatingLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ShareLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    TeamLight: 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;
@@ -35,9 +57,12 @@ export declare const Icons: {
     FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    QuestionSquareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     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;
@@ -52,6 +77,9 @@ export declare const Icons: {
     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;
@@ -59,11 +87,14 @@ export declare const Icons: {
     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;
-    Settings: 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;
@@ -73,18 +104,21 @@ 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;
-    GiftRegular: 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;
     BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BullhornSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalculatorSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarDaySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalendarWeekSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Cancel: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CancelCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CaretDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Cash: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ContactSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CopySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CreditCardBack: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CrownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -92,14 +126,21 @@ export declare const Icons: {
     DeleteSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EnvelopeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EyeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeLinesSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     InfotipSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftArrowSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LockSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MetricsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OrganizationSolid: 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;
     PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -107,10 +148,15 @@ export declare const Icons: {
     RightChevronCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     RightChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SeatingSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SettingsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ShareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Sort: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    StarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ThumbsDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ThumbsUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     TicketSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UploadSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UserCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UserSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icon.js

@@ -0,0 +1,39 @@
+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 { IconEnum } from './Icons.js';
+
+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) {
+    if (props.color === "inherit")
+        return null;
+    return props.hoverColor;
+});
+var Icons = IconEnum;
+function Icon(_a) {
+    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, _d = _a.hoverColor, hoverColor = _d === void 0 ? null : _d, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 20 : _e, top = _a.top, left = _a.left, right = _a.right, _f = _a.position, position = _f === void 0 ? "relative" : _f, zIndex = _a.zIndex, margin = _a.margin, tip = _a.tip, transitionDuration = _a.transitionDuration, rotation = _a.rotation;
+    var cursor = onClick ? "pointer" : "";
+    if (icon === Icons.TicketRegular)
+        rotation = 90;
+    if (icon === Icons.TicketSolid)
+        rotation = 90;
+    return (React.createElement(Container, { color: color, hoverColor: hoverColor, "data-tip": tip },
+        React.createElement(FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
+                top: top,
+                left: left,
+                right: right,
+                position: position,
+                zIndex: zIndex,
+                fontSize: size,
+                transition: "all " + (transitionDuration || "0.2s"),
+                transform: rotation ? "rotate(" + rotation + "deg)" : undefined,
+                margin: margin,
+                cursor: cursor,
+            } })));
+}
+var templateObject_1;
+
+export default Icon;
+export { Icons };

package/build/components/Icons.d.ts

@@ -1,27 +1,49 @@
 export declare const IconEnum: {
+    Amex: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Discover: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Mastercard: import("@fortawesome/free-brands-svg-icons").IconDefinition;
+    Visa: import("@fortawesome/free-brands-svg-icons").IconDefinition;
     AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalculatorLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckLight: 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;
     EnvelopeOpenRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    EyeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GiftLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeLinesLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LinkLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Lock: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MetricsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OrganizationLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PhoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PiggyBankLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    PlugLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReceiptLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ReportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    Scan: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SeatingLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ShareLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    TeamLight: 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;
@@ -33,9 +55,12 @@ export declare const IconEnum: {
     FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    QuestionSquareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     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;
@@ -50,6 +75,9 @@ export declare const IconEnum: {
     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;
@@ -57,11 +85,14 @@ export declare const IconEnum: {
     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;
-    Settings: 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;
@@ -71,18 +102,21 @@ export declare const IconEnum: {
     Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GiftRegular: 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;
     BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     BullhornSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalculatorSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CalendarDaySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    CalendarWeekSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Cancel: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CancelCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CaretDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Cash: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ContactSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CopySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CreditCardBack: import("@fortawesome/fontawesome-common-types").IconDefinition;
     CrownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -90,14 +124,21 @@ export declare const IconEnum: {
     DeleteSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EnvelopeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     EyeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeLinesSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    GlobeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     InfotipSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftArrowSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     LeftChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    LockSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    MetricsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    OrganizationSolid: 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;
     PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -105,10 +146,15 @@ export declare const IconEnum: {
     RightChevronCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     RightChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     SearchSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SeatingSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    SettingsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ShareSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     Sort: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    StarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ThumbsDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     ThumbsUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     TicketSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    UploadSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UserCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UserSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
     UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;

package/build/components/Icons.js

@@ -0,0 +1,181 @@
+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 { 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 = {
+    Amex: faCcAmex,
+    Discover: faCcDiscover,
+    Mastercard: faCcMastercard,
+    Visa: faCcVisa,
+    AnalyticsLight: faAnalytics,
+    BellLight: faBell,
+    BoxOfficeLight: faCashRegister,
+    BullHornLight: faBullhorn,
+    CalculatorLight: faCalculator,
+    CalendarDayLight: faCalendarDay,
+    CalendarLight: faCalendarAlt,
+    CalendarStarLight: faCalendarStar,
+    CancelLight: faTimes,
+    CheckLight: faCheck,
+    CopyLight: faCopy,
+    EditLight: faEdit,
+    EnvelopeLight: faEnvelope,
+    EnvelopeOpenRegular: faEnvelopeOpenText,
+    ExportLight: faFileExport,
+    EyeLight: faEye,
+    FilterLight: faFilter,
+    GiftLight: faGift,
+    GlobeLinesLight: faGlobe,
+    HelpLight: faQuestionCircle,
+    HomeLight: faHome,
+    LinkLight: faLink,
+    Lock: faLock,
+    MapPinLight: faMapMarkerAlt,
+    MetricsLight: faChartBar,
+    MicrophoneLight: faMicrophoneAlt,
+    MinusCircleLight: faMinusCircle,
+    MobileLight: faMobileAlt,
+    OrganizationLight: faBuilding,
+    PhoneLight: faPhone,
+    PiggyBankLight: faPiggyBank,
+    PlugLight: faPlug,
+    PlusCircleLight: faPlusCircle,
+    ReceiptLight: faReceipt,
+    ReportLight: faFileChartLine,
+    Scan: faBarcodeRead,
+    SearchLight: faSearch,
+    SeatingLight: faChair,
+    ShareLight: faShare,
+    SortByLight: faSortAlt,
+    TeamLight: faUsersCrown,
+    UnlockLight: faUnlock,
+    UploadLight: faUpload,
+    UserLight: faUser,
+    UsersLight: faUsers,
+    VenueLight: faLandmark,
+    AnalyticsSolid: faAnalytics$1,
+    CalendarStarSolid: faCalendarStar$1,
+    CreditCardFront: faCreditCardFront,
+    FeeSolid: faUsdSquare,
+    KeySolid: faKey,
+    LongRightArrow: faLongArrowRight,
+    QuestionSquareSolid: faQuestionSquare,
+    ReportSolid: faFileChartLine$1,
+    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,
+    AngleDownSolid: faAngleDown$1,
+    AngleUpSolid: faAngleUp,
+    AudienceSolid: faUserFriends$1,
+    BackArrow: faArrowLeft,
+    BoxOfficeSolid: faCashRegister$1,
+    BullhornSolid: faBullhorn$1,
+    CalculatorSolid: faCalculator$2,
+    CalendarDaySolid: faCalendarDay$1,
+    CalendarWeekSolid: faCalendarWeek,
+    Cancel: faTimes$1,
+    CancelCircle: faTimesCircle,
+    CaretDown: faCaretDown,
+    Cash: faMoneyBill,
+    CheckCircle: faCheckCircle,
+    ContactSolid: faUserTie,
+    CopySolid: faCopy$1,
+    CreditCardBack: faCreditCard,
+    CrownSolid: faCrown$1,
+    Cursor: faICursor,
+    DeleteSolid: faTrash$1,
+    EnvelopeSolid: faEnvelope$1,
+    EyeSolid: faEye$1,
+    GlobeLinesSolid: faGlobe$2,
+    GlobeSolid: faGlobeAmericas$1,
+    HelpSolid: faQuestionCircle$1,
+    HomeSolid: faHome$1,
+    InfotipSolid: faInfoCircle,
+    LeftArrowSolid: faArrowLeft,
+    LeftChevronSolid: faChevronLeft$1,
+    LockSolid: faLock$1,
+    Menu: faBars,
+    MetricsSolid: faChartBar$1,
+    MicrophoneSolid: faMicrophoneAlt$1,
+    MobileSolid: faMobileAlt$1,
+    OrganizationSolid: faBuilding$1,
+    PiggyBankSolid: faPiggyBank$1,
+    PlugSolid: faPlug$1,
+    Plus: faPlus$1,
+    PlusCircle: faPlusCircle$1,
+    PrintSolid: faPrint$1,
+    ReceiptSolid: faReceipt$1,
+    RightChevronCircle: faChevronCircleRight,
+    RightChevronSolid: faChevronRight$1,
+    SearchSolid: faSearch$2,
+    SeatingSolid: faChair$1,
+    SettingsSolid: faCog$1,
+    ShareSolid: faShare$1,
+    Sort: faSort,
+    StarSolid: faStar,
+    ThumbsDownSolid: faThumbsDown,
+    ThumbsUpSolid: faThumbsUp,
+    TicketSolid: faTicketAlt$1,
+    UploadSolid: faUpload$1,
+    UserCircle: faUserCircle,
+    UserSolid: faUser$1,
+    UsersSolid: faUsers$2,
+    VenueSolid: faLandmark$1,
+    Warning: faExclamationTriangle,
+    CalendarRegular: faCalendarAlt$1,
+    Clock: faClock,
+    CopyRegular: faCopy$2,
+    Edit: faEdit$1,
+    EyeRegular: faEye$2,
+    EyeSlashRegular: faEyeSlash,
+    Help: faLifeRing,
+    SadTear: faSadTear,
+    UserRegular: faUser$2,
+};
+
+export { IconEnum };

package/build/components/Input.d.ts

@@ -1,4 +1,9 @@
 import React from "react";
+import { Colors } from "../Colors";
+export declare enum InputSizes {
+    Large = "Large",
+    Regular = "Regular"
+}
 export declare type InputProps = {
     inputRef?: React.Ref<HTMLInputElement>;
     autoFocus?: boolean | undefined;
@@ -6,7 +11,9 @@ export declare type InputProps = {
     value: string;
     defaultValue?: string;
     icon?: any;
+    iconColor?: Colors;
     type?: string;
+    size?: InputSizes;
     onMouseEnter?: any;
     onMouseLeave?: any;
     onChange?: any;
@@ -19,5 +26,13 @@ export declare type InputProps = {
     margin?: string;
     padding?: string;
     width?: string;
+    onEnter?: Function;
+    label?: string;
+    subLabel?: string;
+    tip?: string;
+    maxLength?: number;
+    iconConditionalColor?: any;
+    validationError?: string;
+    disabled?: boolean;
 };
-export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, }: InputProps): JSX.Element;
+export default function Input({ inputRef, autoFocus, placeholder, value, defaultValue, icon, iconColor, size, type, onMouseEnter, onMouseLeave, onChange, onFocus, onBlur, onSubmit, onClear, canSubmit, loading, margin, padding, width, onEnter, label, subLabel, tip, maxLength, iconConditionalColor, validationError, disabled, }: InputProps): JSX.Element;