@bonlineza/luxity-lib 2.7.4 → 2.9.0

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 (71) hide show
  1. package/Accordion.js +39 -85
  2. package/AddInterest.js +943 -756
  3. package/BrandSelector.js +82 -166
  4. package/Checkbox.js +18 -24
  5. package/CheckboxButton.js +18 -42
  6. package/CountryCodeSelect.js +16 -3
  7. package/CurrencyInputFormatter.js +671 -0
  8. package/GenderSelector.js +31 -81
  9. package/GraphQLMultiSelector.js +45 -87
  10. package/IconHeader.js +8 -17
  11. package/IconWrapper.js +2 -10
  12. package/InterestCatSelector.js +89 -123
  13. package/InterestItem.js +103 -134
  14. package/Interests.js +1035 -897
  15. package/InterestsSubheading.js +5 -23
  16. package/InvertedTextButton.js +17 -48
  17. package/LuxityGraphQLMultiselector.js +73 -143
  18. package/LuxityPageReady.js +15 -8
  19. package/NotificationDropDown.js +66 -63
  20. package/Notify.js +1 -1
  21. package/OutlinePrimaryButton.js +12 -37
  22. package/PriceRangeSelector.js +679 -282
  23. package/PrimaryButton.js +12 -37
  24. package/README.md +1 -1
  25. package/RadioButtons.js +61 -139
  26. package/RangeSlider.js +55 -125
  27. package/ReactSelectWrapper.js +15 -2
  28. package/SecondaryButton.js +12 -37
  29. package/ShoeSizeSelector.js +71 -171
  30. package/SimpleErrorBoundary.js +12 -5
  31. package/StyleSelector.js +82 -166
  32. package/TextButton.js +12 -37
  33. package/Tooltip.js +16 -81
  34. package/WrapperButton.js +8 -32
  35. package/build/bundle.js +1098 -1115
  36. package/build/constants.js +4 -2
  37. package/package.json +10 -12
  38. package/svg/Accessories.js +4 -5
  39. package/svg/Account.js +4 -5
  40. package/svg/Add.js +4 -5
  41. package/svg/ArrowRight.js +3 -4
  42. package/svg/Bags.js +6 -7
  43. package/svg/BurgerMenu.js +3 -4
  44. package/svg/Calendar.js +17 -18
  45. package/svg/CalendarCircled.js +18 -19
  46. package/svg/CheckCircled.js +4 -5
  47. package/svg/Close.js +3 -4
  48. package/svg/Clothing.js +50 -0
  49. package/svg/Dot.js +3 -4
  50. package/svg/Edit.js +3 -4
  51. package/svg/Eye.js +4 -5
  52. package/svg/FileAttach.js +3 -4
  53. package/svg/FileAttachCircled.js +4 -5
  54. package/svg/LightBulb.js +11 -12
  55. package/svg/Logo.js +38 -39
  56. package/svg/LuxityMenu.js +3 -4
  57. package/svg/Minus.js +3 -4
  58. package/svg/MobileAvatar.js +3 -4
  59. package/svg/MyOrder.js +6 -7
  60. package/svg/MyPayment.js +6 -7
  61. package/svg/MyProfile.js +7 -8
  62. package/svg/MySale.js +4 -5
  63. package/svg/Notification.js +4 -5
  64. package/svg/PointerDown.js +3 -4
  65. package/svg/Search.js +3 -4
  66. package/svg/Shoes.js +6 -7
  67. package/svg/SvgWrapper.js +2 -10
  68. package/svg/Trash.js +5 -6
  69. package/svg/Watches.js +11 -12
  70. package/CHANGELOG.md +0 -149
  71. package/CurrencyInput.js +0 -156
@@ -27,6 +27,9 @@
27
27
  function _createClass(Constructor, protoProps, staticProps) {
28
28
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
29
29
  if (staticProps) _defineProperties(Constructor, staticProps);
30
+ Object.defineProperty(Constructor, "prototype", {
31
+ writable: false
32
+ });
30
33
  return Constructor;
31
34
  }
32
35
 
@@ -57,22 +60,24 @@
57
60
  configurable: true
58
61
  }
59
62
  });
63
+ Object.defineProperty(subClass, "prototype", {
64
+ writable: false
65
+ });
60
66
  if (superClass) _setPrototypeOf(subClass, superClass);
61
67
  }
62
68
 
63
69
  function _getPrototypeOf(o) {
64
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
70
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
65
71
  return o.__proto__ || Object.getPrototypeOf(o);
66
72
  };
67
73
  return _getPrototypeOf(o);
68
74
  }
