@bonlineza/luxity-lib 2.33.5 → 2.33.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.
Files changed (28) hide show
  1. package/AddInterest.js +3 -7
  2. package/BrandSelector.js +3 -7
  3. package/GraphQLDropdownSelector.js +3 -7
  4. package/GraphQLMultiSelector.js +1 -1
  5. package/InterestCatSelector.js +1 -1
  6. package/Interests.js +3 -7
  7. package/InvertedTextButton.js +1 -1
  8. package/LuxityAppSideNav.js +9 -0
  9. package/LuxityGraphQLDropdownSelector.js +3 -7
  10. package/LuxityGraphQLMultiselector.js +1 -1
  11. package/LuxityMobileHeader.js +38 -26
  12. package/LuxitySideNav.js +1 -1
  13. package/MaterialSelector.js +3 -7
  14. package/ModelSelector.js +3 -7
  15. package/OutlinePrimaryButton.js +1 -1
  16. package/PriceRangeSelector.js +1 -1
  17. package/PrimaryButton.js +3 -7
  18. package/RareStepHeader.js +1 -0
  19. package/SecondaryButton.js +1 -1
  20. package/ShoeSizeSelector.js +1 -1
  21. package/StyleSelector.js +3 -7
  22. package/TextButton.js +1 -1
  23. package/WrapperButton.js +1 -1
  24. package/build/bundle.css +1 -1
  25. package/build/bundle.js +42 -33
  26. package/package.json +1 -1
  27. package/build/.gitignore +0 -3
  28. package/build/.npmignore +0 -0
package/AddInterest.js CHANGED
@@ -608,7 +608,7 @@
608
608
 
609
609
  var _templateObject$3, _templateObject2;
610
610
  var disabledButtonStyle = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
611
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
611
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
612
612
 
613
613
  var _excluded = ["children"];
614
614
 
@@ -1274,15 +1274,11 @@
1274
1274
  var _excluded$3 = ["children"];
1275
1275
 
1276
1276
  var _templateObject$b;
1277
- var Button$3 = styled__default.button(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
1277
+ var Button$3 = styled__default.button(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1278
1278
  return props.theme.colors.primary;
1279
- }, function (props) {
1280
- return props.theme.colors.ntrlMin;
1281
1279
  }, function (props) {
1282
1280
  return props.theme.colors.primary;
1283
- }, disabledButtonStyle, function (props) {
1284
- return props.theme.colors.primary;
1285
- });
1281
+ }, disabledButtonStyle);
1286
1282
 
1287
1283
  var PrimaryButton = function PrimaryButton(_ref) {
1288
1284
  var children = _ref.children,
package/BrandSelector.js CHANGED
@@ -340,7 +340,7 @@
340
340
 
341
341
  var _templateObject, _templateObject2;
342
342
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
343
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
343
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
344
344
 
345
345
  var theme = {
346
346
  breakpoints: ['40em', '52em', '64em'],
@@ -894,15 +894,11 @@
894
894
  var _excluded$2 = ["children"];
895
895
 
896
896
  var _templateObject$6;
897
- var Button$2 = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
897
+ var Button$2 = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
898
898
  return props.theme.colors.primary;
899
- }, function (props) {
900
- return props.theme.colors.ntrlMin;
901
899
  }, function (props) {
902
900
  return props.theme.colors.primary;
903
- }, disabledButtonStyle, function (props) {
904
- return props.theme.colors.primary;
905
- });
901
+ }, disabledButtonStyle);
906
902
 
