@alfalab/core-components 37.4.0-beta.0 → 37.4.0-beta.1

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

@@ -1,4 +1,4 @@
 export { Footer } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-77ab3dae.js';
+import '../../getDataTestId-3493b487.js';

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

@@ -1,7 +1,7 @@
-import { _ as __rest, a as __assign } from '../../tslib.es6-d73fdd9f.js';
+import { _ as __rest, a as __assign } from '../../tslib.es6-ae7785f8.js';
 import React from 'react';
 import { Button } from '../../../../button/esm';
-import { g as getDataTestId } from '../../getDataTestId-77ab3dae.js';
+import { g as getDataTestId } from '../../getDataTestId-3493b487.js';
 
 var styles = {"component":"pure-cell__component_ukkxm"};
 require('./index.css');

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

@@ -1,5 +1,5 @@
 export { FooterButton } from './component.js';
 import 'react';
 import '../../../../button/esm';
-import '../../tslib.es6-d73fdd9f.js';
-import '../../getDataTestId-77ab3dae.js';
+import '../../tslib.es6-ae7785f8.js';
+import '../../getDataTestId-3493b487.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Typography } from '../../../../typography/esm';
-import { g as getDataTestId } from '../../getDataTestId-77ab3dae.js';
+import { g as getDataTestId } from '../../getDataTestId-3493b487.js';
 
 var FooterText = function (_a) {
     var children = _a.children, _b = _a.color, color = _b === void 0 ? 'secondary' : _b, dataTestId = _a.dataTestId;

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

@@ -1,4 +1,4 @@
 export { FooterText } from './component.js';
 import 'react';
 import '../../../../typography/esm';
-import '../../getDataTestId-77ab3dae.js';
+import '../../getDataTestId-3493b487.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-77ab3dae.js';
+import { g as getDataTestId } from '../../getDataTestId-3493b487.js';
 
 var styles = {"component":"pure-cell__component_x1e6s","top":"pure-cell__top_x1e6s","center":"pure-cell__center_x1e6s","bottom":"pure-cell__bottom_x1e6s"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { Graphics } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-77ab3dae.js';
+import '../../getDataTestId-3493b487.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-export { M as Main } from '../../component-7bad58f7.js';
+export { M as Main } from '../../component-f7a06e8c.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
@@ -14,6 +14,6 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/esm';
 import '../graphics/component.js';
-import '../../tslib.es6-d73fdd9f.js';
-import '../../getDataTestId-77ab3dae.js';
+import '../../tslib.es6-ae7785f8.js';
+import '../../getDataTestId-3493b487.js';
 import '../footer-text/component.js';

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

@@ -1 +1 @@
-export * from "../../component-7bad58f7";
+export * from "../../component-f7a06e8c";

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

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-7bad58f7.js';
+export { M as Main } from '../../component-f7a06e8c.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,6 +14,6 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/esm';
 import '../graphics/component.js';
-import '../../tslib.es6-d73fdd9f.js';
-import '../../getDataTestId-77ab3dae.js';
+import '../../tslib.es6-ae7785f8.js';
+import '../../getDataTestId-3493b487.js';
 import '../footer-text/component.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { T as Text } from '../../component-7bad58f7.js';
+export { T as Text } from '../../component-f7a06e8c.js';
 import 'react-merge-refs';
 import '../../../../comment/esm';
 import '@alfalab/hooks';
@@ -14,6 +14,6 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/esm';
 import '../graphics/component.js';
-import '../../tslib.es6-d73fdd9f.js';
-import '../../getDataTestId-77ab3dae.js';
+import '../../tslib.es6-ae7785f8.js';
+import '../../getDataTestId-3493b487.js';
 import '../footer-text/component.js';

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

@@ -1 +1 @@
-export * from "../../component-7bad58f7";
+export * from "../../component-f7a06e8c";

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

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-7bad58f7.js';
+export { T as Text } from '../../component-f7a06e8c.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,6 +14,6 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/esm';
 import '../graphics/component.js';
-import '../../tslib.es6-d73fdd9f.js';
-import '../../getDataTestId-77ab3dae.js';
+import '../../tslib.es6-ae7785f8.js';
+import '../../getDataTestId-3493b487.js';
 import '../footer-text/component.js';

package/pure-cell/esm/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-7bad58f7.js';
+export { P as PureCell } from './component-f7a06e8c.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,6 +14,6 @@ import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../button/esm';
 import './components/graphics/component.js';
-import './tslib.es6-d73fdd9f.js';
-import './getDataTestId-77ab3dae.js';
+import './tslib.es6-ae7785f8.js';
+import './getDataTestId-3493b487.js';
 import './components/footer-text/component.js';

package/pure-cell/index.js

@@ -1,12 +1,12 @@
-var components_content_component = require('./component-e9b0a10b.js');
-require('./tslib.es6-1c58e169.js');
+var components_content_component = require('./component-d624a4a8.js');
+require('./tslib.es6-edb04fdd.js');
 require('react');
 require('react-merge-refs');
 require('classnames');
 require('../comment');
 require('@alfalab/hooks');
 require('./components/addon/component.js');
-require('./getDataTestId-5376db63.js');
+require('./getDataTestId-b8c0ec4f.js');
 require('./components/amount/component.js');
 require('../amount');
 require('../typography');

package/pure-cell/modern/{component-e2b2d20c.js → component-eeda9efa.js}

@@ -7,7 +7,7 @@ import { Addon } from './components/addon/component.js';
 import { Amount } from './components/amount/component.js';
 import { AmountTitle } from './components/amount-title/component.js';
 import { Category } from './components/category/component.js';
-import { g as getDataTestId } from './getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from './getDataTestId-39113273.js';
 import { Footer } from './components/footer/component.js';
 import { FooterButton } from './components/footer-button/component.js';
 import { FooterText } from './components/footer-text/component.js';

package/pure-cell/modern/component.js

@@ -7,12 +7,12 @@ import './components/addon/component.js';
 import './components/amount/component.js';
 import './components/amount-title/component.js';
 import './components/category/component.js';
-export { P as PureCell, a as PureCellContext } from './component-e2b2d20c.js';
+export { P as PureCell, a as PureCellContext } from './component-eeda9efa.js';
 import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../typography/modern';
 import './components/graphics/component.js';
 import '../../amount/modern';
 import '../../button/modern';
-import './getDataTestId-9fdb43b3.js';
+import './getDataTestId-39113273.js';
 import './components/footer-text/component.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_1g1rb","none":"pure-cell__none_1g1rb","default":"pure-cell__default_1g1rb","addonPadding":"pure-cell__addonPadding_1g1rb","top":"pure-cell__top_1g1rb","center":"pure-cell__center_1g1rb","bottom":"pure-cell__bottom_1g1rb"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { Addon } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount as Amount$1 } from '../../../../amount/modern';
 import { Typography } from '../../../../typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_6alsv"};
 require('./index.css');

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../amount/modern';
 import '../../../../typography/modern';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -2,7 +2,7 @@ import React from 'react';
 import cn from 'classnames';
 import { Amount } from '../../../../amount/modern';
 import { Typography } from '../../../../typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_12kj7","weight":"pure-cell__weight_12kj7"};
 require('./index.css');

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

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../amount/modern';
 import '../../../../typography/modern';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Typography } from '../../../../typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_i9oe4","categoryName":"pure-cell__categoryName_i9oe4","categoryPercent":"pure-cell__categoryPercent_i9oe4","rightAddon":"pure-cell__rightAddon_i9oe4"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { Category } from './component.js';
 import 'react';
 import '../../../../typography/modern';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-export { C as Content } from '../../component-e2b2d20c.js';
+export { C as Content } from '../../component-eeda9efa.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

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

@@ -1 +1 @@
-export * from "../../component-e2b2d20c";
+export * from "../../component-eeda9efa";

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

@@ -1,4 +1,4 @@
-export { C as Content } from '../../component-e2b2d20c.js';
+export { C as Content } from '../../component-eeda9efa.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_e1bzm","none":"pure-cell__none_e1bzm","default":"pure-cell__default_e1bzm"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { Footer } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Button } from '../../../../button/modern';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_ukkxm"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { FooterButton } from './component.js';
 import 'react';
 import '../../../../button/modern';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Typography } from '../../../../typography/modern';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const FooterText = ({ children, color = 'secondary', dataTestId }) => (React.createElement(Typography.Text, { view: 'primary-small', color: color, "data-test-id": getDataTestId(dataTestId, 'footer-title') }, children));
 

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

