@bonlineza/luxity-lib 2.39.7 → 2.39.8
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 +83 -46
- package/Interests.js +84 -47
- package/LuxityGraphQLDropdownSelector.js +83 -46
- package/MaterialSelector.js +83 -46
- package/ModelSelector.js +83 -46
- package/PriceRangeSelector.js +9 -2
- package/ShoeSizeSelector.js +44 -0
- package/build/bundle.css +1 -1
- package/build/bundle.js +81 -44
- package/package.json +2 -1
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
|
|
|
@@ -9678,8 +9715,8 @@
|
|
|
9678
9715
|
}));
|
|
9679
9716
|
});
|
|
9680
9717
|
|
|
9681
|
-
var _templateObject$
|
|
9682
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9718
|
+
var _templateObject$F;
|
|
9719
|
+
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
9720
|
return props.theme.colors.ntrlMin;
|
|
9684
9721
|
}, function (props) {
|
|
9685
9722
|
return props.theme.colors.base;
|
|
@@ -9848,14 +9885,14 @@
|
|
|
9848
9885
|
|
|
9849
9886
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
9850
9887
|
|
|
9851
|
-
var _templateObject$
|
|
9888
|
+
var _templateObject$G, _templateObject2$6;
|
|
9852
9889
|
var ALL_ITEM = {
|
|
9853
9890
|
id: 'ALL',
|
|
9854
9891
|
name: 'ALL'
|
|
9855
9892
|
};
|
|
9856
9893
|
var multiSelectorItemMaxHeight = '3rem';
|
|
9857
9894
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
9858
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
9895
|
+
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
9896
|
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
9897
|
return props.theme.marginPaddings[2];
|
|
9861
9898
|
}, function (props) {
|
|
@@ -10093,7 +10130,7 @@
|
|
|
10093
10130
|
}));
|
|
10094
10131
|
});
|
|
10095
10132
|
|
|
10096
|
-
var _templateObject$
|
|
10133
|
+
var _templateObject$H;
|
|
10097
10134
|
|
|
10098
10135
|
var Title$3 = function Title(_ref) {
|
|
10099
10136
|
var baseClass = _ref.baseClass,
|
|
@@ -10114,7 +10151,7 @@
|
|
|
10114
10151
|
})));
|
|
10115
10152
|
};
|
|
10116
10153
|
|
|
10117
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10154
|
+
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
10155
|
return props.theme.marginPaddings[2];
|
|
10119
10156
|
}, function (props) {
|
|
10120
10157
|
return props.theme.fontSizes[2];
|
|
@@ -10254,8 +10291,8 @@
|
|
|
10254
10291
|
baseQueryLimit: 12
|
|
10255
10292
|
};
|
|
10256
10293
|
|
|
10257
|
-
var _templateObject$
|
|
10258
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10294
|
+
var _templateObject$I;
|
|
10295
|
+
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
10296
|
return props.theme.colors.base;
|
|
10260
10297
|
}, function (props) {
|
|
10261
10298
|
return props.theme.colors.borderColor;
|
|
@@ -10356,8 +10393,8 @@
|
|
|
10356
10393
|
}
|
|
10357
10394
|
};
|
|
10358
10395
|
|
|
10359
|
-
var _templateObject$
|
|
10360
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10396
|
+
var _templateObject$J, _templateObject2$7;
|
|
10397
|
+
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
10398
|
return props.theme.marginPaddings[4];
|
|
10362
10399
|
});
|
|
10363
10400
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10495,8 +10532,8 @@
|
|
|
10495
10532
|
}
|
|
10496
10533
|
};
|
|
10497
10534
|
|
|
10498
|
-
var _templateObject$
|
|
10499
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10535
|
+
var _templateObject$K;
|
|
10536
|
+
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
10537
|
return props.theme.marginPaddings[2];
|
|
10501
10538
|
}, function (props) {
|
|
10502
10539
|
return props.theme.marginPaddings[2];
|
|
@@ -10512,8 +10549,8 @@
|
|
|
10512
10549
|
|
|
10513
10550
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10514
10551
|
|
|
10515
|
-
var _templateObject$
|
|
10516
|
-
var Content = styled__default.div(_templateObject$
|
|
10552
|
+
var _templateObject$L, _templateObject2$8, _templateObject3$3;
|
|
10553
|
+
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
10554
|
return props.theme.colors.primary;
|
|
10518
10555
|
}, function (props) {
|
|
10519
10556
|
return props.theme.marginPaddings[0];
|
|
@@ -10692,9 +10729,9 @@
|
|
|
10692
10729
|
itemRenderer: ItemRenderer
|
|
10693
10730
|
};
|
|
10694
10731
|
|
|
10695
|
-
var _templateObject$
|
|
10732
|
+
var _templateObject$M, _templateObject2$9, _templateObject3$4;
|
|
10696
10733
|
var UNISEX$1 = genders.UNISEX;
|
|
10697
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10734
|
+
var AddInterestContainer = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10698
10735
|
return props.theme.marginPaddings[6];
|
|
10699
10736
|
}, function (props) {
|
|
10700
10737
|
return props.theme.colors.borderColor;
|
|
@@ -10979,8 +11016,8 @@
|
|
|
10979
11016
|
|
|
10980
11017
|
var AddInterest$1 = themed(AddInterest);
|
|
10981
11018
|
|
|
10982
|
-
var _templateObject$
|
|
10983
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11019
|
+
var _templateObject$N;
|
|
11020
|
+
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
11021
|
return props.theme.marginPaddings[0];
|
|
10985
11022
|
}, function (props) {
|
|
10986
11023
|
return props.theme.colors.primary;
|
|
@@ -11012,8 +11049,8 @@
|
|
|
11012
11049
|
|
|
11013
11050
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11014
11051
|
|
|
11015
|
-
var _templateObject$
|
|
11016
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
11052
|
+
var _templateObject$O;
|
|
11053
|
+
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
11054
|
return props.theme.colors.primary;
|
|
11018
11055
|
}, function (props) {
|
|
11019
11056
|
return props.theme.marginPaddings[1];
|
|
@@ -11211,8 +11248,8 @@
|
|
|
11211
11248
|
isDisabled: false
|
|
11212
11249
|
};
|
|
11213
11250
|
|
|
11214
|
-
var _templateObject$
|
|
11215
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11251
|
+
var _templateObject$P, _templateObject2$a;
|
|
11252
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11216
11253
|
return props.theme.marginPaddings[6];
|
|
11217
11254
|
}, function (props) {
|
|
11218
11255
|
return props.theme.colors.borderColor;
|
|
@@ -11515,7 +11552,7 @@
|
|
|
11515
11552
|
|
|
11516
11553
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11517
11554
|
|
|
11518
|
-
var _templateObject$
|
|
11555
|
+
var _templateObject$Q, _templateObject2$b, _templateObject3$5;
|
|
11519
11556
|
|
|
11520
11557
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11521
11558
|
var onClick = _ref.onClick,
|
|
@@ -11606,7 +11643,7 @@
|
|
|
11606
11643
|
return _createClass(LuxityProductInterestItem);
|
|
11607
11644
|
}(React__default.Component);
|
|
11608
11645
|
|
|
11609
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
11646
|
+
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
11647
|
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
11648
|
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
11649
|
return props.theme.colors.borderColor;
|
|
@@ -11627,8 +11664,8 @@
|
|
|
11627
11664
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
11628
11665
|
});
|
|
11629
11666
|
|
|
11630
|
-
var _templateObject$
|
|
11631
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
11667
|
+
var _templateObject$R, _templateObject2$c;
|
|
11668
|
+
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
11669
|
|
|
11633
11670
|
var AddIcon = function AddIcon(_ref) {
|
|
11634
11671
|
var onClick = _ref.onClick,
|
|
@@ -11868,8 +11905,8 @@
|
|
|
11868
11905
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
11869
11906
|
};
|
|
11870
11907
|
|
|
11871
|
-
var _templateObject$
|
|
11872
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
11908
|
+
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;
|
|
11909
|
+
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
11910
|
return props.theme.rareStepColors.ntrlMin;
|
|
11874
11911
|
}, function (props) {
|
|
11875
11912
|
return props.theme.rareStepColors.primary;
|
|
@@ -11996,8 +12033,8 @@
|
|
|
11996
12033
|
return props.theme.rareStepColors.ntrl40;
|
|
11997
12034
|
});
|
|
11998
12035
|
|
|
11999
|
-
var _templateObject$
|
|
12000
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
12036
|
+
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;
|
|
12037
|
+
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
12038
|
return props.theme.rareStepColors.ntrlMin;
|
|
12002
12039
|
}, function (props) {
|
|
12003
12040
|
return props.theme.marginPaddings[3];
|
|
@@ -12079,8 +12116,8 @@
|
|
|
12079
12116
|
return props.theme.marginPaddings[1];
|
|
12080
12117
|
});
|
|
12081
12118
|
|
|
12082
|
-
var _templateObject$
|
|
12083
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
12119
|
+
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;
|
|
12120
|
+
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
12121
|
return props.theme.rareStepColors.ntrlMax;
|
|
12085
12122
|
}, function (props) {
|
|
12086
12123
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -12145,32 +12182,32 @@
|
|
|
12145
12182
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
12146
12183
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
12147
12184
|
|
|
12148
|
-
var _templateObject$
|
|
12149
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
12185
|
+
var _templateObject$V, _templateObject2$g;
|
|
12186
|
+
var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
12150
12187
|
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
12188
|
|
|
12152
|
-
var _templateObject$
|
|
12153
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
12189
|
+
var _templateObject$W, _templateObject2$h;
|
|
12190
|
+
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
12191
|
return props.theme.colors.primary;
|
|
12155
12192
|
});
|
|
12156
12193
|
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
12157
12194
|
|
|
12158
|
-
var _templateObject$
|
|
12159
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
12195
|
+
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
12196
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
12160
12197
|
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
12198
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
12162
12199
|
|
|
12163
|
-
var _templateObject$
|
|
12164
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$
|
|
12200
|
+
var _templateObject$Y;
|
|
12201
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
12165
12202
|
return props.theme.colors.gray;
|
|
12166
12203
|
});
|
|
12167
12204
|
|
|
12168
|
-
var _templateObject$
|
|
12205
|
+
var _templateObject$Z;
|
|
12169
12206
|
var ALL_ITEM$1 = {
|
|
12170
12207
|
label: 'ALL',
|
|
12171
12208
|
value: 'ALL'
|
|
12172
12209
|
};
|
|
12173
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
12210
|
+
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
12211
|
return props.theme.colors.primary;
|
|
12175
12212
|
}, function (props) {
|
|
12176
12213
|
return props.theme.colors.ntrlMin;
|