@sellout/ui 0.0.72 → 0.0.74

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 (6) hide show
  1. package/build/components/Button.js +3 -2
  2. package/build/components/Icon.d.ts +10 -4
  3. package/build/components/Icons.d.ts +10 -4
  4. package/build/components/Icons.js +16 -10
  5. package/build/components/Input.js +13 -23
  6. package/package.json +4 -4
package/build/components/Button.js CHANGED
@@ -129,7 +129,8 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
129
129
  return null;
130
130
  }, function (props) {
131
131
  if (props.type === ButtonTypes.Next) {
132
- return "700";
132
+ return "600";
133
+ // return "700";
133
134
  }
134
135
  if (props.type === ButtonTypes.Regular) {
135
136
  return "600";
@@ -165,7 +166,7 @@ var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObj
165
166
  }, function (props) {
166
167
  if (props.state)
167
168
  if (props.state === ButtonStates.Disabled) {
168
- return Colors.Grey3;
169
+ return Colors.Grey5;
169
170
  }
170
171
  if (props.state === ButtonStates.Warning) {
171
172
  return Colors.Grey3;
package/build/components/Icon.d.ts CHANGED
@@ -1,9 +1,6 @@
1
1
  import { Colors } from "../Colors";
2
2
  export declare const Icons: {
3
- Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
- Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
- Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
- Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
3
+ ClipboardLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
4
  AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
8
5
  BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
9
6
  BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -13,6 +10,7 @@ export declare const Icons: {
13
10
  CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
11
  CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
15
12
  CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
+ CartLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
16
14
  CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
17
15
  CopyLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
18
16
  EditLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -50,6 +48,10 @@ export declare const Icons: {
50
48
  UserLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
49
  UsersLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
50
  VenueLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
+ Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
+ Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
+ Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
+ Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
55
  AnalyticsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
56
  CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
55
57
  CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -83,12 +85,14 @@ export declare const Icons: {
83
85
  GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
86
  ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
87
  KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
88
+ LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
86
89
  LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
90
  LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
88
91
  OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
89
92
  PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
90
93
  PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
91
94
  ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
95
+ RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
92
96
  RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
97
  SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
98
  SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -170,6 +174,8 @@ export declare const Icons: {
170
174
  Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
171
175
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
172
176
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
177
+ FacebookPlain: import("@fortawesome/fontawesome-common-types").IconDefinition;
178
+ Google: import("@fortawesome/fontawesome-common-types").IconDefinition;
173
179
  };
174
180
  export declare type IconProps = {
175
181
  icon: any;
package/build/components/Icons.d.ts CHANGED
@@ -1,8 +1,5 @@
1
1
  export declare const IconEnum: {
2
- Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
3
- Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
- Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
- Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
2
+ ClipboardLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
3
  AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
4
  BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
8
5
  BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -12,6 +9,7 @@ export declare const IconEnum: {
12
9
  CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
13
10
  CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
14
11
  CancelLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
12
+ CartLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
15
13
  CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
16
14
  CopyLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
17
15
  EditLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -49,6 +47,10 @@ export declare const IconEnum: {
49
47
  UserLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
48
  UsersLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
49
  VenueLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
50
+ Amex: import("@fortawesome/fontawesome-common-types").IconDefinition;
51
+ Discover: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
+ Mastercard: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
+ Visa: import("@fortawesome/fontawesome-common-types").IconDefinition;
52
54
  AnalyticsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
53
55
  CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
54
56
  CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -82,12 +84,14 @@ export declare const IconEnum: {
82
84
  GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
83
85
  ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
84
86
  KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
+ LeftArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
85
88
  LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
86
89
  LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
87
90
  OListRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
88
91
  PlusRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
89
92
  PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
90
93
  ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
94
+ RightArrowRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
91
95
  RightChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
92
96
  SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
93
97
  SettingsRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -169,4 +173,6 @@ export declare const IconEnum: {
169
173
  Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
170
174
  SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
171
175
  UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
176
+ FacebookPlain: import("@fortawesome/fontawesome-common-types").IconDefinition;
177
+ Google: import("@fortawesome/fontawesome-common-types").IconDefinition;
172
178
  };
package/build/components/Icons.js CHANGED
@@ -1,15 +1,12 @@
1
- import { faCcAmex, faCcDiscover, faCcMastercard, faCcVisa } from '@fortawesome/free-brands-svg-icons';
2
- import { faAnalytics, faBell, faCashRegister, faBullhorn, faCalculator, faCalendarDay, faCalendarAlt, faCalendarStar, faTimes, faCheck, faCopy, faEdit, faEnvelope, faEnvelopeOpenText, faFileExport, faEye, faFilter, faGift, faGlobe, faQuestionCircle, faHome, faLink, faLock, faMapMarkerAlt, faChartBar, faMicrophoneAlt, faMinusCircle, faMobileAlt, faBuilding, faPhone, faPiggyBank, faPlug, faPlusCircle, faReceipt, faFileChartLine, faBarcodeRead, faSearch, faChair, faShare, faSortAlt, faUsersCrown, faUnlock, faUpload, faUser, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
1
+ import { faClipboardListCheck, faAnalytics, faBell, faCashRegister, faBullhorn, faCalculator, faCalendarDay, faCalendarAlt, faCalendarStar, faTimes, faShoppingCart, faCheck, faCopy, faEdit, faEnvelope, faEnvelopeOpenText, faFileExport, faEye, faFilter, faGift, faGlobe, faQuestionCircle, faHome, faLink, faLock, faMapMarkerAlt, faChartBar, faMicrophoneAlt, faMinusCircle, faMobileAlt, faBuilding, faPhone, faPiggyBank, faPlug, faPlusCircle, faReceipt, faFileChartLine, faBarcodeRead, faSearch, faChair, faShare, faSortAlt, faUsersCrown, faUnlock, faUpload, faUser, faUsers, faLandmark } from '@fortawesome/pro-light-svg-icons';
2
+ import { faCcAmex, faCcDiscover, faCcMastercard, faCcVisa, faFacebookF, faGoogle } from '@fortawesome/free-brands-svg-icons';
3
3
  import { faAnalytics as faAnalytics$1, faCalendarStar as faCalendarStar$1, faCreditCardFront, faUsdSquare, faKey, faLongArrowRight, faQuestionSquare, faFileChartLine as faFileChartLine$1, faSortAlt as faSortAlt$1, faUsersCrown as faUsersCrown$1, faArrowAltSquareUp } from '@fortawesome/pro-solid-svg-icons';
4
- import { faAngleDown, faUserFriends, faBold, faCalculator as faCalculator$1, faCheck as faCheck$1, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faFire, faGift as faGift$1, faGlobe as faGlobe$1, faGlobeAmericas, faChartLine, faItalic, faKey as faKey$1, faChevronLeft, faLink as faLink$1, faListOl, faPlus, faPrint, faFileChartLine as faFileChartLine$2, faChevronRight, faSearch as faSearch$1, faCog, faSignOut, faStream, faSync, faTicketAlt, faListUl, faUnderline, faUnlock as faUnlock$1, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUsers as faUsers$1 } from '@fortawesome/pro-regular-svg-icons';
5
- import { faAngleDown as faAngleDown$1, faAngleUp, faUserFriends as faUserFriends$1, faArrowLeft, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$2, faCalendarDay as faCalendarDay$1, faCalendarWeek, faTimes as faTimes$1, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faUserTie, faCopy as faCopy$1, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope as faEnvelope$1, faEye as faEye$1, faGlobe as faGlobe$2, faGlobeAmericas as faGlobeAmericas$1, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faInfoCircle, faChevronLeft as faChevronLeft$1, faLock as faLock$1, faBars, faChartBar as faChartBar$1, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt as faMobileAlt$1, faBuilding as faBuilding$1, faPiggyBank as faPiggyBank$1, faPlug as faPlug$1, faPlus as faPlus$1, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronCircleRight, faChevronRight as faChevronRight$1, faSearch as faSearch$2, faChair as faChair$1, faCog as faCog$1, faShare as faShare$1, faSort, faStar, faThumbsDown, faThumbsUp, faTicketAlt as faTicketAlt$1, faUpload as faUpload$1, faUserCircle, faUser as faUser$1, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
4
+ import { faAngleDown, faUserFriends, faBold, faCalculator as faCalculator$1, faCheck as faCheck$1, faGlassCheers, faClipboardList, faCrown, faTrash, faDollarSign, faArrowAltDown, faFileDownload, faCode, faUsdSquare as faUsdSquare$1, faFilter as faFilter$1, faFire, faGift as faGift$1, faGlobe as faGlobe$1, faGlobeAmericas, faChartLine, faItalic, faKey as faKey$1, faArrowLeft, faChevronLeft, faLink as faLink$1, faListOl, faPlus, faPrint, faFileChartLine as faFileChartLine$2, faArrowRight, faChevronRight, faSearch as faSearch$1, faCog, faSignOut, faStream, faSync, faTicketAlt, faListUl, faUnderline, faUnlock as faUnlock$1, faArrowAltUp, faMegaphone, faArrowAltSquareUp as faArrowAltSquareUp$1, faUsers as faUsers$1 } from '@fortawesome/pro-regular-svg-icons';
5
+ import { faAngleDown as faAngleDown$1, faAngleUp, faUserFriends as faUserFriends$1, faArrowLeft as faArrowLeft$1, faCashRegister as faCashRegister$1, faBullhorn as faBullhorn$1, faCalculator as faCalculator$2, faCalendarDay as faCalendarDay$1, faCalendarWeek, faTimes as faTimes$1, faTimesCircle, faCaretDown, faMoneyBill, faCheckCircle, faUserTie, faCopy as faCopy$1, faCreditCard, faCrown as faCrown$1, faICursor, faTrash as faTrash$1, faEnvelope as faEnvelope$1, faEye as faEye$1, faGlobe as faGlobe$2, faGlobeAmericas as faGlobeAmericas$1, faQuestionCircle as faQuestionCircle$1, faHome as faHome$1, faInfoCircle, faChevronLeft as faChevronLeft$1, faLock as faLock$1, faBars, faChartBar as faChartBar$1, faMicrophoneAlt as faMicrophoneAlt$1, faMobileAlt as faMobileAlt$1, faBuilding as faBuilding$1, faPiggyBank as faPiggyBank$1, faPlug as faPlug$1, faPlus as faPlus$1, faPlusCircle as faPlusCircle$1, faPrint as faPrint$1, faReceipt as faReceipt$1, faChevronCircleRight, faChevronRight as faChevronRight$1, faSearch as faSearch$2, faChair as faChair$1, faCog as faCog$1, faShare as faShare$1, faSort, faStar, faThumbsDown, faThumbsUp, faTicketAlt as faTicketAlt$1, faUpload as faUpload$1, faUserCircle, faUser as faUser$1, faUsers as faUsers$2, faLandmark as faLandmark$1, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
6
6
  import { faCalendarAlt as faCalendarAlt$1, faClock, faCopy as faCopy$2, faEdit as faEdit$1, faEye as faEye$2, faEyeSlash, faLifeRing, faSadTear, faUser as faUser$2 } from '@fortawesome/free-regular-svg-icons';
7
7
 
8
8
  var IconEnum = {
9
- Amex: faCcAmex,
10
- Discover: faCcDiscover,
11
- Mastercard: faCcMastercard,
12
- Visa: faCcVisa,
9
+ ClipboardLight: faClipboardListCheck,
13
10
  AnalyticsLight: faAnalytics,
14
11
  BellLight: faBell,
15
12
  BoxOfficeLight: faCashRegister,
@@ -19,6 +16,7 @@ var IconEnum = {
19
16
  CalendarLight: faCalendarAlt,
20
17
  CalendarStarLight: faCalendarStar,
21
18
  CancelLight: faTimes,
19
+ CartLight: faShoppingCart,
22
20
  CheckLight: faCheck,
23
21
  CopyLight: faCopy,
24
22
  EditLight: faEdit,
@@ -56,6 +54,10 @@ var IconEnum = {
56
54
  UserLight: faUser,
57
55
  UsersLight: faUsers,
58
56
  VenueLight: faLandmark,
57
+ Amex: faCcAmex,
58
+ Discover: faCcDiscover,
59
+ Mastercard: faCcMastercard,
60
+ Visa: faCcVisa,
59
61
  AnalyticsSolid: faAnalytics$1,
60
62
  CalendarStarSolid: faCalendarStar$1,
61
63
  CreditCardFront: faCreditCardFront,
@@ -89,12 +91,14 @@ var IconEnum = {
89
91
  GraphGrowth: faChartLine,
90
92
  ItalicRegular: faItalic,
91
93
  KeyRegular: faKey$1,
94
+ LeftArrowRegular: faArrowLeft,
92
95
  LeftChevronRegular: faChevronLeft,
93
96
  LinkRegular: faLink$1,
94
97
  OListRegular: faListOl,
95
98
  PlusRegular: faPlus,
96
99
  PrintRegular: faPrint,
97
100
  ReportRegular: faFileChartLine$2,
101
+ RightArrowRegular: faArrowRight,
98
102
  RightChevronRegular: faChevronRight,
99
103
  SearchRegular: faSearch$1,
100
104
  SettingsRegular: faCog,
@@ -112,7 +116,7 @@ var IconEnum = {
112
116
  AngleDownSolid: faAngleDown$1,
113
117
  AngleUpSolid: faAngleUp,
114
118
  AudienceSolid: faUserFriends$1,
115
- BackArrow: faArrowLeft,
119
+ BackArrow: faArrowLeft$1,
116
120
  BoxOfficeSolid: faCashRegister$1,
117
121
  BullhornSolid: faBullhorn$1,
118
122
  CalculatorSolid: faCalculator$2,
@@ -136,7 +140,7 @@ var IconEnum = {
136
140
  HelpSolid: faQuestionCircle$1,
137
141
  HomeSolid: faHome$1,
138
142
  InfotipSolid: faInfoCircle,
139
- LeftArrowSolid: faArrowLeft,
143
+ LeftArrowSolid: faArrowLeft$1,
140
144
  LeftChevronSolid: faChevronLeft$1,
141
145
  LockSolid: faLock$1,
142
146
  Menu: faBars,
@@ -176,6 +180,8 @@ var IconEnum = {
176
180
  Help: faLifeRing,
177
181
  SadTear: faSadTear,
178
182
  UserRegular: faUser$2,
183
+ FacebookPlain: faFacebookF,
184
+ Google: faGoogle,
179
185
  };
180
186
 
181
187
  export { IconEnum };
package/build/components/Input.js CHANGED
@@ -2,7 +2,7 @@ import { Colors } from '../Colors.js';
2
2
  import { __makeTemplateObject } from '../_virtual/_tslib.js';
3
3
  import React, { useState, Fragment } from 'react';
4
4
  import styled from 'styled-components';
5
- import { darken, lighten } from 'polished';
5
+ import { darken } from 'polished';
6
6
  import Icon, { Icons } from './Icon.js';
7
7
  import Loader, { LoaderSizes } from './Loader.js';
8
8
  import Label from './Label.js';
@@ -25,12 +25,9 @@ var Form = styled.form(templateObject_2 || (templateObject_2 = __makeTemplateObj
25
25
  return darken(0.05, Colors.Grey5);
26
26
  return Colors.Grey5;
27
27
  }, function (props) { return props.disabled ? Colors.Grey6 + " !important" : null; }, function (props) { return props.disabled ? Colors.Grey6 + " !important" : null; });
28
- var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n height: ", ";\n width: ", ";\n border-radius: 0 10px 10px 0;\n top: -1px;\n right: -1px;\n transition: all 0.2s;\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n background-color: ", ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ", ";\n }\n"], ["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n height: ",
28
+ var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n height: ", ";\n width: ", ";\n border-radius: 0 10px 10px 0;\n top: -1px;\n right: -1px;\n transition: all 0.2s;\n\n &:hover {\n cursor: ", ";\n }\n\n &:active {\n cursor: ", ";\n }\n"], ["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n color: ", ";\n height: ",
29
29
  ";\n width: ",
30
- ";\n border-radius: 0 10px 10px 0;\n top: -1px;\n right: -1px;\n transition: all 0.2s;\n background-color: ",
31
- ";\n\n &:hover {\n cursor: ", ";\n background-color: ",
32
- ";\n }\n\n &:active {\n cursor: ", ";\n background-color: ",
33
- ";\n }\n"])), Colors.White, function (props) {
30
+ ";\n border-radius: 0 10px 10px 0;\n top: -1px;\n right: -1px;\n transition: all 0.2s;\n\n &:hover {\n cursor: ", ";\n }\n\n &:active {\n cursor: ", ";\n }\n"])), Colors.White, function (props) {
34
31
  if (props.size === InputSizes.Large)
35
32
  return "50px";
36
33
  if (props.size === InputSizes.Regular)
@@ -42,22 +39,8 @@ var Button = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateOb
42
39
  if (props.size === InputSizes.Regular)
43
40
  return "40px";
44
41
  return null;
45
- }, function (props) {
46
- return props.canSubmit ? Colors.Orange : Colors.Grey6;
47
- }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
48
- return props.canSubmit ? lighten(0.025, Colors.Orange) : null;
49
- }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) {
50
- return props.canSubmit ? darken(0.025, Colors.Orange) : null;
51
- });
42
+ }, function (props) { return (props.onClick ? "pointer" : null); }, function (props) { return (props.onClick ? "pointer" : null); });
52
43
  var IconContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 18px;\n"])));
53
- /* height: ${(props) => {
54
- if (props.size === InputSizes.Large) return "50px";
55
- if (props.size === InputSizes.Regular) return "40px";
56
- }};
57
- width: ${(props) => {
58
- if (props.size === InputSizes.Large) return "50px";
59
- if (props.size === InputSizes.Regular) return "40px";
60
- }}; */
61
44
  var LeftContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 15px;\n top: 0px;\n left: 0px;\n background-color: ", ";\n"], ["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 15px;\n top: 0px;\n left: 0px;\n background-color: ", ";\n"])), Colors.White);
62
45
  var RightContainer = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: ", ";\n width: ", ";\n top: -1px;\n right: -1px;\n background-color: ", ";\n\n &:hover {\n cursor: ", ";\n }\n"], ["\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n height: ",
63
46
  ";\n width: ",
@@ -105,6 +88,13 @@ function Input(_a) {
105
88
  return 14;
106
89
  return 14;
107
90
  })();
91
+ var submitIconSize = (function () {
92
+ if (size === InputSizes.Large)
93
+ return 18;
94
+ if (size === InputSizes.Regular)
95
+ return 16;
96
+ return 16;
97
+ })();
108
98
  return (React.createElement(Container, { width: width, margin: margin },
109
99
  React.createElement(Flex, { justify: "space-between" },
110
100
  label && React.createElement(Label, { text: label, subText: subLabel, tip: tip }),
@@ -150,9 +140,9 @@ function Input(_a) {
150
140
  React.createElement(Spacer, null),
151
141
  React.createElement(Button, { canSubmit: canSubmit, onClick: function (event) { return submit(event); }, size: size }, (function () {
152
142
  if (loading) {
153
- return React.createElement(Loader, { size: LoaderSizes.VerySmall });
143
+ return React.createElement(Loader, { size: LoaderSizes.VerySmall, color: Colors.Orange });
154
144
  }
155
- return (React.createElement(Icon, { icon: Icons.RightChevronCircle, color: canSubmit ? Colors.White : Colors.Grey4, size: iconSize }));
145
+ return (React.createElement(Icon, { icon: Icons.RightChevronCircle, color: canSubmit ? Colors.Orange : Colors.Grey5, size: submitIconSize }));
156
146
  })())));
157
147
  }
158
148
  if (loading) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sellout/ui",
3
- "version": "0.0.72",
3
+ "version": "0.0.74",
4
4
  "main": "build/index.js",
5
5
  "module": "build/index.es.js",
6
6
  "files": [
@@ -56,8 +56,8 @@
56
56
  "@hapi/joi": "^17.1.1",
57
57
  "@react-pdf/primitives": "^2.0.0-beta.11",
58
58
  "@react-pdf/renderer": "^2.0.0-beta.14",
59
- "@sellout/models": "^0.0.72",
60
- "@sellout/utils": "^0.0.72",
59
+ "@sellout/models": "^0.0.74",
60
+ "@sellout/utils": "^0.0.74",
61
61
  "@types/escape-html": "^1.0.0",
62
62
  "@types/hapi__joi": "^16.0.12",
63
63
  "@types/react-pdf": "^4.0.6",
@@ -70,7 +70,7 @@
70
70
  "rollup-plugin-url": "^3.0.1",
71
71
  "shortid": "^2.2.15"
72
72
  },
73
- "gitHead": "93aa10fbdd08330d24b8e63e9696afed3fbd43f3",
73
+ "gitHead": "43086856a273f39a146d5392d32a8aae6e25edda",
74
74
  "peerDependencies": {
75
75
  "react": "^16.13.0",
76
76
  "react-dom": "^16.13.0",