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

package/components/Accordion/styles.d.ts

@@ -44,18 +44,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Chevron: 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;

package/components/Accordion/styles.js

@@ -1,5 +1,5 @@
-import { svgIconClasses } from '@mui/material';
 import { DownOutlineMd } from '../../icons';
+import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styles';
 import { UpDownTransition } from '../styles/mixins';
 import { Typography } from '../Typography';
@@ -18,9 +18,8 @@ export const Header = styled.header `
     /* Убирает highlight на мобильных устройствах */
     -webkit-tap-highlight-color: transparent;
   }
-
-  /* TODO: заменить на собственную реализацию svgIcon в рамках задачи UIKIT-2611(https://track.astral.ru/soft/browse/UIKIT-2611) */
-  & .${svgIconClasses.root} {
+  
+  & .${svgIconClassnames.root} {
     font-size: 20px;
 
     ${({ theme }) => theme.breakpoints.down('sm')} {

package/components/ActionGroup/MainActions/hooks/useMainActions/useMainActions.d.ts

@@ -6,7 +6,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         title: string | undefined;
         withoutContainer: boolean;
     };
-    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "note" | "disabled" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<MultipleAction<TMainActionComponent>, "text" | "disabled" | "note" | "actions" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         name: string;
         size: "medium" | "large";
@@ -20,7 +20,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         divider?: boolean | undefined;
         classes?: (Partial<import("@mui/material").MenuItemClasses> & Partial<import("@mui/material").ClassNameMap<never>>) | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -86,7 +86,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         '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;
@@ -280,10 +280,10 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLIElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLIElement> | undefined;
+        disabled?: boolean | undefined;
         ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
         key: import("react").Key | null;
         centerRipple?: boolean | undefined;
-        disabled?: boolean | undefined;
         disableRipple?: boolean | undefined;
         disableTouchRipple?: boolean | undefined;
         focusRipple?: boolean | undefined;
@@ -310,7 +310,7 @@ export declare const useMainActions: <TMainActionComponent extends ElementType>(
         withoutContainer: boolean;
     };
     isNested: false | undefined;
-    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "note" | "disabled" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
+    buttonProps: Omit<SingleAction<TMainActionComponent>, "text" | "disabled" | "note" | "disabledReason" | "isNested" | "isBlockingOperation"> & {
         disabled: boolean | undefined;
         children: string;
         size: "medium" | "large";

package/components/AddressAutocomplete/AddressAutocomplete.d.ts

@@ -4,7 +4,7 @@ export type Address = {
     addressString: string;
 };
 export type AddressAutocompleteValue<TOptions extends Address = Address> = TOptions;
-export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue'> & {
+export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompleteValue> = Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, 'className' | 'ref' | 'id' | 'placeholder' | 'onClose' | 'onOpen' | 'open' | 'disablePortal' | 'loadingText' | 'noOptionsText' | 'readOnly' | 'renderOption' | 'autoHighlight' | 'getOptionDisabled' | 'label' | 'helperText' | 'inputRef' | 'size' | 'isDisabled' | 'isLoading' | 'isFullWidth' | 'isError' | 'isSuccess' | 'isRequired' | 'fetchDelayMs' | 'minSymbolsToFetch' | 'fetchOptions' | 'onInputChange' | 'role' | 'defaultValue' | 'hideHelperText'> & {
     /**
      *  Значение для autocomplete
      */
@@ -23,7 +23,7 @@ export type AddressAutocompleteProps<TOptions extends Address = AddressAutocompl
      */
     isHidePersonalData?: boolean;
 };
-export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, "label" | "size" | "defaultValue" | "className" | "id" | "placeholder" | "role" | "ref" | "open" | "onClose" | "readOnly" | "disablePortal" | "inputRef" | "onOpen" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "helperText" | "isDisabled" | "isError" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
+export declare const AddressAutocomplete: <TOptions extends Address = Address>(props: Pick<AsyncAutocompleteProps<TOptions, false, false, boolean>, "label" | "size" | "defaultValue" | "className" | "id" | "placeholder" | "role" | "ref" | "open" | "onClose" | "readOnly" | "disablePortal" | "inputRef" | "onOpen" | "loadingText" | "noOptionsText" | "renderOption" | "autoHighlight" | "getOptionDisabled" | "onInputChange" | "hideHelperText" | "helperText" | "isDisabled" | "isError" | "fetchOptions" | "fetchDelayMs" | "minSymbolsToFetch" | "isFullWidth" | "isSuccess" | "isLoading" | "isRequired"> & {
     /**
      *  Значение для autocomplete
      */

package/components/Alert/styles.js

@@ -1,6 +1,6 @@
-import { svgIconClasses } from '@mui/material';
 import { Grid } from '../Grid';
 import { IconButton } from '../IconButton';
+import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styles';
 import { Typography } from '../Typography';
 const getBgColor = (theme, severity) => {
@@ -127,7 +127,7 @@ export const IconWrapper = styled.div `
     padding-top: ${({ $hasTitle, theme, $hasCloseButton }) => getMobileIconPadding(theme, $hasTitle, $hasCloseButton)};
   }
 
