kui-crm 0.0.51 → 0.0.53
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/cjs/index.js +49 -48
- package/cjs/index.js.map +1 -1
- package/index.js +49 -48
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -667,27 +667,27 @@ var usePaginationPage = function (paginator, fetchAll, filter, deps) {
|
|
|
667
667
|
|
|
668
668
|
function TwoOptionForAutocomplete(_a) {
|
|
669
669
|
var option = _a.option;
|
|
670
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
670
|
+
return (jsxRuntime.jsxs(StyledWrapper$a, __assign({ container: true, justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: option.name })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: option.right })) }))] })));
|
|
671
671
|
}
|
|
672
|
-
var StyledWrapper$
|
|
672
|
+
var StyledWrapper$a = styled__default["default"](kuiBasic.Grid)(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
673
673
|
var templateObject_1$s;
|
|
674
674
|
|
|
675
675
|
function SquarePreviewImage(_a) {
|
|
676
676
|
var imageSrc = _a.imageSrc, name = _a.name, size = _a.size, other = __rest(_a, ["imageSrc", "name", "size"]);
|
|
677
677
|
var formattedName = name === null || name === void 0 ? void 0 : name.split(" ").map(function (el) { return el[0]; }).slice(0, 2).join("").toUpperCase();
|
|
678
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
678
|
+
return (jsxRuntime.jsx(StyledWrapper$9, __assign({ size: size || "lg" }, other, { children: imageSrc ? (jsxRuntime.jsx(StyledImage$4, { src: imageSrc, alt: "preview image" })) : (jsxRuntime.jsx(StyledNameWrapper, __assign({ alignItems: "center", justify: "center" }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: size === "sm" ? "h4" : "h1", colorGroup: "brand", color: "main" }, { children: formattedName !== null && formattedName !== void 0 ? formattedName : "?" })) }))) })));
|
|
679
679
|
}
|
|
680
680
|
var previewSizesStyles = {
|
|
681
681
|
lg: react.css(templateObject_1$r || (templateObject_1$r = __makeTemplateObject(["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "], ["\n width: 88px;\n height: 88px;\n border-radius: 16px;\n "]))),
|
|
682
682
|
sm: react.css(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "], ["\n width: 32px;\n height: 32px;\n border-radius: 8px;\n "]))),
|
|
683
683
|
};
|
|
684
|
-
var StyledImage$4 = styled__default["default"].img(templateObject_3$
|
|
685
|
-
var StyledWrapper$
|
|
684
|
+
var StyledImage$4 = styled__default["default"].img(templateObject_3$f || (templateObject_3$f = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"], ["\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n"])));
|
|
685
|
+
var StyledWrapper$9 = styled__default["default"].div(templateObject_4$6 || (templateObject_4$6 = __makeTemplateObject(["\n overflow: hidden;\n ", ";\n"], ["\n overflow: hidden;\n ", ";\n"])), function (_a) {
|
|
686
686
|
var size = _a.size;
|
|
687
687
|
return previewSizesStyles[size];
|
|
688
688
|
});
|
|
689
689
|
var StyledNameWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_5$3 || (templateObject_5$3 = __makeTemplateObject(["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"], ["\n background: ", ";\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n"])), kuiBasic.theme.palette.brand.light);
|
|
690
|
-
var templateObject_1$r, templateObject_2$g, templateObject_3$
|
|
690
|
+
var templateObject_1$r, templateObject_2$g, templateObject_3$f, templateObject_4$6, templateObject_5$3;
|
|
691
691
|
|
|
692
692
|
function Modal(_a) {
|
|
693
693
|
var open = _a.open, other = __rest(_a, ["open"]);
|
|
@@ -836,9 +836,9 @@ var PartialPayerValues = [
|
|
|
836
836
|
|
|
837
837
|
function AutocompleteOption(_a) {
|
|
838
838
|
var label = _a.label;
|
|
839
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
839
|
+
return (jsxRuntime.jsx(StyledWrapper$8, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500 }, { children: label })) }));
|
|
840
840
|
}
|
|
841
|
-
var StyledWrapper$
|
|
841
|
+
var StyledWrapper$8 = styled__default["default"].div(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"], ["\n padding: 8px;\n border-radius: 8px;\n cursor: pointer;\n &:hover {\n background: ", ";\n },\n"])), kuiBasic.theme.palette.background.light2);
|
|
842
842
|
var templateObject_1$p;
|
|
843
843
|
|
|
844
844
|
var parentClassName$1 = "KUI-ErrorPopup_container";
|
|
@@ -884,12 +884,12 @@ function ErrorPopup(_a) {
|
|
|
884
884
|
return null;
|
|
885
885
|
}
|
|
886
886
|
var parentNode = document.querySelector(".".concat(parentClassName$1)) || createParentNode$1();
|
|
887
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), reactDom.createPortal(jsxRuntime.jsx(StyledWrapper$
|
|
887
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS$1 }), reactDom.createPortal(jsxRuntime.jsx(StyledWrapper$7, __assign({ onMouseEnter: startHover, onMouseLeave: handleMouseLeave, className: "KUI-ErrorPopup", container: true, alignItems: "center" }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600, color: "zero" }, { children: jsxRuntime.jsx(StyledContent, { children: label ? "Error in ".concat(label) : "Error" }) })) })), parentNode)] }));
|
|
888
888
|
}
|
|
889
889
|
var containerCSS$1 = react.css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-ErrorPopup_container {\n display: flex;\n position: fixed;\n top: 120px;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
890
|
-
var StyledWrapper$
|
|
891
|
-
var StyledContent = styled__default["default"].pre(templateObject_3$
|
|
892
|
-
var templateObject_1$o, templateObject_2$f, templateObject_3$
|
|
890
|
+
var StyledWrapper$7 = styled__default["default"](kuiBasic.Grid)(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"], ["\n height: 46px;\n border-radius: 12px;\n background: rgba(25, 25, 25, 0.8);\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n padding: 0 24px;\n margin-bottom: 16px;\n width: max-content;\n &:last-child {\n margin-bottom: 0;\n }\n"])));
|
|
891
|
+
var StyledContent = styled__default["default"].pre(templateObject_3$e || (templateObject_3$e = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n"], ["\n margin: 0;\n padding: 0;\n"])));
|
|
892
|
+
var templateObject_1$o, templateObject_2$f, templateObject_3$e;
|
|
893
893
|
|
|
894
894
|
var parentClassName = "KUI-LoadingPopup_container";
|
|
895
895
|
var createParentNode = function () {
|
|
@@ -911,14 +911,14 @@ function LoaderPopup(_a) {
|
|
|
911
911
|
}
|
|
912
912
|
};
|
|
913
913
|
var parentNode = document.querySelector(".".concat(parentClassName)) || createParentNode();
|
|
914
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), reactDom.createPortal(jsxRuntime.jsxs(StyledWrapper$
|
|
914
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Global, { styles: containerCSS }), reactDom.createPortal(jsxRuntime.jsxs(StyledWrapper$6, __assign({ className: "KUI-LoadingPopup", container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledLoader, {}), jsxRuntime.jsxs(StyledCaption$1, __assign({ size: "xs", weight: 600, color: "zero" }, { children: ["Loading ", label] })), jsxRuntime.jsx(CloseIconWrapper, __assign({ onClick: handleClose }, { children: jsxRuntime.jsx(kuiIcon.CrossWithCircleIcon, {}) }))] })), parentNode)] }));
|
|
915
915
|
}
|
|
916
916
|
var containerCSS = react.css(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"], ["\n body {\n position: relative;\n }\n .KUI-LoadingPopup_container {\n display: flex;\n flex-direction: column-reverse;\n position: fixed;\n bottom: 56px;\n justify-content: center;\n width: 100%;\n align-items: center;\n z-index: 10000;\n }\n"])));
|
|
917
|
-
var StyledWrapper$
|
|
918
|
-
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
917
|
+
var StyledWrapper$6 = styled__default["default"](kuiBasic.Grid)(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"], ["\n height: 48px;\n border-radius: 66px;\n box-shadow: 0px 26px 34px rgba(0, 0, 0, 0.1);\n background: rgba(25, 25, 25, 0.8);\n padding: 4px 12px 4px 8px;\n margin-top: 16px;\n width: max-content;\n min-width: 247px;\n &:last-child {\n margin-top: 0;\n }\n"])));
|
|
918
|
+
var StyledCaption$1 = styled__default["default"](kuiBasic.Caption)(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n padding: 0 14px;\n"], ["\n padding: 0 14px;\n"])));
|
|
919
919
|
var StyledLoader = styled__default["default"](kuiBasic.CircularProgress)(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"], ["\n color: #f1f1f1;\n width: 28px !important;\n height: 28px !important;\n"])));
|
|
920
920
|
var CloseIconWrapper = styled__default["default"].div(templateObject_5$2 || (templateObject_5$2 = __makeTemplateObject(["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"], ["\n cursor: pointer;\n margin-left: auto;\n height: 22px;\n"])));
|
|
921
|
-
var templateObject_1$n, templateObject_2$e, templateObject_3$
|
|
921
|
+
var templateObject_1$n, templateObject_2$e, templateObject_3$d, templateObject_4$5, templateObject_5$2;
|
|
922
922
|
|
|
923
923
|
function LoaderState(_a) {
|
|
924
924
|
var loader = _a.loader, onlyError = _a.onlyError;
|
|
@@ -1095,8 +1095,8 @@ function ModalWithMap(props) {
|
|
|
1095
1095
|
var ModalWithMap$1 = mobxReact.observer(ModalWithMap);
|
|
1096
1096
|
var StyledModal$1 = styled__default["default"](Modal)(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n max-width: 1295px !important;\n max-height: 736px !important;\n height: 100%;\n width: 100%;\n overflow: hidden;\n position: relative;\n .KUI-Modal_close-button {\n width: 32px;\n height: 32px;\n background: white;\n border-color: ", ";\n svg {\n width: 16px;\n height: 16px;\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.palette.grey.seventy);
|
|
1097
1097
|
var StyledInput$3 = styled__default["default"](kuiComplex.InputWithAddressAutocomplete)(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"], ["\n position: absolute;\n top: 24px;\n left: 24px;\n max-width: 25%;\n"])));
|
|
1098
|
-
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
1099
|
-
var templateObject_1$m, templateObject_2$d, templateObject_3$
|
|
1098
|
+
var StyledButton$2 = styled__default["default"](kuiBasic.Button)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"], ["\n position: absolute;\n bottom: 24px;\n right: 24px;\n"])));
|
|
1099
|
+
var templateObject_1$m, templateObject_2$d, templateObject_3$c;
|
|
1100
1100
|
|
|
1101
1101
|
function OpenMapButton(props) {
|
|
1102
1102
|
var _a = kuiUtils.useToggle(), isModalOpen = _a[0], handleModalOpen = _a[1], handleModalClose = _a[2];
|
|
@@ -1146,9 +1146,9 @@ function PreviewImageCard(props) {
|
|
|
1146
1146
|
}
|
|
1147
1147
|
var Wrapper$5 = styled__default["default"].div(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"], ["\n margin-top: 8px;\n position: relative;\n width: 56px;\n height: 56px;\n cursor: pointer;\n user-select: none;\n"])));
|
|
1148
1148
|
var StyledImage$3 = styled__default["default"].img(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"], ["\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n border-radius: 8px;\n"])));
|
|
1149
|
-
var Backdrop$1 = styled__default["default"].div(templateObject_3$
|
|
1149
|
+
var Backdrop$1 = styled__default["default"].div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"], ["\n position: absolute;\n top: 0;\n left: 0;\n border-radius: 8px;\n width: 100%;\n height: 100%;\n background-color: rgba(25, 25, 25, 0.4);\n transition: all ease-out 0.3s;\n opacity: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n &:hover {\n opacity: 1;\n }\n"])));
|
|
1150
1150
|
var StyledRemoveButton = styled__default["default"](kuiBasic.Button)(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"], ["\n //opacity: 0;\n pointer-events: none;\n width: 24px;\n height: 24px;\n position: absolute;\n transition: all ease-out 0.3s;\n &:disabled {\n opacity: 0;\n }\n"])));
|
|
1151
|
-
var templateObject_1$k, templateObject_2$c, templateObject_3$
|
|
1151
|
+
var templateObject_1$k, templateObject_2$c, templateObject_3$b, templateObject_4$4;
|
|
1152
1152
|
|
|
1153
1153
|
var getURLFromFile = function (fileList) {
|
|
1154
1154
|
return fileList[0] ? URL.createObjectURL(fileList[0]) : null;
|
|
@@ -1186,14 +1186,14 @@ function FileUploaderWithPreview(props) {
|
|
|
1186
1186
|
setFilePreview(null);
|
|
1187
1187
|
form.setValue(name, null);
|
|
1188
1188
|
};
|
|
1189
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$
|
|
1189
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(StyledWrapper$5, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: label })), jsxRuntime.jsx(StyledInput$2, __assign({ id: "file_input", type: "file", "data-testid": "file_input" }, formRegister, { onChange: handleChange })), filePreview ? (jsxRuntime.jsx(PreviewImageCard, { url: filePreview, onDelete: handleDelete })) : (jsxRuntime.jsx(StyledLabel, __assign({ htmlFor: "file_input" }, { children: jsxRuntime.jsx(StyledCircleButton, __assign({ isCircle: true, size: "l", variant: "grayLight" }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, {}) })) })))] }), error && (jsxRuntime.jsx(StyledErrorMessage, __assign({ size: "xs", colorGroup: "red", color: "seventy" }, { children: error })))] }));
|
|
1190
1190
|
}
|
|
1191
|
-
var StyledWrapper$
|
|
1191
|
+
var StyledWrapper$5 = styled__default["default"].div(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"], ["\n border-radius: 8px;\n border: 1px dashed ", ";\n padding: 6px 16px 16px;\n display: inline-block;\n"])), kuiBasic.theme.palette.grey.fifteenB);
|
|
1192
1192
|
var StyledLabel = styled__default["default"].label(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"], ["\n margin-top: 8px;\n display: block;\n cursor: pointer;\n"])));
|
|
1193
|
-
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
1193
|
+
var StyledCircleButton = styled__default["default"](kuiBasic.Button)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"], ["\n border-radius: 8px;\n background: ", ";\n pointer-events: none;\n"])), kuiBasic.theme.palette.background.light2);
|
|
1194
1194
|
var StyledInput$2 = styled__default["default"].input(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n display: none;\n"], ["\n display: none;\n"])));
|
|
1195
1195
|
var StyledErrorMessage = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
|
|
1196
|
-
var templateObject_1$j, templateObject_2$b, templateObject_3$
|
|
1196
|
+
var templateObject_1$j, templateObject_2$b, templateObject_3$a, templateObject_4$3, templateObject_5$1;
|
|
1197
1197
|
|
|
1198
1198
|
var companyFields = [
|
|
1199
1199
|
{
|
|
@@ -1255,8 +1255,8 @@ var StyledFooter = styled__default["default"](Footer)(templateObject_2$a || (tem
|
|
|
1255
1255
|
var isFixed = _a.isFixed;
|
|
1256
1256
|
return (isFixed ? 0 : "auto");
|
|
1257
1257
|
});
|
|
1258
|
-
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$
|
|
1259
|
-
var templateObject_1$i, templateObject_2$a, templateObject_3$
|
|
1258
|
+
var StyledEndButtonWrapper = styled__default["default"].div(templateObject_3$9 || (templateObject_3$9 = __makeTemplateObject(["\n margin-right: 20px;\n"], ["\n margin-right: 20px;\n"])));
|
|
1259
|
+
var templateObject_1$i, templateObject_2$a, templateObject_3$9;
|
|
1260
1260
|
|
|
1261
1261
|
function CompanyCreationForm(_a) {
|
|
1262
1262
|
var handleSubmit = _a.handleSubmit;
|
|
@@ -1690,7 +1690,7 @@ var FormWrapper = function (props) {
|
|
|
1690
1690
|
|
|
1691
1691
|
function HeadingWithButton(_a) {
|
|
1692
1692
|
var title = _a.title, onClick = _a.onClick, isEditing = _a.isEditing, icon = _a.icon, children = _a.children, className = _a.className, variant = _a.variant, showButton = _a.showButton, otherProps = __rest(_a, ["title", "onClick", "isEditing", "icon", "children", "className", "variant", "showButton"]);
|
|
1693
|
-
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$
|
|
1693
|
+
return (jsxRuntime.jsx(kuiBasic.Box, __assign({ pt: 3, pb: 2, className: className }, { children: jsxRuntime.jsxs(StyledWrapper$4, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Heading, __assign({ size: "h4" }, { children: title })) })), jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, justify: "flex-end", alignContent: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: children })), showButton && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, "data-testid": "add_field_button", disabled: !isEditing, size: "xs", variant: variant, onClick: onClick }, otherProps, { children: icon })) })))] })) }))] })) })));
|
|
1694
1694
|
}
|
|
1695
1695
|
HeadingWithButton.defaultProps = {
|
|
1696
1696
|
isEditing: true,
|
|
@@ -1699,7 +1699,7 @@ HeadingWithButton.defaultProps = {
|
|
|
1699
1699
|
variant: "white",
|
|
1700
1700
|
showButton: true,
|
|
1701
1701
|
};
|
|
1702
|
-
var StyledWrapper$
|
|
1702
|
+
var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n height: 32px;\n"], ["\n height: 32px;\n"])));
|
|
1703
1703
|
var templateObject_1$h;
|
|
1704
1704
|
|
|
1705
1705
|
var meterFeaturesFieldsSchema = {
|
|
@@ -1812,7 +1812,7 @@ var PartialPayer = function (props) {
|
|
|
1812
1812
|
}
|
|
1813
1813
|
}, [form.formState.isDirty]);
|
|
1814
1814
|
var fields = getPartialPayerFields(mainPayer, refundFromRef, fieldsVariant || "radio", utilityType);
|
|
1815
|
-
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$
|
|
1815
|
+
return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [fieldsVariant === "radio" && (jsxRuntime.jsx(StyledRadioGroup$1, __assign({ options: PartialPayerValues, form: form, name: "".concat(name, ".payer"), direction: "vertical" }, other))), fieldsVariant === "radio" ? (payerType === "partial" && (jsxRuntime.jsx(StyledFieldsGroup, { children: jsxRuntime.jsx(StyledWrapper$3, __assign({ container: true, spacing: 2 }, { children: fields.map(function (_a) {
|
|
1816
1816
|
var fieldName = _a.name, field = __rest(_a, ["name"]);
|
|
1817
1817
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 6 }, { children: jsxRuntime.jsx(kuiCrm.InputByType, __assign({ name: "".concat(name, ".").concat(fieldName), form: form }, field)) })));
|
|
1818
1818
|
}) })) }))) : (jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 3 }, { children: jsxRuntime.jsx(InputSelect, __assign({ label: "Utilities by ".concat(utilityType), name: "".concat(name, ".payer"), options: PartialPayerValues, form: form }, other)) })), payerType === "partial" &&
|
|
@@ -1826,8 +1826,8 @@ PartialPayer.defaultProps = {
|
|
|
1826
1826
|
};
|
|
1827
1827
|
var StyledFieldsGroup = styled__default["default"](kuiBasic.Grid)(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"], ["\n background: ", ";\n border-radius: 0 0 8px 8px;\n"])), kuiBasic.theme.palette.background.light1);
|
|
1828
1828
|
var StyledRadioGroup$1 = styled__default["default"](kuiComplex.RadioGroupWithLabel)(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n padding: 10px;\n background: white;\n"], ["\n padding: 10px;\n background: white;\n"])));
|
|
1829
|
-
var StyledWrapper$
|
|
1830
|
-
var templateObject_1$g, templateObject_2$9, templateObject_3$
|
|
1829
|
+
var StyledWrapper$3 = styled__default["default"](kuiBasic.Grid)(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n padding-top: 16px;\n"], ["\n padding-top: 16px;\n"])));
|
|
1830
|
+
var templateObject_1$g, templateObject_2$9, templateObject_3$8;
|
|
1831
1831
|
|
|
1832
1832
|
var TariffsLiteStore = /** @class */ (function () {
|
|
1833
1833
|
function TariffsLiteStore() {
|
|
@@ -2501,25 +2501,25 @@ var img = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAMAAADfDTFxAAA
|
|
|
2501
2501
|
|
|
2502
2502
|
var SignInPage = function (props) {
|
|
2503
2503
|
var handleSubmit = props.handleSubmit, isLoading = props.isLoading, err = props.err;
|
|
2504
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
2504
|
+
return (jsxRuntime.jsxs(StyledWrapper$2, { children: [jsxRuntime.jsx(StyledBackground, { src: img }), jsxRuntime.jsx(StyledContainer$1, { children: jsxRuntime.jsx(StyledCardWrapper, __assign({ container: true, alignItems: "center" }, { children: jsxRuntime.jsxs(StyledCard, { children: [jsxRuntime.jsx(kuiBasic.Box, __assign({ mb: 4 }, { children: jsxRuntime.jsx(kuiIcon.MaroomIcon, { width: 143, height: 32 }) })), jsxRuntime.jsx(kuiBasic.Box, __assign({ mb: 1 }, { children: jsxRuntime.jsx(kuiBasic.Heading, { children: "Welcome" }) })), isLoading ? (jsxRuntime.jsx(kuiComplex.Loading, { height: "65%" })) : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ErrorBlock, __assign({ mb: 1 }, { children: jsxRuntime.jsx(kuiBasic.Caption, __assign({ weight: 600 }, { children: err && "Вы ввели неверные данные" })) })), jsxRuntime.jsx(SignInForm, { onSubmit: handleSubmit })] }))] }) })) })] }));
|
|
2505
2505
|
};
|
|
2506
2506
|
var index$1 = mobxReact.observer(SignInPage);
|
|
2507
|
-
var StyledWrapper$
|
|
2507
|
+
var StyledWrapper$2 = styled__default["default"].div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n height: 100vh;\n width: 100vw;\n position: relative;\n"], ["\n height: 100vh;\n width: 100vw;\n position: relative;\n"])));
|
|
2508
2508
|
var StyledBackground = styled__default["default"].img(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n object-position: bottom center;\n object-fit: cover;\n"], ["\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n left: 0;\n overflow: hidden;\n object-position: bottom center;\n object-fit: cover;\n"])));
|
|
2509
|
-
var StyledCard = styled__default["default"].div(templateObject_3$
|
|
2509
|
+
var StyledCard = styled__default["default"].div(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n background: ", ";\n border-radius: 16px;\n box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n 0px 26px 26px rgba(10, 31, 68, 0.12);\n width: 496px;\n height: 512px;\n padding: 64px 48px;\n box-sizing: border-box;\n z-index: 1;\n @media (max-width: 960px) {\n width: 100%;\n padding: 32px 24px;\n height: 455px;\n }\n"], ["\n background: ", ";\n border-radius: 16px;\n box-shadow: 0px 0px 1px rgba(10, 31, 68, 0.1),\n 0px 26px 26px rgba(10, 31, 68, 0.12);\n width: 496px;\n height: 512px;\n padding: 64px 48px;\n box-sizing: border-box;\n z-index: 1;\n @media (max-width: 960px) {\n width: 100%;\n padding: 32px 24px;\n height: 455px;\n }\n"])), kuiBasic.theme.palette.grey.zero);
|
|
2510
2510
|
var ErrorBlock = styled__default["default"](kuiBasic.Box)(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n height: 24px;\n p: {\n color: ", ";\n },\n"], ["\n height: 24px;\n p: {\n color: ", ";\n },\n"])), kuiBasic.theme.palette.red.fiftyP);
|
|
2511
2511
|
var StyledContainer$1 = styled__default["default"](kuiBasic.Container)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
2512
2512
|
var StyledCardWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n"], ["\n height: 100%;\n"])));
|
|
2513
|
-
var templateObject_1$9, templateObject_2$7, templateObject_3$
|
|
2513
|
+
var templateObject_1$9, templateObject_2$7, templateObject_3$7, templateObject_4$2, templateObject_5, templateObject_6;
|
|
2514
2514
|
|
|
2515
2515
|
function TableBottomLoading(_a) {
|
|
2516
2516
|
var isLoading = _a.isLoading;
|
|
2517
|
-
return (jsxRuntime$1.jsx(StyledWrapper, __assign({ css: {
|
|
2517
|
+
return (jsxRuntime$1.jsx(StyledWrapper$1, __assign({ css: {
|
|
2518
2518
|
height: isLoading ? 56 : 0,
|
|
2519
2519
|
paddingTop: isLoading ? 20 : 0,
|
|
2520
2520
|
} }, { children: isLoading && jsxRuntime$1.jsx(kuiComplex.Loading, { height: "auto" }) })));
|
|
2521
2521
|
}
|
|
2522
|
-
var StyledWrapper = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
2522
|
+
var StyledWrapper$1 = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n transition: all ease-out 0.3s;\n"], ["\n transition: all ease-out 0.3s;\n"])));
|
|
2523
2523
|
var templateObject_1$8;
|
|
2524
2524
|
|
|
2525
2525
|
function CopyButton(_a) {
|
|
@@ -2543,12 +2543,12 @@ function CopyButton(_a) {
|
|
|
2543
2543
|
}
|
|
2544
2544
|
var CopyIconStyled = styled__default["default"](kuiIcon.CopyIcon)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"], ["\n cursor: pointer;\n path {\n fill: ", ";\n transition: all ease-out 0.3s;\n }\n &:hover {\n path {\n fill: ", ";\n }\n }\n"])), kuiBasic.theme.palette.grey.thirty, kuiBasic.theme.palette.grey.seventy);
|
|
2545
2545
|
var StyledCaption = styled__default["default"](kuiBasic.Caption)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n -webkit-text-fill-color: ", ";\n"], ["\n -webkit-text-fill-color: ", ";\n"])), kuiBasic.theme.palette.grey.seventy);
|
|
2546
|
-
var CardWrapper = styled__default["default"].div(templateObject_3$
|
|
2546
|
+
var CardWrapper = styled__default["default"].div(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"], ["\n opacity: ", ";\n background: #ffffff;\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);\n border-radius: 12px;\n height: 48px;\n width: 217px;\n padding: 0 16px;\n display: flex;\n align-items: center;\n position: absolute;\n top: -2px;\n right: -227px;\n transition: opacity ease-out 0.3s;\n pointer-events: none;\n box-sizing: border-box;\n z-index: 10;\n @media (max-width: 1750px) {\n right: 0;\n top: unset;\n bottom: -50px;\n z-index: 10;\n }\n @media (max-width: ", "px) {\n position: fixed;\n bottom: 24px;\n right: calc(50% - 217px / 2);\n }\n"])), function (_a) {
|
|
2547
2547
|
var isCopied = _a.isCopied;
|
|
2548
2548
|
return (isCopied ? 1 : 0);
|
|
2549
2549
|
}, kuiBasic.theme.breakpoints.sm);
|
|
2550
2550
|
var Wrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n width: auto;\n position: relative;\n"], ["\n width: auto;\n position: relative;\n"])));
|
|
2551
|
-
var templateObject_1$7, templateObject_2$6, templateObject_3$
|
|
2551
|
+
var templateObject_1$7, templateObject_2$6, templateObject_3$6, templateObject_4$1;
|
|
2552
2552
|
|
|
2553
2553
|
var GalleryNavigation = function (_a) {
|
|
2554
2554
|
var handlePrev = _a.handlePrev, handleNext = _a.handleNext;
|
|
@@ -2556,8 +2556,8 @@ var GalleryNavigation = function (_a) {
|
|
|
2556
2556
|
};
|
|
2557
2557
|
var buttonStyles = react.css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"], ["\n position: absolute;\n top: calc(50% - 20px);\n z-index: 10;\n @media (max-width: 900px) {\n display: none;\n }\n"])));
|
|
2558
2558
|
var NextButton = styled__default["default"](kuiBasic.Button)(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n right: 24px;\n ", "\n"], ["\n right: 24px;\n ", "\n"])), buttonStyles);
|
|
2559
|
-
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$
|
|
2560
|
-
var templateObject_1$6, templateObject_2$5, templateObject_3$
|
|
2559
|
+
var PrevButton = styled__default["default"](kuiBasic.Button)(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n left: 24px;\n ", "\n"], ["\n left: 24px;\n ", "\n"])), buttonStyles);
|
|
2560
|
+
var templateObject_1$6, templateObject_2$5, templateObject_3$5;
|
|
2561
2561
|
|
|
2562
2562
|
var GalleryThumbnails = function (_a) {
|
|
2563
2563
|
var images = _a.images, activeSlide = _a.activeSlide, handleChange = _a.handleChange;
|
|
@@ -2578,9 +2578,9 @@ var StyledImage$2 = styled__default["default"].img(templateObject_2$4 || (templa
|
|
|
2578
2578
|
var active = _a.active;
|
|
2579
2579
|
return (active ? kuiBasic.theme.palette.brand.main : "transparent");
|
|
2580
2580
|
});
|
|
2581
|
-
var StyledSlide$1 = styled__default["default"].div(templateObject_3$
|
|
2581
|
+
var StyledSlide$1 = styled__default["default"].div(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"], ["\n width: 80px;\n height: 80px;\n //border-radius: 6px;\n @media (max-width: 601px) {\n width: 48px;\n height: 48px;\n }\n"])));
|
|
2582
2582
|
var StyledSlideWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: fit-content !important;\n"], ["\n width: fit-content !important;\n"])));
|
|
2583
|
-
var templateObject_1$5, templateObject_2$4, templateObject_3$
|
|
2583
|
+
var templateObject_1$5, templateObject_2$4, templateObject_3$4, templateObject_4;
|
|
2584
2584
|
|
|
2585
2585
|
var GallerySlider = function (_a) {
|
|
2586
2586
|
var images = _a.images, currentIndex = _a.currentIndex, updateCurrentIndex = _a.updateCurrentIndex, swiperRef = _a.swiperRef;
|
|
@@ -2595,11 +2595,12 @@ var GallerySlider = function (_a) {
|
|
|
2595
2595
|
},
|
|
2596
2596
|
},
|
|
2597
2597
|
};
|
|
2598
|
-
return (jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images === null || images === void 0 ? void 0 : images.map(function (image, key) { return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StyledSlide, { children: jsxRuntime.jsx(StyledImage$1, { src: image.largeImageUrl, alt: "slide" }) }) }, key)); }) })));
|
|
2598
|
+
return (jsxRuntime.jsx(StyledWrapper, { children: jsxRuntime.jsx(Swiper__default["default"], __assign({}, params, { ref: swiperRef }, { children: images === null || images === void 0 ? void 0 : images.map(function (image, key) { return (jsxRuntime.jsx("div", { children: jsxRuntime.jsx(StyledSlide, { children: jsxRuntime.jsx(StyledImage$1, { src: image.largeImageUrl, alt: "slide" }) }) }, key)); }) })) }));
|
|
2599
2599
|
};
|
|
2600
|
-
var
|
|
2601
|
-
var
|
|
2602
|
-
var
|
|
2600
|
+
var StyledWrapper = styled__default["default"](Swiper__default["default"])(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n padding-top: 64px;\n background-color: #191919;\n"], ["\n padding-top: 64px;\n background-color: #191919;\n"])));
|
|
2601
|
+
var StyledSlide = styled__default["default"].div(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"], ["\n overflow: hidden;\n border-radius: 14px;\n background-color: #191919;\n width: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100vh - 64px - 112px - 64px);\n margin-top: -1px;\n @media (max-width: 601px) {\n border-radius: 8px;\n height: calc(75vh - 78px - 64px);\n }\n"])));
|
|
2602
|
+
var StyledImage$1 = styled__default["default"].img(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"], ["\n width: auto;\n height: 100%;\n @media (max-width: 601px) {\n width: 100%;\n height: auto;\n }\n"])));
|
|
2603
|
+
var templateObject_1$4, templateObject_2$3, templateObject_3$3;
|
|
2603
2604
|
|
|
2604
2605
|
var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
2605
2606
|
var images = _a.images, activeSlide = _a.activeSlide, onDelete = _a.onDelete, otherProps = __rest(_a, ["images", "activeSlide", "onDelete"]);
|
|
@@ -2628,7 +2629,7 @@ var GalleryWithThumbnails = React.forwardRef(function (_a) {
|
|
|
2628
2629
|
if ((images === null || images === void 0 ? void 0 : images.length) === 0) {
|
|
2629
2630
|
return null;
|
|
2630
2631
|
}
|
|
2631
|
-
return (jsxRuntime.jsx(StyledModal, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "
|
|
2632
|
+
return (jsxRuntime.jsx(StyledModal, __assign({ "data-testid": "gallery_modal", icon: onDelete && (jsxRuntime.jsx(StyledButton, __assign({ isCircle: true, onClick: handleDelete, size: "xs", variant: "transparentLight" }, { children: jsxRuntime.jsx(kuiIcon.TrashIcon, { width: 16, height: 16 }) }))) }, otherProps, { children: jsxRuntime.jsxs(Wrapper$2, { children: [jsxRuntime.jsx(GallerySlider, { images: images, currentIndex: currentIndex, updateCurrentIndex: updateCurrentIndex, swiperRef: swiperRef }), jsxRuntime.jsx(GalleryThumbnails, { images: images, activeSlide: currentIndex, handleChange: handleChange }), jsxRuntime.jsx(GalleryNavigation, { handlePrev: handlePrev, handleNext: handleNext })] }) })));
|
|
2632
2633
|
});
|
|
2633
2634
|
var StyledModal = styled__default["default"](kuiBasic.Modal)(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"], ["\n width: 1248px;\n height: calc(100vh - 64px);\n max-height: 960px;\n border-radius: 16px;\n overflow: hidden;\n @media (max-width: 601px) {\n height: 75vh;\n }\n .KUI-Modal_close-button {\n path {\n fill: white;\n }\n @media (max-width: 601px) {\n path {\n fill: ", ";\n }\n }\n }\n"])), kuiBasic.theme.palette.grey.fourty);
|
|
2634
2635
|
var Wrapper$2 = styled__default["default"].div(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n position: relative;\n"], ["\n width: 100%;\n height: 100%;\n position: relative;\n"])));
|