@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
package/BrandSelector.js
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
-
(global = global || self, global.BrandSelector = factory(global.React, global.styled, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
-
}(this, (function (React, styled, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('react-animate-height'), require('numeral'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('@bonlineza/b-lib/functions'), require('rc-slider'), require('react-notify-toast')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react', 'styled-components', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'react-animate-height', 'numeral', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', '@bonlineza/b-lib/functions', 'rc-slider', 'react-notify-toast'], factory) :
|
|
4
|
+
(global = global || self, global.BrandSelector = factory(global.React, global.styled, global.EllipsisLoader, global.PageReady, global.AnimateHeight, global.numeral, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.function, global.rcSlider, global['react-notify-toast']));
|
|
5
|
+
}(this, (function (React, styled, EllipsisLoader, PageReady, AnimateHeight, numeral, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, functions, rcSlider, Notifications) { 'use strict';
|
|
6
6
|
|
|
7
7
|
var React__default = 'default' in React ? React['default'] : React;
|
|
8
8
|
var styled__default = 'default' in styled ? styled['default'] : styled;
|
|
9
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
9
10
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
10
11
|
AnimateHeight = AnimateHeight && Object.prototype.hasOwnProperty.call(AnimateHeight, 'default') ? AnimateHeight['default'] : AnimateHeight;
|
|
11
12
|
numeral = numeral && Object.prototype.hasOwnProperty.call(numeral, 'default') ? numeral['default'] : numeral;
|
|
@@ -310,57 +311,6 @@
|
|
|
310
311
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
311
312
|
};
|
|
312
313
|
|
|
313
|
-
var LuxityArrowLeft = (function (props) {
|
|
314
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
315
|
-
version: "1.0",
|
|
316
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
317
|
-
width: props.width || '100%',
|
|
318
|
-
height: props.height || '100%',
|
|
319
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
320
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
321
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
322
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
323
|
-
fill: "#000000",
|
|
324
|
-
stroke: "none"
|
|
325
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
326
|
-
d: "M808 2628 c-139 -205 -377 -557 -530 -781 l-277 -409 48 -71 c363\n-539 905 -1335 915 -1345 9 -9 90 -12 362 -10 l351 3 -350 515 c-192 283 -409\n603 -482 711 l-134 197 386 568 c212 313 450 665 529 782 l145 212 -355 0\n-355 0 -253 -372z"
|
|
327
|
-
})));
|
|
328
|
-
});
|
|
329
|
-
|
|
330
|
-
var LuxityArrowRight = (function (props) {
|
|
331
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
332
|
-
version: "1.0",
|
|
333
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
334
|
-
width: props.width || '100%',
|
|
335
|
-
height: props.height || '100%',
|
|
336
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
337
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
338
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
339
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
340
|
-
fill: "#000000",
|
|
341
|
-
stroke: "none"
|
|
342
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
343
|
-
d: "M106 2973 c9 -16 226 -336 481 -711 255 -376 465 -687 466 -691 1 -4\n-233 -355 -520 -779 -288 -424 -523 -773 -523 -776 0 -3 159 -6 353 -5 l352 0\n525 776 c289 427 524 780 522 785 -1 5 -219 328 -484 719 l-481 709 -355 0\n-354 0 18 -27z"
|
|
344
|
-
})));
|
|
345
|
-
});
|
|
346
|
-
|
|
347
|
-
var _templateObject, _templateObject2, _templateObject3;
|
|
348
|
-
var LoaderContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
349
|
-
var LeftImageContainer = styled__default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-left infinite 3s;\n background-color: white;\n\n @keyframes slide-left {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(50%);\n }\n 100% {\n transform: translateX(150%);\n }\n }\n"])));
|
|
350
|
-
var RightImageContainer = styled__default.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: flex-end;\n width: 100%;\n height: 100%;\n object-fit: contain;\n animation: slide-right infinite 3s;\n\n @keyframes slide-right {\n 0% {\n transform: translateX(0);\n }\n 40% {\n transform: translateX(-50%);\n opacity: 1;\n }\n 100% {\n transform: translateX(-150%);\n opacity: 0;\n }\n }\n"])));
|
|
351
|
-
|
|
352
|
-
function LuxityLoader(_ref) {
|
|
353
|
-
var width = _ref.width,
|
|
354
|
-
height = _ref.height;
|
|
355
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
356
|
-
width: width,
|
|
357
|
-
height: height
|
|
358
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
359
|
-
width: width,
|
|
360
|
-
height: height
|
|
361
|
-
})));
|
|
362
|
-
}
|
|
363
|
-
|
|
364
314
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
365
315
|
data: null
|
|
366
316
|
});
|
|
@@ -436,10 +386,7 @@
|
|
|
436
386
|
customErrorMessage: customErrorMessage,
|
|
437
387
|
customErrorHandler: customErrorHandler,
|
|
438
388
|
renderCustomLoader: function renderCustomLoader() {
|
|
439
|
-
return /*#__PURE__*/React__default.createElement(
|
|
440
|
-
height: "40px",
|
|
441
|
-
width: "95%"
|
|
442
|
-
});
|
|
389
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
443
390
|
},
|
|
444
391
|
errorMessageInterpreter: interpretErrorMessage
|
|
445
392
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -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: {
|
|
@@ -10011,15 +9955,15 @@
|
|
|
10011
9955
|
|
|
10012
9956
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
10013
9957
|
|
|
10014
|
-
var _templateObject$
|
|
9958
|
+
var _templateObject$E, _templateObject2$6;
|
|
10015
9959
|
var ALL_ITEM = {
|
|
10016
9960
|
id: 'ALL',
|
|
10017
9961
|
name: 'ALL'
|
|
10018
9962
|
};
|
|
10019
9963
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10020
9964
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10021
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10022
|
-
var StyledMultiselector = styled__default.div(_templateObject2$
|
|
9965
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n from {\n margin: 0;\n max-height: 0px;\n opacity: 0;\n }\n to {\n max-height: ", ";\n opacity: 1;\n }\n"])), multiSelectorItemMaxHeight);
|
|
9966
|
+
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10023
9967
|
return props.theme.marginPaddings[2];
|
|
10024
9968
|
}, function (props) {
|
|
10025
9969
|
return props.theme.colors.ntrlMin;
|
|
@@ -10256,7 +10200,7 @@
|
|
|
10256
10200
|
}));
|
|
10257
10201
|
});
|
|
10258
10202
|
|
|
10259
|
-
var _templateObject$
|
|
10203
|
+
var _templateObject$F;
|
|
10260
10204
|
|
|
10261
10205
|
var Title$3 = function Title(_ref) {
|
|
10262
10206
|
var baseClass = _ref.baseClass,
|
|
@@ -10277,7 +10221,7 @@
|
|
|
10277
10221
|
})));
|
|
10278
10222
|
};
|
|
10279
10223
|
|
|
10280
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10224
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n font-weight: bold;\n display: flex;\n align-items: center;\n font-size: ", ";\n\n .title__search,\n .title__search {\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 30px;\n margin-bottom: ", ";\n\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: none;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"])), function (props) {
|
|
10281
10225
|
return props.theme.marginPaddings[2];
|
|
10282
10226
|
}, function (props) {
|
|
10283
10227
|
return props.theme.fontSizes[2];
|
|
@@ -10417,8 +10361,8 @@
|
|
|
10417
10361
|
baseQueryLimit: 12
|
|
10418
10362
|
};
|
|
10419
10363
|
|
|
10420
|
-
var _templateObject$
|
|
10421
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10364
|
+
var _templateObject$G;
|
|
10365
|
+
var BaseButton = styled__default.button(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10422
10366
|
return props.theme.colors.base;
|
|
10423
10367
|
}, function (props) {
|
|
10424
10368
|
return props.theme.colors.borderColor;
|
|
@@ -10487,12 +10431,12 @@
|
|
|
10487
10431
|
}
|
|
10488
10432
|
};
|
|
10489
10433
|
|
|
10490
|
-
var _templateObject$
|
|
10491
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10434
|
+
var _templateObject$H, _templateObject2$7;
|
|
10435
|
+
var TitleWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label {\n margin-bottom: 0;\n }\n"])), function (props) {
|
|
10492
10436
|
return props.theme.marginPaddings[4];
|
|
10493
10437
|
});
|
|
10494
10438
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10495
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10439
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n .rc-slider-handle,\n .rc-slider-handle-2,\n .shoe-size-tooltip {\n transition: opacity ease-in-out ", "ms;\n opacity: ", ";\n }\n"])), onShoeSizeTypeChangeTimeout, function (props) {
|
|
10496
10440
|
return props.childVisible ? 1 : 0;
|
|
10497
10441
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10498
10442
|
return props.childVisible ? 1 : 0;
|
|
@@ -10626,8 +10570,8 @@
|
|
|
10626
10570
|
}
|
|
10627
10571
|
};
|
|
10628
10572
|
|
|
10629
|
-
var _templateObject$
|
|
10630
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10573
|
+
var _templateObject$I;
|
|
10574
|
+
var SelectionWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n display: flex;\n margin-left: calc(-1 * ", ");\n label {\n margin-bottom: ", ";\n flex-basis: calc(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n }\n @media (max-width: ", ") {\n label {\n flex-basis: calc(50% - ", ");\n }\n }\n"])), function (props) {
|
|
10631
10575
|
return props.theme.marginPaddings[2];
|
|
10632
10576
|
}, function (props) {
|
|
10633
10577
|
return props.theme.marginPaddings[2];
|
|
@@ -10643,14 +10587,14 @@
|
|
|
10643
10587
|
|
|
10644
10588
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10645
10589
|
|
|
10646
|
-
var _templateObject$
|
|
10647
|
-
var Content = styled__default.div(_templateObject$
|
|
10590
|
+
var _templateObject$J, _templateObject2$8, _templateObject3$3;
|
|
10591
|
+
var Content = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n background-color: transparent;\n border: 1px solid ", ";\n transition: 200ms ease-in-out;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n cursor: pointer;\n"])), function (props) {
|
|
10648
10592
|
return props.theme.colors.primary;
|
|
10649
10593
|
}, function (props) {
|
|
10650
10594
|
return props.theme.marginPaddings[0];
|
|
10651
10595
|
});
|
|
10652
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10653
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
10596
|
+
var InputText = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
10597
|
+
var StyledLabel = styled__default.label(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n line-height: initial;\n display: block;\n box-sizing: border-box;\n transition: 200ms ease-in-out;\n text-align: center;\n\n &:hover ", " {\n color: ", ";\n }\n\n input {\n display: none;\n &:checked ~ ", " {\n background-color: ", ";\n border-color: ", ";\n color: ", ";\n }\n\n &:checked ~ ", " ", " {\n color: ", ";\n }\n\n &:disabled ~ ", " {\n opacity: 0.5;\n cursor: not-allowed;\n }\n }\n"])), InputText, function (props) {
|
|
10654
10598
|
return props.theme.colors.primary;
|
|
10655
10599
|
}, Content, function (props) {
|
|
10656
10600
|
return props.theme.colors.primary;
|
|
@@ -10879,23 +10823,23 @@
|
|
|
10879
10823
|
}
|
|
10880
10824
|
};
|
|
10881
10825
|
|
|
10882
|
-
var _templateObject$
|
|
10826
|
+
var _templateObject$K, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10883
10827
|
var UNISEX$1 = genders.UNISEX;
|
|
10884
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10828
|
+
var AddInterestContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10885
10829
|
return props.theme.marginPaddings[6];
|
|
10886
10830
|
}, function (props) {
|
|
10887
10831
|
return props.theme.colors.borderColor;
|
|
10888
10832
|
}, function (props) {
|
|
10889
10833
|
return props.theme.marginPaddings[6];
|
|
10890
10834
|
});
|
|
10891
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
10835
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n margin-top: ", ";\n\n @media (max-width: ", ") {\n .fl-right__item {\n flex-direction: column;\n margin-right: 0;\n margin-left: ", ";\n }\n\n button {\n margin-bottom: ", ";\n }\n }\n"])), function (props) {
|
|
10892
10836
|
return props.theme.marginPaddings[6];
|
|
10893
10837
|
}, media.xs, function (props) {
|
|
10894
10838
|
return props.theme.marginPaddings[0];
|
|
10895
10839
|
}, function (props) {
|
|
10896
10840
|
return props.theme.marginPaddings[1];
|
|
10897
10841
|
});
|
|
10898
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
10842
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
10899
10843
|
return props.theme.colors.darkerGray;
|
|
10900
10844
|
}, function (props) {
|
|
10901
10845
|
return props.theme.marginPaddings[2];
|
|
@@ -11206,8 +11150,8 @@
|
|
|
11206
11150
|
|
|
11207
11151
|
var AddInterest$1 = themed(AddInterest);
|
|
11208
11152
|
|
|
11209
|
-
var _templateObject$
|
|
11210
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11153
|
+
var _templateObject$L;
|
|
11154
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n\n .heading-title-section {\n display: flex;\n justify-content: space-between;\n width: 95%;\n padding: ", ";\n }\n\n .heading-title {\n color: ", ";\n font-weight: bold;\n flex-basis: calc(100% / 6);\n margin-left: ", ";\n padding-bottom: 0;\n }\n\n .heading-title-empty {\n flex-basis: 5%;\n margin-left: 1rem;\n }\n\n @media (max-width: ", ") {\n display: none;\n }\n"])), function (props) {
|
|
11211
11155
|
return props.theme.marginPaddings[0];
|
|
11212
11156
|
}, function (props) {
|
|
11213
11157
|
return props.theme.colors.primary;
|
|
@@ -11241,8 +11185,8 @@
|
|
|
11241
11185
|
|
|
11242
11186
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11243
11187
|
|
|
11244
|
-
var _templateObject$
|
|
11245
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11188
|
+
var _templateObject$M;
|
|
11189
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11246
11190
|
return props.theme.colors.primary;
|
|
11247
11191
|
});
|
|
11248
11192
|
var AccountIcon = themed(function () {
|
|
@@ -11388,18 +11332,18 @@
|
|
|
11388
11332
|
}(React__default.Component);
|
|
11389
11333
|
|
|
11390
11334
|
Interests.defaultProps = {
|
|
11391
|
-
interestsTitle: '
|
|
11335
|
+
interestsTitle: 'Interests',
|
|
11392
11336
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11393
11337
|
};
|
|
11394
11338
|
|
|
11395
|
-
var _templateObject$
|
|
11396
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11339
|
+
var _templateObject$N, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
11340
|
+
var HeaderWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
11397
11341
|
return props.theme.rareStepColors.ntrlMin;
|
|
11398
11342
|
});
|
|
11399
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
11343
|
+
var PageContainer = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11400
11344
|
return props.theme.rareStepPageSizes.container;
|
|
11401
11345
|
});
|
|
11402
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
11346
|
+
var HeaderContainer = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n padding: ", " 5%;\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n }\n"])), function (props) {
|
|
11403
11347
|
return props.theme.marginPaddings[3];
|
|
11404
11348
|
}, function (props) {
|
|
11405
11349
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -11518,8 +11462,8 @@
|
|
|
11518
11462
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
11519
11463
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
11520
11464
|
|
|
11521
|
-
var _templateObject$
|
|
11522
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
11465
|
+
var _templateObject$O, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
11466
|
+
var FooterWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
11523
11467
|
return props.theme.rareStepColors.ntrlMax;
|
|
11524
11468
|
}, function (props) {
|
|
11525
11469
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -11528,10 +11472,10 @@
|
|
|
11528
11472
|
}, function (props) {
|
|
11529
11473
|
return props.theme.rareStepFontSize.h5;
|
|
11530
11474
|
});
|
|
11531
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
11475
|
+
var PageContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n {\n max-width: ", ";\n margin: 0 auto;\n width: 100%;\n padding: 0 5%;\n display: flex;\n justify-content: space-between;\n }\n"])), function (props) {
|
|
11532
11476
|
return props.theme.rareStepPageSizes.container;
|
|
11533
11477
|
});
|
|
11534
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
11478
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
11535
11479
|
return props.theme.marginPaddings[4];
|
|
11536
11480
|
});
|
|
11537
11481
|
var FooterLinksContainer = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
@@ -11581,12 +11525,12 @@
|
|
|
11581
11525
|
var FooterPayments = styled__default.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n }\n"])));
|
|
11582
11526
|
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
11583
11527
|
|
|
11584
|
-
var _templateObject$
|
|
11528
|
+
var _templateObject$P;
|
|
11585
11529
|
var ALL_ITEM$1 = {
|
|
11586
11530
|
label: 'ALL',
|
|
11587
11531
|
value: 'ALL'
|
|
11588
11532
|
};
|
|
11589
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
11533
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
11590
11534
|
return props.theme.colors.primary;
|
|
11591
11535
|
}, function (props) {
|
|
11592
11536
|
return props.theme.colors.ntrlMin;
|