@bonlineza/luxity-lib 2.7.5 → 2.8.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.
- package/Accordion.js +39 -85
- package/AddInterest.js +899 -745
- package/BrandSelector.js +82 -166
- package/Checkbox.js +18 -24
- package/CheckboxButton.js +18 -42
- package/CountryCodeSelect.js +16 -3
- package/CurrencyInputFormatter.js +671 -0
- package/GenderSelector.js +31 -81
- package/GraphQLMultiSelector.js +45 -87
- package/IconHeader.js +8 -17
- package/IconWrapper.js +2 -10
- package/InterestCatSelector.js +53 -120
- package/InterestItem.js +94 -134
- package/Interests.js +984 -887
- package/InterestsSubheading.js +5 -23
- package/InvertedTextButton.js +17 -48
- package/LuxityGraphQLMultiselector.js +73 -143
- package/LuxityLoader.js +1221 -0
- package/LuxityPageReady.js +15 -8
- package/NotificationDropDown.js +66 -63
- package/Notify.js +1 -1
- package/OutlinePrimaryButton.js +12 -37
- package/PriceRangeSelector.js +669 -273
- package/PrimaryButton.js +12 -37
- package/README.md +1 -1
- package/RadioButtons.js +61 -139
- package/RangeSlider.js +52 -118
- package/ReactSelectWrapper.js +15 -2
- package/SecondaryButton.js +12 -37
- package/SectionLoader.js +23 -0
- package/ShoeSizeSelector.js +68 -164
- package/SimpleErrorBoundary.js +12 -5
- package/StyleSelector.js +82 -166
- package/TextButton.js +12 -37
- package/Tooltip.js +16 -81
- package/WrapperButton.js +8 -32
- package/build/bundle.js +1033 -1091
- package/package.json +10 -12
- package/svg/Accessories.js +4 -5
- package/svg/Account.js +4 -5
- package/svg/Add.js +4 -5
- package/svg/ArrowRight.js +3 -4
- package/svg/Bags.js +6 -7
- package/svg/BurgerMenu.js +3 -4
- package/svg/Calendar.js +17 -18
- package/svg/CalendarCircled.js +18 -19
- package/svg/CheckCircled.js +4 -5
- package/svg/Close.js +3 -4
- package/svg/Dot.js +3 -4
- package/svg/Edit.js +3 -4
- package/svg/Eye.js +4 -5
- package/svg/FileAttach.js +3 -4
- package/svg/FileAttachCircled.js +4 -5
- package/svg/LightBulb.js +11 -12
- package/svg/Logo.js +38 -39
- package/svg/LuxityMenu.js +3 -4
- package/svg/Minus.js +3 -4
- package/svg/MobileAvatar.js +3 -4
- package/svg/MyOrder.js +6 -7
- package/svg/MyPayment.js +6 -7
- package/svg/MyProfile.js +7 -8
- package/svg/MySale.js +4 -5
- package/svg/Notification.js +4 -5
- package/svg/PointerDown.js +3 -4
- package/svg/Search.js +3 -4
- package/svg/Shoes.js +6 -7
- package/svg/SvgWrapper.js +2 -10
- package/svg/Trash.js +5 -6
- package/svg/Watches.js +11 -12
- package/CHANGELOG.md +0 -152
package/InterestCatSelector.js
CHANGED
|
@@ -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
|
|
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
|
|
|
@@ -100,16 +99,8 @@
|
|
|
100
99
|
lg: '1200px'
|
|
101
100
|
};
|
|
102
101
|
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
_templateObject = function _templateObject() {
|
|
107
|
-
return data;
|
|
108
|
-
};
|
|
109
|
-
|
|
110
|
-
return data;
|
|
111
|
-
}
|
|
112
|
-
var SvgWrapper = styled__default.div(_templateObject(), function (props) {
|
|
102
|
+
var _templateObject;
|
|
103
|
+
var SvgWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding: ", ";\n border: 1px solid\n ", ";\n text-align: center;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n background-color: ", ";\n color: ", ";\n\n h1 {\n color: ", ";\n }\n\n svg {\n margin-left: auto;\n margin-right: auto;\n max-height: 80px;\n width: auto;\n /*condition*/\n\n .fillColor {\n fill: ", ";\n }\n\n .outlineColor {\n fill: ", ";\n }\n }\n @media (max-width: ", ") {\n margin-bottom: ", ";\n }\n"])), function (props) {
|
|
113
104
|
return props.theme.marginPaddings[4];
|
|
114
105
|
}, function (props) {
|
|
115
106
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -140,21 +131,13 @@
|
|
|
140
131
|
isChecked: false
|
|
141
132
|
};
|
|
142
133
|
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
_templateObject$1 = function _templateObject() {
|
|
147
|
-
return data;
|
|
148
|
-
};
|
|
149
|
-
|
|
150
|
-
return data;
|
|
151
|
-
}
|
|
152
|
-
var Body = styled__default.div(_templateObject$1(), function (props) {
|
|
134
|
+
var _templateObject$1;
|
|
135
|
+
var Body = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n .outlineColor {\n fill: #ffffff;\n }\n display: flex;\n flex-flow: row nowrap;\n\n button {\n flex-basis: 25%;\n width: 100%;\n cursor: pointer;\n padding: 0;\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n .outlineColor {\n fill: white;\n }\n\n @media (max-width: ", ") {\n display: block;\n button {\n &:not(:last-child) {\n margin-right: 0;\n }\n }\n }\n"])), function (props) {
|
|
153
136
|
return props.theme.marginPaddings[2];
|
|
154
137
|
}, media.sm);
|
|
155
138
|
|
|
156
139
|
var Shoes = (function (props) {
|
|
157
|
-
return React__default.createElement("svg", _extends({
|
|
140
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
158
141
|
version: "1.1",
|
|
159
142
|
id: "svg-shoes",
|
|
160
143
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -163,22 +146,22 @@
|
|
|
163
146
|
y: "0px",
|
|
164
147
|
viewBox: "0 0 83.8 83.8",
|
|
165
148
|
xmlSpace: "preserve"
|
|
166
|
-
}, props), React__default.createElement("circle", {
|
|
149
|
+
}, props), /*#__PURE__*/React__default.createElement("circle", {
|
|
167
150
|
fill: "#fff",
|
|
168
151
|
cx: "41.9",
|
|
169
152
|
cy: "41.9",
|
|
170
153
|
r: "41.9"
|
|
171
|
-
}), React__default.createElement("path", {
|
|
154
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
172
155
|
d: "M61.12,56.33a1.22,1.22,0,1,1-1.22-1.21A1.22,1.22,0,0,1,61.12,56.33Z"
|
|
173
|
-
}), React__default.createElement("path", {
|
|
156
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
174
157
|
d: "M63.7,51.62a14.51,14.51,0,0,0-7.79-4,1.17,1.17,0,0,0-1,.3,7,7,0,0,1-4.3,1.43,6.5,6.5,0,0,1-5.48-3l-.07-.12L38.61,37A74.75,74.75,0,0,0,24.39,21.81a1.22,1.22,0,0,0-1.52,0,16.11,16.11,0,0,0-3.8,4.35,14.21,14.21,0,0,0-1.91,9.94v0a11.13,11.13,0,0,0,1.15,3.14,18.64,18.64,0,0,1,2.48,9V60.2A1.22,1.22,0,0,0,22,61.42h3.86a1.22,1.22,0,0,0,1.22-1.22V49.42a14.33,14.33,0,0,1,1.36-6.09A38.51,38.51,0,0,1,38.79,57.15a7.08,7.08,0,0,0,6.44,4.27h7.91A57.75,57.75,0,0,0,62.23,61c1.16-.2,4.69-.81,4.69-3.65C66.92,55.75,65.66,53.52,63.7,51.62Zm-39-2.2V59H23.22V48.27c0-.3,0-.62,0-1a21.72,21.72,0,0,0-2.72-9.19,38.86,38.86,0,0,1,6.05,3.67A16.07,16.07,0,0,0,24.66,49.42Zm37.16,9.13a56.25,56.25,0,0,1-8.68.43H45.23A4.65,4.65,0,0,1,41,56.17,40.59,40.59,0,0,0,19.44,35a12.14,12.14,0,0,1,1.72-7.6,13.43,13.43,0,0,1,2.48-3.05,72.42,72.42,0,0,1,13,14.1L43,47.58a9,9,0,0,0,7.59,4.17,9.89,9.89,0,0,0,5.45-1.67A12.39,12.39,0,0,1,62,53.36c1.61,1.57,2.48,3.2,2.48,3.94C64.49,57.8,63.49,58.27,61.82,58.55Z"
|
|
175
|
-
}), React__default.createElement("path", {
|
|
158
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
176
159
|
d: "M57.25,56.33A1.21,1.21,0,0,1,56,57.55H45.21a1.22,1.22,0,1,1,0-2.43H56A1.21,1.21,0,0,1,57.25,56.33Z"
|
|
177
160
|
}));
|
|
178
161
|
});
|
|
179
162
|
|
|
180
163
|
var Bags = (function (props) {
|
|
181
|
-
return React__default.createElement("svg", _extends({
|
|
164
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
182
165
|
version: "1.1",
|
|
183
166
|
id: "svg-bags",
|
|
184
167
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -187,25 +170,25 @@
|
|
|
187
170
|
y: "0px",
|
|
188
171
|
viewBox: "0 0 83.8 83.8",
|
|
189
172
|
xmlSpace: "preserve"
|
|
190
|
-
}, props), React__default.createElement("circle", {
|
|
173
|
+
}, props), /*#__PURE__*/React__default.createElement("circle", {
|
|
191
174
|
fill: "#fff",
|
|
192
175
|
cx: "41.9",
|
|
193
176
|
cy: "41.9",
|
|
194
177
|
r: "41.9"
|
|
195
|
-
}), React__default.createElement("g", null, React__default.createElement("path", {
|
|
178
|
+
}), /*#__PURE__*/React__default.createElement("g", null, /*#__PURE__*/React__default.createElement("path", {
|
|
196
179
|
fill: "#010101",
|
|
197
180
|
d: "M65.4,33.4H52.3v-5.8c0-5.7-4.6-10.4-10.4-10.4s-10.4,4.6-10.4,10.4v5.8H18.4c-0.4,0-0.7,0-0.9,0.3 c-0.2,0.2-0.4,0.6-0.3,0.9l4.6,25c0.6,3.5,3.7,6,7.2,6.1h25.9c3.6-0.1,6.6-2.7,7.2-6.2l4.6-25c0.1-0.3-0.1-0.7-0.3-0.9 C66.1,33.5,65.8,33.3,65.4,33.4z M34,27.6c0-4.4,3.6-7.9,7.9-7.9s7.9,3.6,7.9,7.9v5.8H34V27.6z M59.6,59.3c-0.4,2.3-2.4,4-4.8,4H29 c-2.4,0-4.4-1.7-4.8-4l-4.3-23.5H64L59.6,59.3z"
|
|
198
|
-
}), React__default.createElement("path", {
|
|
181
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
199
182
|
fill: "#010101",
|
|
200
183
|
d: "M51.1,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C49.9,47.2,50.4,47.7,51.1,47.7z"
|
|
201
|
-
}), React__default.createElement("path", {
|
|
184
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
202
185
|
fill: "#010101",
|
|
203
186
|
d: "M32.8,47.7c0.7,0,1.2-0.5,1.2-1.2v-3.7c0-0.7-0.5-1.2-1.2-1.2c-0.7,0-1.2,0.5-1.2,1.2v3.7 C31.5,47.2,32.1,47.7,32.8,47.7z"
|
|
204
187
|
})));
|
|
205
188
|
});
|
|
206
189
|
|
|
207
190
|
var Accessories = (function (props) {
|
|
208
|
-
return React__default.createElement("svg", _extends({
|
|
191
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
209
192
|
version: "1.1",
|
|
210
193
|
id: "svg-accessories",
|
|
211
194
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -215,18 +198,18 @@
|
|
|
215
198
|
viewBox: "0 0 83.8 83.8",
|
|
216
199
|
xmlSpace: "preserve",
|
|
217
200
|
color: "#fff"
|
|
218
|
-
}, props), React__default.createElement("circle", {
|
|
201
|
+
}, props), /*#__PURE__*/React__default.createElement("circle", {
|
|
219
202
|
fill: "#fff",
|
|
220
203
|
cx: "41.9",
|
|
221
204
|
cy: "41.9",
|
|
222
205
|
r: "41.9"
|
|
223
|
-
}), React__default.createElement("path", {
|
|
206
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
224
207
|
d: "M66.1,45.7v-8.5c0-3-2.6-5.8-7.5-7.7c-4.5-1.8-10.3-2.8-16.6-2.8s-12.2,1-16.7,2.8c-4.9,2-7.6,4.7-7.6,7.7v8.5 c0,1.8,1,4.5,5.6,6.9c3.1,1.6,7.5,2.8,12.3,3.3h0.1l0,0c0.8,1.1,2,1.7,3.4,1.7h5.8c1.2,0,2.3-0.5,3.1-1.4l0,0h2 c2.7,0,5.4,0.6,7.8,1.8c1.8,0.9,4,0.8,5.7-0.2c1.6-1,2.6-2.8,2.6-4.8c0-1.3-0.5-2.6-1.3-3.6l-0.1-0.1l0.1-0.1 C65.6,48.1,66.1,46.9,66.1,45.7z M35,47.4c0,0.2,0,0.3,0,0.4v5.4l-0.1,0c-4.1-0.6-7.6-1.6-10.2-2.9c-2.7-1.4-4.2-3-4.2-4.6V42 l0.2,0.2c4.2,3.4,11.4,4.7,14.3,5l0.1,0L35,47.4z M46.4,53.5c0,0.8-0.7,1.5-1.6,1.5h-5.8c-0.9,0-1.5-0.7-1.5-1.5v-1.5H42 c0.7,0,1.3-0.6,1.3-1.3c0-0.7-0.6-1.3-1.3-1.3h-4.5v-1.5c0-0.9,0.7-1.5,1.5-1.5h5.8c0.9,0,1.6,0.7,1.6,1.5V53.5z M47.8,44.8 L47.8,44.8l-0.1,0c-0.8-0.7-1.8-1.1-2.8-1.1h-5.8c-1,0-2,0.4-2.8,1.1l0,0l-0.1,0c-3.7-0.4-7.2-1.2-9.9-2.3l0,0l0,0 c-0.1-0.2-0.2-0.4-0.2-0.5c0-0.5,0.9-1.6,4.2-2.6c3.2-1,7.3-1.5,11.8-1.5c4.4,0,8.6,0.5,11.7,1.5c2.8,0.9,4.1,2,4.1,2.6 c0,0.1,0,0.3-0.2,0.5l0,0l0,0C54.8,43.6,51.5,44.4,47.8,44.8z M62.1,55.6C61.6,55.9,61,56,60.4,56c-0.5,0-1-0.1-1.5-0.3 c-2.8-1.4-5.9-2.1-8.9-2.1h-1v-5.9h3c3.5,0,6.9,0.9,9.9,2.6c1,0.5,1.6,1.6,1.6,2.7C63.5,54.1,63,55,62.1,55.6z M63.5,45.7 c0,0.7-0.3,1.3-0.8,2l-0.1,0.1l-0.1,0c-1.7-0.9-3.5-1.6-5.4-2l-0.4-0.1l0.4-0.1c2.6-0.9,4.7-2,6.2-3.2l0.2-0.2V45.7z M60.4,41.1 l-0.1,0.1L60.2,41c-0.5-1.7-2.5-3.1-5.8-4.2c-3.4-1.1-7.8-1.7-12.5-1.7c-4.7,0-9.2,0.6-12.5,1.7c-3.4,1.1-5.3,2.5-5.9,4.2l-0.1,0.2 L23.4,41c-2-1.2-3.1-2.6-3.1-3.9c0-1.9,2.2-3.8,5.9-5.3c4.2-1.7,9.8-2.6,15.7-2.6c12.7,0,21.5,4.2,21.5,8 C63.5,38.5,62.4,39.8,60.4,41.1z"
|
|
225
208
|
}));
|
|
226
209
|
});
|
|
227
210
|
|
|
228
211
|
var Watches = (function (props) {
|
|
229
|
-
return React__default.createElement("svg", _extends({
|
|
212
|
+
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
230
213
|
version: "1.1",
|
|
231
214
|
id: "svg-watches",
|
|
232
215
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -235,26 +218,26 @@
|
|
|
235
218
|
y: "0px",
|
|
236
219
|
viewBox: "0 0 83.8 83.8",
|
|
237
220
|
xmlSpace: "preserve"
|
|
238
|
-
}, props), React__default.createElement("circle", {
|
|
221
|
+
}, props), /*#__PURE__*/React__default.createElement("circle", {
|
|
239
222
|
fill: "#fff",
|
|
240
223
|
cx: "41.9",
|
|
241
224
|
cy: "41.9",
|
|
242
225
|
r: "41.9"
|
|
243
|
-
}), React__default.createElement("path", {
|
|
226
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
244
227
|
d: "M55.7,40v-3.8c0-4.1-2.8-7.5-6.6-8.3v-7.4c0-1.6-1.3-2.8-2.8-2.8h-9.5c-1.6,0-2.8,1.3-2.8,2.8v7.4c-3.8,0.9-6.6,4.3-6.6,8.3 v11.4c0,4.1,2.8,7.5,6.6,8.3v7.4c0,1.6,1.3,2.8,2.8,2.8h9.5c1.6,0,2.8-1.3,2.8-2.8v-7.4c3.8-0.9,6.6-4.3,6.6-8.3v-3.8 c0.5,0,0.9-0.4,0.9-0.9V41C56.6,40.5,56.2,40,55.7,40L55.7,40z M47.1,63.4c0,0.5-0.4,0.9-0.9,0.9h-9.5c-0.5,0-0.9-0.4-0.9-0.9v-7.2 h11.4V63.4z M53.8,47.6c0,3.7-3,6.6-6.6,6.6H35.8c-3.7,0-6.6-3-6.6-6.6V36.2c0-3.7,3-6.6,6.6-6.6h1.4c0.5,0,0.9-0.4,0.9-0.9 c0-0.5-0.4-0.9-0.9-0.9h-1.4v-7.2c0-0.5,0.4-0.9,0.9-0.9h9.5c0.5,0,0.9,0.4,0.9,0.9v7.2h-1.4c-0.5,0-0.9,0.4-0.9,0.9 c0,0.5,0.4,0.9,0.9,0.9h1.4c3.7,0,6.6,3,6.6,6.6V47.6z M53.8,47.6"
|
|
245
|
-
}), React__default.createElement("path", {
|
|
228
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
246
229
|
d: "M46.2,66.4h-9.5c-1.7,0-3.1-1.4-3.1-3.1v-7.2c-3.9-1-6.6-4.5-6.6-8.5V36.2c0-4,2.8-7.5,6.6-8.5v-7.2c0-1.7,1.4-3.1,3.1-3.1 h9.5c1.7,0,3.1,1.4,3.1,3.1v7.2c3.9,1,6.6,4.5,6.6,8.5v3.6c0.5,0.1,0.9,0.6,0.9,1.2v1.9c0,0.6-0.4,1.1-0.9,1.2v3.6 c0,4-2.8,7.5-6.6,8.5v7.2C49.3,65.1,47.9,66.4,46.2,66.4z M36.7,17.9c-1.4,0-2.6,1.2-2.6,2.6v7.6l-0.2,0c-3.7,0.9-6.4,4.2-6.4,8.1 v11.4c0,3.8,2.7,7.2,6.4,8.1l0.2,0v7.6c0,1.4,1.2,2.6,2.6,2.6h9.5c1.4,0,2.6-1.2,2.6-2.6v-7.6l0.2,0c3.7-0.9,6.4-4.2,6.4-8.1v-4h0.2 c0.4,0,0.7-0.3,0.7-0.7V41c0-0.4-0.3-0.7-0.7-0.7h-0.2v-4c0-3.8-2.7-7.2-6.4-8.1l-0.2,0v-7.6c0-1.4-1.2-2.6-2.6-2.6H36.7z M46.2,64.6h-9.5c-0.7,0-1.2-0.5-1.2-1.2v-7.5h11.9v7.5C47.4,64,46.9,64.6,46.2,64.6z M36,56.4v7c0,0.4,0.3,0.7,0.7,0.7h9.5 c0.4,0,0.7-0.3,0.7-0.7v-7H36z M47.1,54.5H35.8c-3.8,0-6.9-3.1-6.9-6.9V36.2c0-3.8,3.1-6.9,6.9-6.9h1.4c0.4,0,0.7-0.3,0.7-0.7 c0-0.4-0.3-0.7-0.7-0.7h-1.7v-7.5c0-0.7,0.5-1.2,1.2-1.2h9.5c0.7,0,1.2,0.5,1.2,1.2v7.5h-1.7c-0.4,0-0.7,0.3-0.7,0.7 c0,0.4,0.3,0.7,0.7,0.7h1.4c3.8,0,6.9,3.1,6.9,6.9v11.4C54,51.4,50.9,54.5,47.1,54.5z M35.8,29.8c-3.5,0-6.4,2.9-6.4,6.4v11.4 c0,3.5,2.9,6.4,6.4,6.4h11.4c3.5,0,6.4-2.9,6.4-6.4V36.2c0-3.5-2.9-6.4-6.4-6.4h-1.4c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2 h1.2v-7c0-0.4-0.3-0.7-0.7-0.7h-9.5c-0.4,0-0.7,0.3-0.7,0.7v7h1.2c0.7,0,1.2,0.5,1.2,1.2c0,0.7-0.5,1.2-1.2,1.2H35.8z"
|
|
247
|
-
}), React__default.createElement("path", {
|
|
230
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
248
231
|
d: "M45.2,41h-2.8v-4.7c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v5.7c0,0.5,0.4,0.9,0.9,0.9h3.8c0.5,0,0.9-0.4,0.9-0.9 C46.2,41.4,45.8,41,45.2,41L45.2,41z M45.2,41"
|
|
249
|
-
}), React__default.createElement("path", {
|
|
232
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
250
233
|
d: "M45.2,43.1h-3.8c-0.7,0-1.2-0.5-1.2-1.2v-5.7c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2v4.5h2.6c0.7,0,1.2,0.5,1.2,1.2 S45.9,43.1,45.2,43.1z M41.4,35.5c-0.4,0-0.7,0.3-0.7,0.7v5.7c0,0.4,0.3,0.7,0.7,0.7h3.8c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7 h-3.1v-5C42.1,35.8,41.8,35.5,41.4,35.5z"
|
|
251
|
-
}), React__default.createElement("path", {
|
|
234
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
252
235
|
d: "M47.1,31.5H35.8c-2.6,0-4.7,2.1-4.7,4.7v11.4c0,2.6,2.1,4.7,4.7,4.7h11.4c2.6,0,4.7-2.1,4.7-4.7V36.2 C51.9,33.6,49.8,31.5,47.1,31.5L47.1,31.5z M47.1,50.5h-4.7v-0.8c0-0.5-0.4-0.9-0.9-0.9s-0.9,0.4-0.9,0.9v0.8h-4.7 c-1.6,0-2.8-1.3-2.8-2.8v-4.7h0.8c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h-0.8v-4.7c0-1.6,1.3-2.8,2.8-2.8h11.4 c1.6,0,2.8,1.3,2.8,2.8V41h-0.8c-0.5,0-0.9,0.4-0.9,0.9c0,0.5,0.4,0.9,0.9,0.9H50v4.7C50,49.2,48.7,50.5,47.1,50.5L47.1,50.5z M47.1,50.5"
|
|
253
|
-
}), React__default.createElement("path", {
|
|
236
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
254
237
|
d: "M47.1,52.6H35.8c-2.8,0-5-2.2-5-5V36.2c0-2.8,2.2-5,5-5h11.4c2.8,0,5,2.2,5,5v11.4C52.1,50.4,49.9,52.6,47.1,52.6z M35.8,31.7c-2.5,0-4.5,2-4.5,4.5v11.4c0,2.5,2,4.5,4.5,4.5h11.4c2.5,0,4.5-2,4.5-4.5V36.2c0-2.5-2-4.5-4.5-4.5H35.8z M47.1,50.7h-5 v-1c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7v1h-5c-1.7,0-3.1-1.4-3.1-3.1v-5h1c0.4,0,0.7-0.3,0.7-0.7s-0.3-0.7-0.7-0.7h-1v-5 c0-1.7,1.4-3.1,3.1-3.1h11.4c1.7,0,3.1,1.4,3.1,3.1v5h-1c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7h1v5C50.2,49.3,48.8,50.7,47.1,50.7 z M42.6,50.2h4.5c1.4,0,2.6-1.2,2.6-2.6v-4.5h-0.5c-0.7,0-1.2-0.5-1.2-1.2s0.5-1.2,1.2-1.2h0.5v-4.5c0-1.4-1.2-2.6-2.6-2.6H35.8 c-1.4,0-2.6,1.2-2.6,2.6v4.5h0.5c0.7,0,1.2,0.5,1.2,1.2s-0.5,1.2-1.2,1.2h-0.5v4.5c0,1.4,1.2,2.6,2.6,2.6h4.5v-0.5 c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2V50.2z"
|
|
255
|
-
}), React__default.createElement("path", {
|
|
238
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
256
239
|
d: "M41.4,29.6c0.5,0,0.9-0.4,0.9-0.9c0-0.5-0.4-0.9-0.9-0.9h0c-0.5,0-0.9,0.4-0.9,0.9C40.5,29.2,40.9,29.6,41.4,29.6L41.4,29.6 z M41.4,29.6"
|
|
257
|
-
}), React__default.createElement("path", {
|
|
240
|
+
}), /*#__PURE__*/React__default.createElement("path", {
|
|
258
241
|
d: "M41.4,29.8c-0.7,0-1.2-0.5-1.2-1.2c0-0.7,0.5-1.2,1.2-1.2s1.2,0.5,1.2,1.2C42.6,29.3,42.1,29.8,41.4,29.8z M41.4,27.9 c-0.4,0-0.7,0.3-0.7,0.7s0.3,0.7,0.7,0.7c0.4,0,0.7-0.3,0.7-0.7S41.8,27.9,41.4,27.9z"
|
|
259
242
|
}));
|
|
260
243
|
});
|
|
@@ -280,89 +263,39 @@
|
|
|
280
263
|
};
|
|
281
264
|
|
|
282
265
|
var themed = (function (Component) {
|
|
283
|
-
return React.forwardRef(function (props, ref) {
|
|
284
|
-
return React__default.createElement(styled.ThemeProvider, {
|
|
266
|
+
return /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
267
|
+
return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
|
|
285
268
|
theme: theme
|
|
286
|
-
}, React__default.createElement(Component, _extends({}, props, {
|
|
269
|
+
}, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
|
|
287
270
|
ref: ref
|
|
288
271
|
})));
|
|
289
272
|
});
|
|
290
273
|
});
|
|
291
274
|
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
_templateObject$2 = function _templateObject() {
|
|
296
|
-
return data;
|
|
297
|
-
};
|
|
298
|
-
|
|
299
|
-
return data;
|
|
300
|
-
}
|
|
301
|
-
var ErrorMessage = styled__default.div(_templateObject$2(), function (props) {
|
|
275
|
+
var _templateObject$2;
|
|
276
|
+
var ErrorMessage = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
|
|
302
277
|
return props.theme.colors.primary;
|
|
303
278
|
}, function (props) {
|
|
304
279
|
return props.theme.marginPaddings[0];
|
|
305
280
|
});
|
|
306
281
|
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
_templateObject2 = function _templateObject2() {
|
|
311
|
-
return data;
|
|
312
|
-
};
|
|
313
|
-
|
|
314
|
-
return data;
|
|
315
|
-
}
|
|
316
|
-
|
|
317
|
-
function _templateObject$3() {
|
|
318
|
-
var data = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"]);
|
|
282
|
+
var _templateObject$3, _templateObject2;
|
|
283
|
+
var disabledButtonStyle = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
284
|
+
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"])));
|
|
319
285
|
|
|
320
|
-
|
|
321
|
-
return data;
|
|
322
|
-
};
|
|
286
|
+
var _excluded = ["children"];
|
|
323
287
|
|
|
324
|
-
|
|
325
|
-
}
|
|
326
|
-
var disabledButtonStyle = styled.css(_templateObject$3());
|
|
327
|
-
var baseButtonStyle = styled.css(_templateObject2());
|
|
328
|
-
|
|
329
|
-
function _templateObject$4() {
|
|
330
|
-
var data = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"]);
|
|
331
|
-
|
|
332
|
-
_templateObject$4 = function _templateObject() {
|
|
333
|
-
return data;
|
|
334
|
-
};
|
|
335
|
-
|
|
336
|
-
return data;
|
|
337
|
-
}
|
|
338
|
-
var Button = styled__default.button(_templateObject$4(), disabledButtonStyle);
|
|
288
|
+
var _templateObject$4;
|
|
289
|
+
var Button = styled__default.button(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
339
290
|
|
|
340
291
|
var WrapperButton = function WrapperButton(_ref) {
|
|
341
292
|
var children = _ref.children,
|
|
342
|
-
restProps = _objectWithoutProperties(_ref,
|
|
293
|
+
restProps = _objectWithoutProperties(_ref, _excluded);
|
|
343
294
|
|
|
344
|
-
return React__default.createElement(Button, restProps, children);
|
|
295
|
+
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
345
296
|
};
|
|
346
297
|
|
|
347
|
-
|
|
348
|
-
var data = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"]);
|
|
349
|
-
|
|
350
|
-
_templateObject2$1 = function _templateObject2() {
|
|
351
|
-
return data;
|
|
352
|
-
};
|
|
353
|
-
|
|
354
|
-
return data;
|
|
355
|
-
}
|
|
356
|
-
|
|
357
|
-
function _templateObject$5() {
|
|
358
|
-
var data = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"]);
|
|
359
|
-
|
|
360
|
-
_templateObject$5 = function _templateObject() {
|
|
361
|
-
return data;
|
|
362
|
-
};
|
|
363
|
-
|
|
364
|
-
return data;
|
|
365
|
-
}
|
|
298
|
+
var _templateObject$5, _templateObject2$1;
|
|
366
299
|
var categories = catArray;
|
|
367
300
|
|
|
368
301
|
var getSvg = function getSvg() {
|
|
@@ -370,26 +303,26 @@
|
|
|
370
303
|
|
|
371
304
|
switch (category) {
|
|
372
305
|
case interestCategories.BAGS:
|
|
373
|
-
return React__default.createElement(Bags, null);
|
|
306
|
+
return /*#__PURE__*/React__default.createElement(Bags, null);
|
|
374
307
|
|
|
375
308
|
case interestCategories.SHOES:
|
|
376
|
-
return React__default.createElement(Shoes, null);
|
|
309
|
+
return /*#__PURE__*/React__default.createElement(Shoes, null);
|
|
377
310
|
|
|
378
311
|
case interestCategories.ACCESSORIES:
|
|
379
|
-
return React__default.createElement(Accessories, null);
|
|
312
|
+
return /*#__PURE__*/React__default.createElement(Accessories, null);
|
|
380
313
|
|
|
381
314
|
case interestCategories.WATCHES:
|
|
382
|
-
return React__default.createElement(Watches, null);
|
|
315
|
+
return /*#__PURE__*/React__default.createElement(Watches, null);
|
|
383
316
|
|
|
384
317
|
default:
|
|
385
318
|
return null;
|
|
386
319
|
}
|
|
387
320
|
};
|
|
388
321
|
|
|
389
|
-
var Container = styled__default.div(_templateObject$5(), function (props) {
|
|
322
|
+
var Container = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
390
323
|
return props.theme.marginPaddings[5];
|
|
391
324
|
});
|
|
392
|
-
var CategoryTitle = styled__default.h1(_templateObject2$1());
|
|
325
|
+
var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
393
326
|
/**
|
|
394
327
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
395
328
|
*/
|
|
@@ -398,8 +331,8 @@
|
|
|
398
331
|
var onCategoryChange = _ref.onCategoryChange,
|
|
399
332
|
errorMessage = _ref.errorMessage,
|
|
400
333
|
category = _ref.category;
|
|
401
|
-
return React__default.createElement(Container, null, React__default.createElement(Body, null, categories.map(function (cat, index) {
|
|
402
|
-
return React__default.createElement(WrapperButton, {
|
|
334
|
+
return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement(Body, null, categories.map(function (cat, index) {
|
|
335
|
+
return /*#__PURE__*/React__default.createElement(WrapperButton, {
|
|
403
336
|
key: "cat-".concat(index),
|
|
404
337
|
id: "cat-".concat(index),
|
|
405
338
|
type: "button",
|
|
@@ -407,10 +340,10 @@
|
|
|
407
340
|
onClick: function onClick() {
|
|
408
341
|
return onCategoryChange(cat.value);
|
|
409
342
|
}
|
|
410
|
-
}, React__default.createElement(SvgWrapper, {
|
|
343
|
+
}, /*#__PURE__*/React__default.createElement(SvgWrapper, {
|
|
411
344
|
isChecked: category === cat.value
|
|
412
|
-
}, getSvg(cat.value), React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
|
|
413
|
-
})), errorMessage && React__default.createElement(ErrorMessage, null, errorMessage));
|
|
345
|
+
}, getSvg(cat.value), /*#__PURE__*/React__default.createElement(CategoryTitle, null, cat.categoryTitle)));
|
|
346
|
+
})), errorMessage && /*#__PURE__*/React__default.createElement(ErrorMessage, null, errorMessage));
|
|
414
347
|
};
|
|
415
348
|
|
|
416
349
|
InterestCatSelector.defaultProps = {
|