@sellout/ui 0.0.29 → 0.0.31

package/build/index.js

@@ -9,10 +9,10 @@ var React__default = _interopDefault(React);
 var styled = _interopDefault(require('styled-components'));
 var Polished = require('polished');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
-var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var proLightSvgIcons = require('@fortawesome/pro-light-svg-icons');
 var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var proRegularSvgIcons = require('@fortawesome/pro-regular-svg-icons');
+var freeSolidSvgIcons = require('@fortawesome/free-solid-svg-icons');
 var freeRegularSvgIcons = require('@fortawesome/free-regular-svg-icons');
 var AnimateHeight = _interopDefault(require('react-animate-height'));
 var PriceUtil = require('@sellout/utils/.dist/price');
@@ -89,52 +89,12 @@ function Loader(_a) {
 var templateObject_1;
 
 var IconEnum = {
-    LeftArrowSolid: freeSolidSvgIcons.faArrowLeft,
-    AudienceSolid: freeSolidSvgIcons.faUserFriends,
-    BackArrow: freeSolidSvgIcons.faArrowLeft,
-    Bold: freeSolidSvgIcons.faBold,
-    BoxOfficeSolid: freeSolidSvgIcons.faCashRegister,
-    BullhornSolid: freeSolidSvgIcons.faBullhorn,
-    CalculatorSolid: freeSolidSvgIcons.faCalculator,
-    CalendarDaySolid: freeSolidSvgIcons.faCalendarDay,
-    Cancel: freeSolidSvgIcons.faTimes,
-    CancelCircle: freeSolidSvgIcons.faTimesCircle,
-    CaretDown: freeSolidSvgIcons.faCaretDown,
-    Cash: freeSolidSvgIcons.faMoneyBill,
-    CheckCircle: freeSolidSvgIcons.faCheckCircle,
-    CopySolid: freeSolidSvgIcons.faCopy,
-    CreditCardBack: freeSolidSvgIcons.faCreditCard,
-    CrownSolid: freeSolidSvgIcons.faCrown,
-    Cursor: freeSolidSvgIcons.faICursor,
-    DeleteSolid: freeSolidSvgIcons.faTrash,
-    EnvelopeSolid: freeSolidSvgIcons.faEnvelope,
-    EyeSolid: freeSolidSvgIcons.faEye,
-    HelpSolid: freeSolidSvgIcons.faQuestionCircle,
-    HomeSolid: freeSolidSvgIcons.faHome,
-    Italic: freeSolidSvgIcons.faItalic,
-    Menu: freeSolidSvgIcons.faBars,
-    MicrophoneSolid: freeSolidSvgIcons.faMicrophoneAlt,
-    MobileSolid: freeSolidSvgIcons.faMobileAlt,
-    Plus: freeSolidSvgIcons.faPlus,
-    PlusCircle: freeSolidSvgIcons.faPlusCircle,
-    PrintSolid: freeSolidSvgIcons.faPrint,
-    ReceiptSolid: freeSolidSvgIcons.faReceipt,
-    RightChevron: freeSolidSvgIcons.faChevronRight,
-    RightChevronCircle: freeSolidSvgIcons.faChevronCircleRight,
-    SearchSolid: freeSolidSvgIcons.faSearch,
-    Sort: freeSolidSvgIcons.faSort,
-    TicketSolid: freeSolidSvgIcons.faTicketAlt,
-    Underline: freeSolidSvgIcons.faUnderline,
-    UserCircle: freeSolidSvgIcons.faUserCircle,
-    UserSolid: freeSolidSvgIcons.faUser,
-    UsersSolid: freeSolidSvgIcons.faUsers,
-    VenueSolid: freeSolidSvgIcons.faLandmark,
-    Warning: freeSolidSvgIcons.faExclamationTriangle,
     AnalyticsLight: proLightSvgIcons.faAnalytics,
     BellLight: proLightSvgIcons.faBell,
     BoxOfficeLight: proLightSvgIcons.faCashRegister,
     BullHornLight: proLightSvgIcons.faBullhorn,
     CalendarDayLight: proLightSvgIcons.faCalendarDay,
+    CalendarLight: proLightSvgIcons.faCalendarAlt,
     CalendarStarLight: proLightSvgIcons.faCalendarStar,
     CheckLight: proLightSvgIcons.faCheck,
     EnvelopeLight: proLightSvgIcons.faEnvelope,
@@ -159,12 +119,13 @@ var IconEnum = {
     CalendarStarSolid: proSolidSvgIcons.faCalendarStar,
     CreditCardFront: proSolidSvgIcons.faCreditCardFront,
     FeeSolid: proSolidSvgIcons.faUsdSquare,
-    KeySolid: proSolidSvgIcons.faKeySkeleton,
+    KeySolid: proSolidSvgIcons.faKey,
     LongRightArrow: proSolidSvgIcons.faLongArrowRight,
     ReportSolid: proSolidSvgIcons.faFileChartLine,
     SortBy: proSolidSvgIcons.faSortAlt,
     UpgradeSolid: proSolidSvgIcons.faArrowAltSquareUp,
     AudienceRegular: proRegularSvgIcons.faUserFriends,
+    BoldRegular: proRegularSvgIcons.faBold,
     CalculatorRegular: proRegularSvgIcons.faCalculator,
     CheckRegular: proRegularSvgIcons.faCheck,
     Cheers: proRegularSvgIcons.faGlassCheers,
@@ -179,22 +140,64 @@ var IconEnum = {
     FilterRegular: proRegularSvgIcons.faFilter,
     GlobeRegular: proRegularSvgIcons.faGlobeAmericas,
     GraphGrowth: proRegularSvgIcons.faChartLine,
-    KeyRegular: proRegularSvgIcons.faKeySkeleton,
-    LeftChevron: proRegularSvgIcons.faChevronLeft,
-    Link: proRegularSvgIcons.faLink,
+    ItalicRegular: proRegularSvgIcons.faItalic,
+    KeyRegular: proRegularSvgIcons.faKey,
+    LeftChevronRegular: proRegularSvgIcons.faChevronLeft,
+    LinkRegular: proRegularSvgIcons.faLink,
     PrintRegular: proRegularSvgIcons.faPrint,
     ReportRegular: proRegularSvgIcons.faFileChartLine,
     SearchRegular: proRegularSvgIcons.faSearch,
     Settings: proRegularSvgIcons.faCog,
     SignOut: proRegularSvgIcons.faSignOut,
     TicketRegular: proRegularSvgIcons.faTicketAlt,
+    UnderlineRegular: proRegularSvgIcons.faUnderline,
     UnlockRegular: proRegularSvgIcons.faUnlock,
     UpArrow: proRegularSvgIcons.faArrowAltUp,
     Update: proRegularSvgIcons.faMegaphone,
     UpgradeRegular: proRegularSvgIcons.faArrowAltSquareUp,
     Upload: proRegularSvgIcons.faUpload,
     UsersRegular: proRegularSvgIcons.faUsers,
-    Calendar: freeRegularSvgIcons.faCalendarAlt,
+    AudienceSolid: freeSolidSvgIcons.faUserFriends,
+    BackArrow: freeSolidSvgIcons.faArrowLeft,
+    BoxOfficeSolid: freeSolidSvgIcons.faCashRegister,
+    BullhornSolid: freeSolidSvgIcons.faBullhorn,
+    CalculatorSolid: freeSolidSvgIcons.faCalculator,
+    CalendarDaySolid: freeSolidSvgIcons.faCalendarDay,
+    Cancel: freeSolidSvgIcons.faTimes,
+    CancelCircle: freeSolidSvgIcons.faTimesCircle,
+    CaretDown: freeSolidSvgIcons.faCaretDown,
+    Cash: freeSolidSvgIcons.faMoneyBill,
+    CheckCircle: freeSolidSvgIcons.faCheckCircle,
+    CopySolid: freeSolidSvgIcons.faCopy,
+    CreditCardBack: freeSolidSvgIcons.faCreditCard,
+    CrownSolid: freeSolidSvgIcons.faCrown,
+    Cursor: freeSolidSvgIcons.faICursor,
+    DeleteSolid: freeSolidSvgIcons.faTrash,
+    EnvelopeSolid: freeSolidSvgIcons.faEnvelope,
+    EyeSolid: freeSolidSvgIcons.faEye,
+    HelpSolid: freeSolidSvgIcons.faQuestionCircle,
+    HomeSolid: freeSolidSvgIcons.faHome,
+    InfotipSolid: freeSolidSvgIcons.faInfoCircle,
+    LeftArrowSolid: freeSolidSvgIcons.faArrowLeft,
+    LeftChevronSolid: freeSolidSvgIcons.faChevronLeft,
+    Menu: freeSolidSvgIcons.faBars,
+    MicrophoneSolid: freeSolidSvgIcons.faMicrophoneAlt,
+    MobileSolid: freeSolidSvgIcons.faMobileAlt,
+    Plus: freeSolidSvgIcons.faPlus,
+    PlusCircle: freeSolidSvgIcons.faPlusCircle,
+    PrintSolid: freeSolidSvgIcons.faPrint,
+    ReceiptSolid: freeSolidSvgIcons.faReceipt,
+    RightChevronCircle: freeSolidSvgIcons.faChevronCircleRight,
+    RightChevronSolid: freeSolidSvgIcons.faChevronRight,
+    SearchSolid: freeSolidSvgIcons.faSearch,
+    Sort: freeSolidSvgIcons.faSort,
+    TicketSolid: freeSolidSvgIcons.faTicketAlt,
+    UserCircle: freeSolidSvgIcons.faUserCircle,
+    UserSolid: freeSolidSvgIcons.faUser,
+    UsersSolid: freeSolidSvgIcons.faUsers,
+    VenueSolid: freeSolidSvgIcons.faLandmark,
+    Warning: freeSolidSvgIcons.faExclamationTriangle,
+    CalendarRegular: freeRegularSvgIcons.faCalendarAlt,
     Clock: freeRegularSvgIcons.faClock,
     CopyRegular: freeRegularSvgIcons.faCopy,
     Edit: freeRegularSvgIcons.faEdit,
@@ -205,17 +208,17 @@ var IconEnum = {
     UserRegular: freeRegularSvgIcons.faUser,
 };
 
-var Container = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n  color: ", ";\n  /* transition: all 0.2s; */\n\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  /* transition: all 0.2s; */\n\n  &:hover {\n    color: ",
+var Container = styled.div(templateObject_1$1 || (templateObject_1$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')
+    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 ? exports.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;
-    var cursor = onClick ? 'pointer' : '';
-    return (React__default.createElement(Container, { color: color, hoverColor: hoverColor },
+    var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? exports.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;
+    var cursor = onClick ? "pointer" : "";
+    return (React__default.createElement(Container, { color: color, hoverColor: hoverColor, "data-tip": tip },
         React__default.createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
                 top: top,
                 left: left,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.29",
+  "version": "0.0.31",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "jsnext:main": "build/index.es.js",
@@ -46,12 +46,12 @@
     "@fortawesome/pro-regular-svg-icons": "^5.12.1",
     "@fortawesome/pro-solid-svg-icons": "^5.12.1",
     "@fortawesome/react-fontawesome": "^0.1.9",
-    "@sellout/utils": "^0.0.29",
+    "@sellout/utils": "^0.0.31",
     "csvtojson": "^2.0.10",
     "polished": "^3.4.4",
     "react-animate-height": "^2.0.20"
   },
-  "gitHead": "70adadf7f8bb581e78c2b263dd3eba3d25107588",
+  "gitHead": "e424148c90ea5d7d92e628e71feeddb544018e40",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

package/src/components/Icon.tsx

@@ -1,18 +1,16 @@
-import React from 'react';
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import React from "react";
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { Colors } from "../Colors";
 import { IconEnum } from "./Icons";
-import styled from 'styled-components';
-
+import styled from "styled-components";
 
 const Container = styled.div<any>`
-  color: ${props => props.color};
-  /* transition: all 0.2s; */
+  color: ${(props) => props.color};
 
   &:hover {
-    color: ${props => {
-      if(props.color === 'inherit') return null;
-        return props.hoverColor;
+    color: ${(props) => {
+      if (props.color === "inherit") return null;
+      return props.hoverColor;
     }};
   }
 `;
@@ -31,9 +29,10 @@ export type IconProps = {
   right?: string | number | undefined;
   zIndex?: number | void;
   margin?: string | number | undefined;
+  tip?: string;
 };
 
-export default function Icon({ 
+export default function Icon({
   icon = Icons.AudienceRegular,
   color = Colors.Orange,
   hoverColor = null,
@@ -42,14 +41,15 @@ export default function Icon({
   top,
   left,
   right,
-  position = 'relative' as any,
+  position = "relative" as any,
   zIndex,
   margin,
+  tip,
 }: IconProps) {
-  const cursor: string = onClick ? 'pointer' : '';
+  const cursor: string = onClick ? "pointer" : "";
 
   return (
-    <Container color={color} hoverColor={hoverColor}>
+    <Container color={color} hoverColor={hoverColor} data-tip={tip}>
       <FontAwesomeIcon
         icon={icon as any}
         onClick={onClick}

package/src/components/Icons.ts

@@ -1,165 +1,128 @@
-import { faArrowLeft as LeftArrowSolid} from '@fortawesome/free-solid-svg-icons'
-import { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons'
-import { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons'
-import { faBold as Bold} from '@fortawesome/free-solid-svg-icons'
-import { faCashRegister as BoxOfficeSolid} from '@fortawesome/free-solid-svg-icons'
-import { faBullhorn as BullhornSolid} from '@fortawesome/free-solid-svg-icons'
-import { faCalculator as CalculatorSolid} from '@fortawesome/free-solid-svg-icons'
-import { faCalendarDay as CalendarDaySolid} from '@fortawesome/free-solid-svg-icons'
-import { faTimes as Cancel} from '@fortawesome/free-solid-svg-icons'
-import { faTimesCircle as CancelCircle} from '@fortawesome/free-solid-svg-icons'
-import { faCaretDown as CaretDown} from '@fortawesome/free-solid-svg-icons'
-import { faMoneyBill as Cash} from '@fortawesome/free-solid-svg-icons'
-import { faCheckCircle as CheckCircle} from '@fortawesome/free-solid-svg-icons'
-import { faCopy as CopySolid} from '@fortawesome/free-solid-svg-icons'
-import { faCreditCard as CreditCardBack} from '@fortawesome/free-solid-svg-icons'
-import { faCrown as CrownSolid} from '@fortawesome/free-solid-svg-icons'
-import { faICursor as Cursor} from '@fortawesome/free-solid-svg-icons'
-import { faTrash as DeleteSolid} from '@fortawesome/free-solid-svg-icons'
-import { faEnvelope as EnvelopeSolid} from '@fortawesome/free-solid-svg-icons'
-import { faEye as EyeSolid} from '@fortawesome/free-solid-svg-icons'
-import { faQuestionCircle as HelpSolid} from '@fortawesome/free-solid-svg-icons'
-import { faHome as HomeSolid} from '@fortawesome/free-solid-svg-icons'
-import { faItalic as Italic} from '@fortawesome/free-solid-svg-icons'
-import { faBars as Menu} from '@fortawesome/free-solid-svg-icons'
-import { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons'
-import { faMobileAlt as MobileSolid} from '@fortawesome/free-solid-svg-icons'
-import { faPlus as Plus} from '@fortawesome/free-solid-svg-icons'
-import { faPlusCircle as PlusCircle} from '@fortawesome/free-solid-svg-icons'
-import { faPrint as PrintSolid} from '@fortawesome/free-solid-svg-icons'
-import { faReceipt as ReceiptSolid} from '@fortawesome/free-solid-svg-icons'
-import { faChevronRight as RightChevron} from '@fortawesome/free-solid-svg-icons'
-import { faChevronCircleRight as RightChevronCircle} from '@fortawesome/free-solid-svg-icons'
-import { faSearch as SearchSolid} from '@fortawesome/free-solid-svg-icons'
-import { faSort as Sort} from '@fortawesome/free-solid-svg-icons'
-import { faTicketAlt as TicketSolid} from '@fortawesome/free-solid-svg-icons'
-import { faUnderline as Underline} from '@fortawesome/free-solid-svg-icons'
-import { faUserCircle as UserCircle} from '@fortawesome/free-solid-svg-icons'
-import { faUser as UserSolid} from '@fortawesome/free-solid-svg-icons'
-import { faUsers as UsersSolid} from '@fortawesome/free-solid-svg-icons'
-import { faLandmark as VenueSolid} from '@fortawesome/free-solid-svg-icons'
-import { faExclamationTriangle as Warning} from '@fortawesome/free-solid-svg-icons'
-import { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons'
-import { faBell as BellLight} from '@fortawesome/pro-light-svg-icons'
-import { faCashRegister as BoxOfficeLight} from '@fortawesome/pro-light-svg-icons'
-import { faBullhorn as BullHornLight} from '@fortawesome/pro-light-svg-icons'
-import { faCalendarDay as CalendarDayLight} from '@fortawesome/pro-light-svg-icons'
-import { faCalendarStar as CalendarStarLight} from '@fortawesome/pro-light-svg-icons'
-import { faCheck as CheckLight} from '@fortawesome/pro-light-svg-icons'
-import { faEnvelope as EnvelopeLight} from '@fortawesome/pro-light-svg-icons'
-import { faFileExport as ExportLight} from '@fortawesome/pro-light-svg-icons'
-import { faFilter as FilterLight} from '@fortawesome/pro-light-svg-icons'
-import { faQuestionCircle as HelpLight} from '@fortawesome/pro-light-svg-icons'
-import { faHome as HomeLight} from '@fortawesome/pro-light-svg-icons'
-import { faLock as Lock} from '@fortawesome/pro-light-svg-icons'
-import { faMapMarkerAlt as mapPinLight} from '@fortawesome/pro-light-svg-icons'
-import { faMicrophoneAlt as MicrophoneLight} from '@fortawesome/pro-light-svg-icons'
-import { faMinusCircle as MinusCircleLight} from '@fortawesome/pro-light-svg-icons'
-import { faMobileAlt as MobileLight} from '@fortawesome/pro-light-svg-icons'
-import { faPlusCircle as PlusCircleLight} from '@fortawesome/pro-light-svg-icons'
-import { faReceipt as ReceiptLight} from '@fortawesome/pro-light-svg-icons'
-import { faSearch as SearchLight} from '@fortawesome/pro-light-svg-icons'
-import { faSortAlt as SortByLight} from '@fortawesome/pro-light-svg-icons'
-import { faUnlock as UnlockLight} from '@fortawesome/pro-light-svg-icons'
-import { faUser as UserLight} from '@fortawesome/pro-light-svg-icons'
-import { faUsers as UsersLight} from '@fortawesome/pro-light-svg-icons'
-import { faLandmark as VenueLight} from '@fortawesome/pro-light-svg-icons'
-import { faAnalytics as AnalyticsSolid} from '@fortawesome/pro-solid-svg-icons'
-import { faCalendarStar as CalendarStarSolid} from '@fortawesome/pro-solid-svg-icons'
-import { faCreditCardFront as CreditCardFront} from '@fortawesome/pro-solid-svg-icons'
-import { faUsdSquare as FeeSolid} from '@fortawesome/pro-solid-svg-icons'
-import { faKeySkeleton as KeySolid} from '@fortawesome/pro-solid-svg-icons'
-import { faLongArrowRight as LongRightArrow} from '@fortawesome/pro-solid-svg-icons'
-import { faFileChartLine as ReportSolid} from '@fortawesome/pro-solid-svg-icons'
-import { faSortAlt as SortBy} from '@fortawesome/pro-solid-svg-icons'
-import { faArrowAltSquareUp as UpgradeSolid} from '@fortawesome/pro-solid-svg-icons'
-import { faUserFriends as AudienceRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faCheck as CheckRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faGlassCheers as Cheers} from '@fortawesome/pro-regular-svg-icons'
-import { faClipboardList as Clipboard} from '@fortawesome/pro-regular-svg-icons'
-import { faCrown as CrownRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faTrash as DeleteRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faDollarSign as Dollar} from '@fortawesome/pro-regular-svg-icons'
-import { faArrowAltDown as DownArrow} from '@fortawesome/pro-regular-svg-icons'
-import { faFileDownload as DownloadReport} from '@fortawesome/pro-regular-svg-icons'
-import { faCode as Embed} from '@fortawesome/pro-regular-svg-icons'
-import { faUsdSquare as FeeRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faFilter as FilterRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faGlobeAmericas as GlobeRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faChartLine as GraphGrowth} from '@fortawesome/pro-regular-svg-icons'
-import { faKeySkeleton as KeyRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faChevronLeft as LeftChevron} from '@fortawesome/pro-regular-svg-icons'
-import { faLink as Link} from '@fortawesome/pro-regular-svg-icons'
-import { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faCog as Settings} from '@fortawesome/pro-regular-svg-icons'
-import { faSignOut as SignOut} from '@fortawesome/pro-regular-svg-icons'
-import { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faUnlock as UnlockRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons'
-import { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons'
-import { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faUpload as Upload} from '@fortawesome/pro-regular-svg-icons'
-import { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons'
-import { faCalendarAlt as Calendar} from '@fortawesome/free-regular-svg-icons'
-import { faClock as Clock} from '@fortawesome/free-regular-svg-icons'
-import { faCopy as CopyRegular} from '@fortawesome/free-regular-svg-icons'
-import { faEdit as Edit} from '@fortawesome/free-regular-svg-icons'
-import { faEye as EyeRegular} from '@fortawesome/free-regular-svg-icons'
-import { faEyeSlash as EyeSlashRegular} from '@fortawesome/free-regular-svg-icons'
-import { faLifeRing as Help} from '@fortawesome/free-regular-svg-icons'
-import { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons'
-import { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons'
+import { faAnalytics as AnalyticsLight } from "@fortawesome/pro-light-svg-icons";
+import { faBell as BellLight } from "@fortawesome/pro-light-svg-icons";
+import { faCashRegister as BoxOfficeLight } from "@fortawesome/pro-light-svg-icons";
+import { faBullhorn as BullHornLight } from "@fortawesome/pro-light-svg-icons";
+import { faCalendarDay as CalendarDayLight } from "@fortawesome/pro-light-svg-icons";
+import { faCalendarAlt as CalendarLight } from "@fortawesome/pro-light-svg-icons";
+import { faCalendarStar as CalendarStarLight } from "@fortawesome/pro-light-svg-icons";
+import { faCheck as CheckLight } from "@fortawesome/pro-light-svg-icons";
+import { faEnvelope as EnvelopeLight } from "@fortawesome/pro-light-svg-icons";
+import { faFileExport as ExportLight } from "@fortawesome/pro-light-svg-icons";
+import { faFilter as FilterLight } from "@fortawesome/pro-light-svg-icons";
+import { faQuestionCircle as HelpLight } from "@fortawesome/pro-light-svg-icons";
+import { faHome as HomeLight } from "@fortawesome/pro-light-svg-icons";
+import { faLock as Lock } from "@fortawesome/pro-light-svg-icons";
+import { faMapMarkerAlt as mapPinLight } from "@fortawesome/pro-light-svg-icons";
+import { faMicrophoneAlt as MicrophoneLight } from "@fortawesome/pro-light-svg-icons";
+import { faMinusCircle as MinusCircleLight } from "@fortawesome/pro-light-svg-icons";
+import { faMobileAlt as MobileLight } from "@fortawesome/pro-light-svg-icons";
+import { faPlusCircle as PlusCircleLight } from "@fortawesome/pro-light-svg-icons";
+import { faReceipt as ReceiptLight } from "@fortawesome/pro-light-svg-icons";
+import { faSearch as SearchLight } from "@fortawesome/pro-light-svg-icons";
+import { faSortAlt as SortByLight } from "@fortawesome/pro-light-svg-icons";
+import { faUnlock as UnlockLight } from "@fortawesome/pro-light-svg-icons";
+import { faUser as UserLight } from "@fortawesome/pro-light-svg-icons";
+import { faUsers as UsersLight } from "@fortawesome/pro-light-svg-icons";
+import { faLandmark as VenueLight } from "@fortawesome/pro-light-svg-icons";
+import { faAnalytics as AnalyticsSolid } from "@fortawesome/pro-solid-svg-icons";
+import { faCalendarStar as CalendarStarSolid } from "@fortawesome/pro-solid-svg-icons";
+import { faCreditCardFront as CreditCardFront } from "@fortawesome/pro-solid-svg-icons";
+import { faUsdSquare as FeeSolid } from "@fortawesome/pro-solid-svg-icons";
+import { faKey as KeySolid } from "@fortawesome/pro-solid-svg-icons";
+import { faLongArrowRight as LongRightArrow } from "@fortawesome/pro-solid-svg-icons";
+import { faFileChartLine as ReportSolid } from "@fortawesome/pro-solid-svg-icons";
+import { faSortAlt as SortBy } from "@fortawesome/pro-solid-svg-icons";
+import { faArrowAltSquareUp as UpgradeSolid } from "@fortawesome/pro-solid-svg-icons";
+import { faUserFriends as AudienceRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faBold as BoldRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faCalculator as CalculatorRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faCheck as CheckRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faGlassCheers as Cheers } from "@fortawesome/pro-regular-svg-icons";
+import { faClipboardList as Clipboard } from "@fortawesome/pro-regular-svg-icons";
+import { faCrown as CrownRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faTrash as DeleteRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faDollarSign as Dollar } from "@fortawesome/pro-regular-svg-icons";
+import { faArrowAltDown as DownArrow } from "@fortawesome/pro-regular-svg-icons";
+import { faFileDownload as DownloadReport } from "@fortawesome/pro-regular-svg-icons";
+import { faCode as Embed } from "@fortawesome/pro-regular-svg-icons";
+import { faUsdSquare as FeeRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faFilter as FilterRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faGlobeAmericas as GlobeRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faChartLine as GraphGrowth } from "@fortawesome/pro-regular-svg-icons";
+import { faItalic as ItalicRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faKey as KeyRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faChevronLeft as LeftChevronRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faLink as LinkRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faPrint as PrintRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faFileChartLine as ReportRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faSearch as SearchRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faCog as Settings } from "@fortawesome/pro-regular-svg-icons";
+import { faSignOut as SignOut } from "@fortawesome/pro-regular-svg-icons";
+import { faTicketAlt as TicketRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faUnderline as UnderlineRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faUnlock as UnlockRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faArrowAltUp as UpArrow } from "@fortawesome/pro-regular-svg-icons";
+import { faMegaphone as Update } from "@fortawesome/pro-regular-svg-icons";
+import { faArrowAltSquareUp as UpgradeRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faUpload as Upload } from "@fortawesome/pro-regular-svg-icons";
+import { faUsers as UsersRegular } from "@fortawesome/pro-regular-svg-icons";
+import { faUserFriends as AudienceSolid } from "@fortawesome/free-solid-svg-icons";
+import { faArrowLeft as BackArrow } from "@fortawesome/free-solid-svg-icons";
+import { faCashRegister as BoxOfficeSolid } from "@fortawesome/free-solid-svg-icons";
+import { faBullhorn as BullhornSolid } from "@fortawesome/free-solid-svg-icons";
+import { faCalculator as CalculatorSolid } from "@fortawesome/free-solid-svg-icons";
+import { faCalendarDay as CalendarDaySolid } from "@fortawesome/free-solid-svg-icons";
+import { faTimes as Cancel } from "@fortawesome/free-solid-svg-icons";
+import { faTimesCircle as CancelCircle } from "@fortawesome/free-solid-svg-icons";
+import { faCaretDown as CaretDown } from "@fortawesome/free-solid-svg-icons";
+import { faMoneyBill as Cash } from "@fortawesome/free-solid-svg-icons";
+import { faCheckCircle as CheckCircle } from "@fortawesome/free-solid-svg-icons";
+import { faCopy as CopySolid } from "@fortawesome/free-solid-svg-icons";
+import { faCreditCard as CreditCardBack } from "@fortawesome/free-solid-svg-icons";
+import { faCrown as CrownSolid } from "@fortawesome/free-solid-svg-icons";
+import { faICursor as Cursor } from "@fortawesome/free-solid-svg-icons";
+import { faTrash as DeleteSolid } from "@fortawesome/free-solid-svg-icons";
+import { faEnvelope as EnvelopeSolid } from "@fortawesome/free-solid-svg-icons";
+import { faEye as EyeSolid } from "@fortawesome/free-solid-svg-icons";
+import { faQuestionCircle as HelpSolid } from "@fortawesome/free-solid-svg-icons";
+import { faHome as HomeSolid } from "@fortawesome/free-solid-svg-icons";
+import { faInfoCircle as InfotipSolid } from "@fortawesome/free-solid-svg-icons";
+import { faArrowLeft as LeftArrowSolid } from "@fortawesome/free-solid-svg-icons";
+import { faChevronLeft as LeftChevronSolid } from "@fortawesome/free-solid-svg-icons";
+import { faBars as Menu } from "@fortawesome/free-solid-svg-icons";
+import { faMicrophoneAlt as MicrophoneSolid } from "@fortawesome/free-solid-svg-icons";
+import { faMobileAlt as MobileSolid } from "@fortawesome/free-solid-svg-icons";
+import { faPlus as Plus } from "@fortawesome/free-solid-svg-icons";
+import { faPlusCircle as PlusCircle } from "@fortawesome/free-solid-svg-icons";
+import { faPrint as PrintSolid } from "@fortawesome/free-solid-svg-icons";
+import { faReceipt as ReceiptSolid } from "@fortawesome/free-solid-svg-icons";
+import { faChevronCircleRight as RightChevronCircle } from "@fortawesome/free-solid-svg-icons";
+import { faChevronRight as RightChevronSolid } from "@fortawesome/free-solid-svg-icons";
+import { faSearch as SearchSolid } from "@fortawesome/free-solid-svg-icons";
+import { faSort as Sort } from "@fortawesome/free-solid-svg-icons";
+import { faTicketAlt as TicketSolid } from "@fortawesome/free-solid-svg-icons";
+import { faUserCircle as UserCircle } from "@fortawesome/free-solid-svg-icons";
+import { faUser as UserSolid } from "@fortawesome/free-solid-svg-icons";
+import { faUsers as UsersSolid } from "@fortawesome/free-solid-svg-icons";
+import { faLandmark as VenueSolid } from "@fortawesome/free-solid-svg-icons";
+import { faExclamationTriangle as Warning } from "@fortawesome/free-solid-svg-icons";
+import { faCalendarAlt as CalendarRegular } from "@fortawesome/free-regular-svg-icons";
+import { faClock as Clock } from "@fortawesome/free-regular-svg-icons";
+import { faCopy as CopyRegular } from "@fortawesome/free-regular-svg-icons";
+import { faEdit as Edit } from "@fortawesome/free-regular-svg-icons";
+import { faEye as EyeRegular } from "@fortawesome/free-regular-svg-icons";
+import { faEyeSlash as EyeSlashRegular } from "@fortawesome/free-regular-svg-icons";
+import { faLifeRing as Help } from "@fortawesome/free-regular-svg-icons";
+import { faSadTear as SadTear } from "@fortawesome/free-regular-svg-icons";
+import { faUser as UserRegular } from "@fortawesome/free-regular-svg-icons";
 
 export const IconEnum = {
-  LeftArrowSolid,
-  AudienceSolid,
-  BackArrow,
-  Bold,
-  BoxOfficeSolid,
-  BullhornSolid,
-  CalculatorSolid,
-  CalendarDaySolid,
-  Cancel,
-  CancelCircle,
-  CaretDown,
-  Cash,
-  CheckCircle,
-  CopySolid,
-  CreditCardBack,
-  CrownSolid,
-  Cursor,
-  DeleteSolid,
-  EnvelopeSolid,
-  EyeSolid,
-  HelpSolid,
-  HomeSolid,
-  Italic,
-  Menu,
-  MicrophoneSolid,
-  MobileSolid,
-  Plus,
-  PlusCircle,
-  PrintSolid,
-  ReceiptSolid,
-  RightChevron,
-  RightChevronCircle,
-  SearchSolid,
-  Sort,
-  TicketSolid,
-  Underline,
-  UserCircle,
-  UserSolid,
-  UsersSolid,
-  VenueSolid,
-  Warning,
   AnalyticsLight,
   BellLight,
   BoxOfficeLight,
   BullHornLight,
   CalendarDayLight,
+  CalendarLight,
   CalendarStarLight,
   CheckLight,
   EnvelopeLight,
@@ -190,6 +153,7 @@ export const IconEnum = {
   SortBy,
   UpgradeSolid,
   AudienceRegular,
+  BoldRegular,
   CalculatorRegular,
   CheckRegular,
   Cheers,
@@ -204,22 +168,64 @@ export const IconEnum = {
   FilterRegular,
   GlobeRegular,
   GraphGrowth,
+  ItalicRegular,
   KeyRegular,
-  LeftChevron,
-  Link,
+  LeftChevronRegular,
+  LinkRegular,
   PrintRegular,
   ReportRegular,
   SearchRegular,
   Settings,
   SignOut,
   TicketRegular,
+  UnderlineRegular,
   UnlockRegular,
   UpArrow,
   Update,
   UpgradeRegular,
   Upload,
   UsersRegular,
-  Calendar,
+  AudienceSolid,
+  BackArrow,
+  BoxOfficeSolid,
+  BullhornSolid,
+  CalculatorSolid,
+  CalendarDaySolid,
+  Cancel,
+  CancelCircle,
+  CaretDown,
+  Cash,
+  CheckCircle,
+  CopySolid,
+  CreditCardBack,
+  CrownSolid,
+  Cursor,
+  DeleteSolid,
+  EnvelopeSolid,
+  EyeSolid,
+  HelpSolid,
+  HomeSolid,
+  InfotipSolid,
+  LeftArrowSolid,
+  LeftChevronSolid,
+  Menu,
+  MicrophoneSolid,
+  MobileSolid,
+  Plus,
+  PlusCircle,
+  PrintSolid,
+  ReceiptSolid,
+  RightChevronCircle,
+  RightChevronSolid,
+  SearchSolid,
+  Sort,
+  TicketSolid,
+  UserCircle,
+  UserSolid,
+  UsersSolid,
+  VenueSolid,
+  Warning,
+  CalendarRegular,
   Clock,
   CopyRegular,
   Edit,