@bonlineza/luxity-lib 2.11.0 → 2.13.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 +332 -165
- package/BrandSelector.js +344 -177
- package/Checkbox.js +34 -0
- package/CheckboxButton.js +34 -0
- package/GenderSelector.js +34 -0
- package/GraphQLDropdownSelector.js +344 -177
- package/GraphQLMultiSelector.js +50 -69
- package/IconHeader.js +34 -0
- package/InterestCatSelector.js +34 -0
- package/InterestItem.js +34 -0
- package/Interests.js +344 -177
- package/InvertedTextButton.js +34 -0
- package/LuxityGraphQLDropdownSelector.js +344 -177
- package/LuxityGraphQLMultiselector.js +55 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +344 -177
- package/ModelSelector.js +344 -177
- package/NotificationDropDown.js +43 -65
- package/OutlinePrimaryButton.js +34 -0
- package/PriceRangeSelector.js +34 -0
- package/PrimaryButton.js +34 -0
- package/README.md +2 -1
- 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 +59 -78
- package/TextButton.js +34 -0
- package/Tooltip.js +34 -0
- package/build/bundle.js +534 -155
- package/package.json +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
-
(global = global || self, global.GraphQLDropdownSelector = factory(global.React, global.styled, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
-
}(this, (function (React, styled, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
+
(global = global || self, global.GraphQLDropdownSelector = factory(global.React, global.styled, global.EllipsisLoader, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
+
}(this, (function (React, styled, EllipsisLoader, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
9
10
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
10
11
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
11
12
|
numeral = numeral && Object.prototype.hasOwnProperty.call(numeral, 'default') ? numeral['default'] : numeral;
|
|
@@ -310,57 +311,6 @@
|
|
|
310
311
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
311
312
|
};
|
|
312
313
|
|
|
313
|
-
var LuxityArrowLeft = (function (props) {
|
|
314
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
315
|
-
version: "1.0",
|
|
316
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
317
|
-
width: props.width || '100%',
|
|
318
|
-
height: props.height || '100%',
|
|
319
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
320
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
321
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
322
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
323
|
-
fill: "#000000",
|
|
324
|
-
stroke: "none"
|
|
325
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
326
|
-
d: "M808 2628 c-139 -205 -377 -557 -530 -781 l-277 -409 48 -71 c363\n-539 905 -1335 915 -1345 9 -9 90 -12 362 -10 l351 3 -350 515 c-192 283 -409\n603 -482 711 l-134 197 386 568 c212 313 450 665 529 782 l145 212 -355 0\n-355 0 -253 -372z"
|
|
327
|
-
})));
|
|
328
|
-
});
|
|
329
|
-
|
|
330
|
-
var LuxityArrowRight = (function (props) {
|
|
331
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
332
|
-
version: "1.0",
|
|
333
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
334
|
-
width: props.width || '100%',
|
|
335
|
-
height: props.height || '100%',
|
|
336
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
337
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
338
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
339
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
340
|
-
fill: "#000000",
|
|
341
|
-
stroke: "none"
|
|
342
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
343
|
-
d: "M106 2973 c9 -16 226 -336 481 -711 255 -376 465 -687 466 -691 1 -4\n-233 -355 -520 -779 -288 -424 -523 -773 -523 -776 0 -3 159 -6 353 -5 l352 0\n525 776 c289 427 524 780 522 785 -1 5 -219 328 -484 719 l-481 709 -355 0\n-354 0 18 -27z"
|
|
344
|
-
})));
|
|
345
|
-
});
|
|
346
|
-
|
|
347
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
348
|
-
var LoaderContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
349
|
-
var LeftImageContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-left infinite 3s;\n background-color: white;\n\n @keyframes slide-left {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(50%);\n }\n 100% {\n transform: translateX(150%);\n }\n }\n"])));
|
|
350
|
-
var RightImageContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-right infinite 3s;\n\n @keyframes slide-right {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(-50%);\n opacity: 1;\n }\n 100% {\n transform: translateX(-150%);\n opacity: 0;\n }\n }\n"])));
|
|
351
|
-
|
|
352
|
-
function LuxityLoader(_ref) {
|
|
353
|
-
var width = _ref.width,
|
|
354
|
-
height = _ref.height;
|
|
355
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
356
|
-
width: width,
|
|
357
|
-
height: height
|
|
358
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
359
|
-
width: width,
|
|
360
|
-
height: height
|
|
361
|
-
})));
|
|
362
|
-
}
|
|
363
|
-
|
|
364
314
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
365
315
|
data: null
|
|
366
316
|
});
|
|
@@ -436,10 +386,7 @@
|
|
|
436
386
|
customErrorMessage: customErrorMessage,
|
|
437
387
|
customErrorHandler: customErrorHandler,
|
|
438
388
|
renderCustomLoader: function renderCustomLoader() {
|
|
439
|
-
return /*#__PURE__*/React__default.createElement(
|
|
440
|
-
height: "40px",
|
|
441
|
-
width: "95%"
|
|
442
|
-
});
|
|
389
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
443
390
|
},
|
|
444
391
|
errorMessageInterpreter: interpretErrorMessage
|
|
445
392
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -483,6 +430,40 @@
|
|
|
483
430
|
ntrlMinTen: '#e6e6e6',
|
|
484
431
|
gray: '#efefef',
|
|
485
432
|
darkerGray: '#454141'
|
|
433
|
+
},
|
|
434
|
+
rareStepColors: {
|
|
435
|
+
primary: '#202b58',
|
|
436
|
+
secondary: '#ef5c2d',
|
|
437
|
+
ntrlMin: '#ffffff',
|
|
438
|
+
ntrl40: '#f4f4f4',
|
|
439
|
+
ntrl50: '#808080',
|
|
440
|
+
ntrl60: '#e8e8e8',
|
|
441
|
+
ntrl70: '#252525',
|
|
442
|
+
ntrlMax: '#000000'
|
|
443
|
+
},
|
|
444
|
+
rareStepFontWeights: {
|
|
445
|
+
normal: 400,
|
|
446
|
+
medium: 500,
|
|
447
|
+
semiBold: 600,
|
|
448
|
+
bold: 700
|
|
449
|
+
},
|
|
450
|
+
rareStepFontSize: {
|
|
451
|
+
h1: '36px',
|
|
452
|
+
h2: '30px',
|
|
453
|
+
h3: '24px',
|
|
454
|
+
h4: '20px',
|
|
455
|
+
h5: '16px',
|
|
456
|
+
h6: '14px',
|
|
457
|
+
footerTitle: '18px'
|
|
458
|
+
},
|
|
459
|
+
rareStepPageSizes: {
|
|
460
|
+
mobile: '500px',
|
|
461
|
+
tablet: '768px',
|
|
462
|
+
desktop: '992px',
|
|
463
|
+
screenl: '1280px',
|
|
464
|
+
screenxl: '1680px',
|
|
465
|
+
screenxxl: '1920px',
|
|
466
|
+
container: '1600px'
|
|
486
467
|
}
|
|
487
468
|
};
|
|
488
469
|
|
|
@@ -496,43 +477,43 @@
|
|
|
496
477
|
});
|
|
497
478
|
});
|
|
498
479
|
|
|
499
|
-
var _templateObject
|
|
500
|
-
var OuterContainer = styled__default.div(_templateObject
|
|
480
|
+
var _templateObject;
|
|
481
|
+
var OuterContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
|
|
501
482
|
return props.theme.colors.borderColor;
|
|
502
483
|
});
|
|
503
484
|
|
|
504
|
-
var _templateObject$
|
|
505
|
-
var ToggleButton = styled__default.div(_templateObject$
|
|
485
|
+
var _templateObject$1;
|
|
486
|
+
var ToggleButton = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n padding-left: 3rem;\n padding-right: 3rem;\n display: flex;\n align-items: center;\n min-height: 70px;\n height: 70px;\n cursor: pointer;\n outline: none;\n"])));
|
|
506
487
|
|
|
507
|
-
var _templateObject$
|
|
508
|
-
var Title = styled__default.div(_templateObject$
|
|
488
|
+
var _templateObject$2;
|
|
489
|
+
var Title = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"])), function (props) {
|
|
509
490
|
return props.theme.fontSizes[2];
|
|
510
491
|
}, function (props) {
|
|
511
492
|
return props.theme.colors.primary || '';
|
|
512
493
|
});
|
|
513
494
|
|
|
514
|
-
var _templateObject$
|
|
515
|
-
var BodyContent = styled__default.div(_templateObject$
|
|
495
|
+
var _templateObject$3;
|
|
496
|
+
var BodyContent = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
516
497
|
return props.theme.marginPaddings[5];
|
|
517
498
|
});
|
|
518
499
|
|
|
519
|
-
var _templateObject$
|
|
520
|
-
var BodyDivider = styled__default.hr(_templateObject$
|
|
500
|
+
var _templateObject$4;
|
|
501
|
+
var BodyDivider = styled__default.hr(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"])), function (props) {
|
|
521
502
|
return props.theme.marginPaddings[4];
|
|
522
503
|
}, function (props) {
|
|
523
504
|
return props.theme.colors.borderColor;
|
|
524
505
|
});
|
|
525
506
|
|
|
526
|
-
var _templateObject$
|
|
527
|
-
var Body = styled__default.div(_templateObject$
|
|
507
|
+
var _templateObject$5;
|
|
508
|
+
var Body = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
528
509
|
return props.theme.marginPaddings[6];
|
|
529
510
|
}, function (props) {
|
|
530
511
|
return props.theme.marginPaddings[6];
|
|
531
512
|
});
|
|
532
513
|
|
|
533
|
-
var _templateObject$
|
|
514
|
+
var _templateObject$6;
|
|
534
515
|
var inputMarginRight = '0.2em';
|
|
535
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
516
|
+
var CheckboxLabel = styled__default.label(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n\n span {\n :before {\n content: '\\2713';\n position: absolute;\n display: none;\n color: white;\n left: 0.4em;\n top: 0.1em;\n font-size: ", ";\n text-align: center;\n }\n }\n\n input {\n font-size: ", ";\n background-color: ", ";\n appearance: none;\n outline: none;\n height: 1em;\n width: 1em;\n margin-right: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n transition-duration: 0.3s;\n cursor: pointer;\n\n &:checked {\n background-color: ", ";\n }\n\n &:checked + span:before {\n display: block;\n }\n }\n"], ["\n cursor: pointer;\n position: relative;\n display: flex;\n align-items: center;\n\n span {\n :before {\n content: '\\\\2713';\n position: absolute;\n display: none;\n color: white;\n left: 0.4em;\n top: 0.1em;\n font-size: ", ";\n text-align: center;\n }\n }\n\n input {\n font-size: ", ";\n background-color: ", ";\n appearance: none;\n outline: none;\n height: 1em;\n width: 1em;\n margin-right: ", ";\n border: 1px solid ", ";\n border-radius: ", ";\n transition-duration: 0.3s;\n cursor: pointer;\n\n &:checked {\n background-color: ", ";\n }\n\n &:checked + span:before {\n display: block;\n }\n }\n"])), function (props) {
|
|
536
517
|
var _props$theme;
|
|
537
518
|
|
|
538
519
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -675,11 +656,11 @@
|
|
|
675
656
|
})));
|
|
676
657
|
});
|
|
677
658
|
|
|
678
|
-
var _templateObject$
|
|
679
|
-
var SvgWrapper = styled__default.span(_templateObject$
|
|
659
|
+
var _templateObject$7;
|
|
660
|
+
var SvgWrapper = styled__default.span(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
680
661
|
|
|
681
|
-
var _templateObject$
|
|
682
|
-
var IconWrapper = styled__default.div(_templateObject$
|
|
662
|
+
var _templateObject$8;
|
|
663
|
+
var IconWrapper = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n height: auto;\n margin-bottom: 1rem;\n margin-left: 1rem;\n display: flex;\n align-items: center;\n height: auto;\n\n :hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n #svg-trash {\n width: 15px;\n height: 100%;\n }\n"])), function (props) {
|
|
683
664
|
return props.theme.colors.borderColor;
|
|
684
665
|
}, function (props) {
|
|
685
666
|
return props.theme.colors.borderColor;
|
|
@@ -692,7 +673,7 @@
|
|
|
692
673
|
lg: '1200px'
|
|
693
674
|
};
|
|
694
675
|
|
|
695
|
-
var _templateObject$
|
|
676
|
+
var _templateObject$9, _templateObject2, _templateObject3, _templateObject4;
|
|
696
677
|
var MALE = genders.MALE,
|
|
697
678
|
FEMALE = genders.FEMALE,
|
|
698
679
|
UNISEX = genders.UNISEX;
|
|
@@ -844,9 +825,9 @@
|
|
|
844
825
|
return _createClass(InterestItem);
|
|
845
826
|
}(React__default.Component);
|
|
846
827
|
|
|
847
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
848
|
-
var InterestItemTitle = styled__default.div(_templateObject2
|
|
849
|
-
var InterestItemContainer = styled__default.div(_templateObject3
|
|
828
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
829
|
+
var InterestItemTitle = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
830
|
+
var InterestItemContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
850
831
|
var InterestItemContent = styled__default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 8);\n margin-left: ", ";\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
|
|
851
832
|
return props.theme.colors.borderColor;
|
|
852
833
|
}, function (props) {
|
|
@@ -868,42 +849,42 @@
|
|
|
868
849
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
869
850
|
});
|
|
870
851
|
|
|
871
|
-
var _templateObject$
|
|
872
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$
|
|
852
|
+
var _templateObject$a;
|
|
853
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
873
854
|
|
|
874
|
-
var _templateObject$
|
|
875
|
-
var ButtonListWrapper = styled__default.div(_templateObject$
|
|
855
|
+
var _templateObject$b;
|
|
856
|
+
var ButtonListWrapper = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
876
857
|
var noWrap = _ref.noWrap;
|
|
877
858
|
return noWrap ? 'nowrap' : 'wrap';
|
|
878
859
|
});
|
|
879
860
|
|
|
880
|
-
var _templateObject$
|
|
881
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
861
|
+
var _templateObject$c;
|
|
862
|
+
var Title$1 = styled__default.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
882
863
|
return props.theme.colors.base;
|
|
883
864
|
});
|
|
884
865
|
|
|
885
|
-
var _templateObject$
|
|
886
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
866
|
+
var _templateObject$d;
|
|
867
|
+
var RadioButtonLabel = styled__default.label(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
887
868
|
return props.theme.marginPaddings[0];
|
|
888
869
|
}, function (props) {
|
|
889
870
|
return props.theme.marginPaddings[0];
|
|
890
871
|
});
|
|
891
872
|
|
|
892
|
-
var _templateObject$
|
|
893
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
873
|
+
var _templateObject$e;
|
|
874
|
+
var RadioButtonCircle = styled__default.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n height: 20px;\n width: 20px;\n border-radius: 50%;\n margin-right: 5px;\n border: 1px solid ", ";\n display: flex;\n"])), function (props) {
|
|
894
875
|
return props.theme.colors.base;
|
|
895
876
|
});
|
|
896
877
|
|
|
897
|
-
var _templateObject$
|
|
898
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$
|
|
878
|
+
var _templateObject$f;
|
|
879
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
899
880
|
|
|
900
|
-
var _templateObject$
|
|
901
|
-
var RadioButtonInput = styled__default.input(_templateObject$
|
|
881
|
+
var _templateObject$g;
|
|
882
|
+
var RadioButtonInput = styled__default.input(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
902
883
|
return props.theme.colors.base;
|
|
903
884
|
});
|
|
904
885
|
|
|
905
|
-
var _templateObject$
|
|
906
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
886
|
+
var _templateObject$h;
|
|
887
|
+
var RadioButtonText = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
907
888
|
|
|
908
889
|
/**
|
|
909
890
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -960,13 +941,13 @@
|
|
|
960
941
|
};
|
|
961
942
|
var RadioButtons$1 = themed(RadioButtons);
|
|
962
943
|
|
|
963
|
-
var _templateObject$
|
|
944
|
+
var _templateObject$i, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
964
945
|
/* position relative is required for the Body element to be positioned correctly */
|
|
965
946
|
|
|
966
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
967
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
947
|
+
var relativeInlineStyle = styled.css(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
948
|
+
var topMiddleBodyStyle = styled.css(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
968
949
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
969
|
-
return styled.css(_templateObject3$
|
|
950
|
+
return styled.css(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral(["\n /*Bottom Arrow*/\n top: 100%; /* At the bottom of the tooltip */\n left: calc(50% - ", ");\n border-width: ", ";\n border-style: solid;\n border-color: ", " transparent transparent transparent;\n"])), props.apexWidth, props.apexWidth, props.theme.colors.base);
|
|
970
951
|
};
|
|
971
952
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
972
953
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -975,7 +956,7 @@
|
|
|
975
956
|
return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n /*Top Arrow*/\n bottom: 100%; /* At the top of the tooltip */\n top: initial;\n left: 50%;\n border-style: solid;\n border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
|
|
976
957
|
};
|
|
977
958
|
|
|
978
|
-
var _templateObject$
|
|
959
|
+
var _templateObject$j;
|
|
979
960
|
|
|
980
961
|
var getBodyStyle = function getBodyStyle() {
|
|
981
962
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1010,7 +991,7 @@
|
|
|
1010
991
|
}
|
|
1011
992
|
};
|
|
1012
993
|
|
|
1013
|
-
var Body$1 = styled__default.span(_templateObject$
|
|
994
|
+
var Body$1 = styled__default.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n ", ";\n visibility: hidden;\n opacity: 0;\n width: ", ";\n transition: visibility 0.3s linear, opacity 0.3s linear;\n background-color: ", ";\n color: white;\n text-align: center;\n border-radius: 5px;\n ", "\n &::after {\n content: ' ';\n position: absolute;\n ", "\n }\n"])), relativeInlineStyle, function (props) {
|
|
1014
995
|
return props.bodyWidth;
|
|
1015
996
|
}, function (props) {
|
|
1016
997
|
return props.theme.colors.base || 'black';
|
|
@@ -1020,17 +1001,17 @@
|
|
|
1020
1001
|
return getAfterStyling(props);
|
|
1021
1002
|
});
|
|
1022
1003
|
|
|
1023
|
-
var _templateObject$
|
|
1024
|
-
var Container = styled__default.div(_templateObject$
|
|
1004
|
+
var _templateObject$k;
|
|
1005
|
+
var Container = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$1);
|
|
1025
1006
|
|
|
1026
|
-
var _templateObject$
|
|
1027
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
1028
|
-
var baseButtonStyle = styled.css(_templateObject2$
|
|
1007
|
+
var _templateObject$l, _templateObject2$2;
|
|
1008
|
+
var disabledButtonStyle = styled.css(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
1009
|
+
var baseButtonStyle = styled.css(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n padding: 1rem 3.5rem;\n cursor: pointer;\n letter-spacing: 1.3px;\n border-style: none;\n text-transform: uppercase;\n font-size: 12px;\n color: #fff;\n transition: 0.2s ease-in-out;\n outline: none;\n min-width: 150px;\n"])));
|
|
1029
1010
|
|
|
1030
1011
|
var _excluded = ["children"];
|
|
1031
1012
|
|
|
1032
|
-
var _templateObject$
|
|
1033
|
-
var Button = styled__default.button(_templateObject$
|
|
1013
|
+
var _templateObject$m;
|
|
1014
|
+
var Button = styled__default.button(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n &:active,\n &:hover {\n background-color: #fff;\n color: ", ";\n }\n\n &:disabled {\n ", "\n\n &:hover {\n background-color: ", ";\n color: #ffff;\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
1034
1015
|
return props.theme.colors.primary;
|
|
1035
1016
|
}, function (props) {
|
|
1036
1017
|
return props.theme.colors.ntrlMin;
|
|
@@ -1051,8 +1032,8 @@
|
|
|
1051
1032
|
|
|
1052
1033
|
var _excluded$1 = ["children"];
|
|
1053
1034
|
|
|
1054
|
-
var _templateObject$
|
|
1055
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
1035
|
+
var _templateObject$n;
|
|
1036
|
+
var Button$1 = styled__default.button(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n ", ";\n background-color: ", ";\n color: ", ";\n border: 1px solid ", ";\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &:disabled {\n ", "\n &:hover {\n background-color: ", ";\n }\n }\n"])), baseButtonStyle, function (props) {
|
|
1056
1037
|
return props.theme.colors.ntrlMin;
|
|
1057
1038
|
}, function (props) {
|
|
1058
1039
|
return props.theme.colors.primary;
|
|
@@ -1077,8 +1058,8 @@
|
|
|
1077
1058
|
|
|
1078
1059
|
var _excluded$2 = ["children"];
|
|
1079
1060
|
|
|
1080
|
-
var _templateObject$
|
|
1081
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
1061
|
+
var _templateObject$o;
|
|
1062
|
+
var Button$2 = styled__default.button(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1082
1063
|
return props.theme.colors.base;
|
|
1083
1064
|
}, function (props) {
|
|
1084
1065
|
return props.theme.colors.primary;
|
|
@@ -1100,8 +1081,8 @@
|
|
|
1100
1081
|
|
|
1101
1082
|
var _excluded$3 = ["children"];
|
|
1102
1083
|
|
|
1103
|
-
var _templateObject$
|
|
1104
|
-
var Button$3 = styled__default(TextButton$1)(_templateObject$
|
|
1084
|
+
var _templateObject$p;
|
|
1085
|
+
var Button$3 = styled__default(TextButton$1)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n &:disabled {\n background-color: ", ";\n color: ", ";\n }\n"])), function (props) {
|
|
1105
1086
|
return props.theme.colors.ntrlMin;
|
|
1106
1087
|
}, function (props) {
|
|
1107
1088
|
return props.theme.colors.primary;
|
|
@@ -1126,8 +1107,8 @@
|
|
|
1126
1107
|
|
|
1127
1108
|
var _excluded$4 = ["children"];
|
|
1128
1109
|
|
|
1129
|
-
var _templateObject$
|
|
1130
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
1110
|
+
var _templateObject$q;
|
|
1111
|
+
var Button$4 = styled__default.button(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
1131
1112
|
|
|
1132
1113
|
var WrapperButton = function WrapperButton(_ref) {
|
|
1133
1114
|
var children = _ref.children,
|
|
@@ -8329,8 +8310,8 @@
|
|
|
8329
8310
|
}
|
|
8330
8311
|
};
|
|
8331
8312
|
|
|
8332
|
-
var _templateObject$
|
|
8333
|
-
var SvgWrapper$1 = styled__default.div(_templateObject$
|
|
8313
|
+
var _templateObject$r;
|
|
8314
|
+
var SvgWrapper$1 = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n padding: ", ";\n border: 1px solid\n ", ";\n text-align: center;\n display: flex;\n flex-flow: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;\n background-color: ", ";\n color: ", ";\n\n h1 {\n color: ", ";\n }\n\n svg {\n margin-left: auto;\n margin-right: auto;\n max-height: 80px;\n width: auto;\n /*condition*/\n\n .fillColor {\n fill: ", ";\n }\n\n .outlineColor {\n fill: ", ";\n }\n }\n @media (max-width: ", ") {\n margin-bottom: ", ";\n }\n"])), function (props) {
|
|
8334
8315
|
return props.theme.marginPaddings[4];
|
|
8335
8316
|
}, function (props) {
|
|
8336
8317
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -8361,8 +8342,8 @@
|
|
|
8361
8342
|
isChecked: false
|
|
8362
8343
|
};
|
|
8363
8344
|
|
|
8364
|
-
var _templateObject$
|
|
8365
|
-
var Body$2 = styled__default.div(_templateObject$
|
|
8345
|
+
var _templateObject$s;
|
|
8346
|
+
var Body$2 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n .outlineColor {\n fill: #ffffff;\n }\n display: flex;\n flex-flow: row wrap;\n\n button {\n margin-top: 20px;\n width: 150px;\n cursor: pointer;\n padding: 0;\n &:not(:last-child) {\n margin-right: ", ";\n }\n }\n .outlineColor {\n fill: white;\n }\n\n @media (max-width: ", ") {\n display: block;\n button {\n width: 100%;\n &:not(:last-child) {\n margin-right: 0;\n }\n }\n }\n"])), function (props) {
|
|
8366
8347
|
return props.theme.marginPaddings[2];
|
|
8367
8348
|
}, media.sm);
|
|
8368
8349
|
|
|
@@ -8494,14 +8475,14 @@
|
|
|
8494
8475
|
}));
|
|
8495
8476
|
});
|
|
8496
8477
|
|
|
8497
|
-
var _templateObject$
|
|
8498
|
-
var ErrorMessage$1 = styled__default.div(_templateObject$
|
|
8478
|
+
var _templateObject$t;
|
|
8479
|
+
var ErrorMessage$1 = styled__default.div(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
|
|
8499
8480
|
return props.theme.colors.primary;
|
|
8500
8481
|
}, function (props) {
|
|
8501
8482
|
return props.theme.marginPaddings[0];
|
|
8502
8483
|
});
|
|
8503
8484
|
|
|
8504
|
-
var _templateObject$
|
|
8485
|
+
var _templateObject$u, _templateObject2$3;
|
|
8505
8486
|
var categories = catArray;
|
|
8506
8487
|
|
|
8507
8488
|
var getSvg = function getSvg() {
|
|
@@ -8528,10 +8509,10 @@
|
|
|
8528
8509
|
}
|
|
8529
8510
|
};
|
|
8530
8511
|
|
|
8531
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
8512
|
+
var Container$1 = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
8532
8513
|
return props.theme.marginPaddings[5];
|
|
8533
8514
|
});
|
|
8534
|
-
var CategoryTitle = styled__default.h1(_templateObject2$
|
|
8515
|
+
var CategoryTitle = styled__default.h1(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
8535
8516
|
/**
|
|
8536
8517
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
8537
8518
|
*/
|
|
@@ -9324,12 +9305,12 @@
|
|
|
9324
9305
|
/* ::<number | string, string, string> */
|
|
9325
9306
|
(transparentize);
|
|
9326
9307
|
|
|
9327
|
-
var _templateObject$
|
|
9328
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9308
|
+
var _templateObject$v;
|
|
9309
|
+
var baseSliderStyles = styled.css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n .rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 100%;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n }\n .rc-slider * {\n box-sizing: border-box;\n }\n .rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n }\n .rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n }\n .rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n margin-top: -5px;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n -ms-touch-action: pan-x;\n touch-action: pan-x;\n }\n .rc-slider-handle:focus {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n outline: none;\n }\n .rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n }\n .rc-slider-handle:hover {\n border-color: #57c5f7;\n }\n .rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: grabbing;\n }\n .rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n }\n .rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n }\n .rc-slider-mark-text-active {\n color: #666;\n }\n .rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n }\n .rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n }\n .rc-slider-dot-active {\n border-color: #96dbfa;\n }\n .rc-slider-dot-reverse {\n margin-left: 0;\n margin-right: -4px;\n }\n .rc-slider-disabled {\n background-color: #e9e9e9;\n }\n .rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n }\n .rc-slider-disabled .rc-slider-handle,\n .rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n }\n .rc-slider-disabled .rc-slider-mark-text,\n .rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n }\n .rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n }\n .rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n }\n .rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n }\n .rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n }\n @keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n }\n @keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n }\n .rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip-hidden {\n display: none;\n }\n .rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n }\n .rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n }\n .rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n }\n"])));
|
|
9329
9310
|
|
|
9330
|
-
var _templateObject$
|
|
9311
|
+
var _templateObject$w, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9331
9312
|
var handleDimension = '14px';
|
|
9332
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9313
|
+
var SliderContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n ", ";\n position: relative;\n .rc-slider-handle {\n background-color: ", ";\n border-color: ", ";\n }\n\n .rc-slider {\n margin-bottom: ", ";\n max-width: calc(100% - ", ");\n margin-left: auto;\n margin-right: auto;\n }\n .rc-slider-track {\n background-color: ", ";\n }\n\n .rc-slider-handle {\n height: ", ";\n width: ", ";\n transition: border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;\n &:hover,\n &:focus {\n border: ", ";\n box-shadow: 0 0 0 5px\n ", ";\n }\n }\n ", "\n"])), baseSliderStyles, function (props) {
|
|
9333
9314
|
return props.theme.colors.primary;
|
|
9334
9315
|
}, function (props) {
|
|
9335
9316
|
return props.theme.colors.primary;
|
|
@@ -9348,22 +9329,22 @@
|
|
|
9348
9329
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9349
9330
|
var showMarks = _ref.showMarks,
|
|
9350
9331
|
primary = _ref.theme.colors.primary;
|
|
9351
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9332
|
+
var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
|
|
9352
9333
|
return styled.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text {\n color: ", ";\n }\n\n .rc-slider-dot {\n border-color: ", ";\n background-color: white;\n }\n ", "\n "])), primary, primary, visiblityStyle);
|
|
9353
9334
|
};
|
|
9354
9335
|
|
|
9355
|
-
var _templateObject$
|
|
9356
|
-
var ToolTipWrapper = styled__default.div(_templateObject$
|
|
9336
|
+
var _templateObject$x;
|
|
9337
|
+
var ToolTipWrapper = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n position: absolute;\n right: auto;\n top: 20px;\n transform: translateX(-50%);\n width: 100px;\n text-align: center;\n"])));
|
|
9357
9338
|
|
|
9358
|
-
var _templateObject$
|
|
9359
|
-
var Footer = styled__default.div(_templateObject$
|
|
9339
|
+
var _templateObject$y;
|
|
9340
|
+
var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9360
9341
|
|
|
9361
9342
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9362
9343
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9363
9344
|
|
|
9364
|
-
var _templateObject$
|
|
9345
|
+
var _templateObject$z;
|
|
9365
9346
|
var debounceBuilder = functions.debounced(100);
|
|
9366
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9347
|
+
var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9367
9348
|
return props.theme.marginPaddings[3];
|
|
9368
9349
|
});
|
|
9369
9350
|
|
|
@@ -9522,11 +9503,11 @@
|
|
|
9522
9503
|
};
|
|
9523
9504
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9524
9505
|
|
|
9525
|
-
var _templateObject$
|
|
9526
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9506
|
+
var _templateObject$A, _templateObject2$5;
|
|
9507
|
+
var Title$2 = styled__default.h1(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
|
|
9527
9508
|
return props.theme.fontSizes[2];
|
|
9528
9509
|
});
|
|
9529
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9510
|
+
var InterestsSubheadingContainer = styled__default.div(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"])), function (props) {
|
|
9530
9511
|
return props.theme.marginPaddings[1];
|
|
9531
9512
|
}, function (props) {
|
|
9532
9513
|
return props.theme.colors.primary;
|
|
@@ -9545,8 +9526,8 @@
|
|
|
9545
9526
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9546
9527
|
};
|
|
9547
9528
|
|
|
9548
|
-
var _templateObject$
|
|
9549
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9529
|
+
var _templateObject$B;
|
|
9530
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n }\n"])), function (props) {
|
|
9550
9531
|
return props.theme.colors.primary;
|
|
9551
9532
|
});
|
|
9552
9533
|
|
|
@@ -9788,8 +9769,8 @@
|
|
|
9788
9769
|
showMessageOnError: true
|
|
9789
9770
|
};
|
|
9790
9771
|
|
|
9791
|
-
var _templateObject$
|
|
9792
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9772
|
+
var _templateObject$C;
|
|
9773
|
+
var StyledHeader = styled__default.h5(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n }\n"])), media.sm, media.sm, function (props) {
|
|
9793
9774
|
return props.theme.marginPaddings[1];
|
|
9794
9775
|
});
|
|
9795
9776
|
|
|
@@ -9835,8 +9816,8 @@
|
|
|
9835
9816
|
}));
|
|
9836
9817
|
});
|
|
9837
9818
|
|
|
9838
|
-
var _templateObject$
|
|
9839
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9819
|
+
var _templateObject$D;
|
|
9820
|
+
var NotifyContainer = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\n\n .notification-dropdown-select__control {\n min-height: auto;\n background-color: ", ";\n border: none;\n border-radius: 0;\n\n &--is-focused {\n border: none;\n border-radius: 0;\n box-shadow: none;\n }\n\n .notification-dropdown-select__value-container {\n & > div {\n padding: 0;\n margin: 0;\n color: ", ";\n }\n & .notification-dropdown-select__single-value,\n & .notification-dropdown-select__placeholder {\n overflow: visible;\n font-weight: lighter;\n }\n }\n }\n }\n\n .notification-dropdown-select__indicators {\n padding: 0 !important;\n .notification-dropdown-select__dropdown-indicator {\n color: ", ";\n }\n }\n\n .notification-dropdown-select__menu {\n border-radius: 0;\n\n & > .notification-dropdown-select__menu-list {\n border-radius: 0;\n\n & > .notification-dropdown-select__option {\n font-weight: bold;\n &:last-child {\n border-bottom: none;\n }\n\n &.notification-dropdown-select__option--is-focused {\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected {\n color: ", ";\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected.notification-dropdown-select__option--is-focused {\n border-style: hidden;\n }\n }\n }\n }\n"])), function (props) {
|
|
9840
9821
|
return props.theme.colors.ntrlMin;
|
|
9841
9822
|
}, function (props) {
|
|
9842
9823
|
return props.theme.colors.base;
|
|
@@ -9945,10 +9926,7 @@
|
|
|
9945
9926
|
}
|
|
9946
9927
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
9947
9928
|
className: "notification-dropdown-label"
|
|
9948
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
9949
|
-
height: "20px",
|
|
9950
|
-
width: "95%"
|
|
9951
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9929
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9952
9930
|
isMulti: false,
|
|
9953
9931
|
isSearchable: false,
|
|
9954
9932
|
components: {
|
|
@@ -10112,15 +10090,15 @@
|
|
|
10112
10090
|
}
|
|
10113
10091
|
};
|
|
10114
10092
|
|
|
10115
|
-
var _templateObject$
|
|
10093
|
+
var _templateObject$E, _templateObject2$6;
|
|
10116
10094
|
var ALL_ITEM = {
|
|
10117
10095
|
id: 'ALL',
|
|
10118
10096
|
name: 'ALL'
|
|
10119
10097
|
};
|
|
10120
10098
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10121
10099
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10122
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10123
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
10100
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10101
|
+
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10124
10102
|
return props.theme.marginPaddings[2];
|
|
10125
10103
|
}, function (props) {
|
|
10126
10104
|
return props.theme.colors.ntrlMin;
|
|
@@ -10357,7 +10335,7 @@
|
|
|
10357
10335
|
}));
|
|
10358
10336
|
});
|
|
10359
10337
|
|
|
10360
|
-
var _templateObject$
|
|
10338
|
+
var _templateObject$F;
|
|
10361
10339
|
|
|
10362
10340
|
var Title$3 = function Title(_ref) {
|
|
10363
10341
|
var baseClass = _ref.baseClass,
|
|
@@ -10378,7 +10356,7 @@
|
|
|
10378
10356
|
})));
|
|
10379
10357
|
};
|
|
10380
10358
|
|
|
10381
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10359
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10382
10360
|
return props.theme.marginPaddings[2];
|
|
10383
10361
|
}, function (props) {
|
|
10384
10362
|
return props.theme.fontSizes[2];
|
|
@@ -10518,8 +10496,8 @@
|
|
|
10518
10496
|
baseQueryLimit: 12
|
|
10519
10497
|
};
|
|
10520
10498
|
|
|
10521
|
-
var _templateObject$
|
|
10522
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10499
|
+
var _templateObject$G;
|
|
10500
|
+
var BaseButton = styled__default.button(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10523
10501
|
return props.theme.colors.base;
|
|
10524
10502
|
}, function (props) {
|
|
10525
10503
|
return props.theme.colors.borderColor;
|
|
@@ -10588,12 +10566,12 @@
|
|
|
10588
10566
|
}
|
|
10589
10567
|
};
|
|
10590
10568
|
|
|
10591
|
-
var _templateObject$
|
|
10592
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10569
|
+
var _templateObject$H, _templateObject2$7;
|
|
10570
|
+
var TitleWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10593
10571
|
return props.theme.marginPaddings[4];
|
|
10594
10572
|
});
|
|
10595
10573
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10596
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10574
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10597
10575
|
return props.childVisible ? 1 : 0;
|
|
10598
10576
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10599
10577
|
return props.childVisible ? 1 : 0;
|
|
@@ -10727,8 +10705,8 @@
|
|
|
10727
10705
|
}
|
|
10728
10706
|
};
|
|
10729
10707
|
|
|
10730
|
-
var _templateObject$
|
|
10731
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10708
|
+
var _templateObject$I;
|
|
10709
|
+
var SelectionWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
10732
10710
|
return props.theme.marginPaddings[2];
|
|
10733
10711
|
}, function (props) {
|
|
10734
10712
|
return props.theme.marginPaddings[2];
|
|
@@ -10744,14 +10722,14 @@
|
|
|
10744
10722
|
|
|
10745
10723
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10746
10724
|
|
|
10747
|
-
var _templateObject$
|
|
10748
|
-
var Content = styled__default.div(_templateObject$
|
|
10725
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10726
|
+
var Content = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
10749
10727
|
return props.theme.colors.primary;
|
|
10750
10728
|
}, function (props) {
|
|
10751
10729
|
return props.theme.marginPaddings[0];
|
|
10752
10730
|
});
|
|
10753
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10754
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10731
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10732
|
+
var StyledLabel = styled__default.label(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
10755
10733
|
return props.theme.colors.primary;
|
|
10756
10734
|
}, Content, function (props) {
|
|
10757
10735
|
return props.theme.colors.primary;
|
|
@@ -10980,23 +10958,23 @@
|
|
|
10980
10958
|
}
|
|
10981
10959
|
};
|
|
10982
10960
|
|
|
10983
|
-
var _templateObject$
|
|
10961
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10984
10962
|
var UNISEX$1 = genders.UNISEX;
|
|
10985
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10963
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10986
10964
|
return props.theme.marginPaddings[6];
|
|
10987
10965
|
}, function (props) {
|
|
10988
10966
|
return props.theme.colors.borderColor;
|
|
10989
10967
|
}, function (props) {
|
|
10990
10968
|
return props.theme.marginPaddings[6];
|
|
10991
10969
|
});
|
|
10992
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10970
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
10993
10971
|
return props.theme.marginPaddings[6];
|
|
10994
10972
|
}, media.xs, function (props) {
|
|
10995
10973
|
return props.theme.marginPaddings[0];
|
|
10996
10974
|
}, function (props) {
|
|
10997
10975
|
return props.theme.marginPaddings[1];
|
|
10998
10976
|
});
|
|
10999
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10977
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11000
10978
|
return props.theme.colors.darkerGray;
|
|
11001
10979
|
}, function (props) {
|
|
11002
10980
|
return props.theme.marginPaddings[2];
|
|
@@ -11307,8 +11285,8 @@
|
|
|
11307
11285
|
|
|
11308
11286
|
var AddInterest$1 = themed(AddInterest);
|
|
11309
11287
|
|
|
11310
|
-
var _templateObject$
|
|
11311
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11288
|
+
var _templateObject$L;
|
|
11289
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11312
11290
|
return props.theme.marginPaddings[0];
|
|
11313
11291
|
}, function (props) {
|
|
11314
11292
|
return props.theme.colors.primary;
|
|
@@ -11342,8 +11320,8 @@
|
|
|
11342
11320
|
|
|
11343
11321
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11344
11322
|
|
|
11345
|
-
var _templateObject$
|
|
11346
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11323
|
+
var _templateObject$M;
|
|
11324
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11347
11325
|
return props.theme.colors.primary;
|
|
11348
11326
|
});
|
|
11349
11327
|
var AccountIcon = themed(function () {
|
|
@@ -11493,12 +11471,201 @@
|
|
|
11493
11471
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11494
11472
|
};
|
|
11495
11473
|
|
|
11496
|
-
var _templateObject$
|
|
11474
|
+
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;
|
|
11475
|
+
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) {
|
|
11476
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11477
|
+
});
|
|
11478
|
+
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) {
|
|
11479
|
+
return props.theme.rareStepPageSizes.container;
|
|
11480
|
+
});
|
|
11481
|
+
var HeaderContainer = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _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) {
|
|
11482
|
+
return props.theme.marginPaddings[3];
|
|
11483
|
+
}, function (props) {
|
|
11484
|
+
return props.theme.rareStepPageSizes.container;
|
|
11485
|
+
});
|
|
11486
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11487
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11488
|
+
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"])));
|
|
11489
|
+
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) {
|
|
11490
|
+
return props.theme.rareStepColors.secondary;
|
|
11491
|
+
}, function (props) {
|
|
11492
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11493
|
+
}, function (props) {
|
|
11494
|
+
return props.theme.rareStepFontSize.h5;
|
|
11495
|
+
}, function (props) {
|
|
11496
|
+
return props.theme.rareStepColors.secondary;
|
|
11497
|
+
});
|
|
11498
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11499
|
+
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) {
|
|
11500
|
+
return props.theme.marginPaddings[3];
|
|
11501
|
+
});
|
|
11502
|
+
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) {
|
|
11503
|
+
return props.theme.rareStepColors.primary;
|
|
11504
|
+
}, function (props) {
|
|
11505
|
+
return props.theme.marginPaddings[1];
|
|
11506
|
+
});
|
|
11507
|
+
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) {
|
|
11508
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11509
|
+
}, function (props) {
|
|
11510
|
+
return props.theme.rareStepFontSize.h5;
|
|
11511
|
+
}, function (props) {
|
|
11512
|
+
return props.theme.marginPaddings[5];
|
|
11513
|
+
}, function (props) {
|
|
11514
|
+
return props.theme.marginPaddings[1];
|
|
11515
|
+
}, function (props) {
|
|
11516
|
+
return props.theme.rareStepColors.primary;
|
|
11517
|
+
}, function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11519
|
+
}, function (props) {
|
|
11520
|
+
return props.theme.rareStepColors.secondary;
|
|
11521
|
+
});
|
|
11522
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11523
|
+
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) {
|
|
11524
|
+
return props.theme.rareStepColors.primary;
|
|
11525
|
+
}, function (props) {
|
|
11526
|
+
return props.theme.marginPaddings[4];
|
|
11527
|
+
}, function (props) {
|
|
11528
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11529
|
+
}, function (props) {
|
|
11530
|
+
return props.theme.rareStepFontSize.h5;
|
|
11531
|
+
});
|
|
11532
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11533
|
+
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) {
|
|
11534
|
+
return props.theme.marginPaddings[3];
|
|
11535
|
+
}, function (props) {
|
|
11536
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11537
|
+
}, function (props) {
|
|
11538
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11539
|
+
});
|
|
11540
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11541
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11542
|
+
return props.theme.marginPaddings[5];
|
|
11543
|
+
});
|
|
11544
|
+
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"])));
|
|
11545
|
+
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) {
|
|
11546
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11547
|
+
}, function (props) {
|
|
11548
|
+
return props.theme.marginPaddings[0];
|
|
11549
|
+
}, function (props) {
|
|
11550
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11551
|
+
});
|
|
11552
|
+
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) {
|
|
11553
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11554
|
+
});
|
|
11555
|
+
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) {
|
|
11556
|
+
return props.theme.rareStepColors.secondary;
|
|
11557
|
+
}, function (props) {
|
|
11558
|
+
return props.theme.rareStepColors.secondary;
|
|
11559
|
+
});
|
|
11560
|
+
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) {
|
|
11561
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11562
|
+
}, function (props) {
|
|
11563
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11564
|
+
}, function (props) {
|
|
11565
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11566
|
+
});
|
|
11567
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11568
|
+
return props.theme.marginPaddings[0];
|
|
11569
|
+
});
|
|
11570
|
+
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) {
|
|
11571
|
+
return props.theme.rareStepColors.secondary;
|
|
11572
|
+
}, function (props) {
|
|
11573
|
+
return props.theme.rareStepColors.secondary;
|
|
11574
|
+
});
|
|
11575
|
+
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) {
|
|
11576
|
+
return props.theme.marginPaddings[1];
|
|
11577
|
+
}, function (props) {
|
|
11578
|
+
return props.theme.marginPaddings[3];
|
|
11579
|
+
}, function (props) {
|
|
11580
|
+
return props.theme.rareStepColors.primary;
|
|
11581
|
+
}, function (props) {
|
|
11582
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11583
|
+
});
|
|
11584
|
+
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) {
|
|
11585
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11586
|
+
}, function (props) {
|
|
11587
|
+
return props.theme.marginPaddings[0];
|
|
11588
|
+
}, function (props) {
|
|
11589
|
+
return props.theme.rareStepColors.primary;
|
|
11590
|
+
}, function (props) {
|
|
11591
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11592
|
+
}, function (props) {
|
|
11593
|
+
return props.theme.marginPaddings[3];
|
|
11594
|
+
}, function (props) {
|
|
11595
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11596
|
+
});
|
|
11597
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11598
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11599
|
+
|
|
11600
|
+
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;
|
|
11601
|
+
var FooterWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11602
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11603
|
+
}, function (props) {
|
|
11604
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11605
|
+
}, function (props) {
|
|
11606
|
+
return props.theme.marginPaddings[4];
|
|
11607
|
+
}, function (props) {
|
|
11608
|
+
return props.theme.rareStepFontSize.h5;
|
|
11609
|
+
});
|
|
11610
|
+
var PageContainer$1 = 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) {
|
|
11611
|
+
return props.theme.rareStepPageSizes.container;
|
|
11612
|
+
});
|
|
11613
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11614
|
+
return props.theme.marginPaddings[4];
|
|
11615
|
+
});
|
|
11616
|
+
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) {
|
|
11617
|
+
return props.theme.marginPaddings[4];
|
|
11618
|
+
});
|
|
11619
|
+
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) {
|
|
11620
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11621
|
+
}, function (props) {
|
|
11622
|
+
return props.theme.marginPaddings[1];
|
|
11623
|
+
}, function (props) {
|
|
11624
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11625
|
+
}, function (props) {
|
|
11626
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11627
|
+
}, function (props) {
|
|
11628
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11629
|
+
});
|
|
11630
|
+
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) {
|
|
11631
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11632
|
+
}, function (props) {
|
|
11633
|
+
return props.theme.space[2];
|
|
11634
|
+
}, function (props) {
|
|
11635
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11636
|
+
}, function (props) {
|
|
11637
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11638
|
+
});
|
|
11639
|
+
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"])));
|
|
11640
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11641
|
+
return props.theme.marginPaddings[4];
|
|
11642
|
+
});
|
|
11643
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11644
|
+
return props.theme.marginPaddings[5];
|
|
11645
|
+
});
|
|
11646
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11647
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11648
|
+
return props.theme.marginPaddings[0];
|
|
11649
|
+
});
|
|
11650
|
+
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) {
|
|
11651
|
+
return props.theme.marginPaddings[1];
|
|
11652
|
+
}, function (props) {
|
|
11653
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11654
|
+
});
|
|
11655
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11656
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11657
|
+
}, function (props) {
|
|
11658
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11659
|
+
});
|
|
11660
|
+
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"])));
|
|
11661
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11662
|
+
|
|
11663
|
+
var _templateObject$P;
|
|
11497
11664
|
var ALL_ITEM$1 = {
|
|
11498
11665
|
label: 'ALL',
|
|
11499
11666
|
value: 'ALL'
|
|
11500
11667
|
};
|
|
11501
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11668
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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
11669
|
return props.theme.colors.primary;
|
|
11503
11670
|
}, function (props) {
|
|
11504
11671
|
return props.theme.colors.ntrlMin;
|