69
75
 
70
76
  function _setPrototypeOf(o, p) {
71
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
77
+ _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
72
78
  o.__proto__ = p;
73
79
  return o;
74
80
  };
75
-
76
81
  return _setPrototypeOf(o, p);
77
82
  }
78
83
 
@@ -82,7 +87,7 @@
82
87
  if (typeof Proxy === "function") return true;
83
88
 
84
89
  try {
85
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
90
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
86
91
  return true;
87
92
  } catch (e) {
88
93
  return false;
@@ -100,6 +105,8 @@
100
105
  function _possibleConstructorReturn(self, call) {
101
106
  if (call && (typeof call === "object" || typeof call === "function")) {
102
107
  return call;
108
+ } else if (call !== void 0) {
109
+ throw new TypeError("Derived constructors may only return object or undefined");
103
110
  }
104
111
 
105
112
  return _assertThisInitialized(self);
@@ -130,7 +137,7 @@
130
137
  return message.replace(':error_code', error.status || 'Network Down');
131
138
  };
132
139
 
133
- var LuxityPageReadyContext = React.createContext({
140
+ var LuxityPageReadyContext = /*#__PURE__*/React.createContext({
134
141
  data: null
135
142
  });
136
143
  /**
@@ -178,7 +185,7 @@
178
185
  _onData = _this$props.onData,
179
186
  children = _this$props.children;
180
187
  var data = this.state.data;
181
- return React.createElement(PageReady, {
188
+ return /*#__PURE__*/React.createElement(PageReady, {
182
189
  ref: function ref(inst) {
183
190
  _this2.pageReadyInstance = inst;
184
191
  },
@@ -205,10 +212,10 @@
205
212
  customErrorMessage: customErrorMessage,
206
213
  customErrorHandler: customErrorHandler,
207
214
  renderCustomLoader: function renderCustomLoader() {
208
- return React.createElement(EllipsisLoader, null);
215
+ return /*#__PURE__*/React.createElement(EllipsisLoader, null);
209
216
  },
210
217
  errorMessageInterpreter: interpretErrorMessage
211
- }, React.createElement(LuxityPageReadyContext.Provider, {
218
+ }, /*#__PURE__*/React.createElement(LuxityPageReadyContext.Provider, {
212
219
  value: {
213
220
  data: data
214
221
  }
@@ -14,6 +14,32 @@
14
14
  PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
15
15
  var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
16
16
 
17
+ function ownKeys(object, enumerableOnly) {
18
+ var keys = Object.keys(object);
19
+
20
+ if (Object.getOwnPropertySymbols) {
21
+ var symbols = Object.getOwnPropertySymbols(object);
22
+ enumerableOnly && (symbols = symbols.filter(function (sym) {
23
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
24
+ })), keys.push.apply(keys, symbols);
25
+ }
26
+
27
+ return keys;
28
+ }
29
+
30
+ function _objectSpread2(target) {
31
+ for (var i = 1; i < arguments.length; i++) {
32
+ var source = null != arguments[i] ? arguments[i] : {};
33
+ i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
34
+ _defineProperty(target, key, source[key]);
35
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
36
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
37
+ });
38
+ }
39
+
40
+ return target;
41
+ }
42
+
17
43
  function _classCallCheck(instance, Constructor) {
18
44
  if (!(instance instanceof Constructor)) {
19
45
  throw new TypeError("Cannot call a class as a function");
@@ -33,6 +59,9 @@
33
59
  function _createClass(Constructor, protoProps, staticProps) {
34
60
  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
35
61
  if (staticProps) _defineProperties(Constructor, staticProps);
62
+ Object.defineProperty(Constructor, "prototype", {
63
+ writable: false
64
+ });
36
65
  return Constructor;
37
66
  }
38
67
 
@@ -52,7 +81,7 @@
52
81
  }
53
82
 
54
83
  function _extends() {
55
- _extends = Object.assign || function (target) {
84
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
56
85
  for (var i = 1; i < arguments.length; i++) {
57
86
  var source = arguments[i];
58
87
 
@@ -65,44 +94,9 @@
65
94
 
66
95
  return target;
67
96
  };
68
-
69
97
  return _extends.apply(this, arguments);
70
98
  }
71
99
 
72
- function ownKeys(object, enumerableOnly) {
73
- var keys = Object.keys(object);
74
-
75
- if (Object.getOwnPropertySymbols) {
76
- var symbols = Object.getOwnPropertySymbols(object);
77
- if (enumerableOnly) symbols = symbols.filter(function (sym) {
78
- return Object.getOwnPropertyDescriptor(object, sym).enumerable;
79
- });
80
- keys.push.apply(keys, symbols);
81
- }
82
-
83
- return keys;
84
- }
85
-
86
- function _objectSpread2(target) {
87
- for (var i = 1; i < arguments.length; i++) {
88
- var source = arguments[i] != null ? arguments[i] : {};
89
-
90
- if (i % 2) {
91
- ownKeys(Object(source), true).forEach(function (key) {
92
- _defineProperty(target, key, source[key]);
93
- });
94
- } else if (Object.getOwnPropertyDescriptors) {
95
- Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
96
- } else {
97
- ownKeys(Object(source)).forEach(function (key) {
98
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
99
- });
100
- }
101
- }
102
-
103
- return target;
104
- }
105
-
106
100
  function _inherits(subClass, superClass) {
107
101
  if (typeof superClass !== "function" && superClass !== null) {
108
102
  throw new TypeError("Super expression must either be null or a function");
@@ -115,22 +109,24 @@
115
109
  configurable: true
116
110
  }
117
111
  });
112
+ Object.defineProperty(subClass, "prototype", {
113
+ writable: false
114
+ });
118
115
  if (superClass) _setPrototypeOf(subClass, superClass);
119
116
  }
120
117
 
121
118
  function _getPrototypeOf(o) {
122
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
119
+ _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
123
120
  return o.__proto__ || Object.getPrototypeOf(o);
124
121
  };
125
122
  return _getPrototypeOf(o);
126
123
  }
127
124
 
128
125
  function _setPrototypeOf(o, p) {
129
- _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
126
+ _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
130
127
  o.__proto__ = p;
131
128
  return o;
132
129
  };
133
-
134
130
  return _setPrototypeOf(o, p);
135
131
  }
136
132
 
@@ -140,7 +136,7 @@
140
136
  if (typeof Proxy === "function") return true;
141
137
 
142
138
  try {
143
- Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
139
+ Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
144
140
  return true;
145
141
  } catch (e) {
146
142
  return false;
@@ -158,6 +154,8 @@
158
154
  function _possibleConstructorReturn(self, call) {
159
155
  if (call && (typeof call === "object" || typeof call === "function")) {
160
156
  return call;
157
+ } else if (call !== void 0) {
158
+ throw new TypeError("Derived constructors may only return object or undefined");
161
159
  }
162
160
 
163
161
  return _assertThisInitialized(self);
@@ -194,12 +192,25 @@
194
192
  }));
195
193
  }
196
194
 
195
+ var safeIsNaN = Number.isNaN ||
196
+ function ponyfill(value) {
197
+ return typeof value === 'number' && value !== value;
198
+ };
199
+ function isEqual(first, second) {
200
+ if (first === second) {
201
+ return true;
202
+ }
203
+ if (safeIsNaN(first) && safeIsNaN(second)) {
204
+ return true;
205
+ }
206
+ return false;
207
+ }
197
208
  function areInputsEqual(newInputs, lastInputs) {
198
209
  if (newInputs.length !== lastInputs.length) {
199
210
  return false;
200
211
  }
201
212
  for (var i = 0; i < newInputs.length; i++) {
202
- if (newInputs[i] !== lastInputs[i]) {
213
+ if (!isEqual(newInputs[i], lastInputs[i])) {
203
214
  return false;
204
215
  }
205
216
  }
@@ -6741,16 +6752,8 @@
6741
6752
 
6742
6753
  var index$1 = manageState(Select);
6743
6754
 
6744
- function _templateObject() {
6745
- var data = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\n\n .notification-dropdown-select__control {\n min-height: auto;\n background-color: ", ";\n border: none;\n border-radius: 0;\n\n &--is-focused {\n border: none;\n border-radius: 0;\n box-shadow: none;\n }\n\n .notification-dropdown-select__value-container {\n & > div {\n padding: 0;\n margin: 0;\n color: ", ";\n }\n & .notification-dropdown-select__single-value,\n & .notification-dropdown-select__placeholder {\n overflow: visible;\n font-weight: lighter;\n }\n }\n }\n }\n\n .notification-dropdown-select__indicators {\n padding: 0 !important;\n .notification-dropdown-select__dropdown-indicator {\n color: ", ";\n }\n }\n\n .notification-dropdown-select__menu {\n border-radius: 0;\n\n & > .notification-dropdown-select__menu-list {\n border-radius: 0;\n\n & > .notification-dropdown-select__option {\n font-weight: bold;\n &:last-child {\n border-bottom: none;\n }\n\n &.notification-dropdown-select__option--is-focused {\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected {\n color: ", ";\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected.notification-dropdown-select__option--is-focused {\n border-style: hidden;\n }\n }\n }\n }\n"]);
6746
-
6747
- _templateObject = function _templateObject() {
6748
- return data;
6749
- };
6750
-
6751
- return data;
6752
- }
6753
- var NotifyContainer = styled__default.div(_templateObject(), function (props) {
6755
+ var _templateObject;
6756
+ var NotifyContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\n\n .notification-dropdown-select__control {\n min-height: auto;\n background-color: ", ";\n border: none;\n border-radius: 0;\n\n &--is-focused {\n border: none;\n border-radius: 0;\n box-shadow: none;\n }\n\n .notification-dropdown-select__value-container {\n & > div {\n padding: 0;\n margin: 0;\n color: ", ";\n }\n & .notification-dropdown-select__single-value,\n & .notification-dropdown-select__placeholder {\n overflow: visible;\n font-weight: lighter;\n }\n }\n }\n }\n\n .notification-dropdown-select__indicators {\n padding: 0 !important;\n .notification-dropdown-select__dropdown-indicator {\n color: ", ";\n }\n }\n\n .notification-dropdown-select__menu {\n border-radius: 0;\n\n & > .notification-dropdown-select__menu-list {\n border-radius: 0;\n\n & > .notification-dropdown-select__option {\n font-weight: bold;\n &:last-child {\n border-bottom: none;\n }\n\n &.notification-dropdown-select__option--is-focused {\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected {\n color: ", ";\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected.notification-dropdown-select__option--is-focused {\n border-style: hidden;\n }\n }\n }\n }\n"])), function (props) {
6754
6757
  return props.theme.colors.ntrlMin;
6755
6758
  }, function (props) {
6756
6759
  return props.theme.colors.base;
@@ -6770,7 +6773,7 @@
6770
6773
  return message.replace(':error_code', error.status || 'Network Down');
6771
6774
  };
6772
6775
 
6773
- var LuxityPageReadyContext = React__default.createContext({
6776
+ var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
6774
6777
  data: null
6775
6778
  });
6776
6779
  /**
@@ -6818,7 +6821,7 @@
6818
6821
  _onData = _this$props.onData,
6819
6822
  children = _this$props.children;
6820
6823
  var data = this.state.data;
6821
- return React__default.createElement(PageReady, {
6824
+ return /*#__PURE__*/React__default.createElement(PageReady, {
6822
6825
  ref: function ref(inst) {
6823
6826
  _this2.pageReadyInstance = inst;
6824
6827
  },
@@ -6845,10 +6848,10 @@
6845
6848
  customErrorMessage: customErrorMessage,
6846
6849
  customErrorHandler: customErrorHandler,
6847
6850
  renderCustomLoader: function renderCustomLoader() {
6848
- return React__default.createElement(EllipsisLoader, null);
6851
+ return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
6849
6852
  },
6850
6853
  errorMessageInterpreter: interpretErrorMessage
6851
- }, React__default.createElement(LuxityPageReadyContext.Provider, {
6854
+ }, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
6852
6855
  value: {
6853
6856
  data: data
6854
6857
  }
@@ -6884,7 +6887,7 @@
6884
6887
  * */
6885
6888
 
6886
6889
  var LuxityNotifications = function LuxityNotifications(props) {
6887
- return React__default.createElement(Notifications__default, props);
6890
+ return /*#__PURE__*/React__default.createElement(Notifications__default, props);
6888
6891
  };
6889
6892
 
6890
6893
  /** @format */
@@ -6916,10 +6919,10 @@
6916
6919
  };
6917
6920
 
6918
6921
  var themed = (function (Component) {
6919
- return React.forwardRef(function (props, ref) {
6920
- return React__default.createElement(styled.ThemeProvider, {
6922
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
6923
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
6921
6924
  theme: theme
6922
- }, React__default.createElement(Component, _extends({}, props, {
6925
+ }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
6923
6926
  ref: ref
6924
6927
  })));
6925
6928
  });
@@ -6998,14 +7001,14 @@
6998
7001
  options = _this$state.options,
6999
7002
  selectedOption = _this$state.selectedOption,
7000
7003
  updating = _this$state.request.fetching;
7001
- return React__default.createElement(NotifyContainer, null, React__default.createElement(LuxityNotifications, null), React__default.createElement(LuxityPageReady, {
7004
+ return /*#__PURE__*/React__default.createElement(NotifyContainer, null, /*#__PURE__*/React__default.createElement(LuxityNotifications, null), /*#__PURE__*/React__default.createElement(LuxityPageReady, {
7002
7005
  getRequestPromise: _this.props.getSchedule,
7003
7006
  onData: function onData(data) {
7004
7007
  return _this.onData(data);
7005
7008
  }
7006
- }, React__default.createElement(React.Fragment, null, React__default.createElement("div", {
7009
+ }, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
7007
7010
  className: "notification-dropdown-label"
7008
- }, "Notification:\xA0"), updating ? React__default.createElement(EllipsisLoader, null) : React__default.createElement(index$1, {
7011
+ }, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
7009
7012
  isMulti: false,
7010
7013
  isSearchable: false,
7011
7014
  components: {
@@ -7029,7 +7032,7 @@
7029
7032
  return _this;
7030
7033
  }
7031
7034
 
7032
- return NotificationDropDown;
7035
+ return _createClass(NotificationDropDown);
7033
7036
  }(React__default.Component);
7034
7037
 
7035
7038
  var index$2 = themed(NotificationDropDown);
package/Notify.js CHANGED
@@ -22,7 +22,7 @@
22
22
  * */
23
23
 
24
24
  var LuxityNotifications = function LuxityNotifications(props) {
25
- return React.createElement(Notifications__default, props);
25
+ return /*#__PURE__*/React.createElement(Notifications__default, props);
26
26
  };
27
27
 
28
28
  exports.default = LuxityNotifications;
@@ -8,7 +8,7 @@
8
8
  var styled__default = 'default' in styled ? styled['default'] : styled;
9
9
 
10
10
  function _extends() {
11
- _extends = Object.assign || function (target) {
11
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
12
12
  for (var i = 1; i < arguments.length; i++) {
13
13
  var source = arguments[i];
14
14
 
@@ -21,7 +21,6 @@
21
21
 
22
22
  return target;
23
23
  };
24
-
25
24
  return _extends.apply(this, arguments);
26
25
  }
27
26
 
@@ -73,27 +72,9 @@
73
72
  }));
74
73
  }
75
74
 
76
- function _templateObject2() {
77
- var data = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"]);
78
-
79
- _templateObject2 = function _templateObject2() {
80
- return data;
81
- };
82
-
83
- return data;
84
- }
85
-
86
- function _templateObject() {
87
- var data = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"]);
88
-
89
- _templateObject = function _templateObject() {
90
- return data;
91
- };
92
-
93
- return data;
94
- }
95
- var disabledButtonStyle = styled.css(_templateObject());
96
- var baseButtonStyle = styled.css(_templateObject2());
75
+ var _templateObject, _templateObject2;
76
+ var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
97
78
 
98
79
  var theme = {
99
80
  breakpoints: ['40em', '52em', '64em'],
@@ -116,25 +97,19 @@
116
97
  };
117
98
 
118
99
  var themed = (function (Component) {
119
- return React.forwardRef(function (props, ref) {
120
- return React__default.createElement(styled.ThemeProvider, {
100
+ return /*#__PURE__*/React.forwardRef(function (props, ref) {
101
+ return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
121
102
  theme: theme
122
- }, React__default.createElement(Component, _extends({}, props, {
103
+ }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
123
104
  ref: ref
124
105
  })));
125
106
  });
126
107
  });
127
108
 
128
- function _templateObject$1() {
129
- var data = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"]);
109
+ var _excluded = ["children"];
130
110
 
131
- _templateObject$1 = function _templateObject() {
132
- return data;
133
- };
134
-
135
- return data;
136
- }
137
- var Button = styled__default.button(_templateObject$1(), baseButtonStyle, function (props) {
111
+ var _templateObject$1;
112
+ var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n border: 1px solid ", ";\n color: ", ";\n background-color: transparent;\n &:active,\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n &:disabled {\n ", "\n &:hover {\n color: ", ";\n background-color: transparent;\n }\n }\n"])), baseButtonStyle, function (props) {
138
113
  return props.theme.colors.primary;
139
114
  }, function (props) {
140
115
  return props.theme.colors.primary;
@@ -146,9 +121,9 @@
146
121
 
147
122
  var OutlinePrimaryButton = function OutlinePrimaryButton(_ref) {
148
123
  var children = _ref.children,
149
- restProps = _objectWithoutProperties(_ref, ["children"]);
124
+ restProps = _objectWithoutProperties(_ref, _excluded);
150
125
 
151
- return React__default.createElement(Button, restProps, children);
126
+ return /*#__PURE__*/React__default.createElement(Button, restProps, children);
152
127
  };
153
128
 
154
129
  var index = themed(OutlinePrimaryButton);