@sellout/ui 0.0.14 → 0.0.16

package/build/index.js

@@ -9,11 +9,11 @@ var React__default = _interopDefault(React);
 var styled = _interopDefault(require('styled-components'));
 var Polished = require('polished');
 var reactFontawesome = require('@fortawesome/react-fontawesome');
+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 proLightSvgIcons = require('@fortawesome/pro-light-svg-icons');
-var proSolidSvgIcons = require('@fortawesome/pro-solid-svg-icons');
 var AnimateHeight = _interopDefault(require('react-animate-height'));
 var PriceUtil = require('@sellout/utils/.dist/price');
 
@@ -59,12 +59,16 @@ function __makeTemplateObject(cooked, raw) {
 
 var _a;
 (function (LoaderSizes) {
+    LoaderSizes["FuckingTiny"] = "FuckingTiny";
+    LoaderSizes["SuperSmall"] = "SuperSmall";
     LoaderSizes["VerySmall"] = "VerySmall";
     LoaderSizes["Small"] = "Small";
     LoaderSizes["Medium"] = "Medium";
     LoaderSizes["Large"] = "Large";
 })(exports.LoaderSizes || (exports.LoaderSizes = {}));
 var LoaderSizesMap = (_a = {},
+    _a[exports.LoaderSizes.FuckingTiny] = 14,
+    _a[exports.LoaderSizes.SuperSmall] = 20,
     _a[exports.LoaderSizes.VerySmall] = 24,
     _a[exports.LoaderSizes.Small] = 30,
     _a[exports.LoaderSizes.Medium] = 40,
@@ -82,23 +86,46 @@ function Loader(_a) {
 }
 var templateObject_1;
 
-// import { library } from "@fortawesome/fontawesome-svg-core";
 var IconEnum = {
+    AnalyticsLight: proLightSvgIcons.faAnalytics,
+    BellLight: proLightSvgIcons.faBell,
+    BullHornLight: proLightSvgIcons.faBullhorn,
+    CalendarDayLight: proLightSvgIcons.faCalendarDay,
+    CalendarStarLight: proLightSvgIcons.faCalendarStar,
+    ExportLight: proLightSvgIcons.faFileExport,
+    FilterLight: proLightSvgIcons.faFilter,
+    HelpLight: proLightSvgIcons.faQuestionCircle,
+    mapPinLight: proLightSvgIcons.faMapMarkerAlt,
+    MicrophoneLight: proLightSvgIcons.faMicrophoneAlt,
+    MinusCircleLight: proLightSvgIcons.faMinusCircle,
+    PlusCircleLight: proLightSvgIcons.faPlusCircle,
+    ReceiptLight: proLightSvgIcons.faReceipt,
+    SearchLight: proLightSvgIcons.faSearch,
+    SortByLight: proLightSvgIcons.faSortAlt,
+    UsersLight: proLightSvgIcons.faUsers,
+    VenueLight: proLightSvgIcons.faLandmark,
+    AnalyticsSolid: proSolidSvgIcons.faAnalytics,
+    CalendarStarSolid: proSolidSvgIcons.faCalendarStar,
+    CreditCardFront: proSolidSvgIcons.faCreditCardFront,
+    FeeSolid: proSolidSvgIcons.faUsdSquare,
+    HomeLight: proSolidSvgIcons.faHome,
+    KeySolid: proSolidSvgIcons.faKeySkeleton,
+    LongRightArrow: proSolidSvgIcons.faLongArrowRight,
+    ReportSolid: proSolidSvgIcons.faFileChartLine,
+    SortBy: proSolidSvgIcons.faSortAlt,
+    UpgradeSolid: proSolidSvgIcons.faArrowAltSquareUp,
     AudienceRegular: proRegularSvgIcons.faUserFriends,
     BoxOfficeRegular: proRegularSvgIcons.faCashRegister,
     CalculatorRegular: proRegularSvgIcons.faCalculator,
-    CalendarStarRegular: proRegularSvgIcons.faCalendarStar,
     Check: proRegularSvgIcons.faCheck,
     Cheers: proRegularSvgIcons.faGlassCheers,
     Clipboard: proRegularSvgIcons.faClipboardList,
     CrownRegular: proRegularSvgIcons.faCrown,
-    DashboardRegular: proRegularSvgIcons.faTachometer,
     DeleteRegular: proRegularSvgIcons.faTrash,
     Dollar: proRegularSvgIcons.faDollarSign,
     DownArrow: proRegularSvgIcons.faArrowAltDown,
     DownloadReport: proRegularSvgIcons.faFileDownload,
     Embed: proRegularSvgIcons.faCode,
-    Export: proRegularSvgIcons.faFileExport,
     FeeRegular: proRegularSvgIcons.faUsdSquare,
     FilterRegular: proRegularSvgIcons.faFilter,
     GlobeRegular: proRegularSvgIcons.faGlobeAmericas,
@@ -106,9 +133,7 @@ var IconEnum = {
     KeyRegular: proRegularSvgIcons.faKeySkeleton,
     LeftChevron: proRegularSvgIcons.faChevronLeft,
     Link: proRegularSvgIcons.faLink,
-    MicrophoneRegular: proRegularSvgIcons.faMicrophoneAlt,
     PrintRegular: proRegularSvgIcons.faPrint,
-    ReceiptRegular: proRegularSvgIcons.faReceipt,
     ReportRegular: proRegularSvgIcons.faFileChartLine,
     SearchRegular: proRegularSvgIcons.faSearch,
     TicketRegular: proRegularSvgIcons.faTicketAlt,
@@ -117,12 +142,11 @@ var IconEnum = {
     UpgradeRegular: proRegularSvgIcons.faArrowAltSquareUp,
     Upload: proRegularSvgIcons.faUpload,
     UsersRegular: proRegularSvgIcons.faUsers,
-    VenueRegular: proRegularSvgIcons.faLandmark,
     AudienceSolid: freeSolidSvgIcons.faUserFriends,
     BackArrow: freeSolidSvgIcons.faArrowLeft,
     Bold: freeSolidSvgIcons.faBold,
     BoxOfficeSolid: freeSolidSvgIcons.faCashRegister,
-    Bullhorn: freeSolidSvgIcons.faBullhorn,
+    BullhornSolid: freeSolidSvgIcons.faBullhorn,
     CalculatorSolid: freeSolidSvgIcons.faCalculator,
     CalendarDaySolid: freeSolidSvgIcons.faCalendarDay,
     Cancel: freeSolidSvgIcons.faTimes,
@@ -138,12 +162,14 @@ var IconEnum = {
     EnvelopeSolid: freeSolidSvgIcons.faEnvelope,
     EyeSolid: freeSolidSvgIcons.faEye,
     HelpSolid: freeSolidSvgIcons.faQuestionCircle,
+    HomeSolid: freeSolidSvgIcons.faHome,
     Italic: freeSolidSvgIcons.faItalic,
     MicrophoneSolid: freeSolidSvgIcons.faMicrophoneAlt,
     Mobile: freeSolidSvgIcons.faMobileAlt,
     PlusCircle: freeSolidSvgIcons.faPlusCircle,
     PrintSolid: freeSolidSvgIcons.faPrint,
     ReceiptSolid: freeSolidSvgIcons.faReceipt,
+    RightChevron: freeSolidSvgIcons.faChevronRight,
     RightChevronCircle: freeSolidSvgIcons.faChevronCircleRight,
     SearchSolid: freeSolidSvgIcons.faSearch,
     Sort: freeSolidSvgIcons.faSort,
@@ -154,28 +180,15 @@ var IconEnum = {
     UsersSolid: freeSolidSvgIcons.faUsers,
     VenueSolid: freeSolidSvgIcons.faLandmark,
     Warning: freeSolidSvgIcons.faExclamationTriangle,
+    Menu: freeSolidSvgIcons.faBars,
     Calendar: freeRegularSvgIcons.faCalendarAlt,
     Clock: freeRegularSvgIcons.faClock,
     CopyRegular: freeRegularSvgIcons.faCopy,
     Edit: freeRegularSvgIcons.faEdit,
     EyeRegular: freeRegularSvgIcons.faEye,
     EyeSlashRegular: freeRegularSvgIcons.faEyeSlash,
-    HelpRegular: freeRegularSvgIcons.faQuestionCircle,
     SadTear: freeRegularSvgIcons.faSadTear,
     UserRegular: freeRegularSvgIcons.faUser,
-    CalendarDayLight: proLightSvgIcons.faCalendarDay,
-    mapPinLight: proLightSvgIcons.faMapMarkerAlt,
-    MinusCircleLight: proLightSvgIcons.faMinusCircle,
-    PlusCircleLight: proLightSvgIcons.faPlusCircle,
-    CalendarStarSolid: proSolidSvgIcons.faCalendarStar,
-    CreditCardFront: proSolidSvgIcons.faCreditCardFront,
-    DashboardSolid: proSolidSvgIcons.faTachometer,
-    FeeSolid: proSolidSvgIcons.faUsdSquare,
-    KeySolid: proSolidSvgIcons.faKeySkeleton,
-    LongRightArrow: proSolidSvgIcons.faLongArrowRight,
-    ReportSolid: proSolidSvgIcons.faFileChartLine,
-    SortBy: proSolidSvgIcons.faSortAlt,
-    UpgradeSolid: proSolidSvgIcons.faArrowAltSquareUp,
 };
 
 var Icons = IconEnum;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sellout/ui",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "main": "build/index.js",
   "module": "build/index.es.js",
   "jsnext:main": "build/index.es.js",
@@ -10,7 +10,8 @@
     "start": "rollup -c -w",
     "test": "jest --coverage",
     "storybook": "start-storybook -p 9009 -s public",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -s public",
+    "generate-icons": "node ./utils/generateIconLibrary.js ./utils/icon-library.csv ./src/components/Icons.ts"
   },
   "keywords": [],
   "author": "",
@@ -26,6 +27,7 @@
     "@types/styled-components": "^5.0.1",
     "awesome-typescript-loader": "^5.2.1",
     "babel-loader": "^8.0.6",
+    "fs-extra": "^9.0.0",
     "jest": "^24.9.0",
     "rollup": "^1.27.13",
     "rollup-plugin-commonjs": "^10.1.0",
@@ -44,11 +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.14",
+    "@sellout/utils": "^0.0.16",
+    "csvtojson": "^2.0.10",
     "polished": "^3.4.4",
     "react-animate-height": "^2.0.20"
   },
-  "gitHead": "dc7cd0ffe31740b5c78e786a17d0326d05b77163",
+  "gitHead": "da7d0c8f23c7612b36a0f7e0fdbb7daaaa48cdcc",
   "peerDependencies": {
     "react": "^16.13.0",
     "react-dom": "^16.13.0",

package/src/components/Icons.ts

@@ -1,189 +1,207 @@
-import { faUserFriends as AudienceRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faCashRegister as BoxOfficeRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faCalculator as CalculatorRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faCalendarStar as CalendarStarRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faCheck as Check } 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 { faTachometer as DashboardRegular } 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 { faFileExport as Export } 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 { faMicrophoneAlt as MicrophoneRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faPrint as PrintRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faReceipt as ReceiptRegular } 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 { faTicketAlt as TicketRegular } from "@fortawesome/pro-regular-svg-icons";
-import { faUnlock as Unlock } from "@fortawesome/pro-regular-svg-icons";
-import { faArrowAltUp as UpArrow } 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 { faLandmark as VenueRegular } 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 { faBold as Bold } from "@fortawesome/free-solid-svg-icons";
-import { faCashRegister as BoxOfficeSolid } from "@fortawesome/free-solid-svg-icons";
-import { faBullhorn as Bullhorn } 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 { faItalic as Italic } from "@fortawesome/free-solid-svg-icons";
-import { faMicrophoneAlt as MicrophoneSolid } from "@fortawesome/free-solid-svg-icons";
-import { faMobileAlt as Mobile } 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 { 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 { 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 { faQuestionCircle as HelpRegular } 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 { faCalendarDay as CalendarDayLight } from "@fortawesome/pro-light-svg-icons";
-import { faMapMarkerAlt as mapPinLight } from "@fortawesome/pro-light-svg-icons";
-import { faMinusCircle as MinusCircleLight } from "@fortawesome/pro-light-svg-icons";
-import { faPlusCircle as PlusCircleLight } from "@fortawesome/pro-light-svg-icons";
-import { faCalendarStar as CalendarStarSolid } from "@fortawesome/pro-solid-svg-icons";
-import { faCreditCardFront as CreditCardFront } from "@fortawesome/pro-solid-svg-icons";
-import { faTachometer as DashboardSolid } 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 { library } from "@fortawesome/fontawesome-svg-core";
+import { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons'
+import { faBell as BellLight} 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 { 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 { 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 { 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 { 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 { faHome as HomeLight} 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 { faCashRegister as BoxOfficeRegular} from '@fortawesome/pro-regular-svg-icons'
+import { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons'
+import { faCheck as Check} 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 { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons'
+import { faUnlock as Unlock} from '@fortawesome/pro-regular-svg-icons'
+import { faArrowAltUp as UpArrow} 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 { 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 { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons'
+import { faMobileAlt as Mobile} 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 { faBars as Menu} from '@fortawesome/free-solid-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 { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons'
+import { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons'
 
 export const IconEnum = {
+  AnalyticsLight,
+  BellLight,
+  BullHornLight,
+  CalendarDayLight,
+  CalendarStarLight,
+  ExportLight,
+  FilterLight,
+  HelpLight,
+  mapPinLight,
+  MicrophoneLight,
+  MinusCircleLight,
+  PlusCircleLight,
+  ReceiptLight,
+  SearchLight,
+  SortByLight,
+  UsersLight,
+  VenueLight,
+  AnalyticsSolid,
+  CalendarStarSolid,
+  CreditCardFront,
+  FeeSolid,
+  HomeLight,
+  KeySolid,
+  LongRightArrow,
+  ReportSolid,
+  SortBy,
+  UpgradeSolid,
   AudienceRegular,
-	BoxOfficeRegular,
-	CalculatorRegular,
-	CalendarStarRegular,
-	Check,
-	Cheers,
-	Clipboard,
-	CrownRegular,
-	DashboardRegular,
-	DeleteRegular,
-	Dollar,
-	DownArrow,
-	DownloadReport,
-	Embed,
-	Export,
-	FeeRegular,
-	FilterRegular,
-	GlobeRegular,
-	GraphGrowth,
-	KeyRegular,
-	LeftChevron,
-	Link,
-	MicrophoneRegular,
-	PrintRegular,
-	ReceiptRegular,
-	ReportRegular,
-	SearchRegular,
-	TicketRegular,
-	Unlock,
-	UpArrow,
-	UpgradeRegular,
-	Upload,
-	UsersRegular,
-	VenueRegular,
-	AudienceSolid,
-	BackArrow,
-	Bold,
-	BoxOfficeSolid,
-	Bullhorn,
-	CalculatorSolid,
-	CalendarDaySolid,
-	Cancel,
-	CancelCircle,
-	CaretDown,
-	Cash,
-	CheckCircle,
-	CopySolid,
-	CreditCardBack,
-	CrownSolid,
-	Cursor,
-	DeleteSolid,
-	EnvelopeSolid,
-	EyeSolid,
-	HelpSolid,
-	Italic,
-	MicrophoneSolid,
-	Mobile,
-	PlusCircle,
-	PrintSolid,
-	ReceiptSolid,
-	RightChevronCircle,
-	SearchSolid,
-	Sort,
-	TicketSolid,
-	Underline,
-	UserCircle,
-	UserSolid,
-	UsersSolid,
-	VenueSolid,
-	Warning,
-	Calendar,
-	Clock,
-	CopyRegular,
-	Edit,
-	EyeRegular,
-	EyeSlashRegular,
-	HelpRegular,
-	SadTear,
-	UserRegular,
-	CalendarDayLight,
-	mapPinLight,
-	MinusCircleLight,
-	PlusCircleLight,
-	CalendarStarSolid,
-	CreditCardFront,
-	DashboardSolid,
-	FeeSolid,
-	KeySolid,
-	LongRightArrow,
-	ReportSolid,
-	SortBy,
-	UpgradeSolid,
+  BoxOfficeRegular,
+  CalculatorRegular,
+  Check,
+  Cheers,
+  Clipboard,
+  CrownRegular,
+  DeleteRegular,
+  Dollar,
+  DownArrow,
+  DownloadReport,
+  Embed,
+  FeeRegular,
+  FilterRegular,
+  GlobeRegular,
+  GraphGrowth,
+  KeyRegular,
+  LeftChevron,
+  Link,
+  PrintRegular,
+  ReportRegular,
+  SearchRegular,
+  TicketRegular,
+  Unlock,
+  UpArrow,
+  UpgradeRegular,
+  Upload,
+  UsersRegular,
+  AudienceSolid,
+  BackArrow,
+  Bold,
+  BoxOfficeSolid,
+  BullhornSolid,
+  CalculatorSolid,
+  CalendarDaySolid,
+  Cancel,
+  CancelCircle,
+  CaretDown,
+  Cash,
+  CheckCircle,
+  CopySolid,
+  CreditCardBack,
+  CrownSolid,
+  Cursor,
+  DeleteSolid,
+  EnvelopeSolid,
+  EyeSolid,
+  HelpSolid,
+  HomeSolid,
+  Italic,
+  MicrophoneSolid,
+  Mobile,
+  PlusCircle,
+  PrintSolid,
+  ReceiptSolid,
+  RightChevron,
+  RightChevronCircle,
+  SearchSolid,
+  Sort,
+  TicketSolid,
+  Underline,
+  UserCircle,
+  UserSolid,
+  UsersSolid,
+  VenueSolid,
+  Warning,
+  Menu,
+  Calendar,
+  Clock,
+  CopyRegular,
+  Edit,
+  EyeRegular,
+  EyeSlashRegular,
+  SadTear,
+  UserRegular,
 };

package/src/components/Loader.tsx

@@ -3,13 +3,17 @@ import styled from "styled-components";
 import { Colors } from "./../Colors";
 
 export enum LoaderSizes {
+  FuckingTiny = "FuckingTiny",
+  SuperSmall = "SuperSmall",
   VerySmall = "VerySmall",
   Small = "Small",
   Medium = "Medium",
-  Large = "Large"
+  Large = "Large",
 };
 
 const LoaderSizesMap = {
+  [LoaderSizes.FuckingTiny]: 14,
+  [LoaderSizes.SuperSmall]: 20,
   [LoaderSizes.VerySmall]: 24,
   [LoaderSizes.Small]: 30,
   [LoaderSizes.Medium]: 40,