@bonlineza/luxity-lib 2.21.0 → 2.22.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 +22 -17
- package/BrandSelector.js +22 -17
- package/GraphQLDropdownSelector.js +22 -17
- package/Interests.js +22 -17
- package/LuxityGraphQLDropdownSelector.js +22 -17
- package/MaterialSelector.js +22 -17
- package/ModelSelector.js +22 -17
- package/RareStepHeader.js +51 -27
- package/build/bundle.js +51 -27
- package/package.json +1 -1
package/AddInterest.js
CHANGED
|
@@ -9723,7 +9723,7 @@
|
|
|
9723
9723
|
return props.theme.rareStepColors.ntrl40;
|
|
9724
9724
|
});
|
|
9725
9725
|
|
|
9726
|
-
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
9726
|
+
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
9727
9727
|
var HeaderWrapper$1 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 5%;\n }\n"])), function (props) {
|
|
9728
9728
|
return props.theme.rareStepColors.ntrlMin;
|
|
9729
9729
|
}, function (props) {
|
|
@@ -9732,27 +9732,32 @@
|
|
|
9732
9732
|
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
9733
9733
|
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
9734
9734
|
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
9735
|
-
var
|
|
9735
|
+
var NavigationWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
9736
|
+
return props.theme.marginPaddings[1];
|
|
9737
|
+
});
|
|
9738
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
9739
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
9740
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
9736
9741
|
return props.theme.rareStepFontSize.h6;
|
|
9737
9742
|
});
|
|
9738
|
-
var SideNav = styled__default.div(
|
|
9743
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
9739
9744
|
return props.theme.rareStepColors.primary;
|
|
9740
9745
|
}, function (props) {
|
|
9741
9746
|
return props.theme.rareStepColors.ntrlMin;
|
|
9742
9747
|
}, function (props) {
|
|
9743
9748
|
return props.theme.marginPaddings[1];
|
|
9744
9749
|
});
|
|
9745
|
-
var Overlay = styled__default.div(
|
|
9750
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
9746
9751
|
return props.theme.rareStepColors.ntrl40;
|
|
9747
9752
|
});
|
|
9748
|
-
var CloseIcon$1 = styled__default.img(
|
|
9749
|
-
var SideNavLink = styled__default.a(
|
|
9753
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
9754
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
9750
9755
|
return props.theme.marginPaddings[1];
|
|
9751
9756
|
}, function (props) {
|
|
9752
9757
|
return props.theme.rareStepColors.ntrlMin;
|
|
9753
9758
|
});
|
|
9754
|
-
var CloseIconWrapper = styled__default.div(
|
|
9755
|
-
var SellToUsLink$1 = styled__default.a(
|
|
9759
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
9760
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
9756
9761
|
return props.theme.rareStepColors.secondary;
|
|
9757
9762
|
}, function (props) {
|
|
9758
9763
|
return props.theme.rareStepColors.secondary;
|
|
@@ -9767,12 +9772,12 @@
|
|
|
9767
9772
|
}, function (props) {
|
|
9768
9773
|
return props.theme.rareStepFontSize.h5;
|
|
9769
9774
|
});
|
|
9770
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
9771
|
-
var SubMenuRightIcon = styled__default.img(
|
|
9772
|
-
var Hr = styled__default.hr(
|
|
9775
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
9776
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
9777
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
9773
9778
|
return props.theme.rareStepColors.ntrlMax;
|
|
9774
9779
|
});
|
|
9775
|
-
var MobileSearchContainer = styled__default.div(
|
|
9780
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
9776
9781
|
return props.theme.rareStepColors.primary;
|
|
9777
9782
|
}, function (props) {
|
|
9778
9783
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -9783,19 +9788,19 @@
|
|
|
9783
9788
|
}, function (props) {
|
|
9784
9789
|
return props.theme.rareStepColors.ntrlMin;
|
|
9785
9790
|
});
|
|
9786
|
-
var BackButton = styled__default.button(
|
|
9791
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
9787
9792
|
return props.theme.rareStepColors.ntrlMin;
|
|
9788
9793
|
}, function (props) {
|
|
9789
9794
|
return props.theme.rareStepColors.ntrlMin;
|
|
9790
9795
|
});
|
|
9791
|
-
var BackIcon = styled__default.img(
|
|
9792
|
-
var BackButtonContent = styled__default.div(
|
|
9796
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
9797
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
9793
9798
|
return props.theme.rareStepFontSize.h5;
|
|
9794
9799
|
}, function (props) {
|
|
9795
9800
|
return props.theme.rareStepColors.ntrlMin;
|
|
9796
9801
|
});
|
|
9797
|
-
var SideNavLinksContainer = styled__default.div(
|
|
9798
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
9802
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
9803
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
9799
9804
|
return props.theme.marginPaddings[4];
|
|
9800
9805
|
}, function (props) {
|
|
9801
9806
|
return props.theme.marginPaddings[1];
|
package/BrandSelector.js
CHANGED
|
@@ -10957,7 +10957,7 @@
|
|
|
10957
10957
|
return props.theme.rareStepColors.ntrl40;
|
|
10958
10958
|
});
|
|
10959
10959
|
|
|
10960
|
-
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;
|
|
10960
|
+
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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
10961
10961
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
10962
10962
|
return props.theme.rareStepColors.ntrlMin;
|
|
10963
10963
|
}, function (props) {
|
|
@@ -10966,27 +10966,32 @@
|
|
|
10966
10966
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10967
10967
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
10968
10968
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
10969
|
-
var
|
|
10969
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
10970
|
+
return props.theme.marginPaddings[1];
|
|
10971
|
+
});
|
|
10972
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
10973
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
10974
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10970
10975
|
return props.theme.rareStepFontSize.h6;
|
|
10971
10976
|
});
|
|
10972
|
-
var SideNav = styled__default.div(
|
|
10977
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
10973
10978
|
return props.theme.rareStepColors.primary;
|
|
10974
10979
|
}, function (props) {
|
|
10975
10980
|
return props.theme.rareStepColors.ntrlMin;
|
|
10976
10981
|
}, function (props) {
|
|
10977
10982
|
return props.theme.marginPaddings[1];
|
|
10978
10983
|
});
|
|
10979
|
-
var Overlay = styled__default.div(
|
|
10984
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
10980
10985
|
return props.theme.rareStepColors.ntrl40;
|
|
10981
10986
|
});
|
|
10982
|
-
var CloseIcon$1 = styled__default.img(
|
|
10983
|
-
var SideNavLink = styled__default.a(
|
|
10987
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10988
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
10984
10989
|
return props.theme.marginPaddings[1];
|
|
10985
10990
|
}, function (props) {
|
|
10986
10991
|
return props.theme.rareStepColors.ntrlMin;
|
|
10987
10992
|
});
|
|
10988
|
-
var CloseIconWrapper = styled__default.div(
|
|
10989
|
-
var SellToUsLink$1 = styled__default.a(
|
|
10993
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
10994
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
10990
10995
|
return props.theme.rareStepColors.secondary;
|
|
10991
10996
|
}, function (props) {
|
|
10992
10997
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11001,12 +11006,12 @@
|
|
|
11001
11006
|
}, function (props) {
|
|
11002
11007
|
return props.theme.rareStepFontSize.h5;
|
|
11003
11008
|
});
|
|
11004
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11005
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11006
|
-
var Hr = styled__default.hr(
|
|
11009
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11010
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11011
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11007
11012
|
return props.theme.rareStepColors.ntrlMax;
|
|
11008
11013
|
});
|
|
11009
|
-
var MobileSearchContainer = styled__default.div(
|
|
11014
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11010
11015
|
return props.theme.rareStepColors.primary;
|
|
11011
11016
|
}, function (props) {
|
|
11012
11017
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11017,19 +11022,19 @@
|
|
|
11017
11022
|
}, function (props) {
|
|
11018
11023
|
return props.theme.rareStepColors.ntrlMin;
|
|
11019
11024
|
});
|
|
11020
|
-
var BackButton = styled__default.button(
|
|
11025
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11021
11026
|
return props.theme.rareStepColors.ntrlMin;
|
|
11022
11027
|
}, function (props) {
|
|
11023
11028
|
return props.theme.rareStepColors.ntrlMin;
|
|
11024
11029
|
});
|
|
11025
|
-
var BackIcon = styled__default.img(
|
|
11026
|
-
var BackButtonContent = styled__default.div(
|
|
11030
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11031
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11027
11032
|
return props.theme.rareStepFontSize.h5;
|
|
11028
11033
|
}, function (props) {
|
|
11029
11034
|
return props.theme.rareStepColors.ntrlMin;
|
|
11030
11035
|
});
|
|
11031
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11032
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11036
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11037
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11033
11038
|
return props.theme.marginPaddings[4];
|
|
11034
11039
|
}, function (props) {
|
|
11035
11040
|
return props.theme.marginPaddings[1];
|
|
@@ -11092,7 +11092,7 @@
|
|
|
11092
11092
|
return props.theme.rareStepColors.ntrl40;
|
|
11093
11093
|
});
|
|
11094
11094
|
|
|
11095
|
-
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;
|
|
11095
|
+
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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
11096
11096
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
11097
11097
|
return props.theme.rareStepColors.ntrlMin;
|
|
11098
11098
|
}, function (props) {
|
|
@@ -11101,27 +11101,32 @@
|
|
|
11101
11101
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11102
11102
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11103
11103
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11104
|
-
var
|
|
11104
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
11105
|
+
return props.theme.marginPaddings[1];
|
|
11106
|
+
});
|
|
11107
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
11108
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
11109
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11105
11110
|
return props.theme.rareStepFontSize.h6;
|
|
11106
11111
|
});
|
|
11107
|
-
var SideNav = styled__default.div(
|
|
11112
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
11108
11113
|
return props.theme.rareStepColors.primary;
|
|
11109
11114
|
}, function (props) {
|
|
11110
11115
|
return props.theme.rareStepColors.ntrlMin;
|
|
11111
11116
|
}, function (props) {
|
|
11112
11117
|
return props.theme.marginPaddings[1];
|
|
11113
11118
|
});
|
|
11114
|
-
var Overlay = styled__default.div(
|
|
11119
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
11115
11120
|
return props.theme.rareStepColors.ntrl40;
|
|
11116
11121
|
});
|
|
11117
|
-
var CloseIcon$1 = styled__default.img(
|
|
11118
|
-
var SideNavLink = styled__default.a(
|
|
11122
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11123
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
11119
11124
|
return props.theme.marginPaddings[1];
|
|
11120
11125
|
}, function (props) {
|
|
11121
11126
|
return props.theme.rareStepColors.ntrlMin;
|
|
11122
11127
|
});
|
|
11123
|
-
var CloseIconWrapper = styled__default.div(
|
|
11124
|
-
var SellToUsLink$1 = styled__default.a(
|
|
11128
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
11129
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
11125
11130
|
return props.theme.rareStepColors.secondary;
|
|
11126
11131
|
}, function (props) {
|
|
11127
11132
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11136,12 +11141,12 @@
|
|
|
11136
11141
|
}, function (props) {
|
|
11137
11142
|
return props.theme.rareStepFontSize.h5;
|
|
11138
11143
|
});
|
|
11139
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11140
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11141
|
-
var Hr = styled__default.hr(
|
|
11144
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11145
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11146
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11142
11147
|
return props.theme.rareStepColors.ntrlMax;
|
|
11143
11148
|
});
|
|
11144
|
-
var MobileSearchContainer = styled__default.div(
|
|
11149
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11145
11150
|
return props.theme.rareStepColors.primary;
|
|
11146
11151
|
}, function (props) {
|
|
11147
11152
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11152,19 +11157,19 @@
|
|
|
11152
11157
|
}, function (props) {
|
|
11153
11158
|
return props.theme.rareStepColors.ntrlMin;
|
|
11154
11159
|
});
|
|
11155
|
-
var BackButton = styled__default.button(
|
|
11160
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11156
11161
|
return props.theme.rareStepColors.ntrlMin;
|
|
11157
11162
|
}, function (props) {
|
|
11158
11163
|
return props.theme.rareStepColors.ntrlMin;
|
|
11159
11164
|
});
|
|
11160
|
-
var BackIcon = styled__default.img(
|
|
11161
|
-
var BackButtonContent = styled__default.div(
|
|
11165
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11166
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11162
11167
|
return props.theme.rareStepFontSize.h5;
|
|
11163
11168
|
}, function (props) {
|
|
11164
11169
|
return props.theme.rareStepColors.ntrlMin;
|
|
11165
11170
|
});
|
|
11166
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11167
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11171
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11172
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11168
11173
|
return props.theme.marginPaddings[4];
|
|
11169
11174
|
}, function (props) {
|
|
11170
11175
|
return props.theme.marginPaddings[1];
|
package/Interests.js
CHANGED
|
@@ -9526,7 +9526,7 @@
|
|
|
9526
9526
|
return props.theme.rareStepColors.ntrl40;
|
|
9527
9527
|
});
|
|
9528
9528
|
|
|
9529
|
-
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, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
9529
|
+
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, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
9530
9530
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
9531
9531
|
return props.theme.rareStepColors.ntrlMin;
|
|
9532
9532
|
}, function (props) {
|
|
@@ -9535,27 +9535,32 @@
|
|
|
9535
9535
|
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
9536
9536
|
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
9537
9537
|
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
9538
|
-
var
|
|
9538
|
+
var NavigationWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
9539
|
+
return props.theme.marginPaddings[1];
|
|
9540
|
+
});
|
|
9541
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
9542
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
9543
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
9539
9544
|
return props.theme.rareStepFontSize.h6;
|
|
9540
9545
|
});
|
|
9541
|
-
var SideNav = styled__default.div(
|
|
9546
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
9542
9547
|
return props.theme.rareStepColors.primary;
|
|
9543
9548
|
}, function (props) {
|
|
9544
9549
|
return props.theme.rareStepColors.ntrlMin;
|
|
9545
9550
|
}, function (props) {
|
|
9546
9551
|
return props.theme.marginPaddings[1];
|
|
9547
9552
|
});
|
|
9548
|
-
var Overlay = styled__default.div(
|
|
9553
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
9549
9554
|
return props.theme.rareStepColors.ntrl40;
|
|
9550
9555
|
});
|
|
9551
|
-
var CloseIcon$1 = styled__default.img(
|
|
9552
|
-
var SideNavLink = styled__default.a(
|
|
9556
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
9557
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
9553
9558
|
return props.theme.marginPaddings[1];
|
|
9554
9559
|
}, function (props) {
|
|
9555
9560
|
return props.theme.rareStepColors.ntrlMin;
|
|
9556
9561
|
});
|
|
9557
|
-
var CloseIconWrapper = styled__default.div(
|
|
9558
|
-
var SellToUsLink$1 = styled__default.a(
|
|
9562
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
9563
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
9559
9564
|
return props.theme.rareStepColors.secondary;
|
|
9560
9565
|
}, function (props) {
|
|
9561
9566
|
return props.theme.rareStepColors.secondary;
|
|
@@ -9570,12 +9575,12 @@
|
|
|
9570
9575
|
}, function (props) {
|
|
9571
9576
|
return props.theme.rareStepFontSize.h5;
|
|
9572
9577
|
});
|
|
9573
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
9574
|
-
var SubMenuRightIcon = styled__default.img(
|
|
9575
|
-
var Hr = styled__default.hr(
|
|
9578
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
9579
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
9580
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
9576
9581
|
return props.theme.rareStepColors.ntrlMax;
|
|
9577
9582
|
});
|
|
9578
|
-
var MobileSearchContainer = styled__default.div(
|
|
9583
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
9579
9584
|
return props.theme.rareStepColors.primary;
|
|
9580
9585
|
}, function (props) {
|
|
9581
9586
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -9586,19 +9591,19 @@
|
|
|
9586
9591
|
}, function (props) {
|
|
9587
9592
|
return props.theme.rareStepColors.ntrlMin;
|
|
9588
9593
|
});
|
|
9589
|
-
var BackButton = styled__default.button(
|
|
9594
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
9590
9595
|
return props.theme.rareStepColors.ntrlMin;
|
|
9591
9596
|
}, function (props) {
|
|
9592
9597
|
return props.theme.rareStepColors.ntrlMin;
|
|
9593
9598
|
});
|
|
9594
|
-
var BackIcon = styled__default.img(
|
|
9595
|
-
var BackButtonContent = styled__default.div(
|
|
9599
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
9600
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
9596
9601
|
return props.theme.rareStepFontSize.h5;
|
|
9597
9602
|
}, function (props) {
|
|
9598
9603
|
return props.theme.rareStepColors.ntrlMin;
|
|
9599
9604
|
});
|
|
9600
|
-
var SideNavLinksContainer = styled__default.div(
|
|
9601
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
9605
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
9606
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
9602
9607
|
return props.theme.marginPaddings[4];
|
|
9603
9608
|
}, function (props) {
|
|
9604
9609
|
return props.theme.marginPaddings[1];
|
|
@@ -10993,7 +10993,7 @@
|
|
|
10993
10993
|
return props.theme.rareStepColors.ntrl40;
|
|
10994
10994
|
});
|
|
10995
10995
|
|
|
10996
|
-
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;
|
|
10996
|
+
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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
10997
10997
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
10998
10998
|
return props.theme.rareStepColors.ntrlMin;
|
|
10999
10999
|
}, function (props) {
|
|
@@ -11002,27 +11002,32 @@
|
|
|
11002
11002
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11003
11003
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11004
11004
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11005
|
-
var
|
|
11005
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
11006
|
+
return props.theme.marginPaddings[1];
|
|
11007
|
+
});
|
|
11008
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
11009
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
11010
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11006
11011
|
return props.theme.rareStepFontSize.h6;
|
|
11007
11012
|
});
|
|
11008
|
-
var SideNav = styled__default.div(
|
|
11013
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
11009
11014
|
return props.theme.rareStepColors.primary;
|
|
11010
11015
|
}, function (props) {
|
|
11011
11016
|
return props.theme.rareStepColors.ntrlMin;
|
|
11012
11017
|
}, function (props) {
|
|
11013
11018
|
return props.theme.marginPaddings[1];
|
|
11014
11019
|
});
|
|
11015
|
-
var Overlay = styled__default.div(
|
|
11020
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
11016
11021
|
return props.theme.rareStepColors.ntrl40;
|
|
11017
11022
|
});
|
|
11018
|
-
var CloseIcon$1 = styled__default.img(
|
|
11019
|
-
var SideNavLink = styled__default.a(
|
|
11023
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11024
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
11020
11025
|
return props.theme.marginPaddings[1];
|
|
11021
11026
|
}, function (props) {
|
|
11022
11027
|
return props.theme.rareStepColors.ntrlMin;
|
|
11023
11028
|
});
|
|
11024
|
-
var CloseIconWrapper = styled__default.div(
|
|
11025
|
-
var SellToUsLink$1 = styled__default.a(
|
|
11029
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
11030
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
11026
11031
|
return props.theme.rareStepColors.secondary;
|
|
11027
11032
|
}, function (props) {
|
|
11028
11033
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11037,12 +11042,12 @@
|
|
|
11037
11042
|
}, function (props) {
|
|
11038
11043
|
return props.theme.rareStepFontSize.h5;
|
|
11039
11044
|
});
|
|
11040
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11041
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11042
|
-
var Hr = styled__default.hr(
|
|
11045
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11046
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11047
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11043
11048
|
return props.theme.rareStepColors.ntrlMax;
|
|
11044
11049
|
});
|
|
11045
|
-
var MobileSearchContainer = styled__default.div(
|
|
11050
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11046
11051
|
return props.theme.rareStepColors.primary;
|
|
11047
11052
|
}, function (props) {
|
|
11048
11053
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11053,19 +11058,19 @@
|
|
|
11053
11058
|
}, function (props) {
|
|
11054
11059
|
return props.theme.rareStepColors.ntrlMin;
|
|
11055
11060
|
});
|
|
11056
|
-
var BackButton = styled__default.button(
|
|
11061
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11057
11062
|
return props.theme.rareStepColors.ntrlMin;
|
|
11058
11063
|
}, function (props) {
|
|
11059
11064
|
return props.theme.rareStepColors.ntrlMin;
|
|
11060
11065
|
});
|
|
11061
|
-
var BackIcon = styled__default.img(
|
|
11062
|
-
var BackButtonContent = styled__default.div(
|
|
11066
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11067
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11063
11068
|
return props.theme.rareStepFontSize.h5;
|
|
11064
11069
|
}, function (props) {
|
|
11065
11070
|
return props.theme.rareStepColors.ntrlMin;
|
|
11066
11071
|
});
|
|
11067
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11068
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11072
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11073
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11069
11074
|
return props.theme.marginPaddings[4];
|
|
11070
11075
|
}, function (props) {
|
|
11071
11076
|
return props.theme.marginPaddings[1];
|
package/MaterialSelector.js
CHANGED
|
@@ -10958,7 +10958,7 @@
|
|
|
10958
10958
|
return props.theme.rareStepColors.ntrl40;
|
|
10959
10959
|
});
|
|
10960
10960
|
|
|
10961
|
-
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;
|
|
10961
|
+
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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
10962
10962
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
10963
10963
|
return props.theme.rareStepColors.ntrlMin;
|
|
10964
10964
|
}, function (props) {
|
|
@@ -10967,27 +10967,32 @@
|
|
|
10967
10967
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10968
10968
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
10969
10969
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
10970
|
-
var
|
|
10970
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
10971
|
+
return props.theme.marginPaddings[1];
|
|
10972
|
+
});
|
|
10973
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
10974
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
10975
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10971
10976
|
return props.theme.rareStepFontSize.h6;
|
|
10972
10977
|
});
|
|
10973
|
-
var SideNav = styled__default.div(
|
|
10978
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
10974
10979
|
return props.theme.rareStepColors.primary;
|
|
10975
10980
|
}, function (props) {
|
|
10976
10981
|
return props.theme.rareStepColors.ntrlMin;
|
|
10977
10982
|
}, function (props) {
|
|
10978
10983
|
return props.theme.marginPaddings[1];
|
|
10979
10984
|
});
|
|
10980
|
-
var Overlay = styled__default.div(
|
|
10985
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
10981
10986
|
return props.theme.rareStepColors.ntrl40;
|
|
10982
10987
|
});
|
|
10983
|
-
var CloseIcon$1 = styled__default.img(
|
|
10984
|
-
var SideNavLink = styled__default.a(
|
|
10988
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10989
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
10985
10990
|
return props.theme.marginPaddings[1];
|
|
10986
10991
|
}, function (props) {
|
|
10987
10992
|
return props.theme.rareStepColors.ntrlMin;
|
|
10988
10993
|
});
|
|
10989
|
-
var CloseIconWrapper = styled__default.div(
|
|
10990
|
-
var SellToUsLink$1 = styled__default.a(
|
|
10994
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
10995
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
10991
10996
|
return props.theme.rareStepColors.secondary;
|
|
10992
10997
|
}, function (props) {
|
|
10993
10998
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11002,12 +11007,12 @@
|
|
|
11002
11007
|
}, function (props) {
|
|
11003
11008
|
return props.theme.rareStepFontSize.h5;
|
|
11004
11009
|
});
|
|
11005
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11006
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11007
|
-
var Hr = styled__default.hr(
|
|
11010
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11011
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11012
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11008
11013
|
return props.theme.rareStepColors.ntrlMax;
|
|
11009
11014
|
});
|
|
11010
|
-
var MobileSearchContainer = styled__default.div(
|
|
11015
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11011
11016
|
return props.theme.rareStepColors.primary;
|
|
11012
11017
|
}, function (props) {
|
|
11013
11018
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11018,19 +11023,19 @@
|
|
|
11018
11023
|
}, function (props) {
|
|
11019
11024
|
return props.theme.rareStepColors.ntrlMin;
|
|
11020
11025
|
});
|
|
11021
|
-
var BackButton = styled__default.button(
|
|
11026
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11022
11027
|
return props.theme.rareStepColors.ntrlMin;
|
|
11023
11028
|
}, function (props) {
|
|
11024
11029
|
return props.theme.rareStepColors.ntrlMin;
|
|
11025
11030
|
});
|
|
11026
|
-
var BackIcon = styled__default.img(
|
|
11027
|
-
var BackButtonContent = styled__default.div(
|
|
11031
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11032
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11028
11033
|
return props.theme.rareStepFontSize.h5;
|
|
11029
11034
|
}, function (props) {
|
|
11030
11035
|
return props.theme.rareStepColors.ntrlMin;
|
|
11031
11036
|
});
|
|
11032
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11033
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11037
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11038
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11034
11039
|
return props.theme.marginPaddings[4];
|
|
11035
11040
|
}, function (props) {
|
|
11036
11041
|
return props.theme.marginPaddings[1];
|
package/ModelSelector.js
CHANGED
|
@@ -10958,7 +10958,7 @@
|
|
|
10958
10958
|
return props.theme.rareStepColors.ntrl40;
|
|
10959
10959
|
});
|
|
10960
10960
|
|
|
10961
|
-
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;
|
|
10961
|
+
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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
10962
10962
|
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: ", " 5%;\n }\n"])), function (props) {
|
|
10963
10963
|
return props.theme.rareStepColors.ntrlMin;
|
|
10964
10964
|
}, function (props) {
|
|
@@ -10967,27 +10967,32 @@
|
|
|
10967
10967
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10968
10968
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
10969
10969
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
10970
|
-
var
|
|
10970
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
10971
|
+
return props.theme.marginPaddings[1];
|
|
10972
|
+
});
|
|
10973
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
10974
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
10975
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10971
10976
|
return props.theme.rareStepFontSize.h6;
|
|
10972
10977
|
});
|
|
10973
|
-
var SideNav = styled__default.div(
|
|
10978
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
10974
10979
|
return props.theme.rareStepColors.primary;
|
|
10975
10980
|
}, function (props) {
|
|
10976
10981
|
return props.theme.rareStepColors.ntrlMin;
|
|
10977
10982
|
}, function (props) {
|
|
10978
10983
|
return props.theme.marginPaddings[1];
|
|
10979
10984
|
});
|
|
10980
|
-
var Overlay = styled__default.div(
|
|
10985
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
10981
10986
|
return props.theme.rareStepColors.ntrl40;
|
|
10982
10987
|
});
|
|
10983
|
-
var CloseIcon$1 = styled__default.img(
|
|
10984
|
-
var SideNavLink = styled__default.a(
|
|
10988
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10989
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
10985
10990
|
return props.theme.marginPaddings[1];
|
|
10986
10991
|
}, function (props) {
|
|
10987
10992
|
return props.theme.rareStepColors.ntrlMin;
|
|
10988
10993
|
});
|
|
10989
|
-
var CloseIconWrapper = styled__default.div(
|
|
10990
|
-
var SellToUsLink$1 = styled__default.a(
|
|
10994
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
10995
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
10991
10996
|
return props.theme.rareStepColors.secondary;
|
|
10992
10997
|
}, function (props) {
|
|
10993
10998
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11002,12 +11007,12 @@
|
|
|
11002
11007
|
}, function (props) {
|
|
11003
11008
|
return props.theme.rareStepFontSize.h5;
|
|
11004
11009
|
});
|
|
11005
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11006
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11007
|
-
var Hr = styled__default.hr(
|
|
11010
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11011
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11012
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11008
11013
|
return props.theme.rareStepColors.ntrlMax;
|
|
11009
11014
|
});
|
|
11010
|
-
var MobileSearchContainer = styled__default.div(
|
|
11015
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11011
11016
|
return props.theme.rareStepColors.primary;
|
|
11012
11017
|
}, function (props) {
|
|
11013
11018
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11018,19 +11023,19 @@
|
|
|
11018
11023
|
}, function (props) {
|
|
11019
11024
|
return props.theme.rareStepColors.ntrlMin;
|
|
11020
11025
|
});
|
|
11021
|
-
var BackButton = styled__default.button(
|
|
11026
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11022
11027
|
return props.theme.rareStepColors.ntrlMin;
|
|
11023
11028
|
}, function (props) {
|
|
11024
11029
|
return props.theme.rareStepColors.ntrlMin;
|
|
11025
11030
|
});
|
|
11026
|
-
var BackIcon = styled__default.img(
|
|
11027
|
-
var BackButtonContent = styled__default.div(
|
|
11031
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11032
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11028
11033
|
return props.theme.rareStepFontSize.h5;
|
|
11029
11034
|
}, function (props) {
|
|
11030
11035
|
return props.theme.rareStepColors.ntrlMin;
|
|
11031
11036
|
});
|
|
11032
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11033
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11037
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11038
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11034
11039
|
return props.theme.marginPaddings[4];
|
|
11035
11040
|
}, function (props) {
|
|
11036
11041
|
return props.theme.marginPaddings[1];
|
package/RareStepHeader.js
CHANGED
|
@@ -322,6 +322,11 @@
|
|
|
322
322
|
}));
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
function capitalize(str) {
|
|
326
|
+
var lower = str.toLowerCase();
|
|
327
|
+
return str.charAt(0).toUpperCase() + lower.slice(1);
|
|
328
|
+
}
|
|
329
|
+
|
|
325
330
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
326
331
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
327
332
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
@@ -334,7 +339,7 @@
|
|
|
334
339
|
key: index
|
|
335
340
|
}, /*#__PURE__*/React__default.createElement(DropdownLink, {
|
|
336
341
|
href: model.modelLink
|
|
337
|
-
}, model.modelName));
|
|
342
|
+
}, capitalize(model.modelName)));
|
|
338
343
|
})), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
|
|
339
344
|
src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
|
|
340
345
|
}))));
|
|
@@ -354,14 +359,14 @@
|
|
|
354
359
|
return handleShowDropdown(link);
|
|
355
360
|
},
|
|
356
361
|
onMouseOut: handleHideDropdown
|
|
357
|
-
}, link.name, currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
362
|
+
}, capitalize(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
358
363
|
src: dropdownClosedIconUrl
|
|
359
364
|
}) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
360
365
|
src: dropdownOpenIconUrl
|
|
361
366
|
})) : /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
362
367
|
href: link.url,
|
|
363
368
|
key: index
|
|
364
|
-
}, link.name);
|
|
369
|
+
}, capitalize(link.name));
|
|
365
370
|
})), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
|
|
366
371
|
return /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
367
372
|
href: link.url,
|
|
@@ -478,7 +483,6 @@
|
|
|
478
483
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
479
484
|
toggleSearch: toggleSearch
|
|
480
485
|
})), Object.keys(currentSelectedItem).length !== 0 && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
|
|
481
|
-
headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
|
|
482
486
|
currentSelectedItem: currentSelectedItem,
|
|
483
487
|
handleShowDropdown: function handleShowDropdown() {
|
|
484
488
|
return _handleShowDropdown();
|
|
@@ -489,7 +493,7 @@
|
|
|
489
493
|
|
|
490
494
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
491
495
|
|
|
492
|
-
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _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;
|
|
496
|
+
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
493
497
|
var HeaderWrapper$1 = styled__default.div(_templateObject$1 || (_templateObject$1 = _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: ", " 5%;\n }\n"])), function (props) {
|
|
494
498
|
return props.theme.rareStepColors.ntrlMin;
|
|
495
499
|
}, function (props) {
|
|
@@ -498,27 +502,32 @@
|
|
|
498
502
|
var Icon = styled__default.img(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
499
503
|
var Logo = styled__default.img(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
500
504
|
var IconWrapper = styled__default.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
501
|
-
var
|
|
505
|
+
var NavigationWrapper = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
506
|
+
return props.theme.marginPaddings[1];
|
|
507
|
+
});
|
|
508
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
509
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
510
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
502
511
|
return props.theme.rareStepFontSize.h6;
|
|
503
512
|
});
|
|
504
|
-
var SideNav = styled__default.div(
|
|
513
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
505
514
|
return props.theme.rareStepColors.primary;
|
|
506
515
|
}, function (props) {
|
|
507
516
|
return props.theme.rareStepColors.ntrlMin;
|
|
508
517
|
}, function (props) {
|
|
509
518
|
return props.theme.marginPaddings[1];
|
|
510
519
|
});
|
|
511
|
-
var Overlay = styled__default.div(
|
|
520
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
512
521
|
return props.theme.rareStepColors.ntrl40;
|
|
513
522
|
});
|
|
514
|
-
var CloseIcon$1 = styled__default.img(
|
|
515
|
-
var SideNavLink = styled__default.a(
|
|
523
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
524
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
516
525
|
return props.theme.marginPaddings[1];
|
|
517
526
|
}, function (props) {
|
|
518
527
|
return props.theme.rareStepColors.ntrlMin;
|
|
519
528
|
});
|
|
520
|
-
var CloseIconWrapper = styled__default.div(
|
|
521
|
-
var SellToUsLink$1 = styled__default.a(
|
|
529
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
530
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
522
531
|
return props.theme.rareStepColors.secondary;
|
|
523
532
|
}, function (props) {
|
|
524
533
|
return props.theme.rareStepColors.secondary;
|
|
@@ -533,12 +542,12 @@
|
|
|
533
542
|
}, function (props) {
|
|
534
543
|
return props.theme.rareStepFontSize.h5;
|
|
535
544
|
});
|
|
536
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
537
|
-
var SubMenuRightIcon = styled__default.img(
|
|
538
|
-
var Hr = styled__default.hr(
|
|
545
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
546
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
547
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
539
548
|
return props.theme.rareStepColors.ntrlMax;
|
|
540
549
|
});
|
|
541
|
-
var MobileSearchContainer = styled__default.div(
|
|
550
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
542
551
|
return props.theme.rareStepColors.primary;
|
|
543
552
|
}, function (props) {
|
|
544
553
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -549,19 +558,19 @@
|
|
|
549
558
|
}, function (props) {
|
|
550
559
|
return props.theme.rareStepColors.ntrlMin;
|
|
551
560
|
});
|
|
552
|
-
var BackButton = styled__default.button(
|
|
561
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
553
562
|
return props.theme.rareStepColors.ntrlMin;
|
|
554
563
|
}, function (props) {
|
|
555
564
|
return props.theme.rareStepColors.ntrlMin;
|
|
556
565
|
});
|
|
557
|
-
var BackIcon = styled__default.img(
|
|
558
|
-
var BackButtonContent = styled__default.div(
|
|
566
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
567
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
559
568
|
return props.theme.rareStepFontSize.h5;
|
|
560
569
|
}, function (props) {
|
|
561
570
|
return props.theme.rareStepColors.ntrlMin;
|
|
562
571
|
});
|
|
563
|
-
var SideNavLinksContainer = styled__default.div(
|
|
564
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
572
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
573
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
565
574
|
return props.theme.marginPaddings[4];
|
|
566
575
|
}, function (props) {
|
|
567
576
|
return props.theme.marginPaddings[1];
|
|
@@ -620,19 +629,34 @@
|
|
|
620
629
|
closeSubMenu();
|
|
621
630
|
};
|
|
622
631
|
|
|
623
|
-
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.
|
|
632
|
+
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
633
|
+
return /*#__PURE__*/React__default.createElement(NavigationWrapper, null, item.isButton ? /*#__PURE__*/React__default.createElement(SellToUsLink$1, null, item.title) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationWrapperTitle, {
|
|
634
|
+
style: {
|
|
635
|
+
cursor: item.isLink && 'pointer'
|
|
636
|
+
},
|
|
637
|
+
onClick: function onClick() {
|
|
638
|
+
return item.isLink && item.onClickItem();
|
|
639
|
+
}
|
|
640
|
+
}, item.title), item.items.map(function (subItems) {
|
|
641
|
+
return subItems.isMobile && /*#__PURE__*/React__default.createElement(NavigationWrapperItem, {
|
|
642
|
+
onClick: function onClick() {
|
|
643
|
+
return subItems.onClickItem();
|
|
644
|
+
}
|
|
645
|
+
}, subItems.name);
|
|
646
|
+
})));
|
|
647
|
+
}), links.top.map(function (link, index) {
|
|
624
648
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
625
649
|
onClick: function onClick() {
|
|
626
650
|
return setShowSideNavSubMenu(true);
|
|
627
651
|
},
|
|
628
652
|
key: index
|
|
629
|
-
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, link.name), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
653
|
+
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalize(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
630
654
|
src: rightArrowIconUrl
|
|
631
655
|
})) : /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
632
656
|
key: index,
|
|
633
657
|
href: link.url
|
|
634
|
-
}, link.name);
|
|
635
|
-
}), /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
658
|
+
}, capitalize(link.name));
|
|
659
|
+
}), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
636
660
|
href: links.button.url
|
|
637
661
|
}, links.button.name), links.bottom.map(function (link, index) {
|
|
638
662
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
@@ -642,7 +666,7 @@
|
|
|
642
666
|
onClick: link !== null && link !== void 0 && link.isButton ? function () {
|
|
643
667
|
return handleOnLinkClick(link);
|
|
644
668
|
} : null
|
|
645
|
-
}, link.name);
|
|
669
|
+
}, capitalize(link.name));
|
|
646
670
|
}));
|
|
647
671
|
}
|
|
648
672
|
|
|
@@ -652,7 +676,7 @@
|
|
|
652
676
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
653
677
|
key: index,
|
|
654
678
|
href: link.url
|
|
655
|
-
}, link.name);
|
|
679
|
+
}, capitalize(link.name));
|
|
656
680
|
}));
|
|
657
681
|
}
|
|
658
682
|
|
package/build/bundle.js
CHANGED
|
@@ -11602,6 +11602,11 @@
|
|
|
11602
11602
|
}));
|
|
11603
11603
|
};
|
|
11604
11604
|
|
|
11605
|
+
function capitalize(str) {
|
|
11606
|
+
var lower = str.toLowerCase();
|
|
11607
|
+
return str.charAt(0).toUpperCase() + lower.slice(1);
|
|
11608
|
+
}
|
|
11609
|
+
|
|
11605
11610
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
11606
11611
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
11607
11612
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
@@ -11614,7 +11619,7 @@
|
|
|
11614
11619
|
key: index
|
|
11615
11620
|
}, /*#__PURE__*/React__default.createElement(DropdownLink, {
|
|
11616
11621
|
href: model.modelLink
|
|
11617
|
-
}, model.modelName));
|
|
11622
|
+
}, capitalize(model.modelName)));
|
|
11618
11623
|
})), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
|
|
11619
11624
|
src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
|
|
11620
11625
|
}))));
|
|
@@ -11634,14 +11639,14 @@
|
|
|
11634
11639
|
return handleShowDropdown(link);
|
|
11635
11640
|
},
|
|
11636
11641
|
onMouseOut: handleHideDropdown
|
|
11637
|
-
}, link.name, currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11642
|
+
}, capitalize(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11638
11643
|
src: dropdownClosedIconUrl
|
|
11639
11644
|
}) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11640
11645
|
src: dropdownOpenIconUrl
|
|
11641
11646
|
})) : /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
11642
11647
|
href: link.url,
|
|
11643
11648
|
key: index
|
|
11644
|
-
}, link.name);
|
|
11649
|
+
}, capitalize(link.name));
|
|
11645
11650
|
})), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
|
|
11646
11651
|
return /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
11647
11652
|
href: link.url,
|
|
@@ -11758,7 +11763,6 @@
|
|
|
11758
11763
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
11759
11764
|
toggleSearch: toggleSearch
|
|
11760
11765
|
})), Object.keys(currentSelectedItem).length !== 0 && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
|
|
11761
|
-
headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
|
|
11762
11766
|
currentSelectedItem: currentSelectedItem,
|
|
11763
11767
|
handleShowDropdown: function handleShowDropdown() {
|
|
11764
11768
|
return _handleShowDropdown();
|
|
@@ -11769,7 +11773,7 @@
|
|
|
11769
11773
|
|
|
11770
11774
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
11771
11775
|
|
|
11772
|
-
var _templateObject$P, _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;
|
|
11776
|
+
var _templateObject$P, _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, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
11773
11777
|
var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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: ", " 5%;\n }\n"])), function (props) {
|
|
11774
11778
|
return props.theme.rareStepColors.ntrlMin;
|
|
11775
11779
|
}, function (props) {
|
|
@@ -11778,27 +11782,32 @@
|
|
|
11778
11782
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11779
11783
|
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11780
11784
|
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11781
|
-
var
|
|
11785
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
11786
|
+
return props.theme.marginPaddings[1];
|
|
11787
|
+
});
|
|
11788
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
11789
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
11790
|
+
var SideNavWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11782
11791
|
return props.theme.rareStepFontSize.h6;
|
|
11783
11792
|
});
|
|
11784
|
-
var SideNav = styled__default.div(
|
|
11793
|
+
var SideNav = styled__default.div(_templateObject9$1 || (_templateObject9$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) {
|
|
11785
11794
|
return props.theme.rareStepColors.primary;
|
|
11786
11795
|
}, function (props) {
|
|
11787
11796
|
return props.theme.rareStepColors.ntrlMin;
|
|
11788
11797
|
}, function (props) {
|
|
11789
11798
|
return props.theme.marginPaddings[1];
|
|
11790
11799
|
});
|
|
11791
|
-
var Overlay = styled__default.div(
|
|
11800
|
+
var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$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) {
|
|
11792
11801
|
return props.theme.rareStepColors.ntrl40;
|
|
11793
11802
|
});
|
|
11794
|
-
var CloseIcon$1 = styled__default.img(
|
|
11795
|
-
var SideNavLink = styled__default.a(
|
|
11803
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11804
|
+
var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$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) {
|
|
11796
11805
|
return props.theme.marginPaddings[1];
|
|
11797
11806
|
}, function (props) {
|
|
11798
11807
|
return props.theme.rareStepColors.ntrlMin;
|
|
11799
11808
|
});
|
|
11800
|
-
var CloseIconWrapper = styled__default.div(
|
|
11801
|
-
var SellToUsLink$1 = styled__default.a(
|
|
11809
|
+
var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
11810
|
+
var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$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 font-size: ", ";\n }\n"])), function (props) {
|
|
11802
11811
|
return props.theme.rareStepColors.secondary;
|
|
11803
11812
|
}, function (props) {
|
|
11804
11813
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11813,12 +11822,12 @@
|
|
|
11813
11822
|
}, function (props) {
|
|
11814
11823
|
return props.theme.rareStepFontSize.h5;
|
|
11815
11824
|
});
|
|
11816
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11817
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11818
|
-
var Hr = styled__default.hr(
|
|
11825
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11826
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11827
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11819
11828
|
return props.theme.rareStepColors.ntrlMax;
|
|
11820
11829
|
});
|
|
11821
|
-
var MobileSearchContainer = styled__default.div(
|
|
11830
|
+
var MobileSearchContainer = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\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) {
|
|
11822
11831
|
return props.theme.rareStepColors.primary;
|
|
11823
11832
|
}, function (props) {
|
|
11824
11833
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11829,19 +11838,19 @@
|
|
|
11829
11838
|
}, function (props) {
|
|
11830
11839
|
return props.theme.rareStepColors.ntrlMin;
|
|
11831
11840
|
});
|
|
11832
|
-
var BackButton = styled__default.button(
|
|
11841
|
+
var BackButton = styled__default.button(_templateObject19$1 || (_templateObject19$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) {
|
|
11833
11842
|
return props.theme.rareStepColors.ntrlMin;
|
|
11834
11843
|
}, function (props) {
|
|
11835
11844
|
return props.theme.rareStepColors.ntrlMin;
|
|
11836
11845
|
});
|
|
11837
|
-
var BackIcon = styled__default.img(
|
|
11838
|
-
var BackButtonContent = styled__default.div(
|
|
11846
|
+
var BackIcon = styled__default.img(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11847
|
+
var BackButtonContent = styled__default.div(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11839
11848
|
return props.theme.rareStepFontSize.h5;
|
|
11840
11849
|
}, function (props) {
|
|
11841
11850
|
return props.theme.rareStepColors.ntrlMin;
|
|
11842
11851
|
});
|
|
11843
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11844
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11852
|
+
var SideNavLinksContainer = styled__default.div(_templateObject22$1 || (_templateObject22$1 = _taggedTemplateLiteral(["\n {\n overflow-y: auto;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n overscroll-behavior: contain;\n }\n"])));
|
|
11853
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject23$1 || (_templateObject23$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) {
|
|
11845
11854
|
return props.theme.marginPaddings[4];
|
|
11846
11855
|
}, function (props) {
|
|
11847
11856
|
return props.theme.marginPaddings[1];
|
|
@@ -11900,19 +11909,34 @@
|
|
|
11900
11909
|
closeSubMenu();
|
|
11901
11910
|
};
|
|
11902
11911
|
|
|
11903
|
-
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.
|
|
11912
|
+
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
11913
|
+
return /*#__PURE__*/React__default.createElement(NavigationWrapper, null, item.isButton ? /*#__PURE__*/React__default.createElement(SellToUsLink$1, null, item.title) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationWrapperTitle, {
|
|
11914
|
+
style: {
|
|
11915
|
+
cursor: item.isLink && 'pointer'
|
|
11916
|
+
},
|
|
11917
|
+
onClick: function onClick() {
|
|
11918
|
+
return item.isLink && item.onClickItem();
|
|
11919
|
+
}
|
|
11920
|
+
}, item.title), item.items.map(function (subItems) {
|
|
11921
|
+
return subItems.isMobile && /*#__PURE__*/React__default.createElement(NavigationWrapperItem, {
|
|
11922
|
+
onClick: function onClick() {
|
|
11923
|
+
return subItems.onClickItem();
|
|
11924
|
+
}
|
|
11925
|
+
}, subItems.name);
|
|
11926
|
+
})));
|
|
11927
|
+
}), links.top.map(function (link, index) {
|
|
11904
11928
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
11905
11929
|
onClick: function onClick() {
|
|
11906
11930
|
return setShowSideNavSubMenu(true);
|
|
11907
11931
|
},
|
|
11908
11932
|
key: index
|
|
11909
|
-
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, link.name), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
11933
|
+
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalize(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
11910
11934
|
src: rightArrowIconUrl
|
|
11911
11935
|
})) : /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
11912
11936
|
key: index,
|
|
11913
11937
|
href: link.url
|
|
11914
|
-
}, link.name);
|
|
11915
|
-
}), /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
11938
|
+
}, capitalize(link.name));
|
|
11939
|
+
}), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
11916
11940
|
href: links.button.url
|
|
11917
11941
|
}, links.button.name), links.bottom.map(function (link, index) {
|
|
11918
11942
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
@@ -11922,7 +11946,7 @@
|
|
|
11922
11946
|
onClick: link !== null && link !== void 0 && link.isButton ? function () {
|
|
11923
11947
|
return handleOnLinkClick(link);
|
|
11924
11948
|
} : null
|
|
11925
|
-
}, link.name);
|
|
11949
|
+
}, capitalize(link.name));
|
|
11926
11950
|
}));
|
|
11927
11951
|
}
|
|
11928
11952
|
|
|
@@ -11932,7 +11956,7 @@
|
|
|
11932
11956
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
11933
11957
|
key: index,
|
|
11934
11958
|
href: link.url
|
|
11935
|
-
}, link.name);
|
|
11959
|
+
}, capitalize(link.name));
|
|
11936
11960
|
}));
|
|
11937
11961
|
}
|
|
11938
11962
|
|