@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
package/MaterialSelector.js
CHANGED
|
@@ -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.MaterialSelector = 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.MaterialSelector = 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: {
|
|
@@ -10013,15 +9991,15 @@
|
|
|
10013
9991
|
}
|
|
10014
9992
|
};
|
|
10015
9993
|
|
|
10016
|
-
var _templateObject$
|
|
9994
|
+
var _templateObject$E, _templateObject2$6;
|
|
10017
9995
|
var ALL_ITEM = {
|
|
10018
9996
|
id: 'ALL',
|
|
10019
9997
|
name: 'ALL'
|
|
10020
9998
|
};
|
|
10021
9999
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10022
10000
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10023
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10024
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
10001
|
+
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);
|
|
10002
|
+
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) {
|
|
10025
10003
|
return props.theme.marginPaddings[2];
|
|
10026
10004
|
}, function (props) {
|
|
10027
10005
|
return props.theme.colors.ntrlMin;
|
|
@@ -10258,7 +10236,7 @@
|
|
|
10258
10236
|
}));
|
|
10259
10237
|
});
|
|
10260
10238
|
|
|
10261
|
-
var _templateObject$
|
|
10239
|
+
var _templateObject$F;
|
|
10262
10240
|
|
|
10263
10241
|
var Title$3 = function Title(_ref) {
|
|
10264
10242
|
var baseClass = _ref.baseClass,
|
|
@@ -10279,7 +10257,7 @@
|
|
|
10279
10257
|
})));
|
|
10280
10258
|
};
|
|
10281
10259
|
|
|
10282
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10260
|
+
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) {
|
|
10283
10261
|
return props.theme.marginPaddings[2];
|
|
10284
10262
|
}, function (props) {
|
|
10285
10263
|
return props.theme.fontSizes[2];
|
|
@@ -10419,8 +10397,8 @@
|
|
|
10419
10397
|
baseQueryLimit: 12
|
|
10420
10398
|
};
|
|
10421
10399
|
|
|
10422
|
-
var _templateObject$
|
|
10423
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10400
|
+
var _templateObject$G;
|
|
10401
|
+
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) {
|
|
10424
10402
|
return props.theme.colors.base;
|
|
10425
10403
|
}, function (props) {
|
|
10426
10404
|
return props.theme.colors.borderColor;
|
|
@@ -10489,12 +10467,12 @@
|
|
|
10489
10467
|
}
|
|
10490
10468
|
};
|
|
10491
10469
|
|
|
10492
|
-
var _templateObject$
|
|
10493
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10470
|
+
var _templateObject$H, _templateObject2$7;
|
|
10471
|
+
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) {
|
|
10494
10472
|
return props.theme.marginPaddings[4];
|
|
10495
10473
|
});
|
|
10496
10474
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10497
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10475
|
+
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) {
|
|
10498
10476
|
return props.childVisible ? 1 : 0;
|
|
10499
10477
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10500
10478
|
return props.childVisible ? 1 : 0;
|
|
@@ -10628,8 +10606,8 @@
|
|
|
10628
10606
|
}
|
|
10629
10607
|
};
|
|
10630
10608
|
|
|
10631
|
-
var _templateObject$
|
|
10632
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10609
|
+
var _templateObject$I;
|
|
10610
|
+
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) {
|
|
10633
10611
|
return props.theme.marginPaddings[2];
|
|
10634
10612
|
}, function (props) {
|
|
10635
10613
|
return props.theme.marginPaddings[2];
|
|
@@ -10645,14 +10623,14 @@
|
|
|
10645
10623
|
|
|
10646
10624
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10647
10625
|
|
|
10648
|
-
var _templateObject$
|
|
10649
|
-
var Content = styled__default.div(_templateObject$
|
|
10626
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10627
|
+
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) {
|
|
10650
10628
|
return props.theme.colors.primary;
|
|
10651
10629
|
}, function (props) {
|
|
10652
10630
|
return props.theme.marginPaddings[0];
|
|
10653
10631
|
});
|
|
10654
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10655
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10632
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10633
|
+
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) {
|
|
10656
10634
|
return props.theme.colors.primary;
|
|
10657
10635
|
}, Content, function (props) {
|
|
10658
10636
|
return props.theme.colors.primary;
|
|
@@ -10846,23 +10824,23 @@
|
|
|
10846
10824
|
}
|
|
10847
10825
|
};
|
|
10848
10826
|
|
|
10849
|
-
var _templateObject$
|
|
10827
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10850
10828
|
var UNISEX$1 = genders.UNISEX;
|
|
10851
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10829
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10852
10830
|
return props.theme.marginPaddings[6];
|
|
10853
10831
|
}, function (props) {
|
|
10854
10832
|
return props.theme.colors.borderColor;
|
|
10855
10833
|
}, function (props) {
|
|
10856
10834
|
return props.theme.marginPaddings[6];
|
|
10857
10835
|
});
|
|
10858
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10836
|
+
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) {
|
|
10859
10837
|
return props.theme.marginPaddings[6];
|
|
10860
10838
|
}, media.xs, function (props) {
|
|
10861
10839
|
return props.theme.marginPaddings[0];
|
|
10862
10840
|
}, function (props) {
|
|
10863
10841
|
return props.theme.marginPaddings[1];
|
|
10864
10842
|
});
|
|
10865
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10843
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
10866
10844
|
return props.theme.colors.darkerGray;
|
|
10867
10845
|
}, function (props) {
|
|
10868
10846
|
return props.theme.marginPaddings[2];
|
|
@@ -11173,8 +11151,8 @@
|
|
|
11173
11151
|
|
|
11174
11152
|
var AddInterest$1 = themed(AddInterest);
|
|
11175
11153
|
|
|
11176
|
-
var _templateObject$
|
|
11177
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11154
|
+
var _templateObject$L;
|
|
11155
|
+
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) {
|
|
11178
11156
|
return props.theme.marginPaddings[0];
|
|
11179
11157
|
}, function (props) {
|
|
11180
11158
|
return props.theme.colors.primary;
|
|
@@ -11208,8 +11186,8 @@
|
|
|
11208
11186
|
|
|
11209
11187
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11210
11188
|
|
|
11211
|
-
var _templateObject$
|
|
11212
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11189
|
+
var _templateObject$M;
|
|
11190
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11213
11191
|
return props.theme.colors.primary;
|
|
11214
11192
|
});
|
|
11215
11193
|
var AccountIcon = themed(function () {
|
|
@@ -11359,12 +11337,201 @@
|
|
|
11359
11337
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11360
11338
|
};
|
|
11361
11339
|
|
|
11362
|
-
var _templateObject$
|
|
11340
|
+
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11341
|
+
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11342
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11343
|
+
});
|
|
11344
|
+
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11345
|
+
return props.theme.rareStepPageSizes.container;
|
|
11346
|
+
});
|
|
11347
|
+
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) {
|
|
11348
|
+
return props.theme.marginPaddings[3];
|
|
11349
|
+
}, function (props) {
|
|
11350
|
+
return props.theme.rareStepPageSizes.container;
|
|
11351
|
+
});
|
|
11352
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11353
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11354
|
+
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"])));
|
|
11355
|
+
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) {
|
|
11356
|
+
return props.theme.rareStepColors.secondary;
|
|
11357
|
+
}, function (props) {
|
|
11358
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11359
|
+
}, function (props) {
|
|
11360
|
+
return props.theme.rareStepFontSize.h5;
|
|
11361
|
+
}, function (props) {
|
|
11362
|
+
return props.theme.rareStepColors.secondary;
|
|
11363
|
+
});
|
|
11364
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11365
|
+
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) {
|
|
11366
|
+
return props.theme.marginPaddings[3];
|
|
11367
|
+
});
|
|
11368
|
+
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) {
|
|
11369
|
+
return props.theme.rareStepColors.primary;
|
|
11370
|
+
}, function (props) {
|
|
11371
|
+
return props.theme.marginPaddings[1];
|
|
11372
|
+
});
|
|
11373
|
+
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
11374
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11375
|
+
}, function (props) {
|
|
11376
|
+
return props.theme.rareStepFontSize.h5;
|
|
11377
|
+
}, function (props) {
|
|
11378
|
+
return props.theme.marginPaddings[5];
|
|
11379
|
+
}, function (props) {
|
|
11380
|
+
return props.theme.marginPaddings[1];
|
|
11381
|
+
}, function (props) {
|
|
11382
|
+
return props.theme.rareStepColors.primary;
|
|
11383
|
+
}, function (props) {
|
|
11384
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11385
|
+
}, function (props) {
|
|
11386
|
+
return props.theme.rareStepColors.secondary;
|
|
11387
|
+
});
|
|
11388
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11389
|
+
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) {
|
|
11390
|
+
return props.theme.rareStepColors.primary;
|
|
11391
|
+
}, function (props) {
|
|
11392
|
+
return props.theme.marginPaddings[4];
|
|
11393
|
+
}, function (props) {
|
|
11394
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11395
|
+
}, function (props) {
|
|
11396
|
+
return props.theme.rareStepFontSize.h5;
|
|
11397
|
+
});
|
|
11398
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11399
|
+
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) {
|
|
11400
|
+
return props.theme.marginPaddings[3];
|
|
11401
|
+
}, function (props) {
|
|
11402
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11403
|
+
}, function (props) {
|
|
11404
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11405
|
+
});
|
|
11406
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11407
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11408
|
+
return props.theme.marginPaddings[5];
|
|
11409
|
+
});
|
|
11410
|
+
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"])));
|
|
11411
|
+
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) {
|
|
11412
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11413
|
+
}, function (props) {
|
|
11414
|
+
return props.theme.marginPaddings[0];
|
|
11415
|
+
}, function (props) {
|
|
11416
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11417
|
+
});
|
|
11418
|
+
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) {
|
|
11419
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11420
|
+
});
|
|
11421
|
+
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) {
|
|
11422
|
+
return props.theme.rareStepColors.secondary;
|
|
11423
|
+
}, function (props) {
|
|
11424
|
+
return props.theme.rareStepColors.secondary;
|
|
11425
|
+
});
|
|
11426
|
+
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) {
|
|
11427
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11428
|
+
}, function (props) {
|
|
11429
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11430
|
+
}, function (props) {
|
|
11431
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11432
|
+
});
|
|
11433
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11434
|
+
return props.theme.marginPaddings[0];
|
|
11435
|
+
});
|
|
11436
|
+
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) {
|
|
11437
|
+
return props.theme.rareStepColors.secondary;
|
|
11438
|
+
}, function (props) {
|
|
11439
|
+
return props.theme.rareStepColors.secondary;
|
|
11440
|
+
});
|
|
11441
|
+
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) {
|
|
11442
|
+
return props.theme.marginPaddings[1];
|
|
11443
|
+
}, function (props) {
|
|
11444
|
+
return props.theme.marginPaddings[3];
|
|
11445
|
+
}, function (props) {
|
|
11446
|
+
return props.theme.rareStepColors.primary;
|
|
11447
|
+
}, function (props) {
|
|
11448
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11449
|
+
});
|
|
11450
|
+
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) {
|
|
11451
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11452
|
+
}, function (props) {
|
|
11453
|
+
return props.theme.marginPaddings[0];
|
|
11454
|
+
}, function (props) {
|
|
11455
|
+
return props.theme.rareStepColors.primary;
|
|
11456
|
+
}, function (props) {
|
|
11457
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11458
|
+
}, function (props) {
|
|
11459
|
+
return props.theme.marginPaddings[3];
|
|
11460
|
+
}, function (props) {
|
|
11461
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11462
|
+
});
|
|
11463
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11464
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11465
|
+
|
|
11466
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11467
|
+
var 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) {
|
|
11468
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11469
|
+
}, function (props) {
|
|
11470
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11471
|
+
}, function (props) {
|
|
11472
|
+
return props.theme.marginPaddings[4];
|
|
11473
|
+
}, function (props) {
|
|
11474
|
+
return props.theme.rareStepFontSize.h5;
|
|
11475
|
+
});
|
|
11476
|
+
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) {
|
|
11477
|
+
return props.theme.rareStepPageSizes.container;
|
|
11478
|
+
});
|
|
11479
|
+
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) {
|
|
11480
|
+
return props.theme.marginPaddings[4];
|
|
11481
|
+
});
|
|
11482
|
+
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) {
|
|
11483
|
+
return props.theme.marginPaddings[4];
|
|
11484
|
+
});
|
|
11485
|
+
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) {
|
|
11486
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11487
|
+
}, function (props) {
|
|
11488
|
+
return props.theme.marginPaddings[1];
|
|
11489
|
+
}, function (props) {
|
|
11490
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11491
|
+
}, function (props) {
|
|
11492
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11493
|
+
}, function (props) {
|
|
11494
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11495
|
+
});
|
|
11496
|
+
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) {
|
|
11497
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11498
|
+
}, function (props) {
|
|
11499
|
+
return props.theme.space[2];
|
|
11500
|
+
}, function (props) {
|
|
11501
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11502
|
+
}, function (props) {
|
|
11503
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11504
|
+
});
|
|
11505
|
+
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"])));
|
|
11506
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11507
|
+
return props.theme.marginPaddings[4];
|
|
11508
|
+
});
|
|
11509
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11510
|
+
return props.theme.marginPaddings[5];
|
|
11511
|
+
});
|
|
11512
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11513
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11514
|
+
return props.theme.marginPaddings[0];
|
|
11515
|
+
});
|
|
11516
|
+
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) {
|
|
11517
|
+
return props.theme.marginPaddings[1];
|
|
11518
|
+
}, function (props) {
|
|
11519
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11520
|
+
});
|
|
11521
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11522
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11523
|
+
}, function (props) {
|
|
11524
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11525
|
+
});
|
|
11526
|
+
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"])));
|
|
11527
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11528
|
+
|
|
11529
|
+
var _templateObject$P;
|
|
11363
11530
|
var ALL_ITEM$1 = {
|
|
11364
11531
|
label: 'ALL',
|
|
11365
11532
|
value: 'ALL'
|
|
11366
11533
|
};
|
|
11367
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11534
|
+
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) {
|
|
11368
11535
|
return props.theme.colors.primary;
|
|
11369
11536
|
}, function (props) {
|
|
11370
11537
|
return props.theme.colors.ntrlMin;
|