@@ -1,4 +1,4 @@
 export { FooterText } from './component.js';
 import 'react';
 import '../../../../typography/modern';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
-import { g as getDataTestId } from '../../getDataTestId-9fdb43b3.js';
+import { g as getDataTestId } from '../../getDataTestId-39113273.js';
 
 const styles = {"component":"pure-cell__component_x1e6s","top":"pure-cell__top_x1e6s","center":"pure-cell__center_x1e6s","bottom":"pure-cell__bottom_x1e6s"};
 require('./index.css');

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

@@ -1,4 +1,4 @@
 export { Graphics } from './component.js';
 import 'react';
 import 'classnames';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
-export { M as Main } from '../../component-e2b2d20c.js';
+export { M as Main } from '../../component-eeda9efa.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

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

@@ -1 +1 @@
-export * from "../../component-e2b2d20c";
+export * from "../../component-eeda9efa";

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

@@ -1,4 +1,4 @@
-export { M as Main } from '../../component-e2b2d20c.js';
+export { M as Main } from '../../component-eeda9efa.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

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

@@ -1,7 +1,7 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { T as Text } from '../../component-e2b2d20c.js';
+export { T as Text } from '../../component-eeda9efa.js';
 import 'react-merge-refs';
 import '../../../../comment/modern';
 import '@alfalab/hooks';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

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

