@sellout/ui 0.0.57 → 0.0.60

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 (76) hide show
  1. package/build/Colors.js +26 -0
  2. package/build/_virtual/_tslib.js +51 -0
  3. package/build/components/Button.d.ts +20 -6
  4. package/build/components/Button.js +210 -0
  5. package/build/components/CodeInput.d.ts +8 -0
  6. package/build/components/CodeInput.js +78 -0
  7. package/build/components/Counter.js +28 -0
  8. package/build/components/Dropdown.d.ts +24 -0
  9. package/build/components/Dropdown.js +49 -0
  10. package/build/components/Flex.d.ts +12 -0
  11. package/build/components/Flex.js +12 -0
  12. package/build/components/Icon.d.ts +49 -3
  13. package/build/components/Icon.js +39 -0
  14. package/build/components/Icons.d.ts +49 -3
  15. package/build/components/Icons.js +181 -0
  16. package/build/components/Input.d.ts +16 -1
  17. package/build/components/Input.js +177 -0
  18. package/build/components/InputOld.d.ts +23 -0
  19. package/build/components/InputOld.js +83 -0
  20. package/build/components/Label.d.ts +9 -0
  21. package/build/components/Label.js +22 -0
  22. package/build/components/Loader.js +37 -0
  23. package/build/components/MaxLength.d.ts +7 -0
  24. package/build/components/MaxLength.js +16 -0
  25. package/build/components/Motion.d.ts +30 -0
  26. package/build/components/Motion.js +39 -0
  27. package/build/components/PhoneNumberInput.d.ts +19 -0
  28. package/build/components/PhoneNumberInput.js +39 -0
  29. package/build/components/Product.js +54 -0
  30. package/build/components/TextButton.d.ts +15 -0
  31. package/build/components/TextButton.js +39 -0
  32. package/build/components/Tip.d.ts +7 -0
  33. package/build/components/Tip.js +18 -0
  34. package/build/components/UserImage.d.ts +13 -0
  35. package/build/components/UserImage.js +20 -0
  36. package/build/components/UserInfo.d.ts +12 -0
  37. package/build/components/UserInfo.js +38 -0
  38. package/build/components/ValidationError.d.ts +6 -0
  39. package/build/components/ValidationError.js +23 -0
  40. package/build/components/VerticalUserInfo.d.ts +12 -0
  41. package/build/index.d.ts +18 -126
  42. package/build/index.js +27 -453
  43. package/build/utils/ErrorUtil.d.ts +1 -0
  44. package/build/utils/ErrorUtil.js +18 -0
  45. package/build/utils/MediaQuery.d.ts +17 -0
  46. package/build/utils/MediaQuery.js +64 -0
  47. package/build/utils/Validation.d.ts +6 -0
  48. package/build/utils/Validation.js +53 -0
  49. package/build/utils/makeEventHandler.js +11 -0
  50. package/package.json +13 -5
  51. package/.storybook/config.js +0 -3
  52. package/.storybook/preview-head.html +0 -21
  53. package/.storybook/webpack.config.js +0 -19
  54. package/build/index.es.js +0 -443
  55. package/rollup.config.js +0 -20
  56. package/src/Colors.ts +0 -23
  57. package/src/assets/images/sellout-logo-long.svg +0 -11
  58. package/src/assets/images/sellout-logo-mono-white.svg +0 -4
  59. package/src/components/Button.tsx +0 -141
  60. package/src/components/Counter.tsx +0 -91
  61. package/src/components/Icon.tsx +0 -78
  62. package/src/components/Icons.ts +0 -251
  63. package/src/components/Input.tsx +0 -258
  64. package/src/components/Loader.tsx +0 -88
  65. package/src/components/Product.tsx +0 -156
  66. package/src/index.ts +0 -28
  67. package/src/stories/Button.stories.js +0 -30
  68. package/src/stories/Counter.stories.js +0 -28
  69. package/src/stories/Icon.stories.js +0 -25
  70. package/src/stories/Input.stories.js +0 -79
  71. package/src/stories/Loader.stories.js +0 -50
  72. package/src/stories/Product.stories.js +0 -67
  73. package/src/utils/makeEventHandler.ts +0 -8
  74. package/tsconfig.json +0 -24
  75. package/utils/generateIconLibrary.js +0 -49
  76. package/utils/icon-library.csv +0 -129
