@bonlineza/luxity-lib 2.39.7 → 2.39.9
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 +68 -31
- package/GraphQLDropdownSelector.js +93 -59
- package/Interests.js +94 -60
- package/LuxityDesktopHeader.js +8 -5
- package/LuxityGraphQLDropdownSelector.js +93 -59
- package/MaterialSelector.js +93 -59
- package/ModelSelector.js +93 -59
- package/PriceRangeSelector.js +9 -2
- package/ShoeSizeSelector.js +44 -0
- package/build/bundle.css +1 -1
- package/build/bundle.js +99 -62
- package/package.json +2 -1
- package/svg/Heart.js +42 -0
package/AddInterest.js
CHANGED
|
@@ -2388,6 +2388,11 @@
|
|
|
2388
2388
|
};
|
|
2389
2389
|
var RangeSlider$1 = themed(RangeSlider);
|
|
2390
2390
|
|
|
2391
|
+
var _templateObject$i;
|
|
2392
|
+
var ShoeSizeSelectWrapper = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n select {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n background-color: transparent;\n padding: 4px 0;\n font-size: inherit;\n cursor: pointer;\n }\n\n @media (max-width: ", ") {\n select {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
2393
|
+
return props.theme.colors.primary;
|
|
2394
|
+
}, media.xs);
|
|
2395
|
+
|
|
2391
2396
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
2392
2397
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
2393
2398
|
return shoe_sizes.length - 1;
|
|
@@ -2443,6 +2448,38 @@
|
|
|
2443
2448
|
toolTipComponent: ToolTipComponent,
|
|
2444
2449
|
renderFooterSection: getFooterButtons,
|
|
2445
2450
|
onChange: handleShoeSizeChange
|
|
2451
|
+
}, function (_ref3) {
|
|
2452
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
2453
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
2454
|
+
currMinVal = _ref3.currMinVal,
|
|
2455
|
+
currMaxVal = _ref3.currMaxVal;
|
|
2456
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
2457
|
+
"data-qe-id": "shoe-size-select-min",
|
|
2458
|
+
value: currMinVal,
|
|
2459
|
+
onChange: function onChange(event) {
|
|
2460
|
+
var index = parseInt(event.target.value, 10);
|
|
2461
|
+
manuallyChangeMinValue(index);
|
|
2462
|
+
}
|
|
2463
|
+
}, shoeSizes.map(function (item, index) {
|
|
2464
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
2465
|
+
key: item.id,
|
|
2466
|
+
value: index,
|
|
2467
|
+
disabled: index > currMaxVal
|
|
2468
|
+
}, item.size);
|
|
2469
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
2470
|
+
"data-qe-id": "shoe-size-select-max",
|
|
2471
|
+
value: currMaxVal,
|
|
2472
|
+
onChange: function onChange(event) {
|
|
2473
|
+
var index = parseInt(event.target.value, 10);
|
|
2474
|
+
manuallyChangeMaxValue(index);
|
|
2475
|
+
}
|
|
2476
|
+
}, shoeSizes.map(function (item, index) {
|
|
2477
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
2478
|
+
key: item.id,
|
|
2479
|
+
value: index,
|
|
2480
|
+
disabled: index < currMinVal
|
|
2481
|
+
}, item.size);
|
|
2482
|
+
})));
|
|
2446
2483
|
}));
|
|
2447
2484
|
};
|
|
2448
2485
|
|
|
@@ -2453,46 +2490,46 @@
|
|
|
2453
2490
|
shoeSizes: []
|
|
2454
2491
|
};
|
|
2455
2492
|
|
|
2456
|
-
var _templateObject$i;
|
|
2457
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
2458
|
-
|
|
2459
2493
|
var _templateObject$j;
|
|
2460
|
-
var
|
|
2494
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
2495
|
+
|
|
2496
|
+
var _templateObject$k;
|
|
2497
|
+
var ButtonListWrapper = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
2461
2498
|
var noWrap = _ref.noWrap;
|
|
2462
2499
|
return noWrap ? 'nowrap' : 'wrap';
|
|
2463
2500
|
});
|
|
2464
2501
|
|
|
2465
|
-
var _templateObject$
|
|
2466
|
-
var Title$3 = styled__default.div(_templateObject$
|
|
2502
|
+
var _templateObject$l;
|
|
2503
|
+
var Title$3 = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
2467
2504
|
return props.theme.colors.base;
|
|
2468
2505
|
});
|
|
2469
2506
|
|
|
2470
|
-
var _templateObject$
|
|
2471
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
2507
|
+
var _templateObject$m;
|
|
2508
|
+
var RadioButtonLabel = styled__default.label(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
2472
2509
|
return props.theme.marginPaddings[0];
|
|
2473
2510
|
}, function (props) {
|
|
2474
2511
|
return props.theme.marginPaddings[0];
|
|
2475
2512
|
});
|
|
2476
2513
|
|
|
2477
|
-
var _templateObject$
|
|
2478
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
2514
|
+
var _templateObject$n;
|
|
2515
|
+
var RadioButtonCircle = styled__default.div(_templateObject$n || (_templateObject$n = _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) {
|
|
2479
2516
|
return props.theme.colors.base;
|
|
2480
2517
|
});
|
|
2481
2518
|
|
|
2482
|
-
var _templateObject$n;
|
|
2483
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
2484
|
-
|
|
2485
2519
|
var _templateObject$o;
|
|
2486
|
-
var
|
|
2487
|
-
return props.theme.colors.base;
|
|
2488
|
-
});
|
|
2520
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
2489
2521
|
|
|
2490
2522
|
var _templateObject$p;
|
|
2491
|
-
var
|
|
2523
|
+
var RadioButtonInput = styled__default.input(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
2524
|
+
return props.theme.colors.base;
|
|
2525
|
+
});
|
|
2492
2526
|
|
|
2493
2527
|
var _templateObject$q;
|
|
2528
|
+
var RadioButtonText = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
2529
|
+
|
|
2530
|
+
var _templateObject$r;
|
|
2494
2531
|
var inputMarginRight = '0.2em';
|
|
2495
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
2532
|
+
var CheckboxLabel = styled__default.label(_templateObject$r || (_templateObject$r = _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) {
|
|
2496
2533
|
var _props$theme;
|
|
2497
2534
|
|
|
2498
2535
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -2579,8 +2616,8 @@
|
|
|
2579
2616
|
}
|
|
2580
2617
|
};
|
|
2581
2618
|
|
|
2582
|
-
var _templateObject$
|
|
2583
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
2619
|
+
var _templateObject$s, _templateObject2$5;
|
|
2620
|
+
var TitleWrapper = styled__default.div(_templateObject$s || (_templateObject$s = _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) {
|
|
2584
2621
|
return props.theme.marginPaddings[4];
|
|
2585
2622
|
});
|
|
2586
2623
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -2767,8 +2804,8 @@
|
|
|
2767
2804
|
|
|
2768
2805
|
var _excluded$6 = ["children"];
|
|
2769
2806
|
|
|
2770
|
-
var _templateObject$
|
|
2771
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
2807
|
+
var _templateObject$t;
|
|
2808
|
+
var Button$4 = styled__default.button(_templateObject$t || (_templateObject$t = _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) {
|
|
2772
2809
|
return props.theme.colors.ntrlMin;
|
|
2773
2810
|
}, function (props) {
|
|
2774
2811
|
return props.theme.colors.primary;
|
|
@@ -2791,10 +2828,10 @@
|
|
|
2791
2828
|
|
|
2792
2829
|
var SecondaryButton$1 = themed(SecondaryButton);
|
|
2793
2830
|
|
|
2794
|
-
var _templateObject$
|
|
2795
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
2831
|
+
var _templateObject$u;
|
|
2832
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$u || (_templateObject$u = _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 min-width: 0;\n }\n\n @media (max-width: ", ") {\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
2796
2833
|
return props.theme.colors.primary;
|
|
2797
|
-
});
|
|
2834
|
+
}, media.xs);
|
|
2798
2835
|
|
|
2799
2836
|
var debounceBuilder$2 = functions.debounced(50);
|
|
2800
2837
|
|
|
@@ -2925,8 +2962,8 @@
|
|
|
2925
2962
|
Notifications.notify.show(message, 'error', defaultNotifyTime);
|
|
2926
2963
|
};
|
|
2927
2964
|
|
|
2928
|
-
var _templateObject$
|
|
2929
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
2965
|
+
var _templateObject$v;
|
|
2966
|
+
var SelectionWrapper = styled__default.div(_templateObject$v || (_templateObject$v = _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) {
|
|
2930
2967
|
return props.theme.marginPaddings[2];
|
|
2931
2968
|
}, function (props) {
|
|
2932
2969
|
return props.theme.marginPaddings[2];
|
|
@@ -2942,8 +2979,8 @@
|
|
|
2942
2979
|
|
|
2943
2980
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
2944
2981
|
|
|
2945
|
-
var _templateObject$
|
|
2946
|
-
var Content = styled__default.div(_templateObject$
|
|
2982
|
+
var _templateObject$w, _templateObject2$6, _templateObject3$1;
|
|
2983
|
+
var Content = styled__default.div(_templateObject$w || (_templateObject$w = _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) {
|
|
2947
2984
|
return props.theme.colors.primary;
|
|
2948
2985
|
}, function (props) {
|
|
2949
2986
|
return props.theme.marginPaddings[0];
|
|
@@ -3122,9 +3159,9 @@
|
|
|
3122
3159
|
itemRenderer: ItemRenderer
|
|
3123
3160
|
};
|
|
3124
3161
|
|
|
3125
|
-
var _templateObject$
|
|
3162
|
+
var _templateObject$x, _templateObject2$7, _templateObject3$2;
|
|
3126
3163
|
var UNISEX = genders.UNISEX;
|
|
3127
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
3164
|
+
var AddInterestContainer = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
3128
3165
|
return props.theme.marginPaddings[6];
|
|
3129
3166
|
}, function (props) {
|
|
3130
3167
|
return props.theme.colors.borderColor;
|
|
@@ -9377,9 +9377,9 @@
|
|
|
9377
9377
|
};
|
|
9378
9378
|
|
|
9379
9379
|
var _templateObject$B;
|
|
9380
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n }\n"])), function (props) {
|
|
9380
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n min-width: 0;\n }\n\n @media (max-width: ", ") {\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
9381
9381
|
return props.theme.colors.primary;
|
|
9382
|
-
});
|
|
9382
|
+
}, media.xs);
|
|
9383
9383
|
|
|
9384
9384
|
var debounceBuilder$1 = functions.debounced(50);
|
|
9385
9385
|
|
|
@@ -9514,6 +9514,11 @@
|
|
|
9514
9514
|
|
|
9515
9515
|
var debounceBuilder$2 = functions.debounced(50);
|
|
9516
9516
|
|
|
9517
|
+
var _templateObject$D;
|
|
9518
|
+
var ShoeSizeSelectWrapper = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n justify-content: space-between;\n\n select {\n flex-basis: 30%;\n border-left: none;\n border-right: none;\n border-top: none;\n border-bottom: 1px solid ", ";\n background-color: transparent;\n padding: 4px 0;\n font-size: inherit;\n cursor: pointer;\n }\n\n @media (max-width: ", ") {\n select {\n flex-basis: 45%;\n }\n }\n"])), function (props) {
|
|
9519
|
+
return props.theme.colors.primary;
|
|
9520
|
+
}, media.xs);
|
|
9521
|
+
|
|
9517
9522
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9518
9523
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9519
9524
|
return shoe_sizes.length - 1;
|
|
@@ -9569,6 +9574,38 @@
|
|
|
9569
9574
|
toolTipComponent: ToolTipComponent,
|
|
9570
9575
|
renderFooterSection: getFooterButtons,
|
|
9571
9576
|
onChange: handleShoeSizeChange
|
|
9577
|
+
}, function (_ref3) {
|
|
9578
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
9579
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
9580
|
+
currMinVal = _ref3.currMinVal,
|
|
9581
|
+
currMaxVal = _ref3.currMaxVal;
|
|
9582
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
9583
|
+
"data-qe-id": "shoe-size-select-min",
|
|
9584
|
+
value: currMinVal,
|
|
9585
|
+
onChange: function onChange(event) {
|
|
9586
|
+
var index = parseInt(event.target.value, 10);
|
|
9587
|
+
manuallyChangeMinValue(index);
|
|
9588
|
+
}
|
|
9589
|
+
}, shoeSizes.map(function (item, index) {
|
|
9590
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9591
|
+
key: item.id,
|
|
9592
|
+
value: index,
|
|
9593
|
+
disabled: index > currMaxVal
|
|
9594
|
+
}, item.size);
|
|
9595
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
9596
|
+
"data-qe-id": "shoe-size-select-max",
|
|
9597
|
+
value: currMaxVal,
|
|
9598
|
+
onChange: function onChange(event) {
|
|
9599
|
+
var index = parseInt(event.target.value, 10);
|
|
9600
|
+
manuallyChangeMaxValue(index);
|
|
9601
|
+
}
|
|
9602
|
+
}, shoeSizes.map(function (item, index) {
|
|
9603
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9604
|
+
key: item.id,
|
|
9605
|
+
value: index,
|
|
9606
|
+
disabled: index < currMinVal
|
|
9607
|
+
}, item.size);
|
|
9608
|
+
})));
|
|
9572
9609
|
}));
|
|
9573
9610
|
};
|
|
9574
9611
|
|
|
@@ -9631,8 +9668,8 @@
|
|
|
9631
9668
|
showMessageOnError: true
|
|
9632
9669
|
};
|
|
9633
9670
|
|
|
9634
|
-
var _templateObject$
|
|
9635
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9671
|
+
var _templateObject$E;
|
|
9672
|
+
var StyledHeader = styled__default.h5(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n display: block;\n }\n\n .icon-header__left {\n display: flex;\n flex-flow: row nowrap;\n align-items: center;\n\n @media (max-width: ", ") {\n align-self: flex-start;\n }\n\n svg {\n height: 1.5em;\n width: 1.5em;\n margin-right: ", ";\n }\n }\n\n .icon-header__right {\n display: flex;\n flex-grow: 1;\n justify-content: flex-end;\n\n @media (max-width: ", ") {\n justify-content: flex-start;\n }\n }\n"])), media.sm, media.sm, function (props) {
|
|
9636
9673
|
return props.theme.marginPaddings[1];
|
|
9637
9674
|
}, media.sm);
|
|
9638
9675
|
|
|
@@ -9661,25 +9698,22 @@
|
|
|
9661
9698
|
};
|
|
9662
9699
|
var IconHeader$1 = themed(IconHeader);
|
|
9663
9700
|
|
|
9664
|
-
var
|
|
9701
|
+
var Heart = (function (props) {
|
|
9665
9702
|
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
9666
|
-
id: "svg-
|
|
9667
|
-
width: "
|
|
9668
|
-
height: "
|
|
9669
|
-
viewBox: "0 0
|
|
9703
|
+
id: "svg-interest-heart",
|
|
9704
|
+
width: "26",
|
|
9705
|
+
height: "25",
|
|
9706
|
+
viewBox: "0 0 29.8 28.9",
|
|
9670
9707
|
fill: "none",
|
|
9671
9708
|
xmlns: "http://www.w3.org/2000/svg"
|
|
9672
9709
|
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
9673
|
-
d: "
|
|
9674
|
-
fill: "currentColor"
|
|
9675
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
9676
|
-
d: "M12.5012 14.1892C11.2038 14.1892 10.1484 15.2421 10.1484 16.5357V19.5739C10.1484 20.8675 11.2038 21.9204 12.5012 21.9204C13.7974 21.9204 14.8515 20.8675 14.8515 19.5739V16.5357C14.8515 15.2421 13.7974 14.1892 12.5012 14.1892ZM13.1982 16.5357V19.5739C13.1982 19.9591 12.8856 20.2721 12.5006 20.2721C12.1149 20.2721 11.8011 19.9591 11.8011 19.5739V16.5357C11.8011 16.1505 12.1149 15.8376 12.5012 15.8376C12.8856 15.8376 13.1982 16.1505 13.1982 16.5357Z",
|
|
9710
|
+
d: "M25.993,3.04h.024l-.427-.273c-2.277-1.47-4.767-1.613-7.02-.391-1.577.854-2.893,2.348-3.664,4.115-.771-1.767-2.099-3.261-3.676-4.115-2.253-1.221-4.743-1.079-7.02.391C1.886,4.273.475,6.763.523,9.277c.107,5.454,5.727,12.545,10.909,16.826.972.794,2.205,1.245,3.474,1.245,1.257,0,2.49-.451,3.462-1.245,5.182-4.281,10.802-11.371,10.909-16.826.047-2.372-1.209-4.707-3.285-6.237ZM27.795,9.241c-.095,4.98-5.407,11.608-10.328,15.676l-.047.036c-1.458,1.209-3.581,1.209-5.039,0C7.448,20.885,2.1,14.233,2.005,9.241c-.036-1.992,1.115-3.996,3.012-5.229.996-.64,2.028-.972,3.071-.972.842,0,1.66.213,2.431.628,2.146,1.174,3.64,3.771,3.64,6.332,0,.415.332.747.747.747.403,0,.735-.332.735-.747,0-2.561,1.494-5.158,3.64-6.332,1.755-.949,3.711-.818,5.502.344,1.897,1.233,3.047,3.237,3.012,5.229Z",
|
|
9677
9711
|
fill: "currentColor"
|
|
9678
9712
|
}));
|
|
9679
9713
|
});
|
|
9680
9714
|
|
|
9681
|
-
var _templateObject$
|
|
9682
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9715
|
+
var _templateObject$F;
|
|
9716
|
+
var NotifyContainer = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .notification-settings {\n display: flex;\n align-items: center;\n\n @media (max-width: ", ") {\n flex-direction: column;\n align-items: flex-end;\n padding: 10px 0;\n }\n }\n\n .notification-row-wrapper {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n\n @media (min-width: ", ") {\n justify-content: center;\n width: auto;\n }\n }\n\n .notification-dropdown-label {\n margin-left: 20px;\n\n @media (max-width: ", ") {\n margin-left: 0;\n }\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 110px;\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"])), media.sm, media.lg, media.sm, function (props) {
|
|
9683
9717
|
return props.theme.colors.ntrlMin;
|
|
9684
9718
|
}, function (props) {
|
|
9685
9719
|
return props.theme.colors.base;
|
|
@@ -9848,14 +9882,14 @@
|
|
|
9848
9882
|
|
|
9849
9883
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
9850
9884
|
|
|
9851
|
-
var _templateObject$
|
|
9885
|
+
var _templateObject$G, _templateObject2$6;
|
|
9852
9886
|
var ALL_ITEM = {
|
|
9853
9887
|
id: 'ALL',
|
|
9854
9888
|
name: 'ALL'
|
|
9855
9889
|
};
|
|
9856
9890
|
var multiSelectorItemMaxHeight = '3rem';
|
|
9857
9891
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
9858
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
9892
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$G || (_templateObject$G = _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);
|
|
9859
9893
|
var StyledMultiselector = styled__default.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: wrap;\n margin-left: calc(-1 * ", ");\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n border-color: ", ";\n background-color: ", ";\n color: ", ";\n padding: ", ";\n text-transform: none;\n box-sizing: border-box;\n animation: ", " ease-in-out\n ", " forwards;\n flex-basis: calc(25% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\n min-height: 40px;\n\n @media (max-width: ", ") {\n flex-basis: calc(50% - ", ");\n }\n }\n }\n\n .multiselector__footer {\n display: flex;\n justify-content: center;\n button {\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n background-color: ", ";\n color: ", ";\n }\n }\n"])), function (props) {
|
|
9860
9894
|
return props.theme.marginPaddings[2];
|
|
9861
9895
|
}, function (props) {
|
|
@@ -10093,7 +10127,7 @@
|
|
|
10093
10127
|
}));
|
|
10094
10128
|
});
|
|
10095
10129
|
|
|
10096
|
-
var _templateObject$
|
|
10130
|
+
var _templateObject$H;
|
|
10097
10131
|
|
|
10098
10132
|
var Title$3 = function Title(_ref) {
|
|
10099
10133
|
var baseClass = _ref.baseClass,
|
|
@@ -10114,7 +10148,7 @@
|
|
|
10114
10148
|
})));
|
|
10115
10149
|
};
|
|
10116
10150
|
|
|
10117
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10151
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$H || (_templateObject$H = _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) {
|
|
10118
10152
|
return props.theme.marginPaddings[2];
|
|
10119
10153
|
}, function (props) {
|
|
10120
10154
|
return props.theme.fontSizes[2];
|
|
@@ -10254,8 +10288,8 @@
|
|
|
10254
10288
|
baseQueryLimit: 12
|
|
10255
10289
|
};
|
|
10256
10290
|
|
|
10257
|
-
var _templateObject$
|
|
10258
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10291
|
+
var _templateObject$I;
|
|
10292
|
+
var BaseButton = styled__default.button(_templateObject$I || (_templateObject$I = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
10259
10293
|
return props.theme.colors.base;
|
|
10260
10294
|
}, function (props) {
|
|
10261
10295
|
return props.theme.colors.borderColor;
|
|
@@ -10356,8 +10390,8 @@
|
|
|
10356
10390
|
}
|
|
10357
10391
|
};
|
|
10358
10392
|
|
|
10359
|
-
var _templateObject$
|
|
10360
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10393
|
+
var _templateObject$J, _templateObject2$7;
|
|
10394
|
+
var TitleWrapper = styled__default.div(_templateObject$J || (_templateObject$J = _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) {
|
|
10361
10395
|
return props.theme.marginPaddings[4];
|
|
10362
10396
|
});
|
|
10363
10397
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10495,8 +10529,8 @@
|
|
|
10495
10529
|
}
|
|
10496
10530
|
};
|
|
10497
10531
|
|
|
10498
|
-
var _templateObject$
|
|
10499
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10532
|
+
var _templateObject$K;
|
|
10533
|
+
var SelectionWrapper = styled__default.div(_templateObject$K || (_templateObject$K = _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) {
|
|
10500
10534
|
return props.theme.marginPaddings[2];
|
|
10501
10535
|
}, function (props) {
|
|
10502
10536
|
return props.theme.marginPaddings[2];
|
|
@@ -10512,8 +10546,8 @@
|
|
|
10512
10546
|
|
|
10513
10547
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10514
10548
|
|
|
10515
|
-
var _templateObject$
|
|
10516
|
-
var Content = styled__default.div(_templateObject$
|
|
10549
|
+
var _templateObject$L, _templateObject2$8, _templateObject3$3;
|
|
10550
|
+
var Content = styled__default.div(_templateObject$L || (_templateObject$L = _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) {
|
|
10517
10551
|
return props.theme.colors.primary;
|
|
10518
10552
|
}, function (props) {
|
|
10519
10553
|
return props.theme.marginPaddings[0];
|
|
@@ -10692,9 +10726,9 @@
|
|
|
10692
10726
|
itemRenderer: ItemRenderer
|
|
10693
10727
|
};
|
|
10694
10728
|
|
|
10695
|
-
var _templateObject$
|
|
10729
|
+
var _templateObject$M, _templateObject2$9, _templateObject3$4;
|
|
10696
10730
|
var UNISEX$1 = genders.UNISEX;
|
|
10697
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10731
|
+
var AddInterestContainer = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10698
10732
|
return props.theme.marginPaddings[6];
|
|
10699
10733
|
}, function (props) {
|
|
10700
10734
|
return props.theme.colors.borderColor;
|
|
@@ -10979,8 +11013,8 @@
|
|
|
10979
11013
|
|
|
10980
11014
|
var AddInterest$1 = themed(AddInterest);
|
|
10981
11015
|
|
|
10982
|
-
var _templateObject$
|
|
10983
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11016
|
+
var _templateObject$N;
|
|
11017
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$N || (_templateObject$N = _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) {
|
|
10984
11018
|
return props.theme.marginPaddings[0];
|
|
10985
11019
|
}, function (props) {
|
|
10986
11020
|
return props.theme.colors.primary;
|
|
@@ -11012,8 +11046,8 @@
|
|
|
11012
11046
|
|
|
11013
11047
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11014
11048
|
|
|
11015
|
-
var _templateObject$
|
|
11016
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
11049
|
+
var _templateObject$O;
|
|
11050
|
+
var MyInterestTitleHeadingContainer$1 = 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 }\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) {
|
|
11017
11051
|
return props.theme.colors.primary;
|
|
11018
11052
|
}, function (props) {
|
|
11019
11053
|
return props.theme.marginPaddings[1];
|
|
@@ -11211,8 +11245,8 @@
|
|
|
11211
11245
|
isDisabled: false
|
|
11212
11246
|
};
|
|
11213
11247
|
|
|
11214
|
-
var _templateObject$
|
|
11215
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11248
|
+
var _templateObject$P, _templateObject2$a;
|
|
11249
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11216
11250
|
return props.theme.marginPaddings[6];
|
|
11217
11251
|
}, function (props) {
|
|
11218
11252
|
return props.theme.colors.borderColor;
|
|
@@ -11515,7 +11549,7 @@
|
|
|
11515
11549
|
|
|
11516
11550
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11517
11551
|
|
|
11518
|
-
var _templateObject$
|
|
11552
|
+
var _templateObject$Q, _templateObject2$b, _templateObject3$5;
|
|
11519
11553
|
|
|
11520
11554
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11521
11555
|
var onClick = _ref.onClick,
|
|
@@ -11606,7 +11640,7 @@
|
|
|
11606
11640
|
return _createClass(LuxityProductInterestItem);
|
|
11607
11641
|
}(React__default.Component);
|
|
11608
11642
|
|
|
11609
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
11643
|
+
var InterestItemTitle$1 = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
11610
11644
|
var InterestItemContainer$1 = styled__default.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
11611
11645
|
var InterestItemContent$1 = styled__default.div(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 1rem;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 6);\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) {
|
|
11612
11646
|
return props.theme.colors.borderColor;
|
|
@@ -11627,8 +11661,8 @@
|
|
|
11627
11661
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
11628
11662
|
});
|
|
11629
11663
|
|
|
11630
|
-
var _templateObject$
|
|
11631
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
11664
|
+
var _templateObject$R, _templateObject2$c;
|
|
11665
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n width: 100%;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"])));
|
|
11632
11666
|
|
|
11633
11667
|
var AddIcon = function AddIcon(_ref) {
|
|
11634
11668
|
var onClick = _ref.onClick,
|
|
@@ -11639,8 +11673,8 @@
|
|
|
11639
11673
|
}, /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Add, null)));
|
|
11640
11674
|
};
|
|
11641
11675
|
|
|
11642
|
-
var
|
|
11643
|
-
return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(
|
|
11676
|
+
var InterestIcon = themed(function () {
|
|
11677
|
+
return /*#__PURE__*/React__default.createElement(SvgWrapper, null, /*#__PURE__*/React__default.createElement(Heart, null));
|
|
11644
11678
|
});
|
|
11645
11679
|
var AddInterestButton = themed(styled__default.div(_templateObject2$c || (_templateObject2$c = _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) {
|
|
11646
11680
|
return props.theme.colors.darkerGray;
|
|
@@ -11779,10 +11813,10 @@
|
|
|
11779
11813
|
}
|
|
11780
11814
|
}), /*#__PURE__*/React__default.createElement(IconHeader$1, {
|
|
11781
11815
|
svgComponent: function svgComponent() {
|
|
11782
|
-
return /*#__PURE__*/React__default.createElement(
|
|
11816
|
+
return /*#__PURE__*/React__default.createElement(InterestIcon, null);
|
|
11783
11817
|
},
|
|
11784
11818
|
title: interestsTitle,
|
|
11785
|
-
svgName: "
|
|
11819
|
+
svgName: "interest",
|
|
11786
11820
|
renderAppendage: function renderAppendage() {
|
|
11787
11821
|
return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
|
|
11788
11822
|
getSchedule: getSchedule,
|
|
@@ -11868,8 +11902,8 @@
|
|
|
11868
11902
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11869
11903
|
};
|
|
11870
11904
|
|
|
11871
|
-
var _templateObject$
|
|
11872
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11905
|
+
var _templateObject$S, _templateObject2$d, _templateObject3$6, _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, _templateObject29, _templateObject30;
|
|
11906
|
+
var HeaderWrapper = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n {\n display: inline-block;\n background-color: ", ";\n position: relative;\n width: 100%;\n\n .header__search-container,\n .header__search-input {\n background-color: ", ";\n }\n\n .header__search-container {\n max-width: ", ";\n margin: 0 auto;\n padding: ", " 5%;\n }\n }\n"])), function (props) {
|
|
11873
11907
|
return props.theme.rareStepColors.ntrlMin;
|
|
11874
11908
|
}, function (props) {
|
|
11875
11909
|
return props.theme.rareStepColors.primary;
|
|
@@ -11996,8 +12030,8 @@
|
|
|
11996
12030
|
return props.theme.rareStepColors.ntrl40;
|
|
11997
12031
|
});
|
|
11998
12032
|
|
|
11999
|
-
var _templateObject$
|
|
12000
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
12033
|
+
var _templateObject$T, _templateObject2$e, _templateObject3$7, _templateObject4$4, _templateObject5$2, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1;
|
|
12034
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n {\n display: flex;\n background-color: ", ";\n position: relative;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n padding: ", " 5%;\n }\n"])), function (props) {
|
|
12001
12035
|
return props.theme.rareStepColors.ntrlMin;
|
|
12002
12036
|
}, function (props) {
|
|
12003
12037
|
return props.theme.marginPaddings[3];
|
|
@@ -12079,8 +12113,8 @@
|
|
|
12079
12113
|
return props.theme.marginPaddings[1];
|
|
12080
12114
|
});
|
|
12081
12115
|
|
|
12082
|
-
var _templateObject$
|
|
12083
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
12116
|
+
var _templateObject$U, _templateObject2$f, _templateObject3$8, _templateObject4$5, _templateObject5$3, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
12117
|
+
var FooterWrapper = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
12084
12118
|
return props.theme.rareStepColors.ntrlMax;
|
|
12085
12119
|
}, function (props) {
|
|
12086
12120
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -12145,32 +12179,32 @@
|
|
|
12145
12179
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12146
12180
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12147
12181
|
|
|
12148
|
-
var _templateObject$
|
|
12149
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
12182
|
+
var _templateObject$V, _templateObject2$g;
|
|
12183
|
+
var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
12150
12184
|
var Options = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
12151
12185
|
|
|
12152
|
-
var _templateObject$
|
|
12153
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
12186
|
+
var _templateObject$W, _templateObject2$h;
|
|
12187
|
+
var SectionContainer = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
12154
12188
|
return props.theme.colors.primary;
|
|
12155
12189
|
});
|
|
12156
12190
|
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12157
12191
|
|
|
12158
|
-
var _templateObject$
|
|
12159
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
12192
|
+
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12193
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12160
12194
|
var EditButtonRow = styled__default.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
12161
12195
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12162
12196
|
|
|
12163
|
-
var _templateObject$
|
|
12164
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$
|
|
12197
|
+
var _templateObject$Y;
|
|
12198
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12165
12199
|
return props.theme.colors.gray;
|
|
12166
12200
|
});
|
|
12167
12201
|
|
|
12168
|
-
var _templateObject$
|
|
12202
|
+
var _templateObject$Z;
|
|
12169
12203
|
var ALL_ITEM$1 = {
|
|
12170
12204
|
label: 'ALL',
|
|
12171
12205
|
value: 'ALL'
|
|
12172
12206
|
};
|
|
12173
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12207
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$Z || (_templateObject$Z = _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) {
|
|
12174
12208
|
return props.theme.colors.primary;
|
|
12175
12209
|
}, function (props) {
|
|
12176
12210
|
return props.theme.colors.ntrlMin;
|