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

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-86d3deb3.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-86d3deb3.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-86d3deb3.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-86d3deb3.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-86d3deb3.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-86d3deb3.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-86d3deb3.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-86d3deb3.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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-aa58409e.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 };

package/drawer/Component.js

@@ -17,17 +17,25 @@ require('./index.css');
 var ANIMATION_DURATION = 600;
 var DrawerContext = coreComponentsBaseModal.BaseModalContext;
 var backdropProps = {
-    classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
-    },
+    /**
+     * FIXME
+     * Backdrop не принимает свойство classNames, и ломает передачу других пропсов в компонент (например свойство transparent передается, но не срабатывает)
+     * На данный момент отрабатывают дефолтные css-transition стили в самом компоненте backdrop
+     * Предположительно нужно передавать через transitionClassNames (но с ним тоже работает с артефактами, нужно исследовать проблему)
+     */
+    /*
+     * classNames: {
+     *     enter: styles.backdropEnter,
+     *     appear: styles.backdropEnter,
+     *     enterActive: styles.backdropEnterActive,
+     *     appearActive: styles.backdropEnterActive,
+     *     enterDone: styles.backdropEnterDone,
+     *     appearDone: styles.backdropEnterDone,
+     *     exit: styles.backdropExit,
+     *     exitActive: styles.backdropExitActive,
+     *     exitDone: styles.backdropExitDone,
+     * },
+     */
     timeout: ANIMATION_DURATION,
 };
 var contentProps = {
@@ -43,7 +51,7 @@ var contentProps = {
 };
 var Drawer = React.forwardRef(function (_a, ref) {
     var _b;
-    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement"]);
+    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, contentClassName = _a.contentClassName, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "contentClassName"]);
     var isRightPlacement = placement === 'right';
     var isLeftPlacement = placement === 'left';
     var transitionProps = React.useMemo(function () {
@@ -71,7 +79,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
             _b[styles.customScrollbar] = !nativeScrollbar,
             _b)), transitionProps: transitionProps, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), restProps.backdropProps) }),
         React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
-            React__default.default.createElement("div", { className: styles.content }, children))));
+            React__default.default.createElement("div", { className: cn__default.default(styles.content, contentClassName) }, children))));
 });
 Drawer.displayName = 'Drawer';
 

package/drawer/cssm/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 };

package/drawer/cssm/Component.js

@@ -16,17 +16,25 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var ANIMATION_DURATION = 600;
 var DrawerContext = coreComponentsBaseModal.BaseModalContext;
 var backdropProps = {
-    classNames: {
-        enter: styles__default.default.backdropEnter,
-        appear: styles__default.default.backdropEnter,
-        enterActive: styles__default.default.backdropEnterActive,
-        appearActive: styles__default.default.backdropEnterActive,
-        enterDone: styles__default.default.backdropEnterDone,
-        appearDone: styles__default.default.backdropEnterDone,
-        exit: styles__default.default.backdropExit,
-        exitActive: styles__default.default.backdropExitActive,
-        exitDone: styles__default.default.backdropExitDone,
-    },
+    /**
+     * FIXME
+     * Backdrop не принимает свойство classNames, и ломает передачу других пропсов в компонент (например свойство transparent передается, но не срабатывает)
+     * На данный момент отрабатывают дефолтные css-transition стили в самом компоненте backdrop
+     * Предположительно нужно передавать через transitionClassNames (но с ним тоже работает с артефактами, нужно исследовать проблему)
+     */
+    /*
+     * classNames: {
+     *     enter: styles.backdropEnter,
+     *     appear: styles.backdropEnter,
+     *     enterActive: styles.backdropEnterActive,
+     *     appearActive: styles.backdropEnterActive,
+     *     enterDone: styles.backdropEnterDone,
+     *     appearDone: styles.backdropEnterDone,
+     *     exit: styles.backdropExit,
+     *     exitActive: styles.backdropExitActive,
+     *     exitDone: styles.backdropExitDone,
+     * },
+     */
     timeout: ANIMATION_DURATION,
 };
 var contentProps = {
@@ -42,7 +50,7 @@ var contentProps = {
 };
 var Drawer = React.forwardRef(function (_a, ref) {
     var _b;
-    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement"]);
+    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, contentClassName = _a.contentClassName, restProps = tslib.__rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "contentClassName"]);
     var isRightPlacement = placement === 'right';
     var isLeftPlacement = placement === 'left';
     var transitionProps = React.useMemo(function () {
@@ -70,7 +78,7 @@ var Drawer = React.forwardRef(function (_a, ref) {
             _b[styles__default.default.customScrollbar] = !nativeScrollbar,
             _b)), transitionProps: transitionProps, backdropProps: tslib.__assign(tslib.__assign({}, backdropProps), restProps.backdropProps) }),
         React__default.default.createElement(reactTransitionGroup.CSSTransition, tslib.__assign({}, tslib.__assign(tslib.__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
-            React__default.default.createElement("div", { className: styles__default.default.content }, children))));
+            React__default.default.createElement("div", { className: cn__default.default(styles__default.default.content, contentClassName) }, children))));
 });
 Drawer.displayName = 'Drawer';
 

