@bonlineza/luxity-lib 2.11.0 → 2.12.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/Accordion.js +34 -0
- package/AddInterest.js +247 -24
- package/BrandSelector.js +225 -2
- package/Checkbox.js +34 -0
- package/CheckboxButton.js +34 -0
- package/GenderSelector.js +34 -0
- package/GraphQLDropdownSelector.js +225 -2
- package/GraphQLMultiSelector.js +34 -0
- package/IconHeader.js +34 -0
- package/InterestCatSelector.js +34 -0
- package/InterestItem.js +34 -0
- package/Interests.js +251 -28
- package/InvertedTextButton.js +34 -0
- package/LuxityGraphQLDropdownSelector.js +225 -2
- package/LuxityGraphQLMultiselector.js +34 -0
- package/MaterialSelector.js +225 -2
- package/ModelSelector.js +225 -2
- package/NotificationDropDown.js +34 -0
- package/OutlinePrimaryButton.js +34 -0
- package/PriceRangeSelector.js +34 -0
- package/PrimaryButton.js +34 -0
- package/README.md +2 -4
- package/RadioButtons.js +34 -0
- package/RangeSlider.js +34 -0
- package/RareStepFooter.js +54 -16
- package/RareStepHeader.js +215 -96
- package/SecondaryButton.js +34 -0
- package/ShoeSizeSelector.js +34 -0
- package/StyleSelector.js +34 -0
- package/TextButton.js +34 -0
- package/Tooltip.js +34 -0
- package/build/bundle.js +435 -0
- package/package.json +1 -1
|
@@ -483,6 +483,40 @@
|
|
|
483
483
|
ntrlMinTen: '#e6e6e6',
|
|
484
484
|
gray: '#efefef',
|
|
485
485
|
darkerGray: '#454141'
|
|
486
|
+
},
|
|
487
|
+
rareStepColors: {
|
|
488
|
+
primary: '#202b58',
|
|
489
|
+
secondary: '#ef5c2d',
|
|
490
|
+
ntrlMin: '#ffffff',
|
|
491
|
+
ntrl40: '#f4f4f4',
|
|
492
|
+
ntrl50: '#808080',
|
|
493
|
+
ntrl60: '#e8e8e8',
|
|
494
|
+
ntrl70: '#252525',
|
|
495
|
+
ntrlMax: '#000000'
|
|
496
|
+
},
|
|
497
|
+
rareStepFontWeights: {
|
|
498
|
+
normal: 400,
|
|
499
|
+
medium: 500,
|
|
500
|
+
semiBold: 600,
|
|
501
|
+
bold: 700
|
|
502
|
+
},
|
|
503
|
+
rareStepFontSize: {
|
|
504
|
+
h1: '36px',
|
|
505
|
+
h2: '30px',
|
|
506
|
+
h3: '24px',
|
|
507
|
+
h4: '20px',
|
|
508
|
+
h5: '16px',
|
|
509
|
+
h6: '14px',
|
|
510
|
+
footerTitle: '18px'
|
|
511
|
+
},
|
|
512
|
+
rareStepPageSizes: {
|
|
513
|
+
mobile: '500px',
|
|
514
|
+
tablet: '768px',
|
|
515
|
+
desktop: '992px',
|
|
516
|
+
screenl: '1280px',
|
|
517
|
+
screenxl: '1680px',
|
|
518
|
+
screenxxl: '1920px',
|
|
519
|
+
container: '1600px'
|
|
486
520
|
}
|
|
487
521
|
};
|
|
488
522
|
|
|
@@ -11394,12 +11428,201 @@
|
|
|
11394
11428
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11395
11429
|
};
|
|
11396
11430
|
|
|
11397
|
-
var _templateObject$O;
|
|
11431
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _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;
|
|
11432
|
+
var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11433
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11434
|
+
});
|
|
11435
|
+
var PageContainer = styled__default.div(_templateObject2$b || (_templateObject2$b = _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) {
|
|
11436
|
+
return props.theme.rareStepPageSizes.container;
|
|
11437
|
+
});
|
|
11438
|
+
var HeaderContainer = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
11439
|
+
return props.theme.marginPaddings[3];
|
|
11440
|
+
}, function (props) {
|
|
11441
|
+
return props.theme.rareStepPageSizes.container;
|
|
11442
|
+
});
|
|
11443
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11444
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11445
|
+
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"])));
|
|
11446
|
+
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) {
|
|
11447
|
+
return props.theme.rareStepColors.secondary;
|
|
11448
|
+
}, function (props) {
|
|
11449
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11450
|
+
}, function (props) {
|
|
11451
|
+
return props.theme.rareStepFontSize.h5;
|
|
11452
|
+
}, function (props) {
|
|
11453
|
+
return props.theme.rareStepColors.secondary;
|
|
11454
|
+
});
|
|
11455
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11456
|
+
var HeaderIcon = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-left: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
11457
|
+
return props.theme.marginPaddings[3];
|
|
11458
|
+
});
|
|
11459
|
+
var NavigationContainer = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n background-color: ", ";\n padding-top: ", ";\n }\n"])), function (props) {
|
|
11460
|
+
return props.theme.rareStepColors.primary;
|
|
11461
|
+
}, function (props) {
|
|
11462
|
+
return props.theme.marginPaddings[1];
|
|
11463
|
+
});
|
|
11464
|
+
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) {
|
|
11465
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11466
|
+
}, function (props) {
|
|
11467
|
+
return props.theme.rareStepFontSize.h5;
|
|
11468
|
+
}, function (props) {
|
|
11469
|
+
return props.theme.marginPaddings[5];
|
|
11470
|
+
}, function (props) {
|
|
11471
|
+
return props.theme.marginPaddings[1];
|
|
11472
|
+
}, function (props) {
|
|
11473
|
+
return props.theme.rareStepColors.primary;
|
|
11474
|
+
}, function (props) {
|
|
11475
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11476
|
+
}, function (props) {
|
|
11477
|
+
return props.theme.rareStepColors.secondary;
|
|
11478
|
+
});
|
|
11479
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11480
|
+
var Dropdown = styled__default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n padding: ", " 0;\n border-top: 1px solid ", ";\n font-size: ", ";\n position: absolute;\n width: 100%;\n }\n"])), function (props) {
|
|
11481
|
+
return props.theme.rareStepColors.primary;
|
|
11482
|
+
}, function (props) {
|
|
11483
|
+
return props.theme.marginPaddings[4];
|
|
11484
|
+
}, function (props) {
|
|
11485
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11486
|
+
}, function (props) {
|
|
11487
|
+
return props.theme.rareStepFontSize.h5;
|
|
11488
|
+
});
|
|
11489
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11490
|
+
var DropdownModels = styled__default.ul(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n padding: 0 ", ";\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n width: 50%;\n column-count: 3;\n }\n"])), function (props) {
|
|
11491
|
+
return props.theme.marginPaddings[3];
|
|
11492
|
+
}, function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11494
|
+
}, function (props) {
|
|
11495
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11496
|
+
});
|
|
11497
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11498
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11499
|
+
return props.theme.marginPaddings[5];
|
|
11500
|
+
});
|
|
11501
|
+
var DropdownImage = styled__default.img(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n {\n width: 90%;\n height: 100%;\n object-fit: cover;\n margin-left: auto;\n }\n"])));
|
|
11502
|
+
var DropdownLink = styled__default.a(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: ", ";\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
11503
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11504
|
+
}, function (props) {
|
|
11505
|
+
return props.theme.marginPaddings[0];
|
|
11506
|
+
}, function (props) {
|
|
11507
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11508
|
+
});
|
|
11509
|
+
var DropdownBrandLinkContainer = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n &:hover {\n cursor: pointer;\n\n hr {\n display: block;\n }\n\n a {\n font-weight: ", ";\n }\n }\n }\n"])), function (props) {
|
|
11510
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11511
|
+
});
|
|
11512
|
+
var DropdownBrandLinkHR = styled__default.hr(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n {\n display: none;\n width: 20px;\n margin: 10px 10px 0 0;\n color: ", ";\n height: 1px;\n border: 1px solid ", ";\n }\n"])), function (props) {
|
|
11513
|
+
return props.theme.rareStepColors.secondary;
|
|
11514
|
+
}, function (props) {
|
|
11515
|
+
return props.theme.rareStepColors.secondary;
|
|
11516
|
+
});
|
|
11517
|
+
var DropdownBrandLink = styled__default.a(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: 0.5rem;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n font-weight: ", ";\n }\n }\n"])), function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11519
|
+
}, function (props) {
|
|
11520
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11521
|
+
}, function (props) {
|
|
11522
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11523
|
+
});
|
|
11524
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11525
|
+
return props.theme.marginPaddings[0];
|
|
11526
|
+
});
|
|
11527
|
+
var SellToUsHR = styled__default.hr(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n {\n width: 80px;\n margin-top: 20px;\n color: ", ";\n border: 1px solid ", ";\n margin-right: 10px;\n }\n"])), function (props) {
|
|
11528
|
+
return props.theme.rareStepColors.secondary;
|
|
11529
|
+
}, function (props) {
|
|
11530
|
+
return props.theme.rareStepColors.secondary;
|
|
11531
|
+
});
|
|
11532
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "\n ", ";\n background-color: ", ";\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11533
|
+
return props.theme.marginPaddings[1];
|
|
11534
|
+
}, function (props) {
|
|
11535
|
+
return props.theme.marginPaddings[3];
|
|
11536
|
+
}, function (props) {
|
|
11537
|
+
return props.theme.rareStepColors.primary;
|
|
11538
|
+
}, function (props) {
|
|
11539
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11540
|
+
});
|
|
11541
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n background-color: ", ";\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) {
|
|
11542
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11543
|
+
}, function (props) {
|
|
11544
|
+
return props.theme.marginPaddings[0];
|
|
11545
|
+
}, function (props) {
|
|
11546
|
+
return props.theme.rareStepColors.primary;
|
|
11547
|
+
}, function (props) {
|
|
11548
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11549
|
+
}, function (props) {
|
|
11550
|
+
return props.theme.marginPaddings[3];
|
|
11551
|
+
}, function (props) {
|
|
11552
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11553
|
+
});
|
|
11554
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11555
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11556
|
+
|
|
11557
|
+
var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11558
|
+
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) {
|
|
11559
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11560
|
+
}, function (props) {
|
|
11561
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11562
|
+
}, function (props) {
|
|
11563
|
+
return props.theme.marginPaddings[4];
|
|
11564
|
+
}, function (props) {
|
|
11565
|
+
return props.theme.rareStepFontSize.h5;
|
|
11566
|
+
});
|
|
11567
|
+
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) {
|
|
11568
|
+
return props.theme.rareStepPageSizes.container;
|
|
11569
|
+
});
|
|
11570
|
+
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) {
|
|
11571
|
+
return props.theme.marginPaddings[4];
|
|
11572
|
+
});
|
|
11573
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
11574
|
+
return props.theme.marginPaddings[4];
|
|
11575
|
+
});
|
|
11576
|
+
var FooterTitleLink = styled__default.a(_templateObject5$3 || (_templateObject5$3 = _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) {
|
|
11577
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11578
|
+
}, function (props) {
|
|
11579
|
+
return props.theme.marginPaddings[1];
|
|
11580
|
+
}, function (props) {
|
|
11581
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11582
|
+
}, function (props) {
|
|
11583
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11584
|
+
}, function (props) {
|
|
11585
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11586
|
+
});
|
|
11587
|
+
var FooterLink = styled__default.a(_templateObject6$1 || (_templateObject6$1 = _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) {
|
|
11588
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11589
|
+
}, function (props) {
|
|
11590
|
+
return props.theme.space[2];
|
|
11591
|
+
}, function (props) {
|
|
11592
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11593
|
+
}, function (props) {
|
|
11594
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11595
|
+
});
|
|
11596
|
+
var FooterImage = styled__default.img(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
11597
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11598
|
+
return props.theme.marginPaddings[4];
|
|
11599
|
+
});
|
|
11600
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11601
|
+
return props.theme.marginPaddings[5];
|
|
11602
|
+
});
|
|
11603
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11604
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11605
|
+
return props.theme.marginPaddings[0];
|
|
11606
|
+
});
|
|
11607
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11608
|
+
return props.theme.marginPaddings[1];
|
|
11609
|
+
}, function (props) {
|
|
11610
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11611
|
+
});
|
|
11612
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11613
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11614
|
+
}, function (props) {
|
|
11615
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11616
|
+
});
|
|
11617
|
+
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11618
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11619
|
+
|
|
11620
|
+
var _templateObject$Q;
|
|
11398
11621
|
var ALL_ITEM$1 = {
|
|
11399
11622
|
label: 'ALL',
|
|
11400
11623
|
value: 'ALL'
|
|
11401
11624
|
};
|
|
11402
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11625
|
+
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) {
|
|
11403
11626
|
return props.theme.colors.primary;
|
|
11404
11627
|
}, function (props) {
|
|
11405
11628
|
return props.theme.colors.ntrlMin;
|
|
@@ -412,6 +412,40 @@
|
|
|
412
412
|
ntrlMinTen: '#e6e6e6',
|
|
413
413
|
gray: '#efefef',
|
|
414
414
|
darkerGray: '#454141'
|
|
415
|
+
},
|
|
416
|
+
rareStepColors: {
|
|
417
|
+
primary: '#202b58',
|
|
418
|
+
secondary: '#ef5c2d',
|
|
419
|
+
ntrlMin: '#ffffff',
|
|
420
|
+
ntrl40: '#f4f4f4',
|
|
421
|
+
ntrl50: '#808080',
|
|
422
|
+
ntrl60: '#e8e8e8',
|
|
423
|
+
ntrl70: '#252525',
|
|
424
|
+
ntrlMax: '#000000'
|
|
425
|
+
},
|
|
426
|
+
rareStepFontWeights: {
|
|
427
|
+
normal: 400,
|
|
428
|
+
medium: 500,
|
|
429
|
+
semiBold: 600,
|
|
430
|
+
bold: 700
|
|
431
|
+
},
|
|
432
|
+
rareStepFontSize: {
|
|
433
|
+
h1: '36px',
|
|
434
|
+
h2: '30px',
|
|
435
|
+
h3: '24px',
|
|
436
|
+
h4: '20px',
|
|
437
|
+
h5: '16px',
|
|
438
|
+
h6: '14px',
|
|
439
|
+
footerTitle: '18px'
|
|
440
|
+
},
|
|
441
|
+
rareStepPageSizes: {
|
|
442
|
+
mobile: '500px',
|
|
443
|
+
tablet: '768px',
|
|
444
|
+
desktop: '992px',
|
|
445
|
+
screenl: '1280px',
|
|
446
|
+
screenxl: '1680px',
|
|
447
|
+
screenxxl: '1920px',
|
|
448
|
+
container: '1600px'
|
|
415
449
|
}
|
|
416
450
|
};
|
|
417
451
|
|
package/MaterialSelector.js
CHANGED
|
@@ -483,6 +483,40 @@
|
|
|
483
483
|
ntrlMinTen: '#e6e6e6',
|
|
484
484
|
gray: '#efefef',
|
|
485
485
|
darkerGray: '#454141'
|
|
486
|
+
},
|
|
487
|
+
rareStepColors: {
|
|
488
|
+
primary: '#202b58',
|
|
489
|
+
secondary: '#ef5c2d',
|
|
490
|
+
ntrlMin: '#ffffff',
|
|
491
|
+
ntrl40: '#f4f4f4',
|
|
492
|
+
ntrl50: '#808080',
|
|
493
|
+
ntrl60: '#e8e8e8',
|
|
494
|
+
ntrl70: '#252525',
|
|
495
|
+
ntrlMax: '#000000'
|
|
496
|
+
},
|
|
497
|
+
rareStepFontWeights: {
|
|
498
|
+
normal: 400,
|
|
499
|
+
medium: 500,
|
|
500
|
+
semiBold: 600,
|
|
501
|
+
bold: 700
|
|
502
|
+
},
|
|
503
|
+
rareStepFontSize: {
|
|
504
|
+
h1: '36px',
|
|
505
|
+
h2: '30px',
|
|
506
|
+
h3: '24px',
|
|
507
|
+
h4: '20px',
|
|
508
|
+
h5: '16px',
|
|
509
|
+
h6: '14px',
|
|
510
|
+
footerTitle: '18px'
|
|
511
|
+
},
|
|
512
|
+
rareStepPageSizes: {
|
|
513
|
+
mobile: '500px',
|
|
514
|
+
tablet: '768px',
|
|
515
|
+
desktop: '992px',
|
|
516
|
+
screenl: '1280px',
|
|
517
|
+
screenxl: '1680px',
|
|
518
|
+
screenxxl: '1920px',
|
|
519
|
+
container: '1600px'
|
|
486
520
|
}
|
|
487
521
|
};
|
|
488
522
|
|
|
@@ -11359,12 +11393,201 @@
|
|
|
11359
11393
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11360
11394
|
};
|
|
11361
11395
|
|
|
11362
|
-
var _templateObject$O;
|
|
11396
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _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;
|
|
11397
|
+
var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11398
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11399
|
+
});
|
|
11400
|
+
var PageContainer = styled__default.div(_templateObject2$b || (_templateObject2$b = _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) {
|
|
11401
|
+
return props.theme.rareStepPageSizes.container;
|
|
11402
|
+
});
|
|
11403
|
+
var HeaderContainer = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
11404
|
+
return props.theme.marginPaddings[3];
|
|
11405
|
+
}, function (props) {
|
|
11406
|
+
return props.theme.rareStepPageSizes.container;
|
|
11407
|
+
});
|
|
11408
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11409
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11410
|
+
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"])));
|
|
11411
|
+
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) {
|
|
11412
|
+
return props.theme.rareStepColors.secondary;
|
|
11413
|
+
}, function (props) {
|
|
11414
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11415
|
+
}, function (props) {
|
|
11416
|
+
return props.theme.rareStepFontSize.h5;
|
|
11417
|
+
}, function (props) {
|
|
11418
|
+
return props.theme.rareStepColors.secondary;
|
|
11419
|
+
});
|
|
11420
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11421
|
+
var HeaderIcon = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-left: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
11422
|
+
return props.theme.marginPaddings[3];
|
|
11423
|
+
});
|
|
11424
|
+
var NavigationContainer = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n background-color: ", ";\n padding-top: ", ";\n }\n"])), function (props) {
|
|
11425
|
+
return props.theme.rareStepColors.primary;
|
|
11426
|
+
}, function (props) {
|
|
11427
|
+
return props.theme.marginPaddings[1];
|
|
11428
|
+
});
|
|
11429
|
+
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) {
|
|
11430
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11431
|
+
}, function (props) {
|
|
11432
|
+
return props.theme.rareStepFontSize.h5;
|
|
11433
|
+
}, function (props) {
|
|
11434
|
+
return props.theme.marginPaddings[5];
|
|
11435
|
+
}, function (props) {
|
|
11436
|
+
return props.theme.marginPaddings[1];
|
|
11437
|
+
}, function (props) {
|
|
11438
|
+
return props.theme.rareStepColors.primary;
|
|
11439
|
+
}, function (props) {
|
|
11440
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11441
|
+
}, function (props) {
|
|
11442
|
+
return props.theme.rareStepColors.secondary;
|
|
11443
|
+
});
|
|
11444
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11445
|
+
var Dropdown = styled__default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n padding: ", " 0;\n border-top: 1px solid ", ";\n font-size: ", ";\n position: absolute;\n width: 100%;\n }\n"])), function (props) {
|
|
11446
|
+
return props.theme.rareStepColors.primary;
|
|
11447
|
+
}, function (props) {
|
|
11448
|
+
return props.theme.marginPaddings[4];
|
|
11449
|
+
}, function (props) {
|
|
11450
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11451
|
+
}, function (props) {
|
|
11452
|
+
return props.theme.rareStepFontSize.h5;
|
|
11453
|
+
});
|
|
11454
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11455
|
+
var DropdownModels = styled__default.ul(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n padding: 0 ", ";\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n width: 50%;\n column-count: 3;\n }\n"])), function (props) {
|
|
11456
|
+
return props.theme.marginPaddings[3];
|
|
11457
|
+
}, function (props) {
|
|
11458
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11459
|
+
}, function (props) {
|
|
11460
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11461
|
+
});
|
|
11462
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11463
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11464
|
+
return props.theme.marginPaddings[5];
|
|
11465
|
+
});
|
|
11466
|
+
var DropdownImage = styled__default.img(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n {\n width: 90%;\n height: 100%;\n object-fit: cover;\n margin-left: auto;\n }\n"])));
|
|
11467
|
+
var DropdownLink = styled__default.a(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: ", ";\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
11468
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11469
|
+
}, function (props) {
|
|
11470
|
+
return props.theme.marginPaddings[0];
|
|
11471
|
+
}, function (props) {
|
|
11472
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11473
|
+
});
|
|
11474
|
+
var DropdownBrandLinkContainer = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n &:hover {\n cursor: pointer;\n\n hr {\n display: block;\n }\n\n a {\n font-weight: ", ";\n }\n }\n }\n"])), function (props) {
|
|
11475
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11476
|
+
});
|
|
11477
|
+
var DropdownBrandLinkHR = styled__default.hr(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n {\n display: none;\n width: 20px;\n margin: 10px 10px 0 0;\n color: ", ";\n height: 1px;\n border: 1px solid ", ";\n }\n"])), function (props) {
|
|
11478
|
+
return props.theme.rareStepColors.secondary;
|
|
11479
|
+
}, function (props) {
|
|
11480
|
+
return props.theme.rareStepColors.secondary;
|
|
11481
|
+
});
|
|
11482
|
+
var DropdownBrandLink = styled__default.a(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: 0.5rem;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n font-weight: ", ";\n }\n }\n"])), function (props) {
|
|
11483
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11484
|
+
}, function (props) {
|
|
11485
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11486
|
+
}, function (props) {
|
|
11487
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11488
|
+
});
|
|
11489
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11490
|
+
return props.theme.marginPaddings[0];
|
|
11491
|
+
});
|
|
11492
|
+
var SellToUsHR = styled__default.hr(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n {\n width: 80px;\n margin-top: 20px;\n color: ", ";\n border: 1px solid ", ";\n margin-right: 10px;\n }\n"])), function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.secondary;
|
|
11494
|
+
}, function (props) {
|
|
11495
|
+
return props.theme.rareStepColors.secondary;
|
|
11496
|
+
});
|
|
11497
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "\n ", ";\n background-color: ", ";\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11498
|
+
return props.theme.marginPaddings[1];
|
|
11499
|
+
}, function (props) {
|
|
11500
|
+
return props.theme.marginPaddings[3];
|
|
11501
|
+
}, function (props) {
|
|
11502
|
+
return props.theme.rareStepColors.primary;
|
|
11503
|
+
}, function (props) {
|
|
11504
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11505
|
+
});
|
|
11506
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n background-color: ", ";\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) {
|
|
11507
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11508
|
+
}, function (props) {
|
|
11509
|
+
return props.theme.marginPaddings[0];
|
|
11510
|
+
}, function (props) {
|
|
11511
|
+
return props.theme.rareStepColors.primary;
|
|
11512
|
+
}, function (props) {
|
|
11513
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11514
|
+
}, function (props) {
|
|
11515
|
+
return props.theme.marginPaddings[3];
|
|
11516
|
+
}, function (props) {
|
|
11517
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11518
|
+
});
|
|
11519
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11520
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11521
|
+
|
|
11522
|
+
var _templateObject$P, _templateObject2$c, _templateObject3$7, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11523
|
+
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) {
|
|
11524
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11525
|
+
}, function (props) {
|
|
11526
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11527
|
+
}, function (props) {
|
|
11528
|
+
return props.theme.marginPaddings[4];
|
|
11529
|
+
}, function (props) {
|
|
11530
|
+
return props.theme.rareStepFontSize.h5;
|
|
11531
|
+
});
|
|
11532
|
+
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) {
|
|
11533
|
+
return props.theme.rareStepPageSizes.container;
|
|
11534
|
+
});
|
|
11535
|
+
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) {
|
|
11536
|
+
return props.theme.marginPaddings[4];
|
|
11537
|
+
});
|
|
11538
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
11539
|
+
return props.theme.marginPaddings[4];
|
|
11540
|
+
});
|
|
11541
|
+
var FooterTitleLink = styled__default.a(_templateObject5$3 || (_templateObject5$3 = _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) {
|
|
11542
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11543
|
+
}, function (props) {
|
|
11544
|
+
return props.theme.marginPaddings[1];
|
|
11545
|
+
}, function (props) {
|
|
11546
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11547
|
+
}, function (props) {
|
|
11548
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11549
|
+
}, function (props) {
|
|
11550
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11551
|
+
});
|
|
11552
|
+
var FooterLink = styled__default.a(_templateObject6$1 || (_templateObject6$1 = _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) {
|
|
11553
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11554
|
+
}, function (props) {
|
|
11555
|
+
return props.theme.space[2];
|
|
11556
|
+
}, function (props) {
|
|
11557
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11558
|
+
}, function (props) {
|
|
11559
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11560
|
+
});
|
|
11561
|
+
var FooterImage = styled__default.img(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
11562
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11563
|
+
return props.theme.marginPaddings[4];
|
|
11564
|
+
});
|
|
11565
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11566
|
+
return props.theme.marginPaddings[5];
|
|
11567
|
+
});
|
|
11568
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11569
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11570
|
+
return props.theme.marginPaddings[0];
|
|
11571
|
+
});
|
|
11572
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
11573
|
+
return props.theme.marginPaddings[1];
|
|
11574
|
+
}, function (props) {
|
|
11575
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11576
|
+
});
|
|
11577
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11578
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11579
|
+
}, function (props) {
|
|
11580
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11581
|
+
});
|
|
11582
|
+
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11583
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11584
|
+
|
|
11585
|
+
var _templateObject$Q;
|
|
11363
11586
|
var ALL_ITEM$1 = {
|
|
11364
11587
|
label: 'ALL',
|
|
11365
11588
|
value: 'ALL'
|
|
11366
11589
|
};
|
|
11367
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11590
|
+
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) {
|
|
11368
11591
|
return props.theme.colors.primary;
|
|
11369
11592
|
}, function (props) {
|
|
11370
11593
|
return props.theme.colors.ntrlMin;
|