@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/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;
|
|
@@ -380,6 +381,40 @@
|
|
|
380
381
|
ntrlMinTen: '#e6e6e6',
|
|
381
382
|
gray: '#efefef',
|
|
382
383
|
darkerGray: '#454141'
|
|
384
|
+
},
|
|
385
|
+
rareStepColors: {
|
|
386
|
+
primary: '#202b58',
|
|
387
|
+
secondary: '#ef5c2d',
|
|
388
|
+
ntrlMin: '#ffffff',
|
|
389
|
+
ntrl40: '#f4f4f4',
|
|
390
|
+
ntrl50: '#808080',
|
|
391
|
+
ntrl60: '#e8e8e8',
|
|
392
|
+
ntrl70: '#252525',
|
|
393
|
+
ntrlMax: '#000000'
|
|
394
|
+
},
|
|
395
|
+
rareStepFontWeights: {
|
|
396
|
+
normal: 400,
|
|
397
|
+
medium: 500,
|
|
398
|
+
semiBold: 600,
|
|
399
|
+
bold: 700
|
|
400
|
+
},
|
|
401
|
+
rareStepFontSize: {
|
|
402
|
+
h1: '36px',
|
|
403
|
+
h2: '30px',
|
|
404
|
+
h3: '24px',
|
|
405
|
+
h4: '20px',
|
|
406
|
+
h5: '16px',
|
|
407
|
+
h6: '14px',
|
|
408
|
+
footerTitle: '18px'
|
|
409
|
+
},
|
|
410
|
+
rareStepPageSizes: {
|
|
411
|
+
mobile: '500px',
|
|
412
|
+
tablet: '768px',
|
|
413
|
+
desktop: '992px',
|
|
414
|
+
screenl: '1280px',
|
|
415
|
+
screenxl: '1680px',
|
|
416
|
+
screenxxl: '1920px',
|
|
417
|
+
container: '1600px'
|
|
383
418
|
}
|
|
384
419
|
};
|
|
385
420
|
|
|
@@ -446,57 +481,6 @@
|
|
|
446
481
|
return message.replace(':error_code', error.status || 'Network Down');
|
|
447
482
|
};
|
|
448
483
|
|
|
449
|
-
var LuxityArrowLeft = (function (props) {
|
|
450
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
451
|
-
version: "1.0",
|
|
452
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
453
|
-
width: props.width || '100%',
|
|
454
|
-
height: props.height || '100%',
|
|
455
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
456
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
457
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
458
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
459
|
-
fill: "#000000",
|
|
460
|
-
stroke: "none"
|
|
461
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
462
|
-
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"
|
|
463
|
-
})));
|
|
464
|
-
});
|
|
465
|
-
|
|
466
|
-
var LuxityArrowRight = (function (props) {
|
|
467
|
-
return /*#__PURE__*/React__default.createElement("svg", {
|
|
468
|
-
version: "1.0",
|
|
469
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
470
|
-
width: props.width || '100%',
|
|
471
|
-
height: props.height || '100%',
|
|
472
|
-
viewBox: "0 0 177.000000 300.000000",
|
|
473
|
-
preserveAspectRatio: "xMidYMid meet"
|
|
474
|
-
}, /*#__PURE__*/React__default.createElement("g", {
|
|
475
|
-
transform: "translate(0.000000,300.000000) scale(0.100000,-0.100000)",
|
|
476
|
-
fill: "#000000",
|
|
477
|
-
stroke: "none"
|
|
478
|
-
}, /*#__PURE__*/React__default.createElement("path", {
|
|
479
|
-
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"
|
|
480
|
-
})));
|
|
481
|
-
});
|
|
482
|
-
|
|
483
|
-
var _templateObject$1, _templateObject2, _templateObject3;
|
|
484
|
-
var LoaderContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n margin: 20px auto;\n"])));
|
|
485
|
-
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"])));
|
|
486
|
-
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"])));
|
|
487
|
-
|
|
488
|
-
function LuxityLoader(_ref) {
|
|
489
|
-
var width = _ref.width,
|
|
490
|
-
height = _ref.height;
|
|
491
|
-
return /*#__PURE__*/React__default.createElement(LoaderContainer, null, /*#__PURE__*/React__default.createElement(LeftImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowRight, {
|
|
492
|
-
width: width,
|
|
493
|
-
height: height
|
|
494
|
-
})), /*#__PURE__*/React__default.createElement(RightImageContainer, null, /*#__PURE__*/React__default.createElement(LuxityArrowLeft, {
|
|
495
|
-
width: width,
|
|
496
|
-
height: height
|
|
497
|
-
})));
|
|
498
|
-
}
|
|
499
|
-
|
|
500
484
|
var LuxityPageReadyContext = /*#__PURE__*/React__default.createContext({
|
|
501
485
|
data: null
|
|
502
486
|
});
|
|
@@ -572,10 +556,7 @@
|
|
|
572
556
|
customErrorMessage: customErrorMessage,
|
|
573
557
|
customErrorHandler: customErrorHandler,
|
|
574
558
|
renderCustomLoader: function renderCustomLoader() {
|
|
575
|
-
return /*#__PURE__*/React__default.createElement(
|
|
576
|
-
height: "40px",
|
|
577
|
-
width: "95%"
|
|
578
|
-
});
|
|
559
|
+
return /*#__PURE__*/React__default.createElement(EllipsisLoader, null);
|
|
579
560
|
},
|
|
580
561
|
errorMessageInterpreter: interpretErrorMessage
|
|
581
562
|
}, /*#__PURE__*/React__default.createElement(LuxityPageReadyContext.Provider, {
|
|
@@ -7162,8 +7143,8 @@
|
|
|
7162
7143
|
|
|
7163
7144
|
var index$1 = manageState(Select);
|
|
7164
7145
|
|
|
7165
|
-
var _templateObject$
|
|
7166
|
-
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) {
|
|
7167
7148
|
return props.theme.colors.ntrlMin;
|
|
7168
7149
|
}, function (props) {
|
|
7169
7150
|
return props.theme.colors.base;
|
|
@@ -7285,10 +7266,7 @@
|
|
|
7285
7266
|
}
|
|
7286
7267
|
}, /*#__PURE__*/React__default.createElement(React.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
7287
7268
|
className: "notification-dropdown-label"
|
|
7288
|
-
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(
|
|
7289
|
-
height: "20px",
|
|
7290
|
-
width: "95%"
|
|
7291
|
-
}) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
7269
|
+
}, "Notification:\xA0"), updating ? /*#__PURE__*/React__default.createElement(EllipsisLoader, null) : /*#__PURE__*/React__default.createElement(index$1, {
|
|
7292
7270
|
isMulti: false,
|
|
7293
7271
|
isSearchable: false,
|
|
7294
7272
|
components: {
|
|
@@ -7367,8 +7345,8 @@
|
|
|
7367
7345
|
APPAREL: 100000
|
|
7368
7346
|
};
|
|
7369
7347
|
|
|
7370
|
-
var _templateObject$
|
|
7371
|
-
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) {
|
|
7372
7350
|
return props.theme.marginPaddings[4];
|
|
7373
7351
|
}, function (props) {
|
|
7374
7352
|
return props.hasBorder ? props.theme.colors.borderColor : props.theme.colors.ntrlMin;
|
|
@@ -7399,8 +7377,8 @@
|
|
|
7399
7377
|
isChecked: false
|
|
7400
7378
|
};
|
|
7401
7379
|
|
|
7402
|
-
var _templateObject$
|
|
7403
|
-
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) {
|
|
7404
7382
|
return props.theme.marginPaddings[2];
|
|
7405
7383
|
}, media.sm);
|
|
7406
7384
|
|
|
@@ -7532,21 +7510,21 @@
|
|
|
7532
7510
|
}));
|
|
7533
7511
|
});
|
|
7534
7512
|
|
|
7535
|
-
var _templateObject$
|
|
7536
|
-
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) {
|
|
7537
7515
|
return props.theme.colors.primary;
|
|
7538
7516
|
}, function (props) {
|
|
7539
7517
|
return props.theme.marginPaddings[0];
|
|
7540
7518
|
});
|
|
7541
7519
|
|
|
7542
|
-
var _templateObject$
|
|
7543
|
-
var disabledButtonStyle = styled.css(_templateObject$
|
|
7544
|
-
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"])));
|
|
7545
7523
|
|
|
7546
7524
|
var _excluded = ["children"];
|
|
7547
7525
|
|
|
7548
|
-
var _templateObject$
|
|
7549
|
-
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);
|
|
7550
7528
|
|
|
7551
7529
|
var WrapperButton = function WrapperButton(_ref) {
|
|
7552
7530
|
var children = _ref.children,
|
|
@@ -7555,7 +7533,7 @@
|
|
|
7555
7533
|
return /*#__PURE__*/React__default.createElement(Button, restProps, children);
|
|
7556
7534
|
};
|
|
7557
7535
|
|
|
7558
|
-
var _templateObject$
|
|
7536
|
+
var _templateObject$7, _templateObject2$1;
|
|
7559
7537
|
var categories = catArray;
|
|
7560
7538
|
|
|
7561
7539
|
var getSvg = function getSvg() {
|
|
@@ -7582,10 +7560,10 @@
|
|
|
7582
7560
|
}
|
|
7583
7561
|
};
|
|
7584
7562
|
|
|
7585
|
-
var Container = styled__default.div(_templateObject$
|
|
7563
|
+
var Container = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
7586
7564
|
return props.theme.marginPaddings[5];
|
|
7587
7565
|
});
|
|
7588
|
-
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"])));
|
|
7589
7567
|
/**
|
|
7590
7568
|
* InterestCatSelector is a specialized selector for select luxity specific interest categories
|
|
7591
7569
|
*/
|
|
@@ -7618,43 +7596,43 @@
|
|
|
7618
7596
|
};
|
|
7619
7597
|
var CategoryInterestSelector = themed(InterestCatSelector);
|
|
7620
7598
|
|
|
7621
|
-
var _templateObject$
|
|
7622
|
-
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) {
|
|
7623
7601
|
return props.theme.colors.borderColor;
|
|
7624
7602
|
});
|
|
7625
7603
|
|
|
7626
|
-
var _templateObject$
|
|
7627
|
-
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"])));
|
|
7628
7606
|
|
|
7629
|
-
var _templateObject$
|
|
7630
|
-
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) {
|
|
7631
7609
|
return props.theme.fontSizes[2];
|
|
7632
7610
|
}, function (props) {
|
|
7633
7611
|
return props.theme.colors.primary || '';
|
|
7634
7612
|
});
|
|
7635
7613
|
|
|
7636
|
-
var _templateObject$
|
|
7637
|
-
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) {
|
|
7638
7616
|
return props.theme.marginPaddings[5];
|
|
7639
7617
|
});
|
|
7640
7618
|
|
|
7641
|
-
var _templateObject$
|
|
7642
|
-
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) {
|
|
7643
7621
|
return props.theme.marginPaddings[4];
|
|
7644
7622
|
}, function (props) {
|
|
7645
7623
|
return props.theme.colors.borderColor;
|
|
7646
7624
|
});
|
|
7647
7625
|
|
|
7648
|
-
var _templateObject$
|
|
7649
|
-
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) {
|
|
7650
7628
|
return props.theme.marginPaddings[6];
|
|
7651
7629
|
}, function (props) {
|
|
7652
7630
|
return props.theme.marginPaddings[6];
|
|
7653
7631
|
});
|
|
7654
7632
|
|
|
7655
|
-
var _templateObject$
|
|
7633
|
+
var _templateObject$e;
|
|
7656
7634
|
var inputMarginRight = '0.2em';
|
|
7657
|
-
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) {
|
|
7658
7636
|
var _props$theme;
|
|
7659
7637
|
|
|
7660
7638
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -7734,17 +7712,17 @@
|
|
|
7734
7712
|
})));
|
|
7735
7713
|
});
|
|
7736
7714
|
|
|
7737
|
-
var _templateObject$
|
|
7738
|
-
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"])));
|
|
7739
7717
|
|
|
7740
|
-
var _templateObject$
|
|
7741
|
-
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) {
|
|
7742
7720
|
return props.theme.colors.borderColor;
|
|
7743
7721
|
}, function (props) {
|
|
7744
7722
|
return props.theme.colors.borderColor;
|
|
7745
7723
|
});
|
|
7746
7724
|
|
|
7747
|
-
var _templateObject$
|
|
7725
|
+
var _templateObject$h, _templateObject2$2, _templateObject3, _templateObject4;
|
|
7748
7726
|
var MALE = genders.MALE,
|
|
7749
7727
|
FEMALE = genders.FEMALE,
|
|
7750
7728
|
UNISEX = genders.UNISEX;
|
|
@@ -7896,9 +7874,9 @@
|
|
|
7896
7874
|
return _createClass(InterestItem);
|
|
7897
7875
|
}(React__default.Component);
|
|
7898
7876
|
|
|
7899
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
7900
|
-
var InterestItemTitle = styled__default.div(_templateObject2$
|
|
7901
|
-
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);
|
|
7902
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) {
|
|
7903
7881
|
return props.theme.colors.borderColor;
|
|
7904
7882
|
}, function (props) {
|
|
@@ -7920,42 +7898,42 @@
|
|
|
7920
7898
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
7921
7899
|
});
|
|
7922
7900
|
|
|
7923
|
-
var _templateObject$
|
|
7924
|
-
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"])));
|
|
7925
7903
|
|
|
7926
|
-
var _templateObject$
|
|
7927
|
-
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) {
|
|
7928
7906
|
var noWrap = _ref.noWrap;
|
|
7929
7907
|
return noWrap ? 'nowrap' : 'wrap';
|
|
7930
7908
|
});
|
|
7931
7909
|
|
|
7932
|
-
var _templateObject$
|
|
7933
|
-
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) {
|
|
7934
7912
|
return props.theme.colors.base;
|
|
7935
7913
|
});
|
|
7936
7914
|
|
|
7937
|
-
var _templateObject$
|
|
7938
|
-
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) {
|
|
7939
7917
|
return props.theme.marginPaddings[0];
|
|
7940
7918
|
}, function (props) {
|
|
7941
7919
|
return props.theme.marginPaddings[0];
|
|
7942
7920
|
});
|
|
7943
7921
|
|
|
7944
|
-
var _templateObject$
|
|
7945
|
-
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) {
|
|
7946
7924
|
return props.theme.colors.base;
|
|
7947
7925
|
});
|
|
7948
7926
|
|
|
7949
|
-
var _templateObject$
|
|
7950
|
-
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"])));
|
|
7951
7929
|
|
|
7952
|
-
var _templateObject$
|
|
7953
|
-
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) {
|
|
7954
7932
|
return props.theme.colors.base;
|
|
7955
7933
|
});
|
|
7956
7934
|
|
|
7957
|
-
var _templateObject$
|
|
7958
|
-
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"])));
|
|
7959
7937
|
|
|
7960
7938
|
/**
|
|
7961
7939
|
* RadioButtons component can show multiple radios, a title and an error message
|
|
@@ -8012,13 +7990,13 @@
|
|
|
8012
7990
|
};
|
|
8013
7991
|
var RadioButtons$1 = themed(RadioButtons);
|
|
8014
7992
|
|
|
8015
|
-
var _templateObject$
|
|
7993
|
+
var _templateObject$q, _templateObject2$3, _templateObject3$1, _templateObject4$1, _templateObject5;
|
|
8016
7994
|
/* position relative is required for the Body element to be positioned correctly */
|
|
8017
7995
|
|
|
8018
|
-
var relativeInlineStyle = styled.css(_templateObject$
|
|
8019
|
-
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"])));
|
|
8020
7998
|
var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
|
|
8021
|
-
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);
|
|
8022
8000
|
};
|
|
8023
8001
|
var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
|
|
8024
8002
|
return styled.css(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 100%;\n left: calc(50% - ", " / 2);\n"])), props.bodyWidth);
|
|
@@ -8027,7 +8005,7 @@
|
|
|
8027
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);
|
|
8028
8006
|
};
|
|
8029
8007
|
|
|
8030
|
-
var _templateObject$
|
|
8008
|
+
var _templateObject$r;
|
|
8031
8009
|
|
|
8032
8010
|
var getBodyStyle = function getBodyStyle() {
|
|
8033
8011
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
@@ -8062,7 +8040,7 @@
|
|
|
8062
8040
|
}
|
|
8063
8041
|
};
|
|
8064
8042
|
|
|
8065
|
-
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) {
|
|
8066
8044
|
return props.bodyWidth;
|
|
8067
8045
|
}, function (props) {
|
|
8068
8046
|
return props.theme.colors.base || 'black';
|
|
@@ -8072,13 +8050,13 @@
|
|
|
8072
8050
|
return getAfterStyling(props);
|
|
8073
8051
|
});
|
|
8074
8052
|
|
|
8075
|
-
var _templateObject$
|
|
8076
|
-
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);
|
|
8077
8055
|
|
|
8078
8056
|
var _excluded$1 = ["children"];
|
|
8079
8057
|
|
|
8080
|
-
var _templateObject$
|
|
8081
|
-
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) {
|
|
8082
8060
|
return props.theme.colors.primary;
|
|
8083
8061
|
}, function (props) {
|
|
8084
8062
|
return props.theme.colors.ntrlMin;
|
|
@@ -8099,8 +8077,8 @@
|
|
|
8099
8077
|
|
|
8100
8078
|
var _excluded$2 = ["children"];
|
|
8101
8079
|
|
|
8102
|
-
var _templateObject$
|
|
8103
|
-
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) {
|
|
8104
8082
|
return props.theme.colors.ntrlMin;
|
|
8105
8083
|
}, function (props) {
|
|
8106
8084
|
return props.theme.colors.primary;
|
|
@@ -8125,8 +8103,8 @@
|
|
|
8125
8103
|
|
|
8126
8104
|
var _excluded$3 = ["children"];
|
|
8127
8105
|
|
|
8128
|
-
var _templateObject$
|
|
8129
|
-
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) {
|
|
8130
8108
|
return props.theme.colors.base;
|
|
8131
8109
|
}, function (props) {
|
|
8132
8110
|
return props.theme.colors.primary;
|
|
@@ -8148,8 +8126,8 @@
|
|
|
8148
8126
|
|
|
8149
8127
|
var _excluded$4 = ["children"];
|
|
8150
8128
|
|
|
8151
|
-
var _templateObject$
|
|
8152
|
-
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) {
|
|
8153
8131
|
return props.theme.colors.ntrlMin;
|
|
8154
8132
|
}, function (props) {
|
|
8155
8133
|
return props.theme.colors.primary;
|
|
@@ -9565,12 +9543,12 @@
|
|
|
9565
9543
|
/* ::<number | string, string, string> */
|
|
9566
9544
|
(transparentize);
|
|
9567
9545
|
|
|
9568
|
-
var _templateObject$
|
|
9569
|
-
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"])));
|
|
9570
9548
|
|
|
9571
|
-
var _templateObject$
|
|
9549
|
+
var _templateObject$y, _templateObject2$4, _templateObject3$2, _templateObject4$2;
|
|
9572
9550
|
var handleDimension = '14px';
|
|
9573
|
-
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) {
|
|
9574
9552
|
return props.theme.colors.primary;
|
|
9575
9553
|
}, function (props) {
|
|
9576
9554
|
return props.theme.colors.primary;
|
|
@@ -9589,22 +9567,22 @@
|
|
|
9589
9567
|
var getSliderMarkStyle = function getSliderMarkStyle(_ref) {
|
|
9590
9568
|
var showMarks = _ref.showMarks,
|
|
9591
9569
|
primary = _ref.theme.colors.primary;
|
|
9592
|
-
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 "])));
|
|
9593
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);
|
|
9594
9572
|
};
|
|
9595
9573
|
|
|
9596
|
-
var _templateObject$
|
|
9597
|
-
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"])));
|
|
9598
9576
|
|
|
9599
|
-
var _templateObject$
|
|
9600
|
-
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"])));
|
|
9601
9579
|
|
|
9602
9580
|
var _excluded$6 = ["dragging", "value", "offset", "index"],
|
|
9603
9581
|
_excluded2 = ["renderTitleSection", "marks", "defaultMinValue", "defaultMaxValue", "min", "max", "toolTipComponent", "renderFooterSection", "onChange", "children", "identifier", "showMarks"];
|
|
9604
9582
|
|
|
9605
|
-
var _templateObject$
|
|
9583
|
+
var _templateObject$B;
|
|
9606
9584
|
var debounceBuilder = functions.debounced(100);
|
|
9607
|
-
var ChildrenWrapper = styled__default.div(_templateObject$
|
|
9585
|
+
var ChildrenWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), function (props) {
|
|
9608
9586
|
return props.theme.marginPaddings[3];
|
|
9609
9587
|
});
|
|
9610
9588
|
|
|
@@ -9763,11 +9741,11 @@
|
|
|
9763
9741
|
};
|
|
9764
9742
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9765
9743
|
|
|
9766
|
-
var _templateObject$
|
|
9767
|
-
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) {
|
|
9768
9746
|
return props.theme.fontSizes[2];
|
|
9769
9747
|
});
|
|
9770
|
-
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) {
|
|
9771
9749
|
return props.theme.marginPaddings[1];
|
|
9772
9750
|
}, function (props) {
|
|
9773
9751
|
return props.theme.colors.primary;
|
|
@@ -9786,8 +9764,8 @@
|
|
|
9786
9764
|
}, /*#__PURE__*/React__default.createElement(Title$2, null, title), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
9787
9765
|
};
|
|
9788
9766
|
|
|
9789
|
-
var _templateObject$
|
|
9790
|
-
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) {
|
|
9791
9769
|
return props.theme.colors.primary;
|
|
9792
9770
|
});
|
|
9793
9771
|
|
|
@@ -9977,12 +9955,201 @@
|
|
|
9977
9955
|
shoeSizes: []
|
|
9978
9956
|
};
|
|
9979
9957
|
|
|
9980
|
-
var _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) {
|
|
9960
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
9961
|
+
});
|
|
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) {
|
|
9963
|
+
return props.theme.rareStepPageSizes.container;
|
|
9964
|
+
});
|
|
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) {
|
|
9966
|
+
return props.theme.marginPaddings[3];
|
|
9967
|
+
}, function (props) {
|
|
9968
|
+
return props.theme.rareStepPageSizes.container;
|
|
9969
|
+
});
|
|
9970
|
+
var LogoFigure = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\n {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
9971
|
+
var LogoImage = styled__default.img(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteral(["\n {\n width: 200px;\n height: 70px;\n }\n"])));
|
|
9972
|
+
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"])));
|
|
9973
|
+
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) {
|
|
9974
|
+
return props.theme.rareStepColors.secondary;
|
|
9975
|
+
}, function (props) {
|
|
9976
|
+
return props.theme.rareStepFontWeights.bold;
|
|
9977
|
+
}, function (props) {
|
|
9978
|
+
return props.theme.rareStepFontSize.h5;
|
|
9979
|
+
}, function (props) {
|
|
9980
|
+
return props.theme.rareStepColors.secondary;
|
|
9981
|
+
});
|
|
9982
|
+
var HeaderIconsContainer = styled__default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n {\n display: flex;\n align-items: center;\n }\n"])));
|
|
9983
|
+
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) {
|
|
9984
|
+
return props.theme.marginPaddings[3];
|
|
9985
|
+
});
|
|
9986
|
+
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) {
|
|
9987
|
+
return props.theme.rareStepColors.primary;
|
|
9988
|
+
}, function (props) {
|
|
9989
|
+
return props.theme.marginPaddings[1];
|
|
9990
|
+
});
|
|
9991
|
+
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) {
|
|
9992
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
9993
|
+
}, function (props) {
|
|
9994
|
+
return props.theme.rareStepFontSize.h5;
|
|
9995
|
+
}, function (props) {
|
|
9996
|
+
return props.theme.marginPaddings[5];
|
|
9997
|
+
}, function (props) {
|
|
9998
|
+
return props.theme.marginPaddings[1];
|
|
9999
|
+
}, function (props) {
|
|
10000
|
+
return props.theme.rareStepColors.primary;
|
|
10001
|
+
}, function (props) {
|
|
10002
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10003
|
+
}, function (props) {
|
|
10004
|
+
return props.theme.rareStepColors.secondary;
|
|
10005
|
+
});
|
|
10006
|
+
var NavigationLinks = styled__default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10007
|
+
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) {
|
|
10008
|
+
return props.theme.rareStepColors.primary;
|
|
10009
|
+
}, function (props) {
|
|
10010
|
+
return props.theme.marginPaddings[4];
|
|
10011
|
+
}, function (props) {
|
|
10012
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10013
|
+
}, function (props) {
|
|
10014
|
+
return props.theme.rareStepFontSize.h5;
|
|
10015
|
+
});
|
|
10016
|
+
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
10017
|
+
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) {
|
|
10018
|
+
return props.theme.marginPaddings[3];
|
|
10019
|
+
}, function (props) {
|
|
10020
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10021
|
+
}, function (props) {
|
|
10022
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10023
|
+
});
|
|
10024
|
+
var DropdownModelsList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
10025
|
+
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
10026
|
+
return props.theme.marginPaddings[5];
|
|
10027
|
+
});
|
|
10028
|
+
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"])));
|
|
10029
|
+
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) {
|
|
10030
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10031
|
+
}, function (props) {
|
|
10032
|
+
return props.theme.marginPaddings[0];
|
|
10033
|
+
}, function (props) {
|
|
10034
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10035
|
+
});
|
|
10036
|
+
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) {
|
|
10037
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10038
|
+
});
|
|
10039
|
+
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) {
|
|
10040
|
+
return props.theme.rareStepColors.secondary;
|
|
10041
|
+
}, function (props) {
|
|
10042
|
+
return props.theme.rareStepColors.secondary;
|
|
10043
|
+
});
|
|
10044
|
+
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) {
|
|
10045
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10046
|
+
}, function (props) {
|
|
10047
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10048
|
+
}, function (props) {
|
|
10049
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10050
|
+
});
|
|
10051
|
+
var DropdownNavigatorIcon = styled__default.img(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n {\n width: 15px;\n height: 12px;\n margin-left: ", ";\n }\n"])), function (props) {
|
|
10052
|
+
return props.theme.marginPaddings[0];
|
|
10053
|
+
});
|
|
10054
|
+
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) {
|
|
10055
|
+
return props.theme.rareStepColors.secondary;
|
|
10056
|
+
}, function (props) {
|
|
10057
|
+
return props.theme.rareStepColors.secondary;
|
|
10058
|
+
});
|
|
10059
|
+
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) {
|
|
10060
|
+
return props.theme.marginPaddings[1];
|
|
10061
|
+
}, function (props) {
|
|
10062
|
+
return props.theme.marginPaddings[3];
|
|
10063
|
+
}, function (props) {
|
|
10064
|
+
return props.theme.rareStepColors.primary;
|
|
10065
|
+
}, function (props) {
|
|
10066
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10067
|
+
});
|
|
10068
|
+
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) {
|
|
10069
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
10070
|
+
}, function (props) {
|
|
10071
|
+
return props.theme.marginPaddings[0];
|
|
10072
|
+
}, function (props) {
|
|
10073
|
+
return props.theme.rareStepColors.primary;
|
|
10074
|
+
}, function (props) {
|
|
10075
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10076
|
+
}, function (props) {
|
|
10077
|
+
return props.theme.marginPaddings[3];
|
|
10078
|
+
}, function (props) {
|
|
10079
|
+
return props.theme.rareStepColors.ntrl40;
|
|
10080
|
+
});
|
|
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"])));
|
|
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"])));
|
|
10083
|
+
|
|
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) {
|
|
10086
|
+
return props.theme.rareStepColors.ntrlMax;
|
|
10087
|
+
}, function (props) {
|
|
10088
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10089
|
+
}, function (props) {
|
|
10090
|
+
return props.theme.marginPaddings[4];
|
|
10091
|
+
}, function (props) {
|
|
10092
|
+
return props.theme.rareStepFontSize.h5;
|
|
10093
|
+
});
|
|
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) {
|
|
10095
|
+
return props.theme.rareStepPageSizes.container;
|
|
10096
|
+
});
|
|
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) {
|
|
10098
|
+
return props.theme.marginPaddings[4];
|
|
10099
|
+
});
|
|
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) {
|
|
10101
|
+
return props.theme.marginPaddings[4];
|
|
10102
|
+
});
|
|
10103
|
+
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) {
|
|
10104
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10105
|
+
}, function (props) {
|
|
10106
|
+
return props.theme.marginPaddings[1];
|
|
10107
|
+
}, function (props) {
|
|
10108
|
+
return props.theme.rareStepFontWeights.bold;
|
|
10109
|
+
}, function (props) {
|
|
10110
|
+
return props.theme.rareStepFontSize.footerTitle;
|
|
10111
|
+
}, function (props) {
|
|
10112
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10113
|
+
});
|
|
10114
|
+
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) {
|
|
10115
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10116
|
+
}, function (props) {
|
|
10117
|
+
return props.theme.space[2];
|
|
10118
|
+
}, function (props) {
|
|
10119
|
+
return props.theme.rareStepFontWeights.normal;
|
|
10120
|
+
}, function (props) {
|
|
10121
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10122
|
+
});
|
|
10123
|
+
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"])));
|
|
10124
|
+
var FooterImageWrapper = styled__default.div(_templateObject8$1 || (_templateObject8$1 = _taggedTemplateLiteral(["\n {\n flex-basis: 30%;\n padding-bottom: ", ";\n }\n"])), function (props) {
|
|
10125
|
+
return props.theme.marginPaddings[4];
|
|
10126
|
+
});
|
|
10127
|
+
var FooterLogo = styled__default.img(_templateObject9$1 || (_templateObject9$1 = _taggedTemplateLiteral(["\n {\n width: 120px;\n height: 50px;\n margin-top: ", ";\n }\n"])), function (props) {
|
|
10128
|
+
return props.theme.marginPaddings[5];
|
|
10129
|
+
});
|
|
10130
|
+
var SocialIconWrapper = styled__default.div(_templateObject10$1 || (_templateObject10$1 = _taggedTemplateLiteral(["\n {\n display: flex;\n }\n"])));
|
|
10131
|
+
var SocialIcon = styled__default.img(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n {\n width: 30px;\n height: 30px;\n margin-right: ", ";\n }\n"])), function (props) {
|
|
10132
|
+
return props.theme.marginPaddings[0];
|
|
10133
|
+
});
|
|
10134
|
+
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) {
|
|
10135
|
+
return props.theme.marginPaddings[1];
|
|
10136
|
+
}, function (props) {
|
|
10137
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10138
|
+
});
|
|
10139
|
+
var FooterCopyrightText = styled__default.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n {\n color: ", ";\n font-weight: ", ";\n }\n"])), function (props) {
|
|
10140
|
+
return props.theme.rareStepColors.ntrlMin;
|
|
10141
|
+
}, function (props) {
|
|
10142
|
+
return props.theme.rareStepFontWeights.normal;
|
|
10143
|
+
});
|
|
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"])));
|
|
10145
|
+
var FooterPaymentImage = styled__default.img(_templateObject15$1 || (_templateObject15$1 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10146
|
+
|
|
10147
|
+
var _templateObject$G;
|
|
9981
10148
|
var ALL_ITEM = {
|
|
9982
10149
|
label: 'ALL',
|
|
9983
10150
|
value: 'ALL'
|
|
9984
10151
|
};
|
|
9985
|
-
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) {
|
|
9986
10153
|
return props.theme.colors.primary;
|
|
9987
10154
|
}, function (props) {
|
|
9988
10155
|
return props.theme.colors.ntrlMin;
|
|
@@ -10260,15 +10427,15 @@
|
|
|
10260
10427
|
}
|
|
10261
10428
|
};
|
|
10262
10429
|
|
|
10263
|
-
var _templateObject$
|
|
10430
|
+
var _templateObject$H, _templateObject2$8;
|
|
10264
10431
|
var ALL_ITEM$1 = {
|
|
10265
10432
|
id: 'ALL',
|
|
10266
10433
|
name: 'ALL'
|
|
10267
10434
|
};
|
|
10268
10435
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10269
10436
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10270
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10271
|
-
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) {
|
|
10272
10439
|
return props.theme.marginPaddings[2];
|
|
10273
10440
|
}, function (props) {
|
|
10274
10441
|
return props.theme.colors.ntrlMin;
|
|
@@ -10505,7 +10672,7 @@
|
|
|
10505
10672
|
}));
|
|
10506
10673
|
});
|
|
10507
10674
|
|
|
10508
|
-
var _templateObject$
|
|
10675
|
+
var _templateObject$I;
|
|
10509
10676
|
|
|
10510
10677
|
var Title$3 = function Title(_ref) {
|
|
10511
10678
|
var baseClass = _ref.baseClass,
|
|
@@ -10526,7 +10693,7 @@
|
|
|
10526
10693
|
})));
|
|
10527
10694
|
};
|
|
10528
10695
|
|
|
10529
|
-
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) {
|
|
10530
10697
|
return props.theme.marginPaddings[2];
|
|
10531
10698
|
}, function (props) {
|
|
10532
10699
|
return props.theme.fontSizes[2];
|
|
@@ -10666,8 +10833,8 @@
|
|
|
10666
10833
|
baseQueryLimit: 12
|
|
10667
10834
|
};
|
|
10668
10835
|
|
|
10669
|
-
var _templateObject$
|
|
10670
|
-
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) {
|
|
10671
10838
|
return props.theme.colors.base;
|
|
10672
10839
|
}, function (props) {
|
|
10673
10840
|
return props.theme.colors.borderColor;
|
|
@@ -10736,12 +10903,12 @@
|
|
|
10736
10903
|
}
|
|
10737
10904
|
};
|
|
10738
10905
|
|
|
10739
|
-
var _templateObject$
|
|
10740
|
-
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) {
|
|
10741
10908
|
return props.theme.marginPaddings[4];
|
|
10742
10909
|
});
|
|
10743
10910
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
10744
|
-
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) {
|
|
10745
10912
|
return props.childVisible ? 1 : 0;
|
|
10746
10913
|
}, onShoeSizeTypeChangeTimeout, function (props) {
|
|
10747
10914
|
return props.childVisible ? 1 : 0;
|
|
@@ -10875,8 +11042,8 @@
|
|
|
10875
11042
|
}
|
|
10876
11043
|
};
|
|
10877
11044
|
|
|
10878
|
-
var _templateObject$
|
|
10879
|
-
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) {
|
|
10880
11047
|
return props.theme.marginPaddings[2];
|
|
10881
11048
|
}, function (props) {
|
|
10882
11049
|
return props.theme.marginPaddings[2];
|
|
@@ -10892,14 +11059,14 @@
|
|
|
10892
11059
|
|
|
10893
11060
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10894
11061
|
|
|
10895
|
-
var _templateObject$
|
|
10896
|
-
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) {
|
|
10897
11064
|
return props.theme.colors.primary;
|
|
10898
11065
|
}, function (props) {
|
|
10899
11066
|
return props.theme.marginPaddings[0];
|
|
10900
11067
|
});
|
|
10901
|
-
var InputText = styled__default.div(_templateObject2$
|
|
10902
|
-
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) {
|
|
10903
11070
|
return props.theme.colors.primary;
|
|
10904
11071
|
}, Content, function (props) {
|
|
10905
11072
|
return props.theme.colors.primary;
|
|
@@ -11128,28 +11295,28 @@
|
|
|
11128
11295
|
}
|
|
11129
11296
|
};
|
|
11130
11297
|
|
|
11131
|
-
var _templateObject$
|
|
11298
|
+
var _templateObject$N, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3;
|
|
11132
11299
|
var UNISEX$1 = genders.UNISEX;
|
|
11133
|
-
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) {
|
|
11134
11301
|
return props.theme.marginPaddings[6];
|
|
11135
11302
|
}, function (props) {
|
|
11136
11303
|
return props.theme.colors.borderColor;
|
|
11137
11304
|
}, function (props) {
|
|
11138
11305
|
return props.theme.marginPaddings[6];
|
|
11139
11306
|
});
|
|
11140
|
-
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) {
|
|
11141
11308
|
return props.theme.marginPaddings[6];
|
|
11142
11309
|
}, media.xs, function (props) {
|
|
11143
11310
|
return props.theme.marginPaddings[0];
|
|
11144
11311
|
}, function (props) {
|
|
11145
11312
|
return props.theme.marginPaddings[1];
|
|
11146
11313
|
});
|
|
11147
|
-
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) {
|
|
11148
11315
|
return props.theme.colors.darkerGray;
|
|
11149
11316
|
}, function (props) {
|
|
11150
11317
|
return props.theme.marginPaddings[2];
|
|
11151
11318
|
});
|
|
11152
|
-
var AddInterestButton = styled__default.div(_templateObject4$
|
|
11319
|
+
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) {
|
|
11153
11320
|
return props.theme.colors.darkerGray;
|
|
11154
11321
|
}, function (props) {
|
|
11155
11322
|
return props.theme.colors.borderColor;
|
|
@@ -11158,7 +11325,7 @@
|
|
|
11158
11325
|
}, function (props) {
|
|
11159
11326
|
return props.theme.marginPaddings[2];
|
|
11160
11327
|
});
|
|
11161
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject5$
|
|
11328
|
+
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"])));
|
|
11162
11329
|
|
|
11163
11330
|
var AddIcon = function AddIcon(_ref) {
|
|
11164
11331
|
var onClick = _ref.onClick,
|
|
@@ -11455,8 +11622,8 @@
|
|
|
11455
11622
|
|
|
11456
11623
|
var AddInterest$1 = themed(AddInterest);
|
|
11457
11624
|
|
|
11458
|
-
var _templateObject$
|
|
11459
|
-
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) {
|
|
11460
11627
|
return props.theme.marginPaddings[0];
|
|
11461
11628
|
}, function (props) {
|
|
11462
11629
|
return props.theme.colors.primary;
|
|
@@ -11490,8 +11657,8 @@
|
|
|
11490
11657
|
|
|
11491
11658
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11492
11659
|
|
|
11493
|
-
var _templateObject$
|
|
11494
|
-
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) {
|
|
11495
11662
|
return props.theme.colors.primary;
|
|
11496
11663
|
});
|
|
11497
11664
|
var AccountIcon = themed(function () {
|