@alfalab/core-components 48.9.0-beta.1 → 48.9.1

package/pure-cell/esm/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-9f2f9258";
+export * from "../../component-e9986f8a";

package/pure-cell/esm/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-9f2f9258.js';
+export { T as Text } from '../../component-e9986f8a.js';
 import 'tslib';
 import 'react';
 import 'react-merge-refs';

package/pure-cell/esm/index.js

@@ -1,4 +1,4 @@
-export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-9f2f9258.js';
+export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-e9986f8a.js';
 export { Comment } from '../../comment/esm';
 import 'tslib';
 import 'react';

package/pure-cell/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_addon_component = require('./component-39906d16.js');
+var components_addon_component = require('./component-ca4ad13e.js');
 var coreComponentsComment = require('../comment');
 
 

package/pure-cell/modern/component.js

@@ -3,7 +3,7 @@ import 'react-merge-refs';
 import 'classnames';
 export { Comment } from '../../comment/modern';
 import '@alfalab/hooks';
-export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, g as PureCellContext, T as Text } from './component-ef481b5a.js';
+export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, g as PureCellContext, T as Text } from './component-09fb491f.js';
 import '../../shared/modern';
 import '../../amount/modern';
 import '../../typography/modern';

package/pure-cell/modern/components/addon/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { c as Addon } from '../../component-ef481b5a.js';
+export { c as Addon } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/addon/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/addon/index.js

@@ -1,4 +1,4 @@
-export { c as Addon } from '../../component-ef481b5a.js';
+export { c as Addon } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/amount/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { A as Amount } from '../../component-ef481b5a.js';
+export { A as Amount } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/amount/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/amount/index.js

@@ -1,4 +1,4 @@
-export { A as Amount } from '../../component-ef481b5a.js';
+export { A as Amount } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/amount-title/component.js

@@ -3,7 +3,7 @@ import 'classnames';
 import '../../../../amount/modern';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { b as AmountTitle } from '../../component-ef481b5a.js';
+export { b as AmountTitle } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/amount-title/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/amount-title/index.js

@@ -1,4 +1,4 @@
-export { b as AmountTitle } from '../../component-ef481b5a.js';
+export { b as AmountTitle } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/category/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { e as Category } from '../../component-ef481b5a.js';
+export { e as Category } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/category/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/category/index.js

@@ -1,4 +1,4 @@
-export { e as Category } from '../../component-ef481b5a.js';
+export { e as Category } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/content/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { C as Content } from '../../component-ef481b5a.js';
+export { C as Content } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/content/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/content/index.js

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-ef481b5a.js';
+export { C as Content } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { F as Footer } from '../../component-ef481b5a.js';
+export { F as Footer } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/footer/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/footer/index.js

@@ -1,4 +1,4 @@
-export { F as Footer } from '../../component-ef481b5a.js';
+export { F as Footer } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-button/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../button/modern';
 import '../../../../shared/modern';
-export { d as FooterButton } from '../../component-ef481b5a.js';
+export { d as FooterButton } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-button/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/footer-button/index.js

@@ -1,4 +1,4 @@
-export { d as FooterButton } from '../../component-ef481b5a.js';
+export { d as FooterButton } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/footer-text/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { f as FooterText } from '../../component-ef481b5a.js';
+export { f as FooterText } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../comment/modern';

package/pure-cell/modern/components/footer-text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/footer-text/index.js

@@ -1,4 +1,4 @@
-export { f as FooterText } from '../../component-ef481b5a.js';
+export { f as FooterText } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/graphics/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { G as Graphics } from '../../component-ef481b5a.js';
+export { G as Graphics } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/graphics/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/graphics/index.js

@@ -1,4 +1,4 @@
-export { G as Graphics } from '../../component-ef481b5a.js';
+export { G as Graphics } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/main/component.js

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../shared/modern';
-export { M as Main } from '../../component-ef481b5a.js';
+export { M as Main } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/main/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/main/index.js

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-ef481b5a.js';
+export { M as Main } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/components/text/component.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../../../typography/modern';
-export { T as Text } from '../../component-ef481b5a.js';
+export { T as Text } from '../../component-09fb491f.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';

package/pure-cell/modern/components/text/index.d.ts

@@ -1 +1 @@
-export * from "../../component-ef481b5a";
+export * from "../../component-09fb491f";

