@bonlineza/luxity-lib 2.32.6 → 2.32.7
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/LuxityAppSideNav.js +186 -0
- package/LuxityMobileHeader.js +5 -5
- package/LuxitySideNav.js +5 -5
- package/build/bundle.css +1 -1
- package/build/bundle.js +5 -6
- package/package.json +1 -1
- package/postcss.config.js +6 -0
|
@@ -0,0 +1,186 @@
|
|
|
1
|
+
(function (global, factory) {
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react'], factory) :
|
|
4
|
+
(global = global || self, global.LuxityAppSideNav = factory(global.React));
|
|
5
|
+
}(this, (function (React) { 'use strict';
|
|
6
|
+
|
|
7
|
+
React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
|
|
8
|
+
|
|
9
|
+
var LuxityAppSideNav = function LuxityAppSideNav(_ref) {
|
|
10
|
+
var closeIcon = _ref.closeIcon,
|
|
11
|
+
accountIcon = _ref.accountIcon,
|
|
12
|
+
orderIcon = _ref.orderIcon,
|
|
13
|
+
saleIcon = _ref.saleIcon,
|
|
14
|
+
onDashboardClick = _ref.onDashboardClick,
|
|
15
|
+
onLogoutClick = _ref.onLogoutClick,
|
|
16
|
+
bugReportLink = _ref.bugReportLink,
|
|
17
|
+
onLuxityShopClick = _ref.onLuxityShopClick,
|
|
18
|
+
onInterestClick = _ref.onInterestClick,
|
|
19
|
+
onAddressClick = _ref.onAddressClick,
|
|
20
|
+
onCouponsClick = _ref.onCouponsClick,
|
|
21
|
+
onEditProfileClick = _ref.onEditProfileClick,
|
|
22
|
+
onCurrentOrdersClick = _ref.onCurrentOrdersClick,
|
|
23
|
+
onPastOrdersClick = _ref.onPastOrdersClick,
|
|
24
|
+
onPastSalesClick = _ref.onPastSalesClick,
|
|
25
|
+
onPaidOutClick = _ref.onPaidOutClick,
|
|
26
|
+
showSideNav = _ref.showSideNav,
|
|
27
|
+
onMenuClick = _ref.onMenuClick;
|
|
28
|
+
|
|
29
|
+
var onCloseSideNav = function onCloseSideNav(e) {
|
|
30
|
+
onMenuClick();
|
|
31
|
+
|
|
32
|
+
if (e.key === 'Enter') {
|
|
33
|
+
e.preventDefault();
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: "side-nav"
|
|
39
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
40
|
+
role: "button",
|
|
41
|
+
tabIndex: 0,
|
|
42
|
+
className: "side-nav__overlay ".concat(showSideNav ? 'side-nav__overlay--visible' : 'side-nav__overlay--hidden', " "),
|
|
43
|
+
onClick: onCloseSideNav,
|
|
44
|
+
onKeyDown: onCloseSideNav
|
|
45
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
46
|
+
className: "side-nav__content ".concat(showSideNav ? 'side-nav__content--open' : 'side-nav__content--closed')
|
|
47
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
48
|
+
type: "button",
|
|
49
|
+
onClick: onMenuClick,
|
|
50
|
+
className: "side-nav__icon-container"
|
|
51
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
52
|
+
src: closeIcon,
|
|
53
|
+
alt: "close-icon",
|
|
54
|
+
className: "side-nav__close-icon"
|
|
55
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
56
|
+
className: "side-nav__menu-items-wrapper"
|
|
57
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
58
|
+
className: "side-nav__menu-item"
|
|
59
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
60
|
+
type: "button",
|
|
61
|
+
className: "side-nav__menu-title-wrapper"
|
|
62
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
63
|
+
className: "side-nav__menu-title"
|
|
64
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
65
|
+
src: accountIcon,
|
|
66
|
+
alt: "close-icon",
|
|
67
|
+
className: "side-nav__menu-icon"
|
|
68
|
+
}), "My Account"))), /*#__PURE__*/React.createElement("div", {
|
|
69
|
+
className: "side-nav__menu-item"
|
|
70
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
71
|
+
type: "button",
|
|
72
|
+
className: "side-nav__menu-title-wrapper",
|
|
73
|
+
onClick: onInterestClick
|
|
74
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
75
|
+
className: "side-nav__menu-title"
|
|
76
|
+
}, "Interests"))), /*#__PURE__*/React.createElement("div", {
|
|
77
|
+
className: "side-nav__menu-item"
|
|
78
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
79
|
+
type: "button",
|
|
80
|
+
className: "side-nav__menu-title-wrapper",
|
|
81
|
+
onClick: onAddressClick
|
|
82
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
83
|
+
className: "side-nav__menu-title"
|
|
84
|
+
}, "Addresses"))), /*#__PURE__*/React.createElement("div", {
|
|
85
|
+
className: "side-nav__menu-item"
|
|
86
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
87
|
+
type: "button",
|
|
88
|
+
className: "side-nav__menu-title-wrapper",
|
|
89
|
+
onClick: onCouponsClick
|
|
90
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
91
|
+
className: "side-nav__menu-title"
|
|
92
|
+
}, "Coupons"))), /*#__PURE__*/React.createElement("div", {
|
|
93
|
+
className: "side-nav__menu-item"
|
|
94
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
95
|
+
type: "button",
|
|
96
|
+
className: "side-nav__menu-title-wrapper",
|
|
97
|
+
onClick: onEditProfileClick
|
|
98
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
99
|
+
className: "side-nav__menu-title"
|
|
100
|
+
}, "Edit Profile"))), /*#__PURE__*/React.createElement("div", {
|
|
101
|
+
className: "side-nav__menu-divider"
|
|
102
|
+
}, " "), /*#__PURE__*/React.createElement("div", {
|
|
103
|
+
className: "side-nav__menu-item"
|
|
104
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
105
|
+
type: "button",
|
|
106
|
+
className: "side-nav__menu-title-wrapper"
|
|
107
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
108
|
+
className: "side-nav__menu-title"
|
|
109
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
110
|
+
src: orderIcon,
|
|
111
|
+
alt: "close-icon",
|
|
112
|
+
className: "side-nav__menu-icon"
|
|
113
|
+
}), "My Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
114
|
+
className: "side-nav__menu-item"
|
|
115
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
116
|
+
type: "button",
|
|
117
|
+
className: "side-nav__menu-title-wrapper",
|
|
118
|
+
onClick: onCurrentOrdersClick
|
|
119
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
120
|
+
className: "side-nav__menu-title"
|
|
121
|
+
}, "Current Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
122
|
+
className: "side-nav__menu-item"
|
|
123
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
124
|
+
type: "button",
|
|
125
|
+
className: "side-nav__menu-title-wrapper",
|
|
126
|
+
onClick: onPastOrdersClick
|
|
127
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
128
|
+
className: "side-nav__menu-title"
|
|
129
|
+
}, "Past Orders"))), /*#__PURE__*/React.createElement("div", {
|
|
130
|
+
className: "side-nav__menu-divider"
|
|
131
|
+
}, " "), /*#__PURE__*/React.createElement("div", {
|
|
132
|
+
className: "side-nav__menu-item"
|
|
133
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
134
|
+
type: "button",
|
|
135
|
+
className: "side-nav__menu-title-wrapper"
|
|
136
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
137
|
+
className: "side-nav__menu-title"
|
|
138
|
+
}, /*#__PURE__*/React.createElement("img", {
|
|
139
|
+
src: saleIcon,
|
|
140
|
+
alt: "close-icon",
|
|
141
|
+
className: "side-nav__menu-icon"
|
|
142
|
+
}), "My Sales"))), /*#__PURE__*/React.createElement("div", {
|
|
143
|
+
className: "side-nav__menu-item"
|
|
144
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
145
|
+
type: "button",
|
|
146
|
+
className: "side-nav__menu-title-wrapper",
|
|
147
|
+
onClick: onPastSalesClick
|
|
148
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
149
|
+
className: "side-nav__menu-title"
|
|
150
|
+
}, "Sales & Consignments"))), /*#__PURE__*/React.createElement("div", {
|
|
151
|
+
className: "side-nav__menu-item"
|
|
152
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
153
|
+
type: "button",
|
|
154
|
+
className: "side-nav__menu-title-wrapper",
|
|
155
|
+
onClick: onPaidOutClick
|
|
156
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
157
|
+
className: "side-nav__menu-title"
|
|
158
|
+
}, "Paid Out"))), /*#__PURE__*/React.createElement("div", {
|
|
159
|
+
className: "side-nav__menu-item"
|
|
160
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
161
|
+
type: "button",
|
|
162
|
+
className: "side-nav__block-button",
|
|
163
|
+
onClick: onLuxityShopClick
|
|
164
|
+
}, "LUXITY SHOP")), /*#__PURE__*/React.createElement("div", {
|
|
165
|
+
className: "side-nav__menu-item"
|
|
166
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
167
|
+
type: "button",
|
|
168
|
+
className: "side-nav__sub-link",
|
|
169
|
+
onClick: onDashboardClick
|
|
170
|
+
}, "Dashboard")), /*#__PURE__*/React.createElement("div", {
|
|
171
|
+
className: "side-nav__menu-item"
|
|
172
|
+
}, /*#__PURE__*/React.createElement("a", {
|
|
173
|
+
href: bugReportLink,
|
|
174
|
+
className: "side-nav__sub-link"
|
|
175
|
+
}, "Help")), /*#__PURE__*/React.createElement("div", {
|
|
176
|
+
className: "side-nav__menu-item"
|
|
177
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
178
|
+
type: "button",
|
|
179
|
+
className: "side-nav__sub-link",
|
|
180
|
+
onClick: onLogoutClick
|
|
181
|
+
}, "Logout")))));
|
|
182
|
+
};
|
|
183
|
+
|
|
184
|
+
return LuxityAppSideNav;
|
|
185
|
+
|
|
186
|
+
})));
|
package/LuxityMobileHeader.js
CHANGED
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
371
371
|
className: "side-nav__sub-menu-title"
|
|
372
372
|
}, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
|
|
373
|
-
href: "".concat(productUrl, "/
|
|
373
|
+
href: "".concat(productUrl, "/").concat(categorySlug),
|
|
374
374
|
className: "side-nav__element"
|
|
375
375
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
376
376
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -439,7 +439,7 @@
|
|
|
439
439
|
latestArrivals: [],
|
|
440
440
|
bags: [],
|
|
441
441
|
shoes: [],
|
|
442
|
-
|
|
442
|
+
apparel: [],
|
|
443
443
|
accessories: [],
|
|
444
444
|
watches: [],
|
|
445
445
|
accessoriesCategories: [],
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
type: "button",
|
|
569
569
|
className: "side-nav__menu-title-wrapper",
|
|
570
570
|
onClick: function onClick() {
|
|
571
|
-
return onSubMenuClick('
|
|
571
|
+
return onSubMenuClick('apparel');
|
|
572
572
|
}
|
|
573
573
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
574
574
|
className: "side-nav__menu-title"
|
|
@@ -686,14 +686,14 @@
|
|
|
686
686
|
isLoading: loading,
|
|
687
687
|
hasError: hasError
|
|
688
688
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
689
|
-
subMenuOpen: subMenuOpen && displayedSubMenu === '
|
|
689
|
+
subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
|
|
690
690
|
onBackClick: onBackClick,
|
|
691
691
|
backIcon: backIcon,
|
|
692
692
|
subMenuCategoryTitle: "Department",
|
|
693
693
|
productUrl: productUrl,
|
|
694
694
|
categoryElements: dropdownData.apparelStyles,
|
|
695
695
|
subMenuBrandsTitle: "Clothing Brands",
|
|
696
|
-
brandsList: dropdownData.
|
|
696
|
+
brandsList: dropdownData.apparel,
|
|
697
697
|
categorySlug: displayedSubMenu,
|
|
698
698
|
isLoading: loading,
|
|
699
699
|
hasError: hasError
|
package/LuxitySideNav.js
CHANGED
|
@@ -195,7 +195,7 @@
|
|
|
195
195
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
196
196
|
className: "side-nav__sub-menu-title"
|
|
197
197
|
}, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
|
|
198
|
-
href: "".concat(productUrl, "/
|
|
198
|
+
href: "".concat(productUrl, "/").concat(categorySlug),
|
|
199
199
|
className: "side-nav__element"
|
|
200
200
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
201
201
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -255,7 +255,7 @@
|
|
|
255
255
|
latestArrivals: [],
|
|
256
256
|
bags: [],
|
|
257
257
|
shoes: [],
|
|
258
|
-
|
|
258
|
+
apparel: [],
|
|
259
259
|
accessories: [],
|
|
260
260
|
watches: [],
|
|
261
261
|
accessoriesCategories: [],
|
|
@@ -384,7 +384,7 @@
|
|
|
384
384
|
type: "button",
|
|
385
385
|
className: "side-nav__menu-title-wrapper",
|
|
386
386
|
onClick: function onClick() {
|
|
387
|
-
return onSubMenuClick('
|
|
387
|
+
return onSubMenuClick('apparel');
|
|
388
388
|
}
|
|
389
389
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
390
390
|
className: "side-nav__menu-title"
|
|
@@ -502,14 +502,14 @@
|
|
|
502
502
|
isLoading: loading,
|
|
503
503
|
hasError: hasError
|
|
504
504
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
505
|
-
subMenuOpen: subMenuOpen && displayedSubMenu === '
|
|
505
|
+
subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
|
|
506
506
|
onBackClick: onBackClick,
|
|
507
507
|
backIcon: backIcon,
|
|
508
508
|
subMenuCategoryTitle: "Department",
|
|
509
509
|
productUrl: productUrl,
|
|
510
510
|
categoryElements: dropdownData.apparelStyles,
|
|
511
511
|
subMenuBrandsTitle: "Clothing Brands",
|
|
512
|
-
brandsList: dropdownData.
|
|
512
|
+
brandsList: dropdownData.apparel,
|
|
513
513
|
categorySlug: displayedSubMenu,
|
|
514
514
|
isLoading: loading,
|
|
515
515
|
hasError: hasError
|
package/build/bundle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}
|
|
1
|
+
.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}.navbar__link-item--desktop{align-items:center;display:flex;height:35px;margin:auto 0;padding-top:5px}.navbar__mobile-wrapper{align-items:center;display:flex;flex-direction:column;padding-bottom:20px;padding-left:32px;padding-right:32px}.navbar__container{display:flex;margin:0 auto;max-width:1280px;padding-left:12px;padding-right:12px;width:100%}.navbar__body{flex-basis:60%}.navbar__wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.navbar__product-search-wrapper{align-items:center;display:flex;justify-content:center;padding:0 20%;width:100%}@media only screen and (max-width:879px){.navbar__product-search-wrapper{padding:0}}.navbar__input-close-icon{height:auto;margin-bottom:10px;margin-left:10px;width:20px}@media only screen and (max-width:879px){.navbar__input-close-icon{margin-bottom:0;margin-left:0;width:15px}}.navbar__menu-icon{width:30px}.navbar__product-search{align-items:center;display:flex;max-width:545px;width:100%}.navbar__logo-wrapper{margin-right:18px;width:200px}.navbar__logo{width:200px}@media only screen and (max-width:879px){.navbar__logo{margin-left:10px;margin-top:5px;width:125px}}.navbar__form-input{align-items:center;background:transparent;border:none;display:flex;font-size:13px;outline:none;padding:8px;width:100%}.navbar__product-search{border:1px solid #dfdede;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__product-search{border:none;border-bottom:1px solid #dfdede;margin-bottom:0;margin-right:10px;margin-top:10px}}.navbar__section{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;width:100%}.navbar__link{display:inline-block;font-family:Martel Sans;font-size:14px;font-weight:700;margin-right:10px;overflow:hidden;text-transform:uppercase;transition:.3s ease-in-out}.navbar__link:after{background-color:#000;content:"";display:block;height:2px;transition:width .25s ease-out;width:0}.navbar__link:hover:after{width:100%}.navbar__link:hover .navbar__dropdown{animation:fadeInDropdown .3s ease-in-out;display:block}.navbar__dropdown{background-color:#fff;box-shadow:5px 5px 5px #dfdede;display:none;left:0;position:absolute;width:100%;z-index:999}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar__company-link{font-size:13px;font-weight:400;list-style:none;margin-left:18px;text-decoration:none}.navbar__company-block{align-items:center;background-color:#000;color:#fff;display:flex;font-weight:700;height:33px;justify-content:center;margin-right:0;padding:0 18px;text-transform:uppercase}.navbar__input-search-icon{height:auto;margin-left:1.125rem;margin-right:.375rem;width:15px}.navbar__nav-links{align-items:center;display:flex}.navbar__nav-links--wrap{flex-wrap:wrap}.navbar__icons{align-items:center;display:flex;height:40px;justify-content:flex-end;margin-bottom:10px}@media only screen and (max-width:879px){.navbar__icons{display:block;height:20px;margin-bottom:0}}.navbar__icon{cursor:pointer;height:auto;margin-right:18px;width:20px}@media only screen and (max-width:879px){.navbar__icon{margin-right:0}}.navbar__icon--app{cursor:pointer;height:auto;margin-left:12px;width:20px}@media only screen and (max-width:879px){.navbar__icon--app{margin-right:0}}.navbar__cart-icon{position:relative}.navbar__cart-count{align-items:center;background-color:#000;border-radius:50%;bottom:50%;color:#fff;display:flex;font-size:13px;height:20px;justify-content:center;left:100%;position:absolute;width:20px}.footer__newsletter-section{align-items:center;background-color:#000;color:#fff;display:flex;justify-content:space-between;padding:2.265rem 0}@media only screen and (max-width:879px){.footer__newsletter-section{flex-direction:column}}.footer__newsletter-wrapper{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__newsletter-wrapper{flex-direction:column}.footer__link-container{flex-basis:50%}}.footer__newsletter-icon{height:30px;position:absolute;right:0;top:0;width:32px}.footer__newsletter-form{flex-basis:50%;max-width:250px;position:relative}@media only screen and (max-width:879px){.footer__newsletter-form{display:block;margin-top:20px;max-width:100%;width:100%}}.footer__newsletter-title{font-family:Martel Sans,sans-serif;font-size:14px;font-weight:700;letter-spacing:3px;margin-bottom:1.125rem;text-transform:uppercase}.footer__newsletter-text{font-size:14px}.footer__form-input{background-color:#000;border:none;border-bottom:1px solid #fff;color:#fff;height:30px;outline:none;width:100%}.footer__form-input::-moz-placeholder{color:#fff;font-weight:400}.footer__form-input::placeholder{color:#fff;font-weight:400}.footer__form-errors{color:#fff;margin-top:5px}.footer__main-section{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:50px;margin-top:80px}.footer__link-title{font-family:El Messiri;font-size:16px;font-weight:700;margin-bottom:20px;text-transform:uppercase}@media only screen and (max-width:879px){.footer__link-title{margin-bottom:10px}}.footer__link-child{margin-top:25px}.footer__links{display:flex;flex-direction:column}.footer__link{color:#939393;cursor:pointer;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__link:hover{color:#000;text-decoration:underline}@media only screen and (max-width:879px){.footer__link{margin-bottom:10px}}.footer__link-wrapper{align-items:center;display:flex;gap:5px}.footer__link-icon{height:13px;margin-bottom:18px}.footer__text{color:#939393;font-family:Martel Sans;font-size:14px;line-height:20px;margin-bottom:15px;text-align:left;text-decoration:none}.footer__store-hours{margin-top:35px}.footer__copyrights-section{border-top:1px solid;display:flex;justify-content:space-between;padding-bottom:20px;padding-top:20px}.footer__logo{height:30px;width:135px}.footer__payment-icons{align-items:center;display:flex}.footer__wrapper{margin:0 auto;max-width:1280px;padding-left:32px;padding-right:32px;width:100%}@media only screen and (max-width:879px){.footer__wrapper{padding:32px 0 0 24px}}.footer__wrapper--desktop{display:block}@media only screen and (max-width:879px){.footer__wrapper--desktop{display:none}}.footer__wrapper--mobile{display:none}@media only screen and (max-width:879px){.footer__wrapper--mobile{display:block;padding-top:30px}}.footer__copyright{font-size:10px;line-height:22px}.footer__copyright--mobile{display:none}@media only screen and (max-width:879px){.footer__copyright--mobile{display:block;padding:30px 10px 30px 0;text-align:center}}.footer__section-row{display:flex;gap:50%}@media only screen and (max-width:879px){.footer__section-row{gap:unset}}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;justify-content:space-between;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{font-size:14px;font-weight:700;line-height:20px;text-transform:uppercase}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.side-nav{font-family:Martel Sans}.side-nav__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center}.side-nav__overlay{background-color:rgba(78,73,73,.51);height:100%;opacity:0;position:fixed;top:0;transition:opacity .5s ease-out 0s,visibility .5s ease-out 0s;width:100%;z-index:99999}.side-nav__overlay--visible{opacity:1;visibility:visible}.side-nav__overlay--hidden{opacity:1;visibility:hidden}.side-nav__content{background-color:#fff;bottom:0;overflow-y:scroll;padding:1.5rem;position:fixed;top:0;transition:left .5s ease-in-out;width:80%;z-index:99999}.side-nav__content--hidden{display:none}.side-nav__content--open{left:0}.side-nav__content--closed{left:-100%}.side-nav__menu-title-wrapper{align-items:center;background-color:transparent;border:none;display:flex;outline:none;width:100%}.side-nav__icon-container{float:right;margin-bottom:10px}.side-nav__menu-title{align-items:center;display:flex;font-size:14px;font-weight:700;justify-content:center;line-height:20px;text-transform:uppercase}.side-nav__menu-icon{display:flex;height:25px;margin-right:10px;width:25px}.side-nav__menu-divider{margin-bottom:40px}.side-nav__accordion-icon{height:auto;width:15px}.side-nav__menu-item{margin-bottom:25px}.side-nav__close-icon{height:20px;margin-left:auto;width:20px}.side-nav__back-button-wrapper{align-items:center;display:flex;margin-bottom:25px}.side-nav__back-icon{height:20px;width:20px}.side-nav__back-button,.side-nav__sub-menu-title{font-weight:700;text-transform:uppercase}.side-nav__sub-menu-title{font-size:14px;margin-bottom:10px}.side-nav__elements{display:flex;flex-direction:column}.side-nav__element{color:#555;cursor:pointer;line-height:20px;margin-bottom:10px}.side-nav__element,.side-nav__sub-link{font-size:14px;font-weight:400;text-transform:capitalize}.side-nav__block-button{background-color:#000;color:#fff;font-weight:700;padding:10px 0;width:100%}.stores-dropdown{align-items:flex-start;display:flex;font-family:Martel Sans;gap:20px;margin-left:auto;margin-right:auto;max-width:1280px;overflow-x:auto;padding:20px 15px}.stores-dropdown__image{height:200px;-o-object-fit:cover;object-fit:cover;width:100%}.stores-dropdown__store-details{flex-basis:20%}.stores-dropdown__title{font-family:El Messiri}.stores-dropdown__main-title,.stores-dropdown__title{font-size:16px;font-weight:400;letter-spacing:3px;margin-top:20px}.stores-dropdown__main-title{font-weight:700;margin-bottom:10px}.stores-dropdown__open-days{font-size:12px;font-weight:700;line-height:20px}.stores-dropdown__open-hours{font-size:12px;font-weight:400;line-height:20px}.stores-dropdown__queries-title{font-family:El Messiri;font-size:16px;font-weight:400;letter-spacing:3px}.stores-dropdown__contact-details{font-size:16px;font-weight:700}.stores-dropdown__view-more{cursor:pointer;font-size:14px;font-weight:400;margin-top:10px;text-transform:capitalize}.dropdown{display:flex;justify-content:space-between;margin-left:auto;margin-right:auto;max-width:1280px;min-height:500px;overflow-x:auto;padding:20px 0}.dropdown__errors{align-items:center;color:red;display:flex;font-size:16px;justify-content:center;min-height:300px}.dropdown__column{flex:1;padding-left:12px}.dropdown__column:nth-child(2){flex:2}.dropdown__title{font-family:El Messiri;font-size:16px;font-weight:700;letter-spacing:3px;line-height:1;margin-bottom:20px;text-transform:uppercase}.dropdown__elements{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:800px;overflow-y:auto}.dropdown__brand-elements{-moz-column-count:3;column-count:3;max-height:800px}.dropdown__brand-element{cursor:pointer;margin-bottom:10px}.dropdown__element{flex-basis:33.33%;font-family:Martel Sans;font-size:14px;font-weight:400;margin-bottom:10px;text-transform:capitalize}.cover-spinner{align-items:center;background-color:hsla(0,0%,100%,.7);display:flex;height:100%;justify-content:center;min-height:400px;position:relative;top:50%;width:100%;z-index:9999}.cover-spinner:after{animation:spin 1.5s linear infinite;border:4px dotted #000;border-radius:50%;border-top-color:transparent;content:"";display:block;height:40px;position:absolute;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
package/build/bundle.js
CHANGED
|
@@ -14002,7 +14002,6 @@
|
|
|
14002
14002
|
_formControl.current.formState = getProxyFormState(formState, control);
|
|
14003
14003
|
return _formControl.current;
|
|
14004
14004
|
}
|
|
14005
|
-
//# sourceMappingURL=index.esm.mjs.map
|
|
14006
14005
|
|
|
14007
14006
|
var _excluded$8 = ["ref"];
|
|
14008
14007
|
|
|
@@ -15052,7 +15051,7 @@
|
|
|
15052
15051
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15053
15052
|
className: "side-nav__sub-menu-title"
|
|
15054
15053
|
}, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement("a", {
|
|
15055
|
-
href: "".concat(productUrl, "/
|
|
15054
|
+
href: "".concat(productUrl, "/").concat(categorySlug),
|
|
15056
15055
|
className: "side-nav__element"
|
|
15057
15056
|
}, "All Brands"), !!brandsList.length && brandsList.map(function (brand) {
|
|
15058
15057
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -15098,7 +15097,7 @@
|
|
|
15098
15097
|
latestArrivals: [],
|
|
15099
15098
|
bags: [],
|
|
15100
15099
|
shoes: [],
|
|
15101
|
-
|
|
15100
|
+
apparel: [],
|
|
15102
15101
|
accessories: [],
|
|
15103
15102
|
watches: [],
|
|
15104
15103
|
accessoriesCategories: [],
|
|
@@ -15227,7 +15226,7 @@
|
|
|
15227
15226
|
type: "button",
|
|
15228
15227
|
className: "side-nav__menu-title-wrapper",
|
|
15229
15228
|
onClick: function onClick() {
|
|
15230
|
-
return onSubMenuClick('
|
|
15229
|
+
return onSubMenuClick('apparel');
|
|
15231
15230
|
}
|
|
15232
15231
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
15233
15232
|
className: "side-nav__menu-title"
|
|
@@ -15345,14 +15344,14 @@
|
|
|
15345
15344
|
isLoading: loading,
|
|
15346
15345
|
hasError: hasError
|
|
15347
15346
|
}), /*#__PURE__*/React__default.createElement(BrandsDropDown, {
|
|
15348
|
-
subMenuOpen: subMenuOpen && displayedSubMenu === '
|
|
15347
|
+
subMenuOpen: subMenuOpen && displayedSubMenu === 'apparel',
|
|
15349
15348
|
onBackClick: onBackClick,
|
|
15350
15349
|
backIcon: backIcon,
|
|
15351
15350
|
subMenuCategoryTitle: "Department",
|
|
15352
15351
|
productUrl: productUrl,
|
|
15353
15352
|
categoryElements: dropdownData.apparelStyles,
|
|
15354
15353
|
subMenuBrandsTitle: "Clothing Brands",
|
|
15355
|
-
brandsList: dropdownData.
|
|
15354
|
+
brandsList: dropdownData.apparel,
|
|
15356
15355
|
categorySlug: displayedSubMenu,
|
|
15357
15356
|
isLoading: loading,
|
|
15358
15357
|
hasError: hasError
|
package/package.json
CHANGED