@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
|
@@ -11372,9 +11372,15 @@
|
|
|
11372
11372
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11373
11373
|
};
|
|
11374
11374
|
|
|
11375
|
-
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;
|
|
11376
|
-
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) {
|
|
11375
|
+
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;
|
|
11376
|
+
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) {
|
|
11377
11377
|
return props.theme.rareStepColors.ntrlMin;
|
|
11378
|
+
}, function (props) {
|
|
11379
|
+
return props.theme.rareStepColors.primary;
|
|
11380
|
+
}, function (props) {
|
|
11381
|
+
return props.theme.rareStepPageSizes.container;
|
|
11382
|
+
}, function (props) {
|
|
11383
|
+
return props.theme.marginPaddings[1];
|
|
11378
11384
|
});
|
|
11379
11385
|
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) {
|
|
11380
11386
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11405,7 +11411,7 @@
|
|
|
11405
11411
|
}, function (props) {
|
|
11406
11412
|
return props.theme.marginPaddings[1];
|
|
11407
11413
|
});
|
|
11408
|
-
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) {
|
|
11414
|
+
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) {
|
|
11409
11415
|
return props.theme.rareStepColors.ntrlMin;
|
|
11410
11416
|
}, function (props) {
|
|
11411
11417
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -11473,21 +11479,15 @@
|
|
|
11473
11479
|
}, function (props) {
|
|
11474
11480
|
return props.theme.rareStepColors.secondary;
|
|
11475
11481
|
});
|
|
11476
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
11482
|
+
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) {
|
|
11477
11483
|
return props.theme.marginPaddings[1];
|
|
11478
|
-
}, function (props) {
|
|
11479
|
-
return props.theme.marginPaddings[3];
|
|
11480
|
-
}, function (props) {
|
|
11481
|
-
return props.theme.rareStepColors.primary;
|
|
11482
11484
|
}, function (props) {
|
|
11483
11485
|
return props.theme.rareStepColors.ntrl40;
|
|
11484
11486
|
});
|
|
11485
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
11487
|
+
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) {
|
|
11486
11488
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11487
11489
|
}, function (props) {
|
|
11488
11490
|
return props.theme.marginPaddings[0];
|
|
11489
|
-
}, function (props) {
|
|
11490
|
-
return props.theme.rareStepColors.primary;
|
|
11491
11491
|
}, function (props) {
|
|
11492
11492
|
return props.theme.rareStepColors.ntrl40;
|
|
11493
11493
|
}, function (props) {
|
|
@@ -11497,9 +11497,86 @@
|
|
|
11497
11497
|
});
|
|
11498
11498
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11499
11499
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11500
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11501
|
+
|
|
11502
|
+
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;
|
|
11503
|
+
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) {
|
|
11504
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11505
|
+
}, function (props) {
|
|
11506
|
+
return props.theme.marginPaddings[3];
|
|
11507
|
+
});
|
|
11508
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11509
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11510
|
+
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"])));
|
|
11511
|
+
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) {
|
|
11512
|
+
return props.theme.rareStepFontSize.h6;
|
|
11513
|
+
});
|
|
11514
|
+
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) {
|
|
11515
|
+
return props.theme.rareStepColors.primary;
|
|
11516
|
+
}, function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11518
|
+
}, function (props) {
|
|
11519
|
+
return props.theme.marginPaddings[1];
|
|
11520
|
+
});
|
|
11521
|
+
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) {
|
|
11522
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11523
|
+
});
|
|
11524
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11525
|
+
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) {
|
|
11526
|
+
return props.theme.marginPaddings[1];
|
|
11527
|
+
}, function (props) {
|
|
11528
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11529
|
+
});
|
|
11530
|
+
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"])));
|
|
11531
|
+
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) {
|
|
11532
|
+
return props.theme.rareStepColors.secondary;
|
|
11533
|
+
}, function (props) {
|
|
11534
|
+
return props.theme.rareStepColors.secondary;
|
|
11535
|
+
}, function (props) {
|
|
11536
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11537
|
+
}, function (props) {
|
|
11538
|
+
return props.theme.marginPaddings[2];
|
|
11539
|
+
}, function (props) {
|
|
11540
|
+
return props.theme.marginPaddings[1];
|
|
11541
|
+
}, function (props) {
|
|
11542
|
+
return props.theme.marginPaddings[1];
|
|
11543
|
+
});
|
|
11544
|
+
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"])));
|
|
11545
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11546
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11547
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11548
|
+
});
|
|
11549
|
+
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) {
|
|
11550
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11551
|
+
}, function (props) {
|
|
11552
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11553
|
+
}, function (props) {
|
|
11554
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11555
|
+
}, function (props) {
|
|
11556
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11557
|
+
}, function (props) {
|
|
11558
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11559
|
+
});
|
|
11560
|
+
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) {
|
|
11561
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11562
|
+
}, function (props) {
|
|
11563
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11564
|
+
});
|
|
11565
|
+
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"])));
|
|
11566
|
+
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) {
|
|
11567
|
+
return props.theme.rareStepFontSize.h5;
|
|
11568
|
+
}, function (props) {
|
|
11569
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11570
|
+
});
|
|
11571
|
+
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"])));
|
|
11572
|
+
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) {
|
|
11573
|
+
return props.theme.marginPaddings[4];
|
|
11574
|
+
}, function (props) {
|
|
11575
|
+
return props.theme.marginPaddings[1];
|
|
11576
|
+
});
|
|
11500
11577
|
|
|
11501
|
-
var _templateObject$
|
|
11502
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11578
|
+
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;
|
|
11579
|
+
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) {
|
|
11503
11580
|
return props.theme.rareStepColors.ntrlMax;
|
|
11504
11581
|
}, function (props) {
|
|
11505
11582
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11508,16 +11585,16 @@
|
|
|
11508
11585
|
}, function (props) {
|
|
11509
11586
|
return props.theme.rareStepFontSize.h5;
|
|
11510
11587
|
});
|
|
11511
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11588
|
+
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) {
|
|
11512
11589
|
return props.theme.rareStepPageSizes.container;
|
|
11513
11590
|
});
|
|
11514
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11591
|
+
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) {
|
|
11515
11592
|
return props.theme.marginPaddings[4];
|
|
11516
11593
|
});
|
|
11517
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11594
|
+
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) {
|
|
11518
11595
|
return props.theme.marginPaddings[4];
|
|
11519
11596
|
});
|
|
11520
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11597
|
+
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) {
|
|
11521
11598
|
return props.theme.rareStepColors.ntrlMin;
|
|
11522
11599
|
}, function (props) {
|
|
11523
11600
|
return props.theme.marginPaddings[1];
|
|
@@ -11528,7 +11605,7 @@
|
|
|
11528
11605
|
}, function (props) {
|
|
11529
11606
|
return props.theme.rareStepColors.ntrlMin;
|
|
11530
11607
|
});
|
|
11531
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11608
|
+
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) {
|
|
11532
11609
|
return props.theme.rareStepColors.ntrlMin;
|
|
11533
11610
|
}, function (props) {
|
|
11534
11611
|
return props.theme.space[2];
|
|
@@ -11537,36 +11614,37 @@
|
|
|
11537
11614
|
}, function (props) {
|
|
11538
11615
|
return props.theme.rareStepColors.ntrlMin;
|
|
11539
11616
|
});
|
|
11540
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11541
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11617
|
+
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"])));
|
|
11618
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11542
11619
|
return props.theme.marginPaddings[4];
|
|
11543
11620
|
});
|
|
11544
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11621
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11545
11622
|
return props.theme.marginPaddings[5];
|
|
11546
11623
|
});
|
|
11547
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11548
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11624
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11625
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11549
11626
|
return props.theme.marginPaddings[0];
|
|
11550
11627
|
});
|
|
11551
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11628
|
+
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) {
|
|
11552
11629
|
return props.theme.marginPaddings[1];
|
|
11553
11630
|
}, function (props) {
|
|
11554
11631
|
return props.theme.rareStepColors.ntrlMin;
|
|
11555
11632
|
});
|
|
11556
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11633
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11557
11634
|
return props.theme.rareStepColors.ntrlMin;
|
|
11558
11635
|
}, function (props) {
|
|
11559
11636
|
return props.theme.rareStepFontWeights.normal;
|
|
11560
11637
|
});
|
|
11561
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11562
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11638
|
+
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"])));
|
|
11639
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11640
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11563
11641
|
|
|
11564
|
-
var _templateObject$
|
|
11642
|
+
var _templateObject$Q;
|
|
11565
11643
|
var ALL_ITEM$1 = {
|
|
11566
11644
|
label: 'ALL',
|
|
11567
11645
|
value: 'ALL'
|
|
11568
11646
|
};
|
|
11569
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11647
|
+
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) {
|
|
11570
11648
|
return props.theme.colors.primary;
|
|
11571
11649
|
}, function (props) {
|
|
11572
11650
|
return props.theme.colors.ntrlMin;
|
package/MaterialSelector.js
CHANGED
|
@@ -11337,9 +11337,15 @@
|
|
|
11337
11337
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11338
11338
|
};
|
|
11339
11339
|
|
|
11340
|
-
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;
|
|
11341
|
-
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 _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;
|
|
11341
|
+
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) {
|
|
11342
11342
|
return props.theme.rareStepColors.ntrlMin;
|
|
11343
|
+
}, function (props) {
|
|
11344
|
+
return props.theme.rareStepColors.primary;
|
|
11345
|
+
}, function (props) {
|
|
11346
|
+
return props.theme.rareStepPageSizes.container;
|
|
11347
|
+
}, function (props) {
|
|
11348
|
+
return props.theme.marginPaddings[1];
|
|
11343
11349
|
});
|
|
11344
11350
|
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) {
|
|
11345
11351
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11370,7 +11376,7 @@
|
|
|
11370
11376
|
}, function (props) {
|
|
11371
11377
|
return props.theme.marginPaddings[1];
|
|
11372
11378
|
});
|
|
11373
|
-
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) {
|
|
11379
|
+
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) {
|
|
11374
11380
|
return props.theme.rareStepColors.ntrlMin;
|
|
11375
11381
|
}, function (props) {
|
|
11376
11382
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -11438,21 +11444,15 @@
|
|
|
11438
11444
|
}, function (props) {
|
|
11439
11445
|
return props.theme.rareStepColors.secondary;
|
|
11440
11446
|
});
|
|
11441
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
11447
|
+
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) {
|
|
11442
11448
|
return props.theme.marginPaddings[1];
|
|
11443
|
-
}, function (props) {
|
|
11444
|
-
return props.theme.marginPaddings[3];
|
|
11445
|
-
}, function (props) {
|
|
11446
|
-
return props.theme.rareStepColors.primary;
|
|
11447
11449
|
}, function (props) {
|
|
11448
11450
|
return props.theme.rareStepColors.ntrl40;
|
|
11449
11451
|
});
|
|
11450
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
11452
|
+
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) {
|
|
11451
11453
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11452
11454
|
}, function (props) {
|
|
11453
11455
|
return props.theme.marginPaddings[0];
|
|
11454
|
-
}, function (props) {
|
|
11455
|
-
return props.theme.rareStepColors.primary;
|
|
11456
11456
|
}, function (props) {
|
|
11457
11457
|
return props.theme.rareStepColors.ntrl40;
|
|
11458
11458
|
}, function (props) {
|
|
@@ -11462,9 +11462,86 @@
|
|
|
11462
11462
|
});
|
|
11463
11463
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11464
11464
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11465
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11466
|
+
|
|
11467
|
+
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;
|
|
11468
|
+
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) {
|
|
11469
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11470
|
+
}, function (props) {
|
|
11471
|
+
return props.theme.marginPaddings[3];
|
|
11472
|
+
});
|
|
11473
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11474
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11475
|
+
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"])));
|
|
11476
|
+
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) {
|
|
11477
|
+
return props.theme.rareStepFontSize.h6;
|
|
11478
|
+
});
|
|
11479
|
+
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) {
|
|
11480
|
+
return props.theme.rareStepColors.primary;
|
|
11481
|
+
}, function (props) {
|
|
11482
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11483
|
+
}, function (props) {
|
|
11484
|
+
return props.theme.marginPaddings[1];
|
|
11485
|
+
});
|
|
11486
|
+
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) {
|
|
11487
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11488
|
+
});
|
|
11489
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11490
|
+
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) {
|
|
11491
|
+
return props.theme.marginPaddings[1];
|
|
11492
|
+
}, function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11494
|
+
});
|
|
11495
|
+
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"])));
|
|
11496
|
+
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) {
|
|
11497
|
+
return props.theme.rareStepColors.secondary;
|
|
11498
|
+
}, function (props) {
|
|
11499
|
+
return props.theme.rareStepColors.secondary;
|
|
11500
|
+
}, function (props) {
|
|
11501
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11502
|
+
}, function (props) {
|
|
11503
|
+
return props.theme.marginPaddings[2];
|
|
11504
|
+
}, function (props) {
|
|
11505
|
+
return props.theme.marginPaddings[1];
|
|
11506
|
+
}, function (props) {
|
|
11507
|
+
return props.theme.marginPaddings[1];
|
|
11508
|
+
});
|
|
11509
|
+
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"])));
|
|
11510
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11511
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11512
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11513
|
+
});
|
|
11514
|
+
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) {
|
|
11515
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11516
|
+
}, function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11518
|
+
}, function (props) {
|
|
11519
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11520
|
+
}, function (props) {
|
|
11521
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11522
|
+
}, function (props) {
|
|
11523
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11524
|
+
});
|
|
11525
|
+
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) {
|
|
11526
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11527
|
+
}, function (props) {
|
|
11528
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11529
|
+
});
|
|
11530
|
+
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"])));
|
|
11531
|
+
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) {
|
|
11532
|
+
return props.theme.rareStepFontSize.h5;
|
|
11533
|
+
}, function (props) {
|
|
11534
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11535
|
+
});
|
|
11536
|
+
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"])));
|
|
11537
|
+
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) {
|
|
11538
|
+
return props.theme.marginPaddings[4];
|
|
11539
|
+
}, function (props) {
|
|
11540
|
+
return props.theme.marginPaddings[1];
|
|
11541
|
+
});
|
|
11465
11542
|
|
|
11466
|
-
var _templateObject$
|
|
11467
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11543
|
+
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;
|
|
11544
|
+
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) {
|
|
11468
11545
|
return props.theme.rareStepColors.ntrlMax;
|
|
11469
11546
|
}, function (props) {
|
|
11470
11547
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11473,16 +11550,16 @@
|
|
|
11473
11550
|
}, function (props) {
|
|
11474
11551
|
return props.theme.rareStepFontSize.h5;
|
|
11475
11552
|
});
|
|
11476
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11553
|
+
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) {
|
|
11477
11554
|
return props.theme.rareStepPageSizes.container;
|
|
11478
11555
|
});
|
|
11479
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11556
|
+
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) {
|
|
11480
11557
|
return props.theme.marginPaddings[4];
|
|
11481
11558
|
});
|
|
11482
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11559
|
+
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) {
|
|
11483
11560
|
return props.theme.marginPaddings[4];
|
|
11484
11561
|
});
|
|
11485
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11562
|
+
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) {
|
|
11486
11563
|
return props.theme.rareStepColors.ntrlMin;
|
|
11487
11564
|
}, function (props) {
|
|
11488
11565
|
return props.theme.marginPaddings[1];
|
|
@@ -11493,7 +11570,7 @@
|
|
|
11493
11570
|
}, function (props) {
|
|
11494
11571
|
return props.theme.rareStepColors.ntrlMin;
|
|
11495
11572
|
});
|
|
11496
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11573
|
+
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) {
|
|
11497
11574
|
return props.theme.rareStepColors.ntrlMin;
|
|
11498
11575
|
}, function (props) {
|
|
11499
11576
|
return props.theme.space[2];
|
|
@@ -11502,36 +11579,37 @@
|
|
|
11502
11579
|
}, function (props) {
|
|
11503
11580
|
return props.theme.rareStepColors.ntrlMin;
|
|
11504
11581
|
});
|
|
11505
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11506
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11582
|
+
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"])));
|
|
11583
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11507
11584
|
return props.theme.marginPaddings[4];
|
|
11508
11585
|
});
|
|
11509
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11586
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11510
11587
|
return props.theme.marginPaddings[5];
|
|
11511
11588
|
});
|
|
11512
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11513
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11589
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11590
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11514
11591
|
return props.theme.marginPaddings[0];
|
|
11515
11592
|
});
|
|
11516
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11593
|
+
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) {
|
|
11517
11594
|
return props.theme.marginPaddings[1];
|
|
11518
11595
|
}, function (props) {
|
|
11519
11596
|
return props.theme.rareStepColors.ntrlMin;
|
|
11520
11597
|
});
|
|
11521
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11598
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11522
11599
|
return props.theme.rareStepColors.ntrlMin;
|
|
11523
11600
|
}, function (props) {
|
|
11524
11601
|
return props.theme.rareStepFontWeights.normal;
|
|
11525
11602
|
});
|
|
11526
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11527
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11603
|
+
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"])));
|
|
11604
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11605
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11528
11606
|
|
|
11529
|
-
var _templateObject$
|
|
11607
|
+
var _templateObject$Q;
|
|
11530
11608
|
var ALL_ITEM$1 = {
|
|
11531
11609
|
label: 'ALL',
|
|
11532
11610
|
value: 'ALL'
|
|
11533
11611
|
};
|
|
11534
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11612
|
+
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) {
|
|
11535
11613
|
return props.theme.colors.primary;
|
|
11536
11614
|
}, function (props) {
|
|
11537
11615
|
return props.theme.colors.ntrlMin;
|