@astral/ui 4.0.0-alpha.33 → 4.0.0-alpha.35

package/node/components/SvgIcon/styles.js

@@ -2,11 +2,41 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSvg = void 0;
 const styles_1 = require("../styles");
+const getColor = (theme, color) => {
+    if (color === 'inherit') {
+        return 'inherit';
+    }
+    if (color === 'primary') {
+        return theme.palette.primary[800];
+    }
+    if (color === 'secondary') {
+        return theme.palette.secondary[800];
+    }
+    if (color === 'success') {
+        return theme.palette.success[800];
+    }
+    if (color === 'warning') {
+        return theme.palette.warning[800];
+    }
+    if (color === 'error') {
+        return theme.palette.error[800];
+    }
+    if (color === 'disabled') {
+        return theme.palette.grey[500];
+    }
+    return color || 'inherit';
+};
 exports.StyledSvg = styles_1.styled.svg `
   user-select: none;
 
   display: inline-block;
   flex-shrink: 0;
+
+  font-size: ${({ theme }) => {
+    // По умолчанию как в MUI
+    return theme.typography.pxToRem(24);
+}};
+  color: ${({ theme, color }) => getColor(theme, color)};
   
   fill: currentColor; 
   

package/node/components/Tabs/Tab/styles.d.ts

@@ -28,6 +28,6 @@ export declare const StyledTab: import("@emotion/styled").StyledComponent<{
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "label" | "icon" | "action" | "children" | "tabIndex" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "wrapped" | "iconPosition"> & {
+}, "label" | "icon" | "action" | "children" | "tabIndex" | "sx" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "wrapped" | "iconPosition"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Tabs/styles.d.ts

@@ -76,7 +76,7 @@ export declare const StyledTabs: import("@emotion/styled").StyledComponent<{
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "children" | "tabIndex" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "action" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "orientation" | "variant" | "value" | "slotProps" | "slots" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
+}, "action" | "children" | "tabIndex" | "sx" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef">, "action" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "sx" | "orientation" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "value" | "slotProps" | "slots" | "centered" | "scrollButtons" | "allowScrollButtonsMobile" | "indicatorColor" | "ScrollButtonComponent" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "visibleScrollbar"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{

package/node/components/Tag/styles.js

@@ -4,6 +4,7 @@ exports.LabelWrapper = exports.Wrapper = exports.StyledIconButton = exports.Icon
 const material_1 = require("@mui/material");
 const Grid_1 = require("../Grid");
 const IconButton_1 = require("../IconButton");
+const SvgIcon_1 = require("../SvgIcon");
 const styles_1 = require("../styles");
 const constants_1 = require("./constants");
 const HEIGHTS = {
@@ -161,9 +162,8 @@ exports.IconWrapper = styles_1.styled.span `
   width: 16px;
   height: 16px;
   margin-right: ${({ theme }) => theme.spacing(1)};
-
-  /* TODO: заменить на собственную реализацию svgIcon в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-  .MuiSvgIcon-root {
+  
+  .${SvgIcon_1.svgIconClassnames.root} {
     width: 16px;
     height: 16px;
   }
@@ -180,8 +180,7 @@ exports.StyledIconButton = (0, styles_1.styled)(IconButton_1.IconButton, {
   background-color: transparent;
   border-radius: ${({ $size }) => ($size === 'large' ? '60px' : '30px')};
 
-  /* TODO: заменить на собственную реализацию svgIcon в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-  &.${material_1.buttonClasses.root} .MuiSvgIcon-root {
+  &.${material_1.buttonClasses.root} .${SvgIcon_1.svgIconClassnames.root} {
     font-size: 16px;
   }
 

package/node/components/TextField/TextField.d.ts

@@ -19,10 +19,13 @@ export type TextFieldProps = Omit<WithoutEmotionSpecific<MuiTextFieldProps>, 'va
      */
     maxLength?: number;
     /**
-     * Параметр для обрезания пробелов в текст филде при вызове onBlur.
-     * @default true
+     * Параметр для обрезания пробелов в текст филде при вызове onBlur
      * @example <TextField trimmed={false} />
      */
     trimmed?: boolean;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
 };
 export declare const TextField: import("react").ForwardRefExoticComponent<Omit<TextFieldProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/node/components/TextField/TextField.js

