@bonlineza/luxity-lib 2.14.0 → 2.15.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 (11) hide show
  1. package/AddInterest.js +32 -12
  2. package/BrandSelector.js +32 -12
  3. package/GraphQLDropdownSelector.js +32 -12
  4. package/Interests.js +32 -12
  5. package/LuxityGraphQLDropdownSelector.js +32 -12
  6. package/MaterialSelector.js +32 -12
  7. package/ModelSelector.js +32 -12
  8. package/RareStepFooter.js +40 -40
  9. package/RareStepHeader.js +240 -162
  10. package/build/bundle.js +283 -205
  11. package/package.json +1 -1
package/MaterialSelector.js CHANGED
@@ -11337,7 +11337,7 @@
11337
11337
  defaultShoeSizeType: shoeSizeTypes.eu.value
11338
11338
  };
11339
11339
 
11340
- var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
11340
+ var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
11341
11341
  var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
11342
11342
  return props.theme.rareStepColors.ntrlMin;
11343
11343
  }, function (props) {
@@ -11462,35 +11462,38 @@
11462
11462
  });
11463
11463
  var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
11464
11464
  var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
11465
+ var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
11465
11466
 
11466
- var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
11467
+ var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
11467
11468
  var HeaderWrapper$1 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
11468
11469
  return props.theme.rareStepColors.ntrlMin;
11469
11470
  }, function (props) {
11470
11471
  return props.theme.marginPaddings[3];
11471
11472
  });
11472
- var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
11473
+ var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11473
11474
  var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
11474
11475
  var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
11475
- var SidenavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
11476
- var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
11476
+ var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
11477
+ return props.theme.rareStepFontSize.h6;
11478
+ });
11479
+ var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
11477
11480
  return props.theme.rareStepColors.primary;
11478
11481
  }, function (props) {
11479
11482
  return props.theme.rareStepColors.ntrlMin;
11480
11483
  }, function (props) {
11481
11484
  return props.theme.marginPaddings[1];
11482
11485
  });
11483
- var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
11486
+ var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$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) {
11484
11487
  return props.theme.rareStepColors.ntrl40;
11485
11488
  });
11486
11489
  var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11487
- var SidenavLink = styled__default.a(_templateObject9$1 || (_templateObject9$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) {
11490
+ var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$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) {
11488
11491
  return props.theme.marginPaddings[1];
11489
11492
  }, function (props) {
11490
11493
  return props.theme.rareStepColors.ntrlMin;
11491
11494
  });
11492
11495
  var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
11493
- var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$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-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
11496
+ var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$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 }\n"])), function (props) {
11494
11497
  return props.theme.rareStepColors.secondary;
11495
11498
  }, function (props) {
11496
11499
  return props.theme.rareStepColors.secondary;
@@ -11503,8 +11506,8 @@
11503
11506
  }, function (props) {
11504
11507
  return props.theme.marginPaddings[1];
11505
11508
  });
11506
- var SubmenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
11507
- var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
11509
+ var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
11510
+ var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
11508
11511
  var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
11509
11512
  return props.theme.rareStepColors.ntrlMax;
11510
11513
  });
@@ -11519,8 +11522,25 @@
11519
11522
  }, function (props) {
11520
11523
  return props.theme.rareStepColors.ntrlMax;
11521
11524
  });
11525
+ var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
11526
+ return props.theme.rareStepColors.ntrlMin;
11527
+ }, function (props) {
11528
+ return props.theme.rareStepColors.ntrlMin;
11529
+ });
11530
+ var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
11531
+ var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
11532
+ return props.theme.rareStepFontSize.h5;
11533
+ }, function (props) {
11534
+ return props.theme.rareStepColors.ntrlMin;
11535
+ });
11536
+ var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
11537
+ var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
11538
+ return props.theme.marginPaddings[4];
11539
+ }, function (props) {
11540
+ return props.theme.marginPaddings[1];
11541
+ });
11522
11542
 
11523
- var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
11543
+ var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
11524
11544
  var FooterWrapper = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
11525
11545
  return props.theme.rareStepColors.ntrlMax;
11526
11546
  }, function (props) {
@@ -11582,7 +11602,7 @@
11582
11602
  });
11583
11603
  var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
11584
11604
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
11585
- var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
11605
+ var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
11586
11606
 
11587
11607
  var _templateObject$Q;
11588
11608
  var ALL_ITEM$1 = {
package/ModelSelector.js CHANGED
@@ -11337,7 +11337,7 @@
11337
11337
  defaultShoeSizeType: shoeSizeTypes.eu.value
11338
11338
  };
11339
11339
 
11340
- var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
11340
+ var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
11341
11341
  var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
11342
11342
  return props.theme.rareStepColors.ntrlMin;
11343
11343
  }, function (props) {
@@ -11462,35 +11462,38 @@
11462
11462
  });
11463
11463
  var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
11464
11464
  var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
11465
+ var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
11465
11466
 
11466
- var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
11467
+ var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
11467
11468
  var HeaderWrapper$1 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
11468
11469
  return props.theme.rareStepColors.ntrlMin;
11469
11470
  }, function (props) {
11470
11471
  return props.theme.marginPaddings[3];
11471
11472
  });
11472
- var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 40px;\n height: 40px;\n cursor: pointer;\n }\n"])));
11473
+ var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11473
11474
  var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
11474
11475
  var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
11475
- var SidenavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n z-index: 9;\n overflow-x: hidden;\n }\n"])));
11476
- var Sidenav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n }\n"])), function (props) {
11476
+ var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
11477
+ return props.theme.rareStepFontSize.h6;
11478
+ });
11479
+ var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
11477
11480
  return props.theme.rareStepColors.primary;
11478
11481
  }, function (props) {
11479
11482
  return props.theme.rareStepColors.ntrlMin;
11480
11483
  }, function (props) {
11481
11484
  return props.theme.marginPaddings[1];
11482
11485
  });
11483
- var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
11486
+ var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$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) {
11484
11487
  return props.theme.rareStepColors.ntrl40;
11485
11488
  });
11486
11489
  var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
11487
- var SidenavLink = styled__default.a(_templateObject9$1 || (_templateObject9$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) {
11490
+ var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$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) {
11488
11491
  return props.theme.marginPaddings[1];
11489
11492
  }, function (props) {
11490
11493
  return props.theme.rareStepColors.ntrlMin;
11491
11494
  });
11492
11495
  var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
11493
- var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$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-left: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n }\n"])), function (props) {
11496
+ var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$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 }\n"])), function (props) {
11494
11497
  return props.theme.rareStepColors.secondary;
11495
11498
  }, function (props) {
11496
11499
  return props.theme.rareStepColors.secondary;
@@ -11503,8 +11506,8 @@
11503
11506
  }, function (props) {
11504
11507
  return props.theme.marginPaddings[1];
11505
11508
  });
11506
- var SubmenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
11507
- var SubmenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
11509
+ var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
11510
+ var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
11508
11511
  var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
11509
11512
  return props.theme.rareStepColors.ntrlMax;
11510
11513
  });
@@ -11519,8 +11522,25 @@
11519
11522
  }, function (props) {
11520
11523
  return props.theme.rareStepColors.ntrlMax;
11521
11524
  });
11525
+ var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
11526
+ return props.theme.rareStepColors.ntrlMin;
11527
+ }, function (props) {
11528
+ return props.theme.rareStepColors.ntrlMin;
11529
+ });
11530
+ var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
11531
+ var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
11532
+ return props.theme.rareStepFontSize.h5;
11533
+ }, function (props) {
11534
+ return props.theme.rareStepColors.ntrlMin;
11535
+ });
11536
+ var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
11537
+ var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
11538
+ return props.theme.marginPaddings[4];
11539
+ }, function (props) {
11540
+ return props.theme.marginPaddings[1];
11541
+ });
11522
11542
 
11523
- var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$1;
11543
+ var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
11524
11544
  var FooterWrapper = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
11525
11545
  return props.theme.rareStepColors.ntrlMax;
11526
11546
  }, function (props) {
@@ -11582,7 +11602,7 @@
11582
11602
  });
11583
11603
  var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
11584
11604
  var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
11585
- var FooterConnectContainer = styled__default.div(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
11605
+ var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
11586
11606
 
11587
11607
  var _templateObject$Q;
11588
11608
  var ALL_ITEM$1 = {
package/RareStepFooter.js CHANGED
@@ -165,7 +165,7 @@
165
165
  var FooterConnectContainer = styled__default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
166
166
 
167
167
  var FooterCopyright = function FooterCopyright(_ref) {
168
- var payment_image = _ref.payment_image;
168
+ var paymentImage = _ref.paymentImage;
169
169
  return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, {
170
170
  className: "footer__copyright-container"
171
171
  }, /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
@@ -180,82 +180,82 @@
180
180
  className: "footer__payment-options"
181
181
  }, /*#__PURE__*/React__default.createElement(FooterPaymentImage, {
182
182
  className: "footer__payment-image",
183
- src: payment_image
183
+ src: paymentImage
184
184
  }))));
185
185
  };
186
186
 
187
187
  function FooterConnect(_ref) {
188
- var footer_logo_image_url = _ref.footer_logo_image_url,
189
- facebook_url = _ref.facebook_url,
190
- facebook_icon_url = _ref.facebook_icon_url,
191
- instagram_url = _ref.instagram_url,
192
- instagram_image_url = _ref.instagram_image_url,
193
- class_name = _ref.class_name;
188
+ var footerLogoImageUrl = _ref.footerLogoImageUrl,
189
+ facebookUrl = _ref.facebookUrl,
190
+ facebookIconUrl = _ref.facebookIconUrl,
191
+ instagramUrl = _ref.instagramUrl,
192
+ instagramImageUrl = _ref.instagramImageUrl,
193
+ className = _ref.className;
194
194
  return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
195
- className: class_name
195
+ className: className
196
196
  }, /*#__PURE__*/React__default.createElement(FooterLogo, {
197
197
  className: "footer__logo",
198
- src: footer_logo_image_url
198
+ src: footerLogoImageUrl
199
199
  }), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
200
200
  className: "footer__link"
201
201
  }, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
202
- href: facebook_url
202
+ href: facebookUrl
203
203
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
204
- src: facebook_icon_url
204
+ src: facebookIconUrl
205
205
  })), /*#__PURE__*/React__default.createElement(FooterLink, {
206
- href: instagram_url
206
+ href: instagramUrl
207
207
  }, /*#__PURE__*/React__default.createElement(SocialIcon, {
208
- src: instagram_image_url
208
+ src: instagramImageUrl
209
209
  }))));
210
210
  }
211
211
 
212
212
  var RareStepFooter = function RareStepFooter(_ref) {
213
- var footer_image_url = _ref.footer_image_url,
214
- footer_logo_image_url = _ref.footer_logo_image_url,
215
- facebook_url = _ref.facebook_url,
216
- facebook_icon_url = _ref.facebook_icon_url,
217
- instagram_url = _ref.instagram_url,
218
- instagram_image_url = _ref.instagram_image_url,
219
- payment_image = _ref.payment_image,
220
- footer_links = _ref.footer_links;
213
+ var footerImageUrl = _ref.footerImageUrl,
214
+ footerLogoImageUrl = _ref.footerLogoImageUrl,
215
+ facebookUrl = _ref.facebookUrl,
216
+ facebookIconUrl = _ref.facebookIconUrl,
217
+ instagramUrl = _ref.instagramUrl,
218
+ instagramImageUrl = _ref.instagramImageUrl,
219
+ paymentImage = _ref.paymentImage,
220
+ footerLinks = _ref.footerLinks;
221
221
  return /*#__PURE__*/React__default.createElement(FooterWrapper, null, /*#__PURE__*/React__default.createElement(PageContainer, {
222
222
  className: "footer__page-container"
223
223
  }, /*#__PURE__*/React__default.createElement(FooterLinksWrapper, {
224
224
  className: "footer__links-wrapper"
225
- }, footer_links.map(function (footer_link, index) {
225
+ }, footerLinks.map(function (footerLink, index) {
226
226
  return /*#__PURE__*/React__default.createElement(FooterLinksContainer, {
227
227
  className: "footer__links",
228
228
  key: index
229
229
  }, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
230
230
  className: "footer__link",
231
- href: footer_link.url
232
- }, footer_link.title), footer_link.links.map(function (link, link_index) {
231
+ href: footerLink.url
232
+ }, footerLink.title), footerLink.links.map(function (link, linkIndex) {
233
233
  return /*#__PURE__*/React__default.createElement(FooterLink, {
234
234
  className: "footer__link",
235
235
  href: link.url,
236
- key: link_index
236
+ key: linkIndex
237
237
  }, link.name);
238
238
  }), index === 0 && /*#__PURE__*/React__default.createElement(FooterConnect, {
239
- class_name: "footer__connect-desktop",
240
- footer_logo_image_url: footer_logo_image_url,
241
- facebook_url: facebook_url,
242
- facebook_icon_url: facebook_icon_url,
243
- instagram_url: instagram_url,
244
- instagram_image_url: instagram_image_url
239
+ className: "footer__connect-desktop",
240
+ footerLogoImageUrl: footerLogoImageUrl,
241
+ facebookUrl: facebookUrl,
242
+ facebookIconUrl: facebookIconUrl,
243
+ instagramUrl: instagramUrl,
244
+ instagramImageUrl: instagramImageUrl
245
245
  }));
246
246
  })), /*#__PURE__*/React__default.createElement(FooterConnect, {
247
- class_name: "footer__connect-mobile",
248
- footer_logo_image_url: footer_logo_image_url,
249
- facebook_url: facebook_url,
250
- facebook_icon_url: facebook_icon_url,
251
- instagram_url: instagram_url,
252
- instagram_image_url: instagram_image_url
247
+ className: "footer__connect-mobile",
248
+ footerLogoImageUrl: footerLogoImageUrl,
249
+ facebookUrl: facebookUrl,
250
+ facebookIconUrl: facebookIconUrl,
251
+ instagramUrl: instagramUrl,
252
+ instagramImageUrl: instagramImageUrl
253
253
  }), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
254
254
  className: "footer__figure"
255
255
  }, /*#__PURE__*/React__default.createElement(FooterImage, {
256
- src: footer_image_url
256
+ src: footerImageUrl
257
257
  }))), /*#__PURE__*/React__default.createElement(FooterCopyright, {
258
- payment_image: payment_image
258
+ paymentImage: paymentImage
259
259
  }));
260
260
  };
261
261