package/pure-cell/modern/components/text/index.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-ef481b5a.js';
+export { T as Text } from '../../component-09fb491f.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-ef481b5a.js';
+export { c as Addon, A as Amount, b as AmountTitle, e as Category, C as Content, E as ExtraSubtitle, F as Footer, d as FooterButton, G as Graphics, M as Main, P as PureCell, a as PureCellComponent, T as Text } from './component-09fb491f.js';
 export { Comment } from '../../comment/modern';
 import 'react';
 import 'react-merge-refs';

package/scrollbar/Component.d.ts

@@ -51,14 +51,6 @@ type ScrollbarProps = {
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: (e: Event) => void;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Scrollbar: React.ForwardRefExoticComponent<{
     /**
@@ -110,13 +102,5 @@ declare const Scrollbar: React.ForwardRefExoticComponent<{
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string | undefined;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: ((e: Event) => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollbarProps, Scrollbar };

package/scrollbar/Component.js

@@ -873,7 +873,7 @@ function elementHasAbsPosChild(element) {
 }
 var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, verticalBarClassName = _a.verticalBarClassName, onContentScroll = _a.onContentScroll, htmlAttributes = tslib.__rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps", "verticalBarClassName", "onContentScroll"]);
+    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, htmlAttributes = tslib.__rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps"]);
     var elRef = React.useRef(null);
     var scrollableNodeRef = React.useRef(null);
     var contentNodeRef = React.useRef(null);
@@ -894,15 +894,9 @@ var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
                 scrollableNode: scrollableNodeRef.current,
                 contentNode: contentNodeRef.current,
             });
-            if (onContentScroll) {
-                instance.getScrollElement().addEventListener('scroll', onContentScroll);
-            }
         }
         return function () {
             if (instance) {
-                if (onContentScroll) {
-                    instance.getScrollElement().removeEventListener('scroll', onContentScroll);
-                }
                 instance.unMount();
                 instance = null;
             }
@@ -971,7 +965,7 @@ var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
             React__default.default.createElement("div", { className: classNames.placeholder })),
         React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.horizontal) },
             React__default.default.createElement("div", { className: classNames.scrollbar })),
-        React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.vertical, verticalBarClassName) },
+        React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.vertical) },
             React__default.default.createElement("div", { className: classNames.scrollbar }))));
 });
 Scrollbar.displayName = 'Scrollbar';

package/scrollbar/cssm/Component.d.ts

@@ -51,14 +51,6 @@ type ScrollbarProps = {
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: (e: Event) => void;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Scrollbar: React.ForwardRefExoticComponent<{
     /**
@@ -110,13 +102,5 @@ declare const Scrollbar: React.ForwardRefExoticComponent<{
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string | undefined;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: ((e: Event) => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollbarProps, Scrollbar };

package/scrollbar/cssm/Component.js

@@ -870,7 +870,7 @@ function elementHasAbsPosChild(element) {
 }
 var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, verticalBarClassName = _a.verticalBarClassName, onContentScroll = _a.onContentScroll, htmlAttributes = tslib.__rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps", "verticalBarClassName", "onContentScroll"]);
+    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, htmlAttributes = tslib.__rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps"]);
     var elRef = React.useRef(null);
     var scrollableNodeRef = React.useRef(null);
     var contentNodeRef = React.useRef(null);
@@ -891,15 +891,9 @@ var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
                 scrollableNode: scrollableNodeRef.current,
                 contentNode: contentNodeRef.current,
             });
-            if (onContentScroll) {
-                instance.getScrollElement().addEventListener('scroll', onContentScroll);
-            }
         }
         return function () {
             if (instance) {
-                if (onContentScroll) {
-                    instance.getScrollElement().removeEventListener('scroll', onContentScroll);
-                }
                 instance.unMount();
                 instance = null;
             }
@@ -968,7 +962,7 @@ var Scrollbar = React__default.default.forwardRef(function (_a, ref) {
             React__default.default.createElement("div", { className: classNames.placeholder })),
         React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.horizontal) },
             React__default.default.createElement("div", { className: classNames.scrollbar })),
-        React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.vertical, verticalBarClassName) },
+        React__default.default.createElement("div", { className: cn__default.default(classNames.track, classNames.vertical) },
             React__default.default.createElement("div", { className: classNames.scrollbar }))));
 });
 Scrollbar.displayName = 'Scrollbar';

package/scrollbar/esm/Component.d.ts

@@ -51,14 +51,6 @@ type ScrollbarProps = {
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: (e: Event) => void;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Scrollbar: React.ForwardRefExoticComponent<{
     /**
@@ -110,13 +102,5 @@ declare const Scrollbar: React.ForwardRefExoticComponent<{
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string | undefined;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: ((e: Event) => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollbarProps, Scrollbar };

package/scrollbar/esm/Component.js

@@ -861,7 +861,7 @@ function elementHasAbsPosChild(element) {
 }
 var Scrollbar = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, verticalBarClassName = _a.verticalBarClassName, onContentScroll = _a.onContentScroll, htmlAttributes = __rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps", "verticalBarClassName", "onContentScroll"]);
+    var _c = _a.colors, colors = _c === void 0 ? 'default' : _c, className = _a.className, children = _a.children, _d = _a.scrollableNodeProps, scrollableNodeProps = _d === void 0 ? { ref: null } : _d, _e = _a.contentNodeProps, contentNodeProps = _e === void 0 ? { ref: null } : _e, _f = _a.autoHide, autoHide = _f === void 0 ? true : _f, _g = _a.forceVisible, forceVisible = _g === void 0 ? false : _g, _h = _a.autoHideTimeout, autoHideTimeout = _h === void 0 ? 1000 : _h, _j = _a.clickOnTrack, clickOnTrack = _j === void 0 ? true : _j, _k = _a.horizontalAutoStretch, horizontalAutoStretch = _k === void 0 ? false : _k, _l = _a.widthPropName, widthPropName = _l === void 0 ? 'minWidth' : _l, maskProps = _a.maskProps, htmlAttributes = __rest(_a, ["colors", "className", "children", "scrollableNodeProps", "contentNodeProps", "autoHide", "forceVisible", "autoHideTimeout", "clickOnTrack", "horizontalAutoStretch", "widthPropName", "maskProps"]);
     var elRef = useRef(null);
     var scrollableNodeRef = useRef(null);
     var contentNodeRef = useRef(null);
@@ -882,15 +882,9 @@ var Scrollbar = React.forwardRef(function (_a, ref) {
                 scrollableNode: scrollableNodeRef.current,
                 contentNode: contentNodeRef.current,
             });
-            if (onContentScroll) {
-                instance.getScrollElement().addEventListener('scroll', onContentScroll);
-            }
         }
         return function () {
             if (instance) {
-                if (onContentScroll) {
-                    instance.getScrollElement().removeEventListener('scroll', onContentScroll);
-                }
                 instance.unMount();
                 instance = null;
             }
@@ -959,7 +953,7 @@ var Scrollbar = React.forwardRef(function (_a, ref) {
             React.createElement("div", { className: classNames.placeholder })),
         React.createElement("div", { className: cn(classNames.track, classNames.horizontal) },
             React.createElement("div", { className: classNames.scrollbar })),
-        React.createElement("div", { className: cn(classNames.track, classNames.vertical, verticalBarClassName) },
+        React.createElement("div", { className: cn(classNames.track, classNames.vertical) },
             React.createElement("div", { className: classNames.scrollbar }))));
 });
 Scrollbar.displayName = 'Scrollbar';

package/scrollbar/modern/Component.d.ts

@@ -51,14 +51,6 @@ type ScrollbarProps = {
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: (e: Event) => void;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Scrollbar: React.ForwardRefExoticComponent<{
     /**
@@ -110,13 +102,5 @@ declare const Scrollbar: React.ForwardRefExoticComponent<{
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string | undefined;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: ((e: Event) => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollbarProps, Scrollbar };

package/scrollbar/modern/Component.js

@@ -841,7 +841,7 @@ function elementHasAbsPosChild(element) {
     }
     return false;
 }
-const Scrollbar = React.forwardRef(({ colors = 'default', className, children, scrollableNodeProps = { ref: null }, contentNodeProps = { ref: null }, autoHide = true, forceVisible = false, autoHideTimeout = 1000, clickOnTrack = true, horizontalAutoStretch = false, widthPropName = 'minWidth', maskProps, verticalBarClassName, onContentScroll, ...htmlAttributes }, ref) => {
+const Scrollbar = React.forwardRef(({ colors = 'default', className, children, scrollableNodeProps = { ref: null }, contentNodeProps = { ref: null }, autoHide = true, forceVisible = false, autoHideTimeout = 1000, clickOnTrack = true, horizontalAutoStretch = false, widthPropName = 'minWidth', maskProps, ...htmlAttributes }, ref) => {
     const elRef = useRef(null);
     const scrollableNodeRef = useRef(null);
     const contentNodeRef = useRef(null);
@@ -862,15 +862,9 @@ const Scrollbar = React.forwardRef(({ colors = 'default', className, children, s
                 scrollableNode: scrollableNodeRef.current,
                 contentNode: contentNodeRef.current,
             });
-            if (onContentScroll) {
-                instance.getScrollElement().addEventListener('scroll', onContentScroll);
-            }
         }
         return () => {
             if (instance) {
-                if (onContentScroll) {
-                    instance.getScrollElement().removeEventListener('scroll', onContentScroll);
-                }
                 instance.unMount();
                 instance = null;
             }
@@ -941,7 +935,7 @@ const Scrollbar = React.forwardRef(({ colors = 'default', className, children, s
             React.createElement("div", { className: classNames.placeholder })),
         React.createElement("div", { className: cn(classNames.track, classNames.horizontal) },
             React.createElement("div", { className: classNames.scrollbar })),
-        React.createElement("div", { className: cn(classNames.track, classNames.vertical, verticalBarClassName) },
+        React.createElement("div", { className: cn(classNames.track, classNames.vertical) },
             React.createElement("div", { className: classNames.scrollbar }))));
 });
 Scrollbar.displayName = 'Scrollbar';

package/scrollbar/moderncssm/Component.d.ts

@@ -51,14 +51,6 @@ type ScrollbarProps = {
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: (e: Event) => void;
 } & HTMLAttributes<HTMLDivElement>;
 declare const Scrollbar: React.ForwardRefExoticComponent<{
     /**
@@ -110,13 +102,5 @@ declare const Scrollbar: React.ForwardRefExoticComponent<{
      * HTML-aтрибуты маски.
      */
     maskProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | undefined;
-    /**
-     * Дополнительный класс контейнера вертикальной полосы прокрутки
-     */
-    verticalBarClassName?: string | undefined;
-    /**
-     * Обработчик изменения скролла
-     */
-    onContentScroll?: ((e: Event) => void) | undefined;
 } & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollbarProps, Scrollbar };

