@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/Interests.js
CHANGED
|
@@ -838,19 +838,16 @@
|
|
|
838
838
|
};
|
|
839
839
|
var IconHeader$1 = themed(IconHeader);
|
|
840
840
|
|
|
841
|
-
var
|
|
841
|
+
var Heart = (function (props) {
|
|
842
842
|
return /*#__PURE__*/React__default.createElement("svg", _extends({
|
|
843
|
-
id: "svg-
|
|
844
|
-
width: "
|
|
845
|
-
height: "
|
|
846
|
-
viewBox: "0 0
|
|
843
|
+
id: "svg-interest-heart",
|
|
844
|
+
width: "26",
|
|
845
|
+
height: "25",
|
|
846
|
+
viewBox: "0 0 29.8 28.9",
|
|
847
847
|
fill: "none",
|
|
848
848
|
xmlns: "http://www.w3.org/2000/svg"
|
|
849
849
|
}, props), /*#__PURE__*/React__default.createElement("path", {
|
|
850
|
-
d: "
|
|
851
|
-
fill: "currentColor"
|
|
852
|
-
}), /*#__PURE__*/React__default.createElement("path", {
|
|
853
|
-
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",
|
|
850
|
+
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",
|
|
854
851
|
fill: "currentColor"
|
|
855
852
|
}));
|
|
856
853
|
});
|
|
@@ -9603,6 +9600,11 @@
|
|
|
9603
9600
|
};
|
|
9604
9601
|
var RangeSlider$1 = themed(RangeSlider);
|
|
9605
9602
|
|
|
9603
|
+
var _templateObject$k;
|
|
9604
|
+
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) {
|
|
9605
|
+
return props.theme.colors.primary;
|
|
9606
|
+
}, media.xs);
|
|
9607
|
+
|
|
9606
9608
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9607
9609
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9608
9610
|
return shoe_sizes.length - 1;
|
|
@@ -9658,6 +9660,38 @@
|
|
|
9658
9660
|
toolTipComponent: ToolTipComponent,
|
|
9659
9661
|
renderFooterSection: getFooterButtons,
|
|
9660
9662
|
onChange: handleShoeSizeChange
|
|
9663
|
+
}, function (_ref3) {
|
|
9664
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
9665
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
9666
|
+
currMinVal = _ref3.currMinVal,
|
|
9667
|
+
currMaxVal = _ref3.currMaxVal;
|
|
9668
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
9669
|
+
"data-qe-id": "shoe-size-select-min",
|
|
9670
|
+
value: currMinVal,
|
|
9671
|
+
onChange: function onChange(event) {
|
|
9672
|
+
var index = parseInt(event.target.value, 10);
|
|
9673
|
+
manuallyChangeMinValue(index);
|
|
9674
|
+
}
|
|
9675
|
+
}, shoeSizes.map(function (item, index) {
|
|
9676
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9677
|
+
key: item.id,
|
|
9678
|
+
value: index,
|
|
9679
|
+
disabled: index > currMaxVal
|
|
9680
|
+
}, item.size);
|
|
9681
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
9682
|
+
"data-qe-id": "shoe-size-select-max",
|
|
9683
|
+
value: currMaxVal,
|
|
9684
|
+
onChange: function onChange(event) {
|
|
9685
|
+
var index = parseInt(event.target.value, 10);
|
|
9686
|
+
manuallyChangeMaxValue(index);
|
|
9687
|
+
}
|
|
9688
|
+
}, shoeSizes.map(function (item, index) {
|
|
9689
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
9690
|
+
key: item.id,
|
|
9691
|
+
value: index,
|
|
9692
|
+
disabled: index < currMinVal
|
|
9693
|
+
}, item.size);
|
|
9694
|
+
})));
|
|
9661
9695
|
}));
|
|
9662
9696
|
};
|
|
9663
9697
|
|
|
@@ -9668,46 +9702,46 @@
|
|
|
9668
9702
|
shoeSizes: []
|
|
9669
9703
|
};
|
|
9670
9704
|
|
|
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
9705
|
var _templateObject$l;
|
|
9675
|
-
var
|
|
9706
|
+
var RadioButtonsContainer = styled__default.div(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
9707
|
+
|
|
9708
|
+
var _templateObject$m;
|
|
9709
|
+
var ButtonListWrapper = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n display: flex;\n flex-grow: 1;\n flex-wrap: ", ";\n"])), function (_ref) {
|
|
9676
9710
|
var noWrap = _ref.noWrap;
|
|
9677
9711
|
return noWrap ? 'nowrap' : 'wrap';
|
|
9678
9712
|
});
|
|
9679
9713
|
|
|
9680
|
-
var _templateObject$
|
|
9681
|
-
var Title$3 = styled__default.div(_templateObject$
|
|
9714
|
+
var _templateObject$n;
|
|
9715
|
+
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
9716
|
return props.theme.colors.base;
|
|
9683
9717
|
});
|
|
9684
9718
|
|
|
9685
|
-
var _templateObject$
|
|
9686
|
-
var RadioButtonLabel = styled__default.label(_templateObject$
|
|
9719
|
+
var _templateObject$o;
|
|
9720
|
+
var RadioButtonLabel = styled__default.label(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n margin-bottom: ", ";\n margin-right: ", ";\n"])), function (props) {
|
|
9687
9721
|
return props.theme.marginPaddings[0];
|
|
9688
9722
|
}, function (props) {
|
|
9689
9723
|
return props.theme.marginPaddings[0];
|
|
9690
9724
|
});
|
|
9691
9725
|
|
|
9692
|
-
var _templateObject$
|
|
9693
|
-
var RadioButtonCircle = styled__default.div(_templateObject$
|
|
9726
|
+
var _templateObject$p;
|
|
9727
|
+
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
9728
|
return props.theme.colors.base;
|
|
9695
9729
|
});
|
|
9696
9730
|
|
|
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
9731
|
var _templateObject$q;
|
|
9701
|
-
var
|
|
9702
|
-
return props.theme.colors.base;
|
|
9703
|
-
});
|
|
9732
|
+
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
9733
|
|
|
9705
9734
|
var _templateObject$r;
|
|
9706
|
-
var
|
|
9735
|
+
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) {
|
|
9736
|
+
return props.theme.colors.base;
|
|
9737
|
+
});
|
|
9707
9738
|
|
|
9708
9739
|
var _templateObject$s;
|
|
9740
|
+
var RadioButtonText = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n"])));
|
|
9741
|
+
|
|
9742
|
+
var _templateObject$t;
|
|
9709
9743
|
var inputMarginRight = '0.2em';
|
|
9710
|
-
var CheckboxLabel = styled__default.label(_templateObject$
|
|
9744
|
+
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
9745
|
var _props$theme;
|
|
9712
9746
|
|
|
9713
9747
|
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.fontSizes.length ? props.theme.fontSizes[4] : '1em';
|
|
@@ -9794,8 +9828,8 @@
|
|
|
9794
9828
|
}
|
|
9795
9829
|
};
|
|
9796
9830
|
|
|
9797
|
-
var _templateObject$
|
|
9798
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
9831
|
+
var _templateObject$u, _templateObject2$5;
|
|
9832
|
+
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
9833
|
return props.theme.marginPaddings[4];
|
|
9800
9834
|
});
|
|
9801
9835
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -9982,8 +10016,8 @@
|
|
|
9982
10016
|
|
|
9983
10017
|
var _excluded$6 = ["children"];
|
|
9984
10018
|
|
|
9985
|
-
var _templateObject$
|
|
9986
|
-
var Button$4 = styled__default.button(_templateObject$
|
|
10019
|
+
var _templateObject$v;
|
|
10020
|
+
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
10021
|
return props.theme.colors.ntrlMin;
|
|
9988
10022
|
}, function (props) {
|
|
9989
10023
|
return props.theme.colors.primary;
|
|
@@ -10006,10 +10040,10 @@
|
|
|
10006
10040
|
|
|
10007
10041
|
var SecondaryButton$1 = themed(SecondaryButton);
|
|
10008
10042
|
|
|
10009
|
-
var _templateObject$
|
|
10010
|
-
var CurrencyInputWrapper = styled__default.div(_templateObject$
|
|
10043
|
+
var _templateObject$w;
|
|
10044
|
+
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
10045
|
return props.theme.colors.primary;
|
|
10012
|
-
});
|
|
10046
|
+
}, media.xs);
|
|
10013
10047
|
|
|
10014
10048
|
var debounceBuilder$2 = functions.debounced(50);
|
|
10015
10049
|
|
|
@@ -10135,8 +10169,8 @@
|
|
|
10135
10169
|
category: ''
|
|
10136
10170
|
};
|
|
10137
10171
|
|
|
10138
|
-
var _templateObject$
|
|
10139
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10172
|
+
var _templateObject$x;
|
|
10173
|
+
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
10174
|
return props.theme.marginPaddings[2];
|
|
10141
10175
|
}, function (props) {
|
|
10142
10176
|
return props.theme.marginPaddings[2];
|
|
@@ -10152,8 +10186,8 @@
|
|
|
10152
10186
|
|
|
10153
10187
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10154
10188
|
|
|
10155
|
-
var _templateObject$
|
|
10156
|
-
var Content = styled__default.div(_templateObject$
|
|
10189
|
+
var _templateObject$y, _templateObject2$6, _templateObject3$1;
|
|
10190
|
+
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
10191
|
return props.theme.colors.primary;
|
|
10158
10192
|
}, function (props) {
|
|
10159
10193
|
return props.theme.marginPaddings[0];
|
|
@@ -10332,9 +10366,9 @@
|
|
|
10332
10366
|
itemRenderer: ItemRenderer
|
|
10333
10367
|
};
|
|
10334
10368
|
|
|
10335
|
-
var _templateObject$
|
|
10369
|
+
var _templateObject$z, _templateObject2$7, _templateObject3$2;
|
|
10336
10370
|
var UNISEX = genders.UNISEX;
|
|
10337
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10371
|
+
var AddInterestContainer = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10338
10372
|
return props.theme.marginPaddings[6];
|
|
10339
10373
|
}, function (props) {
|
|
10340
10374
|
return props.theme.colors.borderColor;
|
|
@@ -10672,17 +10706,17 @@
|
|
|
10672
10706
|
})));
|
|
10673
10707
|
});
|
|
10674
10708
|
|
|
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
10709
|
var _templateObject$A;
|
|
10679
|
-
var
|
|
10710
|
+
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"])));
|
|
10711
|
+
|
|
10712
|
+
var _templateObject$B;
|
|
10713
|
+
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
10714
|
return props.theme.colors.borderColor;
|
|
10681
10715
|
}, function (props) {
|
|
10682
10716
|
return props.theme.colors.borderColor;
|
|
10683
10717
|
});
|
|
10684
10718
|
|
|
10685
|
-
var _templateObject$
|
|
10719
|
+
var _templateObject$C, _templateObject2$8, _templateObject3$3, _templateObject4$1;
|
|
10686
10720
|
var MALE$2 = genders.MALE,
|
|
10687
10721
|
FEMALE$2 = genders.FEMALE,
|
|
10688
10722
|
UNISEX$1 = genders.UNISEX;
|
|
@@ -10818,7 +10852,7 @@
|
|
|
10818
10852
|
return _createClass(InterestItem);
|
|
10819
10853
|
}(React__default.Component);
|
|
10820
10854
|
|
|
10821
|
-
var SheoSizeContentDiv = styled__default.div(_templateObject$
|
|
10855
|
+
var SheoSizeContentDiv = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteral(["\n @media (max-width: ", ") {\n display: none;\n }\n"])), media.xs);
|
|
10822
10856
|
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
10857
|
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
10858
|
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 +10876,8 @@
|
|
|
10842
10876
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem, props);
|
|
10843
10877
|
});
|
|
10844
10878
|
|
|
10845
|
-
var _templateObject$
|
|
10846
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
10879
|
+
var _templateObject$D;
|
|
10880
|
+
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
10881
|
return props.theme.marginPaddings[0];
|
|
10848
10882
|
}, function (props) {
|
|
10849
10883
|
return props.theme.colors.primary;
|
|
@@ -10875,8 +10909,8 @@
|
|
|
10875
10909
|
|
|
10876
10910
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10877
10911
|
|
|
10878
|
-
var _templateObject$
|
|
10879
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
10912
|
+
var _templateObject$E;
|
|
10913
|
+
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
10914
|
return props.theme.colors.primary;
|
|
10881
10915
|
}, function (props) {
|
|
10882
10916
|
return props.theme.marginPaddings[1];
|
|
@@ -11074,8 +11108,8 @@
|
|
|
11074
11108
|
isDisabled: false
|
|
11075
11109
|
};
|
|
11076
11110
|
|
|
11077
|
-
var _templateObject$
|
|
11078
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11111
|
+
var _templateObject$F, _templateObject2$9;
|
|
11112
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11079
11113
|
return props.theme.marginPaddings[6];
|
|
11080
11114
|
}, function (props) {
|
|
11081
11115
|
return props.theme.colors.borderColor;
|
|
@@ -11378,7 +11412,7 @@
|
|
|
11378
11412
|
|
|
11379
11413
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11380
11414
|
|
|
11381
|
-
var _templateObject$
|
|
11415
|
+
var _templateObject$G, _templateObject2$a, _templateObject3$4;
|
|
11382
11416
|
|
|
11383
11417
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11384
11418
|
var onClick = _ref.onClick,
|
|
@@ -11469,7 +11503,7 @@
|
|
|
11469
11503
|
return _createClass(LuxityProductInterestItem);
|
|
11470
11504
|
}(React__default.Component);
|
|
11471
11505
|
|
|
11472
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
11506
|
+
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
11507
|
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
11508
|
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
11509
|
return props.theme.colors.borderColor;
|
|
@@ -11490,8 +11524,8 @@
|
|
|
11490
11524
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
11491
11525
|
});
|
|
11492
11526
|
|
|
11493
|
-
var _templateObject$
|
|
11494
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
11527
|
+
var _templateObject$H, _templateObject2$b;
|
|
11528
|
+
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
11529
|
|
|
11496
11530
|
var AddIcon = function AddIcon(_ref) {
|
|
11497
11531
|
var onClick = _ref.onClick,
|
|
@@ -11502,8 +11536,8 @@
|
|
|
11502
11536
|
}, /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(Add, null)));
|
|
11503
11537
|
};
|
|
11504
11538
|
|
|
11505
|
-
var
|
|
11506
|
-
return /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(
|
|
11539
|
+
var InterestIcon = themed(function () {
|
|
11540
|
+
return /*#__PURE__*/React__default.createElement(SvgWrapper$1, null, /*#__PURE__*/React__default.createElement(Heart, null));
|
|
11507
11541
|
});
|
|
11508
11542
|
var AddInterestButton = themed(styled__default.div(_templateObject2$b || (_templateObject2$b = _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) {
|
|
11509
11543
|
return props.theme.colors.darkerGray;
|
|
@@ -11642,10 +11676,10 @@
|
|
|
11642
11676
|
}
|
|
11643
11677
|
}), /*#__PURE__*/React__default.createElement(IconHeader$1, {
|
|
11644
11678
|
svgComponent: function svgComponent() {
|
|
11645
|
-
return /*#__PURE__*/React__default.createElement(
|
|
11679
|
+
return /*#__PURE__*/React__default.createElement(InterestIcon, null);
|
|
11646
11680
|
},
|
|
11647
11681
|
title: interestsTitle,
|
|
11648
|
-
svgName: "
|
|
11682
|
+
svgName: "interest",
|
|
11649
11683
|
renderAppendage: function renderAppendage() {
|
|
11650
11684
|
return /*#__PURE__*/React__default.createElement(NotificationDropDown$1, {
|
|
11651
11685
|
getSchedule: getSchedule,
|
package/LuxityDesktopHeader.js
CHANGED
|
@@ -1467,13 +1467,16 @@
|
|
|
1467
1467
|
className: "text-sm"
|
|
1468
1468
|
}, name))), onInterestClick && /*#__PURE__*/React__default.createElement("button", {
|
|
1469
1469
|
type: "button",
|
|
1470
|
+
"aria-label": "Interests",
|
|
1470
1471
|
className: "".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|
|
1471
1472
|
onClick: onInterestClick
|
|
1472
|
-
}, /*#__PURE__*/React__default.createElement("
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1473
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
1474
|
+
className: "navbar__interest-heart",
|
|
1475
|
+
style: {
|
|
1476
|
+
WebkitMaskImage: "url(".concat(interestIcon, ")"),
|
|
1477
|
+
maskImage: "url(".concat(interestIcon, ")")
|
|
1478
|
+
},
|
|
1479
|
+
"aria-hidden": true
|
|
1477
1480
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
1478
1481
|
type: "button",
|
|
1479
1482
|
className: "navbar__cart-icon ".concat(app ? 'navbar__icon--app' : 'navbar__icon'),
|