@bonlineza/luxity-lib 2.21.0 → 2.23.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 +52 -27
- package/build/bundle.js +52 -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,12 @@
|
|
|
322
322
|
}));
|
|
323
323
|
};
|
|
324
324
|
|
|
325
|
+
function capitalizeWords(str) {
|
|
326
|
+
return str.toLowerCase().replace(/\b\w/g, function (match) {
|
|
327
|
+
return match.toUpperCase();
|
|
328
|
+
});
|
|
329
|
+
}
|
|
330
|
+
|
|
325
331
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
326
332
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
327
333
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
@@ -334,7 +340,7 @@
|
|
|
334
340
|
key: index
|
|
335
341
|
}, /*#__PURE__*/React__default.createElement(DropdownLink, {
|
|
336
342
|
href: model.modelLink
|
|
337
|
-
}, model.modelName));
|
|
343
|
+
}, capitalizeWords(model.modelName)));
|
|
338
344
|
})), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
|
|
339
345
|
src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
|
|
340
346
|
}))));
|
|
@@ -354,14 +360,14 @@
|
|
|
354
360
|
return handleShowDropdown(link);
|
|
355
361
|
},
|
|
356
362
|
onMouseOut: handleHideDropdown
|
|
357
|
-
}, link.name, currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
363
|
+
}, capitalizeWords(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
358
364
|
src: dropdownClosedIconUrl
|
|
359
365
|
}) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
360
366
|
src: dropdownOpenIconUrl
|
|
361
367
|
})) : /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
362
368
|
href: link.url,
|
|
363
369
|
key: index
|
|
364
|
-
}, link.name);
|
|
370
|
+
}, capitalizeWords(link.name));
|
|
365
371
|
})), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
|
|
366
372
|
return /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
367
373
|
href: link.url,
|
|
@@ -478,7 +484,6 @@
|
|
|
478
484
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
479
485
|
toggleSearch: toggleSearch
|
|
480
486
|
})), Object.keys(currentSelectedItem).length !== 0 && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
|
|
481
|
-
headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
|
|
482
487
|
currentSelectedItem: currentSelectedItem,
|
|
483
488
|
handleShowDropdown: function handleShowDropdown() {
|
|
484
489
|
return _handleShowDropdown();
|
|
@@ -489,7 +494,7 @@
|
|
|
489
494
|
|
|
490
495
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
491
496
|
|
|
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;
|
|
497
|
+
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
498
|
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
499
|
return props.theme.rareStepColors.ntrlMin;
|
|
495
500
|
}, function (props) {
|
|
@@ -498,27 +503,32 @@
|
|
|
498
503
|
var Icon = styled__default.img(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
499
504
|
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
505
|
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
|
|
506
|
+
var NavigationWrapper = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
507
|
+
return props.theme.marginPaddings[1];
|
|
508
|
+
});
|
|
509
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
510
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
511
|
+
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
512
|
return props.theme.rareStepFontSize.h6;
|
|
503
513
|
});
|
|
504
|
-
var SideNav = styled__default.div(
|
|
514
|
+
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
515
|
return props.theme.rareStepColors.primary;
|
|
506
516
|
}, function (props) {
|
|
507
517
|
return props.theme.rareStepColors.ntrlMin;
|
|
508
518
|
}, function (props) {
|
|
509
519
|
return props.theme.marginPaddings[1];
|
|
510
520
|
});
|
|
511
|
-
var Overlay = styled__default.div(
|
|
521
|
+
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
522
|
return props.theme.rareStepColors.ntrl40;
|
|
513
523
|
});
|
|
514
|
-
var CloseIcon$1 = styled__default.img(
|
|
515
|
-
var SideNavLink = styled__default.a(
|
|
524
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
525
|
+
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
526
|
return props.theme.marginPaddings[1];
|
|
517
527
|
}, function (props) {
|
|
518
528
|
return props.theme.rareStepColors.ntrlMin;
|
|
519
529
|
});
|
|
520
|
-
var CloseIconWrapper = styled__default.div(
|
|
521
|
-
var SellToUsLink$1 = styled__default.a(
|
|
530
|
+
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"])));
|
|
531
|
+
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
532
|
return props.theme.rareStepColors.secondary;
|
|
523
533
|
}, function (props) {
|
|
524
534
|
return props.theme.rareStepColors.secondary;
|
|
@@ -533,12 +543,12 @@
|
|
|
533
543
|
}, function (props) {
|
|
534
544
|
return props.theme.rareStepFontSize.h5;
|
|
535
545
|
});
|
|
536
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
537
|
-
var SubMenuRightIcon = styled__default.img(
|
|
538
|
-
var Hr = styled__default.hr(
|
|
546
|
+
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"])));
|
|
547
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
548
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
539
549
|
return props.theme.rareStepColors.ntrlMax;
|
|
540
550
|
});
|
|
541
|
-
var MobileSearchContainer = styled__default.div(
|
|
551
|
+
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
552
|
return props.theme.rareStepColors.primary;
|
|
543
553
|
}, function (props) {
|
|
544
554
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -549,19 +559,19 @@
|
|
|
549
559
|
}, function (props) {
|
|
550
560
|
return props.theme.rareStepColors.ntrlMin;
|
|
551
561
|
});
|
|
552
|
-
var BackButton = styled__default.button(
|
|
562
|
+
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
563
|
return props.theme.rareStepColors.ntrlMin;
|
|
554
564
|
}, function (props) {
|
|
555
565
|
return props.theme.rareStepColors.ntrlMin;
|
|
556
566
|
});
|
|
557
|
-
var BackIcon = styled__default.img(
|
|
558
|
-
var BackButtonContent = styled__default.div(
|
|
567
|
+
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"])));
|
|
568
|
+
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
569
|
return props.theme.rareStepFontSize.h5;
|
|
560
570
|
}, function (props) {
|
|
561
571
|
return props.theme.rareStepColors.ntrlMin;
|
|
562
572
|
});
|
|
563
|
-
var SideNavLinksContainer = styled__default.div(
|
|
564
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
573
|
+
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"])));
|
|
574
|
+
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
575
|
return props.theme.marginPaddings[4];
|
|
566
576
|
}, function (props) {
|
|
567
577
|
return props.theme.marginPaddings[1];
|
|
@@ -620,19 +630,34 @@
|
|
|
620
630
|
closeSubMenu();
|
|
621
631
|
};
|
|
622
632
|
|
|
623
|
-
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.
|
|
633
|
+
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
634
|
+
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, {
|
|
635
|
+
style: {
|
|
636
|
+
cursor: item.isLink && 'pointer'
|
|
637
|
+
},
|
|
638
|
+
onClick: function onClick() {
|
|
639
|
+
return item.isLink && item.onClickItem();
|
|
640
|
+
}
|
|
641
|
+
}, item.title), item.items.map(function (subItems) {
|
|
642
|
+
return subItems.isMobile && /*#__PURE__*/React__default.createElement(NavigationWrapperItem, {
|
|
643
|
+
onClick: function onClick() {
|
|
644
|
+
return subItems.onClickItem();
|
|
645
|
+
}
|
|
646
|
+
}, subItems.name);
|
|
647
|
+
})));
|
|
648
|
+
}), links.top.map(function (link, index) {
|
|
624
649
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
625
650
|
onClick: function onClick() {
|
|
626
651
|
return setShowSideNavSubMenu(true);
|
|
627
652
|
},
|
|
628
653
|
key: index
|
|
629
|
-
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, link.name), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
654
|
+
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalizeWords(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
630
655
|
src: rightArrowIconUrl
|
|
631
656
|
})) : /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
632
657
|
key: index,
|
|
633
658
|
href: link.url
|
|
634
|
-
}, link.name);
|
|
635
|
-
}), /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
659
|
+
}, capitalizeWords(link.name));
|
|
660
|
+
}), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
636
661
|
href: links.button.url
|
|
637
662
|
}, links.button.name), links.bottom.map(function (link, index) {
|
|
638
663
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
@@ -642,7 +667,7 @@
|
|
|
642
667
|
onClick: link !== null && link !== void 0 && link.isButton ? function () {
|
|
643
668
|
return handleOnLinkClick(link);
|
|
644
669
|
} : null
|
|
645
|
-
}, link.name);
|
|
670
|
+
}, capitalizeWords(link.name));
|
|
646
671
|
}));
|
|
647
672
|
}
|
|
648
673
|
|
|
@@ -652,7 +677,7 @@
|
|
|
652
677
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
653
678
|
key: index,
|
|
654
679
|
href: link.url
|
|
655
|
-
}, link.name);
|
|
680
|
+
}, capitalizeWords(link.name));
|
|
656
681
|
}));
|
|
657
682
|
}
|
|
658
683
|
|
package/build/bundle.js
CHANGED
|
@@ -11602,6 +11602,12 @@
|
|
|
11602
11602
|
}));
|
|
11603
11603
|
};
|
|
11604
11604
|
|
|
11605
|
+
function capitalizeWords(str) {
|
|
11606
|
+
return str.toLowerCase().replace(/\b\w/g, function (match) {
|
|
11607
|
+
return match.toUpperCase();
|
|
11608
|
+
});
|
|
11609
|
+
}
|
|
11610
|
+
|
|
11605
11611
|
var HeaderDropdown = function HeaderDropdown(_ref) {
|
|
11606
11612
|
var currentSelectedItem = _ref.currentSelectedItem,
|
|
11607
11613
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
@@ -11614,7 +11620,7 @@
|
|
|
11614
11620
|
key: index
|
|
11615
11621
|
}, /*#__PURE__*/React__default.createElement(DropdownLink, {
|
|
11616
11622
|
href: model.modelLink
|
|
11617
|
-
}, model.modelName));
|
|
11623
|
+
}, capitalizeWords(model.modelName)));
|
|
11618
11624
|
})), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
|
|
11619
11625
|
src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
|
|
11620
11626
|
}))));
|
|
@@ -11634,14 +11640,14 @@
|
|
|
11634
11640
|
return handleShowDropdown(link);
|
|
11635
11641
|
},
|
|
11636
11642
|
onMouseOut: handleHideDropdown
|
|
11637
|
-
}, link.name, currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11643
|
+
}, capitalizeWords(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11638
11644
|
src: dropdownClosedIconUrl
|
|
11639
11645
|
}) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
|
|
11640
11646
|
src: dropdownOpenIconUrl
|
|
11641
11647
|
})) : /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
11642
11648
|
href: link.url,
|
|
11643
11649
|
key: index
|
|
11644
|
-
}, link.name);
|
|
11650
|
+
}, capitalizeWords(link.name));
|
|
11645
11651
|
})), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
|
|
11646
11652
|
return /*#__PURE__*/React__default.createElement(NavigationLink, {
|
|
11647
11653
|
href: link.url,
|
|
@@ -11758,7 +11764,6 @@
|
|
|
11758
11764
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
11759
11765
|
toggleSearch: toggleSearch
|
|
11760
11766
|
})), Object.keys(currentSelectedItem).length !== 0 && /*#__PURE__*/React__default.createElement(HeaderDropdown, {
|
|
11761
|
-
headerDropdownProductObject: desktopHeaderLinks.headerDropdownProductObject,
|
|
11762
11767
|
currentSelectedItem: currentSelectedItem,
|
|
11763
11768
|
handleShowDropdown: function handleShowDropdown() {
|
|
11764
11769
|
return _handleShowDropdown();
|
|
@@ -11769,7 +11774,7 @@
|
|
|
11769
11774
|
|
|
11770
11775
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
11771
11776
|
|
|
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;
|
|
11777
|
+
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
11778
|
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
11779
|
return props.theme.rareStepColors.ntrlMin;
|
|
11775
11780
|
}, function (props) {
|
|
@@ -11778,27 +11783,32 @@
|
|
|
11778
11783
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11779
11784
|
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
11785
|
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
|
|
11786
|
+
var NavigationWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
11787
|
+
return props.theme.marginPaddings[1];
|
|
11788
|
+
});
|
|
11789
|
+
var NavigationWrapperTitle = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n font-size: 16px;\n"])));
|
|
11790
|
+
var NavigationWrapperItem = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n padding: 10px 0px 0px 20px;\n font-size: 14px;\n cursor: pointer;\n"])));
|
|
11791
|
+
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
11792
|
return props.theme.rareStepFontSize.h6;
|
|
11783
11793
|
});
|
|
11784
|
-
var SideNav = styled__default.div(
|
|
11794
|
+
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
11795
|
return props.theme.rareStepColors.primary;
|
|
11786
11796
|
}, function (props) {
|
|
11787
11797
|
return props.theme.rareStepColors.ntrlMin;
|
|
11788
11798
|
}, function (props) {
|
|
11789
11799
|
return props.theme.marginPaddings[1];
|
|
11790
11800
|
});
|
|
11791
|
-
var Overlay = styled__default.div(
|
|
11801
|
+
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
11802
|
return props.theme.rareStepColors.ntrl40;
|
|
11793
11803
|
});
|
|
11794
|
-
var CloseIcon$1 = styled__default.img(
|
|
11795
|
-
var SideNavLink = styled__default.a(
|
|
11804
|
+
var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11805
|
+
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
11806
|
return props.theme.marginPaddings[1];
|
|
11797
11807
|
}, function (props) {
|
|
11798
11808
|
return props.theme.rareStepColors.ntrlMin;
|
|
11799
11809
|
});
|
|
11800
|
-
var CloseIconWrapper = styled__default.div(
|
|
11801
|
-
var SellToUsLink$1 = styled__default.a(
|
|
11810
|
+
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"])));
|
|
11811
|
+
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
11812
|
return props.theme.rareStepColors.secondary;
|
|
11803
11813
|
}, function (props) {
|
|
11804
11814
|
return props.theme.rareStepColors.secondary;
|
|
@@ -11813,12 +11823,12 @@
|
|
|
11813
11823
|
}, function (props) {
|
|
11814
11824
|
return props.theme.rareStepFontSize.h5;
|
|
11815
11825
|
});
|
|
11816
|
-
var SubMenuLinkContainer = styled__default.div(
|
|
11817
|
-
var SubMenuRightIcon = styled__default.img(
|
|
11818
|
-
var Hr = styled__default.hr(
|
|
11826
|
+
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"])));
|
|
11827
|
+
var SubMenuRightIcon = styled__default.img(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11828
|
+
var Hr = styled__default.hr(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11819
11829
|
return props.theme.rareStepColors.ntrlMax;
|
|
11820
11830
|
});
|
|
11821
|
-
var MobileSearchContainer = styled__default.div(
|
|
11831
|
+
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
11832
|
return props.theme.rareStepColors.primary;
|
|
11823
11833
|
}, function (props) {
|
|
11824
11834
|
return props.theme.rareStepColors.ntrl50;
|
|
@@ -11829,19 +11839,19 @@
|
|
|
11829
11839
|
}, function (props) {
|
|
11830
11840
|
return props.theme.rareStepColors.ntrlMin;
|
|
11831
11841
|
});
|
|
11832
|
-
var BackButton = styled__default.button(
|
|
11842
|
+
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
11843
|
return props.theme.rareStepColors.ntrlMin;
|
|
11834
11844
|
}, function (props) {
|
|
11835
11845
|
return props.theme.rareStepColors.ntrlMin;
|
|
11836
11846
|
});
|
|
11837
|
-
var BackIcon = styled__default.img(
|
|
11838
|
-
var BackButtonContent = styled__default.div(
|
|
11847
|
+
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"])));
|
|
11848
|
+
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
11849
|
return props.theme.rareStepFontSize.h5;
|
|
11840
11850
|
}, function (props) {
|
|
11841
11851
|
return props.theme.rareStepColors.ntrlMin;
|
|
11842
11852
|
});
|
|
11843
|
-
var SideNavLinksContainer = styled__default.div(
|
|
11844
|
-
var MenuSideNavWrapper = styled__default.div(
|
|
11853
|
+
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"])));
|
|
11854
|
+
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
11855
|
return props.theme.marginPaddings[4];
|
|
11846
11856
|
}, function (props) {
|
|
11847
11857
|
return props.theme.marginPaddings[1];
|
|
@@ -11900,19 +11910,34 @@
|
|
|
11900
11910
|
closeSubMenu();
|
|
11901
11911
|
};
|
|
11902
11912
|
|
|
11903
|
-
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.
|
|
11913
|
+
return /*#__PURE__*/React__default.createElement(React.Fragment, null, ((links === null || links === void 0 ? void 0 : links.navigationMenus) || []).map(function (item) {
|
|
11914
|
+
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, {
|
|
11915
|
+
style: {
|
|
11916
|
+
cursor: item.isLink && 'pointer'
|
|
11917
|
+
},
|
|
11918
|
+
onClick: function onClick() {
|
|
11919
|
+
return item.isLink && item.onClickItem();
|
|
11920
|
+
}
|
|
11921
|
+
}, item.title), item.items.map(function (subItems) {
|
|
11922
|
+
return subItems.isMobile && /*#__PURE__*/React__default.createElement(NavigationWrapperItem, {
|
|
11923
|
+
onClick: function onClick() {
|
|
11924
|
+
return subItems.onClickItem();
|
|
11925
|
+
}
|
|
11926
|
+
}, subItems.name);
|
|
11927
|
+
})));
|
|
11928
|
+
}), links.top.map(function (link, index) {
|
|
11904
11929
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
11905
11930
|
onClick: function onClick() {
|
|
11906
11931
|
return setShowSideNavSubMenu(true);
|
|
11907
11932
|
},
|
|
11908
11933
|
key: index
|
|
11909
|
-
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, link.name), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
11934
|
+
}, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalizeWords(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
|
|
11910
11935
|
src: rightArrowIconUrl
|
|
11911
11936
|
})) : /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
11912
11937
|
key: index,
|
|
11913
11938
|
href: link.url
|
|
11914
|
-
}, link.name);
|
|
11915
|
-
}), /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
11939
|
+
}, capitalizeWords(link.name));
|
|
11940
|
+
}), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
|
|
11916
11941
|
href: links.button.url
|
|
11917
11942
|
}, links.button.name), links.bottom.map(function (link, index) {
|
|
11918
11943
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
@@ -11922,7 +11947,7 @@
|
|
|
11922
11947
|
onClick: link !== null && link !== void 0 && link.isButton ? function () {
|
|
11923
11948
|
return handleOnLinkClick(link);
|
|
11924
11949
|
} : null
|
|
11925
|
-
}, link.name);
|
|
11950
|
+
}, capitalizeWords(link.name));
|
|
11926
11951
|
}));
|
|
11927
11952
|
}
|
|
11928
11953
|
|
|
@@ -11932,7 +11957,7 @@
|
|
|
11932
11957
|
return /*#__PURE__*/React__default.createElement(SideNavLink, {
|
|
11933
11958
|
key: index,
|
|
11934
11959
|
href: link.url
|
|
11935
|
-
}, link.name);
|
|
11960
|
+
}, capitalizeWords(link.name));
|
|
11936
11961
|
}));
|
|
11937
11962
|
}
|
|
11938
11963
|
|