package/drawer/esm/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 };

package/drawer/esm/Component.js

@@ -10,17 +10,25 @@ require('./index.css');
 var ANIMATION_DURATION = 600;
 var DrawerContext = BaseModalContext;
 var backdropProps = {
-    classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
-    },
+    /**
+     * FIXME
+     * Backdrop не принимает свойство classNames, и ломает передачу других пропсов в компонент (например свойство transparent передается, но не срабатывает)
+     * На данный момент отрабатывают дефолтные css-transition стили в самом компоненте backdrop
+     * Предположительно нужно передавать через transitionClassNames (но с ним тоже работает с артефактами, нужно исследовать проблему)
+     */
+    /*
+     * classNames: {
+     *     enter: styles.backdropEnter,
+     *     appear: styles.backdropEnter,
+     *     enterActive: styles.backdropEnterActive,
+     *     appearActive: styles.backdropEnterActive,
+     *     enterDone: styles.backdropEnterDone,
+     *     appearDone: styles.backdropEnterDone,
+     *     exit: styles.backdropExit,
+     *     exitActive: styles.backdropExitActive,
+     *     exitDone: styles.backdropExitDone,
+     * },
+     */
     timeout: ANIMATION_DURATION,
 };
 var contentProps = {
@@ -36,7 +44,7 @@ var contentProps = {
 };
 var Drawer = forwardRef(function (_a, ref) {
     var _b;
-    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, restProps = __rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement"]);
+    var open = _a.open, className = _a.className, children = _a.children, contentTransitionProps = _a.contentTransitionProps, _c = _a.nativeScrollbar, nativeScrollbar = _c === void 0 ? true : _c, _d = _a.placement, placement = _d === void 0 ? 'right' : _d, contentClassName = _a.contentClassName, restProps = __rest(_a, ["open", "className", "children", "contentTransitionProps", "nativeScrollbar", "placement", "contentClassName"]);
     var isRightPlacement = placement === 'right';
     var isLeftPlacement = placement === 'left';
     var transitionProps = useMemo(function () {
@@ -64,7 +72,7 @@ var Drawer = forwardRef(function (_a, ref) {
             _b[styles.customScrollbar] = !nativeScrollbar,
             _b)), transitionProps: transitionProps, backdropProps: __assign(__assign({}, backdropProps), restProps.backdropProps) }),
         React.createElement(CSSTransition, __assign({}, __assign(__assign({}, contentProps), contentTransitionProps), { appear: true, in: open }),
-            React.createElement("div", { className: styles.content }, children))));
+            React.createElement("div", { className: cn(styles.content, contentClassName) }, children))));
 });
 Drawer.displayName = 'Drawer';
 

package/drawer/modern/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 };

package/drawer/modern/Component.js

@@ -9,17 +9,25 @@ require('./index.css');
 const ANIMATION_DURATION = 600;
 const DrawerContext = BaseModalContext;
 const backdropProps = {
-    classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
-    },
+    /**
+     * FIXME
+     * Backdrop не принимает свойство classNames, и ломает передачу других пропсов в компонент (например свойство transparent передается, но не срабатывает)
+     * На данный момент отрабатывают дефолтные css-transition стили в самом компоненте backdrop
+     * Предположительно нужно передавать через transitionClassNames (но с ним тоже работает с артефактами, нужно исследовать проблему)
+     */
+    /*
+     * classNames: {
+     *     enter: styles.backdropEnter,
+     *     appear: styles.backdropEnter,
+     *     enterActive: styles.backdropEnterActive,
+     *     appearActive: styles.backdropEnterActive,
+     *     enterDone: styles.backdropEnterDone,
+     *     appearDone: styles.backdropEnterDone,
+     *     exit: styles.backdropExit,
+     *     exitActive: styles.backdropExitActive,
+     *     exitDone: styles.backdropExitDone,
+     * },
+     */
     timeout: ANIMATION_DURATION,
 };
 const contentProps = {
@@ -33,7 +41,7 @@ const contentProps = {
     },
     timeout: ANIMATION_DURATION,
 };