@@ -13,11 +13,13 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextField = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
 const react_1 = require("react");
 const FormHelperText_1 = require("../FormHelperText");
+const utils_1 = require("../utils");
+const constants_1 = require("./constants");
+const styles_1 = require("./styles");
 exports.TextField = (0, react_1.forwardRef)((_a, ref) => {
-    var { success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur } = _a, props = __rest(_a, ["success", "error", "helperText", "fullWidth", "startAdornment", "endAdornment", "inputProps", "InputProps", "maxLength", "trimmed", "onBlur"]);
+    var { success, error, helperText: helperTextProp, fullWidth = false, startAdornment, endAdornment, inputProps, InputProps, maxLength, trimmed = true, onBlur, hideHelperText = false, className } = _a, props = __rest(_a, ["success", "error", "helperText", "fullWidth", "startAdornment", "endAdornment", "inputProps", "InputProps", "maxLength", "trimmed", "onBlur", "hideHelperText", "className"]);
     const color = (0, react_1.useMemo)(() => {
         if (success) {
             return 'success';
@@ -48,6 +50,9 @@ exports.TextField = (0, react_1.forwardRef)((_a, ref) => {
         }
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
-    return ((0, jsx_runtime_1.jsx)(material_1.TextField, Object.assign({ ref: ref, variant: "outlined", fullWidth: fullWidth, error: error, color: color, helperText: helperText, InputProps: Object.assign({ startAdornment,
-            endAdornment }, InputProps), inputProps: Object.assign({ maxLength }, inputProps), onBlur: handleBlur }, props)));
+    const classes = (0, react_1.useMemo)(() => {
+        return (0, utils_1.classNames)(className, hideHelperText ? constants_1.textFieldClassnames.hideHelperText : '');
+    }, [className, hideHelperText]);
+    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTextField, Object.assign({ ref: ref, variant: "outlined", fullWidth: fullWidth, error: error, color: color, helperText: helperText, InputProps: Object.assign({ startAdornment,
+            endAdornment }, InputProps), inputProps: Object.assign({ maxLength }, inputProps), onBlur: handleBlur, className: classes }, props)));
 });

package/node/components/TextField/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const textFieldClassnames: {
+    hideHelperText: string;
+};

package/node/components/TextField/constants.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textFieldClassnames = void 0;
+const utils_1 = require("../utils");
+exports.textFieldClassnames = {
+    hideHelperText: (0, utils_1.createUIKitClassname)('text-field__helper-text_hidden'),
+};

package/node/components/TextField/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
+    variant?: import("@mui/material").TextFieldVariants | undefined;
+} & Omit<import("@mui/material").FilledTextFieldProps | import("@mui/material").OutlinedTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/node/components/TextField/styles.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledTextField = void 0;
+const material_1 = require("@mui/material");
+const styles_1 = require("../styles");
+const constants_1 = require("./constants");
+exports.StyledTextField = (0, styles_1.styled)(material_1.TextField) `
+  &.${constants_1.textFieldClassnames.hideHelperText}{
+    
+    .${material_1.formHelperTextClasses.root}.${material_1.formHelperTextClasses.contained} {
+      min-height: 0;
+      margin: 0;
+      
+      &:not(:empty) {
+        margin: ${({ theme }) => theme.spacing(1, 0, 0)};
+      }
+    }
+  }
+`;

package/node/components/ToggleButton/styles.d.ts

@@ -33,7 +33,7 @@ export declare const StyledToggleButton: import("@emotion/styled").StyledCompone
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
 }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "action" | "color" | "fullWidth" | "size" | "onChange" | "children" | "tabIndex" | "onClick" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "selected"> & {
+}, "action" | "color" | "fullWidth" | "size" | "onChange" | "children" | "tabIndex" | "onClick" | "sx" | "disabled" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "value" | "selected"> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isError?: boolean | undefined;

