@astral/ui 4.88.1 → 4.90.0

package/node/components/GuidTypography/useLogic/useLogic.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const personalDataSecurity_1 = require("../../personalDataSecurity");
+const useLogic = ({ className, isHidePersonalData, tooltipProps, canCopy, copyParams, ...restProps }) => {
+    const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
+        isEnabled: isHidePersonalData,
+    });
+    const guidText = typeof restProps.children === 'string' ? restProps.children : undefined;
+    const resolvedCopyText = copyParams?.copyText ?? guidText;
+    return {
+        className,
+        isHidePersonalData,
+        tooltipProps,
+        canCopy,
+        copyParams,
+        restProps,
+        resolvedCopyText,
+        hidePersonalDataClassname,
+    };
+};
+exports.useLogic = useLogic;

package/node/components/HintIcon/HintIcon.d.ts

@@ -1,2 +1,2 @@
 import { type HintIconProps } from './types';
-export declare const HintIcon: ({ variant, title, note, iconOption, tooltipPlacement, renderIcon, tooltipWidth, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HintIcon: ({ variant, title, note, iconOption, size, tooltipPlacement, renderIcon, tooltipWidth, }: HintIconProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/HintIcon/HintIcon.js

@@ -6,8 +6,8 @@ const BottomDrawer_1 = require("../BottomDrawer");
 const Icon_1 = require("./Icon");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
-const HintIcon = ({ variant, title, note, iconOption, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
+const HintIcon = ({ variant, title, note, iconOption, size, tooltipPlacement = 'bottom', renderIcon, tooltipWidth, }) => {
     const { handleClose, handleOpen, open } = (0, useLogic_1.useLogic)();
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { onClick: handleOpen, variant: variant, iconOption: iconOption, size: size, note: note, tooltipPlacement: tooltipPlacement, renderIcon: renderIcon, tooltipWidth: tooltipWidth }), (0, jsx_runtime_1.jsx)(BottomDrawer_1.BottomDrawer, { title: title, open: open, onClose: handleClose, children: (0, jsx_runtime_1.jsx)(styles_1.DrawerContent, { children: note }) })] }));
 };
 exports.HintIcon = HintIcon;

package/node/components/HintIcon/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import type { SyntheticEvent } from 'react';
 import type { HintIconProps, TooltipPlacement } from '../types';
-export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'note' | 'renderIcon' | 'tooltipWidth'> & {
+export type IconProps = Pick<HintIconProps, 'variant' | 'iconOption' | 'size' | 'note' | 'renderIcon' | 'tooltipWidth'> & {
     onClick: (e: SyntheticEvent) => void;
     tooltipPlacement: TooltipPlacement;
 };

package/node/components/HintIcon/Icon/Icon.js

@@ -7,8 +7,15 @@ const constants_1 = require("../constants");
 const styles_1 = require("./styles");
 const useLogic_1 = require("./useLogic");
 const Icon = (props) => {
-    const { getIcon, iconColor } = (0, useLogic_1.useLogic)(props);
-    const { onClick, note, tooltipPlacement, tooltipWidth } = props;
-    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: getIcon() }) }));
+    const { iconColor } = (0, useLogic_1.useLogic)(props);
+    const { onClick, variant, iconOption, size, note, tooltipPlacement, tooltipWidth, renderIcon, } = props;
+    const IconVariant = () => {
+        if (renderIcon) {
+            return renderIcon();
+        }
+        const Component = constants_1.ICONS[variant ?? 'info'][iconOption?.variant ?? 'fill'];
+        return (0, jsx_runtime_1.jsx)(Component, { size: size });
+    };
+    return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { title: note, placement: tooltipPlacement, width: tooltipWidth, children: (0, jsx_runtime_1.jsx)(styles_1.IconWrapper, { onClick: onClick, "$color": iconColor, className: constants_1.hintIconClassnames.iconWrapper, children: (0, jsx_runtime_1.jsx)(IconVariant, {}) }) }));
 };
 exports.Icon = Icon;

