@bonlineza/luxity-lib 2.13.1 → 2.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/AddInterest.js +129 -51
- package/BrandSelector.js +107 -29
- package/GraphQLDropdownSelector.js +107 -29
- package/Interests.js +133 -55
- package/LuxityGraphQLDropdownSelector.js +107 -29
- package/MaterialSelector.js +107 -29
- package/ModelSelector.js +107 -29
- package/RareStepFooter.js +86 -52
- package/RareStepHeader.js +400 -58
- package/build/bundle.js +501 -125
- package/package.json +1 -1
package/ModelSelector.js
CHANGED
|
@@ -11337,9 +11337,15 @@
|
|
|
11337
11337
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11338
11338
|
};
|
|
11339
11339
|
|
|
11340
|
-
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
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) {
|
|
11340
|
+
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
11341
|
+
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) {
|
|
@@ -11462,9 +11462,86 @@
|
|
|
11462
11462
|
});
|
|
11463
11463
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11464
11464
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11465
|
+
var CurrencyContainer = styled__default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11466
|
+
|
|
11467
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1;
|
|
11468
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 0;\n }\n"])), function (props) {
|
|
11469
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11470
|
+
}, function (props) {
|
|
11471
|
+
return props.theme.marginPaddings[3];
|
|
11472
|
+
});
|
|
11473
|
+
var Icon = styled__default.img(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11474
|
+
var Logo = styled__default.img(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n margin-left: 20px;\n }\n"])));
|
|
11475
|
+
var IconWrapper$1 = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n & > img {\n margin-left: 10px;\n }\n }\n"])));
|
|
11476
|
+
var SideNavWrapper = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n {\n position: relative;\n overflow: hidden;\n\n .side-nav-link--bottom {\n font-size: ", ";\n }\n }\n"])), function (props) {
|
|
11477
|
+
return props.theme.rareStepFontSize.h6;
|
|
11478
|
+
});
|
|
11479
|
+
var SideNav = styled__default.div(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n left: -100%;\n width: 80%;\n height: 100%;\n background-color: ", ";\n color: ", ";\n padding: ", ";\n z-index: 9;\n }\n"])), function (props) {
|
|
11480
|
+
return props.theme.rareStepColors.primary;
|
|
11481
|
+
}, function (props) {
|
|
11482
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11483
|
+
}, function (props) {
|
|
11484
|
+
return props.theme.marginPaddings[1];
|
|
11485
|
+
});
|
|
11486
|
+
var Overlay = styled__default.div(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n position: fixed;\n top: 0;\n right: 200%;\n width: 20%;\n height: 100%;\n background-color: ", ";\n opacity: 0.5;\n }\n"])), function (props) {
|
|
11487
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11488
|
+
});
|
|
11489
|
+
var CloseIcon$1 = styled__default.img(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n cursor: pointer;\n }\n"])));
|
|
11490
|
+
var SideNavLink = styled__default.a(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n padding: ", ";\n color: ", ";\n text-decoration: none;\n text-align: left;\n display: block;\n width: 100%;\n cursor: pointer;\n }\n"])), function (props) {
|
|
11491
|
+
return props.theme.marginPaddings[1];
|
|
11492
|
+
}, function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11494
|
+
});
|
|
11495
|
+
var CloseIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n display: flex;\n justify-content: flex-end;\n margin: 30px 0;\n }\n"])));
|
|
11496
|
+
var SellToUsLink$1 = styled__default.a(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n border: 1px solid ", ";\n background-color: transparent;\n text-transform: uppercase;\n font-weight: ", ";\n display: block;\n width: calc(100% - ", ");\n padding: ", ";\n margin: ", ";\n text-align: center;\n text-decoration: none;\n border-radius: 5px;\n letter-spacing: 1px;\n font-style: italic;\n }\n"])), function (props) {
|
|
11497
|
+
return props.theme.rareStepColors.secondary;
|
|
11498
|
+
}, function (props) {
|
|
11499
|
+
return props.theme.rareStepColors.secondary;
|
|
11500
|
+
}, function (props) {
|
|
11501
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11502
|
+
}, function (props) {
|
|
11503
|
+
return props.theme.marginPaddings[2];
|
|
11504
|
+
}, function (props) {
|
|
11505
|
+
return props.theme.marginPaddings[1];
|
|
11506
|
+
}, function (props) {
|
|
11507
|
+
return props.theme.marginPaddings[1];
|
|
11508
|
+
});
|
|
11509
|
+
var SubMenuLinkContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
|
|
11510
|
+
var SubMenuRightIcon = styled__default.img(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n }\n"])));
|
|
11511
|
+
var Hr = styled__default.hr(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n color: ", ";\n margin: 0;\n }\n"])), function (props) {
|
|
11512
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11513
|
+
});
|
|
11514
|
+
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) {
|
|
11515
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11516
|
+
}, function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.ntrl50;
|
|
11518
|
+
}, function (props) {
|
|
11519
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11520
|
+
}, function (props) {
|
|
11521
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11522
|
+
}, function (props) {
|
|
11523
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11524
|
+
});
|
|
11525
|
+
var BackButton = styled__default.button(_templateObject16$1 || (_templateObject16$1 = _taggedTemplateLiteral(["\n {\n background-color: transparent;\n border: none;\n color: ", ";\n margin: 30px 0;\n position: relative;\n\n &:hover {\n cursor: pointer;\n background-color: transparent;\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
11526
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11527
|
+
}, function (props) {
|
|
11528
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11529
|
+
});
|
|
11530
|
+
var BackIcon = styled__default.img(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-right: 10px;\n position: absolute;\n top: 0;\n left: 10px;\n }\n"])));
|
|
11531
|
+
var BackButtonContent = styled__default.div(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteral(["\n {\n font-size: ", ";\n text-transform: uppercase;\n color: ", ";\n margin-left: 35px;\n display: inline-block;\n }\n"])), function (props) {
|
|
11532
|
+
return props.theme.rareStepFontSize.h5;
|
|
11533
|
+
}, function (props) {
|
|
11534
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11535
|
+
});
|
|
11536
|
+
var SideNavLinksContainer = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteral(["\n {\n overflow-y: scroll;\n overflow-x: hidden;\n height: 90%;\n padding-bottom: 50px;\n }\n"])));
|
|
11537
|
+
var MenuSideNavWrapper = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteral(["\n {\n .side-nav {\n transition: left 1s ease-in-out;\n\n &--open {\n left: 0;\n }\n\n &--close {\n left: -100%;\n }\n\n &__currency {\n margin: ", " 0 0\n ", ";\n }\n }\n\n .overlay {\n transition: right 1s ease-in-out;\n\n &--open {\n right: 0;\n }\n\n &--close {\n right: 200%;\n }\n }\n }\n"])), function (props) {
|
|
11538
|
+
return props.theme.marginPaddings[4];
|
|
11539
|
+
}, function (props) {
|
|
11540
|
+
return props.theme.marginPaddings[1];
|
|
11541
|
+
});
|
|
11465
11542
|
|
|
11466
|
-
var _templateObject$
|
|
11467
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11543
|
+
var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
11544
|
+
var FooterWrapper = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11468
11545
|
return props.theme.rareStepColors.ntrlMax;
|
|
11469
11546
|
}, function (props) {
|
|
11470
11547
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11473,16 +11550,16 @@
|
|
|
11473
11550
|
}, function (props) {
|
|
11474
11551
|
return props.theme.rareStepFontSize.h5;
|
|
11475
11552
|
});
|
|
11476
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11553
|
+
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
11554
|
return props.theme.rareStepPageSizes.container;
|
|
11478
11555
|
});
|
|
11479
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11556
|
+
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
11557
|
return props.theme.marginPaddings[4];
|
|
11481
11558
|
});
|
|
11482
|
-
var FooterLinksContainer = styled__default.div(_templateObject4$
|
|
11559
|
+
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
11560
|
return props.theme.marginPaddings[4];
|
|
11484
11561
|
});
|
|
11485
|
-
var FooterTitleLink = styled__default.a(_templateObject5$
|
|
11562
|
+
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
11563
|
return props.theme.rareStepColors.ntrlMin;
|
|
11487
11564
|
}, function (props) {
|
|
11488
11565
|
return props.theme.marginPaddings[1];
|
|
@@ -11493,7 +11570,7 @@
|
|
|
11493
11570
|
}, function (props) {
|
|
11494
11571
|
return props.theme.rareStepColors.ntrlMin;
|
|
11495
11572
|
});
|
|
11496
|
-
var FooterLink = styled__default.a(_templateObject6$
|
|
11573
|
+
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
11574
|
return props.theme.rareStepColors.ntrlMin;
|
|
11498
11575
|
}, function (props) {
|
|
11499
11576
|
return props.theme.space[2];
|
|
@@ -11502,36 +11579,37 @@
|
|
|
11502
11579
|
}, function (props) {
|
|
11503
11580
|
return props.theme.rareStepColors.ntrlMin;
|
|
11504
11581
|
});
|
|
11505
|
-
var FooterImage = styled__default.img(_templateObject7$
|
|
11506
|
-
var FooterImageWrapper = styled__default.div(_templateObject8$
|
|
11582
|
+
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"])));
|
|
11583
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11507
11584
|
return props.theme.marginPaddings[4];
|
|
11508
11585
|
});
|
|
11509
|
-
var FooterLogo = styled__default.img(_templateObject9$
|
|
11586
|
+
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
11587
|
return props.theme.marginPaddings[5];
|
|
11511
11588
|
});
|
|
11512
|
-
var SocialIconWrapper = styled__default.div(_templateObject10$
|
|
11513
|
-
var SocialIcon = styled__default.img(_templateObject11$
|
|
11589
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11590
|
+
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
11591
|
return props.theme.marginPaddings[0];
|
|
11515
11592
|
});
|
|
11516
|
-
var FooterCopyrightContainer = styled__default.div(_templateObject12$
|
|
11593
|
+
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
11594
|
return props.theme.marginPaddings[1];
|
|
11518
11595
|
}, function (props) {
|
|
11519
11596
|
return props.theme.rareStepColors.ntrlMin;
|
|
11520
11597
|
});
|
|
11521
|
-
var FooterCopyrightText = styled__default.div(_templateObject13$
|
|
11598
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11522
11599
|
return props.theme.rareStepColors.ntrlMin;
|
|
11523
11600
|
}, function (props) {
|
|
11524
11601
|
return props.theme.rareStepFontWeights.normal;
|
|
11525
11602
|
});
|
|
11526
|
-
var FooterPayments = styled__default.div(_templateObject14$
|
|
11527
|
-
var FooterPaymentImage = styled__default.img(_templateObject15$
|
|
11603
|
+
var FooterPayments = styled__default.div(_templateObject14$2 || (_templateObject14$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11604
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11605
|
+
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
11528
11606
|
|
|
11529
|
-
var _templateObject$
|
|
11607
|
+
var _templateObject$Q;
|
|
11530
11608
|
var ALL_ITEM$1 = {
|
|
11531
11609
|
label: 'ALL',
|
|
11532
11610
|
value: 'ALL'
|
|
11533
11611
|
};
|
|
11534
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11612
|
+
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
11613
|
return props.theme.colors.primary;
|
|
11536
11614
|
}, function (props) {
|
|
11537
11615
|
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,66 +162,100 @@
|
|
|
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
|
-
var
|
|
168
|
-
return /*#__PURE__*/React__default.createElement(FooterCopyrightContainer, null, /*#__PURE__*/React__default.createElement(PageContainer,
|
|
169
|
-
|
|
168
|
+
var paymentImage = _ref.paymentImage;
|
|
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",
|
|
183
|
+
src: paymentImage
|
|
170
184
|
}))));
|
|
171
185
|
};
|
|
172
186
|
|
|
173
|
-
|
|
174
|
-
var
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
}, "
|
|
188
|
-
|
|
189
|
-
}), /*#__PURE__*/React__default.createElement(FooterTitleLink, null, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
190
|
-
href: facebook_url
|
|
187
|
+
function FooterConnect(_ref) {
|
|
188
|
+
var footerLogoImageUrl = _ref.footerLogoImageUrl,
|
|
189
|
+
facebookUrl = _ref.facebookUrl,
|
|
190
|
+
facebookIconUrl = _ref.facebookIconUrl,
|
|
191
|
+
instagramUrl = _ref.instagramUrl,
|
|
192
|
+
instagramImageUrl = _ref.instagramImageUrl,
|
|
193
|
+
className = _ref.className;
|
|
194
|
+
return /*#__PURE__*/React__default.createElement(FooterConnectContainer, {
|
|
195
|
+
className: className
|
|
196
|
+
}, /*#__PURE__*/React__default.createElement(FooterLogo, {
|
|
197
|
+
className: "footer__logo",
|
|
198
|
+
src: footerLogoImageUrl
|
|
199
|
+
}), /*#__PURE__*/React__default.createElement(FooterTitleLink, {
|
|
200
|
+
className: "footer__link"
|
|
201
|
+
}, "Connect"), /*#__PURE__*/React__default.createElement(SocialIconWrapper, null, /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
202
|
+
href: facebookUrl
|
|
191
203
|
}, /*#__PURE__*/React__default.createElement(SocialIcon, {
|
|
192
|
-
src:
|
|
204
|
+
src: facebookIconUrl
|
|
193
205
|
})), /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
194
|
-
href:
|
|
206
|
+
href: instagramUrl
|
|
195
207
|
}, /*#__PURE__*/React__default.createElement(SocialIcon, {
|
|
196
|
-
src:
|
|
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
|
-
|
|
222
|
-
|
|
208
|
+
src: instagramImageUrl
|
|
209
|
+
}))));
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
var RareStepFooter = function RareStepFooter(_ref) {
|
|
213
|
+
var footerImageUrl = _ref.footerImageUrl,
|
|
214
|
+
footerLogoImageUrl = _ref.footerLogoImageUrl,
|
|
215
|
+
facebookUrl = _ref.facebookUrl,
|
|
216
|
+
facebookIconUrl = _ref.facebookIconUrl,
|
|
217
|
+
instagramUrl = _ref.instagramUrl,
|
|
218
|
+
instagramImageUrl = _ref.instagramImageUrl,
|
|
219
|
+
paymentImage = _ref.paymentImage,
|
|
220
|
+
footerLinks = _ref.footerLinks;
|
|
221
|
+
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
|
+
}, footerLinks.map(function (footerLink, 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: footerLink.url
|
|
232
|
+
}, footerLink.title), footerLink.links.map(function (link, linkIndex) {
|
|
233
|
+
return /*#__PURE__*/React__default.createElement(FooterLink, {
|
|
234
|
+
className: "footer__link",
|
|
235
|
+
href: link.url,
|
|
236
|
+
key: linkIndex
|
|
237
|
+
}, link.name);
|
|
238
|
+
}), index === 0 && /*#__PURE__*/React__default.createElement(FooterConnect, {
|
|
239
|
+
className: "footer__connect-desktop",
|
|
240
|
+
footerLogoImageUrl: footerLogoImageUrl,
|
|
241
|
+
facebookUrl: facebookUrl,
|
|
242
|
+
facebookIconUrl: facebookIconUrl,
|
|
243
|
+
instagramUrl: instagramUrl,
|
|
244
|
+
instagramImageUrl: instagramImageUrl
|
|
245
|
+
}));
|
|
246
|
+
})), /*#__PURE__*/React__default.createElement(FooterConnect, {
|
|
247
|
+
className: "footer__connect-mobile",
|
|
248
|
+
footerLogoImageUrl: footerLogoImageUrl,
|
|
249
|
+
facebookUrl: facebookUrl,
|
|
250
|
+
facebookIconUrl: facebookIconUrl,
|
|
251
|
+
instagramUrl: instagramUrl,
|
|
252
|
+
instagramImageUrl: instagramImageUrl
|
|
253
|
+
}), /*#__PURE__*/React__default.createElement(FooterImageWrapper, {
|
|
254
|
+
className: "footer__figure"
|
|
255
|
+
}, /*#__PURE__*/React__default.createElement(FooterImage, {
|
|
256
|
+
src: footerImageUrl
|
|
223
257
|
}))), /*#__PURE__*/React__default.createElement(FooterCopyright, {
|
|
224
|
-
|
|
258
|
+
paymentImage: paymentImage
|
|
225
259
|
}));
|
|
226
260
|
};
|
|
227
261
|
|