@bonlineza/luxity-lib 2.13.0 → 2.14.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 +108 -50
- package/BrandSelector.js +86 -28
- package/GraphQLDropdownSelector.js +86 -28
- package/Interests.js +112 -54
- package/LuxityGraphQLDropdownSelector.js +86 -28
- package/MaterialSelector.js +86 -28
- package/ModelSelector.js +86 -28
- package/RareStepFooter.js +73 -39
- package/RareStepHeader.js +291 -27
- package/build/bundle.js +380 -82
- package/package.json +1 -1
package/AddInterest.js
CHANGED
|
@@ -10148,13 +10148,19 @@
|
|
|
10148
10148
|
}(React__default.Component);
|
|
10149
10149
|
|
|
10150
10150
|
Interests.defaultProps = {
|
|
10151
|
-
interestsTitle: '
|
|
10151
|
+
interestsTitle: 'Interests',
|
|
10152
10152
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10153
10153
|
};
|
|
10154
10154
|
|
|
10155
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) {
|
|
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) {
|
|
@@ -10279,7 +10279,64 @@
|
|
|
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
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 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) {
|
|
10283
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10284
|
+
}, function (props) {
|
|
10285
|
+
return props.theme.marginPaddings[3];
|
|
10286
|
+
});
|
|
10287
|
+
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
|
|
10288
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
10289
|
+
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"])));
|
|
10290
|
+
var SidenavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
|
|
10291
|
+
var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
|
|
10292
|
+
return props.theme.rareStepColors.primary;
|
|
10293
|
+
}, function (props) {
|
|
10294
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10295
|
+
}, function (props) {
|
|
10296
|
+
return props.theme.marginPaddings[1];
|
|
10297
|
+
});
|
|
10298
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
10299
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10300
|
+
});
|
|
10301
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10302
|
+
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) {
|
|
10303
|
+
return props.theme.marginPaddings[1];
|
|
10304
|
+
}, function (props) {
|
|
10305
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10306
|
+
});
|
|
10307
|
+
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"])));
|
|
10308
|
+
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-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
|
|
10309
|
+
return props.theme.rareStepColors.secondary;
|
|
10310
|
+
}, function (props) {
|
|
10311
|
+
return props.theme.rareStepColors.secondary;
|
|
10312
|
+
}, function (props) {
|
|
10313
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10314
|
+
}, function (props) {
|
|
10315
|
+
return props.theme.marginPaddings[2];
|
|
10316
|
+
}, function (props) {
|
|
10317
|
+
return props.theme.marginPaddings[1];
|
|
10318
|
+
}, function (props) {
|
|
10319
|
+
return props.theme.marginPaddings[1];
|
|
10320
|
+
});
|
|
10321
|
+
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"])));
|
|
10322
|
+
var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
10323
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10324
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10325
|
+
});
|
|
10326
|
+
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) {
|
|
10327
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10328
|
+
}, function (props) {
|
|
10329
|
+
return props.theme.rareStepColors.ntrl50;
|
|
10330
|
+
}, function (props) {
|
|
10331
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10332
|
+
}, function (props) {
|
|
10333
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10334
|
+
}, function (props) {
|
|
10335
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10336
|
+
});
|
|
10337
|
+
|
|
10338
|
+
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$1;
|
|
10339
|
+
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
10340
|
return props.theme.rareStepColors.ntrlMax;
|
|
10284
10341
|
}, function (props) {
|
|
10285
10342
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10288,16 +10345,16 @@
|
|
|
10288
10345
|
}, function (props) {
|
|
10289
10346
|
return props.theme.rareStepFontSize.h5;
|
|
10290
10347
|
});
|
|
10291
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10348
|
+
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
10349
|
return props.theme.rareStepPageSizes.container;
|
|
10293
10350
|
});
|
|
10294
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10351
|
+
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
10352
|
return props.theme.marginPaddings[4];
|
|
10296
10353
|
});
|
|
10297
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
10354
|
+
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
10355
|
return props.theme.marginPaddings[4];
|
|
10299
10356
|
});
|
|
10300
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
10357
|
+
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
10358
|
return props.theme.rareStepColors.ntrlMin;
|
|
10302
10359
|
}, function (props) {
|
|
10303
10360
|
return props.theme.marginPaddings[1];
|
|
@@ -10308,7 +10365,7 @@
|
|
|
10308
10365
|
}, function (props) {
|
|
10309
10366
|
return props.theme.rareStepColors.ntrlMin;
|
|
10310
10367
|
});
|
|
10311
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
10368
|
+
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
10369
|
return props.theme.rareStepColors.ntrlMin;
|
|
10313
10370
|
}, function (props) {
|
|
10314
10371
|
return props.theme.space[2];
|
|
@@ -10317,36 +10374,37 @@
|
|
|
10317
10374
|
}, function (props) {
|
|
10318
10375
|
return props.theme.rareStepColors.ntrlMin;
|
|
10319
10376
|
});
|
|
10320
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
10321
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
10377
|
+
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"])));
|
|
10378
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10322
10379
|
return props.theme.marginPaddings[4];
|
|
10323
10380
|
});
|
|
10324
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
10381
|
+
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
10382
|
return props.theme.marginPaddings[5];
|
|
10326
10383
|
});
|
|
10327
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
10328
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
10384
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10385
|
+
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
10386
|
return props.theme.marginPaddings[0];
|
|
10330
10387
|
});
|
|
10331
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
10388
|
+
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
10389
|
return props.theme.marginPaddings[1];
|
|
10333
10390
|
}, function (props) {
|
|
10334
10391
|
return props.theme.rareStepColors.ntrlMin;
|
|
10335
10392
|
});
|
|
10336
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
10393
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10337
10394
|
return props.theme.rareStepColors.ntrlMin;
|
|
10338
10395
|
}, function (props) {
|
|
10339
10396
|
return props.theme.rareStepFontWeights.normal;
|
|
10340
10397
|
});
|
|
10341
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
10342
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
10398
|
+
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"])));
|
|
10399
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10400
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10343
10401
|
|
|
10344
|
-
var _templateObject$
|
|
10402
|
+
var _templateObject$J;
|
|
10345
10403
|
var ALL_ITEM = {
|
|
10346
10404
|
label: 'ALL',
|
|
10347
10405
|
value: 'ALL'
|
|
10348
10406
|
};
|
|
10349
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10407
|
+
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
10408
|
return props.theme.colors.primary;
|
|
10351
10409
|
}, function (props) {
|
|
10352
10410
|
return props.theme.colors.ntrlMin;
|
|
@@ -10624,15 +10682,15 @@
|
|
|
10624
10682
|
}
|
|
10625
10683
|
};
|
|
10626
10684
|
|
|
10627
|
-
var _templateObject$
|
|
10685
|
+
var _templateObject$K, _templateObject2$9;
|
|
10628
10686
|
var ALL_ITEM$1 = {
|
|
10629
10687
|
id: 'ALL',
|
|
10630
10688
|
name: 'ALL'
|
|
10631
10689
|
};
|
|
10632
10690
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10633
10691
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10634
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10635
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10692
|
+
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);
|
|
10693
|
+
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
10694
|
return props.theme.marginPaddings[2];
|
|
10637
10695
|
}, function (props) {
|
|
10638
10696
|
return props.theme.colors.ntrlMin;
|
|
@@ -10869,7 +10927,7 @@
|
|
|
10869
10927
|
}));
|
|
10870
10928
|
});
|
|
10871
10929
|
|
|
10872
|
-
var _templateObject$
|
|
10930
|
+
var _templateObject$L;
|
|
10873
10931
|
|
|
10874
10932
|
var Title$3 = function Title(_ref) {
|
|
10875
10933
|
var baseClass = _ref.baseClass,
|
|
@@ -10890,7 +10948,7 @@
|
|
|
10890
10948
|
})));
|
|
10891
10949
|
};
|
|
10892
10950
|
|
|
10893
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10951
|
+
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
10952
|
return props.theme.marginPaddings[2];
|
|
10895
10953
|
}, function (props) {
|
|
10896
10954
|
return props.theme.fontSizes[2];
|
|
@@ -11030,8 +11088,8 @@
|
|
|
11030
11088
|
baseQueryLimit: 12
|
|
11031
11089
|
};
|
|
11032
11090
|
|
|
11033
|
-
var _templateObject$
|
|
11034
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
11091
|
+
var _templateObject$M;
|
|
11092
|
+
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
11093
|
return props.theme.colors.base;
|
|
11036
11094
|
}, function (props) {
|
|
11037
11095
|
return props.theme.colors.borderColor;
|
|
@@ -11089,12 +11147,12 @@
|
|
|
11089
11147
|
}
|
|
11090
11148
|
};
|
|
11091
11149
|
|
|
11092
|
-
var _templateObject$
|
|
11093
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
11150
|
+
var _templateObject$N, _templateObject2$a;
|
|
11151
|
+
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
11152
|
return props.theme.marginPaddings[4];
|
|
11095
11153
|
});
|
|
11096
11154
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
11097
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
11155
|
+
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
11156
|
return props.childVisible ? 1 : 0;
|
|
11099
11157
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
11100
11158
|
return props.childVisible ? 1 : 0;
|
|
@@ -11228,8 +11286,8 @@
|
|
|
11228
11286
|
}
|
|
11229
11287
|
};
|
|
11230
11288
|
|
|
11231
|
-
var _templateObject$
|
|
11232
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11289
|
+
var _templateObject$O;
|
|
11290
|
+
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
11291
|
return props.theme.marginPaddings[2];
|
|
11234
11292
|
}, function (props) {
|
|
11235
11293
|
return props.theme.marginPaddings[2];
|
|
@@ -11245,14 +11303,14 @@
|
|
|
11245
11303
|
|
|
11246
11304
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11247
11305
|
|
|
11248
|
-
var _templateObject$
|
|
11249
|
-
var Content = styled__default.div(_templateObject$
|
|
11306
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6;
|
|
11307
|
+
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
11308
|
return props.theme.colors.primary;
|
|
11251
11309
|
}, function (props) {
|
|
11252
11310
|
return props.theme.marginPaddings[0];
|
|
11253
11311
|
});
|
|
11254
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11255
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11312
|
+
var InputText = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11313
|
+
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
11314
|
return props.theme.colors.primary;
|
|
11257
11315
|
}, Content, function (props) {
|
|
11258
11316
|
return props.theme.colors.primary;
|
|
@@ -11481,28 +11539,28 @@
|
|
|
11481
11539
|
}
|
|
11482
11540
|
};
|
|
11483
11541
|
|
|
11484
|
-
var _templateObject$
|
|
11542
|
+
var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
11485
11543
|
var UNISEX$1 = genders.UNISEX;
|
|
11486
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11544
|
+
var AddInterestContainer = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11487
11545
|
return props.theme.marginPaddings[6];
|
|
11488
11546
|
}, function (props) {
|
|
11489
11547
|
return props.theme.colors.borderColor;
|
|
11490
11548
|
}, function (props) {
|
|
11491
11549
|
return props.theme.marginPaddings[6];
|
|
11492
11550
|
});
|
|
11493
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11551
|
+
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
11552
|
return props.theme.marginPaddings[6];
|
|
11495
11553
|
}, media.xs, function (props) {
|
|
11496
11554
|
return props.theme.marginPaddings[0];
|
|
11497
11555
|
}, function (props) {
|
|
11498
11556
|
return props.theme.marginPaddings[1];
|
|
11499
11557
|
});
|
|
11500
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11558
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11501
11559
|
return props.theme.colors.darkerGray;
|
|
11502
11560
|
}, function (props) {
|
|
11503
11561
|
return props.theme.marginPaddings[2];
|
|
11504
11562
|
});
|
|
11505
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11563
|
+
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
11564
|
return props.theme.colors.darkerGray;
|
|
11507
11565
|
}, function (props) {
|
|
11508
11566
|
return props.theme.colors.borderColor;
|
|
@@ -11511,7 +11569,7 @@
|
|
|
11511
11569
|
}, function (props) {
|
|
11512
11570
|
return props.theme.marginPaddings[2];
|
|
11513
11571
|
});
|
|
11514
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11572
|
+
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
11573
|
|
|
11516
11574
|
var AddIcon = function AddIcon(_ref) {
|
|
11517
11575
|
var onClick = _ref.onClick,
|
package/BrandSelector.js
CHANGED
|
@@ -11332,13 +11332,19 @@
|
|
|
11332
11332
|
}(React__default.Component);
|
|
11333
11333
|
|
|
11334
11334
|
Interests.defaultProps = {
|
|
11335
|
-
interestsTitle: '
|
|
11335
|
+
interestsTitle: 'Interests',
|
|
11336
11336
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11337
11337
|
};
|
|
11338
11338
|
|
|
11339
11339
|
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11340
|
-
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11340
|
+
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _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) {
|
|
11341
11341
|
return props.theme.rareStepColors.ntrlMin;
|
|
11342
|
+
}, function (props) {
|
|
11343
|
+
return props.theme.rareStepColors.primary;
|
|
11344
|
+
}, function (props) {
|
|
11345
|
+
return props.theme.rareStepPageSizes.container;
|
|
11346
|
+
}, function (props) {
|
|
11347
|
+
return props.theme.marginPaddings[1];
|
|
11342
11348
|
});
|
|
11343
11349
|
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _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) {
|
|
11344
11350
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11369,7 +11375,7 @@
|
|
|
11369
11375
|
}, function (props) {
|
|
11370
11376
|
return props.theme.marginPaddings[1];
|
|
11371
11377
|
});
|
|
11372
|
-
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) {
|
|
11378
|
+
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) {
|
|
11373
11379
|
return props.theme.rareStepColors.ntrlMin;
|
|
11374
11380
|
}, function (props) {
|
|
11375
11381
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -11437,21 +11443,15 @@
|
|
|
11437
11443
|
}, function (props) {
|
|
11438
11444
|
return props.theme.rareStepColors.secondary;
|
|
11439
11445
|
});
|
|
11440
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
11446
|
+
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) {
|
|
11441
11447
|
return props.theme.marginPaddings[1];
|
|
11442
|
-
}, function (props) {
|
|
11443
|
-
return props.theme.marginPaddings[3];
|
|
11444
|
-
}, function (props) {
|
|
11445
|
-
return props.theme.rareStepColors.primary;
|
|
11446
11448
|
}, function (props) {
|
|
11447
11449
|
return props.theme.rareStepColors.ntrl40;
|
|
11448
11450
|
});
|
|
11449
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
11451
|
+
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) {
|
|
11450
11452
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11451
11453
|
}, function (props) {
|
|
11452
11454
|
return props.theme.marginPaddings[0];
|
|
11453
|
-
}, function (props) {
|
|
11454
|
-
return props.theme.rareStepColors.primary;
|
|
11455
11455
|
}, function (props) {
|
|
11456
11456
|
return props.theme.rareStepColors.ntrl40;
|
|
11457
11457
|
}, function (props) {
|
|
@@ -11463,7 +11463,64 @@
|
|
|
11463
11463
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11464
11464
|
|
|
11465
11465
|
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11466
|
-
var
|
|
11466
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
11467
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11468
|
+
}, function (props) {
|
|
11469
|
+
return props.theme.marginPaddings[3];
|
|
11470
|
+
});
|
|
11471
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
|
|
11472
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11473
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
|
|
11474
|
+
var SidenavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
|
|
11475
|
+
var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
|
|
11476
|
+
return props.theme.rareStepColors.primary;
|
|
11477
|
+
}, function (props) {
|
|
11478
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11479
|
+
}, function (props) {
|
|
11480
|
+
return props.theme.marginPaddings[1];
|
|
11481
|
+
});
|
|
11482
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
11483
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11484
|
+
});
|
|
11485
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11486
|
+
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) {
|
|
11487
|
+
return props.theme.marginPaddings[1];
|
|
11488
|
+
}, function (props) {
|
|
11489
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11490
|
+
});
|
|
11491
|
+
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"])));
|
|
11492
|
+
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-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.secondary;
|
|
11494
|
+
}, function (props) {
|
|
11495
|
+
return props.theme.rareStepColors.secondary;
|
|
11496
|
+
}, function (props) {
|
|
11497
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11498
|
+
}, function (props) {
|
|
11499
|
+
return props.theme.marginPaddings[2];
|
|
11500
|
+
}, function (props) {
|
|
11501
|
+
return props.theme.marginPaddings[1];
|
|
11502
|
+
}, function (props) {
|
|
11503
|
+
return props.theme.marginPaddings[1];
|
|
11504
|
+
});
|
|
11505
|
+
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"])));
|
|
11506
|
+
var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11507
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11508
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11509
|
+
});
|
|
11510
|
+
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) {
|
|
11511
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11512
|
+
}, function (props) {
|
|
11513
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11514
|
+
}, function (props) {
|
|
11515
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11516
|
+
}, function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11518
|
+
}, function (props) {
|
|
11519
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11520
|
+
});
|
|
11521
|
+
|
|
11522
|
+
var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
|
|
11523
|
+
var FooterWrapper = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11467
11524
|
return props.theme.rareStepColors.ntrlMax;
|
|
11468
11525
|
}, function (props) {
|
|
11469
11526
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11472,16 +11529,16 @@
|
|
|
11472
11529
|
}, function (props) {
|
|
11473
11530
|
return props.theme.rareStepFontSize.h5;
|
|
11474
11531
|
});
|
|
11475
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11532
|
+
var PageContainer$1 = styled__default.div(_templateObject2$c || (_templateObject2$c = _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) {
|
|
11476
11533
|
return props.theme.rareStepPageSizes.container;
|
|
11477
11534
|
});
|
|
11478
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11535
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11479
11536
|
return props.theme.marginPaddings[4];
|
|
11480
11537
|
});
|
|
11481
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11538
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
11482
11539
|
return props.theme.marginPaddings[4];
|
|
11483
11540
|
});
|
|
11484
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11541
|
+
var FooterTitleLink = styled__default.a(_templateObject5$4 || (_templateObject5$4 = _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) {
|
|
11485
11542
|
return props.theme.rareStepColors.ntrlMin;
|
|
11486
11543
|
}, function (props) {
|
|
11487
11544
|
return props.theme.marginPaddings[1];
|
|
@@ -11492,7 +11549,7 @@
|
|
|
11492
11549
|
}, function (props) {
|
|
11493
11550
|
return props.theme.rareStepColors.ntrlMin;
|
|
11494
11551
|
});
|
|
11495
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11552
|
+
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) {
|
|
11496
11553
|
return props.theme.rareStepColors.ntrlMin;
|
|
11497
11554
|
}, function (props) {
|
|
11498
11555
|
return props.theme.space[2];
|
|
@@ -11501,36 +11558,37 @@
|
|
|
11501
11558
|
}, function (props) {
|
|
11502
11559
|
return props.theme.rareStepColors.ntrlMin;
|
|
11503
11560
|
});
|
|
11504
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11505
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11561
|
+
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"])));
|
|
11562
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11506
11563
|
return props.theme.marginPaddings[4];
|
|
11507
11564
|
});
|
|
11508
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11565
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11509
11566
|
return props.theme.marginPaddings[5];
|
|
11510
11567
|
});
|
|
11511
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11512
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11568
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11569
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11513
11570
|
return props.theme.marginPaddings[0];
|
|
11514
11571
|
});
|
|
11515
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11572
|
+
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) {
|
|
11516
11573
|
return props.theme.marginPaddings[1];
|
|
11517
11574
|
}, function (props) {
|
|
11518
11575
|
return props.theme.rareStepColors.ntrlMin;
|
|
11519
11576
|
});
|
|
11520
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11577
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11521
11578
|
return props.theme.rareStepColors.ntrlMin;
|
|
11522
11579
|
}, function (props) {
|
|
11523
11580
|
return props.theme.rareStepFontWeights.normal;
|
|
11524
11581
|
});
|
|
11525
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11526
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11582
|
+
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"])));
|
|
11583
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11584
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11527
11585
|
|
|
11528
|
-
var _templateObject$
|
|
11586
|
+
var _templateObject$Q;
|
|
11529
11587
|
var ALL_ITEM$1 = {
|
|
11530
11588
|
label: 'ALL',
|
|
11531
11589
|
value: 'ALL'
|
|
11532
11590
|
};
|
|
11533
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11591
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _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) {
|
|
11534
11592
|
return props.theme.colors.primary;
|
|
11535
11593
|
}, function (props) {
|
|
11536
11594
|
return props.theme.colors.ntrlMin;
|