npm - @astral/ui - Versions diffs - 4.0.0-alpha.33 → 4.0.0-alpha.34 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1171) hide show

package/node/components/Rating/IconContainer/styles.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Container = void 0;
-const material_1 = require("@mui/material");
+const SvgIcon_1 = require("../../SvgIcon");
 const styles_1 = require("../../styles");
 exports.Container = styles_1.styled.span `
   /*
@@ -10,7 +10,7 @@ exports.Container = styles_1.styled.span `
   */
   pointer-events: auto !important;
-  .${material_1.svgIconClasses.root} {
+  .${SvgIcon_1.svgIconClassnames.root} {
     font-size: inherit;
   }
 `;

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

@@ -1,18 +1,10 @@
 /// <reference types="react" />
 export declare const SearchIcon: 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 StyledIconButton: import("@emotion/styled").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {

package/node/components/SearchField/useLogic/useLogic.d.ts CHANGED Viewed

@@ -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;

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

@@ -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/node/components/Stepper/StepIcon/styles.d.ts CHANGED Viewed

@@ -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/node/components/Stepper/styles.d.ts CHANGED Viewed

@@ -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/node/components/SvgIcon/SvgIcon.js CHANGED Viewed

@@ -13,23 +13,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SvgIcon = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const theme_1 = require("../theme");
 const utils_1 = require("../utils");
 const constants_1 = require("./constants");
 const styles_1 = require("./styles");
 const SvgIcon = (props) => {
-    const { children, color = 'inherit', titleAccess, size, width = '24px', height = '24px', viewBox = size === constants_1.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 = (0, theme_1.useTheme)();
-    const colorMap = (0, react_1.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 ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, Object.assign({ className: (0, utils_1.classNames)(className, constants_1.svgIconClassnames.root), viewBox: viewBox, "aria-hidden": titleAccess ? undefined : true, role: titleAccess ? 'img' : undefined, xmlns: xmlns, color: colorMap[color] || color, width: constants_1.SIZES[size] || width, height: constants_1.SIZES[size] || height }, restProps, { children: [children, titleAccess ? (0, jsx_runtime_1.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 ((0, jsx_runtime_1.jsxs)(styles_1.StyledSvg, Object.assign({ className: (0, utils_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] })));
 };
 exports.SvgIcon = SvgIcon;

package/node/components/SvgIcon/index.d.ts CHANGED Viewed

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

package/node/components/SvgIcon/index.js CHANGED Viewed

@@ -14,7 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SvgIcon = void 0;
+exports.svgIconClassnames = exports.SvgIcon = void 0;
 var SvgIcon_1 = require("./SvgIcon");
 Object.defineProperty(exports, "SvgIcon", { enumerable: true, get: function () { return SvgIcon_1.SvgIcon; } });
 __exportStar(require("./types"), exports);
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "svgIconClassnames", { enumerable: true, get: function () { return constants_1.svgIconClassnames; } });

package/node/components/SvgIcon/styles.js CHANGED Viewed

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

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

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

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

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

package/node/components/Tag/styles.js CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

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

package/node/components/theme/components/components.js CHANGED Viewed

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

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

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

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

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

package/node/icons/FillMd/AutosaveErrorFillMd.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { type SvgIconProps } from '@mui/material';
 import type { FunctionComponent } from 'react';
+import { type SvgIconProps } from '../../components/SvgIcon';
 declare const AutosaveErrorFillMd: FunctionComponent<SvgIconProps>;
 export default AutosaveErrorFillMd;