@astral/ui 4.69.0 → 4.71.0

package/node/components/Notification/NotificationStackContainer/NotificationStackContainer.js

@@ -16,7 +16,7 @@ const NotificationStackContainer = ({ containerId = constants_1.NOTIFY_CONTAINER
     });
     return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: (0, classNames_1.classNames)({
             [constants_1.notifyClassnames.container]: isStackExpanded,
-        }), children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.notifyClassnames.stackHost, children: (0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, className: (0, classNames_1.classNames)(constants_1.notifyClassnames.stack, props.className), ...{ stacked: true }, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }) }), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { size: "small", variant: "light", color: "grey", className: (0, classNames_1.classNames)({
+        }), children: [(0, jsx_runtime_1.jsx)("div", { className: constants_1.notifyClassnames.stackHost, children: (0, jsx_runtime_1.jsx)(styles_1.Inner, { ...props, className: (0, classNames_1.classNames)(constants_1.notifyClassnames.stack, props.className), ...{ stacked: true }, containerId: containerId, pauseOnFocusLoss: true, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }) }), isVisibleCloseButton && ((0, jsx_runtime_1.jsx)(styles_1.CloseButton, { variant: "light", color: "grey", className: (0, classNames_1.classNames)({
                     [constants_1.notifyClassnames.closeButtonAnimationOut]: isStartedClosingNotify,
                 }), onClick: closeAll, children: "\u0421\u043A\u0440\u044B\u0442\u044C \u0432\u0441\u0435" })), (0, jsx_runtime_1.jsx)(styles_1.StaticInner, { containerId: staticContainerId, position: constants_1.NOTIFY_POSITIONS.BOTTOM_RIGHT, newestOnTop: false, closeOnClick: false, draggable: false, rtl: false, closeButton: false, bodyClassName: `${constants_1.notifyClassnames.body}`, toastClassName: constants_1.notifyClassnames.root, progressClassName: `${constants_1.notifyClassnames.progress}` }), bannerContainer] }));
 };

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

@@ -9,12 +9,13 @@ export declare const Inner: import("@emotion/styled/dist/declarations/src/types"
 export declare const StaticInner: import("@emotion/styled/dist/declarations/src/types").StyledComponent<import("react-toastify-next").ToastContainerProps & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -21,6 +21,7 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -32,12 +33,13 @@ export declare const IconWrapper: import("@emotion/styled/dist/declarations/src/
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CloseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -48,6 +50,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/NotificationList/ListItem/ListItem.js

@@ -24,6 +24,6 @@ const ListItem = ({ id, title, date, text, priority = 'ordinary', actions, isUnr
         onViewNotification,
         isUnread,
     });
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: rootCva({ hasCloseButton: isDeleteButtonVisible }), children: [(0, jsx_runtime_1.jsx)(styles_1.IconSlot, { children: (0, jsx_runtime_1.jsx)(styles_1.Priority, { priority: priority }) }), (0, jsx_runtime_1.jsxs)(styles_1.ListItemContent, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TitleWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { variant: isUnread ? 'h6' : 'body1', children: title }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { colorIntensity: "600", color: "grey", children: (0, utils_1.getDateFormat)(date) })] }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", color: "grey", colorIntensity: "800", children: text }), actions && (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: actions })] }), isDeleteButtonVisible && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: handleDelete, variant: "text", size: "small", color: "grey", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { ref: ref, className: rootCva({ hasCloseButton: isDeleteButtonVisible }), children: [(0, jsx_runtime_1.jsx)(styles_1.IconSlot, { children: (0, jsx_runtime_1.jsx)(styles_1.Priority, { priority: priority }) }), (0, jsx_runtime_1.jsxs)(styles_1.ListItemContent, { children: [(0, jsx_runtime_1.jsxs)(styles_1.TitleWrapper, { children: [(0, jsx_runtime_1.jsx)(styles_1.Title, { variant: isUnread ? 'h6' : 'body1', children: title }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { colorIntensity: "600", color: "grey", children: (0, utils_1.getDateFormat)(date) })] }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, { variant: "body1", color: "grey", colorIntensity: "800", children: text }), actions && (0, jsx_runtime_1.jsx)(styles_1.Actions, { children: actions })] }), isDeleteButtonVisible && ((0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: handleDelete, variant: "text", color: "grey", children: (0, jsx_runtime_1.jsx)(CrossOutlineMd_1.CrossOutlineMd, {}) }))] }));
 };
 exports.ListItem = ListItem;

package/node/components/NotificationList/ListItem/styles.d.ts

@@ -11,6 +11,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/OverflowTypography/OverflowTypography.d.ts

