@sellout/ui 0.0.16 → 0.0.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/build/components/Icon.d.ts +10 -4
  2. package/build/components/Icons.d.ts +8 -3
  3. package/build/index.d.ts +21 -31
  4. package/build/index.es.js +45 -33
  5. package/build/index.js +40 -28
  6. package/package.json +3 -3
  7. package/src/components/Icon.tsx +33 -16
  8. package/src/components/Icons.ts +16 -6
  9. package/utils/icon-library.csv +10 -5
package/build/components/Icon.d.ts CHANGED
@@ -3,12 +3,14 @@ import { Colors } from "../Colors";
3
3
  export declare const Icons: {
4
4
  AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
5
  BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
+ BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
7
  BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
8
  CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
8
9
  CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
9
10
  ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
10
11
  FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
11
12
  HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
+ HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
12
14
  mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
15
  MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
16
  MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -22,14 +24,12 @@ export declare const Icons: {
22
24
  CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
23
25
  CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
26
  FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
- HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
26
27
  KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
27
28
  LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
28
29
  ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
29
30
  SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
31
  UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
31
32
  AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
32
- BoxOfficeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
33
33
  CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
34
34
  Check: import("@fortawesome/fontawesome-common-types").IconDefinition;
35
35
  Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -50,12 +50,15 @@ export declare const Icons: {
50
50
  PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
51
  ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
52
  SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
+ Settings: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
54
  TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
55
  Unlock: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
56
  UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
57
+ Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
56
58
  UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
57
59
  Upload: import("@fortawesome/fontawesome-common-types").IconDefinition;
58
60
  UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
61
+ SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
59
62
  AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
60
63
  BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
61
64
  Bold: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -78,8 +81,10 @@ export declare const Icons: {
78
81
  HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
79
82
  HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
80
83
  Italic: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
+ Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
81
85
  MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
82
86
  Mobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
+ Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;
83
88
  PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
89
  PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
90
  ReceiptSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -94,19 +99,20 @@ export declare const Icons: {
94
99
  UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
100
  VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
96
101
  Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
97
- Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
98
102
  Calendar: import("@fortawesome/fontawesome-common-types").IconDefinition;
99
103
  Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
100
104
  CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
101
105
  Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
102
106
  EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
103
107
  EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
108
+ Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
104
109
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
105
110
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
106
111
  };
107
112
  export declare type IconProps = {
108
113
  icon: any;
109
114
  color?: Colors | string | null;
115
+ hoverColor?: Colors | string | null;
110
116
  onClick?: any | null;
111
117
  size?: string | number | undefined;
112
118
  position?: string;
@@ -116,4 +122,4 @@ export declare type IconProps = {
116
122
  zIndex?: number | void;
117
123
  margin?: string | number | undefined;
118
124
  };
119
- export default function Icon({ icon, color, onClick, size, top, left, right, position, zIndex, margin, }: IconProps): JSX.Element;
125
+ export default function Icon({ icon, color, hoverColor, onClick, size, top, left, right, position, zIndex, margin, }: IconProps): JSX.Element;
package/build/components/Icons.d.ts CHANGED
@@ -1,12 +1,14 @@
1
1
  export declare const IconEnum: {
2
2
  AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
3
3
  BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
+ BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
5
  BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
6
  CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
7
  CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
8
  ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
8
9
  FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
9
10
  HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
11
+ HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
10
12
  mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
11
13
  MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
12
14
  MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -20,14 +22,12 @@ export declare const IconEnum: {
20
22
  CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
21
23
  CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
22
24
  FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
23
- HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
25
  KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
26
  LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
26
27
  ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
27
28
  SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
28
29
  UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
29
30
  AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
- BoxOfficeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
31
31
  CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
32
32
  Check: import("@fortawesome/fontawesome-common-types").IconDefinition;
33
33
  Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -48,12 +48,15 @@ export declare const IconEnum: {
48
48
  PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
49
49
  ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
50
  SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
+ Settings: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
52
  TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
53
  Unlock: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
54
  UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
+ Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
56
  UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
57
  Upload: import("@fortawesome/fontawesome-common-types").IconDefinition;
56
58
  UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
59
+ SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
57
60
  AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
58
61
  BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
59
62
  Bold: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -76,8 +79,10 @@ export declare const IconEnum: {
76
79
  HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
77
80
  HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
78
81
  Italic: import("@fortawesome/fontawesome-common-types").IconDefinition;
82
+ Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
79
83
  MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
80
84
  Mobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
+ Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;
81
86
  PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
82
87
  PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
83
88
  ReceiptSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -92,13 +97,13 @@ export declare const IconEnum: {
92
97
  UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
98
  VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
99
  Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
- Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
96
100
  Calendar: import("@fortawesome/fontawesome-common-types").IconDefinition;
97
101
  Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
98
102
  CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
99
103
  Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
100
104
  EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
101
105
  EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
106
+ Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
102
107
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
103
108
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
104
109
  };
package/build/index.d.ts CHANGED
@@ -7,45 +7,21 @@ import Loader, { LoaderSizes } from "./components/Loader";
7
7
  import Product from "./components/Product";
8
8
  import makeEventHandler from './utils/makeEventHandler';
9
9
  declare const Icons: {
10
- AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
11
- BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
12
- BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
- CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
- CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
15
- ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
16
- FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
17
- HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
18
- mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
19
- MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
20
- MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
21
- PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
22
- ReceiptLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
23
- SearchLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
- SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
25
- UsersLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
26
- VenueLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
27
- AnalyticsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
28
- CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
29
- CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
- FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
31
- HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
32
- KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
33
- LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
34
- ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
35
- SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
36
- UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
37
10
  AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
38
11
  BoxOfficeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
39
12
  CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
+ CalendarStarRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
40
14
  Check: import("@fortawesome/fontawesome-common-types").IconDefinition;
41
15
  Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
42
16
  Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
43
17
  CrownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
18
+ DashboardRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
44
19
  DeleteRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
45
20
  Dollar: import("@fortawesome/fontawesome-common-types").IconDefinition;
46
21
  DownArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
47
22
  DownloadReport: import("@fortawesome/fontawesome-common-types").IconDefinition;
48
23
  Embed: import("@fortawesome/fontawesome-common-types").IconDefinition;
24
+ Export: import("@fortawesome/fontawesome-common-types").IconDefinition;
49
25
  FeeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
26
  FilterRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
27
  GlobeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -53,7 +29,9 @@ declare const Icons: {
53
29
  KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
30
  LeftChevron: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
31
  Link: import("@fortawesome/fontawesome-common-types").IconDefinition;
32
+ MicrophoneRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
56
33
  PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
34
+ ReceiptRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
57
35
  ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
58
36
  SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
59
37
  TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -62,11 +40,12 @@ declare const Icons: {
62
40
  UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
63
41
  Upload: import("@fortawesome/fontawesome-common-types").IconDefinition;
64
42
  UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
43
+ VenueRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
65
44
  AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
66
45
  BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
67
46
  Bold: import("@fortawesome/fontawesome-common-types").IconDefinition;
68
47
  BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
69
- BullhornSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
48
+ Bullhorn: import("@fortawesome/fontawesome-common-types").IconDefinition;
70
49
  CalculatorSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
71
50
  CalendarDaySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
72
51
  Cancel: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -82,14 +61,12 @@ declare const Icons: {
82
61
  EnvelopeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
83
62
  EyeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
63
  HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
- HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
86
64
  Italic: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
65
  MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
88
66
  Mobile: import("@fortawesome/fontawesome-common-types").IconDefinition;
89
67
  PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
90
68
  PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
91
69
  ReceiptSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
92
- RightChevron: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
70
  RightChevronCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
71
  SearchSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
72
  Sort: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -100,14 +77,27 @@ declare const Icons: {
100
77
  UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
101
78
  VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
102
79
  Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
103
- Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
104
80
  Calendar: import("@fortawesome/fontawesome-common-types").IconDefinition;
105
81
  Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
106
82
  CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
107
83
  Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
108
84
  EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
109
85
  EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
86
+ HelpRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
110
87
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
111
88
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
89
+ CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
90
+ mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
91
+ MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
92
+ PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
+ CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
+ CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
+ DashboardSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
96
+ FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
97
+ KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
98
+ LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
99
+ ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
100
+ SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
101
+ UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
112
102
  };
113
103
  export { Colors, Button, ButtonTypes, ButtonStates, Counter, Icon, Icons, Input, Loader, LoaderSizes, Product, makeEventHandler };
package/build/index.es.js CHANGED
@@ -2,11 +2,11 @@ import React, { Fragment, useState } from 'react';
2
2
  import styled from 'styled-components';
3
3
  import { lighten, darken } from 'polished';
4
4
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
5
- import { faAnalytics, faBell, faBullhorn, faCalendarDay, faCalendarStar, faFileExport, faFilter, faQuestionCircle, faMapMarkerAlt, faMicrophoneAlt, faMinusCircle, faPlusCircle, faReceipt, faSearch, faSortAlt, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
6
- import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare, faHome, faKeySkeleton, faLongArrowRight, faFileChartLine, faSortAlt as faSortAlt$1, faArrowAltSquareUp } from '@fortawesome/pro-solid-svg-icons';
7
- import { faUserFriends, faCashRegister, faCalculator, faCheck, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faGlobeAmericas, faChartLine, faKeySkeleton as faKeySkeleton$1, faChevronLeft, faLink, faPrint, faFileChartLine as faFileChartLine$1, faSearch as faSearch$1, faTicketAlt, faUnlock, faArrowAltUp, faArrowAltSquareUp as faArrowAltSquareUp$1, faUpload, faUsers as faUsers$1 } from '@fortawesome/pro-regular-svg-icons';
8
- import { faUserFriends as faUserFriends$1, faArrowLeft, faBold, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$1, faCalendarDay as faCalendarDay$1, faTimes, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faCopy, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope, faEye, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faItalic, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronRight, faChevronCircleRight, faSearch as faSearch$2, faSort, faTicketAlt as faTicketAlt$1, faUnderline, faUserCircle, faUser, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle, faBars } from '@fortawesome/free-solid-svg-icons';
9
- import { faCalendarAlt, faClock, faCopy as faCopy$1, faEdit, faEye as faEye$1, faEyeSlash, faSadTear, faUser as faUser$1 } from '@fortawesome/free-regular-svg-icons';
5
+ import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalendarDay, faCalendarStar, faFileExport, faFilter, faQuestionCircle, faHome, faMapMarkerAlt, faMicrophoneAlt, faMinusCircle, faPlusCircle, faReceipt, faSearch, faSortAlt, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
6
+ import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare, faKeySkeleton, faLongArrowRight, faFileChartLine, faSortAlt as faSortAlt$1, faArrowAltSquareUp } from '@fortawesome/pro-solid-svg-icons';
7
+ import { faUserFriends, faCalculator, faCheck, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faGlobeAmericas, faChartLine, faKeySkeleton as faKeySkeleton$1, faChevronLeft, faLink, faPrint, faFileChartLine as faFileChartLine$1, faSearch as faSearch$1, faCog, faTicketAlt, faUnlock, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUpload, faUsers as faUsers$1, faSignOut } from '@fortawesome/pro-regular-svg-icons';
8
+ import { faUserFriends as faUserFriends$1, faArrowLeft, faBold, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$1, faCalendarDay as faCalendarDay$1, faTimes, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faCopy, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope, faEye, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faItalic, faBars, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt, faPlus, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronRight, faChevronCircleRight, faSearch as faSearch$2, faSort, faTicketAlt as faTicketAlt$1, faUnderline, faUserCircle, faUser, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
9
+ import { faCalendarAlt, faClock, faCopy as faCopy$1, faEdit, faEye as faEye$1, faEyeSlash, faLifeRing, faSadTear, faUser as faUser$1 } from '@fortawesome/free-regular-svg-icons';
10
10
  import AnimateHeight from 'react-animate-height';
11
11
  import { output } from '@sellout/utils/.dist/price';
12
12
 
@@ -84,12 +84,14 @@ var templateObject_1;
84
84
  var IconEnum = {
85
85
  AnalyticsLight: faAnalytics,
86
86
  BellLight: faBell,
87
+ BoxOfficeLight: faCashRegister,
87
88
  BullHornLight: faBullhorn,
88
89
  CalendarDayLight: faCalendarDay,
89
90
  CalendarStarLight: faCalendarStar,
90
91
  ExportLight: faFileExport,
91
92
  FilterLight: faFilter,
92
93
  HelpLight: faQuestionCircle,
94
+ HomeLight: faHome,
93
95
  mapPinLight: faMapMarkerAlt,
94
96
  MicrophoneLight: faMicrophoneAlt,
95
97
  MinusCircleLight: faMinusCircle,
@@ -103,14 +105,12 @@ var IconEnum = {
103
105
  CalendarStarSolid: faCalendarStar$1,
104
106
  CreditCardFront: faCreditCardFront,
105
107
  FeeSolid: faUsdSquare,
106
- HomeLight: faHome,
107
108
  KeySolid: faKeySkeleton,
108
109
  LongRightArrow: faLongArrowRight,
109
110
  ReportSolid: faFileChartLine,
110
111
  SortBy: faSortAlt$1,
111
112
  UpgradeSolid: faArrowAltSquareUp,
112
113
  AudienceRegular: faUserFriends,
113
- BoxOfficeRegular: faCashRegister,
114
114
  CalculatorRegular: faCalculator,
115
115
  Check: faCheck,
116
116
  Cheers: faGlassCheers,
@@ -131,12 +131,15 @@ var IconEnum = {
131
131
  PrintRegular: faPrint,
132
132
  ReportRegular: faFileChartLine$1,
133
133
  SearchRegular: faSearch$1,
134
+ Settings: faCog,
134
135
  TicketRegular: faTicketAlt,
135
136
  Unlock: faUnlock,
136
137
  UpArrow: faArrowAltUp,
138
+ Update: faMegaphone,
137
139
  UpgradeRegular: faArrowAltSquareUp$1,
138
140
  Upload: faUpload,
139
141
  UsersRegular: faUsers$1,
142
+ SignOut: faSignOut,
140
143
  AudienceSolid: faUserFriends$1,
141
144
  BackArrow: faArrowLeft,
142
145
  Bold: faBold,
@@ -159,8 +162,10 @@ var IconEnum = {
159
162
  HelpSolid: faQuestionCircle$1,
160
163
  HomeSolid: faHome$1,
161
164
  Italic: faItalic,
165
+ Menu: faBars,
162
166
  MicrophoneSolid: faMicrophoneAlt$1,
163
167
  Mobile: faMobileAlt,
168
+ Plus: faPlus,
164
169
  PlusCircle: faPlusCircle$1,
165
170
  PrintSolid: faPrint$1,
166
171
  ReceiptSolid: faReceipt$1,
@@ -175,34 +180,41 @@ var IconEnum = {
175
180
  UsersSolid: faUsers$2,
176
181
  VenueSolid: faLandmark$1,
177
182
  Warning: faExclamationTriangle,
178
- Menu: faBars,
179
183
  Calendar: faCalendarAlt,
180
184
  Clock: faClock,
181
185
  CopyRegular: faCopy$1,
182
186
  Edit: faEdit,
183
187
  EyeRegular: faEye$1,
184
188
  EyeSlashRegular: faEyeSlash,
189
+ Help: faLifeRing,
185
190
  SadTear: faSadTear,
186
191
  UserRegular: faUser$1,
187
192
  };
188
193
 
194
+ 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: ",
195
+ ";\n }\n"])), function (props) { return props.color; }, function (props) {
196
+ if (props.color === 'inherit')
197
+ return null;
198
+ return props.hoverColor;
199
+ });
189
200
  var Icons = IconEnum;
190
201
  function Icon(_a) {
191
- var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? Colors.Orange : _c, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 20 : _d, top = _a.top, left = _a.left, right = _a.right, _e = _a.position, position = _e === void 0 ? 'relative' : _e, zIndex = _a.zIndex, margin = _a.margin;
202
+ 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;
192
203
  var cursor = onClick ? 'pointer' : '';
193
- return (React.createElement(FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
194
- color: color,
195
- top: top,
196
- left: left,
197
- right: right,
198
- position: position,
199
- zIndex: zIndex,
200
- fontSize: size,
201
- transition: "all 0.2s",
202
- margin: margin,
203
- cursor: cursor,
204
- } }));
205
- }
204
+ return (React.createElement(Container, { color: color, hoverColor: hoverColor },
205
+ React.createElement(FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
206
+ top: top,
207
+ left: left,
208
+ right: right,
209
+ position: position,
210
+ zIndex: zIndex,
211
+ fontSize: size,
212
+ transition: "all 0.2s",
213
+ margin: margin,
214
+ cursor: cursor,
215
+ } })));
216
+ }
217
+ var templateObject_1$1;
206
218
 
207
219
  var ButtonTypes;
208
220
  (function (ButtonTypes) {
@@ -212,7 +224,7 @@ var ButtonStates;
212
224
  (function (ButtonStates) {
213
225
  ButtonStates["Active"] = "Active";
214
226
  })(ButtonStates || (ButtonStates = {}));
215
- var StyledButton = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ", ";\n }\n"], ["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ",
227
+ var StyledButton = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ", ";\n }\n"], ["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ",
216
228
  ";\n\n &:hover {\n cursor: ", ";\n background-color: ",
217
229
  ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ",
218
230
  ";\n }\n"])), function (props) { return (Boolean(props.margin) ? props.margin : "0px"); }, function (props) { return (Boolean(props.padding) ? props.padding : "0px"); }, function (props) {
@@ -251,9 +263,9 @@ function Button(_a) {
251
263
  })()));
252
264
  })()));