package/scrollbar/moderncssm/Component.js

@@ -835,7 +835,7 @@ function elementHasAbsPosChild(element) {
     }
     return false;
 }
-const Scrollbar = React.forwardRef(({ colors = 'default', className, children, scrollableNodeProps = { ref: null }, contentNodeProps = { ref: null }, autoHide = true, forceVisible = false, autoHideTimeout = 1000, clickOnTrack = true, horizontalAutoStretch = false, widthPropName = 'minWidth', maskProps, verticalBarClassName, onContentScroll, ...htmlAttributes }, ref) => {
+const Scrollbar = React.forwardRef(({ colors = 'default', className, children, scrollableNodeProps = { ref: null }, contentNodeProps = { ref: null }, autoHide = true, forceVisible = false, autoHideTimeout = 1000, clickOnTrack = true, horizontalAutoStretch = false, widthPropName = 'minWidth', maskProps, ...htmlAttributes }, ref) => {
     const elRef = useRef(null);
     const scrollableNodeRef = useRef(null);
     const contentNodeRef = useRef(null);
@@ -856,15 +856,9 @@ const Scrollbar = React.forwardRef(({ colors = 'default', className, children, s
                 scrollableNode: scrollableNodeRef.current,
                 contentNode: contentNodeRef.current,
             });
-            if (onContentScroll) {
-                instance.getScrollElement().addEventListener('scroll', onContentScroll);
-            }
         }
         return () => {
             if (instance) {
-                if (onContentScroll) {
-                    instance.getScrollElement().removeEventListener('scroll', onContentScroll);
-                }
                 instance.unMount();
                 instance = null;
             }
@@ -935,7 +929,7 @@ const Scrollbar = React.forwardRef(({ colors = 'default', className, children, s
             React.createElement("div", { className: classNames.placeholder })),
         React.createElement("div", { className: cn(classNames.track, classNames.horizontal) },
             React.createElement("div", { className: classNames.scrollbar })),
-        React.createElement("div", { className: cn(classNames.track, classNames.vertical, verticalBarClassName) },
+        React.createElement("div", { className: cn(classNames.track, classNames.vertical) },
             React.createElement("div", { className: classNames.scrollbar }))));
 });
 Scrollbar.displayName = 'Scrollbar';