-const Drawer = forwardRef(({ open, className, children, contentTransitionProps, nativeScrollbar = true, placement = 'right', ...restProps }, ref) => {
+const Drawer = forwardRef(({ open, className, children, contentTransitionProps, nativeScrollbar = true, placement = 'right', contentClassName, ...restProps }, ref) => {
     const isRightPlacement = placement === 'right';
     const isLeftPlacement = placement === 'left';
     const transitionProps = useMemo(() => {
@@ -64,7 +72,7 @@ const Drawer = forwardRef(({ open, className, children, contentTransitionProps,
             [styles.customScrollbar]: !nativeScrollbar,
         }), transitionProps: transitionProps, backdropProps: { ...backdropProps, ...restProps.backdropProps } },
         React.createElement(CSSTransition, { ...{ ...contentProps, ...contentTransitionProps }, appear: true, in: open },
-            React.createElement("div", { className: styles.content }, children))));
+            React.createElement("div", { className: cn(styles.content, contentClassName) }, children))));
 });
 Drawer.displayName = 'Drawer';
 

package/drawer/moderncssm/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 };

package/drawer/moderncssm/Component.js

@@ -7,17 +7,25 @@ import styles from './index.module.css';
 const ANIMATION_DURATION = 600;
 const DrawerContext = BaseModalContext;
 const backdropProps = {
-    classNames: {
-        enter: styles.backdropEnter,
-        appear: styles.backdropEnter,
-        enterActive: styles.backdropEnterActive,
-        appearActive: styles.backdropEnterActive,
-        enterDone: styles.backdropEnterDone,
-        appearDone: styles.backdropEnterDone,
-        exit: styles.backdropExit,
-        exitActive: styles.backdropExitActive,
-        exitDone: styles.backdropExitDone,
-    },
+    /**
+     * FIXME
+     * Backdrop не принимает свойство classNames, и ломает передачу других пропсов в компонент (например свойство transparent передается, но не срабатывает)
+     * На данный момент отрабатывают дефолтные css-transition стили в самом компоненте backdrop
+     * Предположительно нужно передавать через transitionClassNames (но с ним тоже работает с артефактами, нужно исследовать проблему)
+     */
+    /*
+     * classNames: {
+     *     enter: styles.backdropEnter,
+     *     appear: styles.backdropEnter,
+     *     enterActive: styles.backdropEnterActive,
+     *     appearActive: styles.backdropEnterActive,
+     *     enterDone: styles.backdropEnterDone,
+     *     appearDone: styles.backdropEnterDone,
+     *     exit: styles.backdropExit,
+     *     exitActive: styles.backdropExitActive,
+     *     exitDone: styles.backdropExitDone,
+     * },
+     */
     timeout: ANIMATION_DURATION,
 };
 const contentProps = {
@@ -31,7 +39,7 @@ const contentProps = {
     },
     timeout: ANIMATION_DURATION,
 };
-const Drawer = forwardRef(({ open, className, children, contentTransitionProps, nativeScrollbar = true, placement = 'right', ...restProps }, ref) => {
+const Drawer = forwardRef(({ open, className, children, contentTransitionProps, nativeScrollbar = true, placement = 'right', contentClassName, ...restProps }, ref) => {
     const isRightPlacement = placement === 'right';
     const isLeftPlacement = placement === 'left';
     const transitionProps = useMemo(() => {
@@ -62,7 +70,7 @@ const Drawer = forwardRef(({ open, className, children, contentTransitionProps,
             [styles.customScrollbar]: !nativeScrollbar,
         }), transitionProps: transitionProps, backdropProps: { ...backdropProps, ...restProps.backdropProps } },
         React.createElement(CSSTransition, { ...{ ...contentProps, ...contentTransitionProps }, appear: true, in: open },
-            React.createElement("div", { className: styles.content }, children))));
+            React.createElement("div", { className: cn(styles.content, contentClassName) }, children))));
 });
 Drawer.displayName = 'Drawer';
 

package/gallery/components/image-viewer/component.js

@@ -12,7 +12,7 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_slide = require('../../slide-29147dd4.js');
+var components_imageViewer_slide = require('../../slide-a04c5cc0.js');
 require('swiper/swiper.min.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }