@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/Interests.js
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('react-notify-toast'), require('@bonlineza/b-lib/PageReady'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('react-animate-height'), require('numeral'), require('@bonlineza/b-lib/functions'), require('rc-slider')) :
|
|
3
|
-
typeof define === 'function' && define.amd ? define(['react', 'styled-components', 'react-notify-toast', '@bonlineza/b-lib/PageReady', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', 'react-animate-height', 'numeral', '@bonlineza/b-lib/functions', 'rc-slider'], factory) :
|
|
4
|
-
(global = global || self, global.Interests = factory(global.React, global.styled, global['react-notify-toast'], global.PageReady, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.AnimateHeight, global.numeral, global.function, global.rcSlider));
|
|
5
|
-
}(this, (function (React, styled, Notifications, PageReady, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, AnimateHeight, numeral, functions, rcSlider) { 'use strict';
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components'), require('react-notify-toast'), require('@bonlineza/b-lib/EllipsisLoader'), require('@bonlineza/b-lib/PageReady'), require('stylis-rule-sheet'), require('react-dom'), require('prop-types'), require('raf'), require('react-input-autosize'), require('react-transition-group'), require('react-animate-height'), require('numeral'), require('@bonlineza/b-lib/functions'), require('rc-slider')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define(['react', 'styled-components', 'react-notify-toast', '@bonlineza/b-lib/EllipsisLoader', '@bonlineza/b-lib/PageReady', 'stylis-rule-sheet', 'react-dom', 'prop-types', 'raf', 'react-input-autosize', 'react-transition-group', 'react-animate-height', 'numeral', '@bonlineza/b-lib/functions', 'rc-slider'], factory) :
|
|
4
|
+
(global = global || self, global.Interests = factory(global.React, global.styled, global['react-notify-toast'], global.EllipsisLoader, global.PageReady, global['stylis-rule-sheet'], global.reactDom, global.PropTypes, global.raf, global['react-input-autosize'], global['react-transition-group'], global.AnimateHeight, global.numeral, global.function, global.rcSlider));
|
|
5
|
+
}(this, (function (React, styled, Notifications, EllipsisLoader, PageReady, stylisRuleSheet, reactDom, PropTypes, raf, AutosizeInput, reactTransitionGroup, AnimateHeight, numeral, functions, rcSlider) { '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
9
|
var Notifications__default = 'default' in Notifications ? Notifications['default'] : Notifications;
|
|
10
|
+
EllipsisLoader = EllipsisLoader && Object.prototype.hasOwnProperty.call(EllipsisLoader, 'default') ? EllipsisLoader['default'] : EllipsisLoader;
|
|
10
11
|
PageReady = PageReady && Object.prototype.hasOwnProperty.call(PageReady, 'default') ? PageReady['default'] : PageReady;
|
|
11
12
|
stylisRuleSheet = stylisRuleSheet && Object.prototype.hasOwnProperty.call(stylisRuleSheet, 'default') ? stylisRuleSheet['default'] : stylisRuleSheet;
|
|
12
13
|
PropTypes = PropTypes && Object.prototype.hasOwnProperty.call(PropTypes, 'default') ? PropTypes['default'] : PropTypes;
|
|
@@ -480,57 +481,6 @@
|
|
|
480
481
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
481
482
|
};
|
|
482
483
|
|
|
483
|
-
var LuxityArrowLeft = (function (props) {
|
|
484
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
485
|
-
version: "1.0",
|
|
486
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
487
|
-
width: props.width || '100%',
|
|
488
|
-
height: props.height || '100%',
|
|
489
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
490
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
491
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
492
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
493
|
-
fill: "#000000",
|
|
494
|
-
stroke: "none"
|
|
495
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
496
|
-
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"
|
|
497
|
-
})));
|
|
498
|
-
});
|
|
499
|
-
|
|
500
|
-
var LuxityArrowRight = (function (props) {
|
|
501
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
502
|
-
version: "1.0",
|
|
503
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
504
|
-
width: props.width || '100%',
|
|
505
|
-
height: props.height || '100%',
|
|
506
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
507
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
508
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
509
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
510
|
-
fill: "#000000",
|
|
511
|
-
stroke: "none"
|
|
512
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
513
|
-
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"
|
|
514
|
-
})));
|
|
515
|
-
});
|
|
516
|
-
|
|
517
|
-
var _templateObject$1, _templateObject2, _templateObject3;
|
|
518
|
-
var LoaderContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
519
|
-
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"])));
|
|
520
|
-
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"])));
|
|
521
|
-
|
|
522
|
-
function LuxityLoader(_ref) {
|
|
523
|
-
var width = _ref.width,
|
|
524
|
-
height = _ref.height;
|
|
525
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
526
|
-
width: width,
|
|
527
|
-
height: height
|
|
528
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
529
|
-
width: width,
|
|
530
|
-
height: height
|
|
531
|
-
})));
|
|
532
|
-
}
|
|
533
|
-
|
|
534
484
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
535
485
|
data: null
|
|
536
486
|
});
|
|
@@ -606,10 +556,7 @@
|
|
|
606
556
|
customErrorMessage: customErrorMessage,
|
|
607
557
|
customErrorHandler: customErrorHandler,
|
|
608
558
|
renderCustomLoader: function renderCustomLoader() {
|
|
609
|
-
return /*#__PURE__*/React__default.createElement(
|
|
610
|
-
height: "40px",
|
|
611
|
-
width: "95%"
|
|
612
|
-
});
|
|
559
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
613
560
|
},
|
|
614
561
|
errorMessageInterpreter: interpretErrorMessage
|
|
615
562
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -7196,8 +7143,8 @@
|
|
|
7196
7143
|
|
|
7197
7144
|
var index$1 = manageState(Select);
|
|
7198
7145
|
|
|
7199
|
-
var _templateObject$
|
|
7200
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
7146
|
+
var _templateObject$1;
|
|
7147
|
+
var NotifyContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _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) {
|
|
7201
7148
|
return props.theme.colors.ntrlMin;
|
|
7202
7149
|
}, function (props) {
|
|
7203
7150
|
return props.theme.colors.base;
|
|
@@ -7319,10 +7266,7 @@
|
|
|
7319
7266
|
}
|
|
7320
7267
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
7321
7268
|
className: "notification-dropdown-label"
|
|
7322
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
7323
|
-
height: "20px",
|
|
7324
|
-
width: "95%"
|
|
7325
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
7269
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
7326
7270
|
isMulti: false,
|
|
7327
7271
|
isSearchable: false,
|
|
7328
7272
|
components: {
|
|
@@ -7401,8 +7345,8 @@
|
|
|
7401
7345
|
APPAREL: 100000
|
|
7402
7346
|
};
|
|
7403
7347
|
|
|
7404
|
-
var _templateObject$
|
|
7405
|
-
var SvgWrapper = styled__default.div(_templateObject$
|
|
7348
|
+
var _templateObject$2;
|
|
7349
|
+
var SvgWrapper = styled__default.div(_templateObject$2 || (_templateObject$2 = _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) {
|
|
7406
7350
|
return props.theme.marginPaddings[4];
|
|
7407
7351
|
}, function (props) {
|
|
7408
7352
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -7433,8 +7377,8 @@
|
|
|
7433
7377
|
isChecked: false
|
|
7434
7378
|
};
|
|
7435
7379
|
|
|
7436
|
-
var _templateObject$
|
|
7437
|
-
var Body = styled__default.div(_templateObject$
|
|
7380
|
+
var _templateObject$3;
|
|
7381
|
+
var Body = styled__default.div(_templateObject$3 || (_templateObject$3 = _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) {
|
|
7438
7382
|
return props.theme.marginPaddings[2];
|
|
7439
7383
|
}, media.sm);
|
|
7440
7384
|
|
|
@@ -7566,21 +7510,21 @@
|
|
|
7566
7510
|
}));
|
|
7567
7511
|
});
|
|
7568
7512
|
|
|
7569
|
-
var _templateObject$
|
|
7570
|
-
var ErrorMessage = styled__default.div(_templateObject$
|
|
7513
|
+
var _templateObject$4;
|
|
7514
|
+
var ErrorMessage = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n color: ", ";\n margin-top: ", ";\n"])), function (props) {
|
|
7571
7515
|
return props.theme.colors.primary;
|
|
7572
7516
|
}, function (props) {
|
|
7573
7517
|
return props.theme.marginPaddings[0];
|
|
7574
7518
|
});
|
|
7575
7519
|
|
|
7576
|
-
var _templateObject$
|
|
7577
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
7578
|
-
var baseButtonStyle = styled.css(_templateObject2
|
|
7520
|
+
var _templateObject$5, _templateObject2;
|
|
7521
|
+
var disabledButtonStyle = styled.css(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\n cursor: not-allowed;\n opacity: 0.4;\n"])));
|
|
7522
|
+
var baseButtonStyle = styled.css(_templateObject2 || (_templateObject2 = _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"])));
|
|
7579
7523
|
|
|
7580
7524
|
var _excluded = ["children"];
|
|
7581
7525
|
|
|
7582
|
-
var _templateObject$
|
|
7583
|
-
var Button = styled__default.button(_templateObject$
|
|
7526
|
+
var _templateObject$6;
|
|
7527
|
+
var Button = styled__default.button(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n outline: none;\n cursor: pointer;\n background-color: transparent;\n border: none;\n &:disabled {\n ", ";\n }\n"])), disabledButtonStyle);
|
|
7584
7528
|
|
|
7585
7529
|
var WrapperButton = function WrapperButton(_ref) {
|
|
7586
7530
|
var children = _ref.children,
|
|
@@ -7589,7 +7533,7 @@
|
|
|
7589
7533
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
7590
7534
|
};
|
|
7591
7535
|
|
|
7592
|
-
var _templateObject$
|
|
7536
|
+
var _templateObject$7, _templateObject2$1;
|
|
7593
7537
|
var categories = catArray;
|
|
7594
7538
|
|
|
7595
7539
|
var getSvg = function getSvg() {
|
|
@@ -7616,10 +7560,10 @@
|
|
|
7616
7560
|
}
|
|
7617
7561
|
};
|
|
7618
7562
|
|
|
7619
|
-
var Container = styled__default.div(_templateObject$
|
|
7563
|
+
var Container = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
7620
7564
|
return props.theme.marginPaddings[5];
|
|
7621
7565
|
});
|
|
7622
|
-
var CategoryTitle = styled__default.h1(_templateObject2$
|
|
7566
|
+
var CategoryTitle = styled__default.h1(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\n margin-top: 10px;\n font-size: 14px;\n text-transform: uppercase;\n"])));
|
|
7623
7567
|
/**
|
|
7624
7568
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
7625
7569
|
*/
|
|
@@ -7652,43 +7596,43 @@
|
|
|
7652
7596
|
};
|
|
7653
7597
|
var CategoryInterestSelector = themed(InterestCatSelector);
|
|
7654
7598
|
|
|
7655
|
-
var _templateObject$
|
|
7656
|
-
var OuterContainer = styled__default.div(_templateObject$
|
|
7599
|
+
var _templateObject$8;
|
|
7600
|
+
var OuterContainer = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n"])), function (props) {
|
|
7657
7601
|
return props.theme.colors.borderColor;
|
|
7658
7602
|
});
|
|
7659
7603
|
|
|
7660
|
-
var _templateObject$
|
|
7661
|
-
var ToggleButton = styled__default.div(_templateObject$
|
|
7604
|
+
var _templateObject$9;
|
|
7605
|
+
var ToggleButton = styled__default.div(_templateObject$9 || (_templateObject$9 = _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"])));
|
|
7662
7606
|
|
|
7663
|
-
var _templateObject$
|
|
7664
|
-
var Title = styled__default.div(_templateObject$
|
|
7607
|
+
var _templateObject$a;
|
|
7608
|
+
var Title = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n flex-grow: 1;\n color: ", ";\n"])), function (props) {
|
|
7665
7609
|
return props.theme.fontSizes[2];
|
|
7666
7610
|
}, function (props) {
|
|
7667
7611
|
return props.theme.colors.primary || '';
|
|
7668
7612
|
});
|
|
7669
7613
|
|
|
7670
|
-
var _templateObject$
|
|
7671
|
-
var BodyContent = styled__default.div(_templateObject$
|
|
7614
|
+
var _templateObject$b;
|
|
7615
|
+
var BodyContent = styled__default.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
7672
7616
|
return props.theme.marginPaddings[5];
|
|
7673
7617
|
});
|
|
7674
7618
|
|
|
7675
|
-
var _templateObject$
|
|
7676
|
-
var BodyDivider = styled__default.hr(_templateObject$
|
|
7619
|
+
var _templateObject$c;
|
|
7620
|
+
var BodyDivider = styled__default.hr(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n margin-top: 0;\n border-style: none;\n border-bottom: 1px solid ", ";\n"])), function (props) {
|
|
7677
7621
|
return props.theme.marginPaddings[4];
|
|
7678
7622
|
}, function (props) {
|
|
7679
7623
|
return props.theme.colors.borderColor;
|
|
7680
7624
|
});
|
|
7681
7625
|
|
|
7682
|
-
var _templateObject$
|
|
7683
|
-
var Body$1 = styled__default.div(_templateObject$
|
|
7626
|
+
var _templateObject$d;
|
|
7627
|
+
var Body$1 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (props) {
|
|
7684
7628
|
return props.theme.marginPaddings[6];
|
|
7685
7629
|
}, function (props) {
|
|
7686
7630
|
return props.theme.marginPaddings[6];
|
|
7687
7631
|
});
|
|
7688
7632
|
|
|
7689
|
-
var _templateObject$
|
|
7633
|
+
var _templateObject$e;
|
|
7690
7634
|
var inputMarginRight = '0.2em';
|
|
7691
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
7635
|
+
var CheckboxLabel = styled__default.label(_templateObject$e || (_templateObject$e = _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) {
|
|
7692
7636
|
var _props$theme;
|
|
7693
7637
|
|
|
7694
7638
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -7768,17 +7712,17 @@
|
|
|
7768
7712
|
})));
|
|
7769
7713
|
});
|
|
7770
7714
|
|
|
7771
|
-
var _templateObject$
|
|
7772
|
-
var SvgWrapper$1 = styled__default.span(_templateObject$
|
|
7715
|
+
var _templateObject$f;
|
|
7716
|
+
var SvgWrapper$1 = styled__default.span(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
7773
7717
|
|
|
7774
|
-
var _templateObject$
|
|
7775
|
-
var IconWrapper = styled__default.div(_templateObject$
|
|
7718
|
+
var _templateObject$g;
|
|
7719
|
+
var IconWrapper = styled__default.div(_templateObject$g || (_templateObject$g = _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) {
|
|
7776
7720
|
return props.theme.colors.borderColor;
|
|
7777
7721
|
}, function (props) {
|
|
7778
7722
|
return props.theme.colors.borderColor;
|
|
7779
7723
|
});
|
|
7780
7724
|
|
|
7781
|
-
var _templateObject$
|
|
7725
|
+
var _templateObject$h, _templateObject2$2, _templateObject3, _templateObject4;
|
|
7782
7726
|
var MALE = genders.MALE,
|
|
7783
7727
|
FEMALE = genders.FEMALE,
|
|
7784
7728
|
UNISEX = genders.UNISEX;
|
|
@@ -7930,9 +7874,9 @@
|
|
|
7930
7874
|
return _createClass(InterestItem);
|
|
7931
7875
|
}(React__default.Component);
|
|
7932
7876
|
|
|
7933
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
7934
|
-
var InterestItemTitle = styled__default.div(_templateObject2$
|
|
7935
|
-
var InterestItemContainer = styled__default.div(_templateObject3
|
|
7877
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
7878
|
+
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);
|
|
7879
|
+
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);
|
|
7936
7880
|
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) {
|
|
7937
7881
|
return props.theme.colors.borderColor;
|
|
7938
7882
|
}, function (props) {
|
|
@@ -7954,42 +7898,42 @@
|
|
|
7954
7898
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
7955
7899
|
});
|
|
7956
7900
|
|
|
7957
|
-
var _templateObject$
|
|
7958
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$
|
|
7901
|
+
var _templateObject$i;
|
|
7902
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
7959
7903
|
|
|
7960
|
-
var _templateObject$
|
|
7961
|
-
var ButtonListWrapper = styled__default.div(_templateObject$
|
|
7904
|
+
var _templateObject$j;
|
|
7905
|
+
var ButtonListWrapper = styled__default.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
7962
7906
|
var noWrap = _ref.noWrap;
|
|
7963
7907
|
return noWrap ? 'nowrap' : 'wrap';
|
|
7964
7908
|
});
|
|
7965
7909
|
|
|
7966
|
-
var _templateObject$
|
|
7967
|
-
var Title$1 = styled__default.div(_templateObject$
|
|
7910
|
+
var _templateObject$k;
|
|
7911
|
+
var Title$1 = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
7968
7912
|
return props.theme.colors.base;
|
|
7969
7913
|
});
|
|
7970
7914
|
|
|
7971
|
-
var _templateObject$
|
|
7972
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
7915
|
+
var _templateObject$l;
|
|
7916
|
+
var RadioButtonLabel = styled__default.label(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
7973
7917
|
return props.theme.marginPaddings[0];
|
|
7974
7918
|
}, function (props) {
|
|
7975
7919
|
return props.theme.marginPaddings[0];
|
|
7976
7920
|
});
|
|
7977
7921
|
|
|
7978
|
-
var _templateObject$
|
|
7979
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
7922
|
+
var _templateObject$m;
|
|
7923
|
+
var RadioButtonCircle = styled__default.div(_templateObject$m || (_templateObject$m = _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) {
|
|
7980
7924
|
return props.theme.colors.base;
|
|
7981
7925
|
});
|
|
7982
7926
|
|
|
7983
|
-
var _templateObject$
|
|
7984
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$
|
|
7927
|
+
var _templateObject$n;
|
|
7928
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
7985
7929
|
|
|
7986
|
-
var _templateObject$
|
|
7987
|
-
var RadioButtonInput = styled__default.input(_templateObject$
|
|
7930
|
+
var _templateObject$o;
|
|
7931
|
+
var RadioButtonInput = styled__default.input(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
7988
7932
|
return props.theme.colors.base;
|
|
7989
7933
|
});
|
|
7990
7934
|
|
|
7991
|
-
var _templateObject$
|
|
7992
|
-
var RadioButtonText = styled__default.div(_templateObject$
|
|
7935
|
+
var _templateObject$p;
|
|
7936
|
+
var RadioButtonText = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
7993
7937
|
|
|
7994
7938
|
/**
|
|
7995
7939
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -8046,13 +7990,13 @@
|
|
|
8046
7990
|
};
|
|
8047
7991
|
var RadioButtons$1 = themed(RadioButtons);
|
|
8048
7992
|
|
|
8049
|
-
var _templateObject$
|
|
7993
|
+
var _templateObject$q, _templateObject2$3, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
8050
7994
|
/* position relative is required for the Body element to be positioned correctly */
|
|
8051
7995
|
|
|
8052
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
8053
|
-
var topMiddleBodyStyle = styled.css(_templateObject2$
|
|
7996
|
+
var relativeInlineStyle = styled.css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
7997
|
+
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"])));
|
|
8054
7998
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
8055
|
-
return styled.css(_templateObject3$
|
|
7999
|
+
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);
|
|
8056
8000
|
};
|
|
8057
8001
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
8058
8002
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -8061,7 +8005,7 @@
|
|
|
8061
8005
|
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);
|
|
8062
8006
|
};
|
|
8063
8007
|
|
|
8064
|
-
var _templateObject$
|
|
8008
|
+
var _templateObject$r;
|
|
8065
8009
|
|
|
8066
8010
|
var getBodyStyle = function getBodyStyle() {
|
|
8067
8011
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -8096,7 +8040,7 @@
|
|
|
8096
8040
|
}
|
|
8097
8041
|
};
|
|
8098
8042
|
|
|
8099
|
-
var Body$2 = styled__default.span(_templateObject$
|
|
8043
|
+
var Body$2 = styled__default.span(_templateObject$r || (_templateObject$r = _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) {
|
|
8100
8044
|
return props.bodyWidth;
|
|
8101
8045
|
}, function (props) {
|
|
8102
8046
|
return props.theme.colors.base || 'black';
|
|
@@ -8106,13 +8050,13 @@
|
|
|
8106
8050
|
return getAfterStyling(props);
|
|
8107
8051
|
});
|
|
8108
8052
|
|
|
8109
|
-
var _templateObject$
|
|
8110
|
-
var Container$1 = styled__default.div(_templateObject$
|
|
8053
|
+
var _templateObject$s;
|
|
8054
|
+
var Container$1 = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n ", ";\n cursor: pointer;\n &:hover ", " {\n opacity: 1;\n visibility: visible;\n }\n"])), relativeInlineStyle, Body$2);
|
|
8111
8055
|
|
|
8112
8056
|
var _excluded$1 = ["children"];
|
|
8113
8057
|
|
|
8114
|
-
var _templateObject$
|
|
8115
|
-
var Button$1 = styled__default.button(_templateObject$
|
|
8058
|
+
var _templateObject$t;
|
|
8059
|
+
var Button$1 = styled__default.button(_templateObject$t || (_templateObject$t = _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) {
|
|
8116
8060
|
return props.theme.colors.primary;
|
|
8117
8061
|
}, function (props) {
|
|
8118
8062
|
return props.theme.colors.ntrlMin;
|
|
@@ -8133,8 +8077,8 @@
|
|
|
8133
8077
|
|
|
8134
8078
|
var _excluded$2 = ["children"];
|
|
8135
8079
|
|
|
8136
|
-
var _templateObject$
|
|
8137
|
-
var Button$2 = styled__default.button(_templateObject$
|
|
8080
|
+
var _templateObject$u;
|
|
8081
|
+
var Button$2 = styled__default.button(_templateObject$u || (_templateObject$u = _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) {
|
|
8138
8082
|
return props.theme.colors.ntrlMin;
|
|
8139
8083
|
}, function (props) {
|
|
8140
8084
|
return props.theme.colors.primary;
|
|
@@ -8159,8 +8103,8 @@
|
|
|
8159
8103
|
|
|
8160
8104
|
var _excluded$3 = ["children"];
|
|
8161
8105
|
|
|
8162
|
-
var _templateObject$
|
|
8163
|
-
var Button$3 = styled__default.button(_templateObject$
|
|
8106
|
+
var _templateObject$v;
|
|
8107
|
+
var Button$3 = styled__default.button(_templateObject$v || (_templateObject$v = _taggedTemplateLiteral(["\n ", ";\n background-color: transparent;\n color: ", ";\n &:hover {\n color: ", ";\n }\n &:disabled {\n ", ";\n color: ", ";\n }\n"])), baseButtonStyle, function (props) {
|
|
8164
8108
|
return props.theme.colors.base;
|
|
8165
8109
|
}, function (props) {
|
|
8166
8110
|
return props.theme.colors.primary;
|
|
@@ -8182,8 +8126,8 @@
|
|
|
8182
8126
|
|
|
8183
8127
|
var _excluded$4 = ["children"];
|
|
8184
8128
|
|
|
8185
|
-
var _templateObject$
|
|
8186
|
-
var Button$4 = styled__default(TextButton$1)(_templateObject$
|
|
8129
|
+
var _templateObject$w;
|
|
8130
|
+
var Button$4 = styled__default(TextButton$1)(_templateObject$w || (_templateObject$w = _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) {
|
|
8187
8131
|
return props.theme.colors.ntrlMin;
|
|
8188
8132
|
}, function (props) {
|
|
8189
8133
|
return props.theme.colors.primary;
|
|
@@ -9599,12 +9543,12 @@
|
|
|
9599
9543
|
/* ::<number | string, string, string> */
|
|
9600
9544
|
(transparentize);
|
|
9601
9545
|
|
|
9602
|
-
var _templateObject$
|
|
9603
|
-
var baseSliderStyles = styled.css(_templateObject$
|
|
9546
|
+
var _templateObject$x;
|
|
9547
|
+
var baseSliderStyles = styled.css(_templateObject$x || (_templateObject$x = _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"])));
|
|
9604
9548
|
|
|
9605
|
-
var _templateObject$
|
|
9549
|
+
var _templateObject$y, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9606
9550
|
var handleDimension = '14px';
|
|
9607
|
-
var SliderContainer = styled__default.div(_templateObject$
|
|
9551
|
+
var SliderContainer = styled__default.div(_templateObject$y || (_templateObject$y = _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) {
|
|
9608
9552
|
return props.theme.colors.primary;
|
|
9609
9553
|
}, function (props) {
|
|
9610
9554
|
return props.theme.colors.primary;
|
|
@@ -9623,22 +9567,22 @@
|
|
|
9623
9567
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9624
9568
|
var showMarks = _ref.showMarks,
|
|
9625
9569
|
primary = _ref.theme.colors.primary;
|
|
9626
|
-
var visiblityStyle = showMarks ? styled.css(_templateObject2$
|
|
9570
|
+
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 "])));
|
|
9627
9571
|
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);
|
|
9628
9572
|
};
|
|
9629
9573
|
|
|
9630
|
-
var _templateObject$
|
|
9631
|
-
var ToolTipWrapper = styled__default.div(_templateObject$
|
|
9574
|
+
var _templateObject$z;
|
|
9575
|
+
var ToolTipWrapper = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n position: absolute;\n right: auto;\n top: 20px;\n transform: translateX(-50%);\n width: 100px;\n text-align: center;\n"])));
|
|
9632
9576
|
|
|
9633
|
-
var _templateObject$
|
|
9634
|
-
var Footer = styled__default.div(_templateObject$
|
|
9577
|
+
var _templateObject$A;
|
|
9578
|
+
var Footer = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: flex-end;\n"])));
|
|
9635
9579
|
|
|
9636
9580
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9637
9581
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9638
9582
|
|
|
9639
|
-
var _templateObject$
|
|
9583
|
+
var _templateObject$B;
|
|
9640
9584
|
var debounceBuilder = functions.debounced(100);
|
|
9641
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9585
|
+
var ChildrenWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9642
9586
|
return props.theme.marginPaddings[3];
|
|
9643
9587
|
});
|
|
9644
9588
|
|
|
@@ -9797,11 +9741,11 @@
|
|
|
9797
9741
|
};
|
|
9798
9742
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9799
9743
|
|
|
9800
|
-
var _templateObject$
|
|
9801
|
-
var Title$2 = styled__default.h1(_templateObject$
|
|
9744
|
+
var _templateObject$C, _templateObject2$5;
|
|
9745
|
+
var Title$2 = styled__default.h1(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"])), function (props) {
|
|
9802
9746
|
return props.theme.fontSizes[2];
|
|
9803
9747
|
});
|
|
9804
|
-
var InterestsSubheadingContainer = styled__default.div(_templateObject2$
|
|
9748
|
+
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) {
|
|
9805
9749
|
return props.theme.marginPaddings[1];
|
|
9806
9750
|
}, function (props) {
|
|
9807
9751
|
return props.theme.colors.primary;
|
|
@@ -9820,8 +9764,8 @@
|
|
|
9820
9764
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9821
9765
|
};
|
|
9822
9766
|
|
|
9823
|
-
var _templateObject$
|
|
9824
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
9767
|
+
var _templateObject$D;
|
|
9768
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$D || (_templateObject$D = _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) {
|
|
9825
9769
|
return props.theme.colors.primary;
|
|
9826
9770
|
});
|
|
9827
9771
|
|
|
@@ -10011,14 +9955,14 @@
|
|
|
10011
9955
|
shoeSizes: []
|
|
10012
9956
|
};
|
|
10013
9957
|
|
|
10014
|
-
var _templateObject$
|
|
10015
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
9958
|
+
var _templateObject$E, _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;
|
|
9959
|
+
var HeaderWrapper = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n }\n"])), function (props) {
|
|
10016
9960
|
return props.theme.rareStepColors.ntrlMin;
|
|
10017
9961
|
});
|
|
10018
|
-
var PageContainer = styled__default.div(_templateObject2$
|
|
9962
|
+
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) {
|
|
10019
9963
|
return props.theme.rareStepPageSizes.container;
|
|
10020
9964
|
});
|
|
10021
|
-
var HeaderContainer = styled__default.div(_templateObject3$
|
|
9965
|
+
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) {
|
|
10022
9966
|
return props.theme.marginPaddings[3];
|
|
10023
9967
|
}, function (props) {
|
|
10024
9968
|
return props.theme.rareStepPageSizes.container;
|
|
@@ -10137,8 +10081,8 @@
|
|
|
10137
10081
|
var SearchIcon = styled__default.img(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n cursor: pointer;\n margin-bottom: 7px;\n }\n"])));
|
|
10138
10082
|
var CloseIcon = styled__default.img(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n {\n width: 20px;\n height: 20px;\n margin-left: auto;\n cursor: pointer;\n }\n"])));
|
|
10139
10083
|
|
|
10140
|
-
var _templateObject$
|
|
10141
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
10084
|
+
var _templateObject$F, _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;
|
|
10085
|
+
var FooterWrapper = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10142
10086
|
return props.theme.rareStepColors.ntrlMax;
|
|
10143
10087
|
}, function (props) {
|
|
10144
10088
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10147,10 +10091,10 @@
|
|
|
10147
10091
|
}, function (props) {
|
|
10148
10092
|
return props.theme.rareStepFontSize.h5;
|
|
10149
10093
|
});
|
|
10150
|
-
var PageContainer$1 = styled__default.div(_templateObject2$
|
|
10094
|
+
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) {
|
|
10151
10095
|
return props.theme.rareStepPageSizes.container;
|
|
10152
10096
|
});
|
|
10153
|
-
var FooterLinksWrapper = styled__default.div(_templateObject3$
|
|
10097
|
+
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) {
|
|
10154
10098
|
return props.theme.marginPaddings[4];
|
|
10155
10099
|
});
|
|
10156
10100
|
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) {
|
|
@@ -10200,12 +10144,12 @@
|
|
|
10200
10144
|
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"])));
|
|
10201
10145
|
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10202
10146
|
|
|
10203
|
-
var _templateObject$
|
|
10147
|
+
var _templateObject$G;
|
|
10204
10148
|
var ALL_ITEM = {
|
|
10205
10149
|
label: 'ALL',
|
|
10206
10150
|
value: 'ALL'
|
|
10207
10151
|
};
|
|
10208
|
-
var StyledMultiselector = styled__default.div(_templateObject$
|
|
10152
|
+
var StyledMultiselector = styled__default.div(_templateObject$G || (_templateObject$G = _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) {
|
|
10209
10153
|
return props.theme.colors.primary;
|
|
10210
10154
|
}, function (props) {
|
|
10211
10155
|
return props.theme.colors.ntrlMin;
|
|
@@ -10483,15 +10427,15 @@
|
|
|
10483
10427
|
}
|
|
10484
10428
|
};
|
|
10485
10429
|
|
|
10486
|
-
var _templateObject$
|
|
10430
|
+
var _templateObject$H, _templateObject2$8;
|
|
10487
10431
|
var ALL_ITEM$1 = {
|
|
10488
10432
|
id: 'ALL',
|
|
10489
10433
|
name: 'ALL'
|
|
10490
10434
|
};
|
|
10491
10435
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10492
10436
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10493
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10494
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject2$
|
|
10437
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$H || (_templateObject$H = _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);
|
|
10438
|
+
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) {
|
|
10495
10439
|
return props.theme.marginPaddings[2];
|
|
10496
10440
|
}, function (props) {
|
|
10497
10441
|
return props.theme.colors.ntrlMin;
|
|
@@ -10728,7 +10672,7 @@
|
|
|
10728
10672
|
}));
|
|
10729
10673
|
});
|
|
10730
10674
|
|
|
10731
|
-
var _templateObject$
|
|
10675
|
+
var _templateObject$I;
|
|
10732
10676
|
|
|
10733
10677
|
var Title$3 = function Title(_ref) {
|
|
10734
10678
|
var baseClass = _ref.baseClass,
|
|
@@ -10749,7 +10693,7 @@
|
|
|
10749
10693
|
})));
|
|
10750
10694
|
};
|
|
10751
10695
|
|
|
10752
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10696
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$I || (_templateObject$I = _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) {
|
|
10753
10697
|
return props.theme.marginPaddings[2];
|
|
10754
10698
|
}, function (props) {
|
|
10755
10699
|
return props.theme.fontSizes[2];
|
|
@@ -10889,8 +10833,8 @@
|
|
|
10889
10833
|
baseQueryLimit: 12
|
|
10890
10834
|
};
|
|
10891
10835
|
|
|
10892
|
-
var _templateObject$
|
|
10893
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10836
|
+
var _templateObject$J;
|
|
10837
|
+
var BaseButton = styled__default.button(_templateObject$J || (_templateObject$J = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10894
10838
|
return props.theme.colors.base;
|
|
10895
10839
|
}, function (props) {
|
|
10896
10840
|
return props.theme.colors.borderColor;
|
|
@@ -10959,12 +10903,12 @@
|
|
|
10959
10903
|
}
|
|
10960
10904
|
};
|
|
10961
10905
|
|
|
10962
|
-
var _templateObject$
|
|
10963
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10906
|
+
var _templateObject$K, _templateObject2$9;
|
|
10907
|
+
var TitleWrapper = styled__default.div(_templateObject$K || (_templateObject$K = _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) {
|
|
10964
10908
|
return props.theme.marginPaddings[4];
|
|
10965
10909
|
});
|
|
10966
10910
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10967
|
-
var ShoeSizeFadeContainer = styled__default.div(_templateObject2$
|
|
10911
|
+
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) {
|
|
10968
10912
|
return props.childVisible ? 1 : 0;
|
|
10969
10913
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10970
10914
|
return props.childVisible ? 1 : 0;
|
|
@@ -11098,8 +11042,8 @@
|
|
|
11098
11042
|
}
|
|
11099
11043
|
};
|
|
11100
11044
|
|
|
11101
|
-
var _templateObject$
|
|
11102
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
11045
|
+
var _templateObject$L;
|
|
11046
|
+
var SelectionWrapper = styled__default.div(_templateObject$L || (_templateObject$L = _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) {
|
|
11103
11047
|
return props.theme.marginPaddings[2];
|
|
11104
11048
|
}, function (props) {
|
|
11105
11049
|
return props.theme.marginPaddings[2];
|
|
@@ -11115,14 +11059,14 @@
|
|
|
11115
11059
|
|
|
11116
11060
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
11117
11061
|
|
|
11118
|
-
var _templateObject$
|
|
11119
|
-
var Content = styled__default.div(_templateObject$
|
|
11062
|
+
var _templateObject$M, _templateObject2$a, _templateObject3$5;
|
|
11063
|
+
var Content = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
11120
11064
|
return props.theme.colors.primary;
|
|
11121
11065
|
}, function (props) {
|
|
11122
11066
|
return props.theme.marginPaddings[0];
|
|
11123
11067
|
});
|
|
11124
|
-
var InputText = styled__default.div(_templateObject2$
|
|
11125
|
-
var StyledLabel = styled__default.label(_templateObject3$
|
|
11068
|
+
var InputText = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n transition: 200ms ease-in;\n margin-left: auto;\n margin-right: auto;\n"])));
|
|
11069
|
+
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) {
|
|
11126
11070
|
return props.theme.colors.primary;
|
|
11127
11071
|
}, Content, function (props) {
|
|
11128
11072
|
return props.theme.colors.primary;
|
|
@@ -11351,23 +11295,23 @@
|
|
|
11351
11295
|
}
|
|
11352
11296
|
};
|
|
11353
11297
|
|
|
11354
|
-
var _templateObject$
|
|
11298
|
+
var _templateObject$N, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3;
|
|
11355
11299
|
var UNISEX$1 = genders.UNISEX;
|
|
11356
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11300
|
+
var AddInterestContainer = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11357
11301
|
return props.theme.marginPaddings[6];
|
|
11358
11302
|
}, function (props) {
|
|
11359
11303
|
return props.theme.colors.borderColor;
|
|
11360
11304
|
}, function (props) {
|
|
11361
11305
|
return props.theme.marginPaddings[6];
|
|
11362
11306
|
});
|
|
11363
|
-
var SaveAndCancelButtonContainer = styled__default.div(_templateObject2$
|
|
11307
|
+
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) {
|
|
11364
11308
|
return props.theme.marginPaddings[6];
|
|
11365
11309
|
}, media.xs, function (props) {
|
|
11366
11310
|
return props.theme.marginPaddings[0];
|
|
11367
11311
|
}, function (props) {
|
|
11368
11312
|
return props.theme.marginPaddings[1];
|
|
11369
11313
|
});
|
|
11370
|
-
var CatSelectorParagraph = styled__default.div(_templateObject3$
|
|
11314
|
+
var CatSelectorParagraph = styled__default.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n margin-bottom: ", ";\n"])), function (props) {
|
|
11371
11315
|
return props.theme.colors.darkerGray;
|
|
11372
11316
|
}, function (props) {
|
|
11373
11317
|
return props.theme.marginPaddings[2];
|
|
@@ -11678,8 +11622,8 @@
|
|
|
11678
11622
|
|
|
11679
11623
|
var AddInterest$1 = themed(AddInterest);
|
|
11680
11624
|
|
|
11681
|
-
var _templateObject$
|
|
11682
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11625
|
+
var _templateObject$O;
|
|
11626
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
11683
11627
|
return props.theme.marginPaddings[0];
|
|
11684
11628
|
}, function (props) {
|
|
11685
11629
|
return props.theme.colors.primary;
|
|
@@ -11713,8 +11657,8 @@
|
|
|
11713
11657
|
|
|
11714
11658
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11715
11659
|
|
|
11716
|
-
var _templateObject$
|
|
11717
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
11660
|
+
var _templateObject$P;
|
|
11661
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
11718
11662
|
return props.theme.colors.primary;
|
|
11719
11663
|
});
|
|
11720
11664
|
var AccountIcon = themed(function () {
|
|
@@ -11860,7 +11804,7 @@
|
|
|
11860
11804
|
}(React__default.Component);
|
|
11861
11805
|
|
|
11862
11806
|
Interests.defaultProps = {
|
|
11863
|
-
interestsTitle: '
|
|
11807
|
+
interestsTitle: 'Interests',
|
|
11864
11808
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11865
11809
|
};
|
|
11866
11810
|
|