package/src/Colors.ts DELETED
@@ -1,23 +0,0 @@
1
- export enum Colors {
2
- White = "#FFFFFF",
3
- Black = "#000000",
4
- Yellow = '#FFBA49',
5
- // Green = "#419D78",
6
- Green = '#42BB83',
7
- OffWhite = "#FCFCFC",
8
- LightBlue = "#39159C",
9
- Blue = "#2D0E84",
10
- DarkBlue = "#1D0858",
11
- Red = "#E63946",
12
- Orange = "#FF700F",
13
- FadedOrange = '#FFF1E7',
14
- LightOrange = "#FFBE93",
15
- DarkOrange = "#D65600",
16
- Grey1 = "#333333",
17
- Grey2 = "#4F4F4F",
18
- Grey3 = "#828282",
19
- Grey4 = "#BDBDBD",
20
- Grey5 = "#E0E0E0",
21
- Grey6 = "#F2F2F2",
22
- Grey7 = "#F8F8F8",
23
- }
@@ -1,11 +0,0 @@
1
- <svg width="104" height="32" viewBox="0 0 104 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M35.4545 23.384C38.6731 23.384 41.051 21.992 41.051 19.304C41.051 16.16 38.505 15.608 36.3432 15.248C34.782 14.96 33.3889 14.84 33.3889 13.976C33.3889 13.208 34.1335 12.848 35.0942 12.848C36.1751 12.848 36.9197 13.184 37.0638 14.288H40.6667C40.4745 11.864 38.601 10.352 35.1183 10.352C32.2119 10.352 29.81 11.696 29.81 14.288C29.81 17.168 32.0918 17.744 34.2296 18.104C35.8629 18.392 37.352 18.512 37.352 19.616C37.352 20.408 36.6075 20.84 35.4305 20.84C34.1335 20.84 33.3168 20.24 33.1727 19.016H29.4738C29.5939 21.728 31.8517 23.384 35.4545 23.384Z" fill="black"/>
3
- <path d="M48.4438 23.36C50.0051 23.36 51.2541 22.952 52.2869 22.232C53.3678 21.488 54.0884 20.432 54.3526 19.328H50.5335C50.1972 20.096 49.5247 20.552 48.4919 20.552C46.8826 20.552 45.9699 19.52 45.7297 17.864H54.5687C54.5928 15.368 53.8722 13.232 52.407 11.888C51.3502 10.928 49.9571 10.352 48.2037 10.352C44.4567 10.352 41.8866 13.16 41.8866 16.832C41.8866 20.552 44.3846 23.36 48.4438 23.36ZM45.7537 15.536C46.0179 14.072 46.7865 13.136 48.2757 13.136C49.5487 13.136 50.4615 14.072 50.6056 15.536H45.7537Z" fill="black"/>
4
- <path d="M55.9035 23H59.8667V5.83997H55.9035V23Z" fill="black"/>
5
- <path d="M61.791 23H65.7542V5.83997H61.791V23Z" fill="black"/>
6
- <path d="M73.6593 20.6C71.9539 20.6 71.0652 19.112 71.0652 16.88C71.0652 14.648 71.9539 13.136 73.6593 13.136C75.3647 13.136 76.2774 14.648 76.2774 16.88C76.2774 19.112 75.3647 20.6 73.6593 20.6ZM73.6833 23.384C77.6465 23.384 80.2406 20.576 80.2406 16.88C80.2406 13.184 77.6465 10.376 73.6833 10.376C69.7442 10.376 67.1021 13.184 67.1021 16.88C67.1021 20.576 69.7442 23.384 73.6833 23.384Z" fill="black"/>
7
- <path d="M85.7914 23.36C87.4968 23.36 88.5777 22.688 89.4664 21.488H89.5384V23H93.2854V10.712H89.3703V17.576C89.3703 19.04 88.5536 20.048 87.2086 20.048C85.9596 20.048 85.3591 19.304 85.3591 17.96V10.712H81.468V18.776C81.468 21.512 82.9572 23.36 85.7914 23.36Z" fill="black"/>
8
- <path d="M100.045 23.144C101.101 23.144 101.846 23.048 102.182 22.952V20.096C102.038 20.096 101.654 20.12 101.318 20.12C100.477 20.12 99.9485 19.88 99.9485 18.92V13.16H102.182V10.712H99.9485V6.82397H96.1294V10.712H94.4961V13.16H96.1294V19.76C96.1294 22.4 97.7627 23.144 100.045 23.144Z" fill="black"/>
9
- <path d="M6.75255 1.41177C3.81736 1.41177 1.41146 3.82962 1.41146 6.81542C1.41146 7.38337 1.49166 7.91886 1.65205 8.43814C2.88708 7.01014 4.71556 6.10142 6.73651 6.10142H12.0776V1.42799H6.75255V1.41177ZM1.66809 11.3103C1.5077 11.8296 1.4275 12.3651 1.4275 12.9331C1.4275 15.9026 3.81736 18.3367 6.76859 18.3367H12.1097V13.6633H6.75255C4.7316 13.6471 2.90312 12.7383 1.66809 11.3103ZM12.1097 19.7647H6.75255C3.03143 19.7647 0 16.6978 0 12.9331C0 11.8296 0.256629 10.7911 0.721769 9.88235C0.256629 8.9574 0 7.91887 0 6.83165C0 3.06694 3.03143 0 6.75255 0H13.5051V7.56187H6.75255C4.94011 7.56187 3.32014 8.48682 2.35778 9.89858C3.32014 11.3103 4.92407 12.2353 6.75255 12.2353H12.1097V19.7647Z" fill="black"/>
10
- <path d="M13.2634 30.5882C16.1986 30.5882 18.6045 28.1704 18.6045 25.1846C18.6045 24.6166 18.5243 24.0811 18.3639 23.5619C17.1289 24.9899 15.3004 25.8986 13.2795 25.8986H7.93838V30.572H13.2634V30.5882ZM18.3479 20.6897C18.5083 20.1704 18.5885 19.6349 18.5885 19.0669C18.5885 16.0974 16.1986 13.6633 13.2474 13.6633L7.9063 13.6633C7.9063 15.4884 7.9063 16.5116 7.9063 18.3367H13.2634C15.2844 18.3529 17.1129 19.2617 18.3479 20.6897ZM7.9063 12.2353H13.2634C16.9846 12.2353 20.016 15.3022 20.016 19.0669C20.016 20.1704 19.7594 21.2089 19.2942 22.1176C19.7594 23.0426 20.016 24.0811 20.016 25.1684C20.016 28.9331 16.9846 32 13.2634 32L6.51088 32L6.51088 24.4381L13.2634 24.4381C15.0759 24.4381 16.6958 23.5132 17.6582 22.1014C16.6958 20.6897 15.0919 19.7647 13.2634 19.7647H7.9063V12.2353Z" fill="black"/>
11
- </svg>
@@ -1,4 +0,0 @@
1
- <svg width="20" height="32" viewBox="0 0 20 32" fill="none" xmlns="http://www.w3.org/2000/svg">
2
- <path d="M6.74716 1.41177C3.81431 1.41177 1.41033 3.82962 1.41033 6.81542C1.41033 7.38337 1.49047 7.91886 1.65073 8.43814C2.88477 7.01014 4.71179 6.10142 6.73113 6.10142H12.068V1.42799H6.74716V1.41177ZM1.66676 11.3103C1.50649 11.8296 1.42636 12.3651 1.42636 12.9331C1.42636 15.9026 3.81431 18.3367 6.76319 18.3367H12.1V13.6633H6.74716C4.72782 13.6471 2.9008 12.7383 1.66676 11.3103ZM12.1 19.7647H6.74716C3.02901 19.7647 0 16.6978 0 12.9331C0 11.8296 0.256424 10.7911 0.721193 9.88235C0.256424 8.9574 0 7.91887 0 6.83165C0 3.06694 3.02901 0 6.74716 0H13.4943V7.56187H6.74716C4.93616 7.56187 3.31749 8.48682 2.3559 9.89858C3.31749 11.3103 4.92014 12.2353 6.74716 12.2353H12.1V19.7647Z" fill="white"/>
3
- <path d="M13.2528 30.5882C16.1857 30.5882 18.5897 28.1704 18.5897 25.1846C18.5897 24.6166 18.5095 24.0811 18.3493 23.5619C17.1152 24.9899 15.2882 25.8986 13.2689 25.8986H7.93204V30.572H13.2528V30.5882ZM18.3332 20.6897C18.4935 20.1704 18.5736 19.6349 18.5736 19.0669C18.5736 16.0974 16.1857 13.6633 13.2368 13.6633L7.89999 13.6633C7.89999 15.4884 7.89999 16.5116 7.89999 18.3367H13.2528C15.2722 18.3529 17.0992 19.2617 18.3332 20.6897ZM7.89999 12.2353H13.2528C16.971 12.2353 20 15.3022 20 19.0669C20 20.1704 19.7436 21.2089 19.2788 22.1176C19.7436 23.0426 20 24.0811 20 25.1684C20 28.9331 16.971 32 13.2528 32L6.50568 32L6.50568 24.4381L13.2528 24.4381C15.0638 24.4381 16.6825 23.5132 17.6441 22.1014C16.6825 20.6897 15.0799 19.7647 13.2528 19.7647H7.89999V12.2353Z" fill="white"/>
4
- </svg>
@@ -1,141 +0,0 @@
1
- import React, { Fragment } from "react";
2
- import styled from "styled-components";
3
- import * as Polished from "polished";
4
- import { Colors } from "../Colors";
5
- import Loader, { LoaderSizes } from './Loader';
6
- import Icon from "./Icon";
7
-
8
- export enum ButtonTypes {
9
- Submit = "Submit",
10
- };
11
-
12
- export enum ButtonStates {
13
- Active = 'Active',
14
- }
15
-
16
- type StyledButtonProps = {
17
- type: string;
18
- state: string;
19
- onClick?: any;
20
- margin?: string;
21
- padding?: string;
22
- }
23
-
24
- const StyledButton = styled.div<StyledButtonProps>`
25
- position: relative;
26
- height: 40px;
27
- width: 100%;
28
- display: flex;
29
- flex-direction: row;
30
- align-items: center;
31
- overflow: hidden;
32
- justify-content: center;
33
- white-space: nowrap;
34
- text-align: center;
35
- border-radius: 10px;
36
- transition: all 0.2s;
37
- margin: ${(props: any) => (Boolean(props.margin) ? props.margin : "0px")};
38
- padding: ${(props: any) => (Boolean(props.padding) ? props.padding : "0px")};
39
- background-color: ${props => {
40
- if (props.type === ButtonTypes.Submit) {
41
- return Colors.Orange;
42
- }
43
- return null;
44
- }};
45
-
46
- &:hover {
47
- cursor: ${props => (props.onClick ? "pointer" : null)};
48
- background-color: ${props => {
49
- if (props.onClick && props.type === ButtonTypes.Submit) {
50
- return Polished.lighten(0.025, Colors.Orange);
51
- }
52
- return null;
53
- }};
54
- }
55
-
56
- &:active {
57
- cursor: ${props => (props.onClick ? "pointer" : null)};
58
- background-color: ${props => {
59
- if (props.onClick && props.type === ButtonTypes.Submit) {
60
- return Polished.darken(0.025, Colors.Orange);
61
- }
62
- return null;
63
- }};
64
- }
65
- `;
66
-
67
- type TextProps = {
68
- type: string;
69
- icon: boolean;
70
- }
71
-
72
- const Text = styled.span<TextProps>`
73
- font-size: 1.4rem;
74
- font-weight: 600;
75
- text-transform: uppercase;
76
- margin-left: ${(props: any) => (props.icon ? "10px" : 0)};
77
- color: ${(props: any) => {
78
- if (props.type === ButtonTypes.Submit) {
79
- return Colors.White;
80
- }
81
- return null;
82
- }};
83
- `;
84
-
85
- export type ButtonProps = {
86
- type?: string;
87
- state?: string;
88
- text?: string;
89
- onClick?: any;
90
- icon?: any;
91
- margin?: string;
92
- padding?: string;
93
- loading?: boolean;
94
- };
95
-
96
- export default function Button({
97
- type = ButtonTypes.Submit,
98
- state = ButtonStates.Active,
99
- text,
100
- onClick = () => {},
101
- icon,
102
- margin,
103
- padding,
104
- loading = false,
105
- }: ButtonProps) {
106
- return (
107
- <StyledButton
108
- type={type}
109
- onClick={loading ? null : () => onClick()}
110
- margin={margin}
111
- padding={padding}
112
- state={state}
113
- >
114
- {(() => {
115
- return (
116
- <Fragment>
117
- {icon && (
118
- <Icon
119
- icon={icon}
120
- color={Colors.White}
121
- />
122
- )}
123
- {(() => {
124
- if (loading) {
125
- return <Loader size={LoaderSizes.VerySmall} />
126
- }
127
-
128
- return (
129
- text && (
130
- <Text type={type} icon={Boolean(icon)}>
131
- {text}
132
- </Text>
133
- )
134
- );
135
- })()}
136
- </Fragment>
137
- );
138
- })()}
139
- </StyledButton>
140
- );
141
- }
@@ -1,91 +0,0 @@
1
- import React from "react";
2
- import styled from "styled-components";
3
- import * as Polished from "polished";
4
- import { Colors } from "../Colors";
5
- import Icon, { Icons } from "./Icon";
6
-
7
- const Container = styled.div`
8
- position: relative;
9
- display: flex;
10
- align-items: center;
11
- justify-content: space-between;
12
- width: 85px;
13
- min-height: 42px;
14
- /* background-color: red; */
15
- `;
16
-
17
- type IconContainerProps = {
18
- active: boolean;
19
- justify: string;
20
- }
21
-
22
- const IconContainer = styled.div<IconContainerProps>`
23
- display: flex;
24
- align-items: center;
25
- justify-content: ${props => props.justify};
26
- flex: 1;
27
- /* background-color: blue; */
28
- height: 100%;
29
-
30
- &:hover {
31
- cursor: ${props => (props.active ? "pointer" : null)};
32
- }
33
-
34
- .svg-inline--fa {
35
- color: ${props =>
36
- props.active ? Polished.lighten(0.025, Colors.Orange) : null} !important;
37
- }
38
- `;
39
-
40
- const Value = styled.div`
41
- font-size: 2.4rem;
42
- color: ${Colors.Grey1};
43
- min-width: 20px;
44
- text-align: center;
45
- `;
46
-
47
- export type CounterProps = {
48
- value: number,
49
- maxValue?: number,
50
- minValue: number,
51
- onIncrement: Function,
52
- onDecrement: Function,
53
- };
54
-
55
- export default function Counter({
56
- value,
57
- maxValue,
58
- minValue = 0,
59
- onIncrement,
60
- onDecrement,
61
- }: CounterProps) {
62
-
63
- const canDecrement = value > minValue;
64
- const canIncrement = Boolean(!Boolean(maxValue) || (maxValue && value < maxValue));
65
-
66
- return (
67
- <Container>
68
- <IconContainer
69
- active={canDecrement}
70
- onClick={() => (canDecrement ? onDecrement() : null)}
71
- justify="flex-start"
72
- >
73
- <Icon
74
- icon={Icons.MinusCircleLight}
75
- color={canDecrement ? Colors.Orange : Colors.Grey5}
76
- />
77
- </IconContainer>
78
- <Value>{value}</Value>
79
- <IconContainer
80
- active={canIncrement}
81
- onClick={() => (canIncrement ? onIncrement() : null)}
82
- justify="flex-end"
83
- >
84
- <Icon
85
- icon={Icons.PlusCircleLight}
86
- color={canIncrement ? Colors.Orange : Colors.Grey5}
87
- />
88
- </IconContainer>
89
- </Container>
90
- );
91
- }
@@ -1,78 +0,0 @@
1
- import React from "react";
2
- import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
3
- import { Colors } from "../Colors";
4
- import { IconEnum } from "./Icons";
5
- import styled from "styled-components";
6
-
7
- const Container = styled.div<any>`
8
- color: ${(props) => props.color};
9
-
10
- &:hover {
11
- color: ${(props) => {
12
- if (props.color === "inherit") return null;
13
- return props.hoverColor;
14
- }};
15
- }
16
- `;
17
-
18
- export const Icons = IconEnum;
19
-
20
- export type IconProps = {
21
- icon: any;
22
- color?: Colors | string | null;
23
- hoverColor?: Colors | string | null;
24
- onClick?: any | null;
25
- size?: string | number | undefined;
26
- position?: string;
27
- top?: string | number | undefined;
28
- left?: string | number | undefined;
29
- right?: string | number | undefined;
30
- zIndex?: number | void;
31
- margin?: string | number | undefined;
32
- tip?: string;
33
- transitionDuration?: string;
34
- rotation?: number;
35
- };
36
-
37
- export default function Icon({
38
- icon = Icons.AudienceRegular,
39
- color = Colors.Orange,
40
- hoverColor = null,
41
- onClick,
42
- size = 20,
43
- top,
44
- left,
45
- right,
46
- position = "relative" as any,
47
- zIndex,
48
- margin,
49
- tip,
50
- transitionDuration,
51
- rotation,
52
- }: IconProps) {
53
- const cursor: string = onClick ? "pointer" : "";
54
-
55
- if (icon === Icons.TicketRegular) rotation = 90;
56
- if (icon === Icons.TicketSolid) rotation = 90;
57
-
58
- return (
59
- <Container color={color} hoverColor={hoverColor} data-tip={tip}>
60
- <FontAwesomeIcon
61
- icon={icon as any}
62
- onClick={onClick}
63
- style={{
64
- top,
65
- left,
66
- right,
67
- position: position as any,
68
- zIndex: zIndex as any,
69
- fontSize: size,
70
- transition: `all ${transitionDuration || "0.2s"}`,
71
- transform: rotation ? `rotate(${rotation}deg)` : undefined,
72
- margin,
73
- cursor,
74
- }}
75
- />
76
- </Container>
77
- );
78
- }
@@ -1,251 +0,0 @@
1
- import { faAnalytics as AnalyticsLight} from '@fortawesome/pro-light-svg-icons';
2
- import { faBell as BellLight} from '@fortawesome/pro-light-svg-icons';
3
- import { faCashRegister as BoxOfficeLight} from '@fortawesome/pro-light-svg-icons';
4
- import { faBullhorn as BullHornLight} from '@fortawesome/pro-light-svg-icons';
5
- import { faCalendarDay as CalendarDayLight} from '@fortawesome/pro-light-svg-icons';
6
- import { faCalendarAlt as CalendarLight} from '@fortawesome/pro-light-svg-icons';
7
- import { faCalendarStar as CalendarStarLight} from '@fortawesome/pro-light-svg-icons';
8
- import { faCheck as CheckLight} from '@fortawesome/pro-light-svg-icons';
9
- import { faEnvelope as EnvelopeLight} from '@fortawesome/pro-light-svg-icons';
10
- import { faEnvelopeOpenText as EnvelopeOpenRegular} from '@fortawesome/pro-light-svg-icons';
11
- import { faFileExport as ExportLight} from '@fortawesome/pro-light-svg-icons';
12
- import { faFilter as FilterLight} from '@fortawesome/pro-light-svg-icons';
13
- import { faQuestionCircle as HelpLight} from '@fortawesome/pro-light-svg-icons';
14
- import { faHome as HomeLight} from '@fortawesome/pro-light-svg-icons';
15
- import { faLock as Lock} from '@fortawesome/pro-light-svg-icons';
16
- import { faMapMarkerAlt as mapPinLight} from '@fortawesome/pro-light-svg-icons';
17
- import { faMicrophoneAlt as MicrophoneLight} from '@fortawesome/pro-light-svg-icons';
18
- import { faMinusCircle as MinusCircleLight} from '@fortawesome/pro-light-svg-icons';
19
- import { faMobileAlt as MobileLight} from '@fortawesome/pro-light-svg-icons';
20
- import { faPlusCircle as PlusCircleLight} from '@fortawesome/pro-light-svg-icons';
21
- import { faReceipt as ReceiptLight} from '@fortawesome/pro-light-svg-icons';
22
- import { faSearch as SearchLight} from '@fortawesome/pro-light-svg-icons';
23
- import { faSortAlt as SortByLight} from '@fortawesome/pro-light-svg-icons';
24
- import { faUnlock as UnlockLight} from '@fortawesome/pro-light-svg-icons';
25
- import { faUpload as UploadLight} from '@fortawesome/pro-light-svg-icons';
26
- import { faUser as UserLight} from '@fortawesome/pro-light-svg-icons';
27
- import { faUsers as UsersLight} from '@fortawesome/pro-light-svg-icons';
28
- import { faLandmark as VenueLight} from '@fortawesome/pro-light-svg-icons';
29
- import { faAnalytics as AnalyticsSolid} from '@fortawesome/pro-solid-svg-icons';
30
- import { faCalendarStar as CalendarStarSolid} from '@fortawesome/pro-solid-svg-icons';
31
- import { faCreditCardFront as CreditCardFront} from '@fortawesome/pro-solid-svg-icons';
32
- import { faUsdSquare as FeeSolid} from '@fortawesome/pro-solid-svg-icons';
33
- import { faKey as KeySolid} from '@fortawesome/pro-solid-svg-icons';
34
- import { faLongArrowRight as LongRightArrow} from '@fortawesome/pro-solid-svg-icons';
35
- import { faFileChartLine as ReportSolid} from '@fortawesome/pro-solid-svg-icons';
36
- import { faSortAlt as SortBy} from '@fortawesome/pro-solid-svg-icons';
37
- import { faArrowAltSquareUp as UpgradeSolid} from '@fortawesome/pro-solid-svg-icons';
38
- import { faUserFriends as AudienceRegular} from '@fortawesome/pro-regular-svg-icons';
39
- import { faBold as BoldRegular} from '@fortawesome/pro-regular-svg-icons';
40
- import { faCalculator as CalculatorRegular} from '@fortawesome/pro-regular-svg-icons';
41
- import { faCheck as CheckRegular} from '@fortawesome/pro-regular-svg-icons';
42
- import { faGlassCheers as Cheers} from '@fortawesome/pro-regular-svg-icons';
43
- import { faClipboardList as Clipboard} from '@fortawesome/pro-regular-svg-icons';
44
- import { faCrown as CrownRegular} from '@fortawesome/pro-regular-svg-icons';
45
- import { faTrash as DeleteRegular} from '@fortawesome/pro-regular-svg-icons';
46
- import { faDollarSign as Dollar} from '@fortawesome/pro-regular-svg-icons';
47
- import { faArrowAltDown as DownArrow} from '@fortawesome/pro-regular-svg-icons';
48
- import { faFileDownload as DownloadReport} from '@fortawesome/pro-regular-svg-icons';
49
- import { faCode as Embed} from '@fortawesome/pro-regular-svg-icons';
50
- import { faUsdSquare as FeeRegular} from '@fortawesome/pro-regular-svg-icons';
51
- import { faFilter as FilterRegular} from '@fortawesome/pro-regular-svg-icons';
52
- import { faGlobeAmericas as GlobeRegular} from '@fortawesome/pro-regular-svg-icons';
53
- import { faChartLine as GraphGrowth} from '@fortawesome/pro-regular-svg-icons';
54
- import { faItalic as ItalicRegular} from '@fortawesome/pro-regular-svg-icons';
55
- import { faKey as KeyRegular} from '@fortawesome/pro-regular-svg-icons';
56
- import { faChevronLeft as LeftChevronRegular} from '@fortawesome/pro-regular-svg-icons';
57
- import { faLink as LinkRegular} from '@fortawesome/pro-regular-svg-icons';
58
- import { faListOl as OListRegular} from '@fortawesome/pro-regular-svg-icons';
59
- import { faPrint as PrintRegular} from '@fortawesome/pro-regular-svg-icons';
60
- import { faFileChartLine as ReportRegular} from '@fortawesome/pro-regular-svg-icons';
61
- import { faSearch as SearchRegular} from '@fortawesome/pro-regular-svg-icons';
62
- import { faCog as Settings} from '@fortawesome/pro-regular-svg-icons';
63
- import { faSignOut as SignOut} from '@fortawesome/pro-regular-svg-icons';
64
- import { faSync as SyncRegular} from '@fortawesome/pro-regular-svg-icons';
65
- import { faTicketAlt as TicketRegular} from '@fortawesome/pro-regular-svg-icons';
66
- import { faListUl as UListRegular} from '@fortawesome/pro-regular-svg-icons';
67
- import { faUnderline as UnderlineRegular} from '@fortawesome/pro-regular-svg-icons';
68
- import { faUnlock as UnlockRegular} from '@fortawesome/pro-regular-svg-icons';
69
- import { faArrowAltUp as UpArrow} from '@fortawesome/pro-regular-svg-icons';
70
- import { faMegaphone as Update} from '@fortawesome/pro-regular-svg-icons';
71
- import { faArrowAltSquareUp as UpgradeRegular} from '@fortawesome/pro-regular-svg-icons';
72
- import { faUsers as UsersRegular} from '@fortawesome/pro-regular-svg-icons';
73
- import { faGift as GiftRegular} from '@fortawesome/pro-regular-svg-icons';
74
- import { faUserFriends as AudienceSolid} from '@fortawesome/free-solid-svg-icons';
75
- import { faArrowLeft as BackArrow} from '@fortawesome/free-solid-svg-icons';
76
- import { faCashRegister as BoxOfficeSolid} from '@fortawesome/free-solid-svg-icons';
77
- import { faBullhorn as BullhornSolid} from '@fortawesome/free-solid-svg-icons';
78
- import { faCalculator as CalculatorSolid} from '@fortawesome/free-solid-svg-icons';
79
- import { faCalendarDay as CalendarDaySolid} from '@fortawesome/free-solid-svg-icons';
80
- import { faTimes as Cancel} from '@fortawesome/free-solid-svg-icons';
81
- import { faTimesCircle as CancelCircle} from '@fortawesome/free-solid-svg-icons';
82
- import { faCaretDown as CaretDown} from '@fortawesome/free-solid-svg-icons';
83
- import { faMoneyBill as Cash} from '@fortawesome/free-solid-svg-icons';
84
- import { faCheckCircle as CheckCircle} from '@fortawesome/free-solid-svg-icons';
85
- import { faCopy as CopySolid} from '@fortawesome/free-solid-svg-icons';
86
- import { faCreditCard as CreditCardBack} from '@fortawesome/free-solid-svg-icons';
87
- import { faCrown as CrownSolid} from '@fortawesome/free-solid-svg-icons';
88
- import { faICursor as Cursor} from '@fortawesome/free-solid-svg-icons';
89
- import { faTrash as DeleteSolid} from '@fortawesome/free-solid-svg-icons';
90
- import { faEnvelope as EnvelopeSolid} from '@fortawesome/free-solid-svg-icons';
91
- import { faEye as EyeSolid} from '@fortawesome/free-solid-svg-icons';
92
- import { faQuestionCircle as HelpSolid} from '@fortawesome/free-solid-svg-icons';
93
- import { faHome as HomeSolid} from '@fortawesome/free-solid-svg-icons';
94
- import { faInfoCircle as InfotipSolid} from '@fortawesome/free-solid-svg-icons';
95
- import { faArrowLeft as LeftArrowSolid} from '@fortawesome/free-solid-svg-icons';
96
- import { faChevronLeft as LeftChevronSolid} from '@fortawesome/free-solid-svg-icons';
97
- import { faBars as Menu} from '@fortawesome/free-solid-svg-icons';
98
- import { faMicrophoneAlt as MicrophoneSolid} from '@fortawesome/free-solid-svg-icons';
99
- import { faMobileAlt as MobileSolid} from '@fortawesome/free-solid-svg-icons';
100
- import { faPlus as Plus} from '@fortawesome/free-solid-svg-icons';
101
- import { faPlusCircle as PlusCircle} from '@fortawesome/free-solid-svg-icons';
102
- import { faPrint as PrintSolid} from '@fortawesome/free-solid-svg-icons';
103
- import { faReceipt as ReceiptSolid} from '@fortawesome/free-solid-svg-icons';
104
- import { faChevronCircleRight as RightChevronCircle} from '@fortawesome/free-solid-svg-icons';
105
- import { faChevronRight as RightChevronSolid} from '@fortawesome/free-solid-svg-icons';
106
- import { faSearch as SearchSolid} from '@fortawesome/free-solid-svg-icons';
107
- import { faSort as Sort} from '@fortawesome/free-solid-svg-icons';
108
- import { faThumbsDown as ThumbsDownSolid} from '@fortawesome/free-solid-svg-icons';
109
- import { faThumbsUp as ThumbsUpSolid} from '@fortawesome/free-solid-svg-icons';
110
- import { faTicketAlt as TicketSolid} from '@fortawesome/free-solid-svg-icons';
111
- import { faUserCircle as UserCircle} from '@fortawesome/free-solid-svg-icons';
112
- import { faUser as UserSolid} from '@fortawesome/free-solid-svg-icons';
113
- import { faUsers as UsersSolid} from '@fortawesome/free-solid-svg-icons';
114
- import { faLandmark as VenueSolid} from '@fortawesome/free-solid-svg-icons';
115
- import { faExclamationTriangle as Warning} from '@fortawesome/free-solid-svg-icons';
116
- import { faCalendarAlt as CalendarRegular} from '@fortawesome/free-regular-svg-icons';
117
- import { faClock as Clock} from '@fortawesome/free-regular-svg-icons';
118
- import { faCopy as CopyRegular} from '@fortawesome/free-regular-svg-icons';
119
- import { faEdit as Edit} from '@fortawesome/free-regular-svg-icons';
120
- import { faEye as EyeRegular} from '@fortawesome/free-regular-svg-icons';
121
- import { faEyeSlash as EyeSlashRegular} from '@fortawesome/free-regular-svg-icons';
122
- import { faLifeRing as Help} from '@fortawesome/free-regular-svg-icons';
123
- import { faSadTear as SadTear} from '@fortawesome/free-regular-svg-icons';
124
- import { faUser as UserRegular} from '@fortawesome/free-regular-svg-icons';
125
-
126
- export const IconEnum = {
127
- AnalyticsLight,
128
- BellLight,
129
- BoxOfficeLight,
130
- BullHornLight,
131
- CalendarDayLight,
132
- CalendarLight,
133
- CalendarStarLight,
134
- CheckLight,
135
- EnvelopeLight,
136
- EnvelopeOpenRegular,
137
- ExportLight,
138
- FilterLight,
139
- HelpLight,
140
- HomeLight,
141
- Lock,
142
- mapPinLight,
143
- MicrophoneLight,
144
- MinusCircleLight,
145
- MobileLight,
146
- PlusCircleLight,
147
- ReceiptLight,
148
- SearchLight,
149
- SortByLight,
150
- UnlockLight,
151
- UploadLight,
152
- UserLight,
153
- UsersLight,
154
- VenueLight,
155
- AnalyticsSolid,
156
- CalendarStarSolid,
157
- CreditCardFront,
158
- FeeSolid,
159
- KeySolid,
160
- LongRightArrow,
161
- ReportSolid,
162
- SortBy,
163
- UpgradeSolid,
164
- AudienceRegular,
165
- BoldRegular,
166
- CalculatorRegular,
167
- CheckRegular,
168
- Cheers,
169
- Clipboard,
170
- CrownRegular,
171
- DeleteRegular,
172
- Dollar,
173
- DownArrow,
174
- DownloadReport,
175
- Embed,
176
- FeeRegular,
177
- FilterRegular,
178
- GlobeRegular,
179
- GraphGrowth,
180
- ItalicRegular,
181
- KeyRegular,
182
- LeftChevronRegular,
183
- LinkRegular,
184
- OListRegular,
185
- PrintRegular,
186
- ReportRegular,
187
- SearchRegular,
188
- Settings,
189
- SignOut,
190
- SyncRegular,
191
- TicketRegular,
192
- UListRegular,
193
- UnderlineRegular,
194
- UnlockRegular,
195
- UpArrow,
196
- Update,
197
- UpgradeRegular,
198
- UsersRegular,
199
- GiftRegular,
200
- AudienceSolid,
201
- BackArrow,
202
- BoxOfficeSolid,
203
- BullhornSolid,
204
- CalculatorSolid,
205
- CalendarDaySolid,
206
- Cancel,
207
- CancelCircle,
208
- CaretDown,
209
- Cash,
210
- CheckCircle,
211
- CopySolid,
212
- CreditCardBack,
213
- CrownSolid,
214
- Cursor,
215
- DeleteSolid,
216
- EnvelopeSolid,
217
- EyeSolid,
218
- HelpSolid,
219
- HomeSolid,
220
- InfotipSolid,
221
- LeftArrowSolid,
222
- LeftChevronSolid,
223
- Menu,
224
- MicrophoneSolid,
225
- MobileSolid,
226
- Plus,
227
- PlusCircle,
228
- PrintSolid,
229
- ReceiptSolid,
230
- RightChevronCircle,
231
- RightChevronSolid,
232
- SearchSolid,
233
- Sort,
234
- ThumbsDownSolid,
235
- ThumbsUpSolid,
236
- TicketSolid,
237
- UserCircle,
238
- UserSolid,
239
- UsersSolid,
240
- VenueSolid,
241
- Warning,
242
- CalendarRegular,
243
- Clock,
244
- CopyRegular,
245
- Edit,
246
- EyeRegular,
247
- EyeSlashRegular,
248
- Help,
249
- SadTear,
250
- UserRegular,
251
- };