907
903
  var PrimaryButton = function PrimaryButton(_ref) {
908
904
  var children = _ref.children,
package/GraphQLDropdownSelector.js CHANGED
@@ -991,20 +991,16 @@
991
991
 
992
992
  var _templateObject$l, _templateObject2$2;
993
993
  var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
994
- var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
994
+ var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
995
995
 
996
996
  var _excluded = ["children"];
997
997
 
998
998
  var _templateObject$m;
999
- var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
999
+ var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1000
1000
  return props.theme.colors.primary;
1001
- }, function (props) {
1002
- return props.theme.colors.ntrlMin;
1003
1001
  }, function (props) {
1004
1002
  return props.theme.colors.primary;
1005
- }, disabledButtonStyle, function (props) {
1006
- return props.theme.colors.primary;
1007
- });
1003
+ }, disabledButtonStyle);
1008
1004
 
1009
1005
  var PrimaryButton = function PrimaryButton(_ref) {
1010
1006
  var children = _ref.children,
package/GraphQLMultiSelector.js CHANGED
@@ -340,7 +340,7 @@
340
340
 
341
341
  var _templateObject, _templateObject2;
342
342
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
343
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
343
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
344
344
 
345
345
  var theme = {
346
346
  breakpoints: ['40em', '52em', '64em'],
package/InterestCatSelector.js CHANGED
@@ -342,7 +342,7 @@
342
342
 
343
343
  var _templateObject$3, _templateObject2;
344
344
  var disabledButtonStyle = styled.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
345
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
345
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
346
346
 
347
347
  var _excluded = ["children"];
348
348
 
package/Interests.js CHANGED
@@ -7519,7 +7519,7 @@
7519
7519
 
7520
7520
  var _templateObject$5, _templateObject2;
7521
7521
  var disabledButtonStyle = styled.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
7522
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
7522
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
7523
7523
 
7524
7524
  var _excluded = ["children"];
7525
7525
 
@@ -8077,15 +8077,11 @@
8077
8077
  var _excluded$3 = ["children"];
8078
8078
 
8079
8079
  var _templateObject$d;
8080
- var Button$3 = styled__default.button(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
8080
+ var Button$3 = styled__default.button(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
8081
8081
  return props.theme.colors.primary;
8082
- }, function (props) {
8083
- return props.theme.colors.ntrlMin;
8084
8082
  }, function (props) {
8085
8083
  return props.theme.colors.primary;
8086
- }, disabledButtonStyle, function (props) {
8087
- return props.theme.colors.primary;
8088
- });
8084
+ }, disabledButtonStyle);
8089
8085
 
8090
8086
  var PrimaryButton = function PrimaryButton(_ref) {
8091
8087
  var children = _ref.children,
package/InvertedTextButton.js CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  var _templateObject, _templateObject2;
76
76
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
77
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
78
78
 
79
79
  var theme = {
80
80
  breakpoints: ['40em', '52em', '64em'],
package/LuxityAppSideNav.js CHANGED
@@ -21,6 +21,7 @@
21
21
  onEditProfileClick = _ref.onEditProfileClick,
22
22
  onCurrentOrdersClick = _ref.onCurrentOrdersClick,
23
23
  onPastOrdersClick = _ref.onPastOrdersClick,
24
+ onSubmissionsClick = _ref.onSubmissionsClick,
24
25
  onPastSalesClick = _ref.onPastSalesClick,
25
26
  onPaidOutClick = _ref.onPaidOutClick,
26
27
  showSideNav = _ref.showSideNav,
@@ -141,6 +142,14 @@
141
142
  className: "side-nav__menu-icon"
142
143
  }), "Sales"))), /*#__PURE__*/React.createElement("div", {
143
144
  className: "side-nav__menu-item"
145
+ }, /*#__PURE__*/React.createElement("button", {
146
+ type: "button",
147
+ className: "side-nav__menu-title-wrapper",
148
+ onClick: onSubmissionsClick
149
+ }, /*#__PURE__*/React.createElement("span", {
150
+ className: "side-nav__menu-title"
151
+ }, "Submissions"))), /*#__PURE__*/React.createElement("div", {
152
+ className: "side-nav__menu-item"
144
153
  }, /*#__PURE__*/React.createElement("button", {
145
154
  type: "button",
146
155
  className: "side-nav__menu-title-wrapper",
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -991,20 +991,16 @@
991
991
 
992
992
  var _templateObject$l, _templateObject2$2;
993
993
  var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
994
- var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
994
+ var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
995
995
 
996
996
  var _excluded = ["children"];
997
997
 
998
998
  var _templateObject$m;
999
- var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
999
+ var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1000
1000
  return props.theme.colors.primary;
1001
- }, function (props) {
1002
- return props.theme.colors.ntrlMin;
1003
1001
  }, function (props) {
1004
1002
  return props.theme.colors.primary;
1005
- }, disabledButtonStyle, function (props) {
1006
- return props.theme.colors.primary;
1007
- });
1003
+ }, disabledButtonStyle);
1008
1004
 
