@bonlineza/luxity-lib 2.22.0 → 2.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/AddInterest.js +2 -2
  2. package/BrandSelector.js +2 -2
  3. package/GraphQLDropdownSelector.js +2 -2
  4. package/Interests.js +2 -2
  5. package/LuxityGraphQLDropdownSelector.js +2 -2
  6. package/MaterialSelector.js +2 -2
  7. package/ModelSelector.js +2 -2
  8. package/RareStepHeader.js +13 -12
  9. package/build/bundle.js +13 -12
  10. package/package.json +1 -1
package/AddInterest.js CHANGED
@@ -9750,13 +9750,13 @@
9750
9750
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
9751
9751
  return props.theme.rareStepColors.ntrl40;
9752
9752
  });
9753
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
9753
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
9754
9754
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
9755
9755
  return props.theme.marginPaddings[1];
9756
9756
  }, function (props) {
9757
9757
  return props.theme.rareStepColors.ntrlMin;
9758
9758
  });
9759
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
9759
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
9760
9760
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
9761
9761
  return props.theme.rareStepColors.secondary;
9762
9762
  }, function (props) {
package/BrandSelector.js CHANGED
@@ -10984,13 +10984,13 @@
10984
10984
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
10985
10985
  return props.theme.rareStepColors.ntrl40;
10986
10986
  });
10987
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
10987
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
10988
10988
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
10989
10989
  return props.theme.marginPaddings[1];
10990
10990
  }, function (props) {
10991
10991
  return props.theme.rareStepColors.ntrlMin;
10992
10992
  });
10993
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
10993
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
10994
10994
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
10995
10995
  return props.theme.rareStepColors.secondary;
10996
10996
  }, function (props) {
package/GraphQLDropdownSelector.js CHANGED
@@ -11119,13 +11119,13 @@
11119
11119
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
11120
11120
  return props.theme.rareStepColors.ntrl40;
11121
11121
  });
11122
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11122
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
11123
11123
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
11124
11124
  return props.theme.marginPaddings[1];
11125
11125
  }, function (props) {
11126
11126
  return props.theme.rareStepColors.ntrlMin;
11127
11127
  });
11128
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
11128
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
11129
11129
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
11130
11130
  return props.theme.rareStepColors.secondary;
11131
11131
  }, function (props) {
package/Interests.js CHANGED
@@ -9553,13 +9553,13 @@
9553
9553
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
9554
9554
  return props.theme.rareStepColors.ntrl40;
9555
9555
  });
9556
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
9556
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
9557
9557
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
9558
9558
  return props.theme.marginPaddings[1];
9559
9559
  }, function (props) {
9560
9560
  return props.theme.rareStepColors.ntrlMin;
9561
9561
  });
9562
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
9562
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
9563
9563
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
9564
9564
  return props.theme.rareStepColors.secondary;
9565
9565
  }, function (props) {
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -11020,13 +11020,13 @@
11020
11020
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
11021
11021
  return props.theme.rareStepColors.ntrl40;
11022
11022
  });
11023
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11023
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
11024
11024
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
11025
11025
  return props.theme.marginPaddings[1];
11026
11026
  }, function (props) {
11027
11027
  return props.theme.rareStepColors.ntrlMin;
11028
11028
  });
11029
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
11029
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
11030
11030
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
11031
11031
  return props.theme.rareStepColors.secondary;
11032
11032
  }, function (props) {
package/MaterialSelector.js CHANGED
@@ -10985,13 +10985,13 @@
10985
10985
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
10986
10986
  return props.theme.rareStepColors.ntrl40;
10987
10987
  });
10988
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
10988
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
10989
10989
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
10990
10990
  return props.theme.marginPaddings[1];
10991
10991
  }, function (props) {
10992
10992
  return props.theme.rareStepColors.ntrlMin;
10993
10993
  });
10994
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
10994
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
10995
10995
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
10996
10996
  return props.theme.rareStepColors.secondary;
10997
10997
  }, function (props) {
package/ModelSelector.js CHANGED
@@ -10985,13 +10985,13 @@
10985
10985
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
10986
10986
  return props.theme.rareStepColors.ntrl40;
10987
10987
  });
10988
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
10988
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
10989
10989
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
10990
10990
  return props.theme.marginPaddings[1];
10991
10991
  }, function (props) {
10992
10992
  return props.theme.rareStepColors.ntrlMin;
10993
10993
  });
10994
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
10994
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
10995
10995
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
10996
10996
  return props.theme.rareStepColors.secondary;
10997
10997
  }, function (props) {
package/RareStepHeader.js CHANGED
@@ -322,9 +322,10 @@
322
322
  }));
323
323
  };
324
324
 
325
- function capitalize(str) {
326
- var lower = str.toLowerCase();
327
- return str.charAt(0).toUpperCase() + lower.slice(1);
325
+ function capitalizeWords(str) {
326
+ return str.toLowerCase().replace(/\b\w/g, function (match) {
327
+ return match.toUpperCase();
328
+ });
328
329
  }
329
330
 
330
331
  var HeaderDropdown = function HeaderDropdown(_ref) {
@@ -339,7 +340,7 @@
339
340
  key: index
340
341
  }, /*#__PURE__*/React__default.createElement(DropdownLink, {
341
342
  href: model.modelLink
342
- }, capitalize(model.modelName)));
343
+ }, capitalizeWords(model.modelName)));
343
344
  })), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
344
345
  src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
345
346
  }))));
@@ -359,14 +360,14 @@
359
360
  return handleShowDropdown(link);
360
361
  },
361
362
  onMouseOut: handleHideDropdown
362
- }, capitalize(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
363
+ }, capitalizeWords(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
363
364
  src: dropdownClosedIconUrl
364
365
  }) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
365
366
  src: dropdownOpenIconUrl
366
367
  })) : /*#__PURE__*/React__default.createElement(NavigationLink, {
367
368
  href: link.url,
368
369
  key: index
369
- }, capitalize(link.name));
370
+ }, capitalizeWords(link.name));
370
371
  })), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
371
372
  return /*#__PURE__*/React__default.createElement(NavigationLink, {
372
373
  href: link.url,
@@ -520,13 +521,13 @@
520
521
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
521
522
  return props.theme.rareStepColors.ntrl40;
522
523
  });
523
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
524
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
524
525
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
525
526
  return props.theme.marginPaddings[1];
526
527
  }, function (props) {
527
528
  return props.theme.rareStepColors.ntrlMin;
528
529
  });
529
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
530
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
530
531
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
531
532
  return props.theme.rareStepColors.secondary;
532
533
  }, function (props) {
@@ -650,12 +651,12 @@
650
651
  return setShowSideNavSubMenu(true);
651
652
  },
652
653
  key: index
653
- }, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalize(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
654
+ }, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalizeWords(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
654
655
  src: rightArrowIconUrl
655
656
  })) : /*#__PURE__*/React__default.createElement(SideNavLink, {
656
657
  key: index,
657
658
  href: link.url
658
- }, capitalize(link.name));
659
+ }, capitalizeWords(link.name));
659
660
  }), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
660
661
  href: links.button.url
661
662
  }, links.button.name), links.bottom.map(function (link, index) {
@@ -666,7 +667,7 @@
666
667
  onClick: link !== null && link !== void 0 && link.isButton ? function () {
667
668
  return handleOnLinkClick(link);
668
669
  } : null
669
- }, capitalize(link.name));
670
+ }, capitalizeWords(link.name));
670
671
  }));
671
672
  }
672
673
 
@@ -676,7 +677,7 @@
676
677
  return /*#__PURE__*/React__default.createElement(SideNavLink, {
677
678
  key: index,
678
679
  href: link.url
679
- }, capitalize(link.name));
680
+ }, capitalizeWords(link.name));
680
681
  }));
681
682
  }
682
683
 
package/build/bundle.js CHANGED
@@ -11602,9 +11602,10 @@
11602
11602
  }));
11603
11603
  };
11604
11604
 
11605
- function capitalize(str) {
11606
- var lower = str.toLowerCase();
11607
- return str.charAt(0).toUpperCase() + lower.slice(1);
11605
+ function capitalizeWords(str) {
11606
+ return str.toLowerCase().replace(/\b\w/g, function (match) {
11607
+ return match.toUpperCase();
11608
+ });
11608
11609
  }
11609
11610
 
11610
11611
  var HeaderDropdown = function HeaderDropdown(_ref) {
@@ -11619,7 +11620,7 @@
11619
11620
  key: index
11620
11621
  }, /*#__PURE__*/React__default.createElement(DropdownLink, {
11621
11622
  href: model.modelLink
11622
- }, capitalize(model.modelName)));
11623
+ }, capitalizeWords(model.modelName)));
11623
11624
  })), /*#__PURE__*/React__default.createElement(DropdownFigure, null, (currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl) && /*#__PURE__*/React__default.createElement(DropdownImage, {
11624
11625
  src: currentSelectedItem === null || currentSelectedItem === void 0 ? void 0 : currentSelectedItem.brandImageUrl
11625
11626
  }))));
@@ -11639,14 +11640,14 @@
11639
11640
  return handleShowDropdown(link);
11640
11641
  },
11641
11642
  onMouseOut: handleHideDropdown
11642
- }, capitalize(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
11643
+ }, capitalizeWords(link.name), currentSelectedItem.name === link.name ? /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
11643
11644
  src: dropdownClosedIconUrl
11644
11645
  }) : /*#__PURE__*/React__default.createElement(DropdownNavigatorIcon, {
11645
11646
  src: dropdownOpenIconUrl
11646
11647
  })) : /*#__PURE__*/React__default.createElement(NavigationLink, {
11647
11648
  href: link.url,
11648
11649
  key: index
11649
- }, capitalize(link.name));
11650
+ }, capitalizeWords(link.name));
11650
11651
  })), /*#__PURE__*/React__default.createElement(NavigationLinks, null, desktopHeaderLinks.right.map(function (link, index) {
11651
11652
  return /*#__PURE__*/React__default.createElement(NavigationLink, {
11652
11653
  href: link.url,
@@ -11800,13 +11801,13 @@
11800
11801
  var Overlay = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
11801
11802
  return props.theme.rareStepColors.ntrl40;
11802
11803
  });
11803
- var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11804
+ var CloseIcon$1 = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 25px;\n cursor: pointer;\n }\n"])));
11804
11805
  var SideNavLink = styled__default.a(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
11805
11806
  return props.theme.marginPaddings[1];
11806
11807
  }, function (props) {
11807
11808
  return props.theme.rareStepColors.ntrlMin;
11808
11809
  });
11809
- var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
11810
+ var CloseIconWrapper = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n }\n"])));
11810
11811
  var SellToUsLink$1 = styled__default.a(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n font-size: ", ";\n }\n"])), function (props) {
11811
11812
  return props.theme.rareStepColors.secondary;
11812
11813
  }, function (props) {
@@ -11930,12 +11931,12 @@
11930
11931
  return setShowSideNavSubMenu(true);
11931
11932
  },
11932
11933
  key: index
11933
- }, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalize(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
11934
+ }, /*#__PURE__*/React__default.createElement(SideNavLink, null, capitalizeWords(link.name)), /*#__PURE__*/React__default.createElement(SubMenuRightIcon, {
11934
11935
  src: rightArrowIconUrl
11935
11936
  })) : /*#__PURE__*/React__default.createElement(SideNavLink, {
11936
11937
  key: index,
11937
11938
  href: link.url
11938
- }, capitalize(link.name));
11939
+ }, capitalizeWords(link.name));
11939
11940
  }), links.button && /*#__PURE__*/React__default.createElement(SellToUsLink$1, {
11940
11941
  href: links.button.url
11941
11942
  }, links.button.name), links.bottom.map(function (link, index) {
@@ -11946,7 +11947,7 @@
11946
11947
  onClick: link !== null && link !== void 0 && link.isButton ? function () {
11947
11948
  return handleOnLinkClick(link);
11948
11949
  } : null
11949
- }, capitalize(link.name));
11950
+ }, capitalizeWords(link.name));
11950
11951
  }));
11951
11952
  }
11952
11953
 
@@ -11956,7 +11957,7 @@
11956
11957
  return /*#__PURE__*/React__default.createElement(SideNavLink, {
11957
11958
  key: index,
11958
11959
  href: link.url
11959
- }, capitalize(link.name));
11960
+ }, capitalizeWords(link.name));
11960
11961
  }));
11961
11962
  }
11962
11963
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.22.0",
3
+ "version": "2.24.0",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",