package/node/components/Tree/TreeItem/styles.d.ts

@@ -29,18 +29,10 @@ export declare const CollapseButton: import("@emotion/styled").StyledComponent<O
 }, {}, {}>;
 export declare const ChevronIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $isActive?: boolean | undefined;
@@ -79,7 +71,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
         } | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -145,7 +137,7 @@ export declare const Note: import("@emotion/styled").StyledComponent<import("../
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;

package/node/components/Tree/TreeItem/styles.js

@@ -7,6 +7,7 @@ const Button_1 = require("../../Button");
 const Description_1 = require("../../Description");
 const IconButton_1 = require("../../IconButton");
 const OverflowTypography_1 = require("../../OverflowTypography");
+const SvgIcon_1 = require("../../SvgIcon");
 const styles_1 = require("../../styles");
 const Typography_1 = require("../../Typography");
 const constants_1 = require("./constants");
@@ -82,7 +83,7 @@ exports.CollapseButton = (0, styles_1.styled)(IconButton_1.IconButton, {
 
   color: ${({ theme, $isNotBlockingExpandList }) => $isNotBlockingExpandList ? theme.palette.text.primary : 'inherit'};
 
-  &.${Button_1.buttonClasses.root} .${material_1.svgIconClasses.root}, &.${Button_1.buttonClasses.root} {
+  &.${Button_1.buttonClasses.root} .${SvgIcon_1.svgIconClassnames.root}, &.${Button_1.buttonClasses.root} {
     width: 24px;
     height: 24px;
 

package/node/components/TreeAutocomplete/OptionsModal/OptionsModal.js

@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../Button");
 const Dialog_1 = require("../../Dialog");
 const DialogActions_1 = require("../../DialogActions");
-const ScrollWrapper_1 = require("../../ScrollWrapper");
+const Paper_1 = require("../../Paper");
 const SearchField_1 = require("../../SearchField");
 const Tree_1 = require("../../Tree");
 const ErrorMessage_1 = require("./ErrorMessage");
@@ -39,6 +39,6 @@ const OptionsModal = (props) => {
         }
         return (0, jsx_runtime_1.jsx)(Tree_1.TreeList, Object.assign({}, treeProps, treeListProps));
     };
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { children: [(0, jsx_runtime_1.jsx)(SearchField_1.SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), (0, jsx_runtime_1.jsx)(ScrollWrapper_1.ScrollWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.TreeListWrapper, { children: renderComponent() }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { children: [(0, jsx_runtime_1.jsx)(SearchField_1.SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), (0, jsx_runtime_1.jsx)(Paper_1.Paper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.TreeListWrapper, { children: renderComponent() }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
 };
 exports.OptionsModal = OptionsModal;

package/node/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.js

@@ -16,7 +16,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../Button");
 const Dialog_1 = require("../../Dialog");
 const DialogActions_1 = require("../../DialogActions");
-const ScrollWrapper_1 = require("../../ScrollWrapper");
+const Paper_1 = require("../../Paper");
 const SearchField_1 = require("../../SearchField");
 const TreeLikeList_1 = require("../../TreeLikeList");
 const ErrorMessage_1 = require("./ErrorMessage");
@@ -39,6 +39,6 @@ const OptionsModal = (props) => {
         }
         return ((0, jsx_runtime_1.jsx)(TreeLikeList_1.TreeLikeList, Object.assign({ isConfirmChildrenSelection: isConfirmChildrenSelection }, treeProps, treeLikeListProps)));
     };
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { children: [(0, jsx_runtime_1.jsx)(SearchField_1.SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), (0, jsx_runtime_1.jsx)(ScrollWrapper_1.ScrollWrapper, { children: (0, jsx_runtime_1.jsx)(styles_1.TreeListWrapper, { children: renderComponent() }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [(0, jsx_runtime_1.jsxs)(styles_1.StyledDialogContent, { children: [(0, jsx_runtime_1.jsx)(SearchField_1.SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), (0, jsx_runtime_1.jsx)(Paper_1.Paper, { variant: "outlined", children: (0, jsx_runtime_1.jsx)(styles_1.TreeListWrapper, { children: renderComponent() }) })] }), (0, jsx_runtime_1.jsxs)(DialogActions_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), (0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
 };
 exports.OptionsModal = OptionsModal;

package/node/components/fileUploading/FileInfo/styles.d.ts

@@ -18,7 +18,7 @@ export declare const StyledFilename: import("@emotion/styled").StyledComponent<O
         } | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").TooltipClasses> | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -84,7 +84,7 @@ export declare const StyledFilename: import("@emotion/styled").StyledComponent<O
         'aria-expanded'?: (boolean | "true" | "false") | undefined;
         'aria-flowto'?: string | undefined;
         'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
+        'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "true" | "false" | "tree" | undefined;
         'aria-hidden'?: (boolean | "true" | "false") | undefined;
         'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
         'aria-keyshortcuts'?: string | undefined;
@@ -342,17 +342,9 @@ export declare const FileSize: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const DotIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/theme/components/MuiAutocomplete.js

@@ -1,21 +1,30 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiAutocomplete = void 0;
+const material_1 = require("@mui/material");
 const enums_1 = require("../../Autocomplete/enums");
 exports.MuiAutocomplete = {
     styleOverrides: {
+        root({ theme }) {
+            return {
+                [`&.${material_1.autocompleteClasses.hasPopupIcon}.${material_1.autocompleteClasses.hasClearIcon}`]: {
+                    [`.${material_1.autocompleteClasses.inputRoot}`]: {
+                        paddingRight: `${theme.spacing(14)}`,
+                    },
+                },
+            };
+        },
         inputRoot({ theme, ownerState: { size } }) {
             return {
                 paddingTop: `${theme.spacing(1)} !important`,
                 paddingBottom: `${theme.spacing(1)} !important`,
-                paddingLeft: `${theme.spacing(1)} !important`,
+                paddingLeft: `${theme.spacing(3)} !important`,
                 minHeight: size === enums_1.AutocompleteSizes.small ? '32px' : '40px',
             };
         },
-        input({ theme }) {
+        input() {
             return {
                 padding: '0 !important',
-                paddingLeft: `${theme.spacing(1)} !important`,
             };
         },
         popupIndicator({ theme }) {
@@ -31,6 +40,7 @@ exports.MuiAutocomplete = {
                 top: 'unset',
                 gap: theme.spacing(1),
                 color: theme.palette.grey[800],
+                marginRight: `${theme.spacing(1)} !important`,
             };
         },
         paper({ theme }) {
@@ -62,5 +72,13 @@ exports.MuiAutocomplete = {
                 height: '64px',
             };
         },
+        tagSizeMedium({ theme }) {
+            return {
+                margin: `${theme.microSpacing(0, 1)}`,
+                ':first-of-type': {
+                    marginLeft: 0,
+                },
+            };
+        },
     },
 };

package/node/components/theme/components/MuiButton.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiButton = exports.getButtonDisabledBackgroundColor = exports.getButtonBackgroundColor = exports.getButtonPaddingMobile = exports.getButtonPadding = exports.getButtonHeightMobile = exports.getButtonHeight = void 0;
 const material_1 = require("@mui/material");
 const Button_1 = require("../../Button");
+const SvgIcon_1 = require("../../SvgIcon");
 /**
  * Вспомогательная утилита для получения значения из values
  * values - содержит в себе все возможные значения
@@ -485,7 +486,7 @@ exports.MuiButton = {
                     marginRight: 0,
                     marginLeft: 0,
                 },
-                '&.MuiButton-root .MuiSvgIcon-root': {
+                [`&.MuiButton-root .${SvgIcon_1.svgIconClassnames.root}`]: {
                     fontSize: '20px',
                     [theme.breakpoints.down('sm')]: {
                         fontSize: '24px',

package/node/components/theme/components/MuiFormHelperText.js

@@ -6,8 +6,8 @@ exports.MuiFormHelperText = {
         root({ theme }) {
             return {
                 display: 'flex',
-                minHeight: theme.typography.caption.lineHeight,
                 fontSize: theme.typography.caption.fontSize,
+                minHeight: theme.typography.caption.lineHeight,
                 margin: theme.spacing(1, 0, 0),
                 color: theme.palette.grey[600],
                 lineHeight: theme.typography.caption.lineHeight,

package/node/components/theme/components/MuiTextField.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MuiTextField = void 0;
 const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../SvgIcon");
 const Tag_1 = require("../../Tag");
 exports.MuiTextField = {
     styleOverrides: {
@@ -9,8 +10,7 @@ exports.MuiTextField = {
             return {
                 [`& .${material_1.inputBaseClasses.adornedStart}`]: {
                     paddingLeft: theme.spacing(3),
-                    /* todo заменить Classname mui в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-                    '& .MuiSvgIcon-root': {
+                    [`& .${SvgIcon_1.svgIconClassnames.root}`]: {
                         width: 20,
                         height: 20,
                         [`${theme.breakpoints.down('sm')}`]: {
@@ -31,8 +31,7 @@ exports.MuiTextField = {
                 },
                 [`& .${material_1.inputBaseClasses.adornedEnd}`]: {
                     paddingRight: theme.spacing(3),
-                    /* todo заменить Classname mui в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-                    '& .MuiSvgIcon-root': {
+                    [`& .${SvgIcon_1.svgIconClassnames.root}`]: {
                         width: 20,
                         height: 20,
                         [`${theme.breakpoints.down('sm')}`]: {

package/node/components/theme/components/components.js

@@ -27,7 +27,6 @@ const MuiPaper_1 = require("./MuiPaper");
 const MuiStep_1 = require("./MuiStep");
 const MuiStepConnector_1 = require("./MuiStepConnector");
 const MuiStepLabel_1 = require("./MuiStepLabel");
-const MuiSvgIcon_1 = require("./MuiSvgIcon");
 const MuiSwitch_1 = require("./MuiSwitch");
 const MuiTab_1 = require("./MuiTab");
 const MuiTableCell_1 = require("./MuiTableCell");
@@ -88,7 +87,6 @@ const getComponents = () => {
         MuiToggleButton: MuiToggleButton_1.MuiToggleButton,
         MuiTextField: MuiTextField_1.MuiTextField,
         MuiSwitch: MuiSwitch_1.MuiSwitch,
-        MuiSvgIcon: MuiSvgIcon_1.MuiSvgIcon,
     };
     return components;
 };

package/node/hook-form/EditableText/EditingForm/useLogic/useLogic.js

@@ -25,7 +25,7 @@ const useLogic = ({ initialValue, children, validate, onClose, onSubmit, }) => {
             };
         }
         return {
-            values: formValues,
+            values: {},
             errors: {
                 [constants_1.FIELD_NAME]: {
                     message: validationResult === null || validationResult === void 0 ? void 0 : validationResult.message,

package/node/hook-form/EditableText/styles.d.ts

@@ -19,18 +19,10 @@ export declare const DisplayValue: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledEditIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $iconPosition: 'left' | 'right';

package/node/hook-form/formLayouts/FormWizardPageLayout/FormWizardFooter/styles.d.ts

@@ -12,33 +12,17 @@ export declare const PrevButton: import("@emotion/styled").StyledComponent<Omit<
 }, {}, {}>;
 export declare const StyledPreviousIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledNextIcon: import("@emotion/styled").StyledComponent<{
     children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").SvgIconClasses> | undefined;
-    color?: import("@mui/types").OverridableStringUnion<"action" | "inherit" | "info" | "primary" | "secondary" | "error" | "warning" | "success" | "disabled", import("@mui/material").SvgIconPropsColorOverrides> | undefined;
-    fontSize?: import("@mui/types").OverridableStringUnion<"small" | "inherit" | "medium" | "large", import("@mui/material").SvgIconPropsSizeOverrides> | undefined;
-    htmlColor?: string | undefined;
-    inheritViewBox?: boolean | undefined;
-    shapeRendering?: string | undefined;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+    color?: string | undefined;
     titleAccess?: string | undefined;
-    viewBox?: string | undefined;
-} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref"> & {
-    ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
-}, "color" | "fontSize" | "shapeRendering" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "htmlColor" | "inheritViewBox" | "titleAccess" | "viewBox"> & {
+    size?: "sm" | "md" | undefined;
+} & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/hook-form/hooks/useForm/index.d.ts

@@ -1 +1,2 @@
 export * from './useForm';
+export type { UseFormProps, UseFormReturn } from './types';

package/node/hook-form/hooks/useForm/types.d.ts

@@ -0,0 +1,23 @@
+import type { ObjectAsyncGuard, ObjectGuard } from '@astral/validations';
+import type { UseFormProps as UseFormPropsRHForm, UseFormReturn } from 'react-hook-form';
+import type { FieldValues } from '../../types';
+export type UseFormProps<TFieldValues extends FieldValues = FieldValues, TContext = any> = UseFormPropsRHForm<TFieldValues, TContext> & {
+    /**
+     * Схема валидации из @astral/validations
+     *
+     * @example
+     * ```ts
+     *  const validationSchema = object<FormValues>({
+     *   lastName: string(),
+     *   name: string(),
+     *   patronymic: optional(string()),
+     *   phone: string(mobilePhone()),
+     *   email: string(email()),
+     * });
+     *
+     * const form = useForm<FormValues>({ validationSchema });
+     * ```
+     */
+    validationSchema?: ObjectGuard<TFieldValues> | ObjectAsyncGuard<TFieldValues>;
+};
+export type { UseFormReturn };

package/node/hook-form/hooks/useForm/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/hook-form/hooks/useForm/useForm.d.ts

@@ -1,5 +1,5 @@
-import { type UseFormProps, type UseFormReturn } from 'react-hook-form';
-import { type FieldValues } from '../../types';
+import type { FieldValues } from '../../types';
+import type { UseFormProps, UseFormReturn } from './types';
 /**
  * Custom hook to manage the entire form.
  *
@@ -29,32 +29,4 @@ import { type FieldValues } from '../../types';
  * }
  * ```
  */
-export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, ...params }?: Partial<{
-    mode: "all" | "onChange" | "onBlur" | "onSubmit" | "onTouched";
-    disabled: boolean;
-    reValidateMode: "onChange" | "onBlur" | "onSubmit";
-    defaultValues: ((payload?: unknown) => Promise<TFieldValues>) | import("react-hook-form").DefaultValues<TFieldValues>;
-    values: TFieldValues;
-    errors: import("react-hook-form").FieldErrors<TFieldValues>;
-    resetOptions: Partial<{
-        keepDirtyValues: boolean;
-        keepErrors: boolean;
-        keepDirty: boolean;
-        keepValues: boolean;
-        keepDefaultValues: boolean;
-        keepIsSubmitted: boolean;
-        keepIsSubmitSuccessful: boolean;
-        keepTouched: boolean;
-        keepIsValid: boolean;
-        keepSubmitCount: boolean;
-    }> | undefined;
-    resolver: import("react-hook-form").Resolver<TFieldValues, TContext>;
-    context: TContext;
-    shouldFocusError: boolean;
-    shouldUnregister: boolean;
-    shouldUseNativeValidation: boolean;
-    progressive: boolean;
-    criteriaMode: import("react-hook-form").CriteriaMode;
-    delayError: number;
-}>) => UseFormReturn<TFieldValues, TContext>;
-export type { UseFormProps, UseFormReturn };
+export declare const useForm: <TFieldValues extends FieldValues = FieldValues, TContext = any>({ mode, validationSchema, resolver: propsResolver, ...params }?: UseFormProps<TFieldValues, TContext>) => UseFormReturn<TFieldValues, TContext>;