1009
1005
  var PrimaryButton = function PrimaryButton(_ref) {
1010
1006
  var children = _ref.children,
package/LuxityGraphQLMultiselector.js CHANGED
@@ -340,7 +340,7 @@
340
340
 
341
341
  var _templateObject, _templateObject2;
342
342
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
343
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
343
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
344
344
 
345
345
  var theme = {
346
346
  breakpoints: ['40em', '52em', '64em'],
package/LuxityMobileHeader.js CHANGED
@@ -249,6 +249,7 @@
249
249
  onEditProfileClick = _ref.onEditProfileClick,
250
250
  onCurrentOrdersClick = _ref.onCurrentOrdersClick,
251
251
  onPastOrdersClick = _ref.onPastOrdersClick,
252
+ onSubmissionsClick = _ref.onSubmissionsClick,
252
253
  onPastSalesClick = _ref.onPastSalesClick,
253
254
  onPaidOutClick = _ref.onPaidOutClick,
254
255
  showSideNav = _ref.showSideNav,
@@ -369,6 +370,14 @@
369
370
  className: "side-nav__menu-icon"
370
371
  }), "Sales"))), /*#__PURE__*/React__default.createElement("div", {
371
372
  className: "side-nav__menu-item"
373
+ }, /*#__PURE__*/React__default.createElement("button", {
374
+ type: "button",
375
+ className: "side-nav__menu-title-wrapper",
376
+ onClick: onSubmissionsClick
377
+ }, /*#__PURE__*/React__default.createElement("span", {
378
+ className: "side-nav__menu-title"
379
+ }, "Submissions"))), /*#__PURE__*/React__default.createElement("div", {
380
+ className: "side-nav__menu-item"
372
381
  }, /*#__PURE__*/React__default.createElement("button", {
373
382
  type: "button",
374
383
  className: "side-nav__menu-title-wrapper",
@@ -510,7 +519,7 @@
510
519
  }, /*#__PURE__*/React__default.createElement("div", {
511
520
  className: "side-nav__sub-menu-title"
512
521
  }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
513
- href: "".concat(productUrl, "/").concat(categorySlug),
522
+ href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
514
523
  onClick: function onClick() {
515
524
  return setSubMenuOpen(false);
516
525
  },
@@ -1007,6 +1016,7 @@
1007
1016
  onEditProfileClick = _ref.onEditProfileClick,
1008
1017
  onCurrentOrdersClick = _ref.onCurrentOrdersClick,
1009
1018
  onPastOrdersClick = _ref.onPastOrdersClick,
1019
+ onSubmissionsClick = _ref.onSubmissionsClick,
1010
1020
  onPastSalesClick = _ref.onPastSalesClick,
1011
1021
  onPaidOutClick = _ref.onPaidOutClick,
1012
1022
  LinkComponent = _ref.LinkComponent,
@@ -1106,64 +1116,65 @@
1106
1116
  });
1107
1117
  };
1108
1118
 