-  & .${svgIconClasses.root} {
+  & .${svgIconClassnames.root} {
     font-size: 20px;
 
     ${({ theme }) => theme.breakpoints.down('sm')} {

package/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -10,7 +10,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         title?: string | undefined;
         color?: string | undefined;
         content?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         size?: "small" | "medium" | undefined;
         classes?: Partial<import("@mui/material").AutocompleteClasses> | undefined;
         onChange?: ((event: SyntheticEvent<Element, Event>, value: import("@mui/material").AutocompleteValue<TOptions, TMultiple, TDisableClearable, TFreeSolo>, reason: import("@mui/material").AutocompleteChangeReason, details?: import("@mui/material").AutocompleteChangeDetails<TOptions> | undefined) => void) | undefined;
@@ -74,7 +74,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         '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;
@@ -315,6 +315,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
             endAdornment?: import("react").ReactNode;
             maxLength?: number | undefined;
             trimmed?: boolean | undefined;
+            hideHelperText?: boolean | undefined;
         } & Omit<import("@mui/material").AutocompleteRenderInputParams, "size">) => import("react").ReactNode) | undefined;
         renderOption?: ((props: import("react").HTMLAttributes<HTMLLIElement>, option: TOptions, state: import("@mui/material").AutocompleteRenderOptionState) => import("react").ReactNode) | undefined;
         renderTags?: ((value: TOptions[], getTagProps: import("@mui/material").AutocompleteRenderGetTagProps, ownerState: import("@mui/material").AutocompleteOwnerState<TOptions, TMultiple, TDisableClearable, TFreeSolo, "div">) => import("react").ReactNode) | undefined;
@@ -339,6 +340,7 @@ export declare const useLogic: <TOptions, TMultiple extends boolean, TDisableCle
         onHighlightChange?: ((event: SyntheticEvent<Element, Event>, option: TOptions | null, reason: import("@mui/material").AutocompleteHighlightChangeReason) => void) | undefined;
         openOnFocus?: boolean | undefined;
         selectOnFocus?: boolean | undefined;
+        hideHelperText?: boolean | undefined;
         helperText?: import("react").ReactNode;
         loadedDataError?: string | undefined;
         overflowOption?: import("../..").OverflowedElementProps | undefined;

package/components/AsyncAutocomplete/useLogic/useLogic.js

