@bonlineza/luxity-lib 2.39.8 → 2.39.9

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 (10) hide show
  1. package/GraphQLDropdownSelector.js +10 -13
  2. package/Interests.js +10 -13
  3. package/LuxityDesktopHeader.js +8 -5
  4. package/LuxityGraphQLDropdownSelector.js +10 -13
  5. package/MaterialSelector.js +10 -13
  6. package/ModelSelector.js +10 -13
  7. package/build/bundle.css +1 -1
  8. package/build/bundle.js +18 -18
  9. package/package.json +1 -1
  10. package/svg/Heart.js +42 -0
package/GraphQLDropdownSelector.js CHANGED
@@ -9698,19 +9698,16 @@
9698
9698
  };
9699
9699
  var IconHeader$1 = themed(IconHeader);
9700
9700
 
9701
- var Account = (function (props) {
9701
+ var Heart = (function (props) {
9702
9702
  return /*#__PURE__*/React__default.createElement("svg", _extends({
9703
- id: "svg-account",
9704
- width: "25",
9705
- height: "29",
9706
- viewBox: "0 0 25 29",
9703
+ id: "svg-interest-heart",
9704
+ width: "26",
9705
+ height: "25",
9706
+ viewBox: "0 0 29.8 28.9",
9707
9707
  fill: "none",
9708
9708
  xmlns: "http://www.w3.org/2000/svg"
9709
9709
  }, props), /*#__PURE__*/React__default.createElement("path", {
9710
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
9711
- fill: "currentColor"
9712
- }), /*#__PURE__*/React__default.createElement("path", {
9713
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
9710
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
9714
9711
  fill: "currentColor"
9715
9712
  }));
9716
9713
  });
@@ -11676,8 +11673,8 @@
11676
11673
  }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
11677
11674
  };
11678
11675
 
11679
- var AccountIcon = themed(function () {
11680
- return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
11676
+ var InterestIcon = themed(function () {
11677
+ return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
11681
11678
  });
11682
11679
  var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
11683
11680
  return props.theme.colors.darkerGray;
@@ -11816,10 +11813,10 @@
11816
11813
  }
11817
11814
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
11818
11815
  svgComponent: function svgComponent() {
11819
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
11816
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
11820
11817
  },
11821
11818
  title: interestsTitle,
11822
- svgName: "account",
11819
+ svgName: "interest",
11823
11820
  renderAppendage: function renderAppendage() {
11824
11821
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
11825
11822
  getSchedule: getSchedule,
package/Interests.js CHANGED
@@ -838,19 +838,16 @@
838
838
  };
839
839
  var IconHeader$1 = themed(IconHeader);
840
840
 
841
- var Account = (function (props) {
841
+ var Heart = (function (props) {
842
842
  return /*#__PURE__*/React__default.createElement("svg", _extends({
843
- id: "svg-account",
844
- width: "25",
845
- height: "29",
846
- viewBox: "0 0 25 29",
843
+ id: "svg-interest-heart",
844
+ width: "26",
845
+ height: "25",
846
+ viewBox: "0 0 29.8 28.9",
847
847
  fill: "none",
848
848
  xmlns: "http://www.w3.org/2000/svg"
849
849
  }, props), /*#__PURE__*/React__default.createElement("path", {
850
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
851
- fill: "currentColor"
852
- }), /*#__PURE__*/React__default.createElement("path", {
853
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
850
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
854
851
  fill: "currentColor"
855
852
  }));
856
853
  });
@@ -11539,8 +11536,8 @@
11539
11536
  }, /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(Add, null)));
11540
11537
  };
11541
11538
 
11542
- var AccountIcon = themed(function () {
11543
- return /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(Account, null));
11539
+ var InterestIcon = themed(function () {
11540
+ return /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(Heart, null));
11544
11541
  });
11545
11542
  var AddInterestButton = themed(styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
11546
11543
  return props.theme.colors.darkerGray;
@@ -11679,10 +11676,10 @@
11679
11676
  }
11680
11677
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
11681
11678
  svgComponent: function svgComponent() {
11682
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
11679
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
11683
11680
  },
11684
11681
  title: interestsTitle,
11685
- svgName: "account",
11682
+ svgName: "interest",
11686
11683
  renderAppendage: function renderAppendage() {
11687
11684
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
11688
11685
  getSchedule: getSchedule,
package/LuxityDesktopHeader.js CHANGED
@@ -1467,13 +1467,16 @@
1467
1467
  className: "text-sm"
1468
1468
  }, name))), onInterestClick && /*#__PURE__*/React__default.createElement("button", {
1469
1469
  type: "button",
1470
+ "aria-label": "Interests",
1470
1471
  className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
1471
1472
  onClick: onInterestClick
1472
- }, /*#__PURE__*/React__default.createElement("img", {
1473
- src: interestIcon,
1474
- alt: "interest-icon",
1475
- width: 20,
1476
- height: 20
1473
+ }, /*#__PURE__*/React__default.createElement("span", {
1474
+ className: "navbar__interest-heart",
1475
+ style: {
1476
+ WebkitMaskImage: "url(".concat(interestIcon, ")"),
1477
+ maskImage: "url(".concat(interestIcon, ")")
1478
+ },
1479
+ "aria-hidden": true
1477
1480
  })), /*#__PURE__*/React__default.createElement("button", {
1478
1481
  type: "button",
1479
1482
  className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -9698,19 +9698,16 @@
9698
9698
  };
9699
9699
  var IconHeader$1 = themed(IconHeader);
9700
9700
 
9701
- var Account = (function (props) {
9701
+ var Heart = (function (props) {
9702
9702
  return /*#__PURE__*/React__default.createElement("svg", _extends({
9703
- id: "svg-account",
9704
- width: "25",
9705
- height: "29",
9706
- viewBox: "0 0 25 29",
9703
+ id: "svg-interest-heart",
9704
+ width: "26",
9705
+ height: "25",
9706
+ viewBox: "0 0 29.8 28.9",
9707
9707
  fill: "none",
9708
9708
  xmlns: "http://www.w3.org/2000/svg"
9709
9709
  }, props), /*#__PURE__*/React__default.createElement("path", {
9710
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
9711
- fill: "currentColor"
9712
- }), /*#__PURE__*/React__default.createElement("path", {
9713
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
9710
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
9714
9711
  fill: "currentColor"
9715
9712
  }));
9716
9713
  });
@@ -11676,8 +11673,8 @@
11676
11673
  }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
11677
11674
  };
11678
11675
 
11679
- var AccountIcon = themed(function () {
11680
- return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
11676
+ var InterestIcon = themed(function () {
11677
+ return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
11681
11678
  });
11682
11679
  var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
11683
11680
  return props.theme.colors.darkerGray;
@@ -11816,10 +11813,10 @@
11816
11813
  }
11817
11814
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
11818
11815
  svgComponent: function svgComponent() {
11819
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
11816
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
11820
11817
  },
11821
11818
  title: interestsTitle,
11822
- svgName: "account",
11819
+ svgName: "interest",
11823
11820
  renderAppendage: function renderAppendage() {
11824
11821
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
11825
11822
  getSchedule: getSchedule,
package/MaterialSelector.js CHANGED
@@ -9698,19 +9698,16 @@
9698
9698
  };
9699
9699
  var IconHeader$1 = themed(IconHeader);
9700
9700
 
9701
- var Account = (function (props) {
9701
+ var Heart = (function (props) {
9702
9702
  return /*#__PURE__*/React__default.createElement("svg", _extends({
9703
- id: "svg-account",
9704
- width: "25",
9705
- height: "29",
9706
- viewBox: "0 0 25 29",
9703
+ id: "svg-interest-heart",
9704
+ width: "26",
9705
+ height: "25",
9706
+ viewBox: "0 0 29.8 28.9",
9707
9707
  fill: "none",
9708
9708
  xmlns: "http://www.w3.org/2000/svg"
9709
9709
  }, props), /*#__PURE__*/React__default.createElement("path", {
9710
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
9711
- fill: "currentColor"
9712
- }), /*#__PURE__*/React__default.createElement("path", {
9713
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
9710
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
9714
9711
  fill: "currentColor"
9715
9712
  }));
9716
9713
  });
@@ -11676,8 +11673,8 @@
11676
11673
  }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
11677
11674
  };
11678
11675
 
11679
- var AccountIcon = themed(function () {
11680
- return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
11676
+ var InterestIcon = themed(function () {
11677
+ return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
11681
11678
  });
11682
11679
  var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
11683
11680
  return props.theme.colors.darkerGray;
@@ -11816,10 +11813,10 @@
11816
11813
  }
11817
11814
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
11818
11815
  svgComponent: function svgComponent() {
11819
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
11816
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
11820
11817
  },
11821
11818
  title: interestsTitle,
11822
- svgName: "account",
11819
+ svgName: "interest",
11823
11820
  renderAppendage: function renderAppendage() {
11824
11821
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
11825
11822
  getSchedule: getSchedule,
package/ModelSelector.js CHANGED
@@ -9698,19 +9698,16 @@
9698
9698
  };
9699
9699
  var IconHeader$1 = themed(IconHeader);
9700
9700
 
9701
- var Account = (function (props) {
9701
+ var Heart = (function (props) {
9702
9702
  return /*#__PURE__*/React__default.createElement("svg", _extends({
9703
- id: "svg-account",
9704
- width: "25",
9705
- height: "29",
9706
- viewBox: "0 0 25 29",
9703
+ id: "svg-interest-heart",
9704
+ width: "26",
9705
+ height: "25",
9706
+ viewBox: "0 0 29.8 28.9",
9707
9707
  fill: "none",
9708
9708
  xmlns: "http://www.w3.org/2000/svg"
9709
9709
  }, props), /*#__PURE__*/React__default.createElement("path", {
9710
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
9711
- fill: "currentColor"
9712
- }), /*#__PURE__*/React__default.createElement("path", {
9713
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
9710
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
9714
9711
  fill: "currentColor"
9715
9712
  }));
9716
9713
  });
@@ -11676,8 +11673,8 @@
11676
11673
  }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
11677
11674
  };
11678
11675
 
11679
- var AccountIcon = themed(function () {
11680
- return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
11676
+ var InterestIcon = themed(function () {
11677
+ return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
11681
11678
  });
11682
11679
  var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
11683
11680
  return props.theme.colors.darkerGray;
@@ -11816,10 +11813,10 @@
11816
11813
  }
11817
11814
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
11818
11815
  svgComponent: function svgComponent() {
11819
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
11816
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
11820
11817
  },
11821
11818
  title: interestsTitle,
11822
- svgName: "account",
11819
+ svgName: "interest",
11823
11820
  renderAppendage: function renderAppendage() {
11824
11821
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
11825
11822
  getSchedule: getSchedule,
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}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.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-left:16px;padding-right:16px}.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;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.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__search-container{width:100%}.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:20px}.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:150px}}.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}.navbar__icon.navbar__cart-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__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}.interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.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%}.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:7px;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:30px;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;gap:8px}.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}}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.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%}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f4f4f4 0,#dfdede 20%,#f4f4f4 40%,#f4f4f4);background-size:800px 104px}@media only screen and (max-width:1052px){.shimmer{background-size:600px 104px}}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}@media only screen and (max-width:1052px){.search-results__header{font-size:13px;padding:12px 16px}}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__price--promotion{color:#000}.product-card__price--original{color:#939393;font-weight:400;text-decoration:line-through}.product-card__price-with-promotion{display:flex;flex-direction:column;gap:2px}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.search-results__no-results{display:flex;flex-direction:column;width:100%}.search-results__no-results-content{align-items:flex-start;display:flex;gap:20px;padding:20px}@media only screen and (max-width:879px){.search-results__no-results-content{gap:16px;padding:16px}}@media only screen and (max-width:1052px){.search-results__no-results-content{align-items:flex-start;gap:12px;padding:16px 12px}}.search-results__no-results-image{border-radius:4px;flex-shrink:0;height:180px;overflow:hidden;width:180px}@media only screen and (max-width:879px){.search-results__no-results-image{height:120px;width:120px}}@media only screen and (max-width:1052px){.search-results__no-results-image{height:100px;width:100px}}.search-results__no-results-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-results__no-results-text{display:flex;flex:1;flex-direction:column;gap:12px;text-align:left}@media only screen and (max-width:1052px){.search-results__no-results-text{gap:8px}}.search-results__no-results-title{color:#000;font-family:Martel Sans;font-size:16px;font-weight:600;line-height:1.4;margin:0}@media only screen and (max-width:879px){.search-results__no-results-title{font-size:14px}}@media only screen and (max-width:1052px){.search-results__no-results-title{font-size:14px;line-height:1.3}}.search-results__no-results-description{color:#939393;font-family:Martel Sans;font-size:14px;line-height:1.5;margin:0}@media only screen and (max-width:879px){.search-results__no-results-description{font-size:13px}}@media only screen and (max-width:1052px){.search-results__no-results-description{font-size:12px;line-height:1.4}}.search-results__create-interest-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center;width:100%}@media only screen and (max-width:879px){.search-results__create-interest-button{display:block}}@media only screen and (max-width:1052px){.search-results__create-interest-button{font-size:13px;margin-top:8px;padding:14px 16px}}.brand-skeleton{display:flex;flex-direction:column;width:100%}.brand-skeleton__item{background-color:#f4f4f4;border-radius:4px;height:32px;margin:8px 20px}.brand-skeleton__item:first-child{margin-top:0}@media only screen and (max-width:1052px){.brand-skeleton__item{height:28px;margin:6px 16px}}.product-skeleton{display:flex;gap:16px;padding:12px 20px}@media only screen and (max-width:1052px){.product-skeleton{gap:12px;padding:10px 16px}}.product-skeleton__image{background-color:#f4f4f4;border-radius:2px;flex-shrink:0;height:90px;width:90px}@media only screen and (max-width:1052px){.product-skeleton__image{height:70px;width:70px}}.product-skeleton__content{display:flex;flex:1;flex-direction:column;gap:12px}@media only screen and (max-width:1052px){.product-skeleton__content{gap:8px}}.product-skeleton__title{background-color:#f4f4f4;border-radius:4px;height:16px;width:100%}@media only screen and (max-width:1052px){.product-skeleton__title{height:14px}}.product-skeleton__subtitle{background-color:#f4f4f4;border-radius:4px;height:14px;width:80%}@media only screen and (max-width:1052px){.product-skeleton__subtitle{height:12px;width:70%}}.product-skeleton__price{background-color:#f4f4f4;border-radius:4px;height:14px;margin-top:auto;width:60%}@media only screen and (max-width:1052px){.product-skeleton__price{height:12px;width:50%}}.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
+ .interests__add-button{display:flex;flex-direction:row;gap:10px;width:100%}@media only screen and (max-width:879px){.interests__add-button{flex-direction:column}}.interests__section-wrapper{display:flex;flex-direction:column;width:100%}.interests__select-option{display:flex;flex-direction:column;margin-bottom:15px}.interests__title{font-family:El Messiri;font-size:16px;margin-bottom:10px}.navbar{box-shadow:2px 2px 10px #dfdede;display:flex;padding-bottom:10px;padding-top:20px;position:relative}@media only screen and (max-width:879px){.navbar{padding-top:12px}}.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-left:16px;padding-right:16px}.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;gap:10px;justify-content:flex-start;width:100%}@media only screen and (max-width:879px){.navbar__wrapper .navbar__menu-icon-wrapper{margin-right:10px}.navbar__wrapper .navbar__logo{margin-left:0;margin-right:auto}.navbar__wrapper .navbar__icons-wrapper{align-items:center;display:flex;gap:20px;margin-left:auto}.navbar__wrapper .navbar__icons{align-items:center;display:flex;gap:20px;margin:0}.navbar__wrapper .navbar__icon{margin:0}}.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__search-container{width:100%}.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:20px}.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:150px}}.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}.navbar__icon.navbar__cart-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__loyalty-icon{height:18px;position:absolute;right:-14px;top:-6px;width:18px}.navbar__cart-icon{position:relative}.navbar__cart-count{bottom:50%;font-size:13px;height:20px;left:60%;position:absolute;width:20px}.navbar__account-initials,.navbar__cart-count{align-items:center;background-color:#f2eeeb;border-radius:50%;color:#000;display:flex;justify-content:center}.navbar__account-initials{font-size:11px;font-weight:500;height:24px;text-transform:uppercase;width:24px}@keyframes navbar-heart-glisten{0%{transform:translateX(-160%) skewX(-20deg)}55%,to{transform:translateX(260%) skewX(-20deg)}}.navbar__interest-heart{background-color:#010101;display:inline-block;height:20px;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;width:20px}.navbar__interest-heart:after{animation:navbar-heart-glisten 2.4s ease-in-out infinite;background:linear-gradient(115deg,transparent,hsla(0,0%,100%,.95) 50%,transparent);content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;transform:translateX(-160%) skewX(-20deg);width:55%}@media (prefers-reduced-motion:reduce){.navbar__interest-heart:after{animation:none}}.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%}.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:7px;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:30px;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;gap:8px}.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}}@charset "UTF-8";.currency-select-container{align-items:center;display:flex;margin-right:18px;position:relative}.currency-select-container .currency-flag{margin-right:5px}.currency-select-container .currency-flag img{height:15px;-o-object-fit:cover;object-fit:cover;width:20px}.currency-select-container .currency-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:none;color:#000;cursor:pointer;font-family:inherit;font-size:14px;margin:0;outline:none;padding:5px 15px 5px 5px}.currency-select-container .currency-select::-ms-expand{display:none}.currency-select-container .currency-select:focus{box-shadow:none;outline:none}.currency-select-container .currency-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #000}.currency-select-container:after{color:#000;content:"▼";font-size:10px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@media only screen and (max-width:879px){.currency-select-container .currency-select{appearance:menulist;-webkit-appearance:menulist;-moz-appearance:menulist;padding-right:0}.currency-select-container:after{display:none}}.currency-select-container.disabled{cursor:not-allowed;opacity:.7}.currency-select-container.disabled .currency-select{pointer-events:none}.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}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.shimmer{animation:shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f4f4f4 0,#dfdede 20%,#f4f4f4 40%,#f4f4f4);background-size:800px 104px}@media only screen and (max-width:1052px){.shimmer{background-size:600px 104px}}.search-results{background:#fff;border:1px solid #dfdede;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.08);display:flex;position:absolute;width:770px;z-index:50}@media only screen and (max-width:1052px){.search-results{border:none;box-shadow:none;flex-direction:column;left:0;right:0;top:100%;width:100%}}.search-results__section:first-child{border-right:1px solid #dfdede;flex:1;min-width:240px}.search-results__section:last-child{display:flex;flex:2;flex-direction:column}.search-results__section-header{align-items:center;display:flex;justify-content:space-between}.search-results__header{color:#000;font-family:Martel Sans;font-size:14px;font-weight:600;margin-bottom:0;padding:16px 20px;text-transform:uppercase}@media only screen and (max-width:1052px){.search-results__header{font-size:13px;padding:12px 16px}}.search-results__view-all-link{display:none}@media only screen and (max-width:879px){.search-results__view-all-link{color:#000;display:block;font-family:Martel Sans;font-size:14px;margin-right:20px}}.search-results__list{display:flex;flex-direction:column}.search-results__item{color:grey;font-family:Martel Sans;font-size:14px;padding:8px 20px;text-decoration:none}.search-results__product-list{display:flex;flex-direction:column;overflow-y:auto}.product-card{color:inherit;display:flex;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.product-card:hover{background-color:#f4f4f4}.product-card__image-container{border-radius:2px;flex-shrink:0;height:90px;margin-right:16px;overflow:hidden;width:90px}.product-card__image{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.product-card__details{display:flex;flex:1;flex-direction:column}.product-card__name{color:#000;font-family:Martel Sans;font-size:14px;line-height:1.4;margin-bottom:24px}.product-card__brand-name{font-weight:600}.product-card__info-row{align-items:flex-end;display:flex;justify-content:space-between}@media only screen and (max-width:879px){.product-card__info-row{align-items:flex-start;flex-direction:column}}.product-card__price-group{display:flex;flex-direction:column;gap:4px}.product-card__price{font-family:Martel Sans;font-size:14px;font-weight:600;line-height:1}.product-card__price--promotion{color:#000}.product-card__price--original{color:#939393;font-weight:400;text-decoration:line-through}.product-card__price-with-promotion{display:flex;flex-direction:column;gap:2px}.product-card__retail-price{color:#939393;font-family:Martel Sans;font-size:14px;text-decoration:line-through}.product-card__condition{color:#000;font-family:Martel Sans;font-size:13px;margin-right:20px;text-align:right}.product-card__condition-label{color:#939393;margin-right:4px}.search-results__view-all-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center}@media only screen and (max-width:879px){.search-results__view-all-button{display:none}}.search-results__no-results{display:flex;flex-direction:column;width:100%}.search-results__no-results-content{align-items:flex-start;display:flex;gap:20px;padding:20px}@media only screen and (max-width:879px){.search-results__no-results-content{gap:16px;padding:16px}}@media only screen and (max-width:1052px){.search-results__no-results-content{align-items:flex-start;gap:12px;padding:16px 12px}}.search-results__no-results-image{border-radius:4px;flex-shrink:0;height:180px;overflow:hidden;width:180px}@media only screen and (max-width:879px){.search-results__no-results-image{height:120px;width:120px}}@media only screen and (max-width:1052px){.search-results__no-results-image{height:100px;width:100px}}.search-results__no-results-image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.search-results__no-results-text{display:flex;flex:1;flex-direction:column;gap:12px;text-align:left}@media only screen and (max-width:1052px){.search-results__no-results-text{gap:8px}}.search-results__no-results-title{color:#000;font-family:Martel Sans;font-size:16px;font-weight:600;line-height:1.4;margin:0}@media only screen and (max-width:879px){.search-results__no-results-title{font-size:14px}}@media only screen and (max-width:1052px){.search-results__no-results-title{font-size:14px;line-height:1.3}}.search-results__no-results-description{color:#939393;font-family:Martel Sans;font-size:14px;line-height:1.5;margin:0}@media only screen and (max-width:879px){.search-results__no-results-description{font-size:13px}}@media only screen and (max-width:1052px){.search-results__no-results-description{font-size:12px;line-height:1.4}}.search-results__create-interest-button{background-color:#f2eeeb!important;border:none;color:#000;cursor:pointer;font-family:Martel Sans;font-size:13px;font-weight:400;padding:16px;text-align:center;width:100%}@media only screen and (max-width:879px){.search-results__create-interest-button{display:block}}@media only screen and (max-width:1052px){.search-results__create-interest-button{font-size:13px;margin-top:8px;padding:14px 16px}}.brand-skeleton{display:flex;flex-direction:column;width:100%}.brand-skeleton__item{background-color:#f4f4f4;border-radius:4px;height:32px;margin:8px 20px}.brand-skeleton__item:first-child{margin-top:0}@media only screen and (max-width:1052px){.brand-skeleton__item{height:28px;margin:6px 16px}}.product-skeleton{display:flex;gap:16px;padding:12px 20px}@media only screen and (max-width:1052px){.product-skeleton{gap:12px;padding:10px 16px}}.product-skeleton__image{background-color:#f4f4f4;border-radius:2px;flex-shrink:0;height:90px;width:90px}@media only screen and (max-width:1052px){.product-skeleton__image{height:70px;width:70px}}.product-skeleton__content{display:flex;flex:1;flex-direction:column;gap:12px}@media only screen and (max-width:1052px){.product-skeleton__content{gap:8px}}.product-skeleton__title{background-color:#f4f4f4;border-radius:4px;height:16px;width:100%}@media only screen and (max-width:1052px){.product-skeleton__title{height:14px}}.product-skeleton__subtitle{background-color:#f4f4f4;border-radius:4px;height:14px;width:80%}@media only screen and (max-width:1052px){.product-skeleton__subtitle{height:12px;width:70%}}.product-skeleton__price{background-color:#f4f4f4;border-radius:4px;height:14px;margin-top:auto;width:60%}@media only screen and (max-width:1052px){.product-skeleton__price{height:12px;width:50%}}.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
@@ -10132,19 +10132,16 @@
10132
10132
  };
10133
10133
  var IconHeader$1 = themed(IconHeader);
10134
10134
 
10135
- var Account = (function (props) {
10135
+ var Heart = (function (props) {
10136
10136
  return /*#__PURE__*/React__default.createElement("svg", _extends({
10137
- id: "svg-account",
10138
- width: "25",
10139
- height: "29",
10140
- viewBox: "0 0 25 29",
10137
+ id: "svg-interest-heart",
10138
+ width: "26",
10139
+ height: "25",
10140
+ viewBox: "0 0 29.8 28.9",
10141
10141
  fill: "none",
10142
10142
  xmlns: "http://www.w3.org/2000/svg"
10143
10143
  }, props), /*#__PURE__*/React__default.createElement("path", {
10144
- d: "M20.9496 10.2519V7.6666C20.9496 3.43926 17.1602 0 12.5016 0C7.84173 0 4.05044 3.43926 4.05044 7.6666V10.2519C2.26758 10.6808 1 12.2658 1 14.1175V24.021C1 26.2148 2.78986 28 4.9908 28H20.0092C22.2101 28 24 26.2148 24 24.021V14.115C24 12.2652 22.7324 10.6808 20.9496 10.2519ZM5.70052 10.136V7.6666C5.70052 4.34833 8.7516 1.64836 12.501 1.64836C16.249 1.64836 19.2988 4.34833 19.2988 7.6666V10.136H5.70052ZM20.0092 26.3548H4.9908C3.70162 26.3548 2.65261 25.3076 2.65261 24.021V14.115C2.65261 12.8296 3.70099 11.7843 4.9908 11.7843H20.0092C21.2996 11.7843 22.3499 12.8296 22.3499 14.115V24.021C22.3499 25.3076 21.2996 26.3548 20.0092 26.3548Z",
10145
- fill: "currentColor"
10146
- }), /*#__PURE__*/React__default.createElement("path", {
10147
- d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
10144
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
10148
10145
  fill: "currentColor"
10149
10146
  }));
10150
10147
  });
@@ -12110,8 +12107,8 @@
12110
12107
  }, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
12111
12108
  };