1109
- var handleSellToUsClick = function handleSellToUsClick() {
1110
- onSellToUsClick();
1119
+ var handleClick = function handleClick(callback) {
1120
+ callback();
1111
1121
  setShowSideNav(false);
1112
1122
  };
1113
1123
 
1124
+ var handleDashboardClick = function handleDashboardClick() {
1125
+ return handleClick(onDashboardClick);
1126
+ };
1127
+
1128
+ var handleSellToUsClick = function handleSellToUsClick() {
1129
+ return handleClick(onSellToUsClick);
1130
+ };
1131
+
1114
1132
  var handleCartClick = function handleCartClick() {
1115
- onCartClick();
1116
- setShowSideNav(false);
1133
+ return handleClick(onCartClick);
1117
1134
  };
1118
1135
 
1119
1136
  var handleLuxityShopClick = function handleLuxityShopClick() {
1120
- onLuxityShopClick();
1121
- setShowSideNav(false);
1137
+ return handleClick(onLuxityShopClick);
1122
1138
  };
1123
1139
 
1124
1140
  var handleLogoutClick = function handleLogoutClick() {
1125
- onLogoutClick();
1126
- setShowSideNav(false);
1141
+ return handleClick(onLogoutClick);
1127
1142
  };
1128
1143
 
1129
1144
  var handleInterestClick = function handleInterestClick() {
1130
- onInterestClick();
1131
- setShowSideNav(false);
1145
+ return handleClick(onInterestClick);
1132
1146
  };
1133
1147
 
1134
1148
  var handleAddressClick = function handleAddressClick() {
1135
- onAddressClick();
1136
- setShowSideNav(false);
1149
+ return handleClick(onAddressClick);
1137
1150
  };
1138
1151
 
1139
1152
  var handleCouponsClick = function handleCouponsClick() {
1140
- onCouponsClick();
1141
- setShowSideNav(false);
1153
+ return handleClick(onCouponsClick);
1142
1154
  };
1143
1155
 
1144
1156
  var handleEditProfileClick = function handleEditProfileClick() {
1145
- onEditProfileClick();
1146
- setShowSideNav(false);
1157
+ return handleClick(onEditProfileClick);
1147
1158
  };
1148
1159
 
1149
1160
  var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
1150
- onCurrentOrdersClick();
1151
- setShowSideNav(false);
1161
+ return handleClick(onCurrentOrdersClick);
1152
1162
  };
1153
1163
 
1154
1164
  var handlePastOrdersClick = function handlePastOrdersClick() {
1155
- onPastOrdersClick();
1156
- setShowSideNav(false);
1165
+ return handleClick(onPastOrdersClick);
1157
1166
  };
1158
1167
 
1159
1168
  var handlePastSalesClick = function handlePastSalesClick() {
1160
- onPastSalesClick();
1161
- setShowSideNav(false);
1169
+ return handleClick(onPastSalesClick);
1162
1170
  };
1163
1171
 
1164
1172
  var handlePaidOutClick = function handlePaidOutClick() {
1165
- onPaidOutClick();
1166
- setShowSideNav(false);
1173
+ return handleClick(onPaidOutClick);
1174
+ };
1175
+
1176
+ var handleSubmissionsClick = function handleSubmissionsClick() {
1177
+ return handleClick(onSubmissionsClick);
1167
1178
  };
1168
1179
 
1169
1180
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
@@ -1267,7 +1278,7 @@
1267
1278
  accountIcon: accountIcon,
1268
1279
  orderIcon: orderIcon,
1269
1280
  saleIcon: saleIcon,
1270
- onDashboardClick: onDashboardClick,
1281
+ onDashboardClick: handleDashboardClick,
1271
1282
  onLogoutClick: handleLogoutClick,
1272
1283
  bugReportLink: bugReportLink,
1273
1284
  ourStoryLink: ourStoryLink,
@@ -1281,6 +1292,7 @@
1281
1292
  onEditProfileClick: handleEditProfileClick,
1282
1293
  onCurrentOrdersClick: handleCurrentOrdersClick,
