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

package/components/SearchField/useLogic/useLogic.d.ts

@@ -7,7 +7,7 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         style?: import("react").CSSProperties | undefined;
         title?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         error?: boolean | undefined;
         success?: boolean | undefined;
         focused?: boolean | undefined;
@@ -74,7 +74,7 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         '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;
@@ -267,8 +267,8 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         name?: string | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
         key?: import("react").Key | null | undefined;
         autoComplete?: string | undefined;
         maxLength?: number | undefined;
@@ -278,6 +278,7 @@ export declare const useLogic: ({ onChange: propsOnChange, defaultValue, value,
         maxRows?: string | number | undefined;
         minRows?: string | number | undefined;
         hiddenLabel?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
         InputProps?: Partial<import("@mui/material").OutlinedInputProps> | Partial<import("@mui/material").FilledInputProps> | Partial<import("@mui/material").InputProps> | undefined;
         FormHelperTextProps?: Partial<import("@mui/material").FormHelperTextProps> | undefined;
         helperText?: import("react").ReactNode;

package/components/Select/Select.d.ts

@@ -10,7 +10,7 @@ export type SelectProps<TValue> = WithoutEmotionSpecific<Omit<MuiSelectProps<TVa
      */
     helperText?: ReactNode;
     /**
-     * Скрывает вспомогательный текст под селектом
+     * Включает/отключает резервирование места под helperText
      */
     hideHelperText?: boolean;
     /**
@@ -48,7 +48,7 @@ export declare const Select: <TValue>(props: WithoutEmotionSpecific<Omit<MuiSele
      */
     helperText?: ReactNode;
     /**
-     * Скрывает вспомогательный текст под селектом
+     * Включает/отключает резервирование места под helperText
      */
     hideHelperText?: boolean | undefined;
     /**

package/components/Select/Select.js

@@ -49,6 +49,6 @@ const SelectInner = (_a, ref) => {
         }
         return findMenuItemsLabel(children, selectedOptions);
     };
-    return (_jsxs(FormControl, { error: error, fullWidth: fullWidth, children: [label && (_jsx(InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), _jsxs(StyledSelect, Object.assign({}, props, { value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: _jsxs(EndAdornmentWrapper, { children: [isShowingClearButton && (_jsx(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), _jsx(IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? _jsx(DownOutlineMd, {}) : _jsx(UpOutlineMd, {}) })] }), children: [_jsx(Placeholder, { value: "", children: placeholder }), loading && (_jsx(StateWrapper, { children: _jsx(Loader, {}) })), !loading && isShowingSelectAll && (_jsxs(MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: SELECT_ALL_VALUE, children: [_jsx(ListItemIcon, { children: _jsx(Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && _jsx(StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), !hideHelperText && (_jsx(FormHelperText, { error: error, success: success, children: helperText }))] }));
+    return (_jsxs(FormControl, { error: error, fullWidth: fullWidth, children: [label && (_jsx(InputLabel, { htmlFor: "grouped-select", required: required, disabled: disabled, children: label })), _jsxs(StyledSelect, Object.assign({}, props, { value: value === null ? '' : value, open: isOpened, disabled: disabled, onOpen: openSelect, onClose: closeSelect, renderValue: renderValue, IconComponent: () => null, displayEmpty: true, ref: ref, fullWidth: fullWidth, onChange: handleChangeOption, "$isShowingPlaceholder": isShowingPlaceholder, endAdornment: _jsxs(EndAdornmentWrapper, { children: [isShowingClearButton && (_jsx(ClearButton, { disabled: disabled, ref: resetButtonRef, onClick: onClearAll })), _jsx(IconButton, { variant: "text", disabled: disabled, onClick: openSelect, children: !isOpened ? _jsx(DownOutlineMd, {}) : _jsx(UpOutlineMd, {}) })] }), children: [_jsx(Placeholder, { value: "", children: placeholder }), loading && (_jsx(StateWrapper, { children: _jsx(Loader, {}) })), !loading && isShowingSelectAll && (_jsxs(MenuItem, { className: selectAllClassName, selected: isSelectedAll, value: SELECT_ALL_VALUE, children: [_jsx(ListItemIcon, { children: _jsx(Checkbox, { checked: isSelectedAll, indeterminate: isIndeterminate }) }), "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"] })), !loading && children, !loading && isNoData && _jsx(StateWrapper, { children: "\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445" })] })), _jsx(FormHelperText, { error: error, success: success, hideHelperText: hideHelperText, children: helperText })] }));
 };
 export const Select = forwardRefWithGeneric(SelectInner);

package/components/Select/styles.js

@@ -23,7 +23,7 @@ export const StyledSelect = styled(Select, {
 }) `
   padding-right: ${({ theme }) => theme.spacing(2)};
 
-  color: ${({ $isShowingPlaceholder, theme }) => $isShowingPlaceholder ? theme.palette.grey[400] : 'unset'};
+  color: ${({ $isShowingPlaceholder, theme }) => $isShowingPlaceholder ? theme.palette.grey[500] : 'unset'};
 
   .MuiSelect-select.MuiSelect-outlined {
     min-height: 20px;

package/components/Stepper/ArrowConnector/ArrowConnector.d.ts

@@ -1,17 +1,9 @@
 /// <reference types="react" />
 export declare const ArrowConnector: 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/components/Stepper/StepIcon/styles.d.ts

@@ -1,83 +1,43 @@
 /// <reference types="react" />
 export declare const ErrorIcon: 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 SuccessIcon: 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 SelectIcon: 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;
 } & {
     $isError?: boolean | undefined;
 }, {}, {}>;
 export declare const DefaultIcon: 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 ActiveIcon: 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/components/Stepper/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledStepper: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").PaperProps, "elevation" | "variant" | "square"> & {
+export declare const StyledStepper: import("@emotion/styled").StyledComponent<Pick<import("@mui/material").PaperProps, "elevation" | "square" | "variant"> & {
     activeStep?: number | undefined;
     alternativeLabel?: boolean | undefined;
     children?: import("react").ReactNode;
@@ -10,6 +10,6 @@ export declare const StyledStepper: import("@emotion/styled").StyledComponent<Pi
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & 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;
-}, "elevation" | "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "orientation" | "variant" | "square" | "alternativeLabel" | "activeStep" | "connector" | "nonLinear"> & {
+}, "elevation" | "children" | "sx" | "orientation" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "variant" | "alternativeLabel" | "activeStep" | "connector" | "nonLinear"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/SvgIcon/SvgIcon.js

@@ -10,22 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { useTheme } from '../theme';
 import { classNames } from '../utils';
 import { SIZES, svgIconClassnames } from './constants';
 import { StyledSvg } from './styles';
 export const SvgIcon = (props) => {
-    const { children, color = 'inherit', titleAccess, size, width = '24px', height = '24px', viewBox = size === SIZES.sm ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className } = props, restProps = __rest(props, ["children", "color", "titleAccess", "size", "width", "height", "viewBox", "xmlns", "className"]);
-    const theme = useTheme();
-    const colorMap = useMemo(() => ({
-        inherit: 'inherit',
-        primary: theme.palette.primary[800],
-        secondary: theme.palette.secondary[800],
-        success: theme.palette.success[800],
-        warning: theme.palette.warning[800],
-        error: theme.palette.error[800],
-        disabled: theme.palette.grey[500],
-    }), [theme]);
-    return (_jsxs(StyledSvg, Object.assign({ className: classNames(className, svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: colorMap[color] || color, width: SIZES[size] || width, height: SIZES[size] || height }, restProps, { children: [children, titleAccess ? _jsx("title", { children: titleAccess }) : null] })));
+    const { children, color = 'inherit', titleAccess, size, width, height, viewBox = size === 'sm' ? '0 0 16 16' : '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className } = props, restProps = __rest(props, ["children", "color", "titleAccess", "size", "width", "height", "viewBox", "xmlns", "className"]);
+    return (_jsxs(StyledSvg, Object.assign({ className: classNames(className, svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: SIZES[size] || width || '1em', height: SIZES[size] || height || '1em' }, restProps, { children: [children, titleAccess ? _jsx("title", { children: titleAccess }) : null] })));
 };

package/components/SvgIcon/index.d.ts

@@ -1,2 +1,3 @@
 export { SvgIcon } from './SvgIcon';
 export * from './types';
+export { svgIconClassnames } from './constants';

package/components/SvgIcon/index.js

@@ -1,2 +1,3 @@
 export { SvgIcon } from './SvgIcon';
 export * from './types';
+export { svgIconClassnames } from './constants';

package/components/SvgIcon/styles.js

@@ -1,9 +1,39 @@
 import { styled } from '../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';
+};
 export const StyledSvg = 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/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/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/components/Tag/styles.js

@@ -1,6 +1,7 @@
 import { buttonClasses, typographyClasses } from '@mui/material';
 import { Grid } from '../Grid';
 import { IconButton } from '../IconButton';
+import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styles';
 import { tagClassnames } from './constants';
 const HEIGHTS = {
@@ -156,9 +157,8 @@ export const IconWrapper = 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 {
+  
+  .${svgIconClassnames.root} {
     width: 16px;
     height: 16px;
   }
@@ -175,8 +175,7 @@ export const StyledIconButton = styled(IconButton, {
   background-color: transparent;
   border-radius: ${({ $size }) => ($size === 'large' ? '60px' : '30px')};
 
-  /* TODO: заменить на собственную реализацию svgIcon в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-  &.${buttonClasses.root} .MuiSvgIcon-root {
+  &.${buttonClasses.root} .${svgIconClassnames.root} {
     font-size: 16px;
   }
 

package/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/components/TextField/TextField.js

@@ -10,11 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { TextField as MuiTextField, } from '@mui/material';
 import { forwardRef, useMemo } from 'react';
 import { FormHelperTextContent } from '../FormHelperText';
+import { classNames } from '../utils';
+import { textFieldClassnames } from './constants';
+import { StyledTextField } from './styles';
 export const TextField = 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 = useMemo(() => {
         if (success) {
             return 'success';
@@ -45,6 +47,9 @@ export const TextField = forwardRef((_a, ref) => {
         }
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
     };
-    return (_jsx(MuiTextField, 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 = useMemo(() => {
+        return classNames(className, hideHelperText ? textFieldClassnames.hideHelperText : '');
+    }, [className, hideHelperText]);
+    return (_jsx(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/components/TextField/constants.d.ts

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

package/components/TextField/constants.js

@@ -0,0 +1,4 @@
+import { createUIKitClassname } from '../utils';
+export const textFieldClassnames = {
+    hideHelperText: createUIKitClassname('text-field__helper-text_hidden'),
+};

package/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/components/TextField/styles.js

@@ -0,0 +1,16 @@
+import { formHelperTextClasses, TextField } from '@mui/material';
+import { styled } from '../styles';
+import { textFieldClassnames } from './constants';
+export const StyledTextField = styled(TextField) `
+  &.${textFieldClassnames.hideHelperText}{
+    
+    .${formHelperTextClasses.root}.${formHelperTextClasses.contained} {
+      min-height: 0;
+      margin: 0;
+      
+      &:not(:empty) {
+        margin: ${({ theme }) => theme.spacing(1, 0, 0)};
+      }
+    }
+  }
+`;

package/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/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/components/Tree/TreeItem/styles.js

@@ -1,9 +1,10 @@
-import { svgIconClasses, typographyClasses } from '@mui/material';
+import { typographyClasses } from '@mui/material';
 import { ChevronROutlineMd } from '../../../icons';
 import { buttonClasses } from '../../Button';
 import { descriptionClassnames } from '../../Description';
 import { IconButton } from '../../IconButton';
 import { OverflowTypography } from '../../OverflowTypography';
+import { svgIconClassnames } from '../../SvgIcon';
 import { styled } from '../../styles';
 import { Typography } from '../../Typography';
 import { COLLAPSE_BUTTON_WIDTH, GAP_WIDTH, HALF_PADDING_COLLAPSE_BUTTON_WIDTH, TREE_LINE_WIDTH, } from './constants';
@@ -79,7 +80,7 @@ export const CollapseButton = styled(IconButton, {
 
   color: ${({ theme, $isNotBlockingExpandList }) => $isNotBlockingExpandList ? theme.palette.text.primary : 'inherit'};
 
-  &.${buttonClasses.root} .${svgIconClasses.root}, &.${buttonClasses.root} {
+  &.${buttonClasses.root} .${svgIconClassnames.root}, &.${buttonClasses.root} {
     width: 24px;
     height: 24px;
 

package/components/TreeAutocomplete/OptionsModal/OptionsModal.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../Button';
 import { Dialog } from '../../Dialog';
 import { DialogActions } from '../../DialogActions';
-import { ScrollWrapper } from '../../ScrollWrapper';
+import { Paper } from '../../Paper';
 import { SearchField } from '../../SearchField';
 import { TreeList } from '../../Tree';
 import { ErrorMessage } from './ErrorMessage';
@@ -36,5 +36,5 @@ export const OptionsModal = (props) => {
         }
         return _jsx(TreeList, Object.assign({}, treeProps, treeListProps));
     };
-    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(ScrollWrapper, { children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
 };

package/components/TreeLikeAutocomplete/OptionsModal/OptionsModal.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from '../../Button';
 import { Dialog } from '../../Dialog';
 import { DialogActions } from '../../DialogActions';
-import { ScrollWrapper } from '../../ScrollWrapper';
+import { Paper } from '../../Paper';
 import { SearchField } from '../../SearchField';
 import { TreeLikeList } from '../../TreeLikeList';
 import { ErrorMessage } from './ErrorMessage';
@@ -36,5 +36,5 @@ export const OptionsModal = (props) => {
         }
         return (_jsx(TreeLikeList, Object.assign({ isConfirmChildrenSelection: isConfirmChildrenSelection }, treeProps, treeLikeListProps)));
     };
-    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(ScrollWrapper, { children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
+    return (_jsxs(Dialog, Object.assign({}, externalDialogProps, { disableRestoreFocus: true, open: isOpen }, modalProps, { children: [_jsxs(StyledDialogContent, { children: [_jsx(SearchField, Object.assign({ fullWidth: true }, searchFieldProps)), _jsx(Paper, { variant: "outlined", children: _jsx(TreeListWrapper, { children: renderComponent() }) })] }), _jsxs(DialogActions, { children: [_jsx(Button, Object.assign({ variant: "text" }, cancelButtonProps, { children: "\u041E\u0442\u043C\u0435\u043D\u0430" })), _jsx(Button, Object.assign({}, confirmButtonProps, { children: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" }))] })] })));
 };

package/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;
 }, {}, {}>;