@@ -1 +1 @@
-export * from "../../component-e2b2d20c";
+export * from "../../component-eeda9efa";

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

@@ -1,4 +1,4 @@
-export { T as Text } from '../../component-e2b2d20c.js';
+export { T as Text } from '../../component-eeda9efa.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,5 +14,5 @@ import '../footer/component.js';
 import '../footer-button/component.js';
 import '../../../../button/modern';
 import '../graphics/component.js';
-import '../../getDataTestId-9fdb43b3.js';
+import '../../getDataTestId-39113273.js';
 import '../footer-text/component.js';

package/pure-cell/modern/index.js

@@ -1,4 +1,4 @@
-export { P as PureCell } from './component-e2b2d20c.js';
+export { P as PureCell } from './component-eeda9efa.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';
@@ -14,5 +14,5 @@ import './components/footer/component.js';
 import './components/footer-button/component.js';
 import '../../button/modern';
 import './components/graphics/component.js';
-import './getDataTestId-9fdb43b3.js';
+import './getDataTestId-39113273.js';
 import './components/footer-text/component.js';

package/select/{Component-4a0f00e5.d.ts → Component-902c22f8.d.ts}

@@ -21,8 +21,8 @@ type AdditionalMobileProps = {
      */
     bottomSheetProps?: Partial<BottomSheetProps>;
 };
