@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/BrandSelector.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.BrandSelector = 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.BrandSelector = 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: {
|
|
@@ -9977,15 +9955,15 @@
|
|
|
9977
9955
|
|
|
9978
9956
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
9979
9957
|
|
|
9980
|
-
var _templateObject$
|
|
9958
|
+
var _templateObject$E, _templateObject2$6;
|
|
9981
9959
|
var ALL_ITEM = {
|
|
9982
9960
|
id: 'ALL',
|
|
9983
9961
|
name: 'ALL'
|
|
9984
9962
|
};
|
|
9985
9963
|
var multiSelectorItemMaxHeight = '3rem';
|
|
9986
9964
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
9987
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
9988
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
9965
|
+
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);
|
|
9966
|
+
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) {
|
|
9989
9967
|
return props.theme.marginPaddings[2];
|
|
9990
9968
|
}, function (props) {
|
|
9991
9969
|
return props.theme.colors.ntrlMin;
|
|
@@ -10222,7 +10200,7 @@
|
|
|
10222
10200
|
}));
|
|
10223
10201
|
});
|
|
10224
10202
|
|
|
10225
|
-
var _templateObject$
|
|
10203
|
+
var _templateObject$F;
|
|
10226
10204
|
|
|
10227
10205
|
var Title$3 = function Title(_ref) {
|
|
10228
10206
|
var baseClass = _ref.baseClass,
|
|
@@ -10243,7 +10221,7 @@
|
|
|
10243
10221
|
})));
|
|
10244
10222
|
};
|
|
10245
10223
|
|
|
10246
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10224
|
+
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) {
|
|
10247
10225
|
return props.theme.marginPaddings[2];
|
|
10248
10226
|
}, function (props) {
|
|
10249
10227
|
return props.theme.fontSizes[2];
|
|
@@ -10383,8 +10361,8 @@
|
|
|
10383
10361
|
baseQueryLimit: 12
|
|
10384
10362
|
};
|
|
10385
10363
|
|
|
10386
|
-
var _templateObject$
|
|
10387
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10364
|
+
var _templateObject$G;
|
|
10365
|
+
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) {
|
|
10388
10366
|
return props.theme.colors.base;
|
|
10389
10367
|
}, function (props) {
|
|
10390
10368
|
return props.theme.colors.borderColor;
|
|
@@ -10453,12 +10431,12 @@
|
|
|
10453
10431
|
}
|
|
10454
10432
|
};
|
|
10455
10433
|
|
|
10456
|
-
var _templateObject$
|
|
10457
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10434
|
+
var _templateObject$H, _templateObject2$7;
|
|
10435
|
+
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) {
|
|
10458
10436
|
return props.theme.marginPaddings[4];
|
|
10459
10437
|
});
|
|
10460
10438
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10461
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10439
|
+
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) {
|
|
10462
10440
|
return props.childVisible ? 1 : 0;
|
|
10463
10441
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10464
10442
|
return props.childVisible ? 1 : 0;
|
|
@@ -10592,8 +10570,8 @@
|
|
|
10592
10570
|
}
|
|
10593
10571
|
};
|
|
10594
10572
|
|
|
10595
|
-
var _templateObject$
|
|
10596
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10573
|
+
var _templateObject$I;
|
|
10574
|
+
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) {
|
|
10597
10575
|
return props.theme.marginPaddings[2];
|
|
10598
10576
|
}, function (props) {
|
|
10599
10577
|
return props.theme.marginPaddings[2];
|
|
@@ -10609,14 +10587,14 @@
|
|
|
10609
10587
|
|
|
10610
10588
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10611
10589
|
|
|
10612
|
-
var _templateObject$
|
|
10613
|
-
var Content = styled__default.div(_templateObject$
|
|
10590
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10591
|
+
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) {
|
|
10614
10592
|
return props.theme.colors.primary;
|
|
10615
10593
|
}, function (props) {
|
|
10616
10594
|
return props.theme.marginPaddings[0];
|
|
10617
10595
|
});
|
|
10618
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10619
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10596
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10597
|
+
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) {
|
|
10620
10598
|
return props.theme.colors.primary;
|
|
10621
10599
|
}, Content, function (props) {
|
|
10622
10600
|
return props.theme.colors.primary;
|
|
@@ -10845,23 +10823,23 @@
|
|
|
10845
10823
|
}
|
|
10846
10824
|
};
|
|
10847
10825
|
|
|
10848
|
-
var _templateObject$
|
|
10826
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10849
10827
|
var UNISEX$1 = genders.UNISEX;
|
|
10850
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10828
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10851
10829
|
return props.theme.marginPaddings[6];
|
|
10852
10830
|
}, function (props) {
|
|
10853
10831
|
return props.theme.colors.borderColor;
|
|
10854
10832
|
}, function (props) {
|
|
10855
10833
|
return props.theme.marginPaddings[6];
|
|
10856
10834
|
});
|
|
10857
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10835
|
+
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) {
|
|
10858
10836
|
return props.theme.marginPaddings[6];
|
|
10859
10837
|
}, media.xs, function (props) {
|
|
10860
10838
|
return props.theme.marginPaddings[0];
|
|
10861
10839
|
}, function (props) {
|
|
10862
10840
|
return props.theme.marginPaddings[1];
|
|
10863
10841
|
});
|
|
10864
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10842
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
10865
10843
|
return props.theme.colors.darkerGray;
|
|
10866
10844
|
}, function (props) {
|
|
10867
10845
|
return props.theme.marginPaddings[2];
|
|
@@ -11172,8 +11150,8 @@
|
|
|
11172
11150
|
|
|
11173
11151
|
var AddInterest$1 = themed(AddInterest);
|
|
11174
11152
|
|
|
11175
|
-
var _templateObject$
|
|
11176
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11153
|
+
var _templateObject$L;
|
|
11154
|
+
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) {
|
|
11177
11155
|
return props.theme.marginPaddings[0];
|
|
11178
11156
|
}, function (props) {
|
|
11179
11157
|
return props.theme.colors.primary;
|
|
@@ -11207,8 +11185,8 @@
|
|
|
11207
11185
|
|
|
11208
11186
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11209
11187
|
|
|
11210
|
-
var _templateObject$
|
|
11211
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11188
|
+
var _templateObject$M;
|
|
11189
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11212
11190
|
return props.theme.colors.primary;
|
|
11213
11191
|
});
|
|
11214
11192
|
var AccountIcon = themed(function () {
|
|
@@ -11358,12 +11336,201 @@
|
|
|
11358
11336
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11359
11337
|
};
|
|
11360
11338
|
|
|
11361
|
-
var _templateObject$
|
|
11339
|
+
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;
|
|
11340
|
+
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) {
|
|
11341
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11342
|
+
});
|
|
11343
|
+
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) {
|
|
11344
|
+
return props.theme.rareStepPageSizes.container;
|
|
11345
|
+
});
|
|
11346
|
+
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) {
|
|
11347
|
+
return props.theme.marginPaddings[3];
|
|
11348
|
+
}, function (props) {
|
|
11349
|
+
return props.theme.rareStepPageSizes.container;
|
|
11350
|
+
});
|
|
11351
|
+
var LogoFigure = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
11352
|
+
var LogoImage = styled__default.img(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
11353
|
+
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"])));
|
|
11354
|
+
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) {
|
|
11355
|
+
return props.theme.rareStepColors.secondary;
|
|
11356
|
+
}, function (props) {
|
|
11357
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11358
|
+
}, function (props) {
|
|
11359
|
+
return props.theme.rareStepFontSize.h5;
|
|
11360
|
+
}, function (props) {
|
|
11361
|
+
return props.theme.rareStepColors.secondary;
|
|
11362
|
+
});
|
|
11363
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
11364
|
+
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) {
|
|
11365
|
+
return props.theme.marginPaddings[3];
|
|
11366
|
+
});
|
|
11367
|
+
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) {
|
|
11368
|
+
return props.theme.rareStepColors.primary;
|
|
11369
|
+
}, function (props) {
|
|
11370
|
+
return props.theme.marginPaddings[1];
|
|
11371
|
+
});
|
|
11372
|
+
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) {
|
|
11373
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11374
|
+
}, function (props) {
|
|
11375
|
+
return props.theme.rareStepFontSize.h5;
|
|
11376
|
+
}, function (props) {
|
|
11377
|
+
return props.theme.marginPaddings[5];
|
|
11378
|
+
}, function (props) {
|
|
11379
|
+
return props.theme.marginPaddings[1];
|
|
11380
|
+
}, function (props) {
|
|
11381
|
+
return props.theme.rareStepColors.primary;
|
|
11382
|
+
}, function (props) {
|
|
11383
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11384
|
+
}, function (props) {
|
|
11385
|
+
return props.theme.rareStepColors.secondary;
|
|
11386
|
+
});
|
|
11387
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11388
|
+
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) {
|
|
11389
|
+
return props.theme.rareStepColors.primary;
|
|
11390
|
+
}, function (props) {
|
|
11391
|
+
return props.theme.marginPaddings[4];
|
|
11392
|
+
}, function (props) {
|
|
11393
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11394
|
+
}, function (props) {
|
|
11395
|
+
return props.theme.rareStepFontSize.h5;
|
|
11396
|
+
});
|
|
11397
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
11398
|
+
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) {
|
|
11399
|
+
return props.theme.marginPaddings[3];
|
|
11400
|
+
}, function (props) {
|
|
11401
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11402
|
+
}, function (props) {
|
|
11403
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11404
|
+
});
|
|
11405
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
11406
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
11407
|
+
return props.theme.marginPaddings[5];
|
|
11408
|
+
});
|
|
11409
|
+
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"])));
|
|
11410
|
+
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) {
|
|
11411
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11412
|
+
}, function (props) {
|
|
11413
|
+
return props.theme.marginPaddings[0];
|
|
11414
|
+
}, function (props) {
|
|
11415
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11416
|
+
});
|
|
11417
|
+
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) {
|
|
11418
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11419
|
+
});
|
|
11420
|
+
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) {
|
|
11421
|
+
return props.theme.rareStepColors.secondary;
|
|
11422
|
+
}, function (props) {
|
|
11423
|
+
return props.theme.rareStepColors.secondary;
|
|
11424
|
+
});
|
|
11425
|
+
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) {
|
|
11426
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11427
|
+
}, function (props) {
|
|
11428
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11429
|
+
}, function (props) {
|
|
11430
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11431
|
+
});
|
|
11432
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
11433
|
+
return props.theme.marginPaddings[0];
|
|
11434
|
+
});
|
|
11435
|
+
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) {
|
|
11436
|
+
return props.theme.rareStepColors.secondary;
|
|
11437
|
+
}, function (props) {
|
|
11438
|
+
return props.theme.rareStepColors.secondary;
|
|
11439
|
+
});
|
|
11440
|
+
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) {
|
|
11441
|
+
return props.theme.marginPaddings[1];
|
|
11442
|
+
}, function (props) {
|
|
11443
|
+
return props.theme.marginPaddings[3];
|
|
11444
|
+
}, function (props) {
|
|
11445
|
+
return props.theme.rareStepColors.primary;
|
|
11446
|
+
}, function (props) {
|
|
11447
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11448
|
+
});
|
|
11449
|
+
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) {
|
|
11450
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11451
|
+
}, function (props) {
|
|
11452
|
+
return props.theme.marginPaddings[0];
|
|
11453
|
+
}, function (props) {
|
|
11454
|
+
return props.theme.rareStepColors.primary;
|
|
11455
|
+
}, function (props) {
|
|
11456
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11457
|
+
}, function (props) {
|
|
11458
|
+
return props.theme.marginPaddings[3];
|
|
11459
|
+
}, function (props) {
|
|
11460
|
+
return props.theme.rareStepColors.ntrl40;
|
|
11461
|
+
});
|
|
11462
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11463
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11464
|
+
|
|
11465
|
+
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;
|
|
11466
|
+
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) {
|
|
11467
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
11468
|
+
}, function (props) {
|
|
11469
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11470
|
+
}, function (props) {
|
|
11471
|
+
return props.theme.marginPaddings[4];
|
|
11472
|
+
}, function (props) {
|
|
11473
|
+
return props.theme.rareStepFontSize.h5;
|
|
11474
|
+
});
|
|
11475
|
+
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) {
|
|
11476
|
+
return props.theme.rareStepPageSizes.container;
|
|
11477
|
+
});
|
|
11478
|
+
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) {
|
|
11479
|
+
return props.theme.marginPaddings[4];
|
|
11480
|
+
});
|
|
11481
|
+
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) {
|
|
11482
|
+
return props.theme.marginPaddings[4];
|
|
11483
|
+
});
|
|
11484
|
+
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) {
|
|
11485
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11486
|
+
}, function (props) {
|
|
11487
|
+
return props.theme.marginPaddings[1];
|
|
11488
|
+
}, function (props) {
|
|
11489
|
+
return props.theme.rareStepFontWeights.bold;
|
|
11490
|
+
}, function (props) {
|
|
11491
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
11492
|
+
}, function (props) {
|
|
11493
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11494
|
+
});
|
|
11495
|
+
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) {
|
|
11496
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11497
|
+
}, function (props) {
|
|
11498
|
+
return props.theme.space[2];
|
|
11499
|
+
}, function (props) {
|
|
11500
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11501
|
+
}, function (props) {
|
|
11502
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11503
|
+
});
|
|
11504
|
+
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"])));
|
|
11505
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11506
|
+
return props.theme.marginPaddings[4];
|
|
11507
|
+
});
|
|
11508
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
11509
|
+
return props.theme.marginPaddings[5];
|
|
11510
|
+
});
|
|
11511
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
11512
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
11513
|
+
return props.theme.marginPaddings[0];
|
|
11514
|
+
});
|
|
11515
|
+
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) {
|
|
11516
|
+
return props.theme.marginPaddings[1];
|
|
11517
|
+
}, function (props) {
|
|
11518
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11519
|
+
});
|
|
11520
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
11521
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
11522
|
+
}, function (props) {
|
|
11523
|
+
return props.theme.rareStepFontWeights.normal;
|
|
11524
|
+
});
|
|
11525
|
+
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"])));
|
|
11526
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11527
|
+
|
|
11528
|
+
var _templateObject$P;
|
|
11362
11529
|
var ALL_ITEM$1 = {
|
|
11363
11530
|
label: 'ALL',
|
|
11364
11531
|
value: 'ALL'
|
|
11365
11532
|
};
|
|
11366
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11533
|
+
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) {
|
|
11367
11534
|
return props.theme.colors.primary;
|
|
11368
11535
|
}, function (props) {
|
|
11369
11536
|
return props.theme.colors.ntrlMin;
|