@bonlineza/luxity-lib 2.12.0 → 2.13.1
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/AddInterest.js +116 -172
- package/BrandSelector.js +130 -186
- package/GraphQLDropdownSelector.js +130 -186
- package/GraphQLMultiSelector.js +16 -69
- package/Interests.js +128 -184
- package/LuxityGraphQLDropdownSelector.js +130 -186
- package/LuxityGraphQLMultiselector.js +21 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +130 -186
- package/ModelSelector.js +130 -186
- package/NotificationDropDown.js +9 -65
- package/README.md +4 -1
- package/StyleSelector.js +25 -78
- package/build/bundle.js +108 -164
- package/package.json +1 -1
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
-
(global = global || self, global.GraphQLDropdownSelector = factory(global.React, global.styled, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
-
}(this, (function (React, styled, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
+
(global = global || self, global.GraphQLDropdownSelector = factory(global.React, global.styled, global.EllipsisLoader, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
+
}(this, (function (React, styled, EllipsisLoader, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
9
10
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
10
11
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
11
12
|
numeral = numeral && Object.prototype.hasOwnProperty.call(numeral, 'default') ? numeral['default'] : numeral;
|
|
@@ -310,57 +311,6 @@
|
|
|
310
311
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
311
312
|
};
|
|
312
313
|
|
|
313
|
-
var LuxityArrowLeft = (function (props) {
|
|
314
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
315
|
-
version: "1.0",
|
|
316
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
317
|
-
width: props.width || '100%',
|
|
318
|
-
height: props.height || '100%',
|
|
319
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
320
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
321
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
322
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
323
|
-
fill: "#000000",
|
|
324
|
-
stroke: "none"
|
|
325
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
326
|
-
d: "M808 2628 c-139 -205 -377 -557 -530 -781 l-277 -409 48 -71 c363\n-539 905 -1335 915 -1345 9 -9 90 -12 362 -10 l351 3 -350 515 c-192 283 -409\n603 -482 711 l-134 197 386 568 c212 313 450 665 529 782 l145 212 -355 0\n-355 0 -253 -372z"
|
|
327
|
-
})));
|
|
328
|
-
});
|
|
329
|
-
|
|
330
|
-
var LuxityArrowRight = (function (props) {
|
|
331
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
332
|
-
version: "1.0",
|
|
333
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
334
|
-
width: props.width || '100%',
|
|
335
|
-
height: props.height || '100%',
|
|
336
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
337
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
338
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
339
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
340
|
-
fill: "#000000",
|
|
341
|
-
stroke: "none"
|
|
342
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
343
|
-
d: "M106 2973 c9 -16 226 -336 481 -711 255 -376 465 -687 466 -691 1 -4\n-233 -355 -520 -779 -288 -424 -523 -773 -523 -776 0 -3 159 -6 353 -5 l352 0\n525 776 c289 427 524 780 522 785 -1 5 -219 328 -484 719 l-481 709 -355 0\n-354 0 18 -27z"
|
|
344
|
-
})));
|
|
345
|
-
});
|
|
346
|
-
|
|
347
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
348
|
-
var LoaderContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
349
|
-
var LeftImageContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-left infinite 3s;\n background-color: white;\n\n @keyframes slide-left {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(50%);\n }\n 100% {\n transform: translateX(150%);\n }\n }\n"])));
|
|
350
|
-
var RightImageContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-right infinite 3s;\n\n @keyframes slide-right {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(-50%);\n opacity: 1;\n }\n 100% {\n transform: translateX(-150%);\n opacity: 0;\n }\n }\n"])));
|
|
351
|
-
|
|
352
|
-
function LuxityLoader(_ref) {
|
|
353
|
-
var width = _ref.width,
|
|
354
|
-
height = _ref.height;
|
|
355
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
356
|
-
width: width,
|
|
357
|
-
height: height
|
|
358
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
359
|
-
width: width,
|
|
360
|
-
height: height
|
|
361
|
-
})));
|
|
362
|
-
}
|
|
363
|
-
|
|
364
314
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
365
315
|
data: null
|
|
366
316
|
});
|
|
@@ -436,10 +386,7 @@
|
|
|
436
386
|
customErrorMessage: customErrorMessage,
|
|
437
387
|
customErrorHandler: customErrorHandler,
|
|
438
388
|
renderCustomLoader: function renderCustomLoader() {
|
|
439
|
-
return /*#__PURE__*/React__default.createElement(
|
|
440
|
-
height: "40px",
|
|
441
|
-
width: "95%"
|
|
442
|
-
});
|
|
389
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
443
390
|
},
|
|
444
391
|
errorMessageInterpreter: interpretErrorMessage
|
|
445
392
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -530,43 +477,43 @@
|
|
|
530
477
|
});
|
|
531
478
|
});
|
|
532
479
|
|
|
533
|
-
var _templateObject
|
|
534
|
-
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) {
|
|
535
482
|
return props.theme.colors.borderColor;
|
|
536
483
|
});
|
|
537
484
|
|
|
538
|
-
var _templateObject$
|
|
539
|
-
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"])));
|
|
540
487
|
|
|
541
|
-
var _templateObject$
|
|
542
|
-
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) {
|
|
543
490
|
return props.theme.fontSizes[2];
|
|
544
491
|
}, function (props) {
|
|
545
492
|
return props.theme.colors.primary || '';
|
|
546
493
|
});
|
|
547
494
|
|
|
548
|
-
var _templateObject$
|
|
549
|
-
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) {
|
|
550
497
|
return props.theme.marginPaddings[5];
|
|
551
498
|
});
|
|
552
499
|
|
|
553
|
-
var _templateObject$
|
|
554
|
-
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) {
|
|
555
502
|
return props.theme.marginPaddings[4];
|
|
556
503
|
}, function (props) {
|
|
557
504
|
return props.theme.colors.borderColor;
|
|
558
505
|
});
|
|
559
506
|
|
|
560
|
-
var _templateObject$
|
|
561
|
-
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) {
|
|
562
509
|
return props.theme.marginPaddings[6];
|
|
563
510
|
}, function (props) {
|
|
564
511
|
return props.theme.marginPaddings[6];
|
|
565
512
|
});
|
|
566
513
|
|
|
567
|
-
var _templateObject$
|
|
514
|
+
var _templateObject$6;
|
|
568
515
|
var inputMarginRight = '0.2em';
|
|
569
|
-
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) {
|
|
570
517
|
var _props$theme;
|
|
571
518
|
|
|
572
519
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -709,11 +656,11 @@
|
|
|
709
656
|
})));
|
|
710
657
|
});
|
|
711
658
|
|
|
712
|
-
var _templateObject$
|
|
713
|
-
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"])));
|
|
714
661
|
|
|
715
|
-
var _templateObject$
|
|
716
|
-
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) {
|
|
717
664
|
return props.theme.colors.borderColor;
|
|
718
665
|
}, function (props) {
|
|
719
666
|
return props.theme.colors.borderColor;
|
|
@@ -726,7 +673,7 @@
|
|
|
726
673
|
lg: '1200px'
|
|
727
674
|
};
|
|
728
675
|
|
|
729
|
-
var _templateObject$
|
|
676
|
+
var _templateObject$9, _templateObject2, _templateObject3, _templateObject4;
|
|
730
677
|
var MALE = genders.MALE,
|
|
731
678
|
FEMALE = genders.FEMALE,
|
|
732
679
|
UNISEX = genders.UNISEX;
|
|
@@ -878,9 +825,9 @@
|
|
|
878
825
|
return _createClass(InterestItem);
|
|
879
826
|
}(React__default.Component);
|
|
880
827
|
|
|
881
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
882
|
-
var InterestItemTitle = styled__default.div(_templateObject2
|
|
883
|
-
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);
|
|
884
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) {
|
|
885
832
|
return props.theme.colors.borderColor;
|
|
886
833
|
}, function (props) {
|
|
@@ -902,42 +849,42 @@
|
|
|
902
849
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
903
850
|
});
|
|
904
851
|
|
|
905
|
-
var _templateObject$
|
|
906
|
-
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"])));
|
|
907
854
|
|
|
908
|
-
var _templateObject$
|
|
909
|
-
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) {
|
|
910
857
|
var noWrap = _ref.noWrap;
|
|
911
858
|
return noWrap ? 'nowrap' : 'wrap';
|
|
912
859
|
});
|
|
913
860
|
|
|
914
|
-
var _templateObject$
|
|
915
|
-
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) {
|
|
916
863
|
return props.theme.colors.base;
|
|
917
864
|
});
|
|
918
865
|
|
|
919
|
-
var _templateObject$
|
|
920
|
-
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) {
|
|
921
868
|
return props.theme.marginPaddings[0];
|
|
922
869
|
}, function (props) {
|
|
923
870
|
return props.theme.marginPaddings[0];
|
|
924
871
|
});
|
|
925
872
|
|
|
926
|
-
var _templateObject$
|
|
927
|
-
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) {
|
|
928
875
|
return props.theme.colors.base;
|
|
929
876
|
});
|
|
930
877
|
|
|
931
|
-
var _templateObject$
|
|
932
|
-
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"])));
|
|
933
880
|
|
|
934
|
-
var _templateObject$
|
|
935
|
-
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) {
|
|
936
883
|
return props.theme.colors.base;
|
|
937
884
|
});
|
|
938
885
|
|
|
939
|
-
var _templateObject$
|
|
940
|
-
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"])));
|
|
941
888
|
|
|
942
889
|
/**
|
|
943
890
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -994,13 +941,13 @@
|
|
|
994
941
|
};
|
|
995
942
|
var RadioButtons$1 = themed(RadioButtons);
|
|
996
943
|
|
|
997
|
-
var _templateObject$
|
|
944
|
+
var _templateObject$i, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
998
945
|
/* position relative is required for the Body element to be positioned correctly */
|
|
999
946
|
|
|
1000
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
1001
|
-
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"])));
|
|
1002
949
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
1003
|
-
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);
|
|
1004
951
|
};
|
|
1005
952
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
1006
953
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -1009,7 +956,7 @@
|
|
|
1009
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);
|
|
1010
957
|
};
|
|
1011
958
|
|
|
1012
|
-
var _templateObject$
|
|
959
|
+
var _templateObject$j;
|
|
1013
960
|
|
|
1014
961
|
var getBodyStyle = function getBodyStyle() {
|
|
1015
962
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1044,7 +991,7 @@
|
|
|
1044
991
|
}
|
|
1045
992
|
};
|
|
1046
993
|
|
|
1047
|
-
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) {
|
|
1048
995
|
return props.bodyWidth;
|
|
1049
996
|
}, function (props) {
|
|
1050
997
|
return props.theme.colors.base || 'black';
|
|
@@ -1054,17 +1001,17 @@
|
|
|
1054
1001
|
return getAfterStyling(props);
|
|
1055
1002
|
});
|
|
1056
1003
|
|
|
1057
|
-
var _templateObject$
|
|
1058
|
-
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);
|
|
1059
1006
|
|
|
1060
|
-
var _templateObject$
|
|
1061
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
1062
|
-
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"])));
|
|
1063
1010
|
|
|
1064
1011
|
var _excluded = ["children"];
|
|
1065
1012
|
|
|
1066
|
-
var _templateObject$
|
|
1067
|
-
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) {
|
|
1068
1015
|
return props.theme.colors.primary;
|
|
1069
1016
|
}, function (props) {
|
|
1070
1017
|
return props.theme.colors.ntrlMin;
|
|
@@ -1085,8 +1032,8 @@
|
|
|
1085
1032
|
|
|
1086
1033
|
var _excluded$1 = ["children"];
|
|
1087
1034
|
|
|
1088
|
-
var _templateObject$
|
|
1089
|
-
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) {
|
|
1090
1037
|
return props.theme.colors.ntrlMin;
|
|
1091
1038
|
}, function (props) {
|
|
1092
1039
|
return props.theme.colors.primary;
|
|
@@ -1111,8 +1058,8 @@
|
|
|
1111
1058
|
|
|
1112
1059
|
var _excluded$2 = ["children"];
|
|
1113
1060
|
|
|
1114
|
-
var _templateObject$
|
|
1115
|
-
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) {
|
|
1116
1063
|
return props.theme.colors.base;
|
|
1117
1064
|
}, function (props) {
|
|
1118
1065
|
return props.theme.colors.primary;
|
|
@@ -1134,8 +1081,8 @@
|
|
|
1134
1081
|
|
|
1135
1082
|
var _excluded$3 = ["children"];
|
|
1136
1083
|
|
|
1137
|
-
var _templateObject$
|
|
1138
|
-
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) {
|
|
1139
1086
|
return props.theme.colors.ntrlMin;
|
|
1140
1087
|
}, function (props) {
|
|
1141
1088
|
return props.theme.colors.primary;
|
|
@@ -1160,8 +1107,8 @@
|
|
|
1160
1107
|
|
|
1161
1108
|
var _excluded$4 = ["children"];
|
|
1162
1109
|
|
|
1163
|
-
var _templateObject$
|
|
1164
|
-
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);
|
|
1165
1112
|
|
|
1166
1113
|
var WrapperButton = function WrapperButton(_ref) {
|
|
1167
1114
|
var children = _ref.children,
|
|
@@ -8363,8 +8310,8 @@
|
|
|
8363
8310
|
}
|
|
8364
8311
|
};
|
|
8365
8312
|
|
|
8366
|
-
var _templateObject$
|
|
8367
|
-
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) {
|
|
8368
8315
|
return props.theme.marginPaddings[4];
|
|
8369
8316
|
}, function (props) {
|
|
8370
8317
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -8395,8 +8342,8 @@
|
|
|
8395
8342
|
isChecked: false
|
|
8396
8343
|
};
|
|
8397
8344
|
|
|
8398
|
-
var _templateObject$
|
|
8399
|
-
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) {
|
|
8400
8347
|
return props.theme.marginPaddings[2];
|
|
8401
8348
|
}, media.sm);
|
|
8402
8349
|
|
|
@@ -8528,14 +8475,14 @@
|
|
|
8528
8475
|
}));
|
|
8529
8476
|
});
|
|
8530
8477
|
|
|
8531
|
-
var _templateObject$
|
|
8532
|
-
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) {
|
|
8533
8480
|
return props.theme.colors.primary;
|
|
8534
8481
|
}, function (props) {
|
|
8535
8482
|
return props.theme.marginPaddings[0];
|
|
8536
8483
|
});
|
|
8537
8484
|
|
|
8538
|
-
var _templateObject$
|
|
8485
|
+
var _templateObject$u, _templateObject2$3;
|
|
8539
8486
|
var categories = catArray;
|
|
8540
8487
|
|
|
8541
8488
|
var getSvg = function getSvg() {
|
|
@@ -8562,10 +8509,10 @@
|
|
|
8562
8509
|
}
|
|
8563
8510
|
};
|
|
8564
8511
|
|
|
8565
|
-
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) {
|
|
8566
8513
|
return props.theme.marginPaddings[5];
|
|
8567
8514
|
});
|
|
8568
|
-
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"])));
|
|
8569
8516
|
/**
|
|
8570
8517
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
8571
8518
|
*/
|
|
@@ -9358,12 +9305,12 @@
|
|
|
9358
9305
|
/* ::<number | string, string, string> */
|
|
9359
9306
|
(transparentize);
|
|
9360
9307
|
|
|
9361
|
-
var _templateObject$
|
|
9362
|
-
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"])));
|
|
9363
9310
|
|
|
9364
|
-
var _templateObject$
|
|
9311
|
+
var _templateObject$w, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9365
9312
|
var handleDimension = '14px';
|
|
9366
|
-
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) {
|
|
9367
9314
|
return props.theme.colors.primary;
|
|
9368
9315
|
}, function (props) {
|
|
9369
9316
|
return props.theme.colors.primary;
|
|
@@ -9382,22 +9329,22 @@
|
|
|
9382
9329
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9383
9330
|
var showMarks = _ref.showMarks,
|
|
9384
9331
|
primary = _ref.theme.colors.primary;
|
|
9385
|
-
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 "])));
|
|
9386
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);
|
|
9387
9334
|
};
|
|
9388
9335
|
|
|
9389
|
-
var _templateObject$
|
|
9390
|
-
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"])));
|
|
9391
9338
|
|
|
9392
|
-
var _templateObject$
|
|
9393
|
-
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"])));
|
|
9394
9341
|
|
|
9395
9342
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9396
9343
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9397
9344
|
|
|
9398
|
-
var _templateObject$
|
|
9345
|
+
var _templateObject$z;
|
|
9399
9346
|
var debounceBuilder = functions.debounced(100);
|
|
9400
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9347
|
+
var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9401
9348
|
return props.theme.marginPaddings[3];
|
|
9402
9349
|
});
|
|
9403
9350
|
|
|
@@ -9556,11 +9503,11 @@
|
|
|
9556
9503
|
};
|
|
9557
9504
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9558
9505
|
|
|
9559
|
-
var _templateObject$
|
|
9560
|
-
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) {
|
|
9561
9508
|
return props.theme.fontSizes[2];
|
|
9562
9509
|
});
|
|
9563
|
-
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) {
|
|
9564
9511
|
return props.theme.marginPaddings[1];
|
|
9565
9512
|
}, function (props) {
|
|
9566
9513
|
return props.theme.colors.primary;
|
|
@@ -9579,8 +9526,8 @@
|
|
|
9579
9526
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9580
9527
|
};
|
|
9581
9528
|
|
|
9582
|
-
var _templateObject$
|
|
9583
|
-
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) {
|
|
9584
9531
|
return props.theme.colors.primary;
|
|
9585
9532
|
});
|
|
9586
9533
|
|
|
@@ -9822,8 +9769,8 @@
|
|
|
9822
9769
|
showMessageOnError: true
|
|
9823
9770
|
};
|
|
9824
9771
|
|
|
9825
|
-
var _templateObject$
|
|
9826
|
-
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) {
|
|
9827
9774
|
return props.theme.marginPaddings[1];
|
|
9828
9775
|
});
|
|
9829
9776
|
|
|
@@ -9869,8 +9816,8 @@
|
|
|
9869
9816
|
}));
|
|
9870
9817
|
});
|
|
9871
9818
|
|
|
9872
|
-
var _templateObject$
|
|
9873
|
-
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) {
|
|
9874
9821
|
return props.theme.colors.ntrlMin;
|
|
9875
9822
|
}, function (props) {
|
|
9876
9823
|
return props.theme.colors.base;
|
|
@@ -9979,10 +9926,7 @@
|
|
|
9979
9926
|
}
|
|
9980
9927
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
9981
9928
|
className: "notification-dropdown-label"
|
|
9982
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
9983
|
-
height: "20px",
|
|
9984
|
-
width: "95%"
|
|
9985
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9929
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9986
9930
|
isMulti: false,
|
|
9987
9931
|
isSearchable: false,
|
|
9988
9932
|
components: {
|
|
@@ -10146,15 +10090,15 @@
|
|
|
10146
10090
|
}
|
|
10147
10091
|
};
|
|
10148
10092
|
|
|
10149
|
-
var _templateObject$
|
|
10093
|
+
var _templateObject$E, _templateObject2$6;
|
|
10150
10094
|
var ALL_ITEM = {
|
|
10151
10095
|
id: 'ALL',
|
|
10152
10096
|
name: 'ALL'
|
|
10153
10097
|
};
|
|
10154
10098
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10155
10099
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10156
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10157
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
10100
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10101
|
+
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10158
10102
|
return props.theme.marginPaddings[2];
|
|
10159
10103
|
}, function (props) {
|
|
10160
10104
|
return props.theme.colors.ntrlMin;
|
|
@@ -10391,7 +10335,7 @@
|
|
|
10391
10335
|
}));
|
|
10392
10336
|
});
|
|
10393
10337
|
|
|
10394
|
-
var _templateObject$
|
|
10338
|
+
var _templateObject$F;
|
|
10395
10339
|
|
|
10396
10340
|
var Title$3 = function Title(_ref) {
|
|
10397
10341
|
var baseClass = _ref.baseClass,
|
|
@@ -10412,7 +10356,7 @@
|
|
|
10412
10356
|
})));
|
|
10413
10357
|
};
|
|
10414
10358
|
|
|
10415
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10359
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10416
10360
|
return props.theme.marginPaddings[2];
|
|
10417
10361
|
}, function (props) {
|
|
10418
10362
|
return props.theme.fontSizes[2];
|
|
@@ -10552,8 +10496,8 @@
|
|
|
10552
10496
|
baseQueryLimit: 12
|
|
10553
10497
|
};
|
|
10554
10498
|
|
|
10555
|
-
var _templateObject$
|
|
10556
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10499
|
+
var _templateObject$G;
|
|
10500
|
+
var BaseButton = styled__default.button(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10557
10501
|
return props.theme.colors.base;
|
|
10558
10502
|
}, function (props) {
|
|
10559
10503
|
return props.theme.colors.borderColor;
|
|
@@ -10622,12 +10566,12 @@
|
|
|
10622
10566
|
}
|
|
10623
10567
|
};
|
|
10624
10568
|
|
|
10625
|
-
var _templateObject$
|
|
10626
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10569
|
+
var _templateObject$H, _templateObject2$7;
|
|
10570
|
+
var TitleWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10627
10571
|
return props.theme.marginPaddings[4];
|
|
10628
10572
|
});
|
|
10629
10573
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10630
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10574
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10631
10575
|
return props.childVisible ? 1 : 0;
|
|
10632
10576
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10633
10577
|
return props.childVisible ? 1 : 0;
|
|
@@ -10761,8 +10705,8 @@
|
|
|
10761
10705
|
}
|
|
10762
10706
|
};
|
|
10763
10707
|
|
|
10764
|
-
var _templateObject$
|
|
10765
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10708
|
+
var _templateObject$I;
|
|
10709
|
+
var SelectionWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
10766
10710
|
return props.theme.marginPaddings[2];
|
|
10767
10711
|
}, function (props) {
|
|
10768
10712
|
return props.theme.marginPaddings[2];
|
|
@@ -10778,14 +10722,14 @@
|
|
|
10778
10722
|
|
|
10779
10723
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10780
10724
|
|
|
10781
|
-
var _templateObject$
|
|
10782
|
-
var Content = styled__default.div(_templateObject$
|
|
10725
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10726
|
+
var Content = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
10783
10727
|
return props.theme.colors.primary;
|
|
10784
10728
|
}, function (props) {
|
|
10785
10729
|
return props.theme.marginPaddings[0];
|
|
10786
10730
|
});
|
|
10787
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10788
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10731
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10732
|
+
var StyledLabel = styled__default.label(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
10789
10733
|
return props.theme.colors.primary;
|
|
10790
10734
|
}, Content, function (props) {
|
|
10791
10735
|
return props.theme.colors.primary;
|
|
@@ -11014,23 +10958,23 @@
|
|
|
11014
10958
|
}
|
|
11015
10959
|
};
|
|
11016
10960
|
|
|
11017
|
-
var _templateObject$
|
|
10961
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
11018
10962
|
var UNISEX$1 = genders.UNISEX;
|
|
11019
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10963
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11020
10964
|
return props.theme.marginPaddings[6];
|
|
11021
10965
|
}, function (props) {
|
|
11022
10966
|
return props.theme.colors.borderColor;
|
|
11023
10967
|
}, function (props) {
|
|
11024
10968
|
return props.theme.marginPaddings[6];
|
|
11025
10969
|
});
|
|
11026
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10970
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
11027
10971
|
return props.theme.marginPaddings[6];
|
|
11028
10972
|
}, media.xs, function (props) {
|
|
11029
10973
|
return props.theme.marginPaddings[0];
|
|
11030
10974
|
}, function (props) {
|
|
11031
10975
|
return props.theme.marginPaddings[1];
|
|
11032
10976
|
});
|
|
11033
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10977
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11034
10978
|
return props.theme.colors.darkerGray;
|
|
11035
10979
|
}, function (props) {
|
|
11036
10980
|
return props.theme.marginPaddings[2];
|
|
@@ -11341,8 +11285,8 @@
|
|
|
11341
11285
|
|
|
11342
11286
|
var AddInterest$1 = themed(AddInterest);
|
|
11343
11287
|
|
|
11344
|
-
var _templateObject$
|
|
11345
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11288
|
+
var _templateObject$L;
|
|
11289
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11346
11290
|
return props.theme.marginPaddings[0];
|
|
11347
11291
|
}, function (props) {
|
|
11348
11292
|
return props.theme.colors.primary;
|
|
@@ -11376,8 +11320,8 @@
|
|
|
11376
11320
|
|
|
11377
11321
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11378
11322
|
|
|
11379
|
-
var _templateObject$
|
|
11380
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11323
|
+
var _templateObject$M;
|
|
11324
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11381
11325
|
return props.theme.colors.primary;
|
|
11382
11326
|
});
|
|
11383
11327
|
var AccountIcon = themed(function () {
|
|
@@ -11523,18 +11467,18 @@
|
|
|
11523
11467
|
}(React__default.Component);
|
|
11524
11468
|
|
|
11525
11469
|
Interests.defaultProps = {
|
|
11526
|
-
interestsTitle: '
|
|
11470
|
+
interestsTitle: 'Interests',
|
|
11527
11471
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11528
11472
|
};
|
|
11529
11473
|
|
|
11530
|
-
var _templateObject$
|
|
11531
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11474
|
+
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11475
|
+
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11532
11476
|
return props.theme.rareStepColors.ntrlMin;
|
|
11533
11477
|
});
|
|
11534
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
11478
|
+
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11535
11479
|
return props.theme.rareStepPageSizes.container;
|
|
11536
11480
|
});
|
|
11537
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
11481
|
+
var HeaderContainer = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
11538
11482
|
return props.theme.marginPaddings[3];
|
|
11539
11483
|
}, function (props) {
|
|
11540
11484
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11653,8 +11597,8 @@
|
|
|
11653
11597
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11654
11598
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11655
11599
|
|
|
11656
|
-
var _templateObject$
|
|
11657
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11600
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11601
|
+
var FooterWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11658
11602
|
return props.theme.rareStepColors.ntrlMax;
|
|
11659
11603
|
}, function (props) {
|
|
11660
11604
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11663,10 +11607,10 @@
|
|
|
11663
11607
|
}, function (props) {
|
|
11664
11608
|
return props.theme.rareStepFontSize.h5;
|
|
11665
11609
|
});
|
|
11666
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11610
|
+
var PageContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11667
11611
|
return props.theme.rareStepPageSizes.container;
|
|
11668
11612
|
});
|
|
11669
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11613
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11670
11614
|
return props.theme.marginPaddings[4];
|
|
11671
11615
|
});
|
|
11672
11616
|
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
@@ -11716,12 +11660,12 @@
|
|
|
11716
11660
|
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11717
11661
|
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11718
11662
|
|
|
11719
|
-
var _templateObject$
|
|
11663
|
+
var _templateObject$P;
|
|
11720
11664
|
var ALL_ITEM$1 = {
|
|
11721
11665
|
label: 'ALL',
|
|
11722
11666
|
value: 'ALL'
|
|
11723
11667
|
};
|
|
11724
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11668
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
11725
11669
|
return props.theme.colors.primary;
|
|
11726
11670
|
}, function (props) {
|
|
11727
11671
|
return props.theme.colors.ntrlMin;
|