@bonlineza/luxity-lib 2.30.1 → 2.30.2
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/CHANGELOG.md +4 -0
- package/GraphQLDropdownSelector.js +49 -40
- package/LuxityGraphQLDropdownSelector.js +49 -40
- package/MaterialSelector.js +49 -40
- package/ModelSelector.js +49 -40
- package/RareStepHeader.js +6 -6
- package/RarestepAddInterests.js +118 -0
- package/RarestepInterests.js +118 -0
- package/ShoeSizeRangeSelector.js +1281 -0
- package/build/bundle.js +159 -42
- package/package.json +1 -1
- package/NotificationOptionsRenderer.js +0 -588
- package/NotificationSection.js +0 -680
- package/Notifications.js +0 -2465
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
## Changelog
|
|
2
2
|
|
|
3
|
+
### 2.30.2
|
|
4
|
+
- rename header components to make them more generic
|
|
5
|
+
- display makes on the header dropdown
|
|
6
|
+
|
|
3
7
|
### 2.30.1
|
|
4
8
|
- adding a class name prop for the buttons on the communications preference components.
|
|
5
9
|
- removing the default section header on communication preferences.
|
|
@@ -9079,6 +9079,15 @@
|
|
|
9079
9079
|
category: ''
|
|
9080
9080
|
};
|
|
9081
9081
|
|
|
9082
|
+
var _templateObject$C;
|
|
9083
|
+
var ShoeSizeInputWrapper = styled__default.div(_templateObject$C || (_templateObject$C = _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: 49%;\n border: 1px solid ", ";\n border-radius: 6px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n input[data-qe-id='masked-input-min'] {\n margin-bottom: 10px;\n }\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 100%;\n }\n }\n"])), function (props) {
|
|
9084
|
+
return props.theme.rareStepColors.primary;
|
|
9085
|
+
}, function (props) {
|
|
9086
|
+
return props.theme.rareStepColors.ntrl40;
|
|
9087
|
+
}, media.xs);
|
|
9088
|
+
|
|
9089
|
+
var debounceBuilder$2 = functions.debounced(50);
|
|
9090
|
+
|
|
9082
9091
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9083
9092
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9084
9093
|
return shoe_sizes.length - 1;
|
|
@@ -9196,8 +9205,8 @@
|
|
|
9196
9205
|
showMessageOnError: true
|
|
9197
9206
|
};
|
|
9198
9207
|
|
|
9199
|
-
var _templateObject$
|
|
9200
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9208
|
+
var _templateObject$D;
|
|
9209
|
+
var StyledHeader = styled__default.h5(_templateObject$D || (_templateObject$D = _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.sm, media.sm, function (props) {
|
|
9201
9210
|
return props.theme.marginPaddings[1];
|
|
9202
9211
|
});
|
|
9203
9212
|
|
|
@@ -9243,8 +9252,8 @@
|
|
|
9243
9252
|
}));
|
|
9244
9253
|
});
|
|
9245
9254
|
|
|
9246
|
-
var _templateObject$
|
|
9247
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9255
|
+
var _templateObject$E;
|
|
9256
|
+
var NotifyContainer = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\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"])), function (props) {
|
|
9248
9257
|
return props.theme.colors.ntrlMin;
|
|
9249
9258
|
}, function (props) {
|
|
9250
9259
|
return props.theme.colors.base;
|
|
@@ -9382,14 +9391,14 @@
|
|
|
9382
9391
|
|
|
9383
9392
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
9384
9393
|
|
|
9385
|
-
var _templateObject$
|
|
9394
|
+
var _templateObject$F, _templateObject2$6;
|
|
9386
9395
|
var ALL_ITEM = {
|
|
9387
9396
|
id: 'ALL',
|
|
9388
9397
|
name: 'ALL'
|
|
9389
9398
|
};
|
|
9390
9399
|
var multiSelectorItemMaxHeight = '3rem';
|
|
9391
9400
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
9392
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
9401
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$F || (_templateObject$F = _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);
|
|
9393
9402
|
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) {
|
|
9394
9403
|
return props.theme.marginPaddings[2];
|
|
9395
9404
|
}, function (props) {
|
|
@@ -9627,7 +9636,7 @@
|
|
|
9627
9636
|
}));
|
|
9628
9637
|
});
|
|
9629
9638
|
|
|
9630
|
-
var _templateObject$
|
|
9639
|
+
var _templateObject$G;
|
|
9631
9640
|
|
|
9632
9641
|
var Title$3 = function Title(_ref) {
|
|
9633
9642
|
var baseClass = _ref.baseClass,
|
|
@@ -9648,7 +9657,7 @@
|
|
|
9648
9657
|
})));
|
|
9649
9658
|
};
|
|
9650
9659
|
|
|
9651
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
9660
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$G || (_templateObject$G = _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) {
|
|
9652
9661
|
return props.theme.marginPaddings[2];
|
|
9653
9662
|
}, function (props) {
|
|
9654
9663
|
return props.theme.fontSizes[2];
|
|
@@ -9669,7 +9678,7 @@
|
|
|
9669
9678
|
});
|
|
9670
9679
|
var Title$4 = themed(StyledTitle);
|
|
9671
9680
|
|
|
9672
|
-
var debounceBuilder$
|
|
9681
|
+
var debounceBuilder$3 = functions.debounced(200);
|
|
9673
9682
|
|
|
9674
9683
|
/**
|
|
9675
9684
|
* Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
|
|
@@ -9703,7 +9712,7 @@
|
|
|
9703
9712
|
_defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
|
|
9704
9713
|
event.preventDefault();
|
|
9705
9714
|
var searchText = event.target.value;
|
|
9706
|
-
debounceBuilder$
|
|
9715
|
+
debounceBuilder$3(function () {
|
|
9707
9716
|
_this.setState({
|
|
9708
9717
|
nameFilter: searchText
|
|
9709
9718
|
});
|
|
@@ -9788,8 +9797,8 @@
|
|
|
9788
9797
|
baseQueryLimit: 12
|
|
9789
9798
|
};
|
|
9790
9799
|
|
|
9791
|
-
var _templateObject$
|
|
9792
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
9800
|
+
var _templateObject$H;
|
|
9801
|
+
var BaseButton = styled__default.button(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
9793
9802
|
return props.theme.colors.base;
|
|
9794
9803
|
}, function (props) {
|
|
9795
9804
|
return props.theme.colors.borderColor;
|
|
@@ -9890,8 +9899,8 @@
|
|
|
9890
9899
|
}
|
|
9891
9900
|
};
|
|
9892
9901
|
|
|
9893
|
-
var _templateObject$
|
|
9894
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
9902
|
+
var _templateObject$I, _templateObject2$7;
|
|
9903
|
+
var TitleWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
9895
9904
|
return props.theme.marginPaddings[4];
|
|
9896
9905
|
});
|
|
9897
9906
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10029,8 +10038,8 @@
|
|
|
10029
10038
|
}
|
|
10030
10039
|
};
|
|
10031
10040
|
|
|
10032
|
-
var _templateObject$
|
|
10033
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10041
|
+
var _templateObject$J;
|
|
10042
|
+
var SelectionWrapper = styled__default.div(_templateObject$J || (_templateObject$J = _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) {
|
|
10034
10043
|
return props.theme.marginPaddings[2];
|
|
10035
10044
|
}, function (props) {
|
|
10036
10045
|
return props.theme.marginPaddings[2];
|
|
@@ -10046,8 +10055,8 @@
|
|
|
10046
10055
|
|
|
10047
10056
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10048
10057
|
|
|
10049
|
-
var _templateObject$
|
|
10050
|
-
var Content = styled__default.div(_templateObject$
|
|
10058
|
+
var _templateObject$K, _templateObject2$8, _templateObject3$3;
|
|
10059
|
+
var Content = styled__default.div(_templateObject$K || (_templateObject$K = _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) {
|
|
10051
10060
|
return props.theme.colors.primary;
|
|
10052
10061
|
}, function (props) {
|
|
10053
10062
|
return props.theme.marginPaddings[0];
|
|
@@ -10212,9 +10221,9 @@
|
|
|
10212
10221
|
}));
|
|
10213
10222
|
});
|
|
10214
10223
|
|
|
10215
|
-
var _templateObject$
|
|
10224
|
+
var _templateObject$L, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10216
10225
|
var UNISEX$1 = genders.UNISEX;
|
|
10217
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10226
|
+
var AddInterestContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10218
10227
|
return props.theme.marginPaddings[6];
|
|
10219
10228
|
}, function (props) {
|
|
10220
10229
|
return props.theme.colors.borderColor;
|
|
@@ -10502,8 +10511,8 @@
|
|
|
10502
10511
|
|
|
10503
10512
|
var AddInterest$1 = themed(AddInterest);
|
|
10504
10513
|
|
|
10505
|
-
var _templateObject$
|
|
10506
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
10514
|
+
var _templateObject$M;
|
|
10515
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
10507
10516
|
return props.theme.marginPaddings[0];
|
|
10508
10517
|
}, function (props) {
|
|
10509
10518
|
return props.theme.colors.primary;
|
|
@@ -10533,8 +10542,8 @@
|
|
|
10533
10542
|
|
|
10534
10543
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10535
10544
|
|
|
10536
|
-
var _templateObject$
|
|
10537
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
10545
|
+
var _templateObject$N;
|
|
10546
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
10538
10547
|
return props.theme.colors.primary;
|
|
10539
10548
|
});
|
|
10540
10549
|
var AccountIcon = themed(function () {
|
|
@@ -10680,8 +10689,8 @@
|
|
|
10680
10689
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10681
10690
|
};
|
|
10682
10691
|
|
|
10683
|
-
var _templateObject$
|
|
10684
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
10692
|
+
var _templateObject$O, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _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;
|
|
10693
|
+
var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
10685
10694
|
return props.theme.rareStepColors.ntrlMin;
|
|
10686
10695
|
}, function (props) {
|
|
10687
10696
|
return props.theme.rareStepColors.primary;
|
|
@@ -10745,12 +10754,12 @@
|
|
|
10745
10754
|
return props.theme.rareStepFontSize.h5;
|
|
10746
10755
|
});
|
|
10747
10756
|
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
10748
|
-
var
|
|
10757
|
+
var DropdownLinks = styled__default.ul(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n padding: 0 ", ";\n border-right: 1px solid ", ";\n width: 50%;\n column-count: 3;\n }\n"])), function (props) {
|
|
10749
10758
|
return props.theme.marginPaddings[3];
|
|
10750
10759
|
}, function (props) {
|
|
10751
10760
|
return props.theme.rareStepColors.ntrl40;
|
|
10752
10761
|
});
|
|
10753
|
-
var
|
|
10762
|
+
var DropdownLinksList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
10754
10763
|
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
10755
10764
|
return props.theme.marginPaddings[5];
|
|
10756
10765
|
});
|
|
@@ -10808,8 +10817,8 @@
|
|
|
10808
10817
|
return props.theme.rareStepColors.ntrl40;
|
|
10809
10818
|
});
|
|
10810
10819
|
|
|
10811
|
-
var _templateObject$
|
|
10812
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
10820
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _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;
|
|
10821
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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) {
|
|
10813
10822
|
return props.theme.rareStepColors.ntrlMin;
|
|
10814
10823
|
}, function (props) {
|
|
10815
10824
|
return props.theme.marginPaddings[3];
|
|
@@ -10891,8 +10900,8 @@
|
|
|
10891
10900
|
return props.theme.marginPaddings[1];
|
|
10892
10901
|
});
|
|
10893
10902
|
|
|
10894
|
-
var _templateObject$
|
|
10895
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
10903
|
+
var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
10904
|
+
var FooterWrapper = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10896
10905
|
return props.theme.rareStepColors.ntrlMax;
|
|
10897
10906
|
}, function (props) {
|
|
10898
10907
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10957,30 +10966,30 @@
|
|
|
10957
10966
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10958
10967
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10959
10968
|
|
|
10960
|
-
var _templateObject$
|
|
10961
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
10969
|
+
var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
|
|
10970
|
+
var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
10962
10971
|
var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
|
|
10963
10972
|
var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
10964
10973
|
var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
|
|
10965
10974
|
var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
|
|
10966
10975
|
|
|
10967
|
-
var _templateObject$
|
|
10968
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
10976
|
+
var _templateObject$S, _templateObject2$e;
|
|
10977
|
+
var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
10969
10978
|
return props.theme.colors.primary;
|
|
10970
10979
|
});
|
|
10971
10980
|
var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
10972
10981
|
|
|
10973
|
-
var _templateObject$
|
|
10974
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
10982
|
+
var _templateObject$T, _templateObject2$f, _templateObject3$9;
|
|
10983
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
10975
10984
|
var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
10976
10985
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
10977
10986
|
|
|
10978
|
-
var _templateObject$
|
|
10987
|
+
var _templateObject$U;
|
|
10979
10988
|
var ALL_ITEM$1 = {
|
|
10980
10989
|
label: 'ALL',
|
|
10981
10990
|
value: 'ALL'
|
|
10982
10991
|
};
|
|
10983
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
10992
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
10984
10993
|
return props.theme.colors.primary;
|
|
10985
10994
|
}, function (props) {
|
|
10986
10995
|
return props.theme.colors.ntrlMin;
|
|
@@ -9079,6 +9079,15 @@
|
|
|
9079
9079
|
category: ''
|
|
9080
9080
|
};
|
|
9081
9081
|
|
|
9082
|
+
var _templateObject$C;
|
|
9083
|
+
var ShoeSizeInputWrapper = styled__default.div(_templateObject$C || (_templateObject$C = _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: 49%;\n border: 1px solid ", ";\n border-radius: 6px;\n background-color: ", ";\n padding: 10px;\n }\n\n @media (max-width: ", ") {\n flex-direction: column;\n input[data-qe-id='masked-input-min'] {\n margin-bottom: 10px;\n }\n input[data-qe-id='masked-input-min'],\n input[data-qe-id='masked-input-max'] {\n flex-basis: 100%;\n }\n }\n"])), function (props) {
|
|
9084
|
+
return props.theme.rareStepColors.primary;
|
|
9085
|
+
}, function (props) {
|
|
9086
|
+
return props.theme.rareStepColors.ntrl40;
|
|
9087
|
+
}, media.xs);
|
|
9088
|
+
|
|
9089
|
+
var debounceBuilder$2 = functions.debounced(50);
|
|
9090
|
+
|
|
9082
9091
|
var getMaxSizeIndex = function getMaxSizeIndex() {
|
|
9083
9092
|
var shoe_sizes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
|
|
9084
9093
|
return shoe_sizes.length - 1;
|
|
@@ -9196,8 +9205,8 @@
|
|
|
9196
9205
|
showMessageOnError: true
|
|
9197
9206
|
};
|
|
9198
9207
|
|
|
9199
|
-
var _templateObject$
|
|
9200
|
-
var StyledHeader = styled__default.h5(_templateObject$
|
|
9208
|
+
var _templateObject$D;
|
|
9209
|
+
var StyledHeader = styled__default.h5(_templateObject$D || (_templateObject$D = _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.sm, media.sm, function (props) {
|
|
9201
9210
|
return props.theme.marginPaddings[1];
|
|
9202
9211
|
});
|
|
9203
9212
|
|
|
@@ -9243,8 +9252,8 @@
|
|
|
9243
9252
|
}));
|
|
9244
9253
|
});
|
|
9245
9254
|
|
|
9246
|
-
var _templateObject$
|
|
9247
|
-
var NotifyContainer = styled__default.div(_templateObject$
|
|
9255
|
+
var _templateObject$E;
|
|
9256
|
+
var NotifyContainer = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteral(["\n .page-ready {\n display: flex;\n align-items: center;\n }\n\n .loader {\n min-width: 150px;\n }\n\n .notification-dropdown-select-container {\n min-width: 150px;\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"])), function (props) {
|
|
9248
9257
|
return props.theme.colors.ntrlMin;
|
|
9249
9258
|
}, function (props) {
|
|
9250
9259
|
return props.theme.colors.base;
|
|
@@ -9382,14 +9391,14 @@
|
|
|
9382
9391
|
|
|
9383
9392
|
var NotificationDropDown$1 = themed(NotificationDropDown);
|
|
9384
9393
|
|
|
9385
|
-
var _templateObject$
|
|
9394
|
+
var _templateObject$F, _templateObject2$6;
|
|
9386
9395
|
var ALL_ITEM = {
|
|
9387
9396
|
id: 'ALL',
|
|
9388
9397
|
name: 'ALL'
|
|
9389
9398
|
};
|
|
9390
9399
|
var multiSelectorItemMaxHeight = '3rem';
|
|
9391
9400
|
var multiSelectorItemAnimationDuration = '300ms';
|
|
9392
|
-
var multiselectorItemFadeIn = styled.keyframes(_templateObject$
|
|
9401
|
+
var multiselectorItemFadeIn = styled.keyframes(_templateObject$F || (_templateObject$F = _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);
|
|
9393
9402
|
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) {
|
|
9394
9403
|
return props.theme.marginPaddings[2];
|
|
9395
9404
|
}, function (props) {
|
|
@@ -9627,7 +9636,7 @@
|
|
|
9627
9636
|
}));
|
|
9628
9637
|
});
|
|
9629
9638
|
|
|
9630
|
-
var _templateObject$
|
|
9639
|
+
var _templateObject$G;
|
|
9631
9640
|
|
|
9632
9641
|
var Title$3 = function Title(_ref) {
|
|
9633
9642
|
var baseClass = _ref.baseClass,
|
|
@@ -9648,7 +9657,7 @@
|
|
|
9648
9657
|
})));
|
|
9649
9658
|
};
|
|
9650
9659
|
|
|
9651
|
-
var StyledTitle = styled__default(Title$3)(_templateObject$
|
|
9660
|
+
var StyledTitle = styled__default(Title$3)(_templateObject$G || (_templateObject$G = _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) {
|
|
9652
9661
|
return props.theme.marginPaddings[2];
|
|
9653
9662
|
}, function (props) {
|
|
9654
9663
|
return props.theme.fontSizes[2];
|
|
@@ -9669,7 +9678,7 @@
|
|
|
9669
9678
|
});
|
|
9670
9679
|
var Title$4 = themed(StyledTitle);
|
|
9671
9680
|
|
|
9672
|
-
var debounceBuilder$
|
|
9681
|
+
var debounceBuilder$3 = functions.debounced(200);
|
|
9673
9682
|
|
|
9674
9683
|
/**
|
|
9675
9684
|
* Luxity flavoured GraphQLMultiselector with text Search, category and limit controls
|
|
@@ -9703,7 +9712,7 @@
|
|
|
9703
9712
|
_defineProperty(_assertThisInitialized(_this), "onSearchChanged", function (event) {
|
|
9704
9713
|
event.preventDefault();
|
|
9705
9714
|
var searchText = event.target.value;
|
|
9706
|
-
debounceBuilder$
|
|
9715
|
+
debounceBuilder$3(function () {
|
|
9707
9716
|
_this.setState({
|
|
9708
9717
|
nameFilter: searchText
|
|
9709
9718
|
});
|
|
@@ -9788,8 +9797,8 @@
|
|
|
9788
9797
|
baseQueryLimit: 12
|
|
9789
9798
|
};
|
|
9790
9799
|
|
|
9791
|
-
var _templateObject$
|
|
9792
|
-
var BaseButton = styled__default.button(_templateObject$
|
|
9800
|
+
var _templateObject$H;
|
|
9801
|
+
var BaseButton = styled__default.button(_templateObject$H || (_templateObject$H = _taggedTemplateLiteral(["\n color: ", ";\n border: 1px solid ", ";\n background-color: ", ";\n &:hover {\n color: ", ";\n background-color: ", ";\n }\n"])), function (props) {
|
|
9793
9802
|
return props.theme.colors.base;
|
|
9794
9803
|
}, function (props) {
|
|
9795
9804
|
return props.theme.colors.borderColor;
|
|
@@ -9890,8 +9899,8 @@
|
|
|
9890
9899
|
}
|
|
9891
9900
|
};
|
|
9892
9901
|
|
|
9893
|
-
var _templateObject$
|
|
9894
|
-
var TitleWrapper = styled__default.div(_templateObject$
|
|
9902
|
+
var _templateObject$I, _templateObject2$7;
|
|
9903
|
+
var TitleWrapper = styled__default.div(_templateObject$I || (_templateObject$I = _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) {
|
|
9895
9904
|
return props.theme.marginPaddings[4];
|
|
9896
9905
|
});
|
|
9897
9906
|
var onShoeSizeTypeChangeTimeout = 300;
|
|
@@ -10029,8 +10038,8 @@
|
|
|
10029
10038
|
}
|
|
10030
10039
|
};
|
|
10031
10040
|
|
|
10032
|
-
var _templateObject$
|
|
10033
|
-
var SelectionWrapper = styled__default.div(_templateObject$
|
|
10041
|
+
var _templateObject$J;
|
|
10042
|
+
var SelectionWrapper = styled__default.div(_templateObject$J || (_templateObject$J = _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) {
|
|
10034
10043
|
return props.theme.marginPaddings[2];
|
|
10035
10044
|
}, function (props) {
|
|
10036
10045
|
return props.theme.marginPaddings[2];
|
|
@@ -10046,8 +10055,8 @@
|
|
|
10046
10055
|
|
|
10047
10056
|
var _excluded$7 = ["title", "checked", "renderIcon", "onChange", "checkedValue", "unCheckedValue"];
|
|
10048
10057
|
|
|
10049
|
-
var _templateObject$
|
|
10050
|
-
var Content = styled__default.div(_templateObject$
|
|
10058
|
+
var _templateObject$K, _templateObject2$8, _templateObject3$3;
|
|
10059
|
+
var Content = styled__default.div(_templateObject$K || (_templateObject$K = _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) {
|
|
10051
10060
|
return props.theme.colors.primary;
|
|
10052
10061
|
}, function (props) {
|
|
10053
10062
|
return props.theme.marginPaddings[0];
|
|
@@ -10212,9 +10221,9 @@
|
|
|
10212
10221
|
}));
|
|
10213
10222
|
});
|
|
10214
10223
|
|
|
10215
|
-
var _templateObject$
|
|
10224
|
+
var _templateObject$L, _templateObject2$9, _templateObject3$4, _templateObject4$3, _templateObject5$1;
|
|
10216
10225
|
var UNISEX$1 = genders.UNISEX;
|
|
10217
|
-
var AddInterestContainer = styled__default.div(_templateObject$
|
|
10226
|
+
var AddInterestContainer = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n border: 1px solid ", ";\n padding: ", ";\n"])), function (props) {
|
|
10218
10227
|
return props.theme.marginPaddings[6];
|
|
10219
10228
|
}, function (props) {
|
|
10220
10229
|
return props.theme.colors.borderColor;
|
|
@@ -10502,8 +10511,8 @@
|
|
|
10502
10511
|
|
|
10503
10512
|
var AddInterest$1 = themed(AddInterest);
|
|
10504
10513
|
|
|
10505
|
-
var _templateObject$
|
|
10506
|
-
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$
|
|
10514
|
+
var _templateObject$M;
|
|
10515
|
+
var MyInterestTitleHeadingContainer = styled__default.div(_templateObject$M || (_templateObject$M = _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) {
|
|
10507
10516
|
return props.theme.marginPaddings[0];
|
|
10508
10517
|
}, function (props) {
|
|
10509
10518
|
return props.theme.colors.primary;
|
|
@@ -10533,8 +10542,8 @@
|
|
|
10533
10542
|
|
|
10534
10543
|
var MyInterestTitleHeading$1 = themed(MyInterestTitleHeading);
|
|
10535
10544
|
|
|
10536
|
-
var _templateObject$
|
|
10537
|
-
var SvgWrapper$2 = styled__default.span(_templateObject$
|
|
10545
|
+
var _templateObject$N;
|
|
10546
|
+
var SvgWrapper$2 = styled__default.span(_templateObject$N || (_templateObject$N = _taggedTemplateLiteral(["\n svg {\n path {\n fill: ", ";\n }\n }\n"])), function (props) {
|
|
10538
10547
|
return props.theme.colors.primary;
|
|
10539
10548
|
});
|
|
10540
10549
|
var AccountIcon = themed(function () {
|
|
@@ -10680,8 +10689,8 @@
|
|
|
10680
10689
|
defaultShoeSizeType: shoeSizeTypes.eu.value
|
|
10681
10690
|
};
|
|
10682
10691
|
|
|
10683
|
-
var _templateObject$
|
|
10684
|
-
var HeaderWrapper = styled__default.div(_templateObject$
|
|
10692
|
+
var _templateObject$O, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$2, _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;
|
|
10693
|
+
var HeaderWrapper = styled__default.div(_templateObject$O || (_templateObject$O = _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) {
|
|
10685
10694
|
return props.theme.rareStepColors.ntrlMin;
|
|
10686
10695
|
}, function (props) {
|
|
10687
10696
|
return props.theme.rareStepColors.primary;
|
|
@@ -10745,12 +10754,12 @@
|
|
|
10745
10754
|
return props.theme.rareStepFontSize.h5;
|
|
10746
10755
|
});
|
|
10747
10756
|
var DropdownBrands = styled__default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n width: 20%;\n }\n"])));
|
|
10748
|
-
var
|
|
10757
|
+
var DropdownLinks = styled__default.ul(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n {\n padding: 0 ", ";\n border-right: 1px solid ", ";\n width: 50%;\n column-count: 3;\n }\n"])), function (props) {
|
|
10749
10758
|
return props.theme.marginPaddings[3];
|
|
10750
10759
|
}, function (props) {
|
|
10751
10760
|
return props.theme.rareStepColors.ntrl40;
|
|
10752
10761
|
});
|
|
10753
|
-
var
|
|
10762
|
+
var DropdownLinksList = styled__default.li(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n {\n list-style: none;\n }\n"])));
|
|
10754
10763
|
var DropdownFigure = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n {\n display: flex;\n width: 30%;\n padding-left: ", ";\n }\n"])), function (props) {
|
|
10755
10764
|
return props.theme.marginPaddings[5];
|
|
10756
10765
|
});
|
|
@@ -10808,8 +10817,8 @@
|
|
|
10808
10817
|
return props.theme.rareStepColors.ntrl40;
|
|
10809
10818
|
});
|
|
10810
10819
|
|
|
10811
|
-
var _templateObject$
|
|
10812
|
-
var HeaderWrapper$1 = styled__default.div(_templateObject$
|
|
10820
|
+
var _templateObject$P, _templateObject2$b, _templateObject3$6, _templateObject4$5, _templateObject5$3, _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;
|
|
10821
|
+
var HeaderWrapper$1 = styled__default.div(_templateObject$P || (_templateObject$P = _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) {
|
|
10813
10822
|
return props.theme.rareStepColors.ntrlMin;
|
|
10814
10823
|
}, function (props) {
|
|
10815
10824
|
return props.theme.marginPaddings[3];
|
|
@@ -10891,8 +10900,8 @@
|
|
|
10891
10900
|
return props.theme.marginPaddings[1];
|
|
10892
10901
|
});
|
|
10893
10902
|
|
|
10894
|
-
var _templateObject$
|
|
10895
|
-
var FooterWrapper = styled__default.div(_templateObject$
|
|
10903
|
+
var _templateObject$Q, _templateObject2$c, _templateObject3$7, _templateObject4$6, _templateObject5$4, _templateObject6$2, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2;
|
|
10904
|
+
var FooterWrapper = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteral(["\n {\n background-color: ", ";\n font-weight: ", ";\n padding-top: ", ";\n font-size: ", ";\n }\n"])), function (props) {
|
|
10896
10905
|
return props.theme.rareStepColors.ntrlMax;
|
|
10897
10906
|
}, function (props) {
|
|
10898
10907
|
return props.theme.rareStepFontWeights.bold;
|
|
@@ -10957,30 +10966,30 @@
|
|
|
10957
10966
|
var FooterPaymentImage = styled__default.img(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteral(["\n {\n width: 100px;\n height: 30px;\n }\n"])));
|
|
10958
10967
|
var FooterConnectContainer = styled__default.div(_templateObject16$2 || (_templateObject16$2 = _taggedTemplateLiteral(["\n {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
10959
10968
|
|
|
10960
|
-
var _templateObject$
|
|
10961
|
-
var OptionsRow = styled__default.div(_templateObject$
|
|
10969
|
+
var _templateObject$R, _templateObject2$d, _templateObject3$8, _templateObject4$7, _templateObject5$5;
|
|
10970
|
+
var OptionsRow = styled__default.div(_templateObject$R || (_templateObject$R = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n"])));
|
|
10962
10971
|
var OptionsRowDescription = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n flex-basis: 30%;\n margin-right: 10px;\n"])));
|
|
10963
10972
|
var Options = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-wrap: nowrap;\n flex-direction: row;\n flex-basis: 60%;\n"])));
|
|
10964
10973
|
var OptionRadioInputContainer = styled__default.span(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n flex-basis: 50%;\n"])));
|
|
10965
10974
|
var OptionRadioInput = styled__default.input(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n margin-right: 5px;\n"])));
|
|
10966
10975
|
|
|
10967
|
-
var _templateObject$
|
|
10968
|
-
var SectionContainer = styled__default.div(_templateObject$
|
|
10976
|
+
var _templateObject$S, _templateObject2$e;
|
|
10977
|
+
var SectionContainer = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteral(["\n border-top: flex 1px solid ", ";\n border-top-width: calc(100% - 50px);\n padding: 5px 10px;\n"])), function (props) {
|
|
10969
10978
|
return props.theme.colors.primary;
|
|
10970
10979
|
});
|
|
10971
10980
|
var SectionHeading = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding: 5px 10px;\n"])));
|
|
10972
10981
|
|
|
10973
|
-
var _templateObject$
|
|
10974
|
-
var CommunicationPreferenceContainer = styled__default.div(_templateObject$
|
|
10982
|
+
var _templateObject$T, _templateObject2$f, _templateObject3$9;
|
|
10983
|
+
var CommunicationPreferenceContainer = styled__default.div(_templateObject$T || (_templateObject$T = _taggedTemplateLiteral(["\n border: solid 1px #d1d5dbff;\n margin-bottom: 40px;\n"])));
|
|
10975
10984
|
var EditButtonRow = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n display: flex;\n justify-content: end;\n padding: 10px 5px;\n margin-right: 16px;\n"])));
|
|
10976
10985
|
var SubmitButton = styled__default.input(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n flex-basis: 15%;\n margin-right: 5px;\n"])));
|
|
10977
10986
|
|
|
10978
|
-
var _templateObject$
|
|
10987
|
+
var _templateObject$U;
|
|
10979
10988
|
var ALL_ITEM$1 = {
|
|
10980
10989
|
label: 'ALL',
|
|
10981
10990
|
value: 'ALL'
|
|
10982
10991
|
};
|
|
10983
|
-
var StyledMultiselector$1 = styled__default.div(_templateObject$
|
|
10992
|
+
var StyledMultiselector$1 = styled__default.div(_templateObject$U || (_templateObject$U = _taggedTemplateLiteral(["\n .multiselector__selected-items,\n .multiselector__selectable-items {\n display: flex;\n flex-flow: no-wrap;\n margin-bottom: 40px;\n .dropdown-select-container {\n width: 100%;\n .dropdown-select {\n &__control {\n border-color: ", ";\n border-radius: 0px;\n background-color: ", ";\n color: ", ";\n }\n &__multi-value {\n background-color: ", ";\n }\n &__multi-value__label {\n color: ", ";\n font-size: 100%;\n }\n &__multi-value__remove {\n svg {\n fill: ", ";\n }\n }\n }\n }\n }\n"])), function (props) {
|
|
10984
10993
|
return props.theme.colors.primary;
|
|
10985
10994
|
}, function (props) {
|
|
10986
10995
|
return props.theme.colors.ntrlMin;
|