@bonlineza/luxity-lib 2.11.0 → 2.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Accordion.js +34 -0
- package/AddInterest.js +332 -165
- package/BrandSelector.js +344 -177
- package/Checkbox.js +34 -0
- package/CheckboxButton.js +34 -0
- package/GenderSelector.js +34 -0
- package/GraphQLDropdownSelector.js +344 -177
- package/GraphQLMultiSelector.js +50 -69
- package/IconHeader.js +34 -0
- package/InterestCatSelector.js +34 -0
- package/InterestItem.js +34 -0
- package/Interests.js +344 -177
- package/InvertedTextButton.js +34 -0
- package/LuxityGraphQLDropdownSelector.js +344 -177
- package/LuxityGraphQLMultiselector.js +55 -74
- package/LuxityPageReady.js +6 -72
- package/MaterialSelector.js +344 -177
- package/ModelSelector.js +344 -177
- package/NotificationDropDown.js +43 -65
- package/OutlinePrimaryButton.js +34 -0
- package/PriceRangeSelector.js +34 -0
- package/PrimaryButton.js +34 -0
- package/README.md +2 -1
- package/RadioButtons.js +34 -0
- package/RangeSlider.js +34 -0
- package/RareStepFooter.js +54 -16
- package/RareStepHeader.js +215 -96
- package/SecondaryButton.js +34 -0
- package/ShoeSizeSelector.js +34 -0
- package/StyleSelector.js +59 -78
- package/TextButton.js +34 -0
- package/Tooltip.js +34 -0
- package/build/bundle.js +534 -155
- package/package.json +1 -1
package/AddInterest.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.AddInterest = 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.AddInterest = 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;
|
|
@@ -556,6 +557,40 @@
|
|
|
556
557
|
ntrlMinTen: '#e6e6e6',
|
|
557
558
|
gray: '#efefef',
|
|
558
559
|
darkerGray: '#454141'
|
|
560
|
+
},
|
|
561
|
+
rareStepColors: {
|
|
562
|
+
primary: '#202b58',
|
|
563
|
+
secondary: '#ef5c2d',
|
|
564
|
+
ntrlMin: '#ffffff',
|
|
565
|
+
ntrl40: '#f4f4f4',
|
|
566
|
+
ntrl50: '#808080',
|
|
567
|
+
ntrl60: '#e8e8e8',
|
|
568
|
+
ntrl70: '#252525',
|
|
569
|
+
ntrlMax: '#000000'
|
|
570
|
+
},
|
|
571
|
+
rareStepFontWeights: {
|
|
572
|
+
normal: 400,
|
|
573
|
+
medium: 500,
|
|
574
|
+
semiBold: 600,
|
|
575
|
+
bold: 700
|
|
576
|
+
},
|
|
577
|
+
rareStepFontSize: {
|
|
578
|
+
h1: '36px',
|
|
579
|
+
h2: '30px',
|
|
580
|
+
h3: '24px',
|
|
581
|
+
h4: '20px',
|
|
582
|
+
h5: '16px',
|
|
583
|
+
h6: '14px',
|
|
584
|
+
footerTitle: '18px'
|
|
585
|
+
},
|
|
586
|
+
rareStepPageSizes: {
|
|
587
|
+
mobile: '500px',
|
|
588
|
+
tablet: '768px',
|
|
589
|
+
desktop: '992px',
|
|
590
|
+
screenl: '1280px',
|
|
591
|
+
screenxl: '1680px',
|
|
592
|
+
screenxxl: '1920px',
|
|
593
|
+
container: '1600px'
|
|
559
594
|
}
|
|
560
595
|
};
|
|
561
596
|
|
|
@@ -661,57 +696,6 @@
|
|
|
661
696
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
662
697
|
};
|
|
663
698
|
|
|
664
|
-
var LuxityArrowLeft = (function (props) {
|
|
665
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
666
|
-
version: "1.0",
|
|
667
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
668
|
-
width: props.width || '100%',
|
|
669
|
-
height: props.height || '100%',
|
|
670
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
671
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
672
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
673
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
674
|
-
fill: "#000000",
|
|
675
|
-
stroke: "none"
|
|
676
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
677
|
-
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"
|
|
678
|
-
})));
|
|
679
|
-
});
|
|
680
|
-
|
|
681
|
-
var LuxityArrowRight = (function (props) {
|
|
682
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
683
|
-
version: "1.0",
|
|
684
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
685
|
-
width: props.width || '100%',
|
|
686
|
-
height: props.height || '100%',
|
|
687
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
688
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
689
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
690
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
691
|
-
fill: "#000000",
|
|
692
|
-
stroke: "none"
|
|
693
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
694
|
-
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"
|
|
695
|
-
})));
|
|
696
|
-
});
|
|
697
|
-
|
|
698
|
-
var _templateObject$6, _templateObject2$2, _templateObject3;
|
|
699
|
-
var LoaderContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
700
|
-
var LeftImageContainer = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _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"])));
|
|
701
|
-
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"])));
|
|
702
|
-
|
|
703
|
-
function LuxityLoader(_ref) {
|
|
704
|
-
var width = _ref.width,
|
|
705
|
-
height = _ref.height;
|
|
706
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
707
|
-
width: width,
|
|
708
|
-
height: height
|
|
709
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
710
|
-
width: width,
|
|
711
|
-
height: height
|
|
712
|
-
})));
|
|
713
|
-
}
|
|
714
|
-
|
|
715
699
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
716
700
|
data: null
|
|
717
701
|
});
|
|
@@ -787,10 +771,7 @@
|
|
|
787
771
|
customErrorMessage: customErrorMessage,
|
|
788
772
|
customErrorHandler: customErrorHandler,
|
|
789
773
|
renderCustomLoader: function renderCustomLoader() {
|
|
790
|
-
return /*#__PURE__*/React__default.createElement(
|
|
791
|
-
height: "40px",
|
|
792
|
-
width: "95%"
|
|
793
|
-
});
|
|
774
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
794
775
|
},
|
|
795
776
|
errorMessageInterpreter: interpretErrorMessage
|
|
796
777
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -817,43 +798,43 @@
|
|
|
817
798
|
}
|
|
818
799
|
};
|
|
819
800
|
|
|
820
|
-
var _templateObject$
|
|
821
|
-
var OuterContainer = styled__default.div(_templateObject$
|
|
801
|
+
var _templateObject$6;
|
|
802
|
+
var OuterContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
|
|
822
803
|
return props.theme.colors.borderColor;
|
|
823
804
|
});
|
|
824
805
|
|
|
825
|
-
var _templateObject$
|
|
826
|
-
var ToggleButton = styled__default.div(_templateObject$
|
|
806
|
+
var _templateObject$7;
|
|
807
|
+
var ToggleButton = styled__default.div(_templateObject$7 || (_templateObject$7 = _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"])));
|
|
827
808
|
|
|
828
|
-
var _templateObject$
|
|
829
|
-
var Title = styled__default.div(_templateObject$
|
|
809
|
+
var _templateObject$8;
|
|
810
|
+
var Title = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"])), function (props) {
|
|
830
811
|
return props.theme.fontSizes[2];
|
|
831
812
|
}, function (props) {
|
|
832
813
|
return props.theme.colors.primary || '';
|
|
833
814
|
});
|
|
834
815
|
|
|
835
|
-
var _templateObject$
|
|
836
|
-
var BodyContent = styled__default.div(_templateObject$
|
|
816
|
+
var _templateObject$9;
|
|
817
|
+
var BodyContent = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
837
818
|
return props.theme.marginPaddings[5];
|
|
838
819
|
});
|
|
839
820
|
|
|
840
|
-
var _templateObject$
|
|
841
|
-
var BodyDivider = styled__default.hr(_templateObject$
|
|
821
|
+
var _templateObject$a;
|
|
822
|
+
var BodyDivider = styled__default.hr(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"])), function (props) {
|
|
842
823
|
return props.theme.marginPaddings[4];
|
|
843
824
|
}, function (props) {
|
|
844
825
|
return props.theme.colors.borderColor;
|
|
845
826
|
});
|
|
846
827
|
|
|
847
|
-
var _templateObject$
|
|
848
|
-
var Body$1 = styled__default.div(_templateObject$
|
|
828
|
+
var _templateObject$b;
|
|
829
|
+
var Body$1 = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
849
830
|
return props.theme.marginPaddings[6];
|
|
850
831
|
}, function (props) {
|
|
851
832
|
return props.theme.marginPaddings[6];
|
|
852
833
|
});
|
|
853
834
|
|
|
854
|
-
var _templateObject$
|
|
835
|
+
var _templateObject$c;
|
|
855
836
|
var inputMarginRight = '0.2em';
|
|
856
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
837
|
+
var CheckboxLabel = styled__default.label(_templateObject$c || (_templateObject$c = _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) {
|
|
857
838
|
var _props$theme;
|
|
858
839
|
|
|
859
840
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -933,17 +914,17 @@
|
|
|
933
914
|
})));
|
|
934
915
|
});
|
|
935
916
|
|
|
936
|
-
var _templateObject$
|
|
937
|
-
var SvgWrapper$1 = styled__default.span(_templateObject$
|
|
917
|
+
var _templateObject$d;
|
|
918
|
+
var SvgWrapper$1 = styled__default.span(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
938
919
|
|
|
939
|
-
var _templateObject$
|
|
940
|
-
var IconWrapper = styled__default.div(_templateObject$
|
|
920
|
+
var _templateObject$e;
|
|
921
|
+
var IconWrapper = styled__default.div(_templateObject$e || (_templateObject$e = _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) {
|
|
941
922
|
return props.theme.colors.borderColor;
|
|
942
923
|
}, function (props) {
|
|
943
924
|
return props.theme.colors.borderColor;
|
|
944
925
|
});
|
|
945
926
|
|
|
946
|
-
var _templateObject$
|
|
927
|
+
var _templateObject$f, _templateObject2$2, _templateObject3, _templateObject4;
|
|
947
928
|
var MALE = genders.MALE,
|
|
948
929
|
FEMALE = genders.FEMALE,
|
|
949
930
|
UNISEX = genders.UNISEX;
|
|
@@ -1095,9 +1076,9 @@
|
|
|
1095
1076
|
return _createClass(InterestItem);
|
|
1096
1077
|
}(React__default.Component);
|
|
1097
1078
|
|
|
1098
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
1099
|
-
var InterestItemTitle = styled__default.div(_templateObject2$
|
|
1100
|
-
var InterestItemContainer = styled__default.div(_templateObject3
|
|
1079
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
1080
|
+
var InterestItemTitle = styled__default.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
1081
|
+
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);
|
|
1101
1082
|
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) {
|
|
1102
1083
|
return props.theme.colors.borderColor;
|
|
1103
1084
|
}, function (props) {
|
|
@@ -1119,42 +1100,42 @@
|
|
|
1119
1100
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
1120
1101
|
});
|
|
1121
1102
|
|
|
1122
|
-
var _templateObject$
|
|
1123
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$
|
|
1103
|
+
var _templateObject$g;
|
|
1104
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1124
1105
|
|
|
1125
|
-
var _templateObject$
|
|
1126
|
-
var ButtonListWrapper = styled__default.div(_templateObject$
|
|
1106
|
+
var _templateObject$h;
|
|
1107
|
+
var ButtonListWrapper = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
1127
1108
|
var noWrap = _ref.noWrap;
|
|
1128
1109
|
return noWrap ? 'nowrap' : 'wrap';
|
|
1129
1110
|
});
|
|
1130
1111
|
|
|
1131
|
-
var _templateObject$
|
|
1132
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
1112
|
+
var _templateObject$i;
|
|
1113
|
+
var Title$1 = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
1133
1114
|
return props.theme.colors.base;
|
|
1134
1115
|
});
|
|
1135
1116
|
|
|
1136
|
-
var _templateObject$
|
|
1137
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
1117
|
+
var _templateObject$j;
|
|
1118
|
+
var RadioButtonLabel = styled__default.label(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
1138
1119
|
return props.theme.marginPaddings[0];
|
|
1139
1120
|
}, function (props) {
|
|
1140
1121
|
return props.theme.marginPaddings[0];
|
|
1141
1122
|
});
|
|
1142
1123
|
|
|
1143
|
-
var _templateObject$
|
|
1144
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
1124
|
+
var _templateObject$k;
|
|
1125
|
+
var RadioButtonCircle = styled__default.div(_templateObject$k || (_templateObject$k = _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) {
|
|
1145
1126
|
return props.theme.colors.base;
|
|
1146
1127
|
});
|
|
1147
1128
|
|
|
1148
|
-
var _templateObject$
|
|
1149
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$
|
|
1129
|
+
var _templateObject$l;
|
|
1130
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
1150
1131
|
|
|
1151
|
-
var _templateObject$
|
|
1152
|
-
var RadioButtonInput = styled__default.input(_templateObject$
|
|
1132
|
+
var _templateObject$m;
|
|
1133
|
+
var RadioButtonInput = styled__default.input(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
1153
1134
|
return props.theme.colors.base;
|
|
1154
1135
|
});
|
|
1155
1136
|
|
|
1156
|
-
var _templateObject$
|
|
1157
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
1137
|
+
var _templateObject$n;
|
|
1138
|
+
var RadioButtonText = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
1158
1139
|
|
|
1159
1140
|
/**
|
|
1160
1141
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -1211,13 +1192,13 @@
|
|
|
1211
1192
|
};
|
|
1212
1193
|
var RadioButtons$1 = themed(RadioButtons);
|
|
1213
1194
|
|
|
1214
|
-
var _templateObject$
|
|
1195
|
+
var _templateObject$o, _templateObject2$3, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
1215
1196
|
/* position relative is required for the Body element to be positioned correctly */
|
|
1216
1197
|
|
|
1217
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
1218
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
1198
|
+
var relativeInlineStyle = styled.css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
1199
|
+
var topMiddleBodyStyle = styled.css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n position: absolute;\n z-index: 1;\n bottom: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n"])));
|
|
1219
1200
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
1220
|
-
return styled.css(_templateObject3$
|
|
1201
|
+
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);
|
|
1221
1202
|
};
|
|
1222
1203
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
1223
1204
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -1226,7 +1207,7 @@
|
|
|
1226
1207
|
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);
|
|
1227
1208
|
};
|
|
1228
1209
|
|
|
1229
|
-
var _templateObject$
|
|
1210
|
+
var _templateObject$p;
|
|
1230
1211
|
|
|
1231
1212
|
var getBodyStyle = function getBodyStyle() {
|
|
1232
1213
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -1261,7 +1242,7 @@
|
|
|
1261
1242
|
}
|
|
1262
1243
|
};
|
|
1263
1244
|
|
|
1264
|
-
var Body$2 = styled__default.span(_templateObject$
|
|
1245
|
+
var Body$2 = styled__default.span(_templateObject$p || (_templateObject$p = _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) {
|
|
1265
1246
|
return props.bodyWidth;
|
|
1266
1247
|
}, function (props) {
|
|
1267
1248
|
return props.theme.colors.base || 'black';
|
|
@@ -1271,13 +1252,13 @@
|
|
|
1271
1252
|
return getAfterStyling(props);
|
|
1272
1253
|
});
|
|
1273
1254
|
|
|
1274
|
-
var _templateObject$
|
|
1275
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
1255
|
+
var _templateObject$q;
|
|
1256
|
+
var Container$1 = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$2);
|
|
1276
1257
|
|
|
1277
1258
|
var _excluded$1 = ["children"];
|
|
1278
1259
|
|
|
1279
|
-
var _templateObject$
|
|
1280
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
1260
|
+
var _templateObject$r;
|
|
1261
|
+
var Button$1 = styled__default.button(_templateObject$r || (_templateObject$r = _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) {
|
|
1281
1262
|
return props.theme.colors.primary;
|
|
1282
1263
|
}, function (props) {
|
|
1283
1264
|
return props.theme.colors.ntrlMin;
|
|
@@ -1298,8 +1279,8 @@
|
|
|
1298
1279
|
|
|
1299
1280
|
var _excluded$2 = ["children"];
|
|
1300
1281
|
|
|
1301
|
-
var _templateObject$
|
|
1302
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
1282
|
+
var _templateObject$s;
|
|
1283
|
+
var Button$2 = styled__default.button(_templateObject$s || (_templateObject$s = _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) {
|
|
1303
1284
|
return props.theme.colors.ntrlMin;
|
|
1304
1285
|
}, function (props) {
|
|
1305
1286
|
return props.theme.colors.primary;
|
|
@@ -1324,8 +1305,8 @@
|
|
|
1324
1305
|
|
|
1325
1306
|
var _excluded$3 = ["children"];
|
|
1326
1307
|
|
|
1327
|
-
var _templateObject$
|
|
1328
|
-
var Button$3 = styled__default.button(_templateObject$
|
|
1308
|
+
var _templateObject$t;
|
|
1309
|
+
var Button$3 = styled__default.button(_templateObject$t || (_templateObject$t = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
1329
1310
|
return props.theme.colors.base;
|
|
1330
1311
|
}, function (props) {
|
|
1331
1312
|
return props.theme.colors.primary;
|
|
@@ -1347,8 +1328,8 @@
|
|
|
1347
1328
|
|
|
1348
1329
|
var _excluded$4 = ["children"];
|
|
1349
1330
|
|
|
1350
|
-
var _templateObject$
|
|
1351
|
-
var Button$4 = styled__default(TextButton$1)(_templateObject$
|
|
1331
|
+
var _templateObject$u;
|
|
1332
|
+
var Button$4 = styled__default(TextButton$1)(_templateObject$u || (_templateObject$u = _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) {
|
|
1352
1333
|
return props.theme.colors.ntrlMin;
|
|
1353
1334
|
}, function (props) {
|
|
1354
1335
|
return props.theme.colors.primary;
|
|
@@ -9324,12 +9305,12 @@
|
|
|
9324
9305
|
/* ::<number | string, string, string> */
|
|
9325
9306
|
(transparentize);
|
|
9326
9307
|
|
|
9327
|
-
var _templateObject$
|
|
9328
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9308
|
+
var _templateObject$v;
|
|
9309
|
+
var baseSliderStyles = styled.css(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n .rc-slider {\n position: relative;\n height: 14px;\n padding: 5px 0;\n width: 100%;\n border-radius: 6px;\n touch-action: none;\n box-sizing: border-box;\n }\n .rc-slider * {\n box-sizing: border-box;\n }\n .rc-slider-rail {\n position: absolute;\n width: 100%;\n background-color: #e9e9e9;\n height: 4px;\n border-radius: 6px;\n }\n .rc-slider-track {\n position: absolute;\n left: 0;\n height: 4px;\n border-radius: 6px;\n background-color: #abe2fb;\n }\n .rc-slider-handle {\n position: absolute;\n width: 14px;\n height: 14px;\n cursor: pointer;\n margin-top: -5px;\n border-radius: 50%;\n border: solid 2px #96dbfa;\n background-color: #fff;\n -ms-touch-action: pan-x;\n touch-action: pan-x;\n }\n .rc-slider-handle:focus {\n border-color: #57c5f7;\n box-shadow: 0 0 0 5px #96dbfa;\n outline: none;\n }\n .rc-slider-handle-click-focused:focus {\n border-color: #96dbfa;\n box-shadow: unset;\n }\n .rc-slider-handle:hover {\n border-color: #57c5f7;\n }\n .rc-slider-handle:active {\n border-color: #57c5f7;\n box-shadow: 0 0 5px #57c5f7;\n cursor: grabbing;\n }\n .rc-slider-mark {\n position: absolute;\n top: 18px;\n left: 0;\n width: 100%;\n font-size: 12px;\n }\n .rc-slider-mark-text {\n position: absolute;\n display: inline-block;\n vertical-align: middle;\n text-align: center;\n cursor: pointer;\n color: #999;\n }\n .rc-slider-mark-text-active {\n color: #666;\n }\n .rc-slider-step {\n position: absolute;\n width: 100%;\n height: 4px;\n background: transparent;\n }\n .rc-slider-dot {\n position: absolute;\n bottom: -2px;\n margin-left: -4px;\n width: 8px;\n height: 8px;\n border: 2px solid #e9e9e9;\n background-color: #fff;\n cursor: pointer;\n border-radius: 50%;\n vertical-align: middle;\n }\n .rc-slider-dot-active {\n border-color: #96dbfa;\n }\n .rc-slider-dot-reverse {\n margin-left: 0;\n margin-right: -4px;\n }\n .rc-slider-disabled {\n background-color: #e9e9e9;\n }\n .rc-slider-disabled .rc-slider-track {\n background-color: #ccc;\n }\n .rc-slider-disabled .rc-slider-handle,\n .rc-slider-disabled .rc-slider-dot {\n border-color: #ccc;\n box-shadow: none;\n background-color: #fff;\n cursor: not-allowed;\n }\n .rc-slider-disabled .rc-slider-mark-text,\n .rc-slider-disabled .rc-slider-dot {\n cursor: not-allowed !important;\n }\n .rc-slider-vertical {\n width: 14px;\n height: 100%;\n padding: 0 5px;\n }\n .rc-slider-vertical .rc-slider-rail {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-track {\n left: 5px;\n bottom: 0;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-handle {\n margin-left: -5px;\n -ms-touch-action: pan-y;\n touch-action: pan-y;\n }\n .rc-slider-vertical .rc-slider-mark {\n top: 0;\n left: 18px;\n height: 100%;\n }\n .rc-slider-vertical .rc-slider-step {\n height: 100%;\n width: 4px;\n }\n .rc-slider-vertical .rc-slider-dot {\n left: 2px;\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:first-child {\n margin-bottom: -4px;\n }\n .rc-slider-vertical .rc-slider-dot:last-child {\n margin-bottom: -4px;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-duration: 0.3s;\n animation-fill-mode: both;\n display: block !important;\n animation-play-state: paused;\n }\n .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,\n .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {\n animation-name: rcSliderTooltipZoomDownIn;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {\n animation-name: rcSliderTooltipZoomDownOut;\n animation-play-state: running;\n }\n .rc-slider-tooltip-zoom-down-enter,\n .rc-slider-tooltip-zoom-down-appear {\n transform: scale(0, 0);\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);\n }\n .rc-slider-tooltip-zoom-down-leave {\n animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);\n }\n @keyframes rcSliderTooltipZoomDownIn {\n 0% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n 100% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n }\n @keyframes rcSliderTooltipZoomDownOut {\n 0% {\n transform-origin: 50% 100%;\n transform: scale(1, 1);\n }\n 100% {\n opacity: 0;\n transform-origin: 50% 100%;\n transform: scale(0, 0);\n }\n }\n .rc-slider-tooltip {\n position: absolute;\n left: -9999px;\n top: -9999px;\n visibility: visible;\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip * {\n box-sizing: border-box;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n }\n .rc-slider-tooltip-hidden {\n display: none;\n }\n .rc-slider-tooltip-placement-top {\n padding: 4px 0 8px 0;\n }\n .rc-slider-tooltip-inner {\n padding: 6px 2px;\n min-width: 24px;\n height: 24px;\n font-size: 12px;\n line-height: 1;\n color: #fff;\n text-align: center;\n text-decoration: none;\n background-color: #6c6c6c;\n border-radius: 6px;\n box-shadow: 0 0 4px #d9d9d9;\n }\n .rc-slider-tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n bottom: 4px;\n left: 50%;\n margin-left: -4px;\n border-width: 4px 4px 0;\n border-top-color: #6c6c6c;\n }\n"])));
|
|
9329
9310
|
|
|
9330
|
-
var _templateObject$
|
|
9311
|
+
var _templateObject$w, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9331
9312
|
var handleDimension = '14px';
|
|
9332
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9313
|
+
var SliderContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteral(["\n ", ";\n position: relative;\n .rc-slider-handle {\n background-color: ", ";\n border-color: ", ";\n }\n\n .rc-slider {\n margin-bottom: ", ";\n max-width: calc(100% - ", ");\n margin-left: auto;\n margin-right: auto;\n }\n .rc-slider-track {\n background-color: ", ";\n }\n\n .rc-slider-handle {\n height: ", ";\n width: ", ";\n transition: border-color 0.5s ease-in-out, box-shadow 0.5s ease-in-out;\n &:hover,\n &:focus {\n border: ", ";\n box-shadow: 0 0 0 5px\n ", ";\n }\n }\n ", "\n"])), baseSliderStyles, function (props) {
|
|
9333
9314
|
return props.theme.colors.primary;
|
|
9334
9315
|
}, function (props) {
|
|
9335
9316
|
return props.theme.colors.primary;
|
|
@@ -9348,22 +9329,22 @@
|
|
|
9348
9329
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9349
9330
|
var showMarks = _ref.showMarks,
|
|
9350
9331
|
primary = _ref.theme.colors.primary;
|
|
9351
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9332
|
+
var visiblityStyle = showMarks ? styled.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral([""]))) : styled.css(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text,\n .rc-slider-dot {\n visibility: hidden;\n }\n "])));
|
|
9352
9333
|
return styled.css(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral(["\n .rc-slider-mark-text {\n color: ", ";\n }\n\n .rc-slider-dot {\n border-color: ", ";\n background-color: white;\n }\n ", "\n "])), primary, primary, visiblityStyle);
|
|
9353
9334
|
};
|
|
9354
9335
|
|
|
9355
|
-
var _templateObject$
|
|
9356
|
-
var ToolTipWrapper = styled__default.div(_templateObject$
|
|
9336
|
+
var _templateObject$x;
|
|
9337
|
+
var ToolTipWrapper = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n position: absolute;\n right: auto;\n top: 20px;\n transform: translateX(-50%);\n width: 100px;\n text-align: center;\n"])));
|
|
9357
9338
|
|
|
9358
|
-
var _templateObject$
|
|
9359
|
-
var Footer = styled__default.div(_templateObject$
|
|
9339
|
+
var _templateObject$y;
|
|
9340
|
+
var Footer = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9360
9341
|
|
|
9361
9342
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9362
9343
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9363
9344
|
|
|
9364
|
-
var _templateObject$
|
|
9345
|
+
var _templateObject$z;
|
|
9365
9346
|
var debounceBuilder = functions.debounced(100);
|
|
9366
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9347
|
+
var ChildrenWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9367
9348
|
return props.theme.marginPaddings[3];
|
|
9368
9349
|
});
|
|
9369
9350
|
|
|
@@ -9522,11 +9503,11 @@
|
|
|
9522
9503
|
};
|
|
9523
9504
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9524
9505
|
|
|
9525
|
-
var _templateObject$
|
|
9526
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9506
|
+
var _templateObject$A, _templateObject2$5;
|
|
9507
|
+
var Title$2 = styled__default.h1(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
|
|
9527
9508
|
return props.theme.fontSizes[2];
|
|
9528
9509
|
});
|
|
9529
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9510
|
+
var InterestsSubheadingContainer = styled__default.div(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"])), function (props) {
|
|
9530
9511
|
return props.theme.marginPaddings[1];
|
|
9531
9512
|
}, function (props) {
|
|
9532
9513
|
return props.theme.colors.primary;
|
|
@@ -9545,8 +9526,8 @@
|
|
|
9545
9526
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9546
9527
|
};
|
|
9547
9528
|
|
|
9548
|
-
var _templateObject$
|
|
9549
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9529
|
+
var _templateObject$B;
|
|
9530
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n }\n"])), function (props) {
|
|
9550
9531
|
return props.theme.colors.primary;
|
|
9551
9532
|
});
|
|
9552
9533
|
|
|
@@ -9788,8 +9769,8 @@
|
|
|
9788
9769
|
showMessageOnError: true
|
|
9789
9770
|
};
|
|
9790
9771
|
|
|
9791
|
-
var _templateObject$
|
|
9792
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9772
|
+
var _templateObject$C;
|
|
9773
|
+
var StyledHeader = styled__default.h5(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n }\n"])), media.sm, media.sm, function (props) {
|
|
9793
9774
|
return props.theme.marginPaddings[1];
|
|
9794
9775
|
});
|
|
9795
9776
|
|
|
@@ -9835,8 +9816,8 @@
|
|
|
9835
9816
|
}));
|
|
9836
9817
|
});
|
|
9837
9818
|
|
|
9838
|
-
var _templateObject$
|
|
9839
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9819
|
+
var _templateObject$D;
|
|
9820
|
+
var NotifyContainer = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\n\n .notification-dropdown-select__control {\n min-height: auto;\n background-color: ", ";\n border: none;\n border-radius: 0;\n\n &--is-focused {\n border: none;\n border-radius: 0;\n box-shadow: none;\n }\n\n .notification-dropdown-select__value-container {\n & > div {\n padding: 0;\n margin: 0;\n color: ", ";\n }\n & .notification-dropdown-select__single-value,\n & .notification-dropdown-select__placeholder {\n overflow: visible;\n font-weight: lighter;\n }\n }\n }\n }\n\n .notification-dropdown-select__indicators {\n padding: 0 !important;\n .notification-dropdown-select__dropdown-indicator {\n color: ", ";\n }\n }\n\n .notification-dropdown-select__menu {\n border-radius: 0;\n\n & > .notification-dropdown-select__menu-list {\n border-radius: 0;\n\n & > .notification-dropdown-select__option {\n font-weight: bold;\n &:last-child {\n border-bottom: none;\n }\n\n &.notification-dropdown-select__option--is-focused {\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected {\n color: ", ";\n background-color: ", ";\n border-style: hidden;\n }\n &.notification-dropdown-select__option--is-selected.notification-dropdown-select__option--is-focused {\n border-style: hidden;\n }\n }\n }\n }\n"])), function (props) {
|
|
9840
9821
|
return props.theme.colors.ntrlMin;
|
|
9841
9822
|
}, function (props) {
|
|
9842
9823
|
return props.theme.colors.base;
|
|
@@ -9945,10 +9926,7 @@
|
|
|
9945
9926
|
}
|
|
9946
9927
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
9947
9928
|
className: "notification-dropdown-label"
|
|
9948
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
9949
|
-
height: "20px",
|
|
9950
|
-
width: "95%"
|
|
9951
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9929
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
9952
9930
|
isMulti: false,
|
|
9953
9931
|
isSearchable: false,
|
|
9954
9932
|
components: {
|
|
@@ -9988,8 +9966,8 @@
|
|
|
9988
9966
|
}
|
|
9989
9967
|
};
|
|
9990
9968
|
|
|
9991
|
-
var _templateObject$
|
|
9992
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
9969
|
+
var _templateObject$E;
|
|
9970
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$E || (_templateObject$E = _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) {
|
|
9993
9971
|
return props.theme.marginPaddings[0];
|
|
9994
9972
|
}, function (props) {
|
|
9995
9973
|
return props.theme.colors.primary;
|
|
@@ -10023,8 +10001,8 @@
|
|
|
10023
10001
|
|
|
10024
10002
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10025
10003
|
|
|
10026
|
-
var _templateObject$
|
|
10027
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
10004
|
+
var _templateObject$F;
|
|
10005
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
10028
10006
|
return props.theme.colors.primary;
|
|
10029
10007
|
});
|
|
10030
10008
|
var AccountIcon = themed(function () {
|
|
@@ -10174,12 +10152,201 @@
|
|
|
10174
10152
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10175
10153
|
};
|
|
10176
10154
|
|
|
10177
|
-
var _templateObject$
|
|
10155
|
+
var _templateObject$G, _templateObject2$6, _templateObject3$3, _templateObject4$3, _templateObject5$1, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28;
|
|
10156
|
+
var HeaderWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
10157
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10158
|
+
});
|
|
10159
|
+
var PageContainer = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _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) {
|
|
10160
|
+
return props.theme.rareStepPageSizes.container;
|
|
10161
|
+
});
|
|
10162
|
+
var HeaderContainer = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _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) {
|
|
10163
|
+
return props.theme.marginPaddings[3];
|
|
10164
|
+
}, function (props) {
|
|
10165
|
+
return props.theme.rareStepPageSizes.container;
|
|
10166
|
+
});
|
|
10167
|
+
var LogoFigure = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
10168
|
+
var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
10169
|
+
var CurrencyFlagIcon = styled__default.img(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n {\n width: 25px;\n height: 15px;\n margin-top: 9px;\n margin-right: 10px;\n }\n"])));
|
|
10170
|
+
var SellToUsLink = styled__default.a(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n font-size: ", ";\n padding-top: 10px;\n text-transform: uppercase;\n letter-spacing: 1px;\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n }\n }\n"])), function (props) {
|
|
10171
|
+
return props.theme.rareStepColors.secondary;
|
|
10172
|
+
}, function (props) {
|
|
10173
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10174
|
+
}, function (props) {
|
|
10175
|
+
return props.theme.rareStepFontSize.h5;
|
|
10176
|
+
}, function (props) {
|
|
10177
|
+
return props.theme.rareStepColors.secondary;
|
|
10178
|
+
});
|
|
10179
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
10180
|
+
var HeaderIcon = styled__default.img(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-left: ", ";\n cursor: pointer;\n }\n"])), function (props) {
|
|
10181
|
+
return props.theme.marginPaddings[3];
|
|
10182
|
+
});
|
|
10183
|
+
var NavigationContainer = styled__default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: space-between;\n background-color: ", ";\n padding-top: ", ";\n }\n"])), function (props) {
|
|
10184
|
+
return props.theme.rareStepColors.primary;
|
|
10185
|
+
}, function (props) {
|
|
10186
|
+
return props.theme.marginPaddings[1];
|
|
10187
|
+
});
|
|
10188
|
+
var NavigationLink = styled__default.a(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-wrap: no-wrap;\n align-items: center;\n color: ", ";\n font-size: ", ";\n margin-right: ", ";\n padding-top: 2px;\n padding-bottom: ", ";\n cursor: pointer;\n border-bottom: 2px solid ", ";\n\n &:last-child {\n margin-right: 0;\n }\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n border-bottom: 2px solid ", ";\n }\n }\n"])), function (props) {
|
|
10189
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10190
|
+
}, function (props) {
|
|
10191
|
+
return props.theme.rareStepFontSize.h5;
|
|
10192
|
+
}, function (props) {
|
|
10193
|
+
return props.theme.marginPaddings[5];
|
|
10194
|
+
}, function (props) {
|
|
10195
|
+
return props.theme.marginPaddings[1];
|
|
10196
|
+
}, function (props) {
|
|
10197
|
+
return props.theme.rareStepColors.primary;
|
|
10198
|
+
}, function (props) {
|
|
10199
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10200
|
+
}, function (props) {
|
|
10201
|
+
return props.theme.rareStepColors.secondary;
|
|
10202
|
+
});
|
|
10203
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10204
|
+
var Dropdown = styled__default.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n padding: ", " 0;\n border-top: 1px solid ", ";\n font-size: ", ";\n position: absolute;\n width: 100%;\n }\n"])), function (props) {
|
|
10205
|
+
return props.theme.rareStepColors.primary;
|
|
10206
|
+
}, function (props) {
|
|
10207
|
+
return props.theme.marginPaddings[4];
|
|
10208
|
+
}, function (props) {
|
|
10209
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10210
|
+
}, function (props) {
|
|
10211
|
+
return props.theme.rareStepFontSize.h5;
|
|
10212
|
+
});
|
|
10213
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
10214
|
+
var DropdownModels = styled__default.ul(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n padding: 0 ", ";\n border-left: 1px solid ", ";\n border-right: 1px solid ", ";\n width: 50%;\n column-count: 3;\n }\n"])), function (props) {
|
|
10215
|
+
return props.theme.marginPaddings[3];
|
|
10216
|
+
}, function (props) {
|
|
10217
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10218
|
+
}, function (props) {
|
|
10219
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10220
|
+
});
|
|
10221
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
10222
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
10223
|
+
return props.theme.marginPaddings[5];
|
|
10224
|
+
});
|
|
10225
|
+
var DropdownImage = styled__default.img(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n {\n width: 90%;\n height: 100%;\n object-fit: cover;\n margin-left: auto;\n }\n"])));
|
|
10226
|
+
var DropdownLink = styled__default.a(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: ", ";\n cursor: pointer;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10227
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10228
|
+
}, function (props) {
|
|
10229
|
+
return props.theme.marginPaddings[0];
|
|
10230
|
+
}, function (props) {
|
|
10231
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10232
|
+
});
|
|
10233
|
+
var DropdownBrandLinkContainer = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n {\n display: flex;\n\n &:hover {\n cursor: pointer;\n\n hr {\n display: block;\n }\n\n a {\n font-weight: ", ";\n }\n }\n }\n"])), function (props) {
|
|
10234
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10235
|
+
});
|
|
10236
|
+
var DropdownBrandLinkHR = styled__default.hr(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n {\n display: none;\n width: 20px;\n margin: 10px 10px 0 0;\n color: ", ";\n height: 1px;\n border: 1px solid ", ";\n }\n"])), function (props) {
|
|
10237
|
+
return props.theme.rareStepColors.secondary;
|
|
10238
|
+
}, function (props) {
|
|
10239
|
+
return props.theme.rareStepColors.secondary;
|
|
10240
|
+
});
|
|
10241
|
+
var DropdownBrandLink = styled__default.a(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n {\n color: ", ";\n padding-bottom: 0.5rem;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: none;\n font-weight: ", ";\n }\n }\n"])), function (props) {
|
|
10242
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10243
|
+
}, function (props) {
|
|
10244
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10245
|
+
}, function (props) {
|
|
10246
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10247
|
+
});
|
|
10248
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
10249
|
+
return props.theme.marginPaddings[0];
|
|
10250
|
+
});
|
|
10251
|
+
var SellToUsHR = styled__default.hr(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n {\n width: 80px;\n margin-top: 20px;\n color: ", ";\n border: 1px solid ", ";\n margin-right: 10px;\n }\n"])), function (props) {
|
|
10252
|
+
return props.theme.rareStepColors.secondary;
|
|
10253
|
+
}, function (props) {
|
|
10254
|
+
return props.theme.rareStepColors.secondary;
|
|
10255
|
+
});
|
|
10256
|
+
var SearchContainer = styled__default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", "\n ", ";\n background-color: ", ";\n align-items: center;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10257
|
+
return props.theme.marginPaddings[1];
|
|
10258
|
+
}, function (props) {
|
|
10259
|
+
return props.theme.marginPaddings[3];
|
|
10260
|
+
}, function (props) {
|
|
10261
|
+
return props.theme.rareStepColors.primary;
|
|
10262
|
+
}, function (props) {
|
|
10263
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10264
|
+
});
|
|
10265
|
+
var SearchInput = styled__default.input(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n {\n width: 50%;\n font-size: ", ";\n padding-bottom: ", ";\n background-color: ", ";\n color: ", ";\n border: none;\n margin-left: ", ";\n\n &:active,\n &:focus,\n &:focus-visible {\n outline: none;\n border: none;\n }\n\n &::placeholder {\n color: ", ";\n }\n }\n"])), function (props) {
|
|
10266
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
10267
|
+
}, function (props) {
|
|
10268
|
+
return props.theme.marginPaddings[0];
|
|
10269
|
+
}, function (props) {
|
|
10270
|
+
return props.theme.rareStepColors.primary;
|
|
10271
|
+
}, function (props) {
|
|
10272
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10273
|
+
}, function (props) {
|
|
10274
|
+
return props.theme.marginPaddings[3];
|
|
10275
|
+
}, function (props) {
|
|
10276
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10277
|
+
});
|
|
10278
|
+
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10279
|
+
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10280
|
+
|
|
10281
|
+
var _templateObject$H, _templateObject2$7, _templateObject3$4, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1;
|
|
10282
|
+
var FooterWrapper = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10283
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10284
|
+
}, function (props) {
|
|
10285
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10286
|
+
}, function (props) {
|
|
10287
|
+
return props.theme.marginPaddings[4];
|
|
10288
|
+
}, function (props) {
|
|
10289
|
+
return props.theme.rareStepFontSize.h5;
|
|
10290
|
+
});
|
|
10291
|
+
var PageContainer$1 = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _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) {
|
|
10292
|
+
return props.theme.rareStepPageSizes.container;
|
|
10293
|
+
});
|
|
10294
|
+
var FooterLinksWrapper = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-basis: 70%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10295
|
+
return props.theme.marginPaddings[4];
|
|
10296
|
+
});
|
|
10297
|
+
var FooterLinksContainer = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n flex: 1;\n padding-right: ", ";\n }\n"])), function (props) {
|
|
10298
|
+
return props.theme.marginPaddings[4];
|
|
10299
|
+
});
|
|
10300
|
+
var FooterTitleLink = styled__default.a(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteral(["\n {\n text-transform: uppercase;\n color: ", ";\n margin-bottom: ", ";\n cursor: pointer;\n font-weight: ", ";\n font-size: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10301
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10302
|
+
}, function (props) {
|
|
10303
|
+
return props.theme.marginPaddings[1];
|
|
10304
|
+
}, function (props) {
|
|
10305
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10306
|
+
}, function (props) {
|
|
10307
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
10308
|
+
}, function (props) {
|
|
10309
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10310
|
+
});
|
|
10311
|
+
var FooterLink = styled__default.a(_templateObject6$1 || (_templateObject6$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n cursor: pointer;\n margin-bottom: ", ";\n font-weight: ", ";\n text-decoration: none;\n\n &:hover,\n &:active {\n color: ", ";\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
10312
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10313
|
+
}, function (props) {
|
|
10314
|
+
return props.theme.space[2];
|
|
10315
|
+
}, function (props) {
|
|
10316
|
+
return props.theme.rareStepFontWeights.normal;
|
|
10317
|
+
}, function (props) {
|
|
10318
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10319
|
+
});
|
|
10320
|
+
var FooterImage = styled__default.img(_templateObject7$1 || (_templateObject7$1 = _taggedTemplateLiteral(["\n {\n width: 100%;\n height: 100%;\n max-height: 300px;\n object-fit: cover;\n }\n"])));
|
|
10321
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10322
|
+
return props.theme.marginPaddings[4];
|
|
10323
|
+
});
|
|
10324
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
10325
|
+
return props.theme.marginPaddings[5];
|
|
10326
|
+
});
|
|
10327
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10328
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
10329
|
+
return props.theme.marginPaddings[0];
|
|
10330
|
+
});
|
|
10331
|
+
var FooterCopyrightContainer = styled__default.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n padding: ", " 0;\n border-top: 1px solid ", ";\n }\n"])), function (props) {
|
|
10332
|
+
return props.theme.marginPaddings[1];
|
|
10333
|
+
}, function (props) {
|
|
10334
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10335
|
+
});
|
|
10336
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10337
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10338
|
+
}, function (props) {
|
|
10339
|
+
return props.theme.rareStepFontWeights.normal;
|
|
10340
|
+
});
|
|
10341
|
+
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"])));
|
|
10342
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10343
|
+
|
|
10344
|
+
var _templateObject$I;
|
|
10178
10345
|
var ALL_ITEM = {
|
|
10179
10346
|
label: 'ALL',
|
|
10180
10347
|
value: 'ALL'
|
|
10181
10348
|
};
|
|
10182
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10349
|
+
var StyledMultiselector = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
10183
10350
|
return props.theme.colors.primary;
|
|
10184
10351
|
}, function (props) {
|
|
10185
10352
|
return props.theme.colors.ntrlMin;
|
|
@@ -10457,15 +10624,15 @@
|
|
|
10457
10624
|
}
|
|
10458
10625
|
};
|
|
10459
10626
|
|
|
10460
|
-
var _templateObject$
|
|
10627
|
+
var _templateObject$J, _templateObject2$8;
|
|
10461
10628
|
var ALL_ITEM$1 = {
|
|
10462
10629
|
id: 'ALL',
|
|
10463
10630
|
name: 'ALL'
|
|
10464
10631
|
};
|
|
10465
10632
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10466
10633
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10467
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10468
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10634
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$J || (_templateObject$J = _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);
|
|
10635
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _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) {
|
|
10469
10636
|
return props.theme.marginPaddings[2];
|
|
10470
10637
|
}, function (props) {
|
|
10471
10638
|
return props.theme.colors.ntrlMin;
|
|
@@ -10702,7 +10869,7 @@
|
|
|
10702
10869
|
}));
|
|
10703
10870
|
});
|
|
10704
10871
|
|
|
10705
|
-
var _templateObject$
|
|
10872
|
+
var _templateObject$K;
|
|
10706
10873
|
|
|
10707
10874
|
var Title$3 = function Title(_ref) {
|
|
10708
10875
|
var baseClass = _ref.baseClass,
|
|
@@ -10723,7 +10890,7 @@
|
|
|
10723
10890
|
})));
|
|
10724
10891
|
};
|
|
10725
10892
|
|
|
10726
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10893
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$K || (_templateObject$K = _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) {
|
|
10727
10894
|
return props.theme.marginPaddings[2];
|
|
10728
10895
|
}, function (props) {
|
|
10729
10896
|
return props.theme.fontSizes[2];
|
|
@@ -10863,8 +11030,8 @@
|
|
|
10863
11030
|
baseQueryLimit: 12
|
|
10864
11031
|
};
|
|
10865
11032
|
|
|
10866
|
-
var _templateObject$
|
|
10867
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
11033
|
+
var _templateObject$L;
|
|
11034
|
+
var BaseButton = styled__default.button(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10868
11035
|
return props.theme.colors.base;
|
|
10869
11036
|
}, function (props) {
|
|
10870
11037
|
return props.theme.colors.borderColor;
|
|
@@ -10922,12 +11089,12 @@
|
|
|
10922
11089
|
}
|
|
10923
11090
|
};
|
|
10924
11091
|
|
|
10925
|
-
var _templateObject$
|
|
10926
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
11092
|
+
var _templateObject$M, _templateObject2$9;
|
|
11093
|
+
var TitleWrapper = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
10927
11094
|
return props.theme.marginPaddings[4];
|
|
10928
11095
|
});
|
|
10929
11096
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10930
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
11097
|
+
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$9 || (_templateObject2$9 = _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) {
|
|
10931
11098
|
return props.childVisible ? 1 : 0;
|
|
10932
11099
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10933
11100
|
return props.childVisible ? 1 : 0;
|
|
@@ -11061,8 +11228,8 @@
|
|
|
11061
11228
|
}
|
|
11062
11229
|
};
|
|
11063
11230
|
|
|
11064
|
-
var _templateObject$
|
|
11065
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11231
|
+
var _templateObject$N;
|
|
11232
|
+
var SelectionWrapper = styled__default.div(_templateObject$N || (_templateObject$N = _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) {
|
|
11066
11233
|
return props.theme.marginPaddings[2];
|
|
11067
11234
|
}, function (props) {
|
|
11068
11235
|
return props.theme.marginPaddings[2];
|
|
@@ -11078,14 +11245,14 @@
|
|
|
11078
11245
|
|
|
11079
11246
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11080
11247
|
|
|
11081
|
-
var _templateObject$
|
|
11082
|
-
var Content = styled__default.div(_templateObject$
|
|
11248
|
+
var _templateObject$O, _templateObject2$a, _templateObject3$5;
|
|
11249
|
+
var Content = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
11083
11250
|
return props.theme.colors.primary;
|
|
11084
11251
|
}, function (props) {
|
|
11085
11252
|
return props.theme.marginPaddings[0];
|
|
11086
11253
|
});
|
|
11087
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11088
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11254
|
+
var InputText = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11255
|
+
var StyledLabel = styled__default.label(_templateObject3$5 || (_templateObject3$5 = _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) {
|
|
11089
11256
|
return props.theme.colors.primary;
|
|
11090
11257
|
}, Content, function (props) {
|
|
11091
11258
|
return props.theme.colors.primary;
|
|
@@ -11314,28 +11481,28 @@
|
|
|
11314
11481
|
}
|
|
11315
11482
|
};
|
|
11316
11483
|
|
|
11317
|
-
var _templateObject$
|
|
11484
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3;
|
|
11318
11485
|
var UNISEX$1 = genders.UNISEX;
|
|
11319
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11486
|
+
var AddInterestContainer = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11320
11487
|
return props.theme.marginPaddings[6];
|
|
11321
11488
|
}, function (props) {
|
|
11322
11489
|
return props.theme.colors.borderColor;
|
|
11323
11490
|
}, function (props) {
|
|
11324
11491
|
return props.theme.marginPaddings[6];
|
|
11325
11492
|
});
|
|
11326
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11493
|
+
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$b || (_templateObject2$b = _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) {
|
|
11327
11494
|
return props.theme.marginPaddings[6];
|
|
11328
11495
|
}, media.xs, function (props) {
|
|
11329
11496
|
return props.theme.marginPaddings[0];
|
|
11330
11497
|
}, function (props) {
|
|
11331
11498
|
return props.theme.marginPaddings[1];
|
|
11332
11499
|
});
|
|
11333
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11500
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11334
11501
|
return props.theme.colors.darkerGray;
|
|
11335
11502
|
}, function (props) {
|
|
11336
11503
|
return props.theme.marginPaddings[2];
|
|
11337
11504
|
});
|
|
11338
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11505
|
+
var AddInterestButton = styled__default.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding-top: ", ";\n margin-bottom: ", ";\n padding-left: 1.5rem;\n width: 95%;\n font-size: 17px;\n"])), function (props) {
|
|
11339
11506
|
return props.theme.colors.darkerGray;
|
|
11340
11507
|
}, function (props) {
|
|
11341
11508
|
return props.theme.colors.borderColor;
|
|
@@ -11344,7 +11511,7 @@
|
|
|
11344
11511
|
}, function (props) {
|
|
11345
11512
|
return props.theme.marginPaddings[2];
|
|
11346
11513
|
});
|
|
11347
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11514
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
11348
11515
|
|
|
11349
11516
|
var AddIcon = function AddIcon(_ref) {
|
|
11350
11517
|
var onClick = _ref.onClick,
|