@bonlineza/luxity-lib 2.12.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/AddInterest.js +115 -171
- package/BrandSelector.js +129 -185
- package/GraphQLDropdownSelector.js +129 -185
- package/GraphQLMultiSelector.js +16 -69
- package/Interests.js +127 -183
- package/LuxityGraphQLDropdownSelector.js +129 -185
- package/LuxityGraphQLMultiselector.js +21 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +129 -185
- package/ModelSelector.js +129 -185
- package/NotificationDropDown.js +9 -65
- package/README.md +4 -1
- package/StyleSelector.js +25 -78
- package/build/bundle.js +107 -163
- package/package.json +1 -1
package/ModelSelector.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.ModelSelector = 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.ModelSelector = 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: {
|
|
@@ -10047,15 +9991,15 @@
|
|
|
10047
9991
|
}
|
|
10048
9992
|
};
|
|
10049
9993
|
|
|
10050
|
-
var _templateObject$
|
|
9994
|
+
var _templateObject$E, _templateObject2$6;
|
|
10051
9995
|
var ALL_ITEM = {
|
|
10052
9996
|
id: 'ALL',
|
|
10053
9997
|
name: 'ALL'
|
|
10054
9998
|
};
|
|
10055
9999
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10056
10000
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10057
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10058
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
10001
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
10002
|
+
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10059
10003
|
return props.theme.marginPaddings[2];
|
|
10060
10004
|
}, function (props) {
|
|
10061
10005
|
return props.theme.colors.ntrlMin;
|
|
@@ -10292,7 +10236,7 @@
|
|
|
10292
10236
|
}));
|
|
10293
10237
|
});
|
|
10294
10238
|
|
|
10295
|
-
var _templateObject$
|
|
10239
|
+
var _templateObject$F;
|
|
10296
10240
|
|
|
10297
10241
|
var Title$3 = function Title(_ref) {
|
|
10298
10242
|
var baseClass = _ref.baseClass,
|
|
@@ -10313,7 +10257,7 @@
|
|
|
10313
10257
|
})));
|
|
10314
10258
|
};
|
|
10315
10259
|
|
|
10316
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10260
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10317
10261
|
return props.theme.marginPaddings[2];
|
|
10318
10262
|
}, function (props) {
|
|
10319
10263
|
return props.theme.fontSizes[2];
|
|
@@ -10453,8 +10397,8 @@
|
|
|
10453
10397
|
baseQueryLimit: 12
|
|
10454
10398
|
};
|
|
10455
10399
|
|
|
10456
|
-
var _templateObject$
|
|
10457
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10400
|
+
var _templateObject$G;
|
|
10401
|
+
var BaseButton = styled__default.button(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10458
10402
|
return props.theme.colors.base;
|
|
10459
10403
|
}, function (props) {
|
|
10460
10404
|
return props.theme.colors.borderColor;
|
|
@@ -10523,12 +10467,12 @@
|
|
|
10523
10467
|
}
|
|
10524
10468
|
};
|
|
10525
10469
|
|
|
10526
|
-
var _templateObject$
|
|
10527
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10470
|
+
var _templateObject$H, _templateObject2$7;
|
|
10471
|
+
var TitleWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10528
10472
|
return props.theme.marginPaddings[4];
|
|
10529
10473
|
});
|
|
10530
10474
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10531
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10475
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10532
10476
|
return props.childVisible ? 1 : 0;
|
|
10533
10477
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10534
10478
|
return props.childVisible ? 1 : 0;
|
|
@@ -10662,8 +10606,8 @@
|
|
|
10662
10606
|
}
|
|
10663
10607
|
};
|
|
10664
10608
|
|
|
10665
|
-
var _templateObject$
|
|
10666
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10609
|
+
var _templateObject$I;
|
|
10610
|
+
var SelectionWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
10667
10611
|
return props.theme.marginPaddings[2];
|
|
10668
10612
|
}, function (props) {
|
|
10669
10613
|
return props.theme.marginPaddings[2];
|
|
@@ -10679,14 +10623,14 @@
|
|
|
10679
10623
|
|
|
10680
10624
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10681
10625
|
|
|
10682
|
-
var _templateObject$
|
|
10683
|
-
var Content = styled__default.div(_templateObject$
|
|
10626
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10627
|
+
var Content = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
10684
10628
|
return props.theme.colors.primary;
|
|
10685
10629
|
}, function (props) {
|
|
10686
10630
|
return props.theme.marginPaddings[0];
|
|
10687
10631
|
});
|
|
10688
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10689
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10632
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10633
|
+
var StyledLabel = styled__default.label(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
10690
10634
|
return props.theme.colors.primary;
|
|
10691
10635
|
}, Content, function (props) {
|
|
10692
10636
|
return props.theme.colors.primary;
|
|
@@ -10880,23 +10824,23 @@
|
|
|
10880
10824
|
}
|
|
10881
10825
|
};
|
|
10882
10826
|
|
|
10883
|
-
var _templateObject$
|
|
10827
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10884
10828
|
var UNISEX$1 = genders.UNISEX;
|
|
10885
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10829
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10886
10830
|
return props.theme.marginPaddings[6];
|
|
10887
10831
|
}, function (props) {
|
|
10888
10832
|
return props.theme.colors.borderColor;
|
|
10889
10833
|
}, function (props) {
|
|
10890
10834
|
return props.theme.marginPaddings[6];
|
|
10891
10835
|
});
|
|
10892
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10836
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
10893
10837
|
return props.theme.marginPaddings[6];
|
|
10894
10838
|
}, media.xs, function (props) {
|
|
10895
10839
|
return props.theme.marginPaddings[0];
|
|
10896
10840
|
}, function (props) {
|
|
10897
10841
|
return props.theme.marginPaddings[1];
|
|
10898
10842
|
});
|
|
10899
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10843
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
10900
10844
|
return props.theme.colors.darkerGray;
|
|
10901
10845
|
}, function (props) {
|
|
10902
10846
|
return props.theme.marginPaddings[2];
|
|
@@ -11207,8 +11151,8 @@
|
|
|
11207
11151
|
|
|
11208
11152
|
var AddInterest$1 = themed(AddInterest);
|
|
11209
11153
|
|
|
11210
|
-
var _templateObject$
|
|
11211
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11154
|
+
var _templateObject$L;
|
|
11155
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11212
11156
|
return props.theme.marginPaddings[0];
|
|
11213
11157
|
}, function (props) {
|
|
11214
11158
|
return props.theme.colors.primary;
|
|
@@ -11242,8 +11186,8 @@
|
|
|
11242
11186
|
|
|
11243
11187
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11244
11188
|
|
|
11245
|
-
var _templateObject$
|
|
11246
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11189
|
+
var _templateObject$M;
|
|
11190
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11247
11191
|
return props.theme.colors.primary;
|
|
11248
11192
|
});
|
|
11249
11193
|
var AccountIcon = themed(function () {
|
|
@@ -11393,14 +11337,14 @@
|
|
|
11393
11337
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11394
11338
|
};
|
|
11395
11339
|
|
|
11396
|
-
var _templateObject$
|
|
11397
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11340
|
+
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11341
|
+
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11398
11342
|
return props.theme.rareStepColors.ntrlMin;
|
|
11399
11343
|
});
|
|
11400
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
11344
|
+
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11401
11345
|
return props.theme.rareStepPageSizes.container;
|
|
11402
11346
|
});
|
|
11403
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
11347
|
+
var HeaderContainer = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
11404
11348
|
return props.theme.marginPaddings[3];
|
|
11405
11349
|
}, function (props) {
|
|
11406
11350
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11519,8 +11463,8 @@
|
|
|
11519
11463
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11520
11464
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11521
11465
|
|
|
11522
|
-
var _templateObject$
|
|
11523
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11466
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11467
|
+
var FooterWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11524
11468
|
return props.theme.rareStepColors.ntrlMax;
|
|
11525
11469
|
}, function (props) {
|
|
11526
11470
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11529,10 +11473,10 @@
|
|
|
11529
11473
|
}, function (props) {
|
|
11530
11474
|
return props.theme.rareStepFontSize.h5;
|
|
11531
11475
|
});
|
|
11532
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11476
|
+
var PageContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11533
11477
|
return props.theme.rareStepPageSizes.container;
|
|
11534
11478
|
});
|
|
11535
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11479
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11536
11480
|
return props.theme.marginPaddings[4];
|
|
11537
11481
|
});
|
|
11538
11482
|
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
@@ -11582,12 +11526,12 @@
|
|
|
11582
11526
|
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11583
11527
|
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11584
11528
|
|
|
11585
|
-
var _templateObject$
|
|
11529
|
+
var _templateObject$P;
|
|
11586
11530
|
var ALL_ITEM$1 = {
|
|
11587
11531
|
label: 'ALL',
|
|
11588
11532
|
value: 'ALL'
|
|
11589
11533
|
};
|
|
11590
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11534
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
11591
11535
|
return props.theme.colors.primary;
|
|
11592
11536
|
}, function (props) {
|
|
11593
11537
|
return props.theme.colors.ntrlMin;
|