1283
1294
  onPastOrdersClick: handlePastOrdersClick,
1295
+ onSubmissionsClick: handleSubmissionsClick,
1284
1296
  onPastSalesClick: handlePastSalesClick,
1285
1297
  onPaidOutClick: handlePaidOutClick
1286
1298
  }));
package/LuxitySideNav.js CHANGED
@@ -208,7 +208,7 @@
208
208
  }, /*#__PURE__*/React__default.createElement("div", {
209
209
  className: "side-nav__sub-menu-title"
210
210
  }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
211
- href: "".concat(productUrl, "/").concat(categorySlug),
211
+ href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
212
212
  onClick: function onClick() {
213
213
  return setSubMenuOpen(false);
214
214
  },
package/MaterialSelector.js CHANGED
@@ -991,20 +991,16 @@
991
991
 
992
992
  var _templateObject$l, _templateObject2$2;
993
993
  var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
994
- var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
994
+ var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
995
995
 
996
996
  var _excluded = ["children"];
997
997
 
998
998
  var _templateObject$m;
999
- var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
999
+ var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1000
1000
  return props.theme.colors.primary;
1001
- }, function (props) {
1002
- return props.theme.colors.ntrlMin;
1003
1001
  }, function (props) {
1004
1002
  return props.theme.colors.primary;
1005
- }, disabledButtonStyle, function (props) {
1006
- return props.theme.colors.primary;
1007
- });
1003
+ }, disabledButtonStyle);
1008
1004
 
1009
1005
  var PrimaryButton = function PrimaryButton(_ref) {
1010
1006
  var children = _ref.children,
package/ModelSelector.js CHANGED
@@ -991,20 +991,16 @@
991
991
 
992
992
  var _templateObject$l, _templateObject2$2;
993
993
  var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
994
- var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
994
+ var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
995
995
 
996
996
  var _excluded = ["children"];
997
997
 
998
998
  var _templateObject$m;
999
- var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
999
+ var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1000
1000
  return props.theme.colors.primary;
1001
- }, function (props) {
1002
- return props.theme.colors.ntrlMin;
1003
1001
  }, function (props) {
1004
1002
  return props.theme.colors.primary;
1005
- }, disabledButtonStyle, function (props) {
1006
- return props.theme.colors.primary;
1007
- });
1003
+ }, disabledButtonStyle);
1008
1004
 
1009
1005
  var PrimaryButton = function PrimaryButton(_ref) {
1010
1006
  var children = _ref.children,
package/OutlinePrimaryButton.js CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  var _templateObject, _templateObject2;
76
76
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
77
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
78
78
 
79
79
  var theme = {
80
80
  breakpoints: ['40em', '52em', '64em'],
package/PriceRangeSelector.js CHANGED
@@ -1202,7 +1202,7 @@
1202
1202
 
1203
1203
  var _templateObject$5, _templateObject2$1;
1204
1204
  var disabledButtonStyle = styled.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
1205
- var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
1205
+ var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
1206
1206
 
1207
1207
  var _excluded$2 = ["children"];
1208
1208
 
package/PrimaryButton.js CHANGED
@@ -138,20 +138,16 @@
138
138
 
139
139
  var _templateObject, _templateObject2;
140
140
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
141
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
141
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
142
142
 
143
143
  var _excluded = ["children"];
144
144
 
145
145
  var _templateObject$1;
146
- var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
146
+ var Button = styled__default.button(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
147
147
  return props.theme.colors.primary;
148
148
  }, function (props) {
149
- return props.theme.colors.ntrlMin;
150
- }, function (props) {
151
- return props.theme.colors.primary;
152
- }, disabledButtonStyle, function (props) {
153
149
  return props.theme.colors.primary;
154
- });
150
+ }, disabledButtonStyle);
155
151
 
