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

package/tabs/modern/components/secondary-tablist/Component.responsive.js

@@ -6,7 +6,7 @@ import 'classnames';
 import '../../../../tag/modern';
 import '../scrollable-container/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-b88c2858.js';
+import '../../index.module-026027fb.js';
 import './Component.js';
 import '../../hooks/use-tabs.js';
 

package/tabs/modern/components/tabs/Component.desktop.js

@@ -11,9 +11,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-1efd6f70.js';
+import '../../index.module-fe882010.js';
 import '../../../../tag/modern';
-import '../../index.module-b88c2858.js';
+import '../../index.module-026027fb.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.mobile.js

@@ -11,9 +11,9 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-1efd6f70.js';
+import '../../index.module-fe882010.js';
 import '../../../../tag/modern';
-import '../../index.module-b88c2858.js';
+import '../../index.module-026027fb.js';
 import '../primary-tablist/Component.js';
 import '../../hooks/use-tablist-titles.js';
 import '../../hooks/use-collapsible-elements.js';

package/tabs/modern/components/tabs/Component.responsive.js

@@ -11,10 +11,10 @@ import '@juggle/resize-observer';
 import '../scrollable-container/Component.js';
 import '../title/Component.js';
 import 'compute-scroll-into-view';
-import '../../index.module-1efd6f70.js';
+import '../../index.module-fe882010.js';
 import '../primary-tablist/Component.mobile.js';
 import '../../../../tag/modern';
-import '../../index.module-b88c2858.js';
+import '../../index.module-026027fb.js';
 import '../secondary-tablist/Component.mobile.js';
 import '../primary-tablist/Component.desktop.js';
 import '../primary-tablist/Component.js';

package/tabs/modern/desktop.js

@@ -14,9 +14,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-1efd6f70.js';
+import './index.module-fe882010.js';
 import '../../tag/modern';
-import './index.module-b88c2858.js';
+import './index.module-026027fb.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './synthetic-events.js';

package/tabs/modern/index-7ca84eff.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactNode, FC } from "react";
+import { HTMLAttributes, ReactNode, RefObject, FC } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { SwipeableHandlers } from "react-swipeable/types";
@@ -150,6 +150,10 @@ type BottomSheetProps = {
      * Свойства для Бэкдропа
      */
     backdropProps?: BaseModalProps["backdropProps"];
+    /**
+     * Реф на контейнер, в котором происходит скролл
+     */
+    scrollableContainerRef?: RefObject<HTMLElement>;
     /**
      * Обработчик закрытия
      */

package/tabs/modern/index.js

@@ -13,10 +13,10 @@ import '../../picker-button/modern/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-1efd6f70.js';
+import './index.module-fe882010.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/modern';
-import './index.module-b88c2858.js';
+import './index.module-026027fb.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/modern/mobile.js

@@ -13,9 +13,9 @@ import '@alfalab/hooks';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-1efd6f70.js';
+import './index.module-fe882010.js';
 import '../../tag/modern';
-import './index.module-b88c2858.js';
+import './index.module-026027fb.js';
 import './components/primary-tablist/Component.js';
 import './hooks/use-tablist-titles.js';
 import './hooks/use-collapsible-elements.js';

package/tabs/modern/responsive.js

@@ -14,10 +14,10 @@ import '../../picker-button/modern/desktop';
 import '@juggle/resize-observer';
 import './components/title/Component.js';
 import 'compute-scroll-into-view';
-import './index.module-1efd6f70.js';
+import './index.module-fe882010.js';
 import './components/primary-tablist/Component.mobile.js';
 import '../../tag/modern';
-import './index.module-b88c2858.js';
+import './index.module-026027fb.js';
 import './components/secondary-tablist/Component.mobile.js';
 import './components/primary-tablist/Component.desktop.js';
 import './components/primary-tablist/Component.js';

package/tabs/responsive.js

@@ -5,7 +5,7 @@ var components_tab_Component = require('./components/tab/Component.js');
 var components_tabs_Component_responsive = require('./components/tabs/Component.responsive.js');
 var hooks_useTabs = require('./hooks/use-tabs.js');
 var hooks_useCollapsibleElements = require('./hooks/use-collapsible-elements.js');
-require('./tslib.es6-52df3112.js');
+require('./tslib.es6-54350d06.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/primary-tablist/Component.desktop.js');
@@ -19,12 +19,12 @@ require('@juggle/resize-observer');
 require('./synthetic-events.js');
 require('./components/title/Component.js');
 require('compute-scroll-into-view');
-require('./index.module-9cb0ede8.js');
+require('./index.module-f50171a8.js');
 require('./components/primary-tablist/Component.mobile.js');
 require('./components/secondary-tablist/Component.desktop.js');
 require('./components/secondary-tablist/Component.js');
 require('../tag');
-require('./index.module-4009bf70.js');
+require('./index.module-4e8ce96d.js');
 require('./components/secondary-tablist/Component.mobile.js');
 require('./components/tabs/Component.js');
 

package/tabs/synthetic-events.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-52df3112.js');
+var tslib_es6 = require('./tslib.es6-54350d06.js');
 
 var createSyntheticEvent = function (event) {
     var isDefaultPrevented = false;

package/themes/compiled/mobile-dark-bluetint.css

@@ -3,6 +3,25 @@
 }
 .card-image__loaded_1p5wy {
     background: transparent
+}.backdrop__backdrop_bygag {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_bygag,
+.backdrop__enter_bygag {
+    background-color: transparent;
+}
+.backdrop__appearActive_bygag,
+.backdrop__enterActive_bygag,
+.backdrop__appearDone_bygag,
+.backdrop__enterDone_bygag {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_bygag {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_bygag,
+.backdrop__exitDone_bygag {
+    background-color: transparent;
 }.badge__component_3z9ip {
     background-color: #ef3124;
     color: #000;
@@ -76,25 +95,6 @@
     }
 .badge__dot_3z9ip.badge__outlineCount_3z9ip {
     border: 1px solid #121212;
-}.backdrop__backdrop_bygag {
-    -webkit-tap-highlight-color: transparent;
-}
-.backdrop__appear_bygag,
-.backdrop__enter_bygag {
-    background-color: transparent;
-}
-.backdrop__appearActive_bygag,
-.backdrop__enterActive_bygag,
-.backdrop__appearDone_bygag,
-.backdrop__enterDone_bygag {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exit_bygag {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exitActive_bygag,
-.backdrop__exitDone_bygag {
-    background-color: transparent;
 }.checkbox-group__error_19nrj {
     border-left: 1px solid #f15045;
 }
@@ -106,6 +106,8 @@
 }
 .checkbox-group__hint_19nrj {
     color: rgba(235, 235, 245, 0.6);
+}.divider__component_rp7cq {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_q0xts {
     color: #000;
     background-color: #000;
@@ -194,8 +196,6 @@
     background-color: #000;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_rp7cq {
-    border-bottom: 1px solid #2b2b2e;
 }.dropzone__component_1mgu9 {
     border: 2px dashed #464649;
 }
@@ -366,6 +366,7 @@
     }
 @media (min-width: 1920px) {
     }
+
 @media (max-width: 599px) {
     }
 @media (min-width: 360px) {
@@ -389,8 +390,7 @@
 @media (min-width: 1440px) {
     }
 @media (min-width: 1920px) {
-    }
-.icon-view__component_s9rxj {
+    }.icon-view__component_s9rxj {
     color: rgba(235, 235, 245, 0.6);
 }
 .icon-view__bg_s9rxj {

package/themes/dist/compiled/mobile-dark-bluetint.css

@@ -3,6 +3,25 @@
 }
 .card-image__loaded_1p5wy {
     background: transparent
+}.backdrop__backdrop_bygag {
+    -webkit-tap-highlight-color: transparent;
+}
+.backdrop__appear_bygag,
+.backdrop__enter_bygag {
+    background-color: transparent;
+}
+.backdrop__appearActive_bygag,
+.backdrop__enterActive_bygag,
+.backdrop__appearDone_bygag,
+.backdrop__enterDone_bygag {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exit_bygag {
+    background-color: rgba(0, 0, 0, 0.8);
+}
+.backdrop__exitActive_bygag,
+.backdrop__exitDone_bygag {
+    background-color: transparent;
 }.badge__component_3z9ip {
     background-color: #ef3124;
     color: #000;
@@ -76,25 +95,6 @@
     }
 .badge__dot_3z9ip.badge__outlineCount_3z9ip {
     border: 1px solid #121212;
-}.backdrop__backdrop_bygag {
-    -webkit-tap-highlight-color: transparent;
-}
-.backdrop__appear_bygag,
-.backdrop__enter_bygag {
-    background-color: transparent;
-}
-.backdrop__appearActive_bygag,
-.backdrop__enterActive_bygag,
-.backdrop__appearDone_bygag,
-.backdrop__enterDone_bygag {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exit_bygag {
-    background-color: rgba(0, 0, 0, 0.8);
-}
-.backdrop__exitActive_bygag,
-.backdrop__exitDone_bygag {
-    background-color: transparent;
 }.checkbox-group__error_19nrj {
     border-left: 1px solid #f15045;
 }
@@ -106,6 +106,8 @@
 }
 .checkbox-group__hint_19nrj {
     color: rgba(235, 235, 245, 0.6);
+}.divider__component_rp7cq {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_q0xts {
     color: #000;
     background-color: #000;
@@ -194,8 +196,6 @@
     background-color: #000;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-}.divider__component_rp7cq {
-    border-bottom: 1px solid #2b2b2e;
 }.dropzone__component_1mgu9 {
     border: 2px dashed #464649;
 }
@@ -366,6 +366,7 @@
     }
 @media (min-width: 1920px) {
     }
+
 @media (max-width: 599px) {
     }
 @media (min-width: 360px) {
@@ -389,8 +390,7 @@
 @media (min-width: 1440px) {
     }
 @media (min-width: 1920px) {
-    }
-.icon-view__component_s9rxj {
+    }.icon-view__component_s9rxj {
     color: rgba(235, 235, 245, 0.6);
 }
 .icon-view__bg_s9rxj {
@@ -2128,6 +2128,43 @@
 }
 .file-upload-item__errorWrapper_jbwsp {
     color: #ef3124
+}.bottom-sheet__modal_ex71y {
+    background-color: transparent;
+}
+.bottom-sheet__component_ex71y {
+    background: #121212;
+}
+.bottom-sheet__marker_ex71y {
+    background-color: #2a2a2c;
+}
+.bottom-sheet__content_ex71y {
+    color: #fff;
+    background-color: #121212;
+}
+.bottom-sheet__backer_1nbdj {
+    color: #fff;
+}
+.bottom-sheet__button_1nbdj {
+    background: rgba(255, 255, 255, 0.03);
+}
+.bottom-sheet__closer_g3uz3 {
+    color: #fff;
+}
+.bottom-sheet__button_g3uz3 {
+    background: rgba(255, 255, 255, 0.03);
+}
+.bottom-sheet__footer_1ykmx {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_1ykmx {
+    border-top: 1px solid #2b2b2e;
+    background-color: #121212;
+}
+.bottom-sheet__headerWrapper_kcjgq {
+    background-color: #121212;
+}
+.bottom-sheet__highlighted_kcjgq {
+    border-bottom: 1px solid #2b2b2e;
 }.filter-tag__component_1roaq.filter-tag__disabled_1roaq {
         background-color: rgba(32, 32, 34, 0.3);
     }
@@ -2201,44 +2238,7 @@
 .filter-tag__clear_1roaq:active {
         background-color: rgb(194, 195, 196);
         color: #000;
-    }.bottom-sheet__modal_ex71y {
-    background-color: transparent;
-}
-.bottom-sheet__component_ex71y {
-    background: #121212;
-}
-.bottom-sheet__marker_ex71y {
-    background-color: #2a2a2c;
-}
-.bottom-sheet__content_ex71y {
-    color: #fff;
-    background-color: #121212;
-}
-.bottom-sheet__backer_1nbdj {
-    color: #fff;
-}
-.bottom-sheet__button_1nbdj {
-    background: rgba(255, 255, 255, 0.03);
-}
-.bottom-sheet__closer_g3uz3 {
-    color: #fff;
-}
-.bottom-sheet__button_g3uz3 {
-    background: rgba(255, 255, 255, 0.03);
-}
-.bottom-sheet__footer_1ykmx {
-    background-color: #121212;
-}
-.bottom-sheet__highlighted_1ykmx {
-    border-top: 1px solid #2b2b2e;
-    background-color: #121212;
-}
-.bottom-sheet__headerWrapper_kcjgq {
-    background-color: #121212;
-}
-.bottom-sheet__highlighted_kcjgq {
-    border-bottom: 1px solid #2b2b2e;
-}
+    }
 
 
 .modal__button_111nj {
@@ -2367,35 +2367,7 @@
 .side-panel__sticky_9eiwa.side-panel__hasContent_9eiwa {
         background: #121212;
     }
-.bank-card__component_mokx9 {
-    --form-control-bg-color: transparent;
-    --form-control-focus-shadow: transparent;
-    --form-control-hover-bg-color: transparent;
-    --form-control-focus-bg-color: transparent;
-}
-.bank-card__label_mokx9 {
-    color: rgba(0, 0, 0, 0.6)
-}
-.bank-card__focused_mokx9 .bank-card__label_mokx9,
-.bank-card__filled_mokx9 .bank-card__label_mokx9 {
-    color: #000
-}
-.bank-card__input_mokx9 {
-    color: #000;
-    caret-color: #000
-}
-.bank-card__bankLogo_mokx9 svg g {
-            fill: #000;
-        }
-.bank-card__brandLogo_mokx9 svg {
-        fill: #000;
-    }
-.bank-card__usePhoto_mokx9 {
-    background-color: transparent
-}
-.bank-card__usePhoto_mokx9 svg {
-        fill: #000;
-    }.tooltip__hint_8npv5 {
+.tooltip__hint_8npv5 {
     background-color: #fff;
     box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16),
         0 8px 16px rgba(11, 31, 53, 0.16);
@@ -2423,22 +2395,7 @@
 .tooltip__hint_1o1t9 .tooltip__arrow_1o1t9:after {
     background-color: #121212;
 }
-.toast__toastPlate_odg54 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-}
-.toast__popoverInner_odg54 {
-    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
-    background-color: transparent;
-}.amount-input__minorPartAndCurrency_101vj {
-    color: rgba(235, 235, 245, 0.6);
-}
-.amount-input__filled_1pi50 .amount-input__input_1pi50,
-.amount-input__input_1pi50:focus {
-    -webkit-text-fill-color: transparent;
-}
-.amount-input__minorPartAndCurrency_1ul5o {
-    color: rgba(60, 60, 67, 0.6);
-}
+
 .calendar__wrapper_ia84b {
     background: #121212;
 }
@@ -2571,7 +2528,35 @@
                 color: #000;
             }
 @media (max-width: 374px) {
-        }.select__arrow_1uvqh {
+        }.bank-card__component_mokx9 {
+    --form-control-bg-color: transparent;
+    --form-control-focus-shadow: transparent;
+    --form-control-hover-bg-color: transparent;
+    --form-control-focus-bg-color: transparent;
+}
+.bank-card__label_mokx9 {
+    color: rgba(0, 0, 0, 0.6)
+}
+.bank-card__focused_mokx9 .bank-card__label_mokx9,
+.bank-card__filled_mokx9 .bank-card__label_mokx9 {
+    color: #000
+}
+.bank-card__input_mokx9 {
+    color: #000;
+    caret-color: #000
+}
+.bank-card__bankLogo_mokx9 svg g {
+            fill: #000;
+        }
+.bank-card__brandLogo_mokx9 svg {
+        fill: #000;
+    }
+.bank-card__usePhoto_mokx9 {
+    background-color: transparent
+}
+.bank-card__usePhoto_mokx9 svg {
+        fill: #000;
+    }.select__arrow_1uvqh {
     color: #fff;
 }
 
@@ -2686,7 +2671,21 @@
 }
 .select__withBorder_hr9jx {
     box-shadow: inset 0 1px 0 #262629;
-}@media (min-width: 600px) {
+}.toast__toastPlate_odg54 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+}
+.toast__popoverInner_odg54 {
+    box-shadow: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
+    background-color: transparent;
+}.amount-input__minorPartAndCurrency_101vj {
+    color: rgba(235, 235, 245, 0.6);
+}
+.amount-input__filled_1pi50 .amount-input__input_1pi50,
+.amount-input__input_1pi50:focus {
+    -webkit-text-fill-color: transparent;
+}
+.amount-input__minorPartAndCurrency_1ul5o {
+    color: rgba(60, 60, 67, 0.6);
 }.gallery__modal_romdw {
     background: transparent;
 }
@@ -2744,10 +2743,11 @@
 }
 .gallery__component_4f4dz {
     background-color: #e9e9eb
-}.calendar-with-skeleton__skeleton_4fkqf {
-    background-color: #121212;
 }.calendar-input__calendarIcon_1120j {
     color: #fff
+}.calendar-with-skeleton__skeleton_4fkqf {
+    background-color: #121212;
+}@media (min-width: 600px) {
 }
 
 .input-autocomplete__placeholder_143xn {
@@ -2781,7 +2781,10 @@
 }
 .select-with-tags__placeholder_72hp6 {
     color: rgba(235, 235, 245, 0.3);
-}.table__component_17tvl {
+}
+.calendar-range__component_1ohku:after {
+        background-color: #fff;
+    }.table__component_17tvl {
     border-top: 1px solid #2b2b2e;
 }
 .table__wrapper_1affi {
@@ -2836,10 +2839,7 @@
 .table__open_1msss,
 .table__open_1msss:hover {
     background-color: rgba(255, 255, 255, 0.163);
-}
-.calendar-range__component_1ohku:after {
-        background-color: #fff;
-    }.intl-phone-input__emptyCountryIcon_16d2o {
+}.intl-phone-input__emptyCountryIcon_16d2o {
     color: #8d8d93;
 }
 .intl-phone-input__flagPlaceholder_891x3 {

package/tooltip/Component.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-e7af3407.js');
+var Component = require('./Component-cb2ca6c1.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/tooltip/component.responsive.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-e7af3407.js');
+var Component = require('./Component-cb2ca6c1.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBottomSheet = require('../bottom-sheet');

package/tooltip/desktop.d.ts

@@ -1 +1 @@
-export * from "./Component-e7af3407";
+export * from "./Component-cb2ca6c1";

package/tooltip/desktop.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-e7af3407.js');
+var Component = require('./Component-cb2ca6c1.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/tooltip/esm/Component.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-b09bd3f8.js';
+export { T as TooltipDesktop } from './Component-f19c0a09.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/component.responsive.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-b09bd3f8.js';
+import { _ as __rest, a as __assign, T as TooltipDesktop } from './Component-f19c0a09.js';
 import React, { Fragment } from 'react';
 import cn from 'classnames';
 import { BottomSheet } from '../../bottom-sheet/esm';

package/tooltip/esm/desktop.d.ts

@@ -1 +1 @@
-export * from "./Component-b09bd3f8";
+export * from "./Component-f19c0a09";

package/tooltip/esm/desktop.js

@@ -1,4 +1,4 @@
-export { T as TooltipDesktop } from './Component-b09bd3f8.js';
+export { T as TooltipDesktop } from './Component-f19c0a09.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/esm/index.js

@@ -1,4 +1,4 @@
-export { T as Tooltip } from './Component-b09bd3f8.js';
+export { T as Tooltip } from './Component-f19c0a09.js';
 export { TooltipResponsive } from './component.responsive.js';
 import 'react';
 import 'react-merge-refs';

package/tooltip/esm/responsive.js

@@ -1,5 +1,5 @@
 export { TooltipResponsive } from './component.responsive.js';
-import './Component-b09bd3f8.js';
+import './Component-f19c0a09.js';
 import 'react';
 import 'react-merge-refs';
 import 'classnames';

package/tooltip/index.js

@@ -1,4 +1,4 @@
-var Component = require('./Component-e7af3407.js');
+var Component = require('./Component-cb2ca6c1.js');
 var component_responsive = require('./component.responsive.js');
 require('react');
 require('react-merge-refs');

package/tooltip/responsive.js

@@ -1,5 +1,5 @@
 var component_responsive = require('./component.responsive.js');
-require('./Component-e7af3407.js');
+require('./Component-cb2ca6c1.js');
 require('react');
 require('react-merge-refs');
 require('classnames');