-type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll" | "visibleOptions"> & AdditionalMobileProps;
-declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "visibleOptions" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
+type SelectMobileProps = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & AdditionalMobileProps;
+declare const SelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<unknown>>;
 type SelectMobileProps$0 = Omit<BaseSelectProps, "Checkmark" | "onScroll"> & {
     /**
      * Футер
@@ -236,6 +236,6 @@ declare const Modal: React.ForwardRefExoticComponent<import("../base-modal").Bas
 } & React.RefAttributes<HTMLDivElement>>;
 declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 declare const ModalContext: import("react").Context<BaseModalContext>;
-type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll' | 'visibleOptions'>;
+type SelectModalMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'>;
 declare const SelectModalMobile: React.ForwardRefExoticComponent<SelectModalMobileProps & React.RefAttributes<unknown>>;
 export { AdditionalMobileProps, SelectMobileProps, SelectMobile, BaseSelectMobile, OptionsListWithApply, ModalMobile, Content, Modal, ResponsiveContext, ModalContext, SelectModalMobileProps, SelectModalMobile };

package/select/{Component-4a0f00e5.js → Component-902c22f8.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('./tslib.es6-c37aac9e.js');
 var React = require('react');
 var components_arrow_Component = require('./components/arrow/Component.js');
 var mergeRefs = require('react-merge-refs');
@@ -7,7 +7,7 @@ var downshift = require('downshift');
 var coreComponentsBottomSheet = require('../bottom-sheet');
 var mobile = require('../modal/mobile');
 require('./Component.js');
-var components_baseSelect_Component = require('./Component-6276339a.js');
+var components_baseSelect_Component = require('./Component-c28d8000.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');
@@ -18,7 +18,7 @@ require('@alfalab/hooks');
 var utils = require('./utils.js');
 var components_baseOption_Component = require('./components/base-option/Component.js');
 require('../skeleton');
-require('./intersection-observer-9e5235a0.js');
+require('./intersection-observer-2c89c05a.js');
 var coreComponentsButton = require('../button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
 require('../form-control');
@@ -148,7 +148,7 @@ function useSelectWithApply(_a) {
     };
 }
 
-var styles = {"component":"select__component_1pm5k","popoverInner":"select__popoverInner_1pm5k","sheet":"select__sheet_1pm5k","sheetContent":"select__sheetContent_1pm5k","sheetContainer":"select__sheetContainer_1pm5k","modal":"select__modal_1pm5k","optionsListWrapper":"select__optionsListWrapper_1pm5k","block":"select__block_1pm5k","option":"select__option_1pm5k","optionGroup":"select__optionGroup_1pm5k"};
+var styles = {"component":"select__component_1pm5k","popoverInner":"select__popoverInner_1pm5k","sheet":"select__sheet_1pm5k","sheetContent":"select__sheetContent_1pm5k","sheetContainer":"select__sheetContainer_1pm5k","block":"select__block_1pm5k","option":"select__option_1pm5k","optionGroup":"select__optionGroup_1pm5k"};
 require('./components/base-select-mobile/index.css');
 
 var VIRTUAL_OPTIONS_LIST_THRESHOLD = 30;
@@ -164,6 +164,7 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
     var itemToString = function (option) { return (option ? option.key : ''); };
     var _u = React.useMemo(function () { return utils.processOptions(options, selected); }, [options, selected]), flatOptions = _u.flatOptions, selectedOptions = _u.selectedOptions;
     var selectedOptionsRef = React.useRef(selectedOptions);
+    var scrollableContainerRef = React.useRef(null);
     var _v = React.useState(selectedOptions), selectedDraft = _v[0], setSelectedDraft = _v[1];
     var useMultipleSelectionProps = {
         itemToString: itemToString,
@@ -347,12 +348,12 @@ var BaseSelectMobile = React.forwardRef(function (_a, ref) {
                     : undefined,
             }, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'field') }, fieldProps)),
         name && renderValue(),
-        isBottomSheet ? (React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib_es6.__assign({ open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable }, bottomSheetProps),
-            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default.default(styles.optionsListWrapper, optionsListClassName) }),
-                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear }))))) : (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, className: styles.modal, contentClassName: styles.sheetContent, hasCloser: true },
+        isBottomSheet ? (React__default.default.createElement(coreComponentsBottomSheet.BottomSheet, tslib_es6.__assign({ open: open, onClose: handleClose, className: styles.sheet, contentClassName: styles.sheetContent, containerClassName: styles.sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable, scrollableContainerRef: scrollableContainerRef }, bottomSheetProps),
+            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
+                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef }))))) : (React__default.default.createElement(mobile.ModalMobile, { open: open, onClose: handleClose, contentClassName: styles.sheetContent, hasCloser: true, ref: scrollableContainerRef },
             React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: placeholder, sticky: true }),
-            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default.default(styles.optionsListWrapper, optionsListClassName) }),
-                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear })))))));
+            React__default.default.createElement("div", tslib_es6.__assign({}, menuProps, { className: optionsListClassName }),
+                React__default.default.createElement(OptionsListWithApply, tslib_es6.__assign({ showFooter: multiple }, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default.default(styles.optionGroup, optionGroupClassName), onApply: handleApply, onClear: handleClear, ref: scrollableContainerRef })))))));
 });
 
 var SelectMobile = React.forwardRef(function (_a, ref) {

package/select/{Component-6276339a.js → Component-c28d8000.js}

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('./tslib.es6-c37aac9e.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var resizeObserver = require('@juggle/resize-observer');

package/select/Component.js

@@ -1,7 +1,7 @@
-var tslib_es6 = require('./tslib.es6-6f11dc9c.js');
+var tslib_es6 = require('./tslib.es6-c37aac9e.js');
 var React = require('react');
 var components_arrow_Component = require('./components/arrow/Component.js');
-var components_baseSelect_Component = require('./Component-6276339a.js');
+var components_baseSelect_Component = require('./Component-c28d8000.js');
 var components_field_Component = require('./components/field/Component.js');
 var components_optgroup_Component = require('./components/optgroup/Component.js');
 var components_option_Component = require('./components/option/Component.js');