@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/Interests.js
CHANGED
|
@@ -9603,6 +9603,11 @@
|
|
|
9603
9603
|
};
|
|
9604
9604
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9605
9605
|
|
|
9606
|
+
var _templateObject$k;
|
|
9607
|
+
var ShoeSizeSelectWrapper = styled__default.div(_templateObject$k || (_templateObject$k = _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) {
|
|
9608
|
+
return props.theme.colors.primary;
|
|
9609
|
+
}, media.xs);
|
|
9610
|
+
|
|
9606
9611
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9607
9612
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9608
9613
|
return shoe_sizes.length - 1;
|
|
@@ -9658,6 +9663,38 @@
|
|
|
9658
9663
|
toolTipComponent: ToolTipComponent,
|
|
9659
9664
|
renderFooterSection: getFooterButtons,
|
|
9660
9665
|
onChange: handleShoeSizeChange
|
|
9666
|
+
}, function (_ref3) {
|
|
9667
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
9668
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
9669
|
+
currMinVal = _ref3.currMinVal,
|
|
9670
|
+
currMaxVal = _ref3.currMaxVal;
|
|
9671
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
9672
|
+
"data-qe-id": "shoe-size-select-min",
|
|
9673
|
+
value: currMinVal,
|
|
9674
|
+
onChange: function onChange(event) {
|
|
9675
|
+
var index = parseInt(event.target.value, 10);
|
|
9676
|
+
manuallyChangeMinValue(index);
|
|
9677
|
+
}
|
|
9678
|
+
}, shoeSizes.map(function (item, index) {
|
|
9679
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9680
|
+
key: item.id,
|
|
9681
|
+
value: index,
|
|
9682
|
+
disabled: index > currMaxVal
|
|
9683
|
+
}, item.size);
|
|
9684
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
9685
|
+
"data-qe-id": "shoe-size-select-max",
|
|
9686
|
+
value: currMaxVal,
|
|
9687
|
+
onChange: function onChange(event) {
|
|
9688
|
+
var index = parseInt(event.target.value, 10);
|
|
9689
|
+
manuallyChangeMaxValue(index);
|
|
9690
|
+
}
|
|
9691
|
+
}, shoeSizes.map(function (item, index) {
|
|
9692
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9693
|
+
key: item.id,
|
|
9694
|
+
value: index,
|
|
9695
|
+
disabled: index < currMinVal
|
|
9696
|
+
}, item.size);
|
|
9697
|
+
})));
|
|
9661
9698
|
}));
|
|
9662
9699
|
};
|
|
9663
9700
|
|
|
@@ -9668,46 +9705,46 @@
|
|
|
9668
9705
|
shoeSizes: []
|
|
9669
9706
|
};
|
|
9670
9707
|
|
|
9671
|
-
var _templateObject$k;
|
|
9672
|
-
var RadioButtonsContainer = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
9673
|
-
|
|
9674
9708
|
var _templateObject$l;
|
|
9675
|
-
var
|
|
9709
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
9710
|
+
|
|
9711
|
+
var _templateObject$m;
|
|
9712
|
+
var ButtonListWrapper = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
9676
9713
|
var noWrap = _ref.noWrap;
|
|
9677
9714
|
return noWrap ? 'nowrap' : 'wrap';
|
|
9678
9715
|
});
|
|
9679
9716
|
|
|
9680
|
-
var _templateObject$
|
|
9681
|
-
var Title$3 = styled__default.div(_templateObject$
|
|
9717
|
+
var _templateObject$n;
|
|
9718
|
+
var Title$3 = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n flex-basis: 40%;\n"])), function (props) {
|
|
9682
9719
|
return props.theme.colors.base;
|
|
9683
9720
|
});
|
|
9684
9721
|
|
|
9685
|
-
var _templateObject$
|
|
9686
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
9722
|
+
var _templateObject$o;
|
|
9723
|
+
var RadioButtonLabel = styled__default.label(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
9687
9724
|
return props.theme.marginPaddings[0];
|
|
9688
9725
|
}, function (props) {
|
|
9689
9726
|
return props.theme.marginPaddings[0];
|
|
9690
9727
|
});
|
|
9691
9728
|
|
|
9692
|
-
var _templateObject$
|
|
9693
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
9729
|
+
var _templateObject$p;
|
|
9730
|
+
var RadioButtonCircle = styled__default.div(_templateObject$p || (_templateObject$p = _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) {
|
|
9694
9731
|
return props.theme.colors.base;
|
|
9695
9732
|
});
|
|
9696
9733
|
|
|
9697
|
-
var _templateObject$p;
|
|
9698
|
-
var RadioButtonCircleInner = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
9699
|
-
|
|
9700
9734
|
var _templateObject$q;
|
|
9701
|
-
var
|
|
9702
|
-
return props.theme.colors.base;
|
|
9703
|
-
});
|
|
9735
|
+
var RadioButtonCircleInner = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\n height: 8px;\n width: 8px;\n border-radius: 50%;\n margin: auto;\n"])));
|
|
9704
9736
|
|
|
9705
9737
|
var _templateObject$r;
|
|
9706
|
-
var
|
|
9738
|
+
var RadioButtonInput = styled__default.input(_templateObject$r || (_templateObject$r = _taggedTemplateLiteral(["\n display: none;\n :checked ~ ", " {\n ", " {\n background-color: ", ";\n }\n }\n"])), RadioButtonCircle, RadioButtonCircleInner, function (props) {
|
|
9739
|
+
return props.theme.colors.base;
|
|
9740
|
+
});
|
|
9707
9741
|
|
|
9708
9742
|
var _templateObject$s;
|
|
9743
|
+
var RadioButtonText = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
9744
|
+
|
|
9745
|
+
var _templateObject$t;
|
|
9709
9746
|
var inputMarginRight = '0.2em';
|
|
9710
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
9747
|
+
var CheckboxLabel = styled__default.label(_templateObject$t || (_templateObject$t = _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) {
|
|
9711
9748
|
var _props$theme;
|
|
9712
9749
|
|
|
9713
9750
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -9794,8 +9831,8 @@
|
|
|
9794
9831
|
}
|
|
9795
9832
|
};
|
|
9796
9833
|
|
|
9797
|
-
var _templateObject$
|
|
9798
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
9834
|
+
var _templateObject$u, _templateObject2$5;
|
|
9835
|
+
var TitleWrapper = styled__default.div(_templateObject$u || (_templateObject$u = _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) {
|
|
9799
9836
|
return props.theme.marginPaddings[4];
|
|
9800
9837
|
});
|
|
9801
9838
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -9982,8 +10019,8 @@
|
|
|
9982
10019
|
|
|
9983
10020
|
var _excluded$6 = ["children"];
|
|
9984
10021
|
|
|
9985
|
-
var _templateObject$
|
|
9986
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
10022
|
+
var _templateObject$v;
|
|
10023
|
+
var Button$4 = styled__default.button(_templateObject$v || (_templateObject$v = _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) {
|
|
9987
10024
|
return props.theme.colors.ntrlMin;
|
|
9988
10025
|
}, function (props) {
|
|
9989
10026
|
return props.theme.colors.primary;
|
|
@@ -10006,10 +10043,10 @@
|
|
|
10006
10043
|
|
|
10007
10044
|
var SecondaryButton$1 = themed(SecondaryButton);
|
|
10008
10045
|
|
|
10009
|
-
var _templateObject$
|
|
10010
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
10046
|
+
var _templateObject$w;
|
|
10047
|
+
var CurrencyInputWrapper = styled__default.div(_templateObject$w || (_templateObject$w = _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) {
|
|
10011
10048
|
return props.theme.colors.primary;
|
|
10012
|
-
});
|
|
10049
|
+
}, media.xs);
|
|
10013
10050
|
|
|
10014
10051
|
var debounceBuilder$2 = functions.debounced(50);
|
|
10015
10052
|
|
|
@@ -10135,8 +10172,8 @@
|
|
|
10135
10172
|
category: ''
|
|
10136
10173
|
};
|
|
10137
10174
|
|
|
10138
|
-
var _templateObject$
|
|
10139
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10175
|
+
var _templateObject$x;
|
|
10176
|
+
var SelectionWrapper = styled__default.div(_templateObject$x || (_templateObject$x = _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) {
|
|
10140
10177
|
return props.theme.marginPaddings[2];
|
|
10141
10178
|
}, function (props) {
|
|
10142
10179
|
return props.theme.marginPaddings[2];
|
|
@@ -10152,8 +10189,8 @@
|
|
|
10152
10189
|
|
|
10153
10190
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10154
10191
|
|
|
10155
|
-
var _templateObject$
|
|
10156
|
-
var Content = styled__default.div(_templateObject$
|
|
10192
|
+
var _templateObject$y, _templateObject2$6, _templateObject3$1;
|
|
10193
|
+
var Content = styled__default.div(_templateObject$y || (_templateObject$y = _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) {
|
|
10157
10194
|
return props.theme.colors.primary;
|
|
10158
10195
|
}, function (props) {
|
|
10159
10196
|
return props.theme.marginPaddings[0];
|
|
@@ -10332,9 +10369,9 @@
|
|
|
10332
10369
|
itemRenderer: ItemRenderer
|
|
10333
10370
|
};
|
|
10334
10371
|
|
|
10335
|
-
var _templateObject$
|
|
10372
|
+
var _templateObject$z, _templateObject2$7, _templateObject3$2;
|
|
10336
10373
|
var UNISEX = genders.UNISEX;
|
|
10337
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10374
|
+
var AddInterestContainer = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10338
10375
|
return props.theme.marginPaddings[6];
|
|
10339
10376
|
}, function (props) {
|
|
10340
10377
|
return props.theme.colors.borderColor;
|
|
@@ -10672,17 +10709,17 @@
|
|
|
10672
10709
|
})));
|
|
10673
10710
|
});
|
|
10674
10711
|
|
|
10675
|
-
var _templateObject$z;
|
|
10676
|
-
var SvgWrapper$1 = styled__default.span(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
10677
|
-
|
|
10678
10712
|
var _templateObject$A;
|
|
10679
|
-
var
|
|
10713
|
+
var SvgWrapper$1 = styled__default.span(_templateObject$A || (_templateObject$A = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"])));
|
|
10714
|
+
|
|
10715
|
+
var _templateObject$B;
|
|
10716
|
+
var IconWrapper = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteral(["\n border: 1px solid ", ";\n height: auto;\n margin-bottom: 1rem;\n margin-left: 1rem;\n display: flex;\n align-items: center;\n height: auto;\n\n :hover {\n background-color: ", ";\n cursor: pointer;\n }\n\n #svg-trash {\n width: 15px;\n height: 100%;\n }\n"])), function (props) {
|
|
10680
10717
|
return props.theme.colors.borderColor;
|
|
10681
10718
|
}, function (props) {
|
|
10682
10719
|
return props.theme.colors.borderColor;
|
|
10683
10720
|
});
|
|
10684
10721
|
|
|
10685
|
-
var _templateObject$
|
|
10722
|
+
var _templateObject$C, _templateObject2$8, _templateObject3$3, _templateObject4$1;
|
|
10686
10723
|
var MALE$2 = genders.MALE,
|
|
10687
10724
|
FEMALE$2 = genders.FEMALE,
|
|
10688
10725
|
UNISEX$1 = genders.UNISEX;
|
|
@@ -10818,7 +10855,7 @@
|
|
|
10818
10855
|
return _createClass(InterestItem);
|
|
10819
10856
|
}(React__default.Component);
|
|
10820
10857
|
|
|
10821
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
10858
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
10822
10859
|
var InterestItemTitle = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
10823
10860
|
var InterestItemContainer = styled__default.div(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
10824
10861
|
var InterestItemContent = styled__default.div(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n height: 100%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 8);\n margin-left: ", ";\n margin-top: 0.3rem;\n\n @media (max-width: ", ") {\n display: inline;\n }\n }\n\n .list-items {\n display: inline-flex;\n flex-direction: column;\n\n @media (max-width: ", ") {\n margin-left: ", ";\n }\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n }\n"])), function (props) {
|
|
@@ -10842,8 +10879,8 @@
|
|
|
10842
10879
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
10843
10880
|
});
|
|
10844
10881
|
|
|
10845
|
-
var _templateObject$
|
|
10846
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
10882
|
+
var _templateObject$D;
|
|
10883
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$D || (_templateObject$D = _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) {
|
|
10847
10884
|
return props.theme.marginPaddings[0];
|
|
10848
10885
|
}, function (props) {
|
|
10849
10886
|
return props.theme.colors.primary;
|
|
@@ -10875,8 +10912,8 @@
|
|
|
10875
10912
|
|
|
10876
10913
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10877
10914
|
|
|
10878
|
-
var _templateObject$
|
|
10879
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
10915
|
+
var _templateObject$E;
|
|
10916
|
+
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$E || (_templateObject$E = _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) {
|
|
10880
10917
|
return props.theme.colors.primary;
|
|
10881
10918
|
}, function (props) {
|
|
10882
10919
|
return props.theme.marginPaddings[1];
|
|
@@ -11074,8 +11111,8 @@
|
|
|
11074
11111
|
isDisabled: false
|
|
11075
11112
|
};
|
|
11076
11113
|
|
|
11077
|
-
var _templateObject$
|
|
11078
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11114
|
+
var _templateObject$F, _templateObject2$9;
|
|
11115
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11079
11116
|
return props.theme.marginPaddings[6];
|
|
11080
11117
|
}, function (props) {
|
|
11081
11118
|
return props.theme.colors.borderColor;
|
|
@@ -11378,7 +11415,7 @@
|
|
|
11378
11415
|
|
|
11379
11416
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11380
11417
|
|
|
11381
|
-
var _templateObject$
|
|
11418
|
+
var _templateObject$G, _templateObject2$a, _templateObject3$4;
|
|
11382
11419
|
|
|
11383
11420
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11384
11421
|
var onClick = _ref.onClick,
|
|
@@ -11469,7 +11506,7 @@
|
|
|
11469
11506
|
return _createClass(LuxityProductInterestItem);
|
|
11470
11507
|
}(React__default.Component);
|
|
11471
11508
|
|
|
11472
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
11509
|
+
var InterestItemTitle$1 = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteral(["\n font-weight: bold;\n display: none;\n\n @media (max-width: ", ") {\n display: inline;\n }\n"])), media.xs);
|
|
11473
11510
|
var InterestItemContainer$1 = styled__default.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n display: flex;\n\n .no-shoe-size-section {\n @media (max-width: ", ") {\n display: none;\n }\n }\n"])), media.xs);
|
|
11474
11511
|
var InterestItemContent$1 = styled__default.div(_templateObject3$4 || (_templateObject3$4 = _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) {
|
|
11475
11512
|
return props.theme.colors.borderColor;
|
|
@@ -11490,8 +11527,8 @@
|
|
|
11490
11527
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
11491
11528
|
});
|
|
11492
11529
|
|
|
11493
|
-
var _templateObject$
|
|
11494
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
11530
|
+
var _templateObject$H, _templateObject2$b;
|
|
11531
|
+
var AddInterestButtonContainer = styled__default.div(_templateObject$H || (_templateObject$H = _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"])));
|
|
11495
11532
|
|
|
11496
11533
|
var AddIcon = function AddIcon(_ref) {
|
|
11497
11534
|
var onClick = _ref.onClick,
|