@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/BrandSelector.js
CHANGED
|
@@ -11336,9 +11336,15 @@
|
|
|
11336
11336
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11337
11337
|
};
|
|
11338
11338
|
|
|
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) {
|
|
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, _templateObject29;
|
|
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) {
|
|
@@ -11461,9 +11461,86 @@
|
|
|
11461
11461
|
});
|
|
11462
11462
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
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
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11465
|
+
|
|
11466
|
+
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, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
11467
|
+
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) {
|
|
11468
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11469
|
+
}, function (props) {
|
|
11470
|
+
return props.theme.marginPaddings[3];
|
|
11471
|
+
});
|
|
11472
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11473
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11474
|
+
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"])));
|
|
11475
|
+
var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11476
|
+
return props.theme.rareStepFontSize.h6;
|
|
11477
|
+
});
|
|
11478
|
+
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) {
|
|
11479
|
+
return props.theme.rareStepColors.primary;
|
|
11480
|
+
}, function (props) {
|
|
11481
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11482
|
+
}, function (props) {
|
|
11483
|
+
return props.theme.marginPaddings[1];
|
|
11484
|
+
});
|
|
11485
|
+
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) {
|
|
11486
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11487
|
+
});
|
|
11488
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11489
|
+
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) {
|
|
11490
|
+
return props.theme.marginPaddings[1];
|
|
11491
|
+
}, function (props) {
|
|
11492
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11493
|
+
});
|
|
11494
|
+
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"])));
|
|
11495
|
+
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) {
|
|
11496
|
+
return props.theme.rareStepColors.secondary;
|
|
11497
|
+
}, function (props) {
|
|
11498
|
+
return props.theme.rareStepColors.secondary;
|
|
11499
|
+
}, function (props) {
|
|
11500
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11501
|
+
}, function (props) {
|
|
11502
|
+
return props.theme.marginPaddings[2];
|
|
11503
|
+
}, function (props) {
|
|
11504
|
+
return props.theme.marginPaddings[1];
|
|
11505
|
+
}, function (props) {
|
|
11506
|
+
return props.theme.marginPaddings[1];
|
|
11507
|
+
});
|
|
11508
|
+
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"])));
|
|
11509
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11510
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11511
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11512
|
+
});
|
|
11513
|
+
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) {
|
|
11514
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11515
|
+
}, function (props) {
|
|
11516
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11517
|
+
}, function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11519
|
+
}, function (props) {
|
|
11520
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11521
|
+
}, function (props) {
|
|
11522
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11523
|
+
});
|
|
11524
|
+
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) {
|
|
11525
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11526
|
+
}, function (props) {
|
|
11527
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11528
|
+
});
|
|
11529
|
+
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"])));
|
|
11530
|
+
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) {
|
|
11531
|
+
return props.theme.rareStepFontSize.h5;
|
|
11532
|
+
}, function (props) {
|
|
11533
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11534
|
+
});
|
|
11535
|
+
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"])));
|
|
11536
|
+
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) {
|
|
11537
|
+
return props.theme.marginPaddings[4];
|
|
11538
|
+
}, function (props) {
|
|
11539
|
+
return props.theme.marginPaddings[1];
|
|
11540
|
+
});
|
|
11464
11541
|
|
|
11465
|
-
var _templateObject$
|
|
11466
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11542
|
+
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$2;
|
|
11543
|
+
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
11544
|
return props.theme.rareStepColors.ntrlMax;
|
|
11468
11545
|
}, function (props) {
|
|
11469
11546
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11472,16 +11549,16 @@
|
|
|
11472
11549
|
}, function (props) {
|
|
11473
11550
|
return props.theme.rareStepFontSize.h5;
|
|
11474
11551
|
});
|
|
11475
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11552
|
+
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
11553
|
return props.theme.rareStepPageSizes.container;
|
|
11477
11554
|
});
|
|
11478
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11555
|
+
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
11556
|
return props.theme.marginPaddings[4];
|
|
11480
11557
|
});
|
|
11481
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11558
|
+
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
11559
|
return props.theme.marginPaddings[4];
|
|
11483
11560
|
});
|
|
11484
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11561
|
+
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
11562
|
return props.theme.rareStepColors.ntrlMin;
|
|
11486
11563
|
}, function (props) {
|
|
11487
11564
|
return props.theme.marginPaddings[1];
|
|
@@ -11492,7 +11569,7 @@
|
|
|
11492
11569
|
}, function (props) {
|
|
11493
11570
|
return props.theme.rareStepColors.ntrlMin;
|
|
11494
11571
|
});
|
|
11495
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11572
|
+
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
11573
|
return props.theme.rareStepColors.ntrlMin;
|
|
11497
11574
|
}, function (props) {
|
|
11498
11575
|
return props.theme.space[2];
|
|
@@ -11501,36 +11578,37 @@
|
|
|
11501
11578
|
}, function (props) {
|
|
11502
11579
|
return props.theme.rareStepColors.ntrlMin;
|
|
11503
11580
|
});
|
|
11504
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11505
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11581
|
+
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"])));
|
|
11582
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11506
11583
|
return props.theme.marginPaddings[4];
|
|
11507
11584
|
});
|
|
11508
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11585
|
+
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
11586
|
return props.theme.marginPaddings[5];
|
|
11510
11587
|
});
|
|
11511
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11512
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11588
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11589
|
+
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
11590
|
return props.theme.marginPaddings[0];
|
|
11514
11591
|
});
|
|
11515
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11592
|
+
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
11593
|
return props.theme.marginPaddings[1];
|
|
11517
11594
|
}, function (props) {
|
|
11518
11595
|
return props.theme.rareStepColors.ntrlMin;
|
|
11519
11596
|
});
|
|
11520
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11597
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11521
11598
|
return props.theme.rareStepColors.ntrlMin;
|
|
11522
11599
|
}, function (props) {
|
|
11523
11600
|
return props.theme.rareStepFontWeights.normal;
|
|
11524
11601
|
});
|
|
11525
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11526
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11602
|
+
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"])));
|
|
11603
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11604
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11527
11605
|
|
|
11528
|
-
var _templateObject$
|
|
11606
|
+
var _templateObject$Q;
|
|
11529
11607
|
var ALL_ITEM$1 = {
|
|
11530
11608
|
label: 'ALL',
|
|
11531
11609
|
value: 'ALL'
|
|
11532
11610
|
};
|
|
11533
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11611
|
+
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
11612
|
return props.theme.colors.primary;
|
|
11535
11613
|
}, function (props) {
|
|
11536
11614
|
return props.theme.colors.ntrlMin;
|
|
@@ -11471,9 +11471,15 @@
|
|
|
11471
11471
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11472
11472
|
};
|
|
11473
11473
|
|
|
11474
|
-
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;
|
|
11475
|
-
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) {
|
|
11474
|
+
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, _templateObject29;
|
|
11475
|
+
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) {
|
|
11476
11476
|
return props.theme.rareStepColors.ntrlMin;
|
|
11477
|
+
}, function (props) {
|
|
11478
|
+
return props.theme.rareStepColors.primary;
|
|
11479
|
+
}, function (props) {
|
|
11480
|
+
return props.theme.rareStepPageSizes.container;
|
|
11481
|
+
}, function (props) {
|
|
11482
|
+
return props.theme.marginPaddings[1];
|
|
11477
11483
|
});
|
|
11478
11484
|
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) {
|
|
11479
11485
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11504,7 +11510,7 @@
|
|
|
11504
11510
|
}, function (props) {
|
|
11505
11511
|
return props.theme.marginPaddings[1];
|
|
11506
11512
|
});
|
|
11507
|
-
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) {
|
|
11513
|
+
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) {
|
|
11508
11514
|
return props.theme.rareStepColors.ntrlMin;
|
|
11509
11515
|
}, function (props) {
|
|
11510
11516
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -11572,21 +11578,15 @@
|
|
|
11572
11578
|
}, function (props) {
|
|
11573
11579
|
return props.theme.rareStepColors.secondary;
|
|
11574
11580
|
});
|
|
11575
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
11581
|
+
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) {
|
|
11576
11582
|
return props.theme.marginPaddings[1];
|
|
11577
|
-
}, function (props) {
|
|
11578
|
-
return props.theme.marginPaddings[3];
|
|
11579
|
-
}, function (props) {
|
|
11580
|
-
return props.theme.rareStepColors.primary;
|
|
11581
11583
|
}, function (props) {
|
|
11582
11584
|
return props.theme.rareStepColors.ntrl40;
|
|
11583
11585
|
});
|
|
11584
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
11586
|
+
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) {
|
|
11585
11587
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11586
11588
|
}, function (props) {
|
|
11587
11589
|
return props.theme.marginPaddings[0];
|
|
11588
|
-
}, function (props) {
|
|
11589
|
-
return props.theme.rareStepColors.primary;
|
|
11590
11590
|
}, function (props) {
|
|
11591
11591
|
return props.theme.rareStepColors.ntrl40;
|
|
11592
11592
|
}, function (props) {
|
|
@@ -11596,9 +11596,86 @@
|
|
|
11596
11596
|
});
|
|
11597
11597
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11598
11598
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11599
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11600
|
+
|
|
11601
|
+
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, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
11602
|
+
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) {
|
|
11603
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11604
|
+
}, function (props) {
|
|
11605
|
+
return props.theme.marginPaddings[3];
|
|
11606
|
+
});
|
|
11607
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11608
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11609
|
+
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"])));
|
|
11610
|
+
var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11611
|
+
return props.theme.rareStepFontSize.h6;
|
|
11612
|
+
});
|
|
11613
|
+
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) {
|
|
11614
|
+
return props.theme.rareStepColors.primary;
|
|
11615
|
+
}, function (props) {
|
|
11616
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11617
|
+
}, function (props) {
|
|
11618
|
+
return props.theme.marginPaddings[1];
|
|
11619
|
+
});
|
|
11620
|
+
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) {
|
|
11621
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11622
|
+
});
|
|
11623
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11624
|
+
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) {
|
|
11625
|
+
return props.theme.marginPaddings[1];
|
|
11626
|
+
}, function (props) {
|
|
11627
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11628
|
+
});
|
|
11629
|
+
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"])));
|
|
11630
|
+
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) {
|
|
11631
|
+
return props.theme.rareStepColors.secondary;
|
|
11632
|
+
}, function (props) {
|
|
11633
|
+
return props.theme.rareStepColors.secondary;
|
|
11634
|
+
}, function (props) {
|
|
11635
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11636
|
+
}, function (props) {
|
|
11637
|
+
return props.theme.marginPaddings[2];
|
|
11638
|
+
}, function (props) {
|
|
11639
|
+
return props.theme.marginPaddings[1];
|
|
11640
|
+
}, function (props) {
|
|
11641
|
+
return props.theme.marginPaddings[1];
|
|
11642
|
+
});
|
|
11643
|
+
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"])));
|
|
11644
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11645
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11646
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11647
|
+
});
|
|
11648
|
+
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) {
|
|
11649
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11650
|
+
}, function (props) {
|
|
11651
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11652
|
+
}, function (props) {
|
|
11653
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11654
|
+
}, function (props) {
|
|
11655
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11656
|
+
}, function (props) {
|
|
11657
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11658
|
+
});
|
|
11659
|
+
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) {
|
|
11660
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11661
|
+
}, function (props) {
|
|
11662
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11663
|
+
});
|
|
11664
|
+
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"])));
|
|
11665
|
+
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) {
|
|
11666
|
+
return props.theme.rareStepFontSize.h5;
|
|
11667
|
+
}, function (props) {
|
|
11668
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11669
|
+
});
|
|
11670
|
+
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"])));
|
|
11671
|
+
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) {
|
|
11672
|
+
return props.theme.marginPaddings[4];
|
|
11673
|
+
}, function (props) {
|
|
11674
|
+
return props.theme.marginPaddings[1];
|
|
11675
|
+
});
|
|
11599
11676
|
|
|
11600
|
-
var _templateObject$
|
|
11601
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11677
|
+
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$2;
|
|
11678
|
+
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) {
|
|
11602
11679
|
return props.theme.rareStepColors.ntrlMax;
|
|
11603
11680
|
}, function (props) {
|
|
11604
11681
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11607,16 +11684,16 @@
|
|
|
11607
11684
|
}, function (props) {
|
|
11608
11685
|
return props.theme.rareStepFontSize.h5;
|
|
11609
11686
|
});
|
|
11610
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11687
|
+
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) {
|
|
11611
11688
|
return props.theme.rareStepPageSizes.container;
|
|
11612
11689
|
});
|
|
11613
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11690
|
+
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) {
|
|
11614
11691
|
return props.theme.marginPaddings[4];
|
|
11615
11692
|
});
|
|
11616
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11693
|
+
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) {
|
|
11617
11694
|
return props.theme.marginPaddings[4];
|
|
11618
11695
|
});
|
|
11619
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11696
|
+
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) {
|
|
11620
11697
|
return props.theme.rareStepColors.ntrlMin;
|
|
11621
11698
|
}, function (props) {
|
|
11622
11699
|
return props.theme.marginPaddings[1];
|
|
@@ -11627,7 +11704,7 @@
|
|
|
11627
11704
|
}, function (props) {
|
|
11628
11705
|
return props.theme.rareStepColors.ntrlMin;
|
|
11629
11706
|
});
|
|
11630
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11707
|
+
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) {
|
|
11631
11708
|
return props.theme.rareStepColors.ntrlMin;
|
|
11632
11709
|
}, function (props) {
|
|
11633
11710
|
return props.theme.space[2];
|
|
@@ -11636,36 +11713,37 @@
|
|
|
11636
11713
|
}, function (props) {
|
|
11637
11714
|
return props.theme.rareStepColors.ntrlMin;
|
|
11638
11715
|
});
|
|
11639
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11640
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11716
|
+
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"])));
|
|
11717
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11641
11718
|
return props.theme.marginPaddings[4];
|
|
11642
11719
|
});
|
|
11643
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11720
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11644
11721
|
return props.theme.marginPaddings[5];
|
|
11645
11722
|
});
|
|
11646
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11647
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11723
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11724
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11648
11725
|
return props.theme.marginPaddings[0];
|
|
11649
11726
|
});
|
|
11650
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11727
|
+
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) {
|
|
11651
11728
|
return props.theme.marginPaddings[1];
|
|
11652
11729
|
}, function (props) {
|
|
11653
11730
|
return props.theme.rareStepColors.ntrlMin;
|
|
11654
11731
|
});
|
|
11655
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11732
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11656
11733
|
return props.theme.rareStepColors.ntrlMin;
|
|
11657
11734
|
}, function (props) {
|
|
11658
11735
|
return props.theme.rareStepFontWeights.normal;
|
|
11659
11736
|
});
|
|
11660
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11661
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11737
|
+
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"])));
|
|
11738
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11739
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11662
11740
|
|
|
11663
|
-
var _templateObject$
|
|
11741
|
+
var _templateObject$Q;
|
|
11664
11742
|
var ALL_ITEM$1 = {
|
|
11665
11743
|
label: 'ALL',
|
|
11666
11744
|
value: 'ALL'
|
|
11667
11745
|
};
|
|
11668
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11746
|
+
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) {
|
|
11669
11747
|
return props.theme.colors.primary;
|
|
11670
11748
|
}, function (props) {
|
|
11671
11749
|
return props.theme.colors.ntrlMin;
|