12112
12109
 
12113
- var AccountIcon = themed(function () {
12114
- return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Account, null));
12110
+ var InterestIcon = themed(function () {
12111
+ return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
12115
12112
  });
12116
12113
  var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
12117
12114
  return props.theme.colors.darkerGray;
@@ -12250,10 +12247,10 @@
12250
12247
  }
12251
12248
  }), /*#__PURE__*/React__default.createElement(IconHeader$1, {
12252
12249
  svgComponent: function svgComponent() {
12253
- return /*#__PURE__*/React__default.createElement(AccountIcon, null);
12250
+ return /*#__PURE__*/React__default.createElement(InterestIcon, null);
12254
12251
  },
12255
12252
  title: interestsTitle,
12256
- svgName: "account",
12253
+ svgName: "interest",
12257
12254
  renderAppendage: function renderAppendage() {
12258
12255
  return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
12259
12256
  getSchedule: getSchedule,
@@ -16837,13 +16834,16 @@
16837
16834
  className: "text-sm"
16838
16835
  }, name))), onInterestClick && /*#__PURE__*/React__default.createElement("button", {
16839
16836
  type: "button",
16837
+ "aria-label": "Interests",
16840
16838
  className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
16841
16839
  onClick: onInterestClick
16842
- }, /*#__PURE__*/React__default.createElement("img", {
16843
- src: interestIcon,
16844
- alt: "interest-icon",
16845
- width: 20,
16846
- height: 20
16840
+ }, /*#__PURE__*/React__default.createElement("span", {
16841
+ className: "navbar__interest-heart",
16842
+ style: {
16843
+ WebkitMaskImage: "url(".concat(interestIcon, ")"),
16844
+ maskImage: "url(".concat(interestIcon, ")")
16845
+ },
16846
+ "aria-hidden": true
16847
16847
  })), /*#__PURE__*/React__default.createElement("button", {
16848
16848
  type: "button",
16849
16849
  className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.39.8",
3
+ "version": "2.39.9",
4
4
  "packageManager": "yarn@1.22.22",
5
5
  "scripts": {
6
6
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
package/svg/Heart.js ADDED
@@ -0,0 +1,42 @@
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.svgs = factory(global.React));
5
+ }(this, (function (React) { 'use strict';
6
+
7
+ React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
8
+
9
+ function _extends() {
10
+ _extends = Object.assign ? Object.assign.bind() : function (target) {
11
+ for (var i = 1; i < arguments.length; i++) {
12
+ var source = arguments[i];
13
+
14
+ for (var key in source) {
15
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
16
+ target[key] = source[key];
17
+ }
18
+ }
19
+ }
20
+
21
+ return target;
22
+ };
23
+ return _extends.apply(this, arguments);
24
+ }
25
+
26
+ var Heart = (function (props) {
27
+ return /*#__PURE__*/React.createElement("svg", _extends({
28
+ id: "svg-interest-heart",
29
+ width: "26",
30
+ height: "25",
31
+ viewBox: "0 0 29.8 28.9",
32
+ fill: "none",
33
+ xmlns: "http://www.w3.org/2000/svg"
34
+ }, props), /*#__PURE__*/React.createElement("path", {
35
+ d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
36
+ fill: "currentColor"
37
+ }));
38
+ });
39
+
40
+ return Heart;
41
+
42
+ })));