@@ -43,7 +43,8 @@ export const useLogic = (_a) => {
         });
     }, fetchDelayMs), [fetchOptions, fetchDelayMs]);
     const handleInputChange = (event, search, reason) => {
-        if (!search || search.length < minSymbolsToFetch) {
+        if ((minSymbolsToFetch > 0 && !search) ||
+            search.length < minSymbolsToFetch) {
             if (debouncedFetchOptions.isPending) {
                 debouncedFetchOptions.clear();
             }

package/components/AutoSaveIndicator/DefaultState/styles.d.ts

@@ -4,17 +4,9 @@ export declare const StyledTooltip: import("@emotion/styled").StyledComponent<Om
 }, {}, {}>;
 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/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;
 }, {}, {}>;

package/components/AutoSaveIndicator/ErrorState/styles.d.ts

@@ -16,17 +16,9 @@ export declare const StyledButton: import("@emotion/styled").StyledComponent<Omi
 }, {}, {}>;
 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;
 }, {}, {}>;

package/components/AutoSaveIndicator/LoadingState/styles.d.ts

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

@@ -1,17 +1,9 @@
 /// <reference types="react" />
 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;
 }, {}, {}>;

package/components/Autocomplete/Autocomplete.d.ts

@@ -43,6 +43,10 @@ export type AutocompleteProps<TAutocompleteValueProps, TMultiple extends boolean
      * @default Очистить
      */
     clearText?: string;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean;
 };
 export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends boolean, TDisableClearable extends boolean, TFreeSolo extends boolean>(props: Omit<WithoutEmotionSpecific<MuiAutocompleteProps<TAutocompleteValueProps, TMultiple, TDisableClearable, TFreeSolo, "div">>, "size" | "clearText" | "closeText" | "noOptionsText" | "openText" | "renderInput"> & Pick<TextFieldProps, "label" | "error" | "success" | "placeholder" | "required" | "inputProps" | "inputRef" | "helperText"> & {
     renderInput?: ((props: TextFieldProps & Omit<AutocompleteRenderInputParams, 'size'>) => ReactNode) | undefined;
@@ -82,4 +86,8 @@ export declare const Autocomplete: <TAutocompleteValueProps, TMultiple extends b
      * @default Очистить
      */
     clearText?: string | undefined;
+    /**
+     * Включает/отключает резервирование места под helperText
+     */
+    hideHelperText?: boolean | undefined;
 } & import("react").RefAttributes<unknown>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;

package/components/Autocomplete/Autocomplete.js

@@ -19,19 +19,22 @@ import { Loader } from '../Loader';
 import { OverflowTypography, } from '../OverflowTypography';
 import { Tag } from '../Tag';
 import { TextField } from '../TextField';
+import { classNames } from '../utils';
 import { DEFAULT_AUTOCOMPLETE_ELEMENT_ROWS_COUNT, DEFAULT_PLACEHOLDER, } from './constants';
 import { StyledMenuItem } from './styles';
 import { useLogic } from './useLogic';
 const AutocompleteInner = (props, ref) => {
     const { isValueEmpty, isPopperVisible, autocompleteProps } = useLogic(props);
-    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = _jsx(Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps"]);
+    const { required, success, error, label, getOptionLabel, helperText, inputRef, multiple, size = 'medium', placeholder = DEFAULT_PLACEHOLDER, overflowOption, closeText = 'Закрыть', openText = 'Открыть', clearText = 'Очистить', loadingText = _jsx(Loader, {}), isLoadedDataError, loadedDataError, noOptionsText, autoHighlight, renderInput: externalRenderInput, renderTags: externalRenderTags, renderOption: externalRenderOption, inputProps, hideHelperText = false } = props, restProps = __rest(props, ["required", "success", "error", "label", "getOptionLabel", "helperText", "inputRef", "multiple", "size", "placeholder", "overflowOption", "closeText", "openText", "clearText", "loadingText", "isLoadedDataError", "loadedDataError", "noOptionsText", "autoHighlight", "renderInput", "renderTags", "renderOption", "inputProps", "hideHelperText"]);
     const renderInput = useCallback((inputParams) => {
-        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), inputProps), inputRef,
+        var _a;
+        const generalInputParams = Object.assign(Object.assign({}, inputParams), { inputProps: Object.assign(Object.assign({}, inputParams.inputProps), { className: classNames((_a = inputParams === null || inputParams === void 0 ? void 0 : inputParams.inputProps) === null || _a === void 0 ? void 0 : _a.className, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className) }), inputRef,
             required, placeholder: isValueEmpty ? placeholder : '', label,
             success,
             error,
             helperText,
-            size });
+            size,
+            hideHelperText });
         if (externalRenderInput) {
             return externalRenderInput(generalInputParams);
         }
@@ -47,6 +50,7 @@ const AutocompleteInner = (props, ref) => {
         error,
         helperText,
         size,
+        hideHelperText,
     ]);
     const renderOption = useCallback((optionProps, option, optionState) => {
         if (externalRenderOption) {

package/components/Breadcrumbs/styles.d.ts

@@ -18,6 +18,6 @@ export declare const StyledBreadcrumbs: import("@emotion/styled").StyledComponen
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
-}, "children" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "separator" | "slotProps" | "slots" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
+}, "children" | "sx" | "separator" | keyof import("@mui/material/OverridableComponent").CommonProps | "slotProps" | "slots" | "expandText" | "itemsAfterCollapse" | "itemsBeforeCollapse" | "maxItems"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/BulletListItem/styles.d.ts

@@ -5,17 +5,9 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const Icon: 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/BulletListItem/styles.js

@@ -7,5 +7,5 @@ export const Wrapper = styled('li') `
 export const Icon = styled(DotOutlineSm) `
   align-self: start;
 
-  padding: 4px;
+  margin: ${({ theme }) => theme.spacing(1)};
 `;

package/components/Button/styles.d.ts

@@ -32,7 +32,7 @@ export declare const StyledButton: 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" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | keyof import("@mui/material/OverridableComponent").CommonProps | "href" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
+}, "action" | "color" | "fullWidth" | "size" | "children" | "tabIndex" | "sx" | "disabled" | "href" | keyof import("@mui/material/OverridableComponent").CommonProps | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableElevation" | "disableFocusRipple" | "endIcon" | "startIcon" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {

package/components/Checkbox/Icon/Icon.js

@@ -15,5 +15,5 @@ import { classNames } from '../../utils';
 import { checkboxClassnames } from '../constants';
 export const Icon = (_a) => {
     var props = __rest(_a, []);
-    return (_jsxs(SvgIcon, Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16" }, props, { children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
+    return (_jsxs(SvgIcon, Object.assign({ size: "sm" }, props, { children: [_jsx("rect", { className: checkboxClassnames.outline, x: "0.5", y: "0.5", width: "15", height: "15", rx: "3.5" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconChecked), d: "M3.892 8.64a.75.75 0 0 1 1.003-1.112l.058.052 1.97 1.97 4.469-4.47.056-.052a.75.75 0 0 1 1.056 1.056l-.051.056-5 5a.75.75 0 0 1-1.061 0l-2.5-2.5Z" }), _jsx("path", { className: classNames(checkboxClassnames.symbol, checkboxClassnames.iconIndeterminate), d: "M12 7.25a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1 0-1.5h8Z" })] })));
 };

package/components/Checkbox/useLogic/useLogic.d.ts

@@ -26,7 +26,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         spellCheck?: (boolean | "true" | "false") | undefined;
         tabIndex?: number | undefined;
         title?: string | undefined;
-        translate?: "yes" | "no" | undefined;
+        translate?: "no" | "yes" | undefined;
         radioGroup?: string | undefined;
         about?: string | undefined;
         content?: string | undefined;
@@ -71,7 +71,7 @@ export declare const useLogic: ({ checked, indeterminate, disabled, isError, def
         '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/CheckboxField/styles.d.ts

@@ -4,6 +4,7 @@ export declare const StyledFormControlledLabel: import("@emotion/styled").Styled
 export declare const StyledFormHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/CheckboxField/styles.js

@@ -15,9 +15,9 @@ export const StyledFormControlledLabel = styled(FormControlLabel) `
   }
 `;
 export const StyledFormHelperText = styled(FormHelperText) `
-  margin-left: ${({ theme }) => theme.spacing(7)};
+  padding-left: ${({ theme }) => theme.spacing(7)};
   
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    margin-left: ${({ theme }) => theme.spacing(9)};
+    padding-left: ${({ theme }) => theme.spacing(9)};
   }
 `;

package/components/Chevron/styles.d.ts

@@ -4,18 +4,10 @@ type ChevronWrapperProps = {
 };
 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/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;
 } & ChevronWrapperProps, {}, {}>;
 export {};

package/components/CodeField/styles.d.ts

@@ -35,6 +35,7 @@ export declare const FieldLabel: import("@emotion/styled").StyledComponent<{
 export declare const StyledHelperText: import("@emotion/styled").StyledComponent<import("..").WithoutEmotionSpecific<import("@mui/material").FormHelperTextProps> & {
     success?: boolean | undefined;
     error?: boolean | undefined;
+    hideHelperText?: boolean | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/ComplianceStatus/styles.d.ts

@@ -22,18 +22,10 @@ export declare const EmptyIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     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>, {}, {}>;
 export declare const RejectIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -41,18 +33,10 @@ export declare const RejectIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     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>, {}, {}>;
 export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -60,18 +44,10 @@ export declare const SuccessIcon: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     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>, {}, {}>;
 export declare const StyledLoader: import("@emotion/styled").StyledComponent<import("../Loader").LoaderProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/components/CopyTypography/styles.d.ts

@@ -16,18 +16,10 @@ export declare const Wrapper: import("@emotion/styled").StyledComponent<{
 }, {}, {}>;
 export declare const StyledCopyIcon: 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;
 } & {
     $copyPosition: 'left' | 'right';

package/components/DashboardAlert/styles.js

@@ -1,6 +1,6 @@
-import { svgIconClasses } from '@mui/material';
 import { Alert, alertClassnames } from '../Alert';
 import { Button } from '../Button';
+import { svgIconClassnames } from '../SvgIcon';
 import { styled } from '../styles';
 export const StyledAlert = styled(Alert) `
   &.${alertClassnames.root} {
@@ -24,7 +24,7 @@ export const StyledAlert = styled(Alert) `
     height: 24px;
     padding: 0;
 
-    & .${svgIconClasses.root} {
+    & .${svgIconClassnames.root} {
       font-size: 24px;
     }
   }

package/components/DashboardLayout/Sidebar/Sidebar.js

@@ -6,7 +6,7 @@ import { PinButton } from '../PinButton';
 import { dashboardLayoutSidebarClassnames } from './constants';
 import { SidebarNav } from './SidebarNav';
 import { SidebarSkeleton } from './SidebarSkeleton';
-import { Footer, SidebarContent, SidebarHeader, SidebarRoot, Wrapper, } from './styles';
+import { Footer, SidebarContent, SidebarHeader, SidebarRoot, StyledPaper, Wrapper, } from './styles';
 import { useLogic } from './useLogic';
 /**
  * Основной sidebar приложения
@@ -16,5 +16,5 @@ export const Sidebar = forwardRef((props, ref) => {
     if (isLoading) {
         return _jsx(SidebarSkeleton, {});
     }
-    return (_jsx(Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: _jsxs(SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: classNames(className, dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: [_jsxs(SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && _jsx(SidebarHeader, { children: header }), _jsx(SidebarNav, { menu: _jsx(NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), _jsx(Footer, { children: _jsx(PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }));
+    return (_jsx(Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: _jsx(SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: classNames(className, dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: _jsxs(StyledPaper, { variant: "outlined", children: [_jsxs(SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && _jsx(SidebarHeader, { children: header }), _jsx(SidebarNav, { menu: _jsx(NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), _jsx(Footer, { children: _jsx(PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }) }));
 });