253
265
  }
254
- var templateObject_1$1, templateObject_2;
266
+ var templateObject_1$2, templateObject_2;
255
267
 
256
- var Container = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"])));
268
+ var Container$1 = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"])));
257
269
  var IconContainer = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ", " !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ",
258
270
  " !important;\n }\n"])), function (props) { return props.justify; }, function (props) { return (props.active ? "pointer" : null); }, function (props) {
259
271
  return props.active ? lighten(0.025, Colors.Orange) : null;
@@ -263,16 +275,16 @@ function Counter(_a) {
263
275
  var value = _a.value, maxValue = _a.maxValue, _b = _a.minValue, minValue = _b === void 0 ? 0 : _b, onIncrement = _a.onIncrement, onDecrement = _a.onDecrement;
264
276
  var canDecrement = value > minValue;
265
277
  var canIncrement = Boolean(!Boolean(maxValue) || (maxValue && value < maxValue));
266
- return (React.createElement(Container, null,
278
+ return (React.createElement(Container$1, null,
267
279
  React.createElement(IconContainer, { active: canDecrement, onClick: function () { return (canDecrement ? onDecrement() : null); }, justify: "flex-start" },
268
280
  React.createElement(Icon, { icon: Icons.MinusCircleLight, color: canDecrement ? Colors.Orange : Colors.Grey5 })),
269
281
  React.createElement(Value, null, value),
270
282
  React.createElement(IconContainer, { active: canIncrement, onClick: function () { return (canIncrement ? onIncrement() : null); }, justify: "flex-end" },
271
283
  React.createElement(Icon, { icon: Icons.PlusCircleLight, color: canIncrement ? Colors.Orange : Colors.Grey5 }))));
272
284
  }
273
- var templateObject_1$2, templateObject_2$1, templateObject_3;
285
+ var templateObject_1$3, templateObject_2$1, templateObject_3;
274
286
 
275
- var Form = styled.form(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ", ";\n"], ["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ",
287
+ var Form = styled.form(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ", ";\n"], ["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ",
276
288
  ";\n"])), function (props) { return props.width; }, function (props) {
277
289
  if (props.focused)
278
290
  return Colors.Grey3;
@@ -344,11 +356,11 @@ function Input(_a) {
344
356
  return React.createElement(Spacer, null);
345
357
  })()));
