@bonlineza/luxity-lib 2.7.2 → 2.7.3

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.
Files changed (14) hide show
  1. package/AddInterest.js +66 -81
  2. package/BrandSelector.js +8 -10
  3. package/CHANGELOG.md +3 -2
  4. package/GenderSelector.js +4 -4
  5. package/GraphQLMultiSelector.js +1 -1
  6. package/InterestItem.js +2 -2
  7. package/Interests.js +76 -91
  8. package/InterestsSubheading.js +4 -4
  9. package/LuxityGraphQLMultiselector.js +8 -10
  10. package/PriceRangeSelector.js +4 -4
  11. package/StyleSelector.js +8 -10
  12. package/build/bundle.js +36 -51
  13. package/package.json +1 -1
  14. package/svg/SvgWrapper.js +1 -1
package/StyleSelector.js CHANGED
@@ -453,7 +453,7 @@
453
453
  };
454
454
 
455
455
  function _templateObject2$1() {
456
- var data = _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(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\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"]);
456
+ var data = _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"]);
457
457
 
458
458
  _templateObject2$1 = function _templateObject2() {
459
459
  return data;
@@ -715,7 +715,7 @@
715
715
  });
716
716
 
717
717
  function _templateObject2$2() {
718
- var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n"]);
718
+ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"]);
719
719
 
720
720
  _templateObject2$2 = function _templateObject2() {
721
721
  return data;
@@ -725,7 +725,7 @@
725
725
  }
726
726
 
727
727
  function _templateObject$4() {
728
- var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: ", ";\n text-transform: uppercase;\n"]);
728
+ var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"]);
729
729
 
730
730
  _templateObject$4 = function _templateObject() {
731
731
  return data;
@@ -735,10 +735,10 @@
735
735
  }
736
736
  var Title = styled__default.h1(_templateObject$4(), function (props) {
737
737
  return props.theme.fontSizes[2];
738
- }, function (props) {
739
- return props.theme.marginPaddings[2];
740
738
  });
741
739
  var InterestsSubheadingContainer = styled__default.div(_templateObject2$2(), function (props) {
740
+ return props.theme.marginPaddings[1];
741
+ }, function (props) {
742
742
  return props.theme.colors.primary;
743
743
  }, function (props) {
744
744
  return props.theme.marginPaddings[3];
@@ -756,7 +756,7 @@
756
756
  };
757
757
 
758
758
  function _templateObject$5() {
759
- var data = _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\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: solid 1px transparent;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0 ", " 0\n ", " 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"]);
759
+ var data = _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"]);
760
760
 
761
761
  _templateObject$5 = function _templateObject() {
762
762
  return data;
@@ -788,6 +788,8 @@
788
788
  return props.theme.marginPaddings[2];
789
789
  }, function (props) {
790
790
  return props.theme.fontSizes[2];
791
+ }, function (props) {
792
+ return props.theme.marginPaddings[0];
791
793
  }, function (props) {
792
794
  return props.theme.marginPaddings[3];
793
795
  }, function (props) {
@@ -798,10 +800,6 @@
798
800
  return props.theme.fontSizes[2];
799
801
  }, function (props) {
800
802
  return props.theme.marginPaddings[0];
801
- }, function (props) {
802
- return props.theme.marginPaddings[0];
803
- }, function (props) {
804
- return props.theme.marginPaddings[0];
805
803
  }, function (props) {
806
804
  return props.theme.colors.primary;
807
805
  });
package/build/bundle.js CHANGED
@@ -835,7 +835,7 @@
835
835
  });
836
836
 
837
837
  function _templateObject$7() {
838
- var data = _taggedTemplateLiteral(["\n padding: 1rem;\n svg {\n width: 23px;\n height: auto;\n }\n"]);
838
+ var data = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"]);
839
839
 
840
840
  _templateObject$7 = function _templateObject() {
841
841
  return data;
@@ -868,7 +868,7 @@
868
868
  };
869
869
 
870
870
  function _templateObject4() {
871
- var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 6);\n margin-left: ", ";\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"]);
871
+ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n width: 95%;\n border: 1px solid ", ";\n padding: 0.5em;\n margin-bottom: ", ";\n\n .interest-item__container_heading {\n color: ", ";\n flex-basis: calc(100% / 6);\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"]);
872
872
 
873
873
  _templateObject4 = function _templateObject4() {
874
874
  return data;
@@ -9603,7 +9603,7 @@
9603
9603
  var RangeSlider$1 = themed(RangeSlider);
9604
9604
 
9605
9605
  function _templateObject2$5() {
9606
- var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n"]);
9606
+ var data = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n border-bottom: 1px solid ", ";\n margin-bottom: ", ";\n margin-top: ", ";\n width: 100%;\n align-items: center;\n"]);
9607
9607
 
9608
9608
  _templateObject2$5 = function _templateObject2() {
9609
9609
  return data;
@@ -9613,7 +9613,7 @@
9613
9613
  }
9614
9614
 
9615
9615
  function _templateObject$A() {
9616
- var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: ", ";\n text-transform: uppercase;\n"]);
9616
+ var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: 0;\n text-transform: uppercase;\n"]);
9617
9617
 
9618
9618
  _templateObject$A = function _templateObject() {
9619
9619
  return data;
@@ -9623,10 +9623,10 @@
9623
9623
  }
9624
9624
  var Title$2 = styled__default.h1(_templateObject$A(), function (props) {
9625
9625
  return props.theme.fontSizes[2];
9626
- }, function (props) {
9627
- return props.theme.marginPaddings[2];
9628
9626
  });
9629
9627
  var InterestsSubheadingContainer = styled__default.div(_templateObject2$5(), function (props) {
9628
+ return props.theme.marginPaddings[1];
9629
+ }, function (props) {
9630
9630
  return props.theme.colors.primary;
9631
9631
  }, function (props) {
9632
9632
  return props.theme.marginPaddings[3];
@@ -10098,7 +10098,7 @@
10098
10098
  var NotificationDropDown$1 = themed(NotificationDropDown);
10099
10099
 
10100
10100
  function _templateObject2$6() {
10101
- var data = _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(33.33% - ", ");\n margin-bottom: ", ";\n margin-left: ", ";\n text-overflow: ellipsis;\n overflow-x: hidden;\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"]);
10101
+ var data = _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"]);
10102
10102
 
10103
10103
  _templateObject2$6 = function _templateObject2() {
10104
10104
  return data;
@@ -10360,7 +10360,7 @@
10360
10360
  });
10361
10361
 
10362
10362
  function _templateObject$F() {
10363
- var data = _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\n svg {\n margin-left: ", ";\n fill: ", ";\n stroke: ", ";\n }\n\n input {\n width: 140px;\n border: solid 1px transparent;\n font-size: ", ";\n transition: 0.2s border-color ease-in-out;\n margin-left: ", ";\n padding: 0 ", " 0\n ", " 0;\n\n :focus {\n border-color: ", ";\n border-bottom: none;\n }\n }\n }\n"]);
10363
+ var data = _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"]);
10364
10364
 
10365
10365
  _templateObject$F = function _templateObject() {
10366
10366
  return data;
@@ -10392,6 +10392,8 @@
10392
10392
  return props.theme.marginPaddings[2];
10393
10393
  }, function (props) {
10394
10394
  return props.theme.fontSizes[2];
10395
+ }, function (props) {
10396
+ return props.theme.marginPaddings[0];
10395
10397
  }, function (props) {
10396
10398
  return props.theme.marginPaddings[3];
10397
10399
  }, function (props) {
@@ -10402,10 +10404,6 @@
10402
10404
  return props.theme.fontSizes[2];
10403
10405
  }, function (props) {
10404
10406
  return props.theme.marginPaddings[0];
10405
- }, function (props) {
10406
- return props.theme.marginPaddings[0];
10407
- }, function (props) {
10408
- return props.theme.marginPaddings[0];
10409
10407
  }, function (props) {
10410
10408
  return props.theme.colors.primary;
10411
10409
  });
@@ -10631,21 +10629,6 @@
10631
10629
  }
10632
10630
  };
10633
10631
 
10634
- function _templateObject$H() {
10635
- var data = _taggedTemplateLiteral(["\n font-size: ", ";\n font-weight: bold;\n margin-bottom: ", ";\n"]);
10636
-
10637
- _templateObject$H = function _templateObject() {
10638
- return data;
10639
- };
10640
-
10641
- return data;
10642
- }
10643
- var SliderTitle = styled__default.div(_templateObject$H(), function (props) {
10644
- return props.theme.fontSizes[2];
10645
- }, function (props) {
10646
- return props.theme.marginPaddings[3];
10647
- });
10648
-
10649
10632
  var shoeSizeTypes = {
10650
10633
  uk: {
10651
10634
  label: 'UK',
@@ -10667,18 +10650,18 @@
10667
10650
  return data;
10668
10651
  }
10669
10652
 
10670
- function _templateObject$I() {
10671
- var data = _taggedTemplateLiteral(["\n display: flex;\n flex-flow: nowrap row;\n justify-content: space-between;\n margin-bottom: ", ";\n label,\n ", " {\n margin-bottom: 0;\n }\n"]);
10653
+ function _templateObject$H() {
10654
+ var data = _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"]);
10672
10655
 
10673
- _templateObject$I = function _templateObject() {
10656
+ _templateObject$H = function _templateObject() {
10674
10657
  return data;
10675
10658
  };
10676
10659
 
10677
10660
  return data;
10678
10661
  }
10679
- var TitleWrapper = styled__default.div(_templateObject$I(), function (props) {
10662
+ var TitleWrapper = styled__default.div(_templateObject$H(), function (props) {
10680
10663
  return props.theme.marginPaddings[4];
10681
- }, SliderTitle);
10664
+ });
10682
10665
  var onShoeSizeTypeChangeTimeout = 300;
10683
10666
  var ShoeSizeFadeContainer = styled__default.div(_templateObject2$7(), onShoeSizeTypeChangeTimeout, function (props) {
10684
10667
  return props.childVisible ? 1 : 0;
@@ -10794,7 +10777,9 @@
10794
10777
 
10795
10778
  return React__default.createElement(LuxityPageReady, {
10796
10779
  getRequestPromise: triggerRequest
10797
- }, React__default.createElement(TitleWrapper, null, React__default.createElement(SliderTitle, null, "Shoe Size Range"), React__default.createElement(RadioButtons$1, shoeSizeTypeProps)), React__default.createElement(LuxityPageReadyContext.Consumer, null, function (_ref3) {
10780
+ }, React__default.createElement(TitleWrapper, null, React__default.createElement(InterestsSubheading, {
10781
+ title: "Shoe Size Range"
10782
+ }, React__default.createElement(RadioButtons$1, shoeSizeTypeProps))), React__default.createElement(LuxityPageReadyContext.Consumer, null, function (_ref3) {
10798
10783
  var _ref3$data$data = _ref3.data.data,
10799
10784
  _ref3$data$data$luxit = _ref3$data$data.luxity_eu_shoe_sizes,
10800
10785
  luxity_eu_shoe_sizes = _ref3$data$data$luxit === void 0 ? [] : _ref3$data$data$luxit,
@@ -10812,16 +10797,16 @@
10812
10797
  }
10813
10798
  };
10814
10799
 
10815
- function _templateObject$J() {
10800
+ function _templateObject$I() {
10816
10801
  var data = _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"]);
10817
10802
 
10818
- _templateObject$J = function _templateObject() {
10803
+ _templateObject$I = function _templateObject() {
10819
10804
  return data;
10820
10805
  };
10821
10806
 
10822
10807
  return data;
10823
10808
  }
10824
- var SelectionWrapper = styled__default.div(_templateObject$J(), function (props) {
10809
+ var SelectionWrapper = styled__default.div(_templateObject$I(), function (props) {
10825
10810
  return props.theme.marginPaddings[2];
10826
10811
  }, function (props) {
10827
10812
  return props.theme.marginPaddings[2];
@@ -10855,16 +10840,16 @@
10855
10840
  return data;
10856
10841
  }
10857
10842
 
10858
- function _templateObject$K() {
10843
+ function _templateObject$J() {
10859
10844
  var data = _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"]);
10860
10845
 
10861
- _templateObject$K = function _templateObject() {
10846
+ _templateObject$J = function _templateObject() {
10862
10847
  return data;
10863
10848
  };
10864
10849
 
10865
10850
  return data;
10866
10851
  }
10867
- var Content = styled__default.div(_templateObject$K(), function (props) {
10852
+ var Content = styled__default.div(_templateObject$J(), function (props) {
10868
10853
  return props.theme.colors.primary;
10869
10854
  }, function (props) {
10870
10855
  return props.theme.marginPaddings[0];
@@ -11030,7 +11015,7 @@
11030
11015
  });
11031
11016
 
11032
11017
  function _templateObject5$1() {
11033
- var data = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n }\n"]);
11018
+ var data = _taggedTemplateLiteral(["\n display: flex;\n\n #add-icon {\n margin-bottom: 1.5rem;\n\n svg {\n width: 15px;\n }\n }\n"]);
11034
11019
 
11035
11020
  _templateObject5$1 = function _templateObject5() {
11036
11021
  return data;
@@ -11040,7 +11025,7 @@
11040
11025
  }
11041
11026
 
11042
11027
  function _templateObject4$3() {
11043
- var data = _taggedTemplateLiteral(["\n font-weight: bold;\n color: ", ";\n border: 1px solid ", ";\n padding: ", ";\n margin-bottom: ", ";\n width: 95%;\n font-size: 17px;\n"]);
11028
+ var data = _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"]);
11044
11029
 
11045
11030
  _templateObject4$3 = function _templateObject4() {
11046
11031
  return data;
@@ -11069,17 +11054,17 @@
11069
11054
  return data;
11070
11055
  }
11071
11056
 
11072
- function _templateObject$L() {
11057
+ function _templateObject$K() {
11073
11058
  var data = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"]);
11074
11059
 
11075
- _templateObject$L = function _templateObject() {
11060
+ _templateObject$K = function _templateObject() {
11076
11061
  return data;
11077
11062
  };
11078
11063
 
11079
11064
  return data;
11080
11065
  }
11081
11066
  var UNISEX$1 = genders.UNISEX;
11082
- var AddInterestContainer = styled__default.div(_templateObject$L(), function (props) {
11067
+ var AddInterestContainer = styled__default.div(_templateObject$K(), function (props) {
11083
11068
  return props.theme.marginPaddings[6];
11084
11069
  }, function (props) {
11085
11070
  return props.theme.colors.borderColor;
@@ -11103,7 +11088,7 @@
11103
11088
  }, function (props) {
11104
11089
  return props.theme.colors.borderColor;
11105
11090
  }, function (props) {
11106
- return props.theme.marginPaddings[1];
11091
+ return props.theme.marginPaddings[0];
11107
11092
  }, function (props) {
11108
11093
  return props.theme.marginPaddings[2];
11109
11094
  });
@@ -11367,16 +11352,16 @@
11367
11352
 
11368
11353
  var AddInterest$1 = themed(AddInterest);
11369
11354
 
11370
- function _templateObject$M() {
11355
+ function _templateObject$L() {
11371
11356
  var data = _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"]);
11372
11357
 
11373
- _templateObject$M = function _templateObject() {
11358
+ _templateObject$L = function _templateObject() {
11374
11359
  return data;
11375
11360
  };
11376
11361
 
11377
11362
  return data;
11378
11363
  }
11379
- var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$M(), function (props) {
11364
+ var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$L(), function (props) {
11380
11365
  return props.theme.marginPaddings[0];
11381
11366
  }, function (props) {
11382
11367
  return props.theme.colors.primary;
@@ -11406,16 +11391,16 @@
11406
11391
 
11407
11392
  var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
11408
11393
 
11409
- function _templateObject$N() {
11394
+ function _templateObject$M() {
11410
11395
  var data = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"]);
11411
11396
 
11412
- _templateObject$N = function _templateObject() {
11397
+ _templateObject$M = function _templateObject() {
11413
11398
  return data;
11414
11399
  };
11415
11400
 
11416
11401
  return data;
11417
11402
  }
11418
- var SvgWrapper$2 = styled__default.span(_templateObject$N(), function (props) {
11403
+ var SvgWrapper$2 = styled__default.span(_templateObject$M(), function (props) {
11419
11404
  return props.theme.colors.primary;
11420
11405
  });
11421
11406
  var AccountIcon = themed(function () {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonlineza/luxity-lib",
3
- "version": "2.7.2",
3
+ "version": "2.7.3",
4
4
  "scripts": {
5
5
  "start": "start-storybook -p 9001 -c .storybook -s ./public",
6
6
  "clean": "rimraf ./build/*.*",
package/svg/SvgWrapper.js CHANGED
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  function _templateObject() {
22
- var data = _taggedTemplateLiteral(["\n padding: 1rem;\n svg {\n width: 23px;\n height: auto;\n }\n"]);
22
+ var data = _taggedTemplateLiteral(["\n padding: 1rem;\n display: flex;\n svg {\n width: 23px;\n height: auto;\n }\n"]);
23
23
 
24
24
  _templateObject = function _templateObject() {
25
25
  return data;