156
152
  var PrimaryButton = function PrimaryButton(_ref) {
157
153
  var children = _ref.children,
package/RareStepHeader.js CHANGED
@@ -359,6 +359,7 @@
359
359
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
360
360
  return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
361
361
  key: index,
362
+ href: link.url,
362
363
  onMouseOver: function onMouseOver() {
363
364
  return handleShowDropdown(link);
364
365
  },
package/SecondaryButton.js CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  var _templateObject, _templateObject2;
76
76
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
77
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
78
78
 
79
79
  var theme = {
80
80
  breakpoints: ['40em', '52em', '64em'],
package/ShoeSizeSelector.js CHANGED
@@ -1155,7 +1155,7 @@
1155
1155
 
1156
1156
  var _templateObject$5, _templateObject2$1;
1157
1157
  var disabledButtonStyle = styled.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
1158
- var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
1158
+ var baseButtonStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
1159
1159
 
1160
1160
  var _excluded$1 = ["children"];
1161
1161
 
package/StyleSelector.js CHANGED
@@ -340,7 +340,7 @@
340
340
 
341
341
  var _templateObject, _templateObject2;
342
342
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
343
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
343
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
344
344
 
345
345
  var theme = {
346
346
  breakpoints: ['40em', '52em', '64em'],
@@ -894,15 +894,11 @@
894
894
  var _excluded$2 = ["children"];
895
895
 
896
896
  var _templateObject$6;
897
- var Button$2 = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
897
+ var Button$2 = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
898
898
  return props.theme.colors.primary;
899
- }, function (props) {
900
- return props.theme.colors.ntrlMin;
901
899
  }, function (props) {
902
900
  return props.theme.colors.primary;
903
- }, disabledButtonStyle, function (props) {
904
- return props.theme.colors.primary;
905
- });
901
+ }, disabledButtonStyle);
906
902
 
907
903
  var PrimaryButton = function PrimaryButton(_ref) {
908
904
  var children = _ref.children,
package/TextButton.js CHANGED
@@ -74,7 +74,7 @@
74
74
 
75
75
  var _templateObject, _templateObject2;
76
76
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
77
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
77
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
78
78
 
79
79
  var theme = {
80
80
  breakpoints: ['40em', '52em', '64em'],
package/WrapperButton.js CHANGED
@@ -57,7 +57,7 @@
57
57
 
58
58
  var _templateObject, _templateObject2;
59
59
  var disabledButtonStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
60
- var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
60
+ var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
61
61
 
62
62
  var _excluded = ["children"];
63
63
 
package/build/bundle.css CHANGED
@@ -1 +1 @@
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}.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%}.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%}.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)}}
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;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%}.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}
package/build/bundle.js CHANGED
@@ -1272,20 +1272,16 @@
1272
1272
 
1273
1273
  var _templateObject$l, _templateObject2$2;
1274
1274
  var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
1275
- var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
1275
+ var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 2rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n"])));
1276
1276
 
1277
1277
  var _excluded = ["children"];
1278
1278
 
1279
1279
  var _templateObject$m;
1280
- var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
1280
+ var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: #fff;\n color: ", ";\n border: 1px solid ", ";\n\n &:disabled {\n ", "\n }\n"])), baseButtonStyle, function (props) {
1281
1281
  return props.theme.colors.primary;
1282
1282
  }, function (props) {
1283
- return props.theme.colors.ntrlMin;
1284
- }, function (props) {
1285
- return props.theme.colors.primary;
1286
- }, disabledButtonStyle, function (props) {
1287
1283
  return props.theme.colors.primary;
1288
- });
1284
+ }, disabledButtonStyle);
1289
1285
 
