@astral/ui 4.89.0 → 4.90.0

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.89.0",
+  "version": "4.90.0",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {