@bonlineza/luxity-lib 2.17.3 → 2.17.5

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 (11) 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/RareStepFooter.js +5 -1
  9. package/RareStepHeader.js +2 -1
  10. package/build/bundle.js +7 -2
  11. package/package.json +1 -1
package/AddInterest.js CHANGED
@@ -10171,7 +10171,7 @@
10171
10171
  return props.theme.rareStepPageSizes.container;
10172
10172
  });
10173
10173
  var LogoFigure = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
10174
- var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
10174
+ var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
10175
10175
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
10176
10176
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
10177
10177
  return props.theme.rareStepColors.secondary;
@@ -10403,7 +10403,7 @@
10403
10403
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
10404
10404
  return props.theme.marginPaddings[4];
10405
10405
  });
10406
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
10406
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
10407
10407
  return props.theme.marginPaddings[5];
10408
10408
  });
10409
10409
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/BrandSelector.js CHANGED
@@ -11355,7 +11355,7 @@
11355
11355
  return props.theme.rareStepPageSizes.container;
11356
11356
  });
11357
11357
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11358
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11358
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11359
11359
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11360
11360
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11361
11361
  return props.theme.rareStepColors.secondary;
@@ -11587,7 +11587,7 @@
11587
11587
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
11588
11588
  return props.theme.marginPaddings[4];
11589
11589
  });
11590
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11590
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11591
11591
  return props.theme.marginPaddings[5];
11592
11592
  });
11593
11593
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/GraphQLDropdownSelector.js CHANGED
@@ -11490,7 +11490,7 @@
11490
11490
  return props.theme.rareStepPageSizes.container;
11491
11491
  });
11492
11492
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11493
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11493
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11494
11494
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11495
11495
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11496
11496
  return props.theme.rareStepColors.secondary;
@@ -11722,7 +11722,7 @@
11722
11722
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
11723
11723
  return props.theme.marginPaddings[4];
11724
11724
  });
11725
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11725
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11726
11726
  return props.theme.marginPaddings[5];
11727
11727
  });
11728
11728
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/Interests.js CHANGED
@@ -9974,7 +9974,7 @@
9974
9974
  return props.theme.rareStepPageSizes.container;
9975
9975
  });
9976
9976
  var LogoFigure = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
9977
- var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
9977
+ var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
9978
9978
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
9979
9979
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
9980
9980
  return props.theme.rareStepColors.secondary;
@@ -10206,7 +10206,7 @@
10206
10206
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
10207
10207
  return props.theme.marginPaddings[4];
10208
10208
  });
10209
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
10209
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
10210
10210
  return props.theme.marginPaddings[5];
10211
10211
  });
10212
10212
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/LuxityGraphQLDropdownSelector.js CHANGED
@@ -11391,7 +11391,7 @@
11391
11391
  return props.theme.rareStepPageSizes.container;
11392
11392
  });
11393
11393
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11394
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11394
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11395
11395
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11396
11396
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11397
11397
  return props.theme.rareStepColors.secondary;
@@ -11623,7 +11623,7 @@
11623
11623
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
11624
11624
  return props.theme.marginPaddings[4];
11625
11625
  });
11626
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11626
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11627
11627
  return props.theme.marginPaddings[5];
11628
11628
  });
11629
11629
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/MaterialSelector.js CHANGED
@@ -11356,7 +11356,7 @@
11356
11356
  return props.theme.rareStepPageSizes.container;
11357
11357
  });
11358
11358
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11359
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11359
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11360
11360
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11361
11361
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11362
11362
  return props.theme.rareStepColors.secondary;
@@ -11588,7 +11588,7 @@
11588
11588
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
11589
11589
  return props.theme.marginPaddings[4];
11590
11590
  });
11591
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11591
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11592
11592
  return props.theme.marginPaddings[5];
11593
11593
  });
11594
11594
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/ModelSelector.js CHANGED
@@ -11356,7 +11356,7 @@
11356
11356
  return props.theme.rareStepPageSizes.container;
11357
11357
  });
11358
11358
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11359
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11359
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11360
11360
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11361
11361
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11362
11362
  return props.theme.rareStepColors.secondary;
@@ -11588,7 +11588,7 @@
11588
11588
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
11589
11589
  return props.theme.marginPaddings[4];
11590
11590
  });
11591
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11591
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
11592
11592
  return props.theme.marginPaddings[5];
11593
11593
  });