1290
1286
  var PrimaryButton = function PrimaryButton(_ref) {
1291
1287
  var children = _ref.children,
@@ -11325,6 +11321,7 @@
11325
11321
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement(NavigationContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, null, /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.left.map(function (link, index) {
11326
11322
  return link !== null && link !== void 0 && link.isDropdown ? /*#__PURE__*/React__default.createElement(NavigationLink, {
11327
11323
  key: index,
11324
+ href: link.url,
11328
11325
  onMouseOver: function onMouseOver() {
11329
11326
  return handleShowDropdown(link);
11330
11327
  },
@@ -15206,7 +15203,7 @@
15206
15203
  }, /*#__PURE__*/React__default.createElement("div", {
15207
15204
  className: "side-nav__sub-menu-title"
15208
15205
  }, subMenuBrandsTitle), /*#__PURE__*/React__default.createElement(LinkComponent, {
15209
- href: "".concat(productUrl, "/").concat(categorySlug),
15206
+ href: "".concat(productUrl, "/").concat(categorySlug === 'new' ? 'brands' : categorySlug),
15210
15207
  onClick: function onClick() {
15211
15208
  return setSubMenuOpen(false);
15212
15209
  },
@@ -15588,6 +15585,7 @@
15588
15585
  onEditProfileClick = _ref.onEditProfileClick,
15589
15586
  onCurrentOrdersClick = _ref.onCurrentOrdersClick,
15590
15587
  onPastOrdersClick = _ref.onPastOrdersClick,
15588
+ onSubmissionsClick = _ref.onSubmissionsClick,
15591
15589
  onPastSalesClick = _ref.onPastSalesClick,
15592
15590
  onPaidOutClick = _ref.onPaidOutClick,
15593
15591
  showSideNav = _ref.showSideNav,
@@ -15708,6 +15706,14 @@
15708
15706
  className: "side-nav__menu-icon"
15709
15707
  }), "Sales"))), /*#__PURE__*/React__default.createElement("div", {
15710
15708
  className: "side-nav__menu-item"
15709
+ }, /*#__PURE__*/React__default.createElement("button", {
15710
+ type: "button",
15711
+ className: "side-nav__menu-title-wrapper",
15712
+ onClick: onSubmissionsClick
15713
+ }, /*#__PURE__*/React__default.createElement("span", {
15714
+ className: "side-nav__menu-title"
15715
+ }, "Submissions"))), /*#__PURE__*/React__default.createElement("div", {
15716
+ className: "side-nav__menu-item"
15711
15717
  }, /*#__PURE__*/React__default.createElement("button", {
15712
15718
  type: "button",
15713
15719
  className: "side-nav__menu-title-wrapper",
@@ -15784,6 +15790,7 @@
15784
15790
  onEditProfileClick = _ref.onEditProfileClick,
15785
15791
  onCurrentOrdersClick = _ref.onCurrentOrdersClick,
15786
15792
  onPastOrdersClick = _ref.onPastOrdersClick,
15793
+ onSubmissionsClick = _ref.onSubmissionsClick,
15787
15794
  onPastSalesClick = _ref.onPastSalesClick,
15788
15795
  onPaidOutClick = _ref.onPaidOutClick,
15789
15796
  LinkComponent = _ref.LinkComponent,
@@ -15883,64 +15890,65 @@
15883
15890
  });
15884
15891
  };
15885
15892
 
15886
- var handleSellToUsClick = function handleSellToUsClick() {
15887
- onSellToUsClick();
15893
+ var handleClick = function handleClick(callback) {
15894
+ callback();
15888
15895
  setShowSideNav(false);
15889
15896
  };
15890
15897
 
15898
+ var handleDashboardClick = function handleDashboardClick() {
15899
+ return handleClick(onDashboardClick);
15900
+ };
15901
+
15902
+ var handleSellToUsClick = function handleSellToUsClick() {
15903
+ return handleClick(onSellToUsClick);
15904
+ };
15905
+
15891
15906
  var handleCartClick = function handleCartClick() {
15892
- onCartClick();
15893
- setShowSideNav(false);
15907
+ return handleClick(onCartClick);
15894
15908
  };
15895
15909
 
15896
15910
  var handleLuxityShopClick = function handleLuxityShopClick() {
15897
- onLuxityShopClick();
15898
- setShowSideNav(false);
15911
+ return handleClick(onLuxityShopClick);
15899
15912
  };
15900
15913
 
15901
15914
  var handleLogoutClick = function handleLogoutClick() {
15902
- onLogoutClick();
15903
- setShowSideNav(false);
15915
+ return handleClick(onLogoutClick);
15904
15916
  };
15905
15917
 
15906
15918
  var handleInterestClick = function handleInterestClick() {
15907
- onInterestClick();
15908
- setShowSideNav(false);
15919
+ return handleClick(onInterestClick);
15909
15920
  };
15910
15921
 
15911
15922
  var handleAddressClick = function handleAddressClick() {
15912
- onAddressClick();
15913
- setShowSideNav(false);
15923
+ return handleClick(onAddressClick);
15914
15924
  };
15915
15925
 
15916
15926
  var handleCouponsClick = function handleCouponsClick() {
15917
- onCouponsClick();
15918
- setShowSideNav(false);
15927
+ return handleClick(onCouponsClick);
15919
15928
  };
15920
15929
 
15921
15930
  var handleEditProfileClick = function handleEditProfileClick() {
15922
- onEditProfileClick();
15923
- setShowSideNav(false);
15931
+ return handleClick(onEditProfileClick);
15924
15932
  };
15925
15933
 
15926
15934
  var handleCurrentOrdersClick = function handleCurrentOrdersClick() {
15927
- onCurrentOrdersClick();
15928
- setShowSideNav(false);
15935
+ return handleClick(onCurrentOrdersClick);
15929
15936
  };
15930
15937
 
15931
15938
  var handlePastOrdersClick = function handlePastOrdersClick() {
15932
- onPastOrdersClick();
15933
- setShowSideNav(false);
15939
+ return handleClick(onPastOrdersClick);
15934
15940
  };
15935
15941
 
15936
15942
  var handlePastSalesClick = function handlePastSalesClick() {
15937
- onPastSalesClick();
15938
- setShowSideNav(false);
15943
+ return handleClick(onPastSalesClick);
15939
15944
  };
15940
15945
 
15941
15946
  var handlePaidOutClick = function handlePaidOutClick() {
15942
- onPaidOutClick();
15943
- setShowSideNav(false);
15947
+ return handleClick(onPaidOutClick);
15948
+ };
15949
+
15950
+ var handleSubmissionsClick = function handleSubmissionsClick() {
15951
+ return handleClick(onSubmissionsClick);
15944
15952
  };
15945
15953
 
15946
15954
  return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
@@ -16044,7 +16052,7 @@
16044
16052
  accountIcon: accountIcon,
16045
16053
  orderIcon: orderIcon,
16046
16054
  saleIcon: saleIcon,
16047
- onDashboardClick: onDashboardClick,
16055
+ onDashboardClick: handleDashboardClick,
16048
16056
  onLogoutClick: handleLogoutClick,
16049
16057
  bugReportLink: bugReportLink,
16050
16058
  ourStoryLink: ourStoryLink,
@@ -16058,6 +16066,7 @@
16058
16066
  onEditProfileClick: handleEditProfileClick,
16059
16067
  onCurrentOrdersClick: handleCurrentOrdersClick,
16060
16068
  onPastOrdersClick: handlePastOrdersClick,
16069
+ onSubmissionsClick: handleSubmissionsClick,
16061
16070
  onPastSalesClick: handlePastSalesClick,
16062
16071
  onPaidOutClick: handlePaidOutClick
16063
16072
  }));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.33.5",
3
+ "version": "2.33.7",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",
package/build/.gitignore DELETED
@@ -1,3 +0,0 @@
1
- bundle.css
2
- bundle.js
3
- constants.js
package/build/.npmignore DELETED
File without changes