346
358
  }
347
- var templateObject_1$3, templateObject_2$2, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6;
359
+ var templateObject_1$4, templateObject_2$2, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6;
348
360
 
349
- var Row = styled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"])), function (props) { return props.justify; });
361
+ var Row = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"])), function (props) { return props.justify; });
350
362
  var Column = styled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
351
- var Container$1 = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"], ["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"])), Colors.White, Colors.Grey6);
363
+ var Container$2 = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"], ["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"])), Colors.White, Colors.Grey6);
352
364
  var Title = styled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"], ["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"])), Colors.Grey1);
353
365
  var Price = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"])), Colors.Grey2);
354
366
  var Subtitle = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"])), Colors.Grey3);
@@ -369,7 +381,7 @@ function Product(_a) {
369
381
  setShowEllipsis(!showEllipsis);
370
382
  setShowMore(!showMore);
371
383
  };
372
- return (React.createElement(Container$1, null,
384
+ return (React.createElement(Container$2, null,
373
385
  React.createElement(Row, { justify: "space-between" },
374
386
  React.createElement(Column, null,
375
387
  React.createElement(Title, null, title),
@@ -388,7 +400,7 @@ function Product(_a) {
388
400
  React.createElement(ShowMore, { onClick: function () { return toggle(); } }, showMore ? "Show Less" : "Show More")));
389
401
  })()));
390
402
  }
