@bonlineza/luxity-lib 2.13.1 → 2.14.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AddInterest.js +107 -49
- package/BrandSelector.js +85 -27
- package/GraphQLDropdownSelector.js +85 -27
- package/Interests.js +111 -53
- package/LuxityGraphQLDropdownSelector.js +85 -27
- package/MaterialSelector.js +85 -27
- package/ModelSelector.js +85 -27
- package/RareStepFooter.js +73 -39
- package/RareStepHeader.js +291 -27
- package/build/bundle.js +379 -81
- package/package.json +1 -1
|
@@ -11472,8 +11472,14 @@
|
|
|
11472
11472
|
};
|
|
11473
11473
|
|
|
11474
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) {
|
|
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) {
|
|
@@ -11598,7 +11598,64 @@
|
|
|
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
11599
|
|
|
11600
11600
|
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;
|
|
11601
|
-
var
|
|
11601
|
+
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) {
|
|
11602
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11603
|
+
}, function (props) {
|
|
11604
|
+
return props.theme.marginPaddings[3];
|
|
11605
|
+
});
|
|
11606
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
|
|
11607
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11608
|
+
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"])));
|
|
11609
|
+
var SidenavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
|
|
11610
|
+
var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
|
|
11611
|
+
return props.theme.rareStepColors.primary;
|
|
11612
|
+
}, function (props) {
|
|
11613
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11614
|
+
}, function (props) {
|
|
11615
|
+
return props.theme.marginPaddings[1];
|
|
11616
|
+
});
|
|
11617
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
11618
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11619
|
+
});
|
|
11620
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11621
|
+
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) {
|
|
11622
|
+
return props.theme.marginPaddings[1];
|
|
11623
|
+
}, function (props) {
|
|
11624
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11625
|
+
});
|
|
11626
|
+
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"])));
|
|
11627
|
+
var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
|
|
11628
|
+
return props.theme.rareStepColors.secondary;
|
|
11629
|
+
}, function (props) {
|
|
11630
|
+
return props.theme.rareStepColors.secondary;
|
|
11631
|
+
}, function (props) {
|
|
11632
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11633
|
+
}, function (props) {
|
|
11634
|
+
return props.theme.marginPaddings[2];
|
|
11635
|
+
}, function (props) {
|
|
11636
|
+
return props.theme.marginPaddings[1];
|
|
11637
|
+
}, function (props) {
|
|
11638
|
+
return props.theme.marginPaddings[1];
|
|
11639
|
+
});
|
|
11640
|
+
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"])));
|
|
11641
|
+
var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11642
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11643
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11644
|
+
});
|
|
11645
|
+
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) {
|
|
11646
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11647
|
+
}, function (props) {
|
|
11648
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11649
|
+
}, function (props) {
|
|
11650
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11651
|
+
}, function (props) {
|
|
11652
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11653
|
+
}, function (props) {
|
|
11654
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11655
|
+
});
|
|
11656
|
+
|
|
11657
|
+
var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
|
|
11658
|
+
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
11659
|
return props.theme.rareStepColors.ntrlMax;
|
|
11603
11660
|
}, function (props) {
|
|
11604
11661
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11607,16 +11664,16 @@
|
|
|
11607
11664
|
}, function (props) {
|
|
11608
11665
|
return props.theme.rareStepFontSize.h5;
|
|
11609
11666
|
});
|
|
11610
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11667
|
+
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
11668
|
return props.theme.rareStepPageSizes.container;
|
|
11612
11669
|
});
|
|
11613
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11670
|
+
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
11671
|
return props.theme.marginPaddings[4];
|
|
11615
11672
|
});
|
|
11616
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11673
|
+
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
11674
|
return props.theme.marginPaddings[4];
|
|
11618
11675
|
});
|
|
11619
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11676
|
+
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
11677
|
return props.theme.rareStepColors.ntrlMin;
|
|
11621
11678
|
}, function (props) {
|
|
11622
11679
|
return props.theme.marginPaddings[1];
|
|
@@ -11627,7 +11684,7 @@
|
|
|
11627
11684
|
}, function (props) {
|
|
11628
11685
|
return props.theme.rareStepColors.ntrlMin;
|
|
11629
11686
|
});
|
|
11630
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11687
|
+
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
11688
|
return props.theme.rareStepColors.ntrlMin;
|
|
11632
11689
|
}, function (props) {
|
|
11633
11690
|
return props.theme.space[2];
|
|
@@ -11636,36 +11693,37 @@
|
|
|
11636
11693
|
}, function (props) {
|
|
11637
11694
|
return props.theme.rareStepColors.ntrlMin;
|
|
11638
11695
|
});
|
|
11639
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11640
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11696
|
+
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"])));
|
|
11697
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11641
11698
|
return props.theme.marginPaddings[4];
|
|
11642
11699
|
});
|
|
11643
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11700
|
+
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
11701
|
return props.theme.marginPaddings[5];
|
|
11645
11702
|
});
|
|
11646
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11647
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11703
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11704
|
+
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
11705
|
return props.theme.marginPaddings[0];
|
|
11649
11706
|
});
|
|
11650
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11707
|
+
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
11708
|
return props.theme.marginPaddings[1];
|
|
11652
11709
|
}, function (props) {
|
|
11653
11710
|
return props.theme.rareStepColors.ntrlMin;
|
|
11654
11711
|
});
|
|
11655
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11712
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11656
11713
|
return props.theme.rareStepColors.ntrlMin;
|
|
11657
11714
|
}, function (props) {
|
|
11658
11715
|
return props.theme.rareStepFontWeights.normal;
|
|
11659
11716
|
});
|
|
11660
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11661
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11717
|
+
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"])));
|
|
11718
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11719
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11662
11720
|
|
|
11663
|
-
var _templateObject$
|
|
11721
|
+
var _templateObject$Q;
|
|
11664
11722
|
var ALL_ITEM$1 = {
|
|
11665
11723
|
label: 'ALL',
|
|
11666
11724
|
value: 'ALL'
|
|
11667
11725
|
};
|
|
11668
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11726
|
+
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
11727
|
return props.theme.colors.primary;
|
|
11670
11728
|
}, function (props) {
|
|
11671
11729
|
return props.theme.colors.ntrlMin;
|
package/Interests.js
CHANGED
|
@@ -9956,8 +9956,14 @@
|
|
|
9956
9956
|
};
|
|
9957
9957
|
|
|
9958
9958
|
var _templateObject$E, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
9959
|
-
var HeaderWrapper = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
9959
|
+
var HeaderWrapper = styled__default.div(_templateObject$E || (_templateObject$E = _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) {
|
|
9960
9960
|
return props.theme.rareStepColors.ntrlMin;
|
|
9961
|
+
}, function (props) {
|
|
9962
|
+
return props.theme.rareStepColors.primary;
|
|
9963
|
+
}, function (props) {
|
|
9964
|
+
return props.theme.rareStepPageSizes.container;
|
|
9965
|
+
}, function (props) {
|
|
9966
|
+
return props.theme.marginPaddings[1];
|
|
9961
9967
|
});
|
|
9962
9968
|
var PageContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
9963
9969
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -9988,7 +9994,7 @@
|
|
|
9988
9994
|
}, function (props) {
|
|
9989
9995
|
return props.theme.marginPaddings[1];
|
|
9990
9996
|
});
|
|
9991
|
-
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) {
|
|
9997
|
+
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) {
|
|
9992
9998
|
return props.theme.rareStepColors.ntrlMin;
|
|
9993
9999
|
}, function (props) {
|
|
9994
10000
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -10056,21 +10062,15 @@
|
|
|
10056
10062
|
}, function (props) {
|
|
10057
10063
|
return props.theme.rareStepColors.secondary;
|
|
10058
10064
|
});
|
|
10059
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
10065
|
+
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) {
|
|
10060
10066
|
return props.theme.marginPaddings[1];
|
|
10061
|
-
}, function (props) {
|
|
10062
|
-
return props.theme.marginPaddings[3];
|
|
10063
|
-
}, function (props) {
|
|
10064
|
-
return props.theme.rareStepColors.primary;
|
|
10065
10067
|
}, function (props) {
|
|
10066
10068
|
return props.theme.rareStepColors.ntrl40;
|
|
10067
10069
|
});
|
|
10068
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
10070
|
+
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) {
|
|
10069
10071
|
return props.theme.rareStepFontSize.footerTitle;
|
|
10070
10072
|
}, function (props) {
|
|
10071
10073
|
return props.theme.marginPaddings[0];
|
|
10072
|
-
}, function (props) {
|
|
10073
|
-
return props.theme.rareStepColors.primary;
|
|
10074
10074
|
}, function (props) {
|
|
10075
10075
|
return props.theme.rareStepColors.ntrl40;
|
|
10076
10076
|
}, function (props) {
|
|
@@ -10082,7 +10082,64 @@
|
|
|
10082
10082
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10083
10083
|
|
|
10084
10084
|
var _templateObject$F, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
10085
|
-
var
|
|
10085
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$F || (_templateObject$F = _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) {
|
|
10086
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10087
|
+
}, function (props) {
|
|
10088
|
+
return props.theme.marginPaddings[3];
|
|
10089
|
+
});
|
|
10090
|
+
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
|
|
10091
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
10092
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
|
|
10093
|
+
var SidenavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
|
|
10094
|
+
var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
|
|
10095
|
+
return props.theme.rareStepColors.primary;
|
|
10096
|
+
}, function (props) {
|
|
10097
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10098
|
+
}, function (props) {
|
|
10099
|
+
return props.theme.marginPaddings[1];
|
|
10100
|
+
});
|
|
10101
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
10102
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10103
|
+
});
|
|
10104
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10105
|
+
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) {
|
|
10106
|
+
return props.theme.marginPaddings[1];
|
|
10107
|
+
}, function (props) {
|
|
10108
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10109
|
+
});
|
|
10110
|
+
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"])));
|
|
10111
|
+
var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
|
|
10112
|
+
return props.theme.rareStepColors.secondary;
|
|
10113
|
+
}, function (props) {
|
|
10114
|
+
return props.theme.rareStepColors.secondary;
|
|
10115
|
+
}, function (props) {
|
|
10116
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10117
|
+
}, function (props) {
|
|
10118
|
+
return props.theme.marginPaddings[2];
|
|
10119
|
+
}, function (props) {
|
|
10120
|
+
return props.theme.marginPaddings[1];
|
|
10121
|
+
}, function (props) {
|
|
10122
|
+
return props.theme.marginPaddings[1];
|
|
10123
|
+
});
|
|
10124
|
+
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"])));
|
|
10125
|
+
var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
10126
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10127
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10128
|
+
});
|
|
10129
|
+
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) {
|
|
10130
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10131
|
+
}, function (props) {
|
|
10132
|
+
return props.theme.rareStepColors.ntrl50;
|
|
10133
|
+
}, function (props) {
|
|
10134
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10135
|
+
}, function (props) {
|
|
10136
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10137
|
+
}, function (props) {
|
|
10138
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10139
|
+
});
|
|
10140
|
+
|
|
10141
|
+
var _templateObject$G, _templateObject2$8, _templateObject3$5, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
|
|
10142
|
+
var FooterWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10086
10143
|
return props.theme.rareStepColors.ntrlMax;
|
|
10087
10144
|
}, function (props) {
|
|
10088
10145
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10091,16 +10148,16 @@
|
|
|
10091
10148
|
}, function (props) {
|
|
10092
10149
|
return props.theme.rareStepFontSize.h5;
|
|
10093
10150
|
});
|
|
10094
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10151
|
+
var PageContainer$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
10095
10152
|
return props.theme.rareStepPageSizes.container;
|
|
10096
10153
|
});
|
|
10097
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10154
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10098
10155
|
return props.theme.marginPaddings[4];
|
|
10099
10156
|
});
|
|
10100
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
10157
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
10101
10158
|
return props.theme.marginPaddings[4];
|
|
10102
10159
|
});
|
|
10103
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
10160
|
+
var FooterTitleLink = styled__default.a(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n text-transform: uppercase;\n color: ", ";\n margin-bottom: ", ";\n cursor: pointer;\n font-weight: ", ";\n font-size: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10104
10161
|
return props.theme.rareStepColors.ntrlMin;
|
|
10105
10162
|
}, function (props) {
|
|
10106
10163
|
return props.theme.marginPaddings[1];
|
|
@@ -10111,7 +10168,7 @@
|
|
|
10111
10168
|
}, function (props) {
|
|
10112
10169
|
return props.theme.rareStepColors.ntrlMin;
|
|
10113
10170
|
});
|
|
10114
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
10171
|
+
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) {
|
|
10115
10172
|
return props.theme.rareStepColors.ntrlMin;
|
|
10116
10173
|
}, function (props) {
|
|
10117
10174
|
return props.theme.space[2];
|
|
@@ -10120,36 +10177,37 @@
|
|
|
10120
10177
|
}, function (props) {
|
|
10121
10178
|
return props.theme.rareStepColors.ntrlMin;
|
|
10122
10179
|
});
|
|
10123
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
10124
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
10180
|
+
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"])));
|
|
10181
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10125
10182
|
return props.theme.marginPaddings[4];
|
|
10126
10183
|
});
|
|
10127
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
10184
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
10128
10185
|
return props.theme.marginPaddings[5];
|
|
10129
10186
|
});
|
|
10130
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
10131
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
10187
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10188
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
10132
10189
|
return props.theme.marginPaddings[0];
|
|
10133
10190
|
});
|
|
10134
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
10191
|
+
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) {
|
|
10135
10192
|
return props.theme.marginPaddings[1];
|
|
10136
10193
|
}, function (props) {
|
|
10137
10194
|
return props.theme.rareStepColors.ntrlMin;
|
|
10138
10195
|
});
|
|
10139
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
10196
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10140
10197
|
return props.theme.rareStepColors.ntrlMin;
|
|
10141
10198
|
}, function (props) {
|
|
10142
10199
|
return props.theme.rareStepFontWeights.normal;
|
|
10143
10200
|
});
|
|
10144
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
10145
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
10201
|
+
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"])));
|
|
10202
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10203
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10146
10204
|
|
|
10147
|
-
var _templateObject$
|
|
10205
|
+
var _templateObject$H;
|
|
10148
10206
|
var ALL_ITEM = {
|
|
10149
10207
|
label: 'ALL',
|
|
10150
10208
|
value: 'ALL'
|
|
10151
10209
|
};
|
|
10152
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10210
|
+
var StyledMultiselector = styled__default.div(_templateObject$H || (_templateObject$H = _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) {
|
|
10153
10211
|
return props.theme.colors.primary;
|
|
10154
10212
|
}, function (props) {
|
|
10155
10213
|
return props.theme.colors.ntrlMin;
|
|
@@ -10427,15 +10485,15 @@
|
|
|
10427
10485
|
}
|
|
10428
10486
|
};
|
|
10429
10487
|
|
|
10430
|
-
var _templateObject$
|
|
10488
|
+
var _templateObject$I, _templateObject2$9;
|
|
10431
10489
|
var ALL_ITEM$1 = {
|
|
10432
10490
|
id: 'ALL',
|
|
10433
10491
|
name: 'ALL'
|
|
10434
10492
|
};
|
|
10435
10493
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10436
10494
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10437
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10438
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10495
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10496
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10439
10497
|
return props.theme.marginPaddings[2];
|
|
10440
10498
|
}, function (props) {
|
|
10441
10499
|
return props.theme.colors.ntrlMin;
|
|
@@ -10672,7 +10730,7 @@
|
|
|
10672
10730
|
}));
|
|
10673
10731
|
});
|
|
10674
10732
|
|
|
10675
|
-
var _templateObject$
|
|
10733
|
+
var _templateObject$J;
|
|
10676
10734
|
|
|
10677
10735
|
var Title$3 = function Title(_ref) {
|
|
10678
10736
|
var baseClass = _ref.baseClass,
|
|
@@ -10693,7 +10751,7 @@
|
|
|
10693
10751
|
})));
|
|
10694
10752
|
};
|
|
10695
10753
|
|
|
10696
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10754
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10697
10755
|
return props.theme.marginPaddings[2];
|
|
10698
10756
|
}, function (props) {
|
|
10699
10757
|
return props.theme.fontSizes[2];
|
|
@@ -10833,8 +10891,8 @@
|
|
|
10833
10891
|
baseQueryLimit: 12
|
|
10834
10892
|
};
|
|
10835
10893
|
|
|
10836
|
-
var _templateObject$
|
|
10837
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10894
|
+
var _templateObject$K;
|
|
10895
|
+
var BaseButton = styled__default.button(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10838
10896
|
return props.theme.colors.base;
|
|
10839
10897
|
}, function (props) {
|
|
10840
10898
|
return props.theme.colors.borderColor;
|
|
@@ -10903,12 +10961,12 @@
|
|
|
10903
10961
|
}
|
|
10904
10962
|
};
|
|
10905
10963
|
|
|
10906
|
-
var _templateObject$
|
|
10907
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10964
|
+
var _templateObject$L, _templateObject2$a;
|
|
10965
|
+
var TitleWrapper = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10908
10966
|
return props.theme.marginPaddings[4];
|
|
10909
10967
|
});
|
|
10910
10968
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10911
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10969
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10912
10970
|
return props.childVisible ? 1 : 0;
|
|
10913
10971
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10914
10972
|
return props.childVisible ? 1 : 0;
|
|
@@ -11042,8 +11100,8 @@
|
|
|
11042
11100
|
}
|
|
11043
11101
|
};
|
|
11044
11102
|
|
|
11045
|
-
var _templateObject$
|
|
11046
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11103
|
+
var _templateObject$M;
|
|
11104
|
+
var SelectionWrapper = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
11047
11105
|
return props.theme.marginPaddings[2];
|
|
11048
11106
|
}, function (props) {
|
|
11049
11107
|
return props.theme.marginPaddings[2];
|
|
@@ -11059,14 +11117,14 @@
|
|
|
11059
11117
|
|
|
11060
11118
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11061
11119
|
|
|
11062
|
-
var _templateObject$
|
|
11063
|
-
var Content = styled__default.div(_templateObject$
|
|
11120
|
+
var _templateObject$N, _templateObject2$b, _templateObject3$6;
|
|
11121
|
+
var Content = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
11064
11122
|
return props.theme.colors.primary;
|
|
11065
11123
|
}, function (props) {
|
|
11066
11124
|
return props.theme.marginPaddings[0];
|
|
11067
11125
|
});
|
|
11068
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11069
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11126
|
+
var InputText = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11127
|
+
var StyledLabel = styled__default.label(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
11070
11128
|
return props.theme.colors.primary;
|
|
11071
11129
|
}, Content, function (props) {
|
|
11072
11130
|
return props.theme.colors.primary;
|
|
@@ -11295,28 +11353,28 @@
|
|
|
11295
11353
|
}
|
|
11296
11354
|
};
|
|
11297
11355
|
|
|
11298
|
-
var _templateObject$
|
|
11356
|
+
var _templateObject$O, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
11299
11357
|
var UNISEX$1 = genders.UNISEX;
|
|
11300
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11358
|
+
var AddInterestContainer = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11301
11359
|
return props.theme.marginPaddings[6];
|
|
11302
11360
|
}, function (props) {
|
|
11303
11361
|
return props.theme.colors.borderColor;
|
|
11304
11362
|
}, function (props) {
|
|
11305
11363
|
return props.theme.marginPaddings[6];
|
|
11306
11364
|
});
|
|
11307
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11365
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
11308
11366
|
return props.theme.marginPaddings[6];
|
|
11309
11367
|
}, media.xs, function (props) {
|
|
11310
11368
|
return props.theme.marginPaddings[0];
|
|
11311
11369
|
}, function (props) {
|
|
11312
11370
|
return props.theme.marginPaddings[1];
|
|
11313
11371
|
});
|
|
11314
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11372
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11315
11373
|
return props.theme.colors.darkerGray;
|
|
11316
11374
|
}, function (props) {
|
|
11317
11375
|
return props.theme.marginPaddings[2];
|
|
11318
11376
|
});
|
|
11319
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11377
|
+
var AddInterestButton = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
|
|
11320
11378
|
return props.theme.colors.darkerGray;
|
|
11321
11379
|
}, function (props) {
|
|
11322
11380
|
return props.theme.colors.borderColor;
|
|
@@ -11325,7 +11383,7 @@
|
|
|
11325
11383
|
}, function (props) {
|
|
11326
11384
|
return props.theme.marginPaddings[2];
|
|
11327
11385
|
});
|
|
11328
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11386
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
11329
11387
|
|
|
11330
11388
|
var AddIcon = function AddIcon(_ref) {
|
|
11331
11389
|
var onClick = _ref.onClick,
|
|
@@ -11622,8 +11680,8 @@
|
|
|
11622
11680
|
|
|
11623
11681
|
var AddInterest$1 = themed(AddInterest);
|
|
11624
11682
|
|
|
11625
|
-
var _templateObject$
|
|
11626
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11683
|
+
var _templateObject$P;
|
|
11684
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11627
11685
|
return props.theme.marginPaddings[0];
|
|
11628
11686
|
}, function (props) {
|
|
11629
11687
|
return props.theme.colors.primary;
|
|
@@ -11657,8 +11715,8 @@
|
|
|
11657
11715
|
|
|
11658
11716
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11659
11717
|
|
|
11660
|
-
var _templateObject$
|
|
11661
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11718
|
+
var _templateObject$Q;
|
|
11719
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11662
11720
|
return props.theme.colors.primary;
|
|
11663
11721
|
});
|
|
11664
11722
|
var AccountIcon = themed(function () {
|