@bonlineza/luxity-lib 2.13.1 → 2.15.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/AddInterest.js +129 -51
- package/BrandSelector.js +107 -29
- package/GraphQLDropdownSelector.js +107 -29
- package/Interests.js +133 -55
- package/LuxityGraphQLDropdownSelector.js +107 -29
- package/MaterialSelector.js +107 -29
- package/ModelSelector.js +107 -29
- package/RareStepFooter.js +86 -52
- package/RareStepHeader.js +400 -58
- package/build/bundle.js +501 -125
- package/package.json +1 -1
package/AddInterest.js
CHANGED
|
@@ -10152,9 +10152,15 @@
|
|
|
10152
10152
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10153
10153
|
};
|
|
10154
10154
|
|
|
10155
|
-
var _templateObject$G, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
10156
|
-
var HeaderWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
10155
|
+
var _templateObject$G, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
10156
|
+
var HeaderWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
|
|
10157
10157
|
return props.theme.rareStepColors.ntrlMin;
|
|
10158
|
+
}, function (props) {
|
|
10159
|
+
return props.theme.rareStepColors.primary;
|
|
10160
|
+
}, function (props) {
|
|
10161
|
+
return props.theme.rareStepPageSizes.container;
|
|
10162
|
+
}, function (props) {
|
|
10163
|
+
return props.theme.marginPaddings[1];
|
|
10158
10164
|
});
|
|
10159
10165
|
var PageContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
10160
10166
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -10185,7 +10191,7 @@
|
|
|
10185
10191
|
}, function (props) {
|
|
10186
10192
|
return props.theme.marginPaddings[1];
|
|
10187
10193
|
});
|
|
10188
|
-
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
10194
|
+
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n text-decoration: none;\n white-space: nowrap;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
10189
10195
|
return props.theme.rareStepColors.ntrlMin;
|
|
10190
10196
|
}, function (props) {
|
|
10191
10197
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -10253,21 +10259,15 @@
|
|
|
10253
10259
|
}, function (props) {
|
|
10254
10260
|
return props.theme.rareStepColors.secondary;
|
|
10255
10261
|
});
|
|
10256
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
10262
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10257
10263
|
return props.theme.marginPaddings[1];
|
|
10258
|
-
}, function (props) {
|
|
10259
|
-
return props.theme.marginPaddings[3];
|
|
10260
|
-
}, function (props) {
|
|
10261
|
-
return props.theme.rareStepColors.primary;
|
|
10262
10264
|
}, function (props) {
|
|
10263
10265
|
return props.theme.rareStepColors.ntrl40;
|
|
10264
10266
|
});
|
|
10265
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
10267
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10266
10268
|
return props.theme.rareStepFontSize.footerTitle;
|
|
10267
10269
|
}, function (props) {
|
|
10268
10270
|
return props.theme.marginPaddings[0];
|
|
10269
|
-
}, function (props) {
|
|
10270
|
-
return props.theme.rareStepColors.primary;
|
|
10271
10271
|
}, function (props) {
|
|
10272
10272
|
return props.theme.rareStepColors.ntrl40;
|
|
10273
10273
|
}, function (props) {
|
|
@@ -10277,9 +10277,86 @@
|
|
|
10277
10277
|
});
|
|
10278
10278
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10279
10279
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10280
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10280
10281
|
|
|
10281
|
-
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
10282
|
-
var
|
|
10282
|
+
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
10283
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
|
|
10284
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10285
|
+
}, function (props) {
|
|
10286
|
+
return props.theme.marginPaddings[3];
|
|
10287
|
+
});
|
|
10288
|
+
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10289
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
10290
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
|
|
10291
|
+
var SideNavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10292
|
+
return props.theme.rareStepFontSize.h6;
|
|
10293
|
+
});
|
|
10294
|
+
var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
|
|
10295
|
+
return props.theme.rareStepColors.primary;
|
|
10296
|
+
}, function (props) {
|
|
10297
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10298
|
+
}, function (props) {
|
|
10299
|
+
return props.theme.marginPaddings[1];
|
|
10300
|
+
});
|
|
10301
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
10302
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10303
|
+
});
|
|
10304
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10305
|
+
var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
|
|
10306
|
+
return props.theme.marginPaddings[1];
|
|
10307
|
+
}, function (props) {
|
|
10308
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10309
|
+
});
|
|
10310
|
+
var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
10311
|
+
var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n }\n"])), function (props) {
|
|
10312
|
+
return props.theme.rareStepColors.secondary;
|
|
10313
|
+
}, function (props) {
|
|
10314
|
+
return props.theme.rareStepColors.secondary;
|
|
10315
|
+
}, function (props) {
|
|
10316
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10317
|
+
}, function (props) {
|
|
10318
|
+
return props.theme.marginPaddings[2];
|
|
10319
|
+
}, function (props) {
|
|
10320
|
+
return props.theme.marginPaddings[1];
|
|
10321
|
+
}, function (props) {
|
|
10322
|
+
return props.theme.marginPaddings[1];
|
|
10323
|
+
});
|
|
10324
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
10325
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
10326
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10327
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10328
|
+
});
|
|
10329
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width: 30px;\n height: 30px;\n }\n\n &__search-container {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
10330
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10331
|
+
}, function (props) {
|
|
10332
|
+
return props.theme.rareStepColors.ntrl50;
|
|
10333
|
+
}, function (props) {
|
|
10334
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10335
|
+
}, function (props) {
|
|
10336
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10337
|
+
}, function (props) {
|
|
10338
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10339
|
+
});
|
|
10340
|
+
var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10341
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10342
|
+
}, function (props) {
|
|
10343
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10344
|
+
});
|
|
10345
|
+
var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
10346
|
+
var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
10347
|
+
return props.theme.rareStepFontSize.h5;
|
|
10348
|
+
}, function (props) {
|
|
10349
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10350
|
+
});
|
|
10351
|
+
var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
|
|
10352
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
|
|
10353
|
+
return props.theme.marginPaddings[4];
|
|
10354
|
+
}, function (props) {
|
|
10355
|
+
return props.theme.marginPaddings[1];
|
|
10356
|
+
});
|
|
10357
|
+
|
|
10358
|
+
var _templateObject$I, _templateObject2$8, _templateObject3$5, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
10359
|
+
var FooterWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10283
10360
|
return props.theme.rareStepColors.ntrlMax;
|
|
10284
10361
|
}, function (props) {
|
|
10285
10362
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10288,16 +10365,16 @@
|
|
|
10288
10365
|
}, function (props) {
|
|
10289
10366
|
return props.theme.rareStepFontSize.h5;
|
|
10290
10367
|
});
|
|
10291
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10368
|
+
var PageContainer$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
10292
10369
|
return props.theme.rareStepPageSizes.container;
|
|
10293
10370
|
});
|
|
10294
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10371
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10295
10372
|
return props.theme.marginPaddings[4];
|
|
10296
10373
|
});
|
|
10297
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
10374
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
10298
10375
|
return props.theme.marginPaddings[4];
|
|
10299
10376
|
});
|
|
10300
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
10377
|
+
var FooterTitleLink = styled__default.a(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n text-transform: uppercase;\n color: ", ";\n margin-bottom: ", ";\n cursor: pointer;\n font-weight: ", ";\n font-size: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10301
10378
|
return props.theme.rareStepColors.ntrlMin;
|
|
10302
10379
|
}, function (props) {
|
|
10303
10380
|
return props.theme.marginPaddings[1];
|
|
@@ -10308,7 +10385,7 @@
|
|
|
10308
10385
|
}, function (props) {
|
|
10309
10386
|
return props.theme.rareStepColors.ntrlMin;
|
|
10310
10387
|
});
|
|
10311
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
10388
|
+
var FooterLink = styled__default.a(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n cursor: pointer;\n margin-bottom: ", ";\n font-weight: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10312
10389
|
return props.theme.rareStepColors.ntrlMin;
|
|
10313
10390
|
}, function (props) {
|
|
10314
10391
|
return props.theme.space[2];
|
|
@@ -10317,36 +10394,37 @@
|
|
|
10317
10394
|
}, function (props) {
|
|
10318
10395
|
return props.theme.rareStepColors.ntrlMin;
|
|
10319
10396
|
});
|
|
10320
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
10321
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
10397
|
+
var FooterImage = styled__default.img(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
10398
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10322
10399
|
return props.theme.marginPaddings[4];
|
|
10323
10400
|
});
|
|
10324
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
10401
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
10325
10402
|
return props.theme.marginPaddings[5];
|
|
10326
10403
|
});
|
|
10327
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
10328
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
10404
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10405
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
10329
10406
|
return props.theme.marginPaddings[0];
|
|
10330
10407
|
});
|
|
10331
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
10408
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10332
10409
|
return props.theme.marginPaddings[1];
|
|
10333
10410
|
}, function (props) {
|
|
10334
10411
|
return props.theme.rareStepColors.ntrlMin;
|
|
10335
10412
|
});
|
|
10336
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
10413
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10337
10414
|
return props.theme.rareStepColors.ntrlMin;
|
|
10338
10415
|
}, function (props) {
|
|
10339
10416
|
return props.theme.rareStepFontWeights.normal;
|
|
10340
10417
|
});
|
|
10341
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
10342
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
10418
|
+
var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
10419
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10420
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10343
10421
|
|
|
10344
|
-
var _templateObject$
|
|
10422
|
+
var _templateObject$J;
|
|
10345
10423
|
var ALL_ITEM = {
|
|
10346
10424
|
label: 'ALL',
|
|
10347
10425
|
value: 'ALL'
|
|
10348
10426
|
};
|
|
10349
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10427
|
+
var StyledMultiselector = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
10350
10428
|
return props.theme.colors.primary;
|
|
10351
10429
|
}, function (props) {
|
|
10352
10430
|
return props.theme.colors.ntrlMin;
|
|
@@ -10624,15 +10702,15 @@
|
|
|
10624
10702
|
}
|
|
10625
10703
|
};
|
|
10626
10704
|
|
|
10627
|
-
var _templateObject$
|
|
10705
|
+
var _templateObject$K, _templateObject2$9;
|
|
10628
10706
|
var ALL_ITEM$1 = {
|
|
10629
10707
|
id: 'ALL',
|
|
10630
10708
|
name: 'ALL'
|
|
10631
10709
|
};
|
|
10632
10710
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10633
10711
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10634
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10635
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10712
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10713
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10636
10714
|
return props.theme.marginPaddings[2];
|
|
10637
10715
|
}, function (props) {
|
|
10638
10716
|
return props.theme.colors.ntrlMin;
|
|
@@ -10869,7 +10947,7 @@
|
|
|
10869
10947
|
}));
|
|
10870
10948
|
});
|
|
10871
10949
|
|
|
10872
|
-
var _templateObject$
|
|
10950
|
+
var _templateObject$L;
|
|
10873
10951
|
|
|
10874
10952
|
var Title$3 = function Title(_ref) {
|
|
10875
10953
|
var baseClass = _ref.baseClass,
|
|
@@ -10890,7 +10968,7 @@
|
|
|
10890
10968
|
})));
|
|
10891
10969
|
};
|
|
10892
10970
|
|
|
10893
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10971
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10894
10972
|
return props.theme.marginPaddings[2];
|
|
10895
10973
|
}, function (props) {
|
|
10896
10974
|
return props.theme.fontSizes[2];
|
|
@@ -11030,8 +11108,8 @@
|
|
|
11030
11108
|
baseQueryLimit: 12
|
|
11031
11109
|
};
|
|
11032
11110
|
|
|
11033
|
-
var _templateObject$
|
|
11034
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
11111
|
+
var _templateObject$M;
|
|
11112
|
+
var BaseButton = styled__default.button(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
11035
11113
|
return props.theme.colors.base;
|
|
11036
11114
|
}, function (props) {
|
|
11037
11115
|
return props.theme.colors.borderColor;
|
|
@@ -11089,12 +11167,12 @@
|
|
|
11089
11167
|
}
|
|
11090
11168
|
};
|
|
11091
11169
|
|
|
11092
|
-
var _templateObject$
|
|
11093
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
11170
|
+
var _templateObject$N, _templateObject2$a;
|
|
11171
|
+
var TitleWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
11094
11172
|
return props.theme.marginPaddings[4];
|
|
11095
11173
|
});
|
|
11096
11174
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
11097
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
11175
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
11098
11176
|
return props.childVisible ? 1 : 0;
|
|
11099
11177
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
11100
11178
|
return props.childVisible ? 1 : 0;
|
|
@@ -11228,8 +11306,8 @@
|
|
|
11228
11306
|
}
|
|
11229
11307
|
};
|
|
11230
11308
|
|
|
11231
|
-
var _templateObject$
|
|
11232
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11309
|
+
var _templateObject$O;
|
|
11310
|
+
var SelectionWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
11233
11311
|
return props.theme.marginPaddings[2];
|
|
11234
11312
|
}, function (props) {
|
|
11235
11313
|
return props.theme.marginPaddings[2];
|
|
@@ -11245,14 +11323,14 @@
|
|
|
11245
11323
|
|
|
11246
11324
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11247
11325
|
|
|
11248
|
-
var _templateObject$
|
|
11249
|
-
var Content = styled__default.div(_templateObject$
|
|
11326
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6;
|
|
11327
|
+
var Content = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
11250
11328
|
return props.theme.colors.primary;
|
|
11251
11329
|
}, function (props) {
|
|
11252
11330
|
return props.theme.marginPaddings[0];
|
|
11253
11331
|
});
|
|
11254
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11255
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11332
|
+
var InputText = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11333
|
+
var StyledLabel = styled__default.label(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
11256
11334
|
return props.theme.colors.primary;
|
|
11257
11335
|
}, Content, function (props) {
|
|
11258
11336
|
return props.theme.colors.primary;
|
|
@@ -11481,28 +11559,28 @@
|
|
|
11481
11559
|
}
|
|
11482
11560
|
};
|
|
11483
11561
|
|
|
11484
|
-
var _templateObject$
|
|
11562
|
+
var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
11485
11563
|
var UNISEX$1 = genders.UNISEX;
|
|
11486
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11564
|
+
var AddInterestContainer = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11487
11565
|
return props.theme.marginPaddings[6];
|
|
11488
11566
|
}, function (props) {
|
|
11489
11567
|
return props.theme.colors.borderColor;
|
|
11490
11568
|
}, function (props) {
|
|
11491
11569
|
return props.theme.marginPaddings[6];
|
|
11492
11570
|
});
|
|
11493
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11571
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
11494
11572
|
return props.theme.marginPaddings[6];
|
|
11495
11573
|
}, media.xs, function (props) {
|
|
11496
11574
|
return props.theme.marginPaddings[0];
|
|
11497
11575
|
}, function (props) {
|
|
11498
11576
|
return props.theme.marginPaddings[1];
|
|
11499
11577
|
});
|
|
11500
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11578
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11501
11579
|
return props.theme.colors.darkerGray;
|
|
11502
11580
|
}, function (props) {
|
|
11503
11581
|
return props.theme.marginPaddings[2];
|
|
11504
11582
|
});
|
|
11505
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11583
|
+
var AddInterestButton = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
|
|
11506
11584
|
return props.theme.colors.darkerGray;
|
|
11507
11585
|
}, function (props) {
|
|
11508
11586
|
return props.theme.colors.borderColor;
|
|
@@ -11511,7 +11589,7 @@
|
|
|
11511
11589
|
}, function (props) {
|
|
11512
11590
|
return props.theme.marginPaddings[2];
|
|
11513
11591
|
});
|
|
11514
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11592
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
11515
11593
|
|
|
11516
11594
|
var AddIcon = function AddIcon(_ref) {
|
|
11517
11595
|
var onClick = _ref.onClick,
|