@bonlineza/luxity-lib 2.13.1 → 2.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AddInterest.js +129 -51
- package/BrandSelector.js +107 -29
- package/GraphQLDropdownSelector.js +107 -29
- package/Interests.js +133 -55
- package/LuxityGraphQLDropdownSelector.js +107 -29
- package/MaterialSelector.js +107 -29
- package/ModelSelector.js +107 -29
- package/RareStepFooter.js +86 -52
- package/RareStepHeader.js +400 -58
- package/build/bundle.js +501 -125
- package/package.json +1 -1
package/Interests.js
CHANGED
|
@@ -9955,9 +9955,15 @@
|
|
|
9955
9955
|
shoeSizes: []
|
|
9956
9956
|
};
|
|
9957
9957
|
|
|
9958
|
-
var _templateObject$E, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
9959
|
-
var HeaderWrapper = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
9958
|
+
var _templateObject$E, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
9959
|
+
var HeaderWrapper = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
|
|
9960
9960
|
return props.theme.rareStepColors.ntrlMin;
|
|
9961
|
+
}, function (props) {
|
|
9962
|
+
return props.theme.rareStepColors.primary;
|
|
9963
|
+
}, function (props) {
|
|
9964
|
+
return props.theme.rareStepPageSizes.container;
|
|
9965
|
+
}, function (props) {
|
|
9966
|
+
return props.theme.marginPaddings[1];
|
|
9961
9967
|
});
|
|
9962
9968
|
var PageContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
9963
9969
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -9988,7 +9994,7 @@
|
|
|
9988
9994
|
}, function (props) {
|
|
9989
9995
|
return props.theme.marginPaddings[1];
|
|
9990
9996
|
});
|
|
9991
|
-
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
9997
|
+
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n text-decoration: none;\n white-space: nowrap;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
9992
9998
|
return props.theme.rareStepColors.ntrlMin;
|
|
9993
9999
|
}, function (props) {
|
|
9994
10000
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -10056,21 +10062,15 @@
|
|
|
10056
10062
|
}, function (props) {
|
|
10057
10063
|
return props.theme.rareStepColors.secondary;
|
|
10058
10064
|
});
|
|
10059
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
10065
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10060
10066
|
return props.theme.marginPaddings[1];
|
|
10061
|
-
}, function (props) {
|
|
10062
|
-
return props.theme.marginPaddings[3];
|
|
10063
|
-
}, function (props) {
|
|
10064
|
-
return props.theme.rareStepColors.primary;
|
|
10065
10067
|
}, function (props) {
|
|
10066
10068
|
return props.theme.rareStepColors.ntrl40;
|
|
10067
10069
|
});
|
|
10068
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
10070
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10069
10071
|
return props.theme.rareStepFontSize.footerTitle;
|
|
10070
10072
|
}, function (props) {
|
|
10071
10073
|
return props.theme.marginPaddings[0];
|
|
10072
|
-
}, function (props) {
|
|
10073
|
-
return props.theme.rareStepColors.primary;
|
|
10074
10074
|
}, function (props) {
|
|
10075
10075
|
return props.theme.rareStepColors.ntrl40;
|
|
10076
10076
|
}, function (props) {
|
|
@@ -10080,9 +10080,86 @@
|
|
|
10080
10080
|
});
|
|
10081
10081
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10082
10082
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10083
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10083
10084
|
|
|
10084
|
-
var _templateObject$F, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
10085
|
-
var
|
|
10085
|
+
var _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;
|
|
10086
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
|
|
10087
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10088
|
+
}, function (props) {
|
|
10089
|
+
return props.theme.marginPaddings[3];
|
|
10090
|
+
});
|
|
10091
|
+
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10092
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
10093
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
|
|
10094
|
+
var SideNavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10095
|
+
return props.theme.rareStepFontSize.h6;
|
|
10096
|
+
});
|
|
10097
|
+
var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
|
|
10098
|
+
return props.theme.rareStepColors.primary;
|
|
10099
|
+
}, function (props) {
|
|
10100
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10101
|
+
}, function (props) {
|
|
10102
|
+
return props.theme.marginPaddings[1];
|
|
10103
|
+
});
|
|
10104
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
10105
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10106
|
+
});
|
|
10107
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10108
|
+
var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
|
|
10109
|
+
return props.theme.marginPaddings[1];
|
|
10110
|
+
}, function (props) {
|
|
10111
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10112
|
+
});
|
|
10113
|
+
var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
10114
|
+
var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n }\n"])), function (props) {
|
|
10115
|
+
return props.theme.rareStepColors.secondary;
|
|
10116
|
+
}, function (props) {
|
|
10117
|
+
return props.theme.rareStepColors.secondary;
|
|
10118
|
+
}, function (props) {
|
|
10119
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10120
|
+
}, function (props) {
|
|
10121
|
+
return props.theme.marginPaddings[2];
|
|
10122
|
+
}, function (props) {
|
|
10123
|
+
return props.theme.marginPaddings[1];
|
|
10124
|
+
}, function (props) {
|
|
10125
|
+
return props.theme.marginPaddings[1];
|
|
10126
|
+
});
|
|
10127
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
10128
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
10129
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10130
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10131
|
+
});
|
|
10132
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width: 30px;\n height: 30px;\n }\n\n &__search-container {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
10133
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10134
|
+
}, function (props) {
|
|
10135
|
+
return props.theme.rareStepColors.ntrl50;
|
|
10136
|
+
}, function (props) {
|
|
10137
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10138
|
+
}, function (props) {
|
|
10139
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10140
|
+
}, function (props) {
|
|
10141
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10142
|
+
});
|
|
10143
|
+
var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10144
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10145
|
+
}, function (props) {
|
|
10146
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10147
|
+
});
|
|
10148
|
+
var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
10149
|
+
var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
10150
|
+
return props.theme.rareStepFontSize.h5;
|
|
10151
|
+
}, function (props) {
|
|
10152
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10153
|
+
});
|
|
10154
|
+
var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
|
|
10155
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
|
|
10156
|
+
return props.theme.marginPaddings[4];
|
|
10157
|
+
}, function (props) {
|
|
10158
|
+
return props.theme.marginPaddings[1];
|
|
10159
|
+
});
|
|
10160
|
+
|
|
10161
|
+
var _templateObject$G, _templateObject2$8, _templateObject3$5, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
10162
|
+
var FooterWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10086
10163
|
return props.theme.rareStepColors.ntrlMax;
|
|
10087
10164
|
}, function (props) {
|
|
10088
10165
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10091,16 +10168,16 @@
|
|
|
10091
10168
|
}, function (props) {
|
|
10092
10169
|
return props.theme.rareStepFontSize.h5;
|
|
10093
10170
|
});
|
|
10094
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10171
|
+
var PageContainer$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
10095
10172
|
return props.theme.rareStepPageSizes.container;
|
|
10096
10173
|
});
|
|
10097
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10174
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10098
10175
|
return props.theme.marginPaddings[4];
|
|
10099
10176
|
});
|
|
10100
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
10177
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
10101
10178
|
return props.theme.marginPaddings[4];
|
|
10102
10179
|
});
|
|
10103
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
10180
|
+
var FooterTitleLink = styled__default.a(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n text-transform: uppercase;\n color: ", ";\n margin-bottom: ", ";\n cursor: pointer;\n font-weight: ", ";\n font-size: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10104
10181
|
return props.theme.rareStepColors.ntrlMin;
|
|
10105
10182
|
}, function (props) {
|
|
10106
10183
|
return props.theme.marginPaddings[1];
|
|
@@ -10111,7 +10188,7 @@
|
|
|
10111
10188
|
}, function (props) {
|
|
10112
10189
|
return props.theme.rareStepColors.ntrlMin;
|
|
10113
10190
|
});
|
|
10114
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
10191
|
+
var FooterLink = styled__default.a(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n cursor: pointer;\n margin-bottom: ", ";\n font-weight: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10115
10192
|
return props.theme.rareStepColors.ntrlMin;
|
|
10116
10193
|
}, function (props) {
|
|
10117
10194
|
return props.theme.space[2];
|
|
@@ -10120,36 +10197,37 @@
|
|
|
10120
10197
|
}, function (props) {
|
|
10121
10198
|
return props.theme.rareStepColors.ntrlMin;
|
|
10122
10199
|
});
|
|
10123
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
10124
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
10200
|
+
var FooterImage = styled__default.img(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
10201
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10125
10202
|
return props.theme.marginPaddings[4];
|
|
10126
10203
|
});
|
|
10127
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
10204
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
10128
10205
|
return props.theme.marginPaddings[5];
|
|
10129
10206
|
});
|
|
10130
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
10131
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
10207
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10208
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
10132
10209
|
return props.theme.marginPaddings[0];
|
|
10133
10210
|
});
|
|
10134
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
10211
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10135
10212
|
return props.theme.marginPaddings[1];
|
|
10136
10213
|
}, function (props) {
|
|
10137
10214
|
return props.theme.rareStepColors.ntrlMin;
|
|
10138
10215
|
});
|
|
10139
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
10216
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10140
10217
|
return props.theme.rareStepColors.ntrlMin;
|
|
10141
10218
|
}, function (props) {
|
|
10142
10219
|
return props.theme.rareStepFontWeights.normal;
|
|
10143
10220
|
});
|
|
10144
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
10145
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
10221
|
+
var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
10222
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10223
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10146
10224
|
|
|
10147
|
-
var _templateObject$
|
|
10225
|
+
var _templateObject$H;
|
|
10148
10226
|
var ALL_ITEM = {
|
|
10149
10227
|
label: 'ALL',
|
|
10150
10228
|
value: 'ALL'
|
|
10151
10229
|
};
|
|
10152
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10230
|
+
var StyledMultiselector = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
10153
10231
|
return props.theme.colors.primary;
|
|
10154
10232
|
}, function (props) {
|
|
10155
10233
|
return props.theme.colors.ntrlMin;
|
|
@@ -10427,15 +10505,15 @@
|
|
|
10427
10505
|
}
|
|
10428
10506
|
};
|
|
10429
10507
|
|
|
10430
|
-
var _templateObject$
|
|
10508
|
+
var _templateObject$I, _templateObject2$9;
|
|
10431
10509
|
var ALL_ITEM$1 = {
|
|
10432
10510
|
id: 'ALL',
|
|
10433
10511
|
name: 'ALL'
|
|
10434
10512
|
};
|
|
10435
10513
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10436
10514
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10437
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10438
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10515
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10516
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10439
10517
|
return props.theme.marginPaddings[2];
|
|
10440
10518
|
}, function (props) {
|
|
10441
10519
|
return props.theme.colors.ntrlMin;
|
|
@@ -10672,7 +10750,7 @@
|
|
|
10672
10750
|
}));
|
|
10673
10751
|
});
|
|
10674
10752
|
|
|
10675
|
-
var _templateObject$
|
|
10753
|
+
var _templateObject$J;
|
|
10676
10754
|
|
|
10677
10755
|
var Title$3 = function Title(_ref) {
|
|
10678
10756
|
var baseClass = _ref.baseClass,
|
|
@@ -10693,7 +10771,7 @@
|
|
|
10693
10771
|
})));
|
|
10694
10772
|
};
|
|
10695
10773
|
|
|
10696
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10774
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10697
10775
|
return props.theme.marginPaddings[2];
|
|
10698
10776
|
}, function (props) {
|
|
10699
10777
|
return props.theme.fontSizes[2];
|
|
@@ -10833,8 +10911,8 @@
|
|
|
10833
10911
|
baseQueryLimit: 12
|
|
10834
10912
|
};
|
|
10835
10913
|
|
|
10836
|
-
var _templateObject$
|
|
10837
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10914
|
+
var _templateObject$K;
|
|
10915
|
+
var BaseButton = styled__default.button(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10838
10916
|
return props.theme.colors.base;
|
|
10839
10917
|
}, function (props) {
|
|
10840
10918
|
return props.theme.colors.borderColor;
|
|
@@ -10903,12 +10981,12 @@
|
|
|
10903
10981
|
}
|
|
10904
10982
|
};
|
|
10905
10983
|
|
|
10906
|
-
var _templateObject$
|
|
10907
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10984
|
+
var _templateObject$L, _templateObject2$a;
|
|
10985
|
+
var TitleWrapper = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10908
10986
|
return props.theme.marginPaddings[4];
|
|
10909
10987
|
});
|
|
10910
10988
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10911
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10989
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10912
10990
|
return props.childVisible ? 1 : 0;
|
|
10913
10991
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10914
10992
|
return props.childVisible ? 1 : 0;
|
|
@@ -11042,8 +11120,8 @@
|
|
|
11042
11120
|
}
|
|
11043
11121
|
};
|
|
11044
11122
|
|
|
11045
|
-
var _templateObject$
|
|
11046
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11123
|
+
var _templateObject$M;
|
|
11124
|
+
var SelectionWrapper = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
11047
11125
|
return props.theme.marginPaddings[2];
|
|
11048
11126
|
}, function (props) {
|
|
11049
11127
|
return props.theme.marginPaddings[2];
|
|
@@ -11059,14 +11137,14 @@
|
|
|
11059
11137
|
|
|
11060
11138
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11061
11139
|
|
|
11062
|
-
var _templateObject$
|
|
11063
|
-
var Content = styled__default.div(_templateObject$
|
|
11140
|
+
var _templateObject$N, _templateObject2$b, _templateObject3$6;
|
|
11141
|
+
var Content = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
11064
11142
|
return props.theme.colors.primary;
|
|
11065
11143
|
}, function (props) {
|
|
11066
11144
|
return props.theme.marginPaddings[0];
|
|
11067
11145
|
});
|
|
11068
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11069
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11146
|
+
var InputText = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11147
|
+
var StyledLabel = styled__default.label(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
11070
11148
|
return props.theme.colors.primary;
|
|
11071
11149
|
}, Content, function (props) {
|
|
11072
11150
|
return props.theme.colors.primary;
|
|
@@ -11295,28 +11373,28 @@
|
|
|
11295
11373
|
}
|
|
11296
11374
|
};
|
|
11297
11375
|
|
|
11298
|
-
var _templateObject$
|
|
11376
|
+
var _templateObject$O, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4;
|
|
11299
11377
|
var UNISEX$1 = genders.UNISEX;
|
|
11300
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11378
|
+
var AddInterestContainer = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11301
11379
|
return props.theme.marginPaddings[6];
|
|
11302
11380
|
}, function (props) {
|
|
11303
11381
|
return props.theme.colors.borderColor;
|
|
11304
11382
|
}, function (props) {
|
|
11305
11383
|
return props.theme.marginPaddings[6];
|
|
11306
11384
|
});
|
|
11307
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11385
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
11308
11386
|
return props.theme.marginPaddings[6];
|
|
11309
11387
|
}, media.xs, function (props) {
|
|
11310
11388
|
return props.theme.marginPaddings[0];
|
|
11311
11389
|
}, function (props) {
|
|
11312
11390
|
return props.theme.marginPaddings[1];
|
|
11313
11391
|
});
|
|
11314
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11392
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11315
11393
|
return props.theme.colors.darkerGray;
|
|
11316
11394
|
}, function (props) {
|
|
11317
11395
|
return props.theme.marginPaddings[2];
|
|
11318
11396
|
});
|
|
11319
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11397
|
+
var AddInterestButton = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
|
|
11320
11398
|
return props.theme.colors.darkerGray;
|
|
11321
11399
|
}, function (props) {
|
|
11322
11400
|
return props.theme.colors.borderColor;
|
|
@@ -11325,7 +11403,7 @@
|
|
|
11325
11403
|
}, function (props) {
|
|
11326
11404
|
return props.theme.marginPaddings[2];
|
|
11327
11405
|
});
|
|
11328
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11406
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
11329
11407
|
|
|
11330
11408
|
var AddIcon = function AddIcon(_ref) {
|
|
11331
11409
|
var onClick = _ref.onClick,
|
|
@@ -11622,8 +11700,8 @@
|
|
|
11622
11700
|
|
|
11623
11701
|
var AddInterest$1 = themed(AddInterest);
|
|
11624
11702
|
|
|
11625
|
-
var _templateObject$
|
|
11626
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11703
|
+
var _templateObject$P;
|
|
11704
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11627
11705
|
return props.theme.marginPaddings[0];
|
|
11628
11706
|
}, function (props) {
|
|
11629
11707
|
return props.theme.colors.primary;
|
|
@@ -11657,8 +11735,8 @@
|
|
|
11657
11735
|
|
|
11658
11736
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11659
11737
|
|
|
11660
|
-
var _templateObject$
|
|
11661
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11738
|
+
var _templateObject$Q;
|
|
11739
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11662
11740
|
return props.theme.colors.primary;
|
|
11663
11741
|
});
|
|
11664
11742
|
var AccountIcon = themed(function () {
|