@bonlineza/luxity-lib 2.13.0 → 2.14.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 +108 -50
- package/BrandSelector.js +86 -28
- package/GraphQLDropdownSelector.js +86 -28
- package/Interests.js +112 -54
- package/LuxityGraphQLDropdownSelector.js +86 -28
- package/MaterialSelector.js +86 -28
- package/ModelSelector.js +86 -28
- package/RareStepFooter.js +73 -39
- package/RareStepHeader.js +291 -27
- package/build/bundle.js +380 -82
- package/package.json +1 -1
package/ModelSelector.js
CHANGED
|
@@ -11333,13 +11333,19 @@
|
|
|
11333
11333
|
}(React__default.Component);
|
|
11334
11334
|
|
|
11335
11335
|
Interests.defaultProps = {
|
|
11336
|
-
interestsTitle: '
|
|
11336
|
+
interestsTitle: 'Interests',
|
|
11337
11337
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11338
11338
|
};
|
|
11339
11339
|
|
|
11340
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;
|
|
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"])), function (props) {
|
|
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
|
+
}, function (props) {
|
|
11344
|
+
return props.theme.rareStepColors.primary;
|
|
11345
|
+
}, function (props) {
|
|
11346
|
+
return props.theme.rareStepPageSizes.container;
|
|
11347
|
+
}, function (props) {
|
|
11348
|
+
return props.theme.marginPaddings[1];
|
|
11343
11349
|
});
|
|
11344
11350
|
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11345
11351
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11370,7 +11376,7 @@
|
|
|
11370
11376
|
}, function (props) {
|
|
11371
11377
|
return props.theme.marginPaddings[1];
|
|
11372
11378
|
});
|
|
11373
|
-
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
11379
|
+
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n text-decoration: none;\n white-space: nowrap;\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
11374
11380
|
return props.theme.rareStepColors.ntrlMin;
|
|
11375
11381
|
}, function (props) {
|
|
11376
11382
|
return props.theme.rareStepFontSize.h5;
|
|
@@ -11438,21 +11444,15 @@
|
|
|
11438
11444
|
}, function (props) {
|
|
11439
11445
|
return props.theme.rareStepColors.secondary;
|
|
11440
11446
|
});
|
|
11441
|
-
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "
|
|
11447
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11442
11448
|
return props.theme.marginPaddings[1];
|
|
11443
|
-
}, function (props) {
|
|
11444
|
-
return props.theme.marginPaddings[3];
|
|
11445
|
-
}, function (props) {
|
|
11446
|
-
return props.theme.rareStepColors.primary;
|
|
11447
11449
|
}, function (props) {
|
|
11448
11450
|
return props.theme.rareStepColors.ntrl40;
|
|
11449
11451
|
});
|
|
11450
|
-
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n
|
|
11452
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\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
11453
|
return props.theme.rareStepFontSize.footerTitle;
|
|
11452
11454
|
}, function (props) {
|
|
11453
11455
|
return props.theme.marginPaddings[0];
|
|
11454
|
-
}, function (props) {
|
|
11455
|
-
return props.theme.rareStepColors.primary;
|
|
11456
11456
|
}, function (props) {
|
|
11457
11457
|
return props.theme.rareStepColors.ntrl40;
|
|
11458
11458
|
}, function (props) {
|
|
@@ -11464,7 +11464,64 @@
|
|
|
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
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
|
|
11467
|
+
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
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11469
|
+
}, function (props) {
|
|
11470
|
+
return props.theme.marginPaddings[3];
|
|
11471
|
+
});
|
|
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 Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11474
|
+
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) {
|
|
11477
|
+
return props.theme.rareStepColors.primary;
|
|
11478
|
+
}, function (props) {
|
|
11479
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11480
|
+
}, function (props) {
|
|
11481
|
+
return props.theme.marginPaddings[1];
|
|
11482
|
+
});
|
|
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) {
|
|
11484
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11485
|
+
});
|
|
11486
|
+
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) {
|
|
11488
|
+
return props.theme.marginPaddings[1];
|
|
11489
|
+
}, function (props) {
|
|
11490
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11491
|
+
});
|
|
11492
|
+
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) {
|
|
11494
|
+
return props.theme.rareStepColors.secondary;
|
|
11495
|
+
}, function (props) {
|
|
11496
|
+
return props.theme.rareStepColors.secondary;
|
|
11497
|
+
}, function (props) {
|
|
11498
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11499
|
+
}, function (props) {
|
|
11500
|
+
return props.theme.marginPaddings[2];
|
|
11501
|
+
}, function (props) {
|
|
11502
|
+
return props.theme.marginPaddings[1];
|
|
11503
|
+
}, function (props) {
|
|
11504
|
+
return props.theme.marginPaddings[1];
|
|
11505
|
+
});
|
|
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"])));
|
|
11508
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11509
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11510
|
+
});
|
|
11511
|
+
var MobileSearchContainer = styled__default.div(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n .header {\n &__icon {\n width: 30px;\n height: 30px;\n }\n\n &__search-container {\n background-color: ", ";\n border-top: 1px solid ", ";\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) {
|
|
11512
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11513
|
+
}, function (props) {
|
|
11514
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11515
|
+
}, function (props) {
|
|
11516
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11517
|
+
}, function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11519
|
+
}, function (props) {
|
|
11520
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11521
|
+
});
|
|
11522
|
+
|
|
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;
|
|
11524
|
+
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) {
|
|
11468
11525
|
return props.theme.rareStepColors.ntrlMax;
|
|
11469
11526
|
}, function (props) {
|
|
11470
11527
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11473,16 +11530,16 @@
|
|
|
11473
11530
|
}, function (props) {
|
|
11474
11531
|
return props.theme.rareStepFontSize.h5;
|
|
11475
11532
|
});
|
|
11476
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11533
|
+
var PageContainer$1 = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11477
11534
|
return props.theme.rareStepPageSizes.container;
|
|
11478
11535
|
});
|
|
11479
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11536
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11480
11537
|
return props.theme.marginPaddings[4];
|
|
11481
11538
|
});
|
|
11482
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11539
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
11483
11540
|
return props.theme.marginPaddings[4];
|
|
11484
11541
|
});
|
|
11485
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11542
|
+
var FooterTitleLink = styled__default.a(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteral(["\n {\n text-transform: uppercase;\n color: ", ";\n margin-bottom: ", ";\n cursor: pointer;\n font-weight: ", ";\n font-size: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
11486
11543
|
return props.theme.rareStepColors.ntrlMin;
|
|
11487
11544
|
}, function (props) {
|
|
11488
11545
|
return props.theme.marginPaddings[1];
|
|
@@ -11493,7 +11550,7 @@
|
|
|
11493
11550
|
}, function (props) {
|
|
11494
11551
|
return props.theme.rareStepColors.ntrlMin;
|
|
11495
11552
|
});
|
|
11496
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11553
|
+
var FooterLink = styled__default.a(_templateObject6$2 || (_templateObject6$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n cursor: pointer;\n margin-bottom: ", ";\n font-weight: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
11497
11554
|
return props.theme.rareStepColors.ntrlMin;
|
|
11498
11555
|
}, function (props) {
|
|
11499
11556
|
return props.theme.space[2];
|
|
@@ -11502,36 +11559,37 @@
|
|
|
11502
11559
|
}, function (props) {
|
|
11503
11560
|
return props.theme.rareStepColors.ntrlMin;
|
|
11504
11561
|
});
|
|
11505
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11506
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11562
|
+
var FooterImage = styled__default.img(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
11563
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11507
11564
|
return props.theme.marginPaddings[4];
|
|
11508
11565
|
});
|
|
11509
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11566
|
+
var FooterLogo = styled__default.img(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11510
11567
|
return props.theme.marginPaddings[5];
|
|
11511
11568
|
});
|
|
11512
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11513
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11569
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11570
|
+
var SocialIcon = styled__default.img(_templateObject11$2 || (_templateObject11$2 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11514
11571
|
return props.theme.marginPaddings[0];
|
|
11515
11572
|
});
|
|
11516
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11573
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$2 || (_templateObject12$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11517
11574
|
return props.theme.marginPaddings[1];
|
|
11518
11575
|
}, function (props) {
|
|
11519
11576
|
return props.theme.rareStepColors.ntrlMin;
|
|
11520
11577
|
});
|
|
11521
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11578
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11522
11579
|
return props.theme.rareStepColors.ntrlMin;
|
|
11523
11580
|
}, function (props) {
|
|
11524
11581
|
return props.theme.rareStepFontWeights.normal;
|
|
11525
11582
|
});
|
|
11526
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11527
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11583
|
+
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
|
+
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"])));
|
|
11528
11586
|
|
|
11529
|
-
var _templateObject$
|
|
11587
|
+
var _templateObject$Q;
|
|
11530
11588
|
var ALL_ITEM$1 = {
|
|
11531
11589
|
label: 'ALL',
|
|
11532
11590
|
value: 'ALL'
|
|
11533
11591
|
};
|
|
11534
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11592
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
11535
11593
|
return props.theme.colors.primary;
|
|
11536
11594
|
}, function (props) {
|
|
11537
11595
|
return props.theme.colors.ntrlMin;
|
package/RareStepFooter.js
CHANGED
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
});
|
|
101
101
|
});
|
|
102
102
|
|
|
103
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
|
103
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
104
104
|
var FooterWrapper = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
105
105
|
return props.theme.rareStepColors.ntrlMax;
|
|
106
106
|
}, function (props) {
|
|
@@ -162,31 +162,43 @@
|
|
|
162
162
|
});
|
|
163
163
|
var FooterPayments = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
164
164
|
var FooterPaymentImage = styled__default.img(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
165
|
+
var FooterConnectContainer = styled__default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
165
166
|
|
|
166
167
|
var FooterCopyright = function FooterCopyright(_ref) {
|
|
167
168
|
var payment_image = _ref.payment_image;
|
|
168
|
-
return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer,
|
|
169
|
+
return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
170
|
+
className: "footer__copyright-container"
|
|
171
|
+
}, /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
|
|
172
|
+
className: "footer__desktop-copyrights"
|
|
173
|
+
}, "\xA9".concat(new Date().getFullYear(), " \u2022 Rare Step \u2022 Website Developed by B Online")), /*#__PURE__*/React__default.createElement(FooterCopyrightText, {
|
|
174
|
+
className: "footer__mobile-copyrights"
|
|
175
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
176
|
+
className: "footer__copyright-text"
|
|
177
|
+
}, "\xA9".concat(new Date().getFullYear(), " Rare Step")), /*#__PURE__*/React__default.createElement("div", {
|
|
178
|
+
className: "footer__copyright-text"
|
|
179
|
+
}, "Website Developed by B Online")), /*#__PURE__*/React__default.createElement(FooterPayments, {
|
|
180
|
+
className: "footer__payment-options"
|
|
181
|
+
}, /*#__PURE__*/React__default.createElement(FooterPaymentImage, {
|
|
182
|
+
className: "footer__payment-image",
|
|
169
183
|
src: payment_image
|
|
170
184
|
}))));
|
|
171
185
|
};
|
|
172
186
|
|
|
173
|
-
|
|
174
|
-
var
|
|
175
|
-
footer_logo_image_url = _ref.footer_logo_image_url,
|
|
187
|
+
function FooterConnect(_ref) {
|
|
188
|
+
var footer_logo_image_url = _ref.footer_logo_image_url,
|
|
176
189
|
facebook_url = _ref.facebook_url,
|
|
177
190
|
facebook_icon_url = _ref.facebook_icon_url,
|
|
178
191
|
instagram_url = _ref.instagram_url,
|
|
179
192
|
instagram_image_url = _ref.instagram_image_url,
|
|
180
|
-
|
|
181
|
-
return /*#__PURE__*/React__default.createElement(
|
|
182
|
-
|
|
183
|
-
},
|
|
184
|
-
|
|
185
|
-
}, "Contact Us"), /*#__PURE__*/React__default.createElement(FooterLink, null), /*#__PURE__*/React__default.createElement(FooterLink, null, "000 000 0000"), /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
186
|
-
href: "mailto:myorder@rarestep.co.za"
|
|
187
|
-
}, "myorder@rarestep.co.za"), /*#__PURE__*/React__default.createElement(FooterLogo, {
|
|
193
|
+
class_name = _ref.class_name;
|
|
194
|
+
return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
|
|
195
|
+
className: class_name
|
|
196
|
+
}, /*#__PURE__*/React__default.createElement(FooterLogo, {
|
|
197
|
+
className: "footer__logo",
|
|
188
198
|
src: footer_logo_image_url
|
|
189
|
-
}), /*#__PURE__*/React__default.createElement(FooterTitleLink,
|
|
199
|
+
}), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
|
|
200
|
+
className: "footer__link"
|
|
201
|
+
}, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
190
202
|
href: facebook_url
|
|
191
203
|
}, /*#__PURE__*/React__default.createElement(SocialIcon, {
|
|
192
204
|
src: facebook_icon_url
|
|
@@ -194,31 +206,53 @@
|
|
|
194
206
|
href: instagram_url
|
|
195
207
|
}, /*#__PURE__*/React__default.createElement(SocialIcon, {
|
|
196
208
|
src: instagram_image_url
|
|
197
|
-
}))))
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
},
|
|
212
|
-
|
|
213
|
-
},
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
209
|
+
}))));
|
|
210
|
+
}
|
|
211
|
+
|
|
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;
|
|
221
|
+
return /*#__PURE__*/React__default.createElement(FooterWrapper, null, /*#__PURE__*/React__default.createElement(PageContainer, {
|
|
222
|
+
className: "footer__page-container"
|
|
223
|
+
}, /*#__PURE__*/React__default.createElement(FooterLinksWrapper, {
|
|
224
|
+
className: "footer__links-wrapper"
|
|
225
|
+
}, footer_links.map(function (footer_link, index) {
|
|
226
|
+
return /*#__PURE__*/React__default.createElement(FooterLinksContainer, {
|
|
227
|
+
className: "footer__links",
|
|
228
|
+
key: index
|
|
229
|
+
}, /*#__PURE__*/React__default.createElement(FooterTitleLink, {
|
|
230
|
+
className: "footer__link",
|
|
231
|
+
href: footer_link.url
|
|
232
|
+
}, footer_link.title), footer_link.links.map(function (link, link_index) {
|
|
233
|
+
return /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
234
|
+
className: "footer__link",
|
|
235
|
+
href: link.url,
|
|
236
|
+
key: link_index
|
|
237
|
+
}, link.name);
|
|
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
|
|
245
|
+
}));
|
|
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
|
|
253
|
+
}), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
|
|
254
|
+
className: "footer__figure"
|
|
255
|
+
}, /*#__PURE__*/React__default.createElement(FooterImage, {
|
|
222
256
|
src: footer_image_url
|
|
223
257
|
}))), /*#__PURE__*/React__default.createElement(FooterCopyright, {
|
|
224
258
|
payment_image: payment_image
|