@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/MaterialSelector.js
CHANGED
|
@@ -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;
|