391
- var templateObject_1$4, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
403
+ var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
392
404
 
393
405
  function makeEventHandler(executeOnEvent) {
394
406
  if (executeOnEvent === void 0) { executeOnEvent = function () { }; }
package/build/index.js CHANGED
@@ -89,12 +89,14 @@ var templateObject_1;
89
89
  var IconEnum = {
90
90
  AnalyticsLight: proLightSvgIcons.faAnalytics,
91
91
  BellLight: proLightSvgIcons.faBell,
92
+ BoxOfficeLight: proLightSvgIcons.faCashRegister,
92
93
  BullHornLight: proLightSvgIcons.faBullhorn,
93
94
  CalendarDayLight: proLightSvgIcons.faCalendarDay,
94
95
  CalendarStarLight: proLightSvgIcons.faCalendarStar,
95
96
  ExportLight: proLightSvgIcons.faFileExport,
96
97
  FilterLight: proLightSvgIcons.faFilter,
97
98
  HelpLight: proLightSvgIcons.faQuestionCircle,
99
+ HomeLight: proLightSvgIcons.faHome,
98
100
  mapPinLight: proLightSvgIcons.faMapMarkerAlt,
99
101
  MicrophoneLight: proLightSvgIcons.faMicrophoneAlt,
100
102
  MinusCircleLight: proLightSvgIcons.faMinusCircle,
@@ -108,14 +110,12 @@ var IconEnum = {
108
110
  CalendarStarSolid: proSolidSvgIcons.faCalendarStar,
109
111
  CreditCardFront: proSolidSvgIcons.faCreditCardFront,
110
112
  FeeSolid: proSolidSvgIcons.faUsdSquare,
111
- HomeLight: proSolidSvgIcons.faHome,
112
113
  KeySolid: proSolidSvgIcons.faKeySkeleton,
113
114
  LongRightArrow: proSolidSvgIcons.faLongArrowRight,
114
115
  ReportSolid: proSolidSvgIcons.faFileChartLine,
115
116
  SortBy: proSolidSvgIcons.faSortAlt,
116
117
  UpgradeSolid: proSolidSvgIcons.faArrowAltSquareUp,
117
118
  AudienceRegular: proRegularSvgIcons.faUserFriends,
118
- BoxOfficeRegular: proRegularSvgIcons.faCashRegister,
119
119
  CalculatorRegular: proRegularSvgIcons.faCalculator,
120
120
  Check: proRegularSvgIcons.faCheck,
121
121
  Cheers: proRegularSvgIcons.faGlassCheers,
@@ -136,12 +136,15 @@ var IconEnum = {
136
136
  PrintRegular: proRegularSvgIcons.faPrint,
137
137
  ReportRegular: proRegularSvgIcons.faFileChartLine,
138
138
  SearchRegular: proRegularSvgIcons.faSearch,
139
+ Settings: proRegularSvgIcons.faCog,
139
140
  TicketRegular: proRegularSvgIcons.faTicketAlt,
140
141
  Unlock: proRegularSvgIcons.faUnlock,
141
142
  UpArrow: proRegularSvgIcons.faArrowAltUp,
143
+ Update: proRegularSvgIcons.faMegaphone,
142
144
  UpgradeRegular: proRegularSvgIcons.faArrowAltSquareUp,
143
145
  Upload: proRegularSvgIcons.faUpload,
144
146
  UsersRegular: proRegularSvgIcons.faUsers,
147
+ SignOut: proRegularSvgIcons.faSignOut,
145
148
  AudienceSolid: freeSolidSvgIcons.faUserFriends,
146
149
  BackArrow: freeSolidSvgIcons.faArrowLeft,
147
150
  Bold: freeSolidSvgIcons.faBold,
@@ -164,8 +167,10 @@ var IconEnum = {
164
167
  HelpSolid: freeSolidSvgIcons.faQuestionCircle,
165
168
  HomeSolid: freeSolidSvgIcons.faHome,
166
169
  Italic: freeSolidSvgIcons.faItalic,
170
+ Menu: freeSolidSvgIcons.faBars,
167
171
  MicrophoneSolid: freeSolidSvgIcons.faMicrophoneAlt,
168
172
  Mobile: freeSolidSvgIcons.faMobileAlt,
173
+ Plus: freeSolidSvgIcons.faPlus,
169
174
  PlusCircle: freeSolidSvgIcons.faPlusCircle,
170
175
  PrintSolid: freeSolidSvgIcons.faPrint,
171
176
  ReceiptSolid: freeSolidSvgIcons.faReceipt,
@@ -180,34 +185,41 @@ var IconEnum = {
180
185
  UsersSolid: freeSolidSvgIcons.faUsers,
181
186
  VenueSolid: freeSolidSvgIcons.faLandmark,
182
187
  Warning: freeSolidSvgIcons.faExclamationTriangle,
183
- Menu: freeSolidSvgIcons.faBars,
184
188
  Calendar: freeRegularSvgIcons.faCalendarAlt,
185
189
  Clock: freeRegularSvgIcons.faClock,
186
190
  CopyRegular: freeRegularSvgIcons.faCopy,
187
191
  Edit: freeRegularSvgIcons.faEdit,
188
192
  EyeRegular: freeRegularSvgIcons.faEye,
189
193
  EyeSlashRegular: freeRegularSvgIcons.faEyeSlash,
194
+ Help: freeRegularSvgIcons.faLifeRing,
190
195
  SadTear: freeRegularSvgIcons.faSadTear,
191
196
  UserRegular: freeRegularSvgIcons.faUser,
192
197
  };
193
198
 
199
+ 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: ",
200
+ ";\n }\n"])), function (props) { return props.color; }, function (props) {
201
+ if (props.color === 'inherit')
202
+ return null;
203
+ return props.hoverColor;
204
+ });
194
205
  var Icons = IconEnum;
195
206
  function Icon(_a) {
196
- var _b = _a.icon, icon = _b === void 0 ? Icons.AudienceRegular : _b, _c = _a.color, color = _c === void 0 ? exports.Colors.Orange : _c, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 20 : _d, top = _a.top, left = _a.left, right = _a.right, _e = _a.position, position = _e === void 0 ? 'relative' : _e, zIndex = _a.zIndex, margin = _a.margin;
207
+ 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;
197
208
  var cursor = onClick ? 'pointer' : '';
198
- return (React__default.createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
199
- color: color,
200
- top: top,
201
- left: left,
202
- right: right,
203
- position: position,
204
- zIndex: zIndex,
205
- fontSize: size,
206
- transition: "all 0.2s",
207
- margin: margin,
208
- cursor: cursor,
209
- } }));
210
- }
209
+ return (React__default.createElement(Container, { color: color, hoverColor: hoverColor },
210
+ React__default.createElement(reactFontawesome.FontAwesomeIcon, { icon: icon, onClick: onClick, style: {
211
+ top: top,
212
+ left: left,
213
+ right: right,
214
+ position: position,
215
+ zIndex: zIndex,
216
+ fontSize: size,
217
+ transition: "all 0.2s",
218
+ margin: margin,
219
+ cursor: cursor,
220
+ } })));
221
+ }
222
+ var templateObject_1$1;
211
223
 
212
224
  (function (ButtonTypes) {
213
225
  ButtonTypes["Submit"] = "Submit";
@@ -215,7 +227,7 @@ function Icon(_a) {
215
227
  (function (ButtonStates) {
216
228
  ButtonStates["Active"] = "Active";
217
229
  })(exports.ButtonStates || (exports.ButtonStates = {}));
218
- var StyledButton = styled.div(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ", ";\n }\n"], ["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ",
230
+ var StyledButton = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ", ";\n }\n"], ["\n position: relative;\n height: 40px;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n justify-content: center;\n white-space: nowrap;\n text-align: center;\n border-radius: 10px;\n transition: all 0.2s;\n margin: ", ";\n padding: ", ";\n background-color: ",
219
231
  ";\n\n &:hover {\n cursor: ", ";\n background-color: ",
220
232
  ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ",
221
233
  ";\n }\n"])), function (props) { return (Boolean(props.margin) ? props.margin : "0px"); }, function (props) { return (Boolean(props.padding) ? props.padding : "0px"); }, function (props) {
@@ -254,9 +266,9 @@ function Button(_a) {
254
266
  })()));
255
267
  })()));
256
268
  }
257
- var templateObject_1$1, templateObject_2;
269
+ var templateObject_1$2, templateObject_2;
258
270
 
259
- var Container = styled.div(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"])));
271
+ var Container$1 = styled.div(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 85px;\n min-height: 42px;\n /* background-color: red; */\n"])));
260
272
  var IconContainer = styled.div(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ", " !important;\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: ", ";\n flex: 1;\n /* background-color: blue; */\n height: 100%;\n\n &:hover {\n cursor: ", ";\n }\n\n .svg-inline--fa {\n color: ",
261
273
  " !important;\n }\n"])), function (props) { return props.justify; }, function (props) { return (props.active ? "pointer" : null); }, function (props) {
262
274
  return props.active ? Polished.lighten(0.025, exports.Colors.Orange) : null;
@@ -266,16 +278,16 @@ function Counter(_a) {
266
278
  var value = _a.value, maxValue = _a.maxValue, _b = _a.minValue, minValue = _b === void 0 ? 0 : _b, onIncrement = _a.onIncrement, onDecrement = _a.onDecrement;
267
279
  var canDecrement = value > minValue;
268
280
  var canIncrement = Boolean(!Boolean(maxValue) || (maxValue && value < maxValue));
269
- return (React__default.createElement(Container, null,
281
+ return (React__default.createElement(Container$1, null,
270
282
  React__default.createElement(IconContainer, { active: canDecrement, onClick: function () { return (canDecrement ? onDecrement() : null); }, justify: "flex-start" },
271
283
  React__default.createElement(Icon, { icon: Icons.MinusCircleLight, color: canDecrement ? exports.Colors.Orange : exports.Colors.Grey5 })),
272
284
  React__default.createElement(Value, null, value),
273
285
  React__default.createElement(IconContainer, { active: canIncrement, onClick: function () { return (canIncrement ? onIncrement() : null); }, justify: "flex-end" },
274
286
  React__default.createElement(Icon, { icon: Icons.PlusCircleLight, color: canIncrement ? exports.Colors.Orange : exports.Colors.Grey5 }))));
275
287
  }
276
- var templateObject_1$2, templateObject_2$1, templateObject_3;
288
+ var templateObject_1$3, templateObject_2$1, templateObject_3;
277
289
 
278
- var Form = styled.form(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ", ";\n"], ["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ",
290
+ var Form = styled.form(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ", ";\n"], ["\n width: ", ";\n display: flex;\n flex-direction: row;\n position: relative;\n border-radius: 10px;\n transition: all 0.2s;\n border: 1px solid\n ",
279
291
  ";\n"])), function (props) { return props.width; }, function (props) {
280
292
  if (props.focused)
281
293
  return exports.Colors.Grey3;
@@ -347,11 +359,11 @@ function Input(_a) {
347
359
  return React__default.createElement(Spacer, null);
348
360
  })()));
349
361
  }
350
- var templateObject_1$3, templateObject_2$2, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6;
362
+ var templateObject_1$4, templateObject_2$2, templateObject_3$1, templateObject_4, templateObject_5, templateObject_6;
351
363
 
352
- var Row = styled.div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"])), function (props) { return props.justify; });
364
+ var Row = styled.div(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n"])), function (props) { return props.justify; });
353
365
  var Column = styled.div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"], ["\n display: flex;\n flex-direction: column;\n"])));
354
- var Container$1 = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"], ["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"])), exports.Colors.White, exports.Colors.Grey6);
366
+ var Container$2 = styled.div(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"], ["\n background-color: ", ";\n padding: 15px;\n border-bottom: 1px solid ", ";\n"])), exports.Colors.White, exports.Colors.Grey6);
355
367
  var Title = styled.div(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"], ["\n font-size: 1.8rem;\n color: ", ";\n font-weight: 600;\n margin-bottom: 5px;\n"])), exports.Colors.Grey1);
356
368
  var Price = styled.div(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"], ["\n font-size: 1.4rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n"])), exports.Colors.Grey2);
357
369
  var Subtitle = styled.div(templateObject_6$1 || (templateObject_6$1 = __makeTemplateObject(["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"], ["\n font-size: 1.2rem;\n font-weight: 500;\n line-height: 160%;\n color: ", ";\n"])), exports.Colors.Grey3);
@@ -372,7 +384,7 @@ function Product(_a) {
372
384
  setShowEllipsis(!showEllipsis);
373
385
  setShowMore(!showMore);
374
386
  };
375
- return (React__default.createElement(Container$1, null,
387
+ return (React__default.createElement(Container$2, null,
376
388
  React__default.createElement(Row, { justify: "space-between" },
377
389
  React__default.createElement(Column, null,
378
390
  React__default.createElement(Title, null, title),
@@ -391,7 +403,7 @@ function Product(_a) {
391
403
  React__default.createElement(ShowMore, { onClick: function () { return toggle(); } }, showMore ? "Show Less" : "Show More")));
392
404
  })()));
393
405
  }
394
- var templateObject_1$4, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
406
+ var templateObject_1$5, templateObject_2$3, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6$1, templateObject_7, templateObject_8, templateObject_9;
395
407
 
396
408
  function makeEventHandler(executeOnEvent) {
397
409
  if (executeOnEvent === void 0) { executeOnEvent = function () { }; }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.16",
3
+ "version": "0.0.19",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "jsnext:main": "build/index.es.js",
@@ -46,12 +46,12 @@
46
46
  "@fortawesome/pro-regular-svg-icons": "^5.12.1",
47
47
  "@fortawesome/pro-solid-svg-icons": "^5.12.1",
48
48
  "@fortawesome/react-fontawesome": "^0.1.9",
49
- "@sellout/utils": "^0.0.16",
49
+ "@sellout/utils": "^0.0.19",
50
50
  "csvtojson": "^2.0.10",
51
51
  "polished": "^3.4.4",
52
52
  "react-animate-height": "^2.0.20"
53
53
  },
54
- "gitHead": "da7d0c8f23c7612b36a0f7e0fdbb7daaaa48cdcc",
54
+ "gitHead": "2fb6b910f23a2e8f3082818f4924a91e6b24a600",
55
55
  "peerDependencies": {
56
56
  "react": "^16.13.0",
57
57
  "react-dom": "^16.13.0",
package/src/components/Icon.tsx CHANGED
@@ -2,12 +2,27 @@ import React from 'react';
2
2
  import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
3
3
  import { Colors } from "../Colors";
4
4
  import { IconEnum } from "./Icons";
5
+ import styled from 'styled-components';
6
+
7
+
8
+ const Container = styled.div<any>`
9
+ color: ${props => props.color};
10
+ /* transition: all 0.2s; */
11
+
12
+ &:hover {
13
+ color: ${props => {
14
+ if(props.color === 'inherit') return null;
15
+ return props.hoverColor;
16
+ }};
17
+ }
18
+ `;
5
19
 
6
20
  export const Icons = IconEnum;
7
21
 
8
22
  export type IconProps = {
9
23
  icon: any;
10
24
  color?: Colors | string | null;
25
+ hoverColor?: Colors | string | null;
11
26
  onClick?: any | null;
12
27
  size?: string | number | undefined;
13
28
  position?: string;
@@ -21,6 +36,7 @@ export type IconProps = {
21
36
  export default function Icon({
22
37
  icon = Icons.AudienceRegular,
23
38
  color = Colors.Orange,
39
+ hoverColor = null,
24
40
  onClick,
25
41
  size = 20,
26
42
  top,
@@ -33,21 +49,22 @@ export default function Icon({
33
49
  const cursor: string = onClick ? 'pointer' : '';
34
50
 
35
51
  return (
36
- <FontAwesomeIcon
37
- icon={icon as any}
38
- onClick={onClick}
39
- style={{
40
- color: color as any,
41
- top,
42
- left,
43
- right,
44
- position: position as any,
45
- zIndex: zIndex as any,
46
- fontSize: size,
47
- transition: "all 0.2s",
48
- margin,
49
- cursor,
50
- }}
51
- />
52
+ <Container color={color} hoverColor={hoverColor}>
53
+ <FontAwesomeIcon
54
+ icon={icon as any}
55
+ onClick={onClick}
56
+ style={{
57
+ top,
58
+ left,
59
+ right,
60
+ position: position as any,
61
+ zIndex: zIndex as any,
62
+ fontSize: size,
63
+ transition: "all 0.2s",
64
+ margin,
65
+ cursor,
66
+ }}
67
+ />
68
+ </Container>
52
69
  );
53
70
  }
package/src/components/Icons.ts CHANGED
@@ -1,11 +1,13 @@
1
1
  import { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons'
2
2
  import { faBell as BellLight} from '@fortawesome/pro-light-svg-icons'
3
+ import { faCashRegister as BoxOfficeLight} from '@fortawesome/pro-light-svg-icons'
3
4
  import { faBullhorn as BullHornLight} from '@fortawesome/pro-light-svg-icons'
4
5
  import { faCalendarDay as CalendarDayLight} from '@fortawesome/pro-light-svg-icons'
5
6
  import { faCalendarStar as CalendarStarLight} from '@fortawesome/pro-light-svg-icons'
6
7
  import { faFileExport as ExportLight} from '@fortawesome/pro-light-svg-icons'
7
8
  import { faFilter as FilterLight} from '@fortawesome/pro-light-svg-icons'
8
9
  import { faQuestionCircle as HelpLight} from '@fortawesome/pro-light-svg-icons'
10
+ import { faHome as HomeLight} from '@fortawesome/pro-light-svg-icons'
9
11
  import { faMapMarkerAlt as mapPinLight} from '@fortawesome/pro-light-svg-icons'
10
12
  import { faMicrophoneAlt as MicrophoneLight} from '@fortawesome/pro-light-svg-icons'
11
13
  import { faMinusCircle as MinusCircleLight} from '@fortawesome/pro-light-svg-icons'
@@ -19,14 +21,12 @@ import { faAnalytics as AnalyticsSolid} from '@fortawesome/pro-solid-svg-icons'
19
21
  import { faCalendarStar as CalendarStarSolid} from '@fortawesome/pro-solid-svg-icons'
20
22
  import { faCreditCardFront as CreditCardFront} from '@fortawesome/pro-solid-svg-icons'
21
23
  import { faUsdSquare as FeeSolid} from '@fortawesome/pro-solid-svg-icons'
22
- import { faHome as HomeLight} from '@fortawesome/pro-solid-svg-icons'
23
24
  import { faKeySkeleton as KeySolid} from '@fortawesome/pro-solid-svg-icons'
24
25
  import { faLongArrowRight as LongRightArrow} from '@fortawesome/pro-solid-svg-icons'
25
26
  import { faFileChartLine as ReportSolid} from '@fortawesome/pro-solid-svg-icons'
26
27
  import { faSortAlt as SortBy} from '@fortawesome/pro-solid-svg-icons'
27
28
  import { faArrowAltSquareUp as UpgradeSolid} from '@fortawesome/pro-solid-svg-icons'
28
29
  import { faUserFriends as AudienceRegular} from '@fortawesome/pro-regular-svg-icons'
29
- import { faCashRegister as BoxOfficeRegular} from '@fortawesome/pro-regular-svg-icons'
30
30
  import { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons'
31
31
  import { faCheck as Check} from '@fortawesome/pro-regular-svg-icons'
32
32
  import { faGlassCheers as Cheers} from '@fortawesome/pro-regular-svg-icons'
@@ -47,12 +47,15 @@ import { faLink as Link} from '@fortawesome/pro-regular-svg-icons'
47
47
  import { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons'
48
48
  import { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons'
49
49
  import { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons'
50
+ import { faCog as Settings} from '@fortawesome/pro-regular-svg-icons'
50
51
  import { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons'
51
52
  import { faUnlock as Unlock} from '@fortawesome/pro-regular-svg-icons'
52
53
  import { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons'
54
+ import { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons'
53
55
  import { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons'
54
56
  import { faUpload as Upload} from '@fortawesome/pro-regular-svg-icons'
55
57
  import { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons'
58
+ import { faSignOut as SignOut} from '@fortawesome/pro-regular-svg-icons'
56
59
  import { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons'
57
60
  import { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons'
58
61
  import { faBold as Bold} from '@fortawesome/free-solid-svg-icons'
@@ -75,8 +78,10 @@ import { faEye as EyeSolid} from '@fortawesome/free-solid-svg-icons'
75
78
  import { faQuestionCircle as HelpSolid} from '@fortawesome/free-solid-svg-icons'
76
79
  import { faHome as HomeSolid} from '@fortawesome/free-solid-svg-icons'
77
80
  import { faItalic as Italic} from '@fortawesome/free-solid-svg-icons'
81
+ import { faBars as Menu} from '@fortawesome/free-solid-svg-icons'
78
82
  import { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons'
79
83
  import { faMobileAlt as Mobile} from '@fortawesome/free-solid-svg-icons'
84
+ import { faPlus as Plus} from '@fortawesome/free-solid-svg-icons'
80
85
  import { faPlusCircle as PlusCircle} from '@fortawesome/free-solid-svg-icons'
81
86
  import { faPrint as PrintSolid} from '@fortawesome/free-solid-svg-icons'
82
87
  import { faReceipt as ReceiptSolid} from '@fortawesome/free-solid-svg-icons'
@@ -91,25 +96,27 @@ import { faUser as UserSolid} from '@fortawesome/free-solid-svg-icons'
91
96
  import { faUsers as UsersSolid} from '@fortawesome/free-solid-svg-icons'
92
97
  import { faLandmark as VenueSolid} from '@fortawesome/free-solid-svg-icons'
93
98
  import { faExclamationTriangle as Warning} from '@fortawesome/free-solid-svg-icons'
94
- import { faBars as Menu} from '@fortawesome/free-solid-svg-icons'
95
99
  import { faCalendarAlt as Calendar} from '@fortawesome/free-regular-svg-icons'
96
100
  import { faClock as Clock} from '@fortawesome/free-regular-svg-icons'
97
101
  import { faCopy as CopyRegular} from '@fortawesome/free-regular-svg-icons'
98
102
  import { faEdit as Edit} from '@fortawesome/free-regular-svg-icons'
99
103
  import { faEye as EyeRegular} from '@fortawesome/free-regular-svg-icons'
100
104
  import { faEyeSlash as EyeSlashRegular} from '@fortawesome/free-regular-svg-icons'
105
+ import { faLifeRing as Help} from '@fortawesome/free-regular-svg-icons'
101
106
  import { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons'
102
107
  import { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons'
103
108
 
104
109
  export const IconEnum = {
105
110
  AnalyticsLight,
106
111
  BellLight,
112
+ BoxOfficeLight,
107
113
  BullHornLight,
108
114
  CalendarDayLight,
109
115
  CalendarStarLight,
110
116
  ExportLight,
111
117
  FilterLight,
112
118
  HelpLight,
119
+ HomeLight,
113
120
  mapPinLight,
114
121
  MicrophoneLight,
115
122
  MinusCircleLight,
@@ -123,14 +130,12 @@ export const IconEnum = {
123
130
  CalendarStarSolid,
124
131
  CreditCardFront,
125
132
  FeeSolid,
126
- HomeLight,
127
133
  KeySolid,
128
134
  LongRightArrow,
129
135
  ReportSolid,
130
136
  SortBy,
131
137
  UpgradeSolid,
132
138
  AudienceRegular,
133
- BoxOfficeRegular,
134
139
  CalculatorRegular,
135
140
  Check,
136
141
  Cheers,
@@ -151,12 +156,15 @@ export const IconEnum = {
151
156
  PrintRegular,
152
157
  ReportRegular,
153
158
  SearchRegular,
159
+ Settings,
154
160
  TicketRegular,
155
161
  Unlock,
156
162
  UpArrow,
163
+ Update,
157
164
  UpgradeRegular,
158
165
  Upload,
159
166
  UsersRegular,
167
+ SignOut,
160
168
  AudienceSolid,
161
169
  BackArrow,
162
170
  Bold,
@@ -179,8 +187,10 @@ export const IconEnum = {
179
187
  HelpSolid,
180
188
  HomeSolid,
181
189
  Italic,
190
+ Menu,
182
191
  MicrophoneSolid,
183
192
  Mobile,
193
+ Plus,
184
194
  PlusCircle,
185
195
  PrintSolid,
186
196
  ReceiptSolid,
@@ -195,13 +205,13 @@ export const IconEnum = {
195
205
  UsersSolid,
196
206
  VenueSolid,
197
207
  Warning,
198
- Menu,
199
208
  Calendar,
200
209
  Clock,
201
210
  CopyRegular,
202
211
  Edit,
203
212
  EyeRegular,
204
213
  EyeSlashRegular,
214
+ Help,
205
215
  SadTear,
206
216
  UserRegular,
207
217
  };
package/utils/icon-library.csv CHANGED
@@ -1,13 +1,13 @@
1
1
  Icon,Name,Library,Weight,FA Name
2
2
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cc-amex-brands.svg,Amex,Brands,,faCcAmex
3
- FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/analytics-light.svg,AnalyticsLight,Pro,Light,FaAnalytics
4
- FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/analytics-solid.svg,AnalyticsSolid,Pro,Solid,FaAnalytics
3
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/analytics-light.svg,AnalyticsLight,Pro,Light,faAnalytics
4
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/analytics-solid.svg,AnalyticsSolid,Pro,Solid,faAnalytics
5
5
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/user-friends-regular.svg,AudienceRegular,Pro,Regular,faUserFriends
6
6
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/user-friends-solid.svg,AudienceSolid,Free,Solid,faUserFriends
7
7
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/arrow-left-solid.svg,BackArrow,Free,Solid,faArrowLeft
8
8
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bell-light.svg,BellLight,Pro,Light,faBell
9
9
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bold-solid.svg,Bold,Free,Solid,faBold
10
- FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cash-register-regular.svg,BoxOfficeRegular,Pro,Regular,faCashRegister
10
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cash-register-light.svg,BoxOfficeLight,Pro,Light,faCashRegister
11
11
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cash-register-solid.svg,BoxOfficeSolid,Free,Solid,faCashRegister
12
12
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bullhorn-light.svg,BullHornLight,Pro,Light,faBullhorn
13
13
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bullhorn-solid.svg,BullhornSolid,Free,Solid,faBullhorn
@@ -53,9 +53,10 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/filter-light.svg,Filter
53
53
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/filter-regular.svg,FilterRegular,Pro,Regular,faFilter
54
54
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/globe-americas-regular.svg,GlobeRegular,Pro,Regular,faGlobeAmericas
55
55
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/chart-line-regular.svg,GraphGrowth,Pro,Regular,faChartLine
56
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/life-ring-regular.svg,Help,Free,Regular,faLifeRing
56
57
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/question-circle-light.svg,HelpLight,Pro,Light,faQuestionCircle
57
58
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/question-circle-solid.svg,HelpSolid,Free,Solid,faQuestionCircle
58
- FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/home-light.svg,HomeLight,Pro,Solid,faHome
59
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/home-light.svg,HomeLight,Pro,Light,faHome
59
60
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/home-solid.svg,HomeSolid,Free,Solid,faHome
60
61
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/italic-solid.svg,Italic,Free,Solid,faItalic
61
62
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/key-skeleton-regular.svg,KeyRegular,Pro,Regular,faKeySkeleton
@@ -65,10 +66,12 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/link-regular.svg,Link,P
65
66
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/long-arrow-right-solid.svg,LongRightArrow,Pro,Solid,faLongArrowRight
66
67
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/map-marker-alt-light.svg,mapPinLight,Pro,Light,faMapMarkerAlt
67
68
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cc-mastercard-brands.svg,Mastercard,Brands,,faCcMastercard
69
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bars-solid.svg,Menu,Free,Solid,faBars
68
70
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/microphone-alt-light.svg,MicrophoneLight,Pro,Light,faMicrophoneAlt
69
71
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/microphone-alt-solid.svg,MicrophoneSolid,Free,Solid,faMicrophoneAlt
70
72
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/minus-circle-light.svg,MinusCircleLight,Pro,Light,faMinusCircle
71
73
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/mobile-alt-solid.svg,Mobile,Free,Solid,faMobileAlt
74
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-solid.svg,Plus,Free,Solid,faPlus
72
75
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-circle-solid.svg,PlusCircle,Free,Solid,faPlusCircle
73
76
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/plus-circle-light.svg,PlusCircleLight,Pro,Light,faPlusCircle
74
77
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/print-regular.svg,PrintRegular,Pro,Regular,faPrint
@@ -83,6 +86,7 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/sad-tear-regular.svg,Sa
83
86
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/search-light.svg,SearchLight,Pro,Light,faSearch
84
87
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/search-regular.svg,SearchRegular,Pro,Regular,faSearch
85
88
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/search-solid.svg,SearchSolid,Free,Solid,faSearch
89
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cog-regular.svg,Settings,Pro,Regular,faCog
86
90
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/sort-solid.svg,Sort,Free,Solid,faSort
87
91
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/sort-alt-solid.svg,SortBy,Pro,Solid,faSortAlt
88
92
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/sort-alt-light.svg,SortByLight,Pro,Light,faSortAlt
@@ -91,6 +95,7 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/ticket-alt-solid.svg,Ti
91
95
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/underline-solid.svg,Underline,Free,Solid,faUnderline
92
96
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/unlock-regular.svg,Unlock,Pro,Regular,faUnlock
93
97
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/arrow-alt-up-regular.svg,UpArrow,Pro,Regular,faArrowAltUp
98
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/megaphone-regular.svg,Update,Pro,Regular,faMegaphone
94
99
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/arrow-alt-square-up-regular.svg,UpgradeRegular,Pro,Regular,faArrowAltSquareUp
95
100
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/arrow-alt-square-up-solid.svg,UpgradeSolid,Pro,Solid,faArrowAltSquareUp
96
101
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/upload-regular.svg,Upload,Pro,Regular,faUpload
@@ -104,4 +109,4 @@ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/landmark-light.svg,Venu
104
109
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/landmark-solid.svg,VenueSolid,Free,Solid,faLandmark
105
110
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/cc-visa-brands.svg,Visa,Brands,,faCcVisa
106
111
  FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/exclamation-triangle-solid.svg,Warning,Free,Solid,faExclamationTriangle
107
- FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/bars-solid.svg,Menu,Free,Solid,faBars
112
+ FontAwesome%20Library%20c273194098044eb2862e141b7e48a687/sign-out-regular.svg,SignOut,Pro,Regular,faSignOut