@bonlineza/luxity-lib 2.15.1 → 2.16.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.
- package/AddInterest.js +11 -11
- package/BrandSelector.js +11 -11
- package/GraphQLDropdownSelector.js +11 -11
- package/Interests.js +11 -11
- package/LuxityGraphQLDropdownSelector.js +11 -11
- package/MaterialSelector.js +11 -11
- package/ModelSelector.js +11 -11
- package/RareStepHeader.js +34 -41
- package/build/bundle.js +34 -41
- package/package.json +1 -1
package/AddInterest.js
CHANGED
|
@@ -10173,7 +10173,7 @@
|
|
|
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
10174
|
var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
10176
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
10177
10177
|
return props.theme.rareStepColors.secondary;
|
|
10178
10178
|
}, function (props) {
|
|
10179
10179
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10262,7 +10262,7 @@
|
|
|
10262
10262
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
10263
10263
|
return props.theme.marginPaddings[1];
|
|
10264
10264
|
});
|
|
10265
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
10265
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10266
10266
|
return props.theme.rareStepFontSize.footerTitle;
|
|
10267
10267
|
}, function (props) {
|
|
10268
10268
|
return props.theme.marginPaddings[0];
|
|
@@ -10274,7 +10274,7 @@
|
|
|
10274
10274
|
return props.theme.rareStepColors.ntrl40;
|
|
10275
10275
|
});
|
|
10276
10276
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10277
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
10277
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
10278
10278
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10279
10279
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10280
10280
|
return props.theme.rareStepColors.primary;
|
|
@@ -10283,14 +10283,14 @@
|
|
|
10283
10283
|
});
|
|
10284
10284
|
|
|
10285
10285
|
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _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;
|
|
10286
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$H || (_templateObject$H = _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: ", "
|
|
10286
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$H || (_templateObject$H = _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: ", " 5%;\n }\n"])), function (props) {
|
|
10287
10287
|
return props.theme.rareStepColors.ntrlMin;
|
|
10288
10288
|
}, function (props) {
|
|
10289
10289
|
return props.theme.marginPaddings[3];
|
|
10290
10290
|
});
|
|
10291
10291
|
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10292
|
-
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width:
|
|
10293
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
10292
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
10293
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
10294
10294
|
var SideNavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10295
10295
|
return props.theme.rareStepFontSize.h6;
|
|
10296
10296
|
});
|
|
@@ -10329,16 +10329,16 @@
|
|
|
10329
10329
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10330
10330
|
return props.theme.rareStepColors.ntrlMax;
|
|
10331
10331
|
});
|
|
10332
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
10333
|
-
return props.theme.rareStepColors.
|
|
10332
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
10333
|
+
return props.theme.rareStepColors.primary;
|
|
10334
10334
|
}, function (props) {
|
|
10335
10335
|
return props.theme.rareStepColors.ntrl50;
|
|
10336
|
-
}, function (props) {
|
|
10337
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
10338
10336
|
}, function (props) {
|
|
10339
10337
|
return props.theme.rareStepColors.ntrlMin;
|
|
10340
10338
|
}, function (props) {
|
|
10341
|
-
return props.theme.rareStepColors.
|
|
10339
|
+
return props.theme.rareStepColors.primary;
|
|
10340
|
+
}, function (props) {
|
|
10341
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10342
10342
|
});
|
|
10343
10343
|
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) {
|
|
10344
10344
|
return props.theme.rareStepColors.ntrlMin;
|
package/BrandSelector.js
CHANGED
|
@@ -11357,7 +11357,7 @@
|
|
|
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
11358
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11360
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11361
11361
|
return props.theme.rareStepColors.secondary;
|
|
11362
11362
|
}, function (props) {
|
|
11363
11363
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11446,7 +11446,7 @@
|
|
|
11446
11446
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
11447
11447
|
return props.theme.marginPaddings[1];
|
|
11448
11448
|
});
|
|
11449
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
11449
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
11450
11450
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11451
11451
|
}, function (props) {
|
|
11452
11452
|
return props.theme.marginPaddings[0];
|
|
@@ -11458,7 +11458,7 @@
|
|
|
11458
11458
|
return props.theme.rareStepColors.ntrl40;
|
|
11459
11459
|
});
|
|
11460
11460
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11461
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
11461
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
11462
11462
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11463
11463
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11464
11464
|
return props.theme.rareStepColors.primary;
|
|
@@ -11467,14 +11467,14 @@
|
|
|
11467
11467
|
});
|
|
11468
11468
|
|
|
11469
11469
|
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;
|
|
11470
|
-
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: ", "
|
|
11470
|
+
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: ", " 5%;\n }\n"])), function (props) {
|
|
11471
11471
|
return props.theme.rareStepColors.ntrlMin;
|
|
11472
11472
|
}, function (props) {
|
|
11473
11473
|
return props.theme.marginPaddings[3];
|
|
11474
11474
|
});
|
|
11475
11475
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11476
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
11477
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
11476
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11477
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11478
11478
|
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) {
|
|
11479
11479
|
return props.theme.rareStepFontSize.h6;
|
|
11480
11480
|
});
|
|
@@ -11513,16 +11513,16 @@
|
|
|
11513
11513
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11514
11514
|
return props.theme.rareStepColors.ntrlMax;
|
|
11515
11515
|
});
|
|
11516
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
11517
|
-
return props.theme.rareStepColors.
|
|
11516
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.primary;
|
|
11518
11518
|
}, function (props) {
|
|
11519
11519
|
return props.theme.rareStepColors.ntrl50;
|
|
11520
|
-
}, function (props) {
|
|
11521
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
11522
11520
|
}, function (props) {
|
|
11523
11521
|
return props.theme.rareStepColors.ntrlMin;
|
|
11524
11522
|
}, function (props) {
|
|
11525
|
-
return props.theme.rareStepColors.
|
|
11523
|
+
return props.theme.rareStepColors.primary;
|
|
11524
|
+
}, function (props) {
|
|
11525
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11526
11526
|
});
|
|
11527
11527
|
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) {
|
|
11528
11528
|
return props.theme.rareStepColors.ntrlMin;
|
|
@@ -11492,7 +11492,7 @@
|
|
|
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
11493
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11495
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11496
11496
|
return props.theme.rareStepColors.secondary;
|
|
11497
11497
|
}, function (props) {
|
|
11498
11498
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11581,7 +11581,7 @@
|
|
|
11581
11581
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
11582
11582
|
return props.theme.marginPaddings[1];
|
|
11583
11583
|
});
|
|
11584
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
11584
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
11585
11585
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11586
11586
|
}, function (props) {
|
|
11587
11587
|
return props.theme.marginPaddings[0];
|
|
@@ -11593,7 +11593,7 @@
|
|
|
11593
11593
|
return props.theme.rareStepColors.ntrl40;
|
|
11594
11594
|
});
|
|
11595
11595
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11596
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
11596
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
11597
11597
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11598
11598
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11599
11599
|
return props.theme.rareStepColors.primary;
|
|
@@ -11602,14 +11602,14 @@
|
|
|
11602
11602
|
});
|
|
11603
11603
|
|
|
11604
11604
|
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;
|
|
11605
|
-
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: ", "
|
|
11605
|
+
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: ", " 5%;\n }\n"])), function (props) {
|
|
11606
11606
|
return props.theme.rareStepColors.ntrlMin;
|
|
11607
11607
|
}, function (props) {
|
|
11608
11608
|
return props.theme.marginPaddings[3];
|
|
11609
11609
|
});
|
|
11610
11610
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11611
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
11612
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
11611
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11612
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11613
11613
|
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) {
|
|
11614
11614
|
return props.theme.rareStepFontSize.h6;
|
|
11615
11615
|
});
|
|
@@ -11648,16 +11648,16 @@
|
|
|
11648
11648
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11649
11649
|
return props.theme.rareStepColors.ntrlMax;
|
|
11650
11650
|
});
|
|
11651
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
11652
|
-
return props.theme.rareStepColors.
|
|
11651
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
11652
|
+
return props.theme.rareStepColors.primary;
|
|
11653
11653
|
}, function (props) {
|
|
11654
11654
|
return props.theme.rareStepColors.ntrl50;
|
|
11655
|
-
}, function (props) {
|
|
11656
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
11657
11655
|
}, function (props) {
|
|
11658
11656
|
return props.theme.rareStepColors.ntrlMin;
|
|
11659
11657
|
}, function (props) {
|
|
11660
|
-
return props.theme.rareStepColors.
|
|
11658
|
+
return props.theme.rareStepColors.primary;
|
|
11659
|
+
}, function (props) {
|
|
11660
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11661
11661
|
});
|
|
11662
11662
|
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) {
|
|
11663
11663
|
return props.theme.rareStepColors.ntrlMin;
|
package/Interests.js
CHANGED
|
@@ -9976,7 +9976,7 @@
|
|
|
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
9977
|
var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
9979
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
9980
9980
|
return props.theme.rareStepColors.secondary;
|
|
9981
9981
|
}, function (props) {
|
|
9982
9982
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10065,7 +10065,7 @@
|
|
|
10065
10065
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
10066
10066
|
return props.theme.marginPaddings[1];
|
|
10067
10067
|
});
|
|
10068
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
10068
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10069
10069
|
return props.theme.rareStepFontSize.footerTitle;
|
|
10070
10070
|
}, function (props) {
|
|
10071
10071
|
return props.theme.marginPaddings[0];
|
|
@@ -10077,7 +10077,7 @@
|
|
|
10077
10077
|
return props.theme.rareStepColors.ntrl40;
|
|
10078
10078
|
});
|
|
10079
10079
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10080
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
10080
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
10081
10081
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10082
10082
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10083
10083
|
return props.theme.rareStepColors.primary;
|
|
@@ -10086,14 +10086,14 @@
|
|
|
10086
10086
|
});
|
|
10087
10087
|
|
|
10088
10088
|
var _templateObject$F, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _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;
|
|
10089
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$F || (_templateObject$F = _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: ", "
|
|
10089
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$F || (_templateObject$F = _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: ", " 5%;\n }\n"])), function (props) {
|
|
10090
10090
|
return props.theme.rareStepColors.ntrlMin;
|
|
10091
10091
|
}, function (props) {
|
|
10092
10092
|
return props.theme.marginPaddings[3];
|
|
10093
10093
|
});
|
|
10094
10094
|
var Icon = styled__default.img(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
10095
|
-
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width:
|
|
10096
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
10095
|
+
var Logo = styled__default.img(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
10096
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
10097
10097
|
var SideNavWrapper = styled__default.div(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
10098
10098
|
return props.theme.rareStepFontSize.h6;
|
|
10099
10099
|
});
|
|
@@ -10132,16 +10132,16 @@
|
|
|
10132
10132
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
10133
10133
|
return props.theme.rareStepColors.ntrlMax;
|
|
10134
10134
|
});
|
|
10135
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
10136
|
-
return props.theme.rareStepColors.
|
|
10135
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
10136
|
+
return props.theme.rareStepColors.primary;
|
|
10137
10137
|
}, function (props) {
|
|
10138
10138
|
return props.theme.rareStepColors.ntrl50;
|
|
10139
|
-
}, function (props) {
|
|
10140
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
10141
10139
|
}, function (props) {
|
|
10142
10140
|
return props.theme.rareStepColors.ntrlMin;
|
|
10143
10141
|
}, function (props) {
|
|
10144
|
-
return props.theme.rareStepColors.
|
|
10142
|
+
return props.theme.rareStepColors.primary;
|
|
10143
|
+
}, function (props) {
|
|
10144
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10145
10145
|
});
|
|
10146
10146
|
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) {
|
|
10147
10147
|
return props.theme.rareStepColors.ntrlMin;
|
|
@@ -11393,7 +11393,7 @@
|
|
|
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
11394
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11396
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11397
11397
|
return props.theme.rareStepColors.secondary;
|
|
11398
11398
|
}, function (props) {
|
|
11399
11399
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11482,7 +11482,7 @@
|
|
|
11482
11482
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
11483
11483
|
return props.theme.marginPaddings[1];
|
|
11484
11484
|
});
|
|
11485
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
11485
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
11486
11486
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11487
11487
|
}, function (props) {
|
|
11488
11488
|
return props.theme.marginPaddings[0];
|
|
@@ -11494,7 +11494,7 @@
|
|
|
11494
11494
|
return props.theme.rareStepColors.ntrl40;
|
|
11495
11495
|
});
|
|
11496
11496
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11497
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
11497
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
11498
11498
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11499
11499
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11500
11500
|
return props.theme.rareStepColors.primary;
|
|
@@ -11503,14 +11503,14 @@
|
|
|
11503
11503
|
});
|
|
11504
11504
|
|
|
11505
11505
|
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;
|
|
11506
|
-
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: ", "
|
|
11506
|
+
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: ", " 5%;\n }\n"])), function (props) {
|
|
11507
11507
|
return props.theme.rareStepColors.ntrlMin;
|
|
11508
11508
|
}, function (props) {
|
|
11509
11509
|
return props.theme.marginPaddings[3];
|
|
11510
11510
|
});
|
|
11511
11511
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11512
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
11513
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
11512
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11513
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11514
11514
|
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) {
|
|
11515
11515
|
return props.theme.rareStepFontSize.h6;
|
|
11516
11516
|
});
|
|
@@ -11549,16 +11549,16 @@
|
|
|
11549
11549
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11550
11550
|
return props.theme.rareStepColors.ntrlMax;
|
|
11551
11551
|
});
|
|
11552
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
11553
|
-
return props.theme.rareStepColors.
|
|
11552
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
11553
|
+
return props.theme.rareStepColors.primary;
|
|
11554
11554
|
}, function (props) {
|
|
11555
11555
|
return props.theme.rareStepColors.ntrl50;
|
|
11556
|
-
}, function (props) {
|
|
11557
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
11558
11556
|
}, function (props) {
|
|
11559
11557
|
return props.theme.rareStepColors.ntrlMin;
|
|
11560
11558
|
}, function (props) {
|
|
11561
|
-
return props.theme.rareStepColors.
|
|
11559
|
+
return props.theme.rareStepColors.primary;
|
|
11560
|
+
}, function (props) {
|
|
11561
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11562
11562
|
});
|
|
11563
11563
|
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) {
|
|
11564
11564
|
return props.theme.rareStepColors.ntrlMin;
|
package/MaterialSelector.js
CHANGED
|
@@ -11358,7 +11358,7 @@
|
|
|
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
11359
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11361
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11362
11362
|
return props.theme.rareStepColors.secondary;
|
|
11363
11363
|
}, function (props) {
|
|
11364
11364
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11447,7 +11447,7 @@
|
|
|
11447
11447
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
11448
11448
|
return props.theme.marginPaddings[1];
|
|
11449
11449
|
});
|
|
11450
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
11450
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
11451
11451
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11452
11452
|
}, function (props) {
|
|
11453
11453
|
return props.theme.marginPaddings[0];
|
|
@@ -11459,7 +11459,7 @@
|
|
|
11459
11459
|
return props.theme.rareStepColors.ntrl40;
|
|
11460
11460
|
});
|
|
11461
11461
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11462
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
11462
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
11463
11463
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11464
11464
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11465
11465
|
return props.theme.rareStepColors.primary;
|
|
@@ -11468,14 +11468,14 @@
|
|
|
11468
11468
|
});
|
|
11469
11469
|
|
|
11470
11470
|
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;
|
|
11471
|
-
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: ", "
|
|
11471
|
+
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: ", " 5%;\n }\n"])), function (props) {
|
|
11472
11472
|
return props.theme.rareStepColors.ntrlMin;
|
|
11473
11473
|
}, function (props) {
|
|
11474
11474
|
return props.theme.marginPaddings[3];
|
|
11475
11475
|
});
|
|
11476
11476
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11477
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
11478
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
11477
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11478
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11479
11479
|
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) {
|
|
11480
11480
|
return props.theme.rareStepFontSize.h6;
|
|
11481
11481
|
});
|
|
@@ -11514,16 +11514,16 @@
|
|
|
11514
11514
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11515
11515
|
return props.theme.rareStepColors.ntrlMax;
|
|
11516
11516
|
});
|
|
11517
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
11518
|
-
return props.theme.rareStepColors.
|
|
11517
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.primary;
|
|
11519
11519
|
}, function (props) {
|
|
11520
11520
|
return props.theme.rareStepColors.ntrl50;
|
|
11521
|
-
}, function (props) {
|
|
11522
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
11523
11521
|
}, function (props) {
|
|
11524
11522
|
return props.theme.rareStepColors.ntrlMin;
|
|
11525
11523
|
}, function (props) {
|
|
11526
|
-
return props.theme.rareStepColors.
|
|
11524
|
+
return props.theme.rareStepColors.primary;
|
|
11525
|
+
}, function (props) {
|
|
11526
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11527
11527
|
});
|
|
11528
11528
|
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) {
|
|
11529
11529
|
return props.theme.rareStepColors.ntrlMin;
|
package/ModelSelector.js
CHANGED
|
@@ -11358,7 +11358,7 @@
|
|
|
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
11359
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11361
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11362
11362
|
return props.theme.rareStepColors.secondary;
|
|
11363
11363
|
}, function (props) {
|
|
11364
11364
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11447,7 +11447,7 @@
|
|
|
11447
11447
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
11448
11448
|
return props.theme.marginPaddings[1];
|
|
11449
11449
|
});
|
|
11450
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
11450
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
11451
11451
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11452
11452
|
}, function (props) {
|
|
11453
11453
|
return props.theme.marginPaddings[0];
|
|
@@ -11459,7 +11459,7 @@
|
|
|
11459
11459
|
return props.theme.rareStepColors.ntrl40;
|
|
11460
11460
|
});
|
|
11461
11461
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11462
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
11462
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
11463
11463
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11464
11464
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11465
11465
|
return props.theme.rareStepColors.primary;
|
|
@@ -11468,14 +11468,14 @@
|
|
|
11468
11468
|
});
|
|
11469
11469
|
|
|
11470
11470
|
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;
|
|
11471
|
-
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: ", "
|
|
11471
|
+
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: ", " 5%;\n }\n"])), function (props) {
|
|
11472
11472
|
return props.theme.rareStepColors.ntrlMin;
|
|
11473
11473
|
}, function (props) {
|
|
11474
11474
|
return props.theme.marginPaddings[3];
|
|
11475
11475
|
});
|
|
11476
11476
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11477
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
11478
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
11477
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
11478
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
11479
11479
|
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) {
|
|
11480
11480
|
return props.theme.rareStepFontSize.h6;
|
|
11481
11481
|
});
|
|
@@ -11514,16 +11514,16 @@
|
|
|
11514
11514
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11515
11515
|
return props.theme.rareStepColors.ntrlMax;
|
|
11516
11516
|
});
|
|
11517
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
11518
|
-
return props.theme.rareStepColors.
|
|
11517
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.primary;
|
|
11519
11519
|
}, function (props) {
|
|
11520
11520
|
return props.theme.rareStepColors.ntrl50;
|
|
11521
|
-
}, function (props) {
|
|
11522
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
11523
11521
|
}, function (props) {
|
|
11524
11522
|
return props.theme.rareStepColors.ntrlMin;
|
|
11525
11523
|
}, function (props) {
|
|
11526
|
-
return props.theme.rareStepColors.
|
|
11524
|
+
return props.theme.rareStepColors.primary;
|
|
11525
|
+
}, function (props) {
|
|
11526
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11527
11527
|
});
|
|
11528
11528
|
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) {
|
|
11529
11529
|
return props.theme.rareStepColors.ntrlMin;
|
package/RareStepHeader.js
CHANGED
|
@@ -180,7 +180,7 @@
|
|
|
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
181
|
var LogoImage = styled__default.img(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
183
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
184
184
|
return props.theme.rareStepColors.secondary;
|
|
185
185
|
}, function (props) {
|
|
186
186
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
270
270
|
return props.theme.marginPaddings[1];
|
|
271
271
|
});
|
|
272
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
272
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
273
273
|
return props.theme.rareStepFontSize.footerTitle;
|
|
274
274
|
}, function (props) {
|
|
275
275
|
return props.theme.marginPaddings[0];
|
|
@@ -281,7 +281,7 @@
|
|
|
281
281
|
return props.theme.rareStepColors.ntrl40;
|
|
282
282
|
});
|
|
283
283
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
284
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
284
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
285
285
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
286
286
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
287
287
|
return props.theme.rareStepColors.primary;
|
|
@@ -365,20 +365,9 @@
|
|
|
365
365
|
}))));
|
|
366
366
|
};
|
|
367
367
|
|
|
368
|
-
function Currency(_ref) {
|
|
369
|
-
var currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
370
|
-
className = _ref.className;
|
|
371
|
-
return /*#__PURE__*/React__default.createElement(CurrencyContainer, {
|
|
372
|
-
className: className
|
|
373
|
-
}, /*#__PURE__*/React__default.createElement(CurrencyFlagIcon, {
|
|
374
|
-
src: currencyFlagIconUrl
|
|
375
|
-
}), /*#__PURE__*/React__default.createElement(NavigationLink, null, "South African (ZAR, R)"));
|
|
376
|
-
}
|
|
377
|
-
|
|
378
368
|
function Navigation(_ref) {
|
|
379
369
|
var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
380
370
|
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
381
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
382
371
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
383
372
|
handleHideDropdown = _ref.handleHideDropdown,
|
|
384
373
|
showDropdown = _ref.showDropdown,
|
|
@@ -401,8 +390,6 @@
|
|
|
401
390
|
href: link.url,
|
|
402
391
|
key: index
|
|
403
392
|
}, link.name);
|
|
404
|
-
}), /*#__PURE__*/React__default.createElement(Currency, {
|
|
405
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
406
393
|
})))));
|
|
407
394
|
}
|
|
408
395
|
|
|
@@ -419,7 +406,8 @@
|
|
|
419
406
|
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
420
407
|
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
421
408
|
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
422
|
-
handleOnAccountClick = _ref.handleOnAccountClick
|
|
409
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
410
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
423
411
|
|
|
424
412
|
var _useState = React.useState(false),
|
|
425
413
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -453,16 +441,19 @@
|
|
|
453
441
|
onClick: function onClick() {
|
|
454
442
|
window.location.href = wordpressSiteUrl;
|
|
455
443
|
}
|
|
456
|
-
})), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink,
|
|
444
|
+
})), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink, {
|
|
445
|
+
href: desktopHeaderLinks.button.url
|
|
446
|
+
}, desktopHeaderLinks.button.name), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
457
447
|
src: searchIconUrl,
|
|
458
448
|
onClick: toggleSearch
|
|
459
|
-
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
449
|
+
}), interestIconUrl && /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
460
450
|
src: interestIconUrl
|
|
461
451
|
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
462
452
|
src: userIconUrl,
|
|
463
453
|
onClick: handleOnAccountClick
|
|
464
454
|
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
465
|
-
src: cartIconUrl
|
|
455
|
+
src: cartIconUrl,
|
|
456
|
+
onClick: handleOnCartClick
|
|
466
457
|
}))), /*#__PURE__*/React__default.createElement(Navigation, {
|
|
467
458
|
dropdownClosedIconUrl: dropdownClosedIconUrl,
|
|
468
459
|
dropdownOpenIconUrl: dropdownOpenIconUrl,
|
|
@@ -486,14 +477,14 @@
|
|
|
486
477
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
487
478
|
|
|
488
479
|
var _templateObject$1, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _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;
|
|
489
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$1 || (_templateObject$1 = _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: ", "
|
|
480
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$1 || (_templateObject$1 = _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: ", " 5%;\n }\n"])), function (props) {
|
|
490
481
|
return props.theme.rareStepColors.ntrlMin;
|
|
491
482
|
}, function (props) {
|
|
492
483
|
return props.theme.marginPaddings[3];
|
|
493
484
|
});
|
|
494
485
|
var Icon = styled__default.img(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
495
|
-
var Logo = styled__default.img(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n {\n width:
|
|
496
|
-
var IconWrapper = styled__default.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
486
|
+
var Logo = styled__default.img(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
487
|
+
var IconWrapper = styled__default.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
497
488
|
var SideNavWrapper = styled__default.div(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
498
489
|
return props.theme.rareStepFontSize.h6;
|
|
499
490
|
});
|
|
@@ -532,16 +523,16 @@
|
|
|
532
523
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
533
524
|
return props.theme.rareStepColors.ntrlMax;
|
|
534
525
|
});
|
|
535
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
536
|
-
return props.theme.rareStepColors.
|
|
526
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
527
|
+
return props.theme.rareStepColors.primary;
|
|
537
528
|
}, function (props) {
|
|
538
529
|
return props.theme.rareStepColors.ntrl50;
|
|
539
|
-
}, function (props) {
|
|
540
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
541
530
|
}, function (props) {
|
|
542
531
|
return props.theme.rareStepColors.ntrlMin;
|
|
543
532
|
}, function (props) {
|
|
544
|
-
return props.theme.rareStepColors.
|
|
533
|
+
return props.theme.rareStepColors.primary;
|
|
534
|
+
}, function (props) {
|
|
535
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
545
536
|
});
|
|
546
537
|
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) {
|
|
547
538
|
return props.theme.rareStepColors.ntrlMin;
|
|
@@ -606,8 +597,7 @@
|
|
|
606
597
|
function SideNavLinks(_ref) {
|
|
607
598
|
var rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
608
599
|
links = _ref.links,
|
|
609
|
-
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu
|
|
610
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl;
|
|
600
|
+
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu;
|
|
611
601
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.top.map(function (link, index) {
|
|
612
602
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
613
603
|
key: index
|
|
@@ -631,9 +621,6 @@
|
|
|
631
621
|
className: "side-nav-link--bottom",
|
|
632
622
|
onClick: link !== null && link !== void 0 && link.isButton ? link.onClick : null
|
|
633
623
|
}, link.name);
|
|
634
|
-
}), /*#__PURE__*/React__default.createElement(Currency, {
|
|
635
|
-
className: "side-nav__currency",
|
|
636
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
637
624
|
}));
|
|
638
625
|
}
|
|
639
626
|
|
|
@@ -657,9 +644,9 @@
|
|
|
657
644
|
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
658
645
|
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
659
646
|
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
660
|
-
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
661
647
|
backIconUrl = _ref.backIconUrl,
|
|
662
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl
|
|
648
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
649
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
663
650
|
|
|
664
651
|
var _useState = React.useState(false),
|
|
665
652
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -692,12 +679,15 @@
|
|
|
692
679
|
window.location.href = wordpressSiteUrl;
|
|
693
680
|
}
|
|
694
681
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
682
|
+
className: "search-icon",
|
|
695
683
|
src: searchIconUrl,
|
|
696
684
|
onClick: toggleSearch
|
|
697
685
|
}), /*#__PURE__*/React__default.createElement(Icon, {
|
|
698
|
-
|
|
686
|
+
className: "cart-icon",
|
|
687
|
+
src: cartIconUrl,
|
|
688
|
+
onClick: handleOnCartClick
|
|
699
689
|
}))), showSearch && /*#__PURE__*/React__default.createElement(MobileSearchContainer, null, /*#__PURE__*/React__default.createElement(Search, {
|
|
700
|
-
closeIconUrl:
|
|
690
|
+
closeIconUrl: closeIconUrl,
|
|
701
691
|
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
702
692
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
703
693
|
toggleSearch: toggleSearch
|
|
@@ -745,7 +735,8 @@
|
|
|
745
735
|
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
746
736
|
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
747
737
|
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
748
|
-
backIconUrl = _ref.backIconUrl
|
|
738
|
+
backIconUrl = _ref.backIconUrl,
|
|
739
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
749
740
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
750
741
|
className: desktopHeaderWrapperClass
|
|
751
742
|
}, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
|
|
@@ -761,7 +752,8 @@
|
|
|
761
752
|
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
762
753
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
763
754
|
desktopHeaderLinks: desktopHeaderLinks,
|
|
764
|
-
handleOnAccountClick: handleOnAccountClick
|
|
755
|
+
handleOnAccountClick: handleOnAccountClick,
|
|
756
|
+
handleOnCartClick: handleOnCartClick
|
|
765
757
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
766
758
|
className: mobileHeaderWrapperClass
|
|
767
759
|
}, /*#__PURE__*/React__default.createElement(RareStepMobileHeader, {
|
|
@@ -772,11 +764,12 @@
|
|
|
772
764
|
closeIconUrl: closeIconUrl,
|
|
773
765
|
rightArrowIconUrl: rightArrowIconUrl,
|
|
774
766
|
mobileHeaderLinks: mobileHeaderLinks,
|
|
775
|
-
navigationSearchIconUrl:
|
|
767
|
+
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
776
768
|
mobileCloseIconUrl: mobileCloseIconUrl,
|
|
777
769
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
778
770
|
backIconUrl: backIconUrl,
|
|
779
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
771
|
+
currencyFlagIconUrl: currencyFlagIconUrl,
|
|
772
|
+
handleOnCartClick: handleOnCartClick
|
|
780
773
|
})));
|
|
781
774
|
};
|
|
782
775
|
|
package/build/bundle.js
CHANGED
|
@@ -11967,7 +11967,7 @@
|
|
|
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
11968
|
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\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
|
-
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11970
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
11971
11971
|
return props.theme.rareStepColors.secondary;
|
|
11972
11972
|
}, function (props) {
|
|
11973
11973
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -12056,7 +12056,7 @@
|
|
|
12056
12056
|
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n }\n"])), function (props) {
|
|
12057
12057
|
return props.theme.marginPaddings[1];
|
|
12058
12058
|
});
|
|
12059
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width:
|
|
12059
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 100%;\n font-size: ", ";\n padding-bottom: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
12060
12060
|
return props.theme.rareStepFontSize.footerTitle;
|
|
12061
12061
|
}, function (props) {
|
|
12062
12062
|
return props.theme.marginPaddings[0];
|
|
@@ -12068,7 +12068,7 @@
|
|
|
12068
12068
|
return props.theme.rareStepColors.ntrl40;
|
|
12069
12069
|
});
|
|
12070
12070
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
12071
|
-
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n
|
|
12071
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n }\n"])));
|
|
12072
12072
|
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
12073
12073
|
var DropdownSearchContainer = styled__default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
12074
12074
|
return props.theme.rareStepColors.primary;
|
|
@@ -12152,20 +12152,9 @@
|
|
|
12152
12152
|
}))));
|
|
12153
12153
|
};
|
|
12154
12154
|
|
|
12155
|
-
function Currency(_ref) {
|
|
12156
|
-
var currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
12157
|
-
className = _ref.className;
|
|
12158
|
-
return /*#__PURE__*/React__default.createElement(CurrencyContainer, {
|
|
12159
|
-
className: className
|
|
12160
|
-
}, /*#__PURE__*/React__default.createElement(CurrencyFlagIcon, {
|
|
12161
|
-
src: currencyFlagIconUrl
|
|
12162
|
-
}), /*#__PURE__*/React__default.createElement(NavigationLink, null, "South African (ZAR, R)"));
|
|
12163
|
-
}
|
|
12164
|
-
|
|
12165
12155
|
function Navigation(_ref) {
|
|
12166
12156
|
var dropdownClosedIconUrl = _ref.dropdownClosedIconUrl,
|
|
12167
12157
|
dropdownOpenIconUrl = _ref.dropdownOpenIconUrl,
|
|
12168
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
12169
12158
|
handleShowDropdown = _ref.handleShowDropdown,
|
|
12170
12159
|
handleHideDropdown = _ref.handleHideDropdown,
|
|
12171
12160
|
showDropdown = _ref.showDropdown,
|
|
@@ -12188,8 +12177,6 @@
|
|
|
12188
12177
|
href: link.url,
|
|
12189
12178
|
key: index
|
|
12190
12179
|
}, link.name);
|
|
12191
|
-
}), /*#__PURE__*/React__default.createElement(Currency, {
|
|
12192
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
12193
12180
|
})))));
|
|
12194
12181
|
}
|
|
12195
12182
|
|
|
@@ -12206,7 +12193,8 @@
|
|
|
12206
12193
|
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
12207
12194
|
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
12208
12195
|
desktopHeaderLinks = _ref.desktopHeaderLinks,
|
|
12209
|
-
handleOnAccountClick = _ref.handleOnAccountClick
|
|
12196
|
+
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
12197
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
12210
12198
|
|
|
12211
12199
|
var _useState = React.useState(false),
|
|
12212
12200
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -12240,16 +12228,19 @@
|
|
|
12240
12228
|
onClick: function onClick() {
|
|
12241
12229
|
window.location.href = wordpressSiteUrl;
|
|
12242
12230
|
}
|
|
12243
|
-
})), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink,
|
|
12231
|
+
})), /*#__PURE__*/React__default.createElement(HeaderIconsContainer, null, /*#__PURE__*/React__default.createElement(SellToUsHR, null), /*#__PURE__*/React__default.createElement(SellToUsLink, {
|
|
12232
|
+
href: desktopHeaderLinks.button.url
|
|
12233
|
+
}, desktopHeaderLinks.button.name), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
12244
12234
|
src: searchIconUrl,
|
|
12245
12235
|
onClick: toggleSearch
|
|
12246
|
-
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
12236
|
+
}), interestIconUrl && /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
12247
12237
|
src: interestIconUrl
|
|
12248
12238
|
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
12249
12239
|
src: userIconUrl,
|
|
12250
12240
|
onClick: handleOnAccountClick
|
|
12251
12241
|
}), /*#__PURE__*/React__default.createElement(HeaderIcon, {
|
|
12252
|
-
src: cartIconUrl
|
|
12242
|
+
src: cartIconUrl,
|
|
12243
|
+
onClick: handleOnCartClick
|
|
12253
12244
|
}))), /*#__PURE__*/React__default.createElement(Navigation, {
|
|
12254
12245
|
dropdownClosedIconUrl: dropdownClosedIconUrl,
|
|
12255
12246
|
dropdownOpenIconUrl: dropdownOpenIconUrl,
|
|
@@ -12273,14 +12264,14 @@
|
|
|
12273
12264
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
12274
12265
|
|
|
12275
12266
|
var _templateObject$P, _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;
|
|
12276
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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: ", "
|
|
12267
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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: ", " 5%;\n }\n"])), function (props) {
|
|
12277
12268
|
return props.theme.rareStepColors.ntrlMin;
|
|
12278
12269
|
}, function (props) {
|
|
12279
12270
|
return props.theme.marginPaddings[3];
|
|
12280
12271
|
});
|
|
12281
12272
|
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
12282
|
-
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width:
|
|
12283
|
-
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n
|
|
12273
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 140px;\n height: auto;\n margin-left: 30px;\n cursor: pointer;\n }\n"])));
|
|
12274
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: auto;\n height: 25px;\n\n .search-icon,\n .cart-icon {\n width: 100%;\n height: 100%;\n }\n\n .cart-icon {\n margin-left: 10px;\n }\n }\n"])));
|
|
12284
12275
|
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) {
|
|
12285
12276
|
return props.theme.rareStepFontSize.h6;
|
|
12286
12277
|
});
|
|
@@ -12319,16 +12310,16 @@
|
|
|
12319
12310
|
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
12320
12311
|
return props.theme.rareStepColors.ntrlMax;
|
|
12321
12312
|
});
|
|
12322
|
-
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width:
|
|
12323
|
-
return props.theme.rareStepColors.
|
|
12313
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n\n .header {\n &__icon {\n width: 20px;\n height: 20px;\n }\n\n &__search-container {\n border-top: 1px solid ", ";\n padding-left: 5%;\n padding-right: 5%;\n }\n\n &__search-input {\n width: 100%;\n color: ", ";\n background-color: ", ";\n\n &::placeholder {\n color: ", ";\n }\n }\n }\n }\n"])), function (props) {
|
|
12314
|
+
return props.theme.rareStepColors.primary;
|
|
12324
12315
|
}, function (props) {
|
|
12325
12316
|
return props.theme.rareStepColors.ntrl50;
|
|
12326
|
-
}, function (props) {
|
|
12327
|
-
return props.theme.rareStepColors.ntrlMax;
|
|
12328
12317
|
}, function (props) {
|
|
12329
12318
|
return props.theme.rareStepColors.ntrlMin;
|
|
12330
12319
|
}, function (props) {
|
|
12331
|
-
return props.theme.rareStepColors.
|
|
12320
|
+
return props.theme.rareStepColors.primary;
|
|
12321
|
+
}, function (props) {
|
|
12322
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
12332
12323
|
});
|
|
12333
12324
|
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) {
|
|
12334
12325
|
return props.theme.rareStepColors.ntrlMin;
|
|
@@ -12393,8 +12384,7 @@
|
|
|
12393
12384
|
function SideNavLinks(_ref) {
|
|
12394
12385
|
var rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
12395
12386
|
links = _ref.links,
|
|
12396
|
-
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu
|
|
12397
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl;
|
|
12387
|
+
setShowSideNavSubMenu = _ref.setShowSideNavSubMenu;
|
|
12398
12388
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, links.top.map(function (link, index) {
|
|
12399
12389
|
return link !== null && link !== void 0 && link.isSubMenu ? /*#__PURE__*/React__default.createElement(SubMenuLinkContainer, {
|
|
12400
12390
|
key: index
|
|
@@ -12418,9 +12408,6 @@
|
|
|
12418
12408
|
className: "side-nav-link--bottom",
|
|
12419
12409
|
onClick: link !== null && link !== void 0 && link.isButton ? link.onClick : null
|
|
12420
12410
|
}, link.name);
|
|
12421
|
-
}), /*#__PURE__*/React__default.createElement(Currency, {
|
|
12422
|
-
className: "side-nav__currency",
|
|
12423
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
12424
12411
|
}));
|
|
12425
12412
|
}
|
|
12426
12413
|
|
|
@@ -12444,9 +12431,9 @@
|
|
|
12444
12431
|
rightArrowIconUrl = _ref.rightArrowIconUrl,
|
|
12445
12432
|
navigationSearchIconUrl = _ref.navigationSearchIconUrl,
|
|
12446
12433
|
wordpressSiteUrl = _ref.wordpressSiteUrl,
|
|
12447
|
-
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
12448
12434
|
backIconUrl = _ref.backIconUrl,
|
|
12449
|
-
currencyFlagIconUrl = _ref.currencyFlagIconUrl
|
|
12435
|
+
currencyFlagIconUrl = _ref.currencyFlagIconUrl,
|
|
12436
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
12450
12437
|
|
|
12451
12438
|
var _useState = React.useState(false),
|
|
12452
12439
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -12479,12 +12466,15 @@
|
|
|
12479
12466
|
window.location.href = wordpressSiteUrl;
|
|
12480
12467
|
}
|
|
12481
12468
|
}), /*#__PURE__*/React__default.createElement(IconWrapper$1, null, /*#__PURE__*/React__default.createElement(Icon, {
|
|
12469
|
+
className: "search-icon",
|
|
12482
12470
|
src: searchIconUrl,
|
|
12483
12471
|
onClick: toggleSearch
|
|
12484
12472
|
}), /*#__PURE__*/React__default.createElement(Icon, {
|
|
12485
|
-
|
|
12473
|
+
className: "cart-icon",
|
|
12474
|
+
src: cartIconUrl,
|
|
12475
|
+
onClick: handleOnCartClick
|
|
12486
12476
|
}))), showSearch && /*#__PURE__*/React__default.createElement(MobileSearchContainer, null, /*#__PURE__*/React__default.createElement(Search$1, {
|
|
12487
|
-
closeIconUrl:
|
|
12477
|
+
closeIconUrl: closeIconUrl,
|
|
12488
12478
|
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
12489
12479
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
12490
12480
|
toggleSearch: toggleSearch
|
|
@@ -12532,7 +12522,8 @@
|
|
|
12532
12522
|
mobileHeaderLinks = _ref.mobileHeaderLinks,
|
|
12533
12523
|
mobileCloseIconUrl = _ref.mobileCloseIconUrl,
|
|
12534
12524
|
handleOnAccountClick = _ref.handleOnAccountClick,
|
|
12535
|
-
backIconUrl = _ref.backIconUrl
|
|
12525
|
+
backIconUrl = _ref.backIconUrl,
|
|
12526
|
+
handleOnCartClick = _ref.handleOnCartClick;
|
|
12536
12527
|
return /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
12537
12528
|
className: desktopHeaderWrapperClass
|
|
12538
12529
|
}, /*#__PURE__*/React__default.createElement(RareStepDesktopHeader$1, {
|
|
@@ -12548,7 +12539,8 @@
|
|
|
12548
12539
|
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
12549
12540
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
12550
12541
|
desktopHeaderLinks: desktopHeaderLinks,
|
|
12551
|
-
handleOnAccountClick: handleOnAccountClick
|
|
12542
|
+
handleOnAccountClick: handleOnAccountClick,
|
|
12543
|
+
handleOnCartClick: handleOnCartClick
|
|
12552
12544
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
12553
12545
|
className: mobileHeaderWrapperClass
|
|
12554
12546
|
}, /*#__PURE__*/React__default.createElement(RareStepMobileHeader, {
|
|
@@ -12559,11 +12551,12 @@
|
|
|
12559
12551
|
closeIconUrl: closeIconUrl,
|
|
12560
12552
|
rightArrowIconUrl: rightArrowIconUrl,
|
|
12561
12553
|
mobileHeaderLinks: mobileHeaderLinks,
|
|
12562
|
-
navigationSearchIconUrl:
|
|
12554
|
+
navigationSearchIconUrl: navigationSearchIconUrl,
|
|
12563
12555
|
mobileCloseIconUrl: mobileCloseIconUrl,
|
|
12564
12556
|
wordpressSiteUrl: wordpressSiteUrl,
|
|
12565
12557
|
backIconUrl: backIconUrl,
|
|
12566
|
-
currencyFlagIconUrl: currencyFlagIconUrl
|
|
12558
|
+
currencyFlagIconUrl: currencyFlagIconUrl,
|
|
12559
|
+
handleOnCartClick: handleOnCartClick
|
|
12567
12560
|
})));
|
|
12568
12561
|
};
|
|
12569
12562
|
|