@@ -344,6 +344,7 @@ export declare const OverflowTypography: import("react").ForwardRefExoticCompone
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -10,6 +10,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & OverflowTypographyWrapperProps, {}, {}>;
@@ -20,6 +21,7 @@ export declare const Wrapper: import("@emotion/styled/dist/declarations/src/type
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/PageContent/PageContentHeader/Title/styles.d.ts

@@ -6,6 +6,7 @@ export declare const TitleWrapper: import("@emotion/styled/dist/declarations/src
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/HeaderContent/Description/styles.d.ts

@@ -6,6 +6,7 @@ export declare const StyledTypography: import("@emotion/styled/dist/declarations
     component?: import("../../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/MobilePageActions/styles.d.ts

@@ -20,7 +20,7 @@ export declare const SecondaryActionsWrapper: import("@emotion/styled/dist/decla
 export declare const StyledMainActions: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../ActionGroup").MainActionsProps<import("react").ElementType>, "actions"> & {
     actions?: import("../..").MainAction<import("react").ElementType>[] | undefined;
     className?: string | undefined;
-    size: "large" | "medium";
+    size: import("../..").ButtonSize;
     spacing?: number | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;

package/node/components/PageHeader/PageActions/PageActions.d.ts

@@ -1,7 +1,7 @@
 import { type ElementType } from 'react';
 export declare const PageActions: <TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType>(props: import("../..").ActionGroupProps<TMainActionComponent, TSecondaryActionComponent> & {
     isLoading?: boolean | undefined;
-    size?: "large" | "medium" | undefined;
+    size?: import("../..").ButtonSize | undefined;
     spacing?: number | undefined;
     withCollapseOnLaptop?: boolean | undefined;
 } & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;

package/node/components/PageHeader/PageActions/SecondaryActions/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledMobileButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledMobileButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/PageActions/SecondaryVisibleActions/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledMobileButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledMobileButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/PageActions/styles.d.ts

@@ -25,12 +25,13 @@ export declare const ActionWrapper: import("@emotion/styled/dist/declarations/sr
 } & {
     $spacing: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FocusModeButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const FocusModeButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/PageHeader/Title/styles.d.ts

@@ -6,18 +6,20 @@ export declare const TitleWrapper: import("@emotion/styled/dist/declarations/src
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
     $hasDescription?: boolean | undefined;
     $hasBreadcrumbs?: boolean | undefined;
 }, {}, {}>;
-export declare const BackButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const BackButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/Pagination/PaginationItem/PaginationItem.js

@@ -18,7 +18,7 @@ const PaginationItem = ({ pageNumber, type, selected, disabled, onClick, onItemC
     if (type === 'start-ellipsis' || type === 'end-ellipsis') {
         return ((0, jsx_runtime_1.jsx)(styles_1.Ellipsis, { className: ellipsisCva({ disabled: restPropsDisabled }), children: "\u2026" }));
     }
-    const PaginationButton = ({ children, ...rest }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: "text", color: "grey", size: "small", selected: selected, disabled: disabled || restPropsDisabled, onClick: (e) => {
+    const PaginationButton = ({ children, ...rest }) => ((0, jsx_runtime_1.jsx)(styles_1.StyledButton, { variant: "text", color: "grey", selected: selected, disabled: disabled || restPropsDisabled, onClick: (e) => {
             onItemClick(pageNumber, onClick, e);
         }, ...rest, children: children }));
     if (type === 'page') {

package/node/components/Pagination/PaginationItem/styles.d.ts

@@ -6,15 +6,17 @@ export declare const Ellipsis: import("@emotion/styled/dist/declarations/src/typ
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const TogglerButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const TogglerButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -15,6 +16,7 @@ export declare const Content: import("@emotion/styled/dist/declarations/src/type
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/ProductSwitcher/Content/styles.d.ts

@@ -20,6 +20,7 @@ export declare const ProductName: import("@emotion/styled/dist/declarations/src/
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -1,11 +1,12 @@
 /// <reference types="react" />
 import { type AvatarProps } from '../Avatar';
-export declare const ProfileRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const ProfileRoot: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -7,12 +7,13 @@ export declare const SearchIcon: import("@emotion/styled/dist/declarations/src/t
 } & import("react").SVGProps<SVGSVGElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/components/StaticCalendar/StaticCalendarButton/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -28,12 +28,13 @@ export declare const IconWrapper: import("@emotion/styled/dist/declarations/src/
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const StyledIconButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("..").WithoutEmotionSpecific<import("@mui/material/Button").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

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

@@ -14,12 +14,13 @@ export declare const ItemContent: import("@emotion/styled/dist/declarations/src/
     $isDisabled: boolean;
     $level: number;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CollapseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CollapseButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {
@@ -48,6 +49,7 @@ export declare const Label: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -394,6 +396,7 @@ export declare const Note: import("@emotion/styled/dist/declarations/src/types")
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {

package/node/components/Typography/Typography.d.ts

@@ -13,4 +13,5 @@ export declare const Typography: import("react").ForwardRefExoticComponent<impor
     component?: ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement>>;

package/node/components/Typography/Typography.js

@@ -4,12 +4,21 @@ exports.Typography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../utils/classNames");
+const cva_1 = require("../utils/cva");
 const constants_1 = require("./constants");
 const hooks_1 = require("./hooks");
 const styles_1 = require("./styles");
-exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, withoutCalt, className, ...props }, ref) => {
+const typographyCva = (0, cva_1.cva)(constants_1.typographyClassnames.root, {
+    variants: {
+        isTabularNums: {
+            true: constants_1.typographyClassnames.tabularNums,
+        },
+        withoutCalt: {
+            true: constants_1.typographyClassnames.withoutCalt,
+        },
+    },
+});
+exports.Typography = (0, react_1.forwardRef)(({ children, color, colorIntensity = '800', component, withoutCalt, className, isTabularNums, ...props }, ref) => {
     const typographyColor = (0, hooks_1.useTypographyColor)({ color, colorIntensity });
-    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, classNames_1.classNames)(constants_1.typographyClassnames.root, className, {
-            [constants_1.typographyClassnames.withoutCalt]: withoutCalt,
-        }), children: children }));
+    return ((0, jsx_runtime_1.jsx)(styles_1.TypographyWrapper, { ref: ref, ...props, component: component, color: typographyColor, className: (0, classNames_1.classNames)(typographyCva({ isTabularNums, withoutCalt }), className), children: children }));
 });

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

@@ -1,4 +1,5 @@
 export declare const typographyClassnames: {
     root: string;
     withoutCalt: string;
+    tabularNums: string;
 };

package/node/components/Typography/constants.js

@@ -4,5 +4,6 @@ exports.typographyClassnames = void 0;
 const createUIKitClassname_1 = require("../utils/createUIKitClassname");
 exports.typographyClassnames = {
     root: (0, createUIKitClassname_1.createUIKitClassname)('typography'),
-    withoutCalt: 'typography_without-calt',
+    withoutCalt: (0, createUIKitClassname_1.createUIKitClassname)('typography_without-calt'),
+    tabularNums: (0, createUIKitClassname_1.createUIKitClassname)('typography_tabular-nums'),
 };

package/node/components/Typography/styles.js

@@ -15,4 +15,8 @@ exports.TypographyWrapper = (0, styled_1.styled)(Typography_1.default, {
   .${constants_1.typographyClassnames.withoutCalt} {
     font-feature-settings: "calt" 0;
   }
+
+  &.${constants_1.typographyClassnames.tabularNums} {
+    font-feature-settings: "tnum" 1;
+  }
 `;

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

@@ -35,4 +35,8 @@ export type TypographyProps = TypographyPropsBase & {
      * Отключает контекстные альтернативы шрифта. Подробнее в [документации](https://ui-kit.astral.ru/?path=/docs/getting-started-fonts--docs)
      */
     withoutCalt?: boolean;
+    /**
+     * Включает моноширинные цифры.
+     */
+    isTabularNums?: boolean;
 } & HTMLAttributes<HTMLParagraphElement>;

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

@@ -22,6 +22,7 @@ export declare const Greeting: import("@emotion/styled/dist/declarations/src/typ
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -32,6 +33,7 @@ export declare const UserName: import("@emotion/styled/dist/declarations/src/typ
     component?: import("../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -350,6 +350,7 @@ export declare const FileSize: import("@emotion/styled/dist/declarations/src/typ
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

package/node/components/index.d.ts

@@ -34,7 +34,7 @@ export { Counter, type CounterProps } from './Counter';
 export { DashboardAlert, type DashboardAlertProps } from './DashboardAlert';
 export { type DashboardLayoutProps, DashboardLayout, } from './DashboardLayout';
 export { DashboardContext, type DashboardContextProps, } from './DashboardContext';
-export type { DashboardSidebarProps } from './DashboardSidebar';
+export type { DashboardSidebarProps } from './DashboardLayout';
 export { DashboardSidebarButton as SidebarButton } from './DashboardSidebarButton';
 export { DashboardSidebarCounter as SidebarCounter, type DashboardSidebarCounterProps as SidebarCounterProps, } from './DashboardSidebarCounter';
 export { DashboardMenuSidebarButton as MenuSidebarButton, type DashboardMenuSidebarButtonProps as MenuSidebarButtonProps, } from './DashboardMenuSidebarButton';

package/node/components/placeholders/Placeholder/styles.d.ts

@@ -18,6 +18,7 @@ export declare const Title: import("@emotion/styled/dist/declarations/src/types"
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;
@@ -28,6 +29,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     component?: import("../../Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & WithSize, {}, {}>;

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

@@ -10,6 +10,7 @@ export declare const Description: import("@emotion/styled/dist/declarations/src/
     component?: import("../../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
@@ -17,12 +18,13 @@ export declare const FormFooter: import("@emotion/styled/dist/declarations/src/t
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const CancelButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -6,6 +6,7 @@ export declare const DisplayValue: import("@emotion/styled/dist/declarations/src
     component?: import("../../components/Typography/types").ComponentProp | undefined;
     isUpperCase?: boolean | undefined;
     withoutCalt?: boolean | undefined;
+    isTabularNums?: boolean | undefined;
 } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/node/hook-form/FormFilters/FormFiltersDialog/ResetButton/styles.d.ts

@@ -1,10 +1,11 @@
 /// <reference types="react" />
-export declare const MobileResetButtonWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
+export declare const MobileResetButtonWrapper: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "size" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
     variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
     loading?: boolean | undefined;
     color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
     component?: import("react").ElementType | undefined;
     selected?: boolean | undefined;
+    size?: "large" | "medium" | undefined;
 } & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;