@alfalab/core-components 47.20.0-beta.3 → 47.20.0-beta.4

package/base-modal/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../backdrop";
 import { PortalProps } from "../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/Component.js

@@ -43,7 +43,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -260,7 +260,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/cssm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/cssm/Component.js

@@ -42,7 +42,7 @@ var BaseModalContext = React__default.default.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = React.forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop = _c === void 0 ? coreComponentsBackdrop.Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackContext.stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = React.useState(null), exited = _r[0], setExited = _r[1];
     var _s = React.useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = React.useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -259,7 +259,7 @@ var BaseModal = React.forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({ appear: true, timeout: 200, classNames: styles__default.default, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/esm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/esm/Component.js

@@ -35,7 +35,7 @@ var BaseModalContext = React.createContext({
     onClose: function () { return null; },
 });
 var BaseModal = forwardRef(function (_a, ref) {
-    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop$1 = _c === void 0 ? Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q;
+    var open = _a.open, container = _a.container, children = _a.children, _b = _a.scrollHandler, scrollHandler = _b === void 0 ? 'wrapper' : _b, _c = _a.Backdrop, Backdrop$1 = _c === void 0 ? Backdrop : _c, _d = _a.backdropProps, backdropProps = _d === void 0 ? {} : _d, _e = _a.transitionProps, transitionProps = _e === void 0 ? {} : _e, disableBackdropClick = _a.disableBackdropClick, _f = _a.disableAutoFocus, disableAutoFocus = _f === void 0 ? false : _f, _g = _a.disableFocusLock, disableFocusLock = _g === void 0 ? false : _g, _h = _a.disableEscapeKeyDown, disableEscapeKeyDown = _h === void 0 ? false : _h, _j = _a.disableRestoreFocus, disableRestoreFocus = _j === void 0 ? false : _j, _k = _a.disableBlockingScroll, disableBlockingScroll = _k === void 0 ? false : _k, _l = _a.keepMounted, keepMounted = _l === void 0 ? false : _l, className = _a.className, contentClassName = _a.contentClassName, wrapperProps = _a.wrapperProps, contentProps = _a.contentProps, componentDivProps = _a.componentDivProps, wrapperClassName = _a.wrapperClassName, onBackdropClick = _a.onBackdropClick, onClose = _a.onClose, onEscapeKeyDown = _a.onEscapeKeyDown, onMount = _a.onMount, onUnmount = _a.onUnmount, dataTestId = _a.dataTestId, _m = _a.zIndex, zIndex = _m === void 0 ? stackingOrder.MODAL : _m, _o = _a.componentRef, componentRef = _o === void 0 ? null : _o, _p = _a.usePortal, usePortal = _p === void 0 ? true : _p, _q = _a.iOSLock, iOSLock = _q === void 0 ? false : _q, onWheel = _a.onWheel;
     var _r = useState(null), exited = _r[0], setExited = _r[1];
     var _s = useState(false), hasScroll = _s[0], setHasScroll = _s[1];
     var _t = useState(false), hasHeader = _t[0], setHasHeader = _t[1];
@@ -252,7 +252,7 @@ var BaseModal = forwardRef(function (_a, ref) {
                         ref,
                         wrapperRef,
                         wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.ref,
-                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                    ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                         zIndex: computedZIndex,
                     } }),
                     React.createElement(CSSTransition, __assign({ appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef }, transitionProps, { in: open, onEntered: handleEntered, onExited: handleExited }),

package/base-modal/modern/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/modern/Component.js

@@ -34,7 +34,7 @@ const BaseModalContext = React.createContext({
     setHasFooter: () => null,
     onClose: () => null,
 });
-const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, }, ref) => {
+const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, onWheel, }, ref) => {
     const [exited, setExited] = useState(null);
     const [hasScroll, setHasScroll] = useState(false);
     const [hasHeader, setHasHeader] = useState(false);
@@ -247,7 +247,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                     ref,
                     wrapperRef,
                     wrapperProps?.ref,
-                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                     zIndex: computedZIndex,
                 } },
                 React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },

package/base-modal/moderncssm/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
 import React from 'react';
-import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref } from "react";
+import { ComponentType, KeyboardEvent, MouseEvent, MutableRefObject, ReactNode, Ref, WheelEvent } from "react";
 import { TransitionProps } from 'react-transition-group/Transition';
 import { BackdropProps } from "../../backdrop";
 import { PortalProps } from "../../portal";
@@ -138,6 +138,10 @@ type BaseModalProps = {
      * Блокирует скролл когда модальное окно открыто. Работает только на iOS.
      */
     iOSLock?: boolean;
+    /**
+     * Хэндлер события прокрутки колесиком
+     */
+    onWheel?: (e: WheelEvent<HTMLElement>) => void;
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;

package/base-modal/moderncssm/Component.js

@@ -32,7 +32,7 @@ const BaseModalContext = React.createContext({
     setHasFooter: () => null,
     onClose: () => null,
 });
-const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, }, ref) => {
+const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrapper', Backdrop: Backdrop$1 = Backdrop, backdropProps = {}, transitionProps = {}, disableBackdropClick, disableAutoFocus = false, disableFocusLock = false, disableEscapeKeyDown = false, disableRestoreFocus = false, disableBlockingScroll = false, keepMounted = false, className, contentClassName, wrapperProps, contentProps, componentDivProps, wrapperClassName, onBackdropClick, onClose, onEscapeKeyDown, onMount, onUnmount, dataTestId, zIndex = stackingOrder.MODAL, componentRef = null, usePortal = true, iOSLock = false, onWheel, }, ref) => {
     const [exited, setExited] = useState(null);
     const [hasScroll, setHasScroll] = useState(false);
     const [hasHeader, setHasHeader] = useState(false);
@@ -245,7 +245,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
                     ref,
                     wrapperRef,
                     wrapperProps?.ref,
-                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, tabIndex: -1, "data-test-id": dataTestId, style: {
+                ]), onKeyDown: handleKeyDown, onMouseDown: handleBackdropMouseDown, onMouseUp: handleBackdropMouseUp, onWheel: onWheel, tabIndex: -1, "data-test-id": dataTestId, style: {
                     zIndex: computedZIndex,
                 } },
                 React.createElement(CSSTransition, { appear: true, timeout: 200, classNames: styles, nodeRef: componentNodeRef, ...transitionProps, in: open, onEntered: handleEntered, onExited: handleExited },

package/calendar-input/components/calendar-input/Component.d.ts

@@ -146,7 +146,7 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Omit<DateInputProps
         onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
         yearsAmount?: number | undefined;
         scrollableContainer?: HTMLElement | undefined;
-    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "rangeComplete" | "responsive" | "onYearClick" | "showCurrentYearSelector" | "onPeriodClick" | "onMonthChange" | "defaultView" | "selectorView"> & Record<string, unknown>) | undefined;
+    } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Record<string, unknown>) | undefined;
     /**
      * Значение инпута (используется и для календаря)
      */

package/confirmation/components/screens/initial/component.js

@@ -10,7 +10,7 @@ var coreComponentsTypography = require('../../../../typography');
 var hooks = require('@alfalab/hooks');
 var context = require('../../../context.js');
 var components_header_component = require('../../header/component.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-bcbe6c2c.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-2211b3aa.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/confirmation/components/screens/initial/countdown-section.js

@@ -7,7 +7,7 @@ require('../../../../spinner');
 require('../../../../typography');
 require('../../../context.js');
 require('../../../utils.js');
-var components_screens_initial_countdownSection = require('../../../countdown-section-bcbe6c2c.js');
+var components_screens_initial_countdownSection = require('../../../countdown-section-2211b3aa.js');
 
 
 

package/confirmation/esm/component.responsive.js

@@ -17,7 +17,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-d29b1c80.js';
+import './countdown-section-8f1b59ac.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/components/base-confirmation/component.js

@@ -16,7 +16,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-d29b1c80.js';
+import '../../countdown-section-8f1b59ac.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/base-confirmation/index.js

@@ -14,7 +14,7 @@ import '../../../../code-input/esm/mobile';
 import '../../../../link/esm';
 import '../../../../typography/esm';
 import '../header/component.js';
-import '../../countdown-section-d29b1c80.js';
+import '../../countdown-section-8f1b59ac.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../screens/hint/component.js';

package/confirmation/esm/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/esm/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-d29b1c80.js';
+import '../../countdown-section-8f1b59ac.js';
 import '../../../../button/esm';
 import '../../../../spinner/esm';
 import '../countdown-loader/component.js';

package/confirmation/esm/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/esm';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-d29b1c80.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-8f1b59ac.js';
 import '../../../utils.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/esm';
 import '../../../../../spinner/esm';
 import '../../../../../typography/esm';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-d29b1c80.js';
+export { C as CountdownSection } from '../../../countdown-section-8f1b59ac.js';
 import '../../../utils.js';

package/confirmation/esm/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-d29b1c80.js';
+import '../../../countdown-section-8f1b59ac.js';
 import '../../../../../button/esm';
 import '../../../../../spinner/esm';

package/confirmation/esm/desktop/component.desktop.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/desktop/index.js

@@ -15,7 +15,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/index.js

@@ -17,7 +17,7 @@ import '../../code-input/esm/mobile';
 import '../../link/esm';
 import '../../typography/esm';
 import './components/header/component.js';
-import './countdown-section-d29b1c80.js';
+import './countdown-section-8f1b59ac.js';
 import '../../button/esm';
 import '../../spinner/esm';
 import './components/screens/hint/component.js';

package/confirmation/esm/mobile/component.mobile.js

@@ -14,7 +14,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/mobile/index.js

@@ -15,7 +15,7 @@ import '../../../code-input/esm/mobile';
 import '../../../link/esm';
 import '../../../typography/esm';
 import '../components/header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';
 import '../components/screens/hint/component.js';

package/confirmation/esm/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/esm';
 import '../../../typography/esm';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-d29b1c80.js';
+import '../countdown-section-8f1b59ac.js';
 import '../../../button/esm';
 import '../../../spinner/esm';

package/confirmation/modern/component.responsive.js

@@ -16,7 +16,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-cc3b35c1.js';
+import './countdown-section-80cb0e73.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/components/base-confirmation/component.js

@@ -15,7 +15,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-cc3b35c1.js';
+import '../../countdown-section-80cb0e73.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/base-confirmation/index.js

@@ -13,7 +13,7 @@ import '../../../../code-input/modern/mobile';
 import '../../../../link/modern';
 import '../../../../typography/modern';
 import '../header/component.js';
-import '../../countdown-section-cc3b35c1.js';
+import '../../countdown-section-80cb0e73.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../screens/hint/component.js';

package/confirmation/modern/components/index.js

@@ -14,6 +14,6 @@ import '@alfalab/hooks';
 import '../context.js';
 import '../utils.js';
 import './header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/confirmation/modern/components/screens/index.js

@@ -13,7 +13,7 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils.js';
 import '../header/component.js';
-import '../../countdown-section-cc3b35c1.js';
+import '../../countdown-section-80cb0e73.js';
 import '../../../../button/modern';
 import '../../../../spinner/modern';
 import '../countdown-loader/component.js';

package/confirmation/modern/components/screens/initial/component.js

@@ -8,7 +8,7 @@ import { Typography } from '../../../../../typography/modern';
 import { usePrevious, useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { ConfirmationContext } from '../../../context.js';
 import { Header } from '../../header/component.js';
-import { s as styles, C as CountdownSection } from '../../../countdown-section-cc3b35c1.js';
+import { s as styles, C as CountdownSection } from '../../../countdown-section-80cb0e73.js';
 import '../../../utils.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/components/screens/initial/countdown-section.js

@@ -4,5 +4,5 @@ import '../../../../../button/modern';
 import '../../../../../spinner/modern';
 import '../../../../../typography/modern';
 import '../../../context.js';
-export { C as CountdownSection } from '../../../countdown-section-cc3b35c1.js';
+export { C as CountdownSection } from '../../../countdown-section-80cb0e73.js';
 import '../../../utils.js';

package/confirmation/modern/components/screens/initial/index.js

@@ -10,6 +10,6 @@ import '@alfalab/hooks';
 import '../../../context.js';
 import '../../../utils.js';
 import '../../header/component.js';
-import '../../../countdown-section-cc3b35c1.js';
+import '../../../countdown-section-80cb0e73.js';
 import '../../../../../button/modern';
 import '../../../../../spinner/modern';

package/confirmation/modern/desktop/component.desktop.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/desktop/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/index.js

@@ -16,7 +16,7 @@ import '../../code-input/modern/mobile';
 import '../../link/modern';
 import '../../typography/modern';
 import './components/header/component.js';
-import './countdown-section-cc3b35c1.js';
+import './countdown-section-80cb0e73.js';
 import '../../button/modern';
 import '../../spinner/modern';
 import './components/screens/hint/component.js';

package/confirmation/modern/mobile/component.mobile.js

@@ -13,7 +13,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/mobile/index.js

@@ -14,7 +14,7 @@ import '../../../code-input/modern/mobile';
 import '../../../link/modern';
 import '../../../typography/modern';
 import '../components/header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';
 import '../components/screens/hint/component.js';

package/confirmation/modern/shared/index.js

@@ -15,6 +15,6 @@ import '../../../link/modern';
 import '../../../typography/modern';
 import '@alfalab/hooks';
 import '../components/header/component.js';
-import '../countdown-section-cc3b35c1.js';
+import '../countdown-section-80cb0e73.js';
 import '../../../button/modern';
 import '../../../spinner/modern';

package/drawer/Component.d.ts

@@ -19,6 +19,10 @@ type DrawerProps = Omit<BaseModalProps, 'container'> & {
      * Пропсы для анимации контента (CSSTransition)
      */
     contentTransitionProps?: Partial<TransitionProps>;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
 };
 declare const DrawerContext: React.Context<BaseModalContext>;
 declare const Drawer: React.ForwardRefExoticComponent<Omit<BaseModalProps, "container"> & {
@@ -36,5 +40,9 @@ declare const Drawer: React.ForwardRefExoticComponent<Omit<BaseModalProps, "cont
      * Пропсы для анимации контента (CSSTransition)
      */
     contentTransitionProps?: Partial<TransitionProps<undefined>> | undefined;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { ANIMATION_DURATION, DrawerProps, DrawerContext, Drawer };