@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
package/BrandSelector.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
|
|
|
@@ -11358,12 +11392,201 @@
|
|
|
11358
11392
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11359
11393
|
};
|
|
11360
11394
|
|
|
11361
|
-
var _templateObject$O;
|
|
11395
|
+
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;
|
|
11396
|
+
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) {
|
|
11397
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11398
|
+
});
|
|
11399
|
+
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) {
|
|
11400
|
+
return props.theme.rareStepPageSizes.container;
|
|
11401
|
+
});
|
|
11402
|
+
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) {
|
|
11403
|
+
return props.theme.marginPaddings[3];
|
|
11404
|
+
}, function (props) {
|
|
11405
|
+
return props.theme.rareStepPageSizes.container;
|
|
11406
|
+
});
|
|
11407
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11408
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11409
|
+
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"])));
|
|
11410
|
+
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) {
|
|
11411
|
+
return props.theme.rareStepColors.secondary;
|
|
11412
|
+
}, function (props) {
|
|
11413
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11414
|
+
}, function (props) {
|
|
11415
|
+
return props.theme.rareStepFontSize.h5;
|
|
11416
|
+
}, function (props) {
|
|
11417
|
+
return props.theme.rareStepColors.secondary;
|
|
11418
|
+
});
|
|
11419
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11420
|
+
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) {
|
|
11421
|
+
return props.theme.marginPaddings[3];
|
|
11422
|
+
});
|
|
11423
|
+
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) {
|
|
11424
|
+
return props.theme.rareStepColors.primary;
|
|
11425
|
+
}, function (props) {
|
|
11426
|
+
return props.theme.marginPaddings[1];
|
|
11427
|
+
});
|
|
11428
|
+
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) {
|
|
11429
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11430
|
+
}, function (props) {
|
|
11431
|
+
return props.theme.rareStepFontSize.h5;
|
|
11432
|
+
}, function (props) {
|
|
11433
|
+
return props.theme.marginPaddings[5];
|
|
11434
|
+
}, function (props) {
|
|
11435
|
+
return props.theme.marginPaddings[1];
|
|
11436
|
+
}, function (props) {
|
|
11437
|
+
return props.theme.rareStepColors.primary;
|
|
11438
|
+
}, function (props) {
|
|
11439
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11440
|
+
}, function (props) {
|
|
11441
|
+
return props.theme.rareStepColors.secondary;
|
|
11442
|
+
});
|
|
11443
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11444
|
+
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) {
|
|
11445
|
+
return props.theme.rareStepColors.primary;
|
|
11446
|
+
}, function (props) {
|
|
11447
|
+
return props.theme.marginPaddings[4];
|
|
11448
|
+
}, function (props) {
|
|
11449
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11450
|
+
}, function (props) {
|
|
11451
|
+
return props.theme.rareStepFontSize.h5;
|
|
11452
|
+
});
|
|
11453
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11454
|
+
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) {
|
|
11455
|
+
return props.theme.marginPaddings[3];
|
|
11456
|
+
}, function (props) {
|
|
11457
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11458
|
+
}, function (props) {
|
|
11459
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11460
|
+
});
|
|
11461
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11462
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11463
|
+
return props.theme.marginPaddings[5];
|
|
11464
|
+
});
|
|
11465
|
+
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"])));
|
|
11466
|
+
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) {
|
|
11467
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11468
|
+
}, function (props) {
|
|
11469
|
+
return props.theme.marginPaddings[0];
|
|
11470
|
+
}, function (props) {
|
|
11471
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11472
|
+
});
|
|
11473
|
+
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) {
|
|
11474
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11475
|
+
});
|
|
11476
|
+
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) {
|
|
11477
|
+
return props.theme.rareStepColors.secondary;
|
|
11478
|
+
}, function (props) {
|
|
11479
|
+
return props.theme.rareStepColors.secondary;
|
|
11480
|
+
});
|
|
11481
|
+
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) {
|
|
11482
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11483
|
+
}, function (props) {
|
|
11484
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11485
|
+
}, function (props) {
|
|
11486
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11487
|
+
});
|
|
11488
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11489
|
+
return props.theme.marginPaddings[0];
|
|
11490
|
+
});
|
|
11491
|
+
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) {
|
|
11492
|
+
return props.theme.rareStepColors.secondary;
|
|
11493
|
+
}, function (props) {
|
|
11494
|
+
return props.theme.rareStepColors.secondary;
|
|
11495
|
+
});
|
|
11496
|
+
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) {
|
|
11497
|
+
return props.theme.marginPaddings[1];
|
|
11498
|
+
}, function (props) {
|
|
11499
|
+
return props.theme.marginPaddings[3];
|
|
11500
|
+
}, function (props) {
|
|
11501
|
+
return props.theme.rareStepColors.primary;
|
|
11502
|
+
}, function (props) {
|
|
11503
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11504
|
+
});
|
|
11505
|
+
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) {
|
|
11506
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11507
|
+
}, function (props) {
|
|
11508
|
+
return props.theme.marginPaddings[0];
|
|
11509
|
+
}, function (props) {
|
|
11510
|
+
return props.theme.rareStepColors.primary;
|
|
11511
|
+
}, function (props) {
|
|
11512
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11513
|
+
}, function (props) {
|
|
11514
|
+
return props.theme.marginPaddings[3];
|
|
11515
|
+
}, function (props) {
|
|
11516
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11517
|
+
});
|
|
11518
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11519
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11520
|
+
|
|
11521
|
+
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;
|
|
11522
|
+
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) {
|
|
11523
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11524
|
+
}, function (props) {
|
|
11525
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11526
|
+
}, function (props) {
|
|
11527
|
+
return props.theme.marginPaddings[4];
|
|
11528
|
+
}, function (props) {
|
|
11529
|
+
return props.theme.rareStepFontSize.h5;
|
|
11530
|
+
});
|
|
11531
|
+
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) {
|
|
11532
|
+
return props.theme.rareStepPageSizes.container;
|
|
11533
|
+
});
|
|
11534
|
+
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) {
|
|
11535
|
+
return props.theme.marginPaddings[4];
|
|
11536
|
+
});
|
|
11537
|
+
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) {
|
|
11538
|
+
return props.theme.marginPaddings[4];
|
|
11539
|
+
});
|
|
11540
|
+
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) {
|
|
11541
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11542
|
+
}, function (props) {
|
|
11543
|
+
return props.theme.marginPaddings[1];
|
|
11544
|
+
}, function (props) {
|
|
11545
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11546
|
+
}, function (props) {
|
|
11547
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11548
|
+
}, function (props) {
|
|
11549
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11550
|
+
});
|
|
11551
|
+
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) {
|
|
11552
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11553
|
+
}, function (props) {
|
|
11554
|
+
return props.theme.space[2];
|
|
11555
|
+
}, function (props) {
|
|
11556
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11557
|
+
}, function (props) {
|
|
11558
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11559
|
+
});
|
|
11560
|
+
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"])));
|
|
11561
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11562
|
+
return props.theme.marginPaddings[4];
|
|
11563
|
+
});
|
|
11564
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11565
|
+
return props.theme.marginPaddings[5];
|
|
11566
|
+
});
|
|
11567
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11568
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11569
|
+
return props.theme.marginPaddings[0];
|
|
11570
|
+
});
|
|
11571
|
+
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) {
|
|
11572
|
+
return props.theme.marginPaddings[1];
|
|
11573
|
+
}, function (props) {
|
|
11574
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11575
|
+
});
|
|
11576
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11577
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11578
|
+
}, function (props) {
|
|
11579
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11580
|
+
});
|
|
11581
|
+
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"])));
|
|
11582
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11583
|
+
|
|
11584
|
+
var _templateObject$Q;
|
|
11362
11585
|
var ALL_ITEM$1 = {
|
|
11363
11586
|
label: 'ALL',
|
|
11364
11587
|
value: 'ALL'
|
|
11365
11588
|
};
|
|
11366
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11589
|
+
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) {
|
|
11367
11590
|
return props.theme.colors.primary;
|
|
11368
11591
|
}, function (props) {
|
|
11369
11592
|
return props.theme.colors.ntrlMin;
|
package/Checkbox.js
CHANGED
|
@@ -170,6 +170,40 @@
|
|
|
170
170
|
ntrlMinTen: '#e6e6e6',
|
|
171
171
|
gray: '#efefef',
|
|
172
172
|
darkerGray: '#454141'
|
|
173
|
+
},
|
|
174
|
+
rareStepColors: {
|
|
175
|
+
primary: '#202b58',
|
|
176
|
+
secondary: '#ef5c2d',
|
|
177
|
+
ntrlMin: '#ffffff',
|
|
178
|
+
ntrl40: '#f4f4f4',
|
|
179
|
+
ntrl50: '#808080',
|
|
180
|
+
ntrl60: '#e8e8e8',
|
|
181
|
+
ntrl70: '#252525',
|
|
182
|
+
ntrlMax: '#000000'
|
|
183
|
+
},
|
|
184
|
+
rareStepFontWeights: {
|
|
185
|
+
normal: 400,
|
|
186
|
+
medium: 500,
|
|
187
|
+
semiBold: 600,
|
|
188
|
+
bold: 700
|
|
189
|
+
},
|
|
190
|
+
rareStepFontSize: {
|
|
191
|
+
h1: '36px',
|
|
192
|
+
h2: '30px',
|
|
193
|
+
h3: '24px',
|
|
194
|
+
h4: '20px',
|
|
195
|
+
h5: '16px',
|
|
196
|
+
h6: '14px',
|
|
197
|
+
footerTitle: '18px'
|
|
198
|
+
},
|
|
199
|
+
rareStepPageSizes: {
|
|
200
|
+
mobile: '500px',
|
|
201
|
+
tablet: '768px',
|
|
202
|
+
desktop: '992px',
|
|
203
|
+
screenl: '1280px',
|
|
204
|
+
screenxl: '1680px',
|
|
205
|
+
screenxxl: '1920px',
|
|
206
|
+
container: '1600px'
|
|
173
207
|
}
|
|
174
208
|
};
|
|
175
209
|
|
package/CheckboxButton.js
CHANGED
|
@@ -148,6 +148,40 @@
|
|
|
148
148
|
ntrlMinTen: '#e6e6e6',
|
|
149
149
|
gray: '#efefef',
|
|
150
150
|
darkerGray: '#454141'
|
|
151
|
+
},
|
|
152
|
+
rareStepColors: {
|
|
153
|
+
primary: '#202b58',
|
|
154
|
+
secondary: '#ef5c2d',
|
|
155
|
+
ntrlMin: '#ffffff',
|
|
156
|
+
ntrl40: '#f4f4f4',
|
|
157
|
+
ntrl50: '#808080',
|
|
158
|
+
ntrl60: '#e8e8e8',
|
|
159
|
+
ntrl70: '#252525',
|
|
160
|
+
ntrlMax: '#000000'
|
|
161
|
+
},
|
|
162
|
+
rareStepFontWeights: {
|
|
163
|
+
normal: 400,
|
|
164
|
+
medium: 500,
|
|
165
|
+
semiBold: 600,
|
|
166
|
+
bold: 700
|
|
167
|
+
},
|
|
168
|
+
rareStepFontSize: {
|
|
169
|
+
h1: '36px',
|
|
170
|
+
h2: '30px',
|
|
171
|
+
h3: '24px',
|
|
172
|
+
h4: '20px',
|
|
173
|
+
h5: '16px',
|
|
174
|
+
h6: '14px',
|
|
175
|
+
footerTitle: '18px'
|
|
176
|
+
},
|
|
177
|
+
rareStepPageSizes: {
|
|
178
|
+
mobile: '500px',
|
|
179
|
+
tablet: '768px',
|
|
180
|
+
desktop: '992px',
|
|
181
|
+
screenl: '1280px',
|
|
182
|
+
screenxl: '1680px',
|
|
183
|
+
screenxxl: '1920px',
|
|
184
|
+
container: '1600px'
|
|
151
185
|
}
|
|
152
186
|
};
|
|
153
187
|
|
package/GenderSelector.js
CHANGED
|
@@ -199,6 +199,40 @@
|
|
|
199
199
|
ntrlMinTen: '#e6e6e6',
|
|
200
200
|
gray: '#efefef',
|
|
201
201
|
darkerGray: '#454141'
|
|
202
|
+
},
|
|
203
|
+
rareStepColors: {
|
|
204
|
+
primary: '#202b58',
|
|
205
|
+
secondary: '#ef5c2d',
|
|
206
|
+
ntrlMin: '#ffffff',
|
|
207
|
+
ntrl40: '#f4f4f4',
|
|
208
|
+
ntrl50: '#808080',
|
|
209
|
+
ntrl60: '#e8e8e8',
|
|
210
|
+
ntrl70: '#252525',
|
|
211
|
+
ntrlMax: '#000000'
|
|
212
|
+
},
|
|
213
|
+
rareStepFontWeights: {
|
|
214
|
+
normal: 400,
|
|
215
|
+
medium: 500,
|
|
216
|
+
semiBold: 600,
|
|
217
|
+
bold: 700
|
|
218
|
+
},
|
|
219
|
+
rareStepFontSize: {
|
|
220
|
+
h1: '36px',
|
|
221
|
+
h2: '30px',
|
|
222
|
+
h3: '24px',
|
|
223
|
+
h4: '20px',
|
|
224
|
+
h5: '16px',
|
|
225
|
+
h6: '14px',
|
|
226
|
+
footerTitle: '18px'
|
|
227
|
+
},
|
|
228
|
+
rareStepPageSizes: {
|
|
229
|
+
mobile: '500px',
|
|
230
|
+
tablet: '768px',
|
|
231
|
+
desktop: '992px',
|
|
232
|
+
screenl: '1280px',
|
|
233
|
+
screenxl: '1680px',
|
|
234
|
+
screenxxl: '1920px',
|
|
235
|
+
container: '1600px'
|
|
202
236
|
}
|
|
203
237
|
};
|
|
204
238
|
|
|
@@ -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
|
|
|
@@ -11493,12 +11527,201 @@
|
|
|
11493
11527
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11494
11528
|
};
|
|
11495
11529
|
|
|
11496
|
-
var _templateObject$O;
|
|
11530
|
+
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;
|
|
11531
|
+
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) {
|
|
11532
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11533
|
+
});
|
|
11534
|
+
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) {
|
|
11535
|
+
return props.theme.rareStepPageSizes.container;
|
|
11536
|
+
});
|
|
11537
|
+
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) {
|
|
11538
|
+
return props.theme.marginPaddings[3];
|
|
11539
|
+
}, function (props) {
|
|
11540
|
+
return props.theme.rareStepPageSizes.container;
|
|
11541
|
+
});
|
|
11542
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11543
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11544
|
+
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"])));
|
|
11545
|
+
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) {
|
|
11546
|
+
return props.theme.rareStepColors.secondary;
|
|
11547
|
+
}, function (props) {
|
|
11548
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11549
|
+
}, function (props) {
|
|
11550
|
+
return props.theme.rareStepFontSize.h5;
|
|
11551
|
+
}, function (props) {
|
|
11552
|
+
return props.theme.rareStepColors.secondary;
|
|
11553
|
+
});
|
|
11554
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11555
|
+
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) {
|
|
11556
|
+
return props.theme.marginPaddings[3];
|
|
11557
|
+
});
|
|
11558
|
+
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) {
|
|
11559
|
+
return props.theme.rareStepColors.primary;
|
|
11560
|
+
}, function (props) {
|
|
11561
|
+
return props.theme.marginPaddings[1];
|
|
11562
|
+
});
|
|
11563
|
+
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) {
|
|
11564
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11565
|
+
}, function (props) {
|
|
11566
|
+
return props.theme.rareStepFontSize.h5;
|
|
11567
|
+
}, function (props) {
|
|
11568
|
+
return props.theme.marginPaddings[5];
|
|
11569
|
+
}, function (props) {
|
|
11570
|
+
return props.theme.marginPaddings[1];
|
|
11571
|
+
}, function (props) {
|
|
11572
|
+
return props.theme.rareStepColors.primary;
|
|
11573
|
+
}, function (props) {
|
|
11574
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11575
|
+
}, function (props) {
|
|
11576
|
+
return props.theme.rareStepColors.secondary;
|
|
11577
|
+
});
|
|
11578
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11579
|
+
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) {
|
|
11580
|
+
return props.theme.rareStepColors.primary;
|
|
11581
|
+
}, function (props) {
|
|
11582
|
+
return props.theme.marginPaddings[4];
|
|
11583
|
+
}, function (props) {
|
|
11584
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11585
|
+
}, function (props) {
|
|
11586
|
+
return props.theme.rareStepFontSize.h5;
|
|
11587
|
+
});
|
|
11588
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11589
|
+
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) {
|
|
11590
|
+
return props.theme.marginPaddings[3];
|
|
11591
|
+
}, function (props) {
|
|
11592
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11593
|
+
}, function (props) {
|
|
11594
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11595
|
+
});
|
|
11596
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11597
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11598
|
+
return props.theme.marginPaddings[5];
|
|
11599
|
+
});
|
|
11600
|
+
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"])));
|
|
11601
|
+
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) {
|
|
11602
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11603
|
+
}, function (props) {
|
|
11604
|
+
return props.theme.marginPaddings[0];
|
|
11605
|
+
}, function (props) {
|
|
11606
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11607
|
+
});
|
|
11608
|
+
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) {
|
|
11609
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11610
|
+
});
|
|
11611
|
+
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) {
|
|
11612
|
+
return props.theme.rareStepColors.secondary;
|
|
11613
|
+
}, function (props) {
|
|
11614
|
+
return props.theme.rareStepColors.secondary;
|
|
11615
|
+
});
|
|
11616
|
+
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) {
|
|
11617
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11618
|
+
}, function (props) {
|
|
11619
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11620
|
+
}, function (props) {
|
|
11621
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11622
|
+
});
|
|
11623
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11624
|
+
return props.theme.marginPaddings[0];
|
|
11625
|
+
});
|
|
11626
|
+
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) {
|
|
11627
|
+
return props.theme.rareStepColors.secondary;
|
|
11628
|
+
}, function (props) {
|
|
11629
|
+
return props.theme.rareStepColors.secondary;
|
|
11630
|
+
});
|
|
11631
|
+
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) {
|
|
11632
|
+
return props.theme.marginPaddings[1];
|
|
11633
|
+
}, function (props) {
|
|
11634
|
+
return props.theme.marginPaddings[3];
|
|
11635
|
+
}, function (props) {
|
|
11636
|
+
return props.theme.rareStepColors.primary;
|
|
11637
|
+
}, function (props) {
|
|
11638
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11639
|
+
});
|
|
11640
|
+
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) {
|
|
11641
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11642
|
+
}, function (props) {
|
|
11643
|
+
return props.theme.marginPaddings[0];
|
|
11644
|
+
}, function (props) {
|
|
11645
|
+
return props.theme.rareStepColors.primary;
|
|
11646
|
+
}, function (props) {
|
|
11647
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11648
|
+
}, function (props) {
|
|
11649
|
+
return props.theme.marginPaddings[3];
|
|
11650
|
+
}, function (props) {
|
|
11651
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11652
|
+
});
|
|
11653
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11654
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11655
|
+
|
|
11656
|
+
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;
|
|
11657
|
+
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) {
|
|
11658
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11659
|
+
}, function (props) {
|
|
11660
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11661
|
+
}, function (props) {
|
|
11662
|
+
return props.theme.marginPaddings[4];
|
|
11663
|
+
}, function (props) {
|
|
11664
|
+
return props.theme.rareStepFontSize.h5;
|
|
11665
|
+
});
|
|
11666
|
+
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) {
|
|
11667
|
+
return props.theme.rareStepPageSizes.container;
|
|
11668
|
+
});
|
|
11669
|
+
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) {
|
|
11670
|
+
return props.theme.marginPaddings[4];
|
|
11671
|
+
});
|
|
11672
|
+
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) {
|
|
11673
|
+
return props.theme.marginPaddings[4];
|
|
11674
|
+
});
|
|
11675
|
+
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) {
|
|
11676
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11677
|
+
}, function (props) {
|
|
11678
|
+
return props.theme.marginPaddings[1];
|
|
11679
|
+
}, function (props) {
|
|
11680
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11681
|
+
}, function (props) {
|
|
11682
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11683
|
+
}, function (props) {
|
|
11684
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11685
|
+
});
|
|
11686
|
+
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) {
|
|
11687
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11688
|
+
}, function (props) {
|
|
11689
|
+
return props.theme.space[2];
|
|
11690
|
+
}, function (props) {
|
|
11691
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11692
|
+
}, function (props) {
|
|
11693
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11694
|
+
});
|
|
11695
|
+
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"])));
|
|
11696
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11697
|
+
return props.theme.marginPaddings[4];
|
|
11698
|
+
});
|
|
11699
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11700
|
+
return props.theme.marginPaddings[5];
|
|
11701
|
+
});
|
|
11702
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11703
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11704
|
+
return props.theme.marginPaddings[0];
|
|
11705
|
+
});
|
|
11706
|
+
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) {
|
|
11707
|
+
return props.theme.marginPaddings[1];
|
|
11708
|
+
}, function (props) {
|
|
11709
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11710
|
+
});
|
|
11711
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11712
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11713
|
+
}, function (props) {
|
|
11714
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11715
|
+
});
|
|
11716
|
+
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"])));
|
|
11717
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11718
|
+
|
|
11719
|
+
var _templateObject$Q;
|
|
11497
11720
|
var ALL_ITEM$1 = {
|
|
11498
11721
|
label: 'ALL',
|
|
11499
11722
|
value: 'ALL'
|
|
11500
11723
|
};
|
|
11501
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11724
|
+
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) {
|
|
11502
11725
|
return props.theme.colors.primary;
|
|
11503
11726
|
}, function (props) {
|
|
11504
11727
|
return props.theme.colors.ntrlMin;
|