11594
11594
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
package/RareStepFooter.js CHANGED
@@ -143,7 +143,7 @@
143
143
  var FooterImageWrapper = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
144
144
  return props.theme.marginPaddings[4];
145
145
  });
146
- var FooterLogo = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
146
+ var FooterLogo = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
147
147
  return props.theme.marginPaddings[5];
148
148
  });
149
149
  var SocialIconWrapper = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
@@ -203,10 +203,12 @@
203
203
  }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
204
204
  className: "footer__link"
205
205
  }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
206
+ target: "_blank",
206
207
  href: facebookUrl
207
208
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
208
209
  src: facebookIconUrl
209
210
  })), /*#__PURE__*/React__default.createElement(FooterLink, {
211
+ target: "_blank",
210
212
  href: instagramUrl
211
213
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
212
214
  src: instagramImageUrl
@@ -234,10 +236,12 @@
234
236
  className: "footer__links",
235
237
  key: index
236
238
  }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
239
+ target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
237
240
  className: "footer__link",
238
241
  href: footerLink.url
239
242
  }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
240
243
  return /*#__PURE__*/React__default.createElement(FooterLink, {
244
+ target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
241
245
  className: "footer__link",
242
246
  href: link.url,
243
247
  key: linkIndex
package/RareStepHeader.js CHANGED
@@ -178,7 +178,7 @@
178
178
  return props.theme.rareStepPageSizes.container;
179
179
  });
180
180
  var LogoFigure = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
181
- var LogoImage = styled__default.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
181
+ var LogoImage = styled__default.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
182
182
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
183
183
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
184
184
  return props.theme.rareStepColors.secondary;
@@ -458,6 +458,7 @@
458
458
  };
459
459
 
460
460
  return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
461
+ className: "header__logo",
461
462
  src: headerLogoImgUrl,
462
463
  onClick: function onClick() {
463
464
  window.location.href = wordpressSiteUrl;
package/build/bundle.js CHANGED
@@ -11965,7 +11965,7 @@
11965
11965
  return props.theme.rareStepPageSizes.container;
11966
11966
  });
11967
11967
  var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
11968
- var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n height: 60px;\n cursor: pointer;\n }\n"])));
11968
+ var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 160px;\n cursor: pointer;\n }\n"])));
11969
11969
  var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
11970
11970
  var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n font-style: italic;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
11971
11971
  return props.theme.rareStepColors.secondary;
@@ -12245,6 +12245,7 @@
12245
12245
  };
12246
12246
 
12247
12247
  return /*#__PURE__*/React__default.createElement(HeaderWrapper, null, /*#__PURE__*/React__default.createElement(HeaderContainer, null, /*#__PURE__*/React__default.createElement(LogoFigure, null, /*#__PURE__*/React__default.createElement(LogoImage, {
12248
+ className: "header__logo",
12248
12249
  src: headerLogoImgUrl,
12249
12250
  onClick: function onClick() {
12250
12251
  window.location.href = wordpressSiteUrl;
@@ -12661,7 +12662,7 @@
12661
12662
  var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
12662
12663
  return props.theme.marginPaddings[4];
12663
12664
  });
12664
- var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
12665
+ var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n margin-top: ", ";\n cursor: pointer;\n }\n"])), function (props) {
12665
12666
  return props.theme.marginPaddings[5];
12666
12667
  });
12667
12668
  var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
@@ -12721,10 +12722,12 @@
12721
12722
  }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
12722
12723
  className: "footer__link"
12723
12724
  }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
12725
+ target: "_blank",
12724
12726
  href: facebookUrl
12725
12727
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
12726
12728
  src: facebookIconUrl
12727
12729
  })), /*#__PURE__*/React__default.createElement(FooterLink, {
12730
+ target: "_blank",
12728
12731
  href: instagramUrl
12729
12732
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
12730
12733
  src: instagramImageUrl
@@ -12752,10 +12755,12 @@
12752
12755
  className: "footer__links",
12753
12756
  key: index
12754
12757
  }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
12758
+ target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
12755
12759
  className: "footer__link",
12756
12760
  href: footerLink.url
12757
12761
  }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
12758
12762
  return /*#__PURE__*/React__default.createElement(FooterLink, {
12763
+ target: footerLink !== null && footerLink !== void 0 && footerLink.openInNewTab ? '_blank' : '_self',
12759
12764
  className: "footer__link",
12760
12765
  href: link.url,
12761
12766
  key: linkIndex
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.17.3",
3
+ "version": "2.17.5",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",