@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/build/bundle.js
CHANGED
|
@@ -9704,9 +9704,9 @@
|
|
|
9704
9704
|
};
|
|
9705
9705
|
|
|
9706
9706
|
var _templateObject$B;
|
|
9707
|
-
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) {
|
|
9707
|
+
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) {
|
|
9708
9708
|
return props.theme.colors.primary;
|
|
9709
|
-
});
|
|
9709
|
+
}, media.xs);
|
|
9710
9710
|
|
|
9711
9711
|
var debounceBuilder$1 = functions.debounced(50);
|
|
9712
9712
|
|
|
@@ -9948,6 +9948,11 @@
|
|
|
9948
9948
|
sizeType: 'Uk'
|
|
9949
9949
|
};
|
|
9950
9950
|
|
|
9951
|
+
var _templateObject$D;
|
|
9952
|
+
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) {
|
|
9953
|
+
return props.theme.colors.primary;
|
|
9954
|
+
}, media.xs);
|
|
9955
|
+
|
|
9951
9956
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9952
9957
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9953
9958
|
return shoe_sizes.length - 1;
|
|
@@ -10003,6 +10008,38 @@
|
|
|
10003
10008
|
toolTipComponent: ToolTipComponent,
|
|
10004
10009
|
renderFooterSection: getFooterButtons,
|
|
10005
10010
|
onChange: handleShoeSizeChange
|
|
10011
|
+
}, function (_ref3) {
|
|
10012
|
+
var manuallyChangeMinValue = _ref3.manuallyChangeMinValue,
|
|
10013
|
+
manuallyChangeMaxValue = _ref3.manuallyChangeMaxValue,
|
|
10014
|
+
currMinVal = _ref3.currMinVal,
|
|
10015
|
+
currMaxVal = _ref3.currMaxVal;
|
|
10016
|
+
return /*#__PURE__*/React__default.createElement(ShoeSizeSelectWrapper, null, /*#__PURE__*/React__default.createElement("select", {
|
|
10017
|
+
"data-qe-id": "shoe-size-select-min",
|
|
10018
|
+
value: currMinVal,
|
|
10019
|
+
onChange: function onChange(event) {
|
|
10020
|
+
var index = parseInt(event.target.value, 10);
|
|
10021
|
+
manuallyChangeMinValue(index);
|
|
10022
|
+
}
|
|
10023
|
+
}, shoeSizes.map(function (item, index) {
|
|
10024
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
10025
|
+
key: item.id,
|
|
10026
|
+
value: index,
|
|
10027
|
+
disabled: index > currMaxVal
|
|
10028
|
+
}, item.size);
|
|
10029
|
+
})), /*#__PURE__*/React__default.createElement("select", {
|
|
10030
|
+
"data-qe-id": "shoe-size-select-max",
|
|
10031
|
+
value: currMaxVal,
|
|
10032
|
+
onChange: function onChange(event) {
|
|
10033
|
+
var index = parseInt(event.target.value, 10);
|
|
10034
|
+
manuallyChangeMaxValue(index);
|
|
10035
|
+
}
|
|
10036
|
+
}, shoeSizes.map(function (item, index) {
|
|
10037
|
+
return /*#__PURE__*/React__default.createElement("option", {
|
|
10038
|
+
key: item.id,
|
|
10039
|
+
value: index,
|
|
10040
|
+
disabled: index < currMinVal
|
|
10041
|
+
}, item.size);
|
|
10042
|
+
})));
|
|
10006
10043
|
}));
|
|
10007
10044
|
};
|
|
10008
10045
|
|
|
@@ -10065,8 +10102,8 @@
|
|
|
10065
10102
|
showMessageOnError: true
|
|
10066
10103
|
};
|
|
10067
10104
|
|
|
10068
|
-
var _templateObject$
|
|
10069
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
10105
|
+
var _templateObject$E;
|
|
10106
|
+
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) {
|
|
10070
10107
|
return props.theme.marginPaddings[1];
|
|
10071
10108
|
}, media.sm);
|
|
10072
10109
|
|
|
@@ -10112,8 +10149,8 @@
|
|
|
10112
10149
|
}));
|
|
10113
10150
|
});
|
|
10114
10151
|
|
|
10115
|
-
var _templateObject$
|
|
10116
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
10152
|
+
var _templateObject$F;
|
|
10153
|
+
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) {
|
|
10117
10154
|
return props.theme.colors.ntrlMin;
|
|
10118
10155
|
}, function (props) {
|
|
10119
10156
|
return props.theme.colors.base;
|
|
@@ -10282,14 +10319,14 @@
|
|
|
10282
10319
|
|
|
10283
10320
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
10284
10321
|
|
|
10285
|
-
var _templateObject$
|
|
10322
|
+
var _templateObject$G, _templateObject2$6;
|
|
10286
10323
|
var ALL_ITEM = {
|
|
10287
10324
|
id: 'ALL',
|
|
10288
10325
|
name: 'ALL'
|
|
10289
10326
|
};
|
|
10290
10327
|
var multiSelectorItemMaxHeight = '3rem';
|
|
10291
10328
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
10292
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
10329
|
+
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);
|
|
10293
10330
|
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) {
|
|
10294
10331
|
return props.theme.marginPaddings[2];
|
|
10295
10332
|
}, function (props) {
|
|
@@ -10527,7 +10564,7 @@
|
|
|
10527
10564
|
}));
|
|
10528
10565
|
});
|
|
10529
10566
|
|
|
10530
|
-
var _templateObject$
|
|
10567
|
+
var _templateObject$H;
|
|
10531
10568
|
|
|
10532
10569
|
var Title$3 = function Title(_ref) {
|
|
10533
10570
|
var baseClass = _ref.baseClass,
|
|
@@ -10548,7 +10585,7 @@
|
|
|
10548
10585
|
})));
|
|
10549
10586
|
};
|
|
10550
10587
|
|
|
10551
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
10588
|
+
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) {
|
|
10552
10589
|
return props.theme.marginPaddings[2];
|
|
10553
10590
|
}, function (props) {
|
|
10554
10591
|
return props.theme.fontSizes[2];
|
|
@@ -10688,8 +10725,8 @@
|
|
|
10688
10725
|
baseQueryLimit: 12
|
|
10689
10726
|
};
|
|
10690
10727
|
|
|
10691
|
-
var _templateObject$
|
|
10692
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
10728
|
+
var _templateObject$I;
|
|
10729
|
+
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) {
|
|
10693
10730
|
return props.theme.colors.base;
|
|
10694
10731
|
}, function (props) {
|
|
10695
10732
|
return props.theme.colors.borderColor;
|
|
@@ -10790,8 +10827,8 @@
|
|
|
10790
10827
|
}
|
|
10791
10828
|
};
|
|
10792
10829
|
|
|
10793
|
-
var _templateObject$
|
|
10794
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
10830
|
+
var _templateObject$J, _templateObject2$7;
|
|
10831
|
+
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) {
|
|
10795
10832
|
return props.theme.marginPaddings[4];
|
|
10796
10833
|
});
|
|
10797
10834
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10929,8 +10966,8 @@
|
|
|
10929
10966
|
}
|
|
10930
10967
|
};
|
|
10931
10968
|
|
|
10932
|
-
var _templateObject$
|
|
10933
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10969
|
+
var _templateObject$K;
|
|
10970
|
+
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) {
|
|
10934
10971
|
return props.theme.marginPaddings[2];
|
|
10935
10972
|
}, function (props) {
|
|
10936
10973
|
return props.theme.marginPaddings[2];
|
|
@@ -10946,8 +10983,8 @@
|
|
|
10946
10983
|
|
|
10947
10984
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10948
10985
|
|
|
10949
|
-
var _templateObject$
|
|
10950
|
-
var Content = styled__default.div(_templateObject$
|
|
10986
|
+
var _templateObject$L, _templateObject2$8, _templateObject3$3;
|
|
10987
|
+
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) {
|
|
10951
10988
|
return props.theme.colors.primary;
|
|
10952
10989
|
}, function (props) {
|
|
10953
10990
|
return props.theme.marginPaddings[0];
|
|
@@ -11126,9 +11163,9 @@
|
|
|
11126
11163
|
itemRenderer: ItemRenderer
|
|
11127
11164
|
};
|
|
11128
11165
|
|
|
11129
|
-
var _templateObject$
|
|
11166
|
+
var _templateObject$M, _templateObject2$9, _templateObject3$4;
|
|
11130
11167
|
var UNISEX$1 = genders.UNISEX;
|
|
11131
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
11168
|
+
var AddInterestContainer = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11132
11169
|
return props.theme.marginPaddings[6];
|
|
11133
11170
|
}, function (props) {
|
|
11134
11171
|
return props.theme.colors.borderColor;
|
|
@@ -11413,8 +11450,8 @@
|
|
|
11413
11450
|
|
|
11414
11451
|
var AddInterest$1 = themed(AddInterest);
|
|
11415
11452
|
|
|
11416
|
-
var _templateObject$
|
|
11417
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
11453
|
+
var _templateObject$N;
|
|
11454
|
+
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) {
|
|
11418
11455
|
return props.theme.marginPaddings[0];
|
|
11419
11456
|
}, function (props) {
|
|
11420
11457
|
return props.theme.colors.primary;
|
|
@@ -11446,8 +11483,8 @@
|
|
|
11446
11483
|
|
|
11447
11484
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
11448
11485
|
|
|
11449
|
-
var _templateObject$
|
|
11450
|
-
var MyInterestTitleHeadingContainer$1 = styled__default.div(_templateObject$
|
|
11486
|
+
var _templateObject$O;
|
|
11487
|
+
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) {
|
|
11451
11488
|
return props.theme.colors.primary;
|
|
11452
11489
|
}, function (props) {
|
|
11453
11490
|
return props.theme.marginPaddings[1];
|
|
@@ -11645,8 +11682,8 @@
|
|
|
11645
11682
|
isDisabled: false
|
|
11646
11683
|
};
|
|
11647
11684
|
|
|
11648
|
-
var _templateObject$
|
|
11649
|
-
var AddInterestContainer$1 = styled__default.div(_templateObject$
|
|
11685
|
+
var _templateObject$P, _templateObject2$a;
|
|
11686
|
+
var AddInterestContainer$1 = styled__default.div(_templateObject$P || (_templateObject$P = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
11650
11687
|
return props.theme.marginPaddings[6];
|
|
11651
11688
|
}, function (props) {
|
|
11652
11689
|
return props.theme.colors.borderColor;
|
|
@@ -11949,7 +11986,7 @@
|
|
|
11949
11986
|
|
|
11950
11987
|
var AddProductInterest$1 = themed(AddProductInterest);
|
|
11951
11988
|
|
|
11952
|
-
var _templateObject$
|
|
11989
|
+
var _templateObject$Q, _templateObject2$b, _templateObject3$5;
|
|
11953
11990
|
|
|
11954
11991
|
var TrashIcon$1 = function TrashIcon(_ref) {
|
|
11955
11992
|
var onClick = _ref.onClick,
|
|
@@ -12040,7 +12077,7 @@
|
|
|
12040
12077
|
return _createClass(LuxityProductInterestItem);
|
|
12041
12078
|
}(React__default.Component);
|
|
12042
12079
|
|
|
12043
|
-
var InterestItemTitle$1 = styled__default.div(_templateObject$
|
|
12080
|
+
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);
|
|
12044
12081
|
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);
|
|
12045
12082
|
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) {
|
|
12046
12083
|
return props.theme.colors.borderColor;
|
|
@@ -12061,8 +12098,8 @@
|
|
|
12061
12098
|
return /*#__PURE__*/React__default.createElement(ThemedInterestItem$1, props);
|
|
12062
12099
|
});
|
|
12063
12100
|
|
|
12064
|
-
var _templateObject$
|
|
12065
|
-
var AddInterestButtonContainer = styled__default.div(_templateObject$
|
|
12101
|
+
var _templateObject$R, _templateObject2$c;
|
|
12102
|
+
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"])));
|
|
12066
12103
|
|
|
12067
12104
|
var AddIcon = function AddIcon(_ref) {
|
|
12068
12105
|
var onClick = _ref.onClick,
|
|
@@ -12303,8 +12340,8 @@
|
|
|
12303
12340
|
};
|
|
12304
12341
|
var index$2 = themed(Interests);
|
|
12305
12342
|
|
|
12306
|
-
var _templateObject$
|
|
12307
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
12343
|
+
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;
|
|
12344
|
+
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) {
|
|
12308
12345
|
return props.theme.rareStepColors.ntrlMin;
|
|
12309
12346
|
}, function (props) {
|
|
12310
12347
|
return props.theme.rareStepColors.primary;
|
|
@@ -12642,8 +12679,8 @@
|
|
|
12642
12679
|
|
|
12643
12680
|
var RareStepDesktopHeader$1 = themed(RareStepDesktopHeader);
|
|
12644
12681
|
|
|
12645
|
-
var _templateObject$
|
|
12646
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
12682
|
+
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;
|
|
12683
|
+
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) {
|
|
12647
12684
|
return props.theme.rareStepColors.ntrlMin;
|
|
12648
12685
|
}, function (props) {
|
|
12649
12686
|
return props.theme.marginPaddings[3];
|
|
@@ -12994,8 +13031,8 @@
|
|
|
12994
13031
|
};
|
|
12995
13032
|
var index$3 = themed(RareStepHeader);
|
|
12996
13033
|
|
|
12997
|
-
var _templateObject$
|
|
12998
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
13034
|
+
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;
|
|
13035
|
+
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) {
|
|
12999
13036
|
return props.theme.rareStepColors.ntrlMax;
|
|
13000
13037
|
}, function (props) {
|
|
13001
13038
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -15185,8 +15222,8 @@
|
|
|
15185
15222
|
|
|
15186
15223
|
var _excluded$9 = ["ref"];
|
|
15187
15224
|
|
|
15188
|
-
var _templateObject$
|
|
15189
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
15225
|
+
var _templateObject$V, _templateObject2$g;
|
|
15226
|
+
var OptionsRow = styled__default.div(_templateObject$V || (_templateObject$V = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
15190
15227
|
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"])));
|
|
15191
15228
|
|
|
15192
15229
|
var CommunicationPreferenceOptionsRenderer = function CommunicationPreferenceOptionsRenderer(_ref) {
|
|
@@ -15233,8 +15270,8 @@
|
|
|
15233
15270
|
}, error === null || error === void 0 ? void 0 : error.message));
|
|
15234
15271
|
};
|
|
15235
15272
|
|
|
15236
|
-
var _templateObject$
|
|
15237
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
15273
|
+
var _templateObject$W, _templateObject2$h;
|
|
15274
|
+
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) {
|
|
15238
15275
|
return props.theme.colors.primary;
|
|
15239
15276
|
});
|
|
15240
15277
|
var SectionHeading = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
@@ -15261,8 +15298,8 @@
|
|
|
15261
15298
|
|
|
15262
15299
|
var CommunicationPreferenceSection$1 = themed(CommunicationPreferenceSection);
|
|
15263
15300
|
|
|
15264
|
-
var _templateObject$
|
|
15265
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
15301
|
+
var _templateObject$X, _templateObject2$i, _templateObject3$9;
|
|
15302
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
15266
15303
|
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"])));
|
|
15267
15304
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
15268
15305
|
var BaseRequest = {
|
|
@@ -15365,8 +15402,8 @@
|
|
|
15365
15402
|
|
|
15366
15403
|
var index$5 = themed(CommunicationPreferences);
|
|
15367
15404
|
|
|
15368
|
-
var _templateObject$
|
|
15369
|
-
var FooterWrapper$1 = styled__default.div(_templateObject$
|
|
15405
|
+
var _templateObject$Y;
|
|
15406
|
+
var FooterWrapper$1 = styled__default.div(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n }\n"])), function (props) {
|
|
15370
15407
|
return props.theme.colors.gray;
|
|
15371
15408
|
});
|
|
15372
15409
|
|