package/node/components/HintIcon/Icon/useLogic/useLogic.d.ts

@@ -1,8 +1,6 @@
-import { type ReactNode } from 'react';
 import { type IconProps } from '../Icon';
 type UseLogicParams = IconProps;
-export declare const useLogic: ({ iconOption, variant, renderIcon, }: UseLogicParams) => {
-    getIcon: () => ReactNode;
+export declare const useLogic: ({ iconOption, renderIcon }: UseLogicParams) => {
     iconColor: string;
 };
 export {};

package/node/components/HintIcon/Icon/useLogic/useLogic.js

@@ -1,21 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
-const constants_1 = require("../../constants");
 const hooks_1 = require("./hooks");
-const useLogic = ({ iconOption, variant, renderIcon, }) => {
+const useLogic = ({ iconOption, renderIcon }) => {
     const iconColor = (0, hooks_1.useIconColor)({ color: iconOption?.color, renderIcon });
-    const { variant: iconOptionVariant = 'fill' } = iconOption || {};
-    const getIcon = () => {
-        if (renderIcon) {
-            return renderIcon();
-        }
-        const icon = constants_1.ICONS[variant][iconOptionVariant];
-        if (icon) {
-            return icon;
-        }
-        return constants_1.ICONS.info.fill;
-    };
-    return { getIcon, iconColor };
+    return { iconColor };
 };
 exports.useLogic = useLogic;

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

@@ -1,13 +1,14 @@
+/// <reference types="react" />
 export declare const hintIconClassnames: {
     iconWrapper: string;
 };
 export declare const ICONS: {
     question: {
-        fill: import("react/jsx-runtime").JSX.Element;
-        outline: import("react/jsx-runtime").JSX.Element;
+        fill: import("react").FunctionComponent<import("..").SvgIconProps>;
+        outline: import("react").FunctionComponent<import("..").SvgIconProps>;
     };
     info: {
-        fill: import("react/jsx-runtime").JSX.Element;
-        outline: import("react/jsx-runtime").JSX.Element;
+        fill: import("react").FunctionComponent<import("..").SvgIconProps>;
+        outline: import("react").FunctionComponent<import("..").SvgIconProps>;
     };
 };

package/node/components/HintIcon/constants.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICONS = exports.hintIconClassnames = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const InfoFillMd_1 = require("../../icons/InfoFillMd");
 const InfoOutlineMd_1 = require("../../icons/InfoOutlineMd");
 const QuestionFillMd_1 = require("../../icons/QuestionFillMd");
@@ -12,11 +11,11 @@ exports.hintIconClassnames = {
 };
 exports.ICONS = {
     question: {
-        fill: (0, jsx_runtime_1.jsx)(QuestionFillMd_1.QuestionFillMd, {}),
-        outline: (0, jsx_runtime_1.jsx)(QuestionOutlineMd_1.QuestionOutlineMd, {}),
+        fill: QuestionFillMd_1.QuestionFillMd,
+        outline: QuestionOutlineMd_1.QuestionOutlineMd,
     },
     info: {
-        fill: (0, jsx_runtime_1.jsx)(InfoFillMd_1.InfoFillMd, {}),
-        outline: (0, jsx_runtime_1.jsx)(InfoOutlineMd_1.InfoOutlineMd, {}),
+        fill: InfoFillMd_1.InfoFillMd,
+        outline: InfoOutlineMd_1.InfoOutlineMd,
     },
 };

package/node/components/HintIcon/types.d.ts

@@ -20,6 +20,12 @@ export type HintIconProps = {
          */
         color?: 'warning' | 'grey' | 'lightGrey';
     };
+    /**
+     * Размеры (width и height) иконки.
+     *
+     * sm = 16px, md = 24px, auto = 1em
+     */
+    size?: 'sm' | 'md' | 'auto';
     /**
      *  Текст заголовка BottomDrawer
      */

package/node/components/JsonViewer/JsonNode/styles.d.ts

@@ -16,7 +16,7 @@ export declare const Chevron: import("@emotion/styled/dist/declarations/src/type
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/JsonViewer/NodeValue/styles.d.ts

@@ -1050,6 +1050,8 @@ export declare const GuidValue: import("@emotion/styled/dist/declarations/src/ty
     children?: import("react").ReactNode;
 } & {
     isHidePersonalData?: boolean | undefined;
+    canCopy?: boolean | undefined;
+    copyParams?: import("../../CopyTypography").CopyTypographyProps | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -3,7 +3,7 @@ export declare const InfoNotificationIcon: import("@emotion/styled/dist/declarat
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -11,7 +11,7 @@ export declare const SuccessNotificationIcon: import("@emotion/styled/dist/decla
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -19,7 +19,7 @@ export declare const WarningNotificationIcon: import("@emotion/styled/dist/decla
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -27,7 +27,7 @@ export declare const ErrorNotificationIcon: import("@emotion/styled/dist/declara
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -12,7 +12,7 @@ export declare const StyledSvgIcon: import("@emotion/styled/dist/declarations/sr
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/NavMenu/Item/ItemButton/styles.d.ts

@@ -642,7 +642,7 @@ export declare const NavMenuItemButtonChevron: import("@emotion/styled/dist/decl
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -659,7 +659,7 @@ export declare const StyledPageDotOutlineMd: import("@emotion/styled/dist/declar
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/NewPopover/styles.js

@@ -12,7 +12,7 @@ exports.StyledMuiPopper = (0, styled_1.styled)(Popper_1.default) `
     --arrow-base: ${constants_1.ARROW_BASE}px;
     --arrow-height: ${constants_1.ARROW_HEIGHT}px;
 
-    z-index: ${({ theme }) => theme.zIndex.tooltip};
+    z-index: ${({ theme }) => theme.zIndex.modal};
   }
 
   /* Anchor ушёл за скролл/вьюпорт — прячем стрелку. */

package/node/components/NewStepper/Step/styles.d.ts

@@ -11,7 +11,7 @@ export declare const ArrowConnector: import("@emotion/styled/dist/declarations/s
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -3,7 +3,7 @@ export declare const InfoNotificationIcon: import("@emotion/styled/dist/declarat
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -11,7 +11,7 @@ export declare const SuccessNotificationIcon: import("@emotion/styled/dist/decla
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -19,7 +19,7 @@ export declare const WarningNotificationIcon: import("@emotion/styled/dist/decla
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -27,7 +27,7 @@ export declare const ErrorNotificationIcon: import("@emotion/styled/dist/declara
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -3,7 +3,7 @@ export declare const SearchIcon: import("@emotion/styled/dist/declarations/src/t
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -3,7 +3,7 @@ export declare const ArrowConnector: import("@emotion/styled/dist/declarations/s
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Stepper/StepIcon/styles.d.ts

@@ -3,7 +3,7 @@ export declare const ErrorIcon: import("@emotion/styled/dist/declarations/src/ty
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -11,7 +11,7 @@ export declare const SuccessIcon: import("@emotion/styled/dist/declarations/src/
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -19,7 +19,7 @@ export declare const SelectIcon: import("@emotion/styled/dist/declarations/src/t
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -29,7 +29,7 @@ export declare const DefaultIcon: import("@emotion/styled/dist/declarations/src/
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -37,7 +37,7 @@ export declare const ActiveIcon: import("@emotion/styled/dist/declarations/src/t
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/SvgIcon/SvgIcon.js

@@ -3,10 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
+const svgCva = (0, cva_1.cva)(constants_1.svgIconClassnames.root, {
+    variants: {
+        size: {
+            auto: constants_1.svgIconClassnames.sizeAuto,
+            sm: constants_1.svgIconClassnames.sizeSm,
+            md: constants_1.svgIconClassnames.sizeMd,
+        },
+    },
+});
 const SvgIcon = (props) => {
     const { children, color = 'inherit', titleAccess, size, width, height, viewBox = '0 0 24 24', xmlns = 'http://www.w3.org/2000/svg', className, ...restProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, classNames_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, { className: (0, classNames_1.classNames)(className, svgCva({ size })), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: color, width: constants_1.SIZES[size] || width || '1em', height: constants_1.SIZES[size] || height || '1em', ...restProps, children: [children, titleAccess ? (0, jsx_runtime_1.jsx)("title", { children: titleAccess }) : null] }));
 };
 exports.SvgIcon = SvgIcon;

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

@@ -1,7 +1,11 @@
 export declare const SIZES: {
     sm: string;
     md: string;
+    auto: string;
 };
 export declare const svgIconClassnames: {
     root: string;
+    sizeAuto: string;
+    sizeSm: string;
+    sizeMd: string;
 };

package/node/components/SvgIcon/constants.js

@@ -5,7 +5,11 @@ const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.SIZES = {
     sm: '16px',
     md: '24px',
+    auto: '1em',
 };
 exports.svgIconClassnames = {
     root: (0, createUIKitClassname_1.createUIKitClassname)('svg-icon'),
+    sizeAuto: (0, createUIKitClassname_1.createUIKitClassname)('svg-icon_size-auto'),
+    sizeSm: (0, createUIKitClassname_1.createUIKitClassname)('svg-icon_size-sm'),
+    sizeMd: (0, createUIKitClassname_1.createUIKitClassname)('svg-icon_size-md'),
 };

package/node/components/SvgIcon/styles.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledSvg = void 0;
 const styled_1 = require("../styled");
+const constants_1 = require("./constants");
 const getColor = (theme, color) => {
     if (color === 'inherit') {
         return 'inherit';
@@ -32,10 +33,8 @@ exports.StyledSvg = styled_1.styled.svg `
   display: inline-block;
   flex-shrink: 0;
 
-  font-size: ${({ theme }) => {
-    // По умолчанию как в MUI
-    return theme.typography.pxToRem(24);
-}};
+  font-size: ${({ theme }) => theme.typography.pxToRem(24)};
+
   color: ${({ theme, color }) => getColor(theme, color)};
   
   fill: currentColor; 
@@ -43,4 +42,8 @@ exports.StyledSvg = styled_1.styled.svg `
   transition: ${({ theme }) => theme.transitions.create(['fill'], {
     duration: theme.transitions.duration.shorter,
 })};
+  
+  &.${constants_1.svgIconClassnames.sizeAuto} {
+    font-size: inherit;
+  }
 `;

package/node/components/SvgIcon/types.d.ts

@@ -21,7 +21,7 @@ export type SvgIconProps = {
     /**
      * Размеры (width и height) иконки.
      *
-     * sm = 16px, md = 24px
+     * auto = 1em, sm = 16px, md = 24px
      */
-    size?: 'sm' | 'md';
+    size?: 'auto' | 'sm' | 'md';
 } & ComponentProps<'svg'>;

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

@@ -30,7 +30,7 @@ export declare const ChevronIcon: import("@emotion/styled/dist/declarations/src/
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -358,7 +358,7 @@ export declare const DotIcon: import("@emotion/styled/dist/declarations/src/type
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -17,7 +17,7 @@ export declare const StyledEditIcon: import("@emotion/styled/dist/declarations/s
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -13,7 +13,7 @@ export declare const StyledPreviousIcon: import("@emotion/styled/dist/declaratio
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -21,7 +21,7 @@ export declare const StyledNextIcon: import("@emotion/styled/dist/declarations/s
     children?: import("react").ReactNode;
     color?: string | undefined;
     titleAccess?: string | undefined;
-    size?: "sm" | "md" | undefined;
+    size?: "sm" | "md" | "auto" | undefined;
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.88.1",
+  "version": "4.90.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {