@alfalab/core-components 48.26.0-beta.0 → 48.26.0

package/bank-card/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 10fks */
+/* hash: 52z3w */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
@@ -19,7 +19,8 @@
     --border-radius-12: var(--border-radius-l);
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */ /* deprecated */
-    --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */
+    --gap-s: 12px; /* deprecated */ /* deprecated */
+    --gap-m: 16px; /* deprecated */
     --gap-l: 20px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
@@ -29,12 +30,13 @@
     --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-12: var(--gap-s);
+    --gap-16: var(--gap-m);
     --gap-20: var(--gap-l);
 } :root {
     --font-family-styrene: 'Styrene UI', system-ui, -apple-system, 'Segoe UI', Roboto,
         'Helvetica Neue', Helvetica, sans-serif;
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_1nt6i {
+} /* сбрасывает синюю подсветку при нажатии */ .bank-card__component_c705g {
     /* TODO: как это будет собираться и работать в webView */
     --form-control-border-radius: 0;
     --form-control-border-bottom: 1px solid var(--color-light-neutral-translucent-700);
@@ -53,10 +55,10 @@
     max-width: 343px;
 
     font-family: var(--font-family-styrene);
-} .bank-card__aspectRatioContainer_1nt6i {
+} .bank-card__aspectRatioContainer_c705g {
     /* Эталонный размер 343x216 */
     padding-bottom: 63%;
-} .bank-card__content_1nt6i {
+} .bank-card__content_c705g {
     position: absolute;
     top: var(--gap-0);
     right: var(--gap-0);
@@ -68,26 +70,26 @@
     padding-right: var(--gap-20);
     border-radius: var(--border-radius-12);
     box-sizing: border-box;
-} .bank-card__label_1nt6i {
+} .bank-card__label_c705g {
     left: var(--gap-0);
     transform: translateY(-1px);
     color: var(--color-light-text-secondary);
     font-size: 20px;
     line-height: 24px
-} @media (max-width: 360px) { .bank-card__label_1nt6i {
+} @media (max-width: 360px) { .bank-card__label_c705g {
         font-size: 16px
 }
-    } .bank-card__focused_1nt6i .bank-card__label_1nt6i,
-.bank-card__filled_1nt6i .bank-card__label_1nt6i {
+    } .bank-card__focused_c705g .bank-card__label_c705g,
+.bank-card__filled_c705g .bank-card__label_c705g {
     color: var(--color-light-neutral-translucent-1300);
     transform: translateY(-19px) scale(0.6)
-} @media (max-width: 360px) { .bank-card__focused_1nt6i .bank-card__label_1nt6i,
-.bank-card__filled_1nt6i .bank-card__label_1nt6i {
+} @media (max-width: 360px) { .bank-card__focused_c705g .bank-card__label_c705g,
+.bank-card__filled_c705g .bank-card__label_c705g {
         transform: translateY(-22px) scale(0.75)
 }
-    } .bank-card__focused_1nt6i:before {
+    } .bank-card__focused_c705g:before {
     transform: scale(1) !important;
-} .bank-card__input_1nt6i {
+} .bank-card__input_c705g {
     font-size: 20px;
     line-height: 24px;
     font-weight: 400;
@@ -100,27 +102,25 @@
     /* TODO: обсудить с дизайнером, почему инпут не соответствует дизайн-системе, либо уменьшить каскад в form-control */
     padding-left: var(--gap-0) !important;
     padding-bottom: var(--gap-4) !important
-} @media (max-width: 360px) { .bank-card__input_1nt6i {
+} @media (max-width: 360px) { .bank-card__input_c705g {
         font-size: 16px
 }
-    } .bank-card__bankLogo_1nt6i {
+    } .bank-card__bankLogo_c705g {
     position: absolute;
-    top: var(--gap-20);
-    left: var(--gap-20)
-} .bank-card__bankLogo_1nt6i svg {
-        max-height: 32px;
-        width: auto;
+    top: var(--gap-16);
+    left: var(--gap-16)
+} .bank-card__bankLogo_c705g svg {
         display: block
-    } .bank-card__bankLogo_1nt6i svg g {
+    } .bank-card__bankLogo_c705g svg g {
             fill: var(--color-light-neutral-translucent-1300);
-        } .bank-card__brandLogo_1nt6i {
+        } .bank-card__brandLogo_c705g {
     position: absolute;
     bottom: var(--gap-20);
     right: var(--gap-20)
-} .bank-card__brandLogo_1nt6i svg {
+} .bank-card__brandLogo_c705g svg {
         display: block;
         fill: var(--color-light-neutral-translucent-1300);
-    } .bank-card__usePhoto_1nt6i {
+    } .bank-card__usePhoto_c705g {
     display: block;
     margin: var(--gap-0);
     padding: var(--gap-0);
@@ -137,7 +137,7 @@
 
     /* В макете иконка прилегает к правому краю поля, а по дизайн-системе там должен быть отступ */
     margin-right: calc(var(--gap-12) * -1)
-} .bank-card__usePhoto_1nt6i svg {
+} .bank-card__usePhoto_c705g svg {
         fill: var(--color-light-neutral-translucent-1300);
         display: block;
     }

package/bank-card/modern/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'classnames';
 import '../../masked-input/modern';
 import '@alfalab/icons-glyph/CameraMIcon';
-import '@alfalab/icons-logotype/AlfaBankLIcon';
+import '@alfalab/icons-logo/AlfaBankSignMIcon';
 import '@alfalab/icons-logotype/MastercardLIcon';
 import '@alfalab/icons-logotype/MirXxlIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';

package/bank-card/moderncssm/Component.js

@@ -1,8 +1,8 @@
-import React, { useState, useCallback, useEffect } from 'react';
+import React, { forwardRef, useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import { MaskedInput } from '../../masked-input/moderncssm';
 import { CameraMIcon } from '@alfalab/icons-glyph/CameraMIcon';
-import { AlfaBankLIcon } from '@alfalab/icons-logotype/AlfaBankLIcon';
+import { AlfaBankSignMIcon } from '@alfalab/icons-logo/AlfaBankSignMIcon';
 import { MastercardLIcon } from '@alfalab/icons-logotype/MastercardLIcon';
 import { MirXxlIcon } from '@alfalab/icons-logotype/MirXxlIcon';
 import { VisaXxlIcon } from '@alfalab/icons-logotype/VisaXxlIcon';
@@ -29,7 +29,7 @@ const getBrandIcon = (value = '') => {
     }
     return null;
 };
-const BankCard = React.forwardRef(({ bankLogo = React.createElement(AlfaBankLIcon, null), backgroundColor = '#EF3124', value, className, onUsePhoto, onChange, dataTestId, maskType = MaskTypeEnum.Default, inputLabel = getDefaultInputLabel(maskType), }, ref) => {
+const BankCard = forwardRef(({ bankLogo = React.createElement(AlfaBankSignMIcon, { width: 30, height: 40 }), backgroundColor = '#EF3124', value, className, onUsePhoto, onChange, dataTestId, maskType = MaskTypeEnum.Default, inputLabel = getDefaultInputLabel(maskType), }, ref) => {
     const uncontrolled = value === undefined;
     const [brandIcon, setBrandIcon] = useState(getBrandIcon(value));
     const getMask = useCallback((newValue) => {

package/bank-card/moderncssm/index.js

@@ -3,7 +3,7 @@ import 'react';
 import 'classnames';
 import '../../masked-input/moderncssm';
 import '@alfalab/icons-glyph/CameraMIcon';
-import '@alfalab/icons-logotype/AlfaBankLIcon';
+import '@alfalab/icons-logo/AlfaBankSignMIcon';
 import '@alfalab/icons-logotype/MastercardLIcon';
 import '@alfalab/icons-logotype/MirXxlIcon';
 import '@alfalab/icons-logotype/VisaXxlIcon';

package/bank-card/moderncssm/index.module.css

@@ -97,13 +97,11 @@
 
 .bankLogo {
     position: absolute;
-    top: var(--gap-20);
-    left: var(--gap-20)
+    top: var(--gap-16);
+    left: var(--gap-16)
 }
 
 .bankLogo svg {
-        max-height: 32px;
-        width: auto;
         display: block
     }
 

package/base-modal/Component.js

@@ -23,7 +23,7 @@ var FocusLock__default = /*#__PURE__*/_interopDefaultCompat(FocusLock);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"base-modal__component_2soq9","wrapper":"base-modal__wrapper_2soq9","content":"base-modal__content_2soq9","hasFooter":"base-modal__hasFooter_2soq9","hasHeader":"base-modal__hasHeader_2soq9","hidden":"base-modal__hidden_2soq9","backdrop":"base-modal__backdrop_2soq9","appear":"base-modal__appear_2soq9","enter":"base-modal__enter_2soq9","appearActive":"base-modal__appearActive_2soq9","enterActive":"base-modal__enterActive_2soq9","exit":"base-modal__exit_2soq9","exitActive":"base-modal__exitActive_2soq9","exitDone":"base-modal__exitDone_2soq9"};
+var styles = {"component":"base-modal__component_1t6fl","wrapper":"base-modal__wrapper_1t6fl","content":"base-modal__content_1t6fl","hasFooter":"base-modal__hasFooter_1t6fl","hasHeader":"base-modal__hasHeader_1t6fl","hidden":"base-modal__hidden_1t6fl","backdrop":"base-modal__backdrop_1t6fl","appear":"base-modal__appear_1t6fl","enter":"base-modal__enter_1t6fl","appearActive":"base-modal__appearActive_1t6fl","enterActive":"base-modal__enterActive_1t6fl","exit":"base-modal__exit_1t6fl","exitActive":"base-modal__exitActive_1t6fl","exitDone":"base-modal__exitDone_1t6fl"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/Component.js

@@ -15,7 +15,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/esm';
 
-var styles = {"component":"base-modal__component_2soq9","wrapper":"base-modal__wrapper_2soq9","content":"base-modal__content_2soq9","hasFooter":"base-modal__hasFooter_2soq9","hasHeader":"base-modal__hasHeader_2soq9","hidden":"base-modal__hidden_2soq9","backdrop":"base-modal__backdrop_2soq9","appear":"base-modal__appear_2soq9","enter":"base-modal__enter_2soq9","appearActive":"base-modal__appearActive_2soq9","enterActive":"base-modal__enterActive_2soq9","exit":"base-modal__exit_2soq9","exitActive":"base-modal__exitActive_2soq9","exitDone":"base-modal__exitDone_2soq9"};
+var styles = {"component":"base-modal__component_1t6fl","wrapper":"base-modal__wrapper_1t6fl","content":"base-modal__content_1t6fl","hasFooter":"base-modal__hasFooter_1t6fl","hasHeader":"base-modal__hasHeader_1t6fl","hidden":"base-modal__hidden_1t6fl","backdrop":"base-modal__backdrop_1t6fl","appear":"base-modal__appear_1t6fl","enter":"base-modal__enter_1t6fl","appearActive":"base-modal__appearActive_1t6fl","enterActive":"base-modal__enterActive_1t6fl","exit":"base-modal__exit_1t6fl","exitActive":"base-modal__exitActive_1t6fl","exitDone":"base-modal__exitDone_1t6fl"};
 require('./index.css');
 
 // eslint-disable-next-line @typescript-eslint/no-redeclare

package/base-modal/esm/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_2soq9 {
+} .base-modal__component_1t6fl {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_2soq9 {
+} .base-modal__wrapper_1t6fl {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_2soq9 {
+} .base-modal__content_1t6fl {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasFooter_2soq9 {
+} @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasFooter_1t6fl {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasHeader_2soq9 {
+        } @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasHeader_1t6fl {
             padding-top: unset
     }
-        } .base-modal__hidden_2soq9 {
+        } .base-modal__hidden_1t6fl {
     display: none;
-} .base-modal__backdrop_2soq9 {
+} .base-modal__backdrop_1t6fl {
     z-index: 0;
-} .base-modal__appear_2soq9,
-.base-modal__enter_2soq9 {
+} .base-modal__appear_1t6fl,
+.base-modal__enter_1t6fl {
     opacity: 0;
-} .base-modal__appearActive_2soq9,
-.base-modal__enterActive_2soq9 {
+} .base-modal__appearActive_1t6fl,
+.base-modal__enterActive_1t6fl {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_2soq9 {
+} .base-modal__exit_1t6fl {
     opacity: 1;
-} .base-modal__exitActive_2soq9,
-.base-modal__exitDone_2soq9 {
+} .base-modal__exitActive_1t6fl,
+.base-modal__exitDone_1t6fl {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_2soq9 {
+} .base-modal__component_1t6fl {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_2soq9 {
+} .base-modal__wrapper_1t6fl {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_2soq9 {
+} .base-modal__content_1t6fl {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasFooter_2soq9 {
+} @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasFooter_1t6fl {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasHeader_2soq9 {
+        } @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasHeader_1t6fl {
             padding-top: unset
     }
-        } .base-modal__hidden_2soq9 {
+        } .base-modal__hidden_1t6fl {
     display: none;
-} .base-modal__backdrop_2soq9 {
+} .base-modal__backdrop_1t6fl {
     z-index: 0;
-} .base-modal__appear_2soq9,
-.base-modal__enter_2soq9 {
+} .base-modal__appear_1t6fl,
+.base-modal__enter_1t6fl {
     opacity: 0;
-} .base-modal__appearActive_2soq9,
-.base-modal__enterActive_2soq9 {
+} .base-modal__appearActive_1t6fl,
+.base-modal__enterActive_1t6fl {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_2soq9 {
+} .base-modal__exit_1t6fl {
     opacity: 1;
-} .base-modal__exitActive_2soq9,
-.base-modal__exitDone_2soq9 {
+} .base-modal__exitActive_1t6fl,
+.base-modal__exitDone_1t6fl {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/base-modal/modern/Component.js

@@ -14,7 +14,7 @@ import { isScrolledToTop, isScrolledToBottom, handleContainer, restoreContainerS
 import './matches-polyfill.js';
 import '../../global-store/modern';
 
-const styles = {"component":"base-modal__component_2soq9","wrapper":"base-modal__wrapper_2soq9","content":"base-modal__content_2soq9","hasFooter":"base-modal__hasFooter_2soq9","hasHeader":"base-modal__hasHeader_2soq9","hidden":"base-modal__hidden_2soq9","backdrop":"base-modal__backdrop_2soq9","appear":"base-modal__appear_2soq9","enter":"base-modal__enter_2soq9","appearActive":"base-modal__appearActive_2soq9","enterActive":"base-modal__enterActive_2soq9","exit":"base-modal__exit_2soq9","exitActive":"base-modal__exitActive_2soq9","exitDone":"base-modal__exitDone_2soq9"};
+const styles = {"component":"base-modal__component_1t6fl","wrapper":"base-modal__wrapper_1t6fl","content":"base-modal__content_1t6fl","hasFooter":"base-modal__hasFooter_1t6fl","hasHeader":"base-modal__hasHeader_1t6fl","hidden":"base-modal__hidden_1t6fl","backdrop":"base-modal__backdrop_1t6fl","appear":"base-modal__appear_1t6fl","enter":"base-modal__enter_1t6fl","appearActive":"base-modal__appearActive_1t6fl","enterActive":"base-modal__enterActive_1t6fl","exit":"base-modal__exit_1t6fl","exitActive":"base-modal__exitActive_1t6fl","exitDone":"base-modal__exitDone_1t6fl"};
 require('./index.css');
 
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */

package/base-modal/modern/index.css

@@ -29,13 +29,13 @@
     margin-top: calc(var(--window-inner-scrollY) * -1);
     position: fixed;
     overflow: hidden;
-} .base-modal__component_2soq9 {
+} .base-modal__component_1t6fl {
     position: relative;
     box-sizing: border-box;
     background: var(--color-light-modal-bg-primary);
     margin: auto;
     flex-shrink: 0;
-} .base-modal__wrapper_2soq9 {
+} .base-modal__wrapper_1t6fl {
     position: fixed;
     top: var(--gap-0);
     left: var(--gap-0);
@@ -48,33 +48,33 @@
     align-items: center;
     outline: 0;
     overscroll-behavior: none;
-} .base-modal__content_2soq9 {
+} .base-modal__content_1t6fl {
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     flex: 1
-} @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasFooter_2soq9 {
+} @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasFooter_1t6fl {
             padding-bottom: unset
     }
-        } @media (display-mode: standalone) { .base-modal__content_2soq9.base-modal__hasHeader_2soq9 {
+        } @media (display-mode: standalone) { .base-modal__content_1t6fl.base-modal__hasHeader_1t6fl {
             padding-top: unset
     }
-        } .base-modal__hidden_2soq9 {
+        } .base-modal__hidden_1t6fl {
     display: none;
-} .base-modal__backdrop_2soq9 {
+} .base-modal__backdrop_1t6fl {
     z-index: 0;
-} .base-modal__appear_2soq9,
-.base-modal__enter_2soq9 {
+} .base-modal__appear_1t6fl,
+.base-modal__enter_1t6fl {
     opacity: 0;
-} .base-modal__appearActive_2soq9,
-.base-modal__enterActive_2soq9 {
+} .base-modal__appearActive_1t6fl,
+.base-modal__enterActive_1t6fl {
     opacity: 1;
     transition: opacity 200ms ease-in;
-} .base-modal__exit_2soq9 {
+} .base-modal__exit_1t6fl {
     opacity: 1;
-} .base-modal__exitActive_2soq9,
-.base-modal__exitDone_2soq9 {
+} .base-modal__exitActive_1t6fl,
+.base-modal__exitDone_1t6fl {
     opacity: 0;
     transition: opacity 200ms ease-out;
 }

package/bottom-sheet/component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"modal":"bottom-sheet__modal_1xixh","wrapper":"bottom-sheet__wrapper_1xixh","fullscreen":"bottom-sheet__fullscreen_1xixh","component":"bottom-sheet__component_1xixh","withTransition":"bottom-sheet__withTransition_1xixh","scrollableContainer":"bottom-sheet__scrollableContainer_1xixh","marker":"bottom-sheet__marker_1xixh","defaultMarker":"bottom-sheet__defaultMarker_1xixh","content":"bottom-sheet__content_1xixh","noHeader":"bottom-sheet__noHeader_1xixh","noFooter":"bottom-sheet__noFooter_1xixh","scrollLocked":"bottom-sheet__scrollLocked_1xixh","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1xixh","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1xixh","appear":"bottom-sheet__appear_1xixh","enter":"bottom-sheet__enter_1xixh","appearActive":"bottom-sheet__appearActive_1xixh","enterActive":"bottom-sheet__enterActive_1xixh","enterDone":"bottom-sheet__enterDone_1xixh","appearDone":"bottom-sheet__appearDone_1xixh","exit":"bottom-sheet__exit_1xixh","exitActive":"bottom-sheet__exitActive_1xixh","safeAreaBottom":"bottom-sheet__safeAreaBottom_1xixh","background-accent":"bottom-sheet__background-accent_1xixh","background-info":"bottom-sheet__background-info_1xixh","background-attention-muted":"bottom-sheet__background-attention-muted_1xixh","background-positive-muted":"bottom-sheet__background-positive-muted_1xixh","background-negative-muted":"bottom-sheet__background-negative-muted_1xixh","background-primary":"bottom-sheet__background-primary_1xixh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1xixh","background-secondary":"bottom-sheet__background-secondary_1xixh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1xixh","background-tertiary":"bottom-sheet__background-tertiary_1xixh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1xixh","background-quaternary":"bottom-sheet__background-quaternary_1xixh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1xixh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1xixh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1xixh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1xixh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1xixh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1xixh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1xixh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1xixh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1xixh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1xixh"};
+var styles = {"modal":"bottom-sheet__modal_qrm3k","wrapper":"bottom-sheet__wrapper_qrm3k","fullscreen":"bottom-sheet__fullscreen_qrm3k","component":"bottom-sheet__component_qrm3k","withTransition":"bottom-sheet__withTransition_qrm3k","scrollableContainer":"bottom-sheet__scrollableContainer_qrm3k","marker":"bottom-sheet__marker_qrm3k","defaultMarker":"bottom-sheet__defaultMarker_qrm3k","content":"bottom-sheet__content_qrm3k","noHeader":"bottom-sheet__noHeader_qrm3k","noFooter":"bottom-sheet__noFooter_qrm3k","scrollLocked":"bottom-sheet__scrollLocked_qrm3k","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_qrm3k","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_qrm3k","appear":"bottom-sheet__appear_qrm3k","enter":"bottom-sheet__enter_qrm3k","appearActive":"bottom-sheet__appearActive_qrm3k","enterActive":"bottom-sheet__enterActive_qrm3k","enterDone":"bottom-sheet__enterDone_qrm3k","appearDone":"bottom-sheet__appearDone_qrm3k","exit":"bottom-sheet__exit_qrm3k","exitActive":"bottom-sheet__exitActive_qrm3k","safeAreaBottom":"bottom-sheet__safeAreaBottom_qrm3k","background-accent":"bottom-sheet__background-accent_qrm3k","background-info":"bottom-sheet__background-info_qrm3k","background-attention-muted":"bottom-sheet__background-attention-muted_qrm3k","background-positive-muted":"bottom-sheet__background-positive-muted_qrm3k","background-negative-muted":"bottom-sheet__background-negative-muted_qrm3k","background-primary":"bottom-sheet__background-primary_qrm3k","background-primary-inverted":"bottom-sheet__background-primary-inverted_qrm3k","background-secondary":"bottom-sheet__background-secondary_qrm3k","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_qrm3k","background-tertiary":"bottom-sheet__background-tertiary_qrm3k","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_qrm3k","background-quaternary":"bottom-sheet__background-quaternary_qrm3k","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_qrm3k","background-specialbg-component":"bottom-sheet__background-specialbg-component_qrm3k","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_qrm3k","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_qrm3k","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_qrm3k","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_qrm3k","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_qrm3k","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_qrm3k","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_qrm3k","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_qrm3k"};
 require('./index.css');
 
 var isNil = coreComponentsShared.fnUtils.isNil;
@@ -31,8 +31,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
     var _g, _h;
     var open = _a.open, title = _a.title, container = _a.container, usePortal = _a.usePortal, backgroundColor = _a.backgroundColor, _j = _a.titleSize, titleSize = _j === void 0 ? 'default' : _j, subtitle = _a.subtitle, actionButton = _a.actionButton, contentClassName = _a.contentClassName, containerClassName = _a.containerClassName, containerProps = _a.containerProps, headerClassName = _a.headerClassName, footerClassName = _a.footerClassName, addonClassName = _a.addonClassName, closerClassName = _a.closerClassName, backerClassName = _a.backerClassName, modalClassName = _a.modalClassName, modalWrapperClassName = _a.modalWrapperClassName, className = _a.className, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, bottomAddons = _a.bottomAddons, hasCloser = _a.hasCloser, hasBacker = _a.hasBacker, _k = _a.titleAlign, titleAlign = _k === void 0 ? 'left' : _k, trimTitle = _a.trimTitle, stickyHeader = _a.stickyHeader, _l = _a.stickyFooter, stickyFooter = _l === void 0 ? true : _l, _m = _a.initialHeight, initialHeight = _m === void 0 ? 'default' : _m, hideOverlay = _a.hideOverlay, hideScrollbar = _a.hideScrollbar, hideHeader = _a.hideHeader, disableOverlayClick = _a.disableOverlayClick, disableBlockingScroll = _a.disableBlockingScroll, disableFocusLock = _a.disableFocusLock, children = _a.children, zIndex = _a.zIndex, _o = _a.transitionProps, transitionProps = _o === void 0 ? {} : _o, magneticAreasProp = _a.magneticAreas, initialActiveAreaIndex = _a.initialActiveAreaIndex, dataTestId = _a.dataTestId, _p = _a.swipeable, swipeable = _p === void 0 ? true : _p, _q = _a.swipeableContent, swipeableContent = _q === void 0 ? true : _q, _r = _a.swipeThreshold, swipeThreshold = _r === void 0 ? 5 : _r, scrollLockedProp = _a.scrollLocked, backdropProps = _a.backdropProps, _s = _a.scrollableContainerRef, scrollableContainerRef = _s === void 0 ? function () { return null; } : _s, bottomSheetInstanceRef = _a.bottomSheetInstanceRef, _t = _a.sheetContainerRef, sheetContainerRef = _t === void 0 ? function () { return null; } : _t, _u = _a.headerOffset, headerOffset = _u === void 0 ? 24 : _u, _v = _a.adjustContainerHeight, adjustContainerHeight = _v === void 0 ? adjustContainerHeightDefault : _v, onClose = _a.onClose, onBack = _a.onBack, onMagnetize = _a.onMagnetize, onSwipeStart = _a.onSwipeStart, onSwipeEnd = _a.onSwipeEnd, disableRestoreFocus = _a.disableRestoreFocus, disableAutoFocus = _a.disableAutoFocus, disableEscapeKeyDown = _a.disableEscapeKeyDown, keepMounted = _a.keepMounted, onMagnetizeEnd = _a.onMagnetizeEnd, onOffsetChange = _a.onOffsetChange, swipeableMarker = _a.swipeableMarker, swipeableMarkerClassName = _a.swipeableMarkerClassName, backButtonProps = _a.backButtonProps, _w = _a.iOSLock, iOSLock = _w === void 0 ? false : _w, _x = _a.virtualKeyboard, virtualKeyboard = _x === void 0 ? false : _x;
     var windowHeight = (_g = reactDiv100vh.use100vh()) !== null && _g !== void 0 ? _g : 0;
-    var visibleViewportSize = hooks_useVisualviewportSize.useVisibleViewportSize(virtualKeyboard);
-    var fullHeight = virtualKeyboard ? (_h = visibleViewportSize === null || visibleViewportSize === void 0 ? void 0 : visibleViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
+    var visualViewportSize = hooks_useVisualviewportSize.useVisualViewportSize();
+    var fullHeight = virtualKeyboard ? (_h = visualViewportSize === null || visualViewportSize === void 0 ? void 0 : visualViewportSize.height) !== null && _h !== void 0 ? _h : 0 : windowHeight;
     // Хук use100vh рассчитывает высоту вьюпорта в useEffect, поэтому на первый рендер всегда возвращает null.
     var isFirstRender = fullHeight === 0;
     fullHeight = adjustContainerHeight(fullHeight);
@@ -363,8 +363,8 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
             ? "".concat(lastMagneticArea, "px")
             : 'unset',
         maxHeight: isFirstRender ? 0 : "".concat(lastMagneticArea, "px"),
-        marginBottom: virtualKeyboard && visibleViewportSize && windowHeight > visibleViewportSize.height
-            ? windowHeight - visibleViewportSize.height - visibleViewportSize.offsetTop
+        marginBottom: virtualKeyboard && visualViewportSize && windowHeight > visualViewportSize.height
+            ? windowHeight - visualViewportSize.height - visualViewportSize.offsetTop
             : undefined,
     }); };
     var renderMarker = function () {

package/bottom-sheet/components/footer/Component.js

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"footer":"bottom-sheet__footer_1ktsh","sticky":"bottom-sheet__sticky_1ktsh","highlighted":"bottom-sheet__highlighted_1ktsh","background-accent":"bottom-sheet__background-accent_1ktsh","background-info":"bottom-sheet__background-info_1ktsh","background-attention-muted":"bottom-sheet__background-attention-muted_1ktsh","background-positive-muted":"bottom-sheet__background-positive-muted_1ktsh","background-negative-muted":"bottom-sheet__background-negative-muted_1ktsh","background-primary":"bottom-sheet__background-primary_1ktsh","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ktsh","background-secondary":"bottom-sheet__background-secondary_1ktsh","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ktsh","background-tertiary":"bottom-sheet__background-tertiary_1ktsh","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ktsh","background-quaternary":"bottom-sheet__background-quaternary_1ktsh","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ktsh","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ktsh","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ktsh","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ktsh","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ktsh","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ktsh","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ktsh","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ktsh","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ktsh","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ktsh"};
+var styles = {"footer":"bottom-sheet__footer_346ij","sticky":"bottom-sheet__sticky_346ij","highlighted":"bottom-sheet__highlighted_346ij","background-accent":"bottom-sheet__background-accent_346ij","background-info":"bottom-sheet__background-info_346ij","background-attention-muted":"bottom-sheet__background-attention-muted_346ij","background-positive-muted":"bottom-sheet__background-positive-muted_346ij","background-negative-muted":"bottom-sheet__background-negative-muted_346ij","background-primary":"bottom-sheet__background-primary_346ij","background-primary-inverted":"bottom-sheet__background-primary-inverted_346ij","background-secondary":"bottom-sheet__background-secondary_346ij","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_346ij","background-tertiary":"bottom-sheet__background-tertiary_346ij","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_346ij","background-quaternary":"bottom-sheet__background-quaternary_346ij","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_346ij","background-specialbg-component":"bottom-sheet__background-specialbg-component_346ij","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_346ij","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_346ij","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_346ij","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_346ij","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_346ij","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_346ij","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_346ij","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_346ij"};
 require('./index.css');
 
 var Footer = function (_a) {

package/bottom-sheet/components/footer/index.css

@@ -1,4 +1,4 @@
-/* hash: c4mby */
+/* hash: ekj34 */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -55,58 +55,58 @@
     /* footer */
     --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
     --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__footer_1ktsh {
+} .bottom-sheet__footer_346ij {
     padding: var(--gap-16) var(--gap-16);
     background-color: var(--color-light-modal-bg-primary);
-} .bottom-sheet__sticky_1ktsh {
+} .bottom-sheet__sticky_346ij {
     position: sticky;
     bottom: var(--gap-0);
     z-index: 1;
-} .bottom-sheet__highlighted_1ktsh {
+} .bottom-sheet__highlighted_346ij {
     border-top: var(--bottom-sheet-footer-border-top);
     background-color: var(--bottom-sheet-footer-background-color);
-} .bottom-sheet__background-accent_1ktsh {
+} .bottom-sheet__background-accent_346ij {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_1ktsh {
+        } .bottom-sheet__background-info_346ij {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_1ktsh {
+        } .bottom-sheet__background-attention-muted_346ij {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_1ktsh {
+        } .bottom-sheet__background-positive-muted_346ij {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_1ktsh {
+        } .bottom-sheet__background-negative-muted_346ij {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_1ktsh {
+        } .bottom-sheet__background-primary_346ij {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_1ktsh {
+        } .bottom-sheet__background-primary-inverted_346ij {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_1ktsh {
+        } .bottom-sheet__background-secondary_346ij {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_1ktsh {
+        } .bottom-sheet__background-secondary-inverted_346ij {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_1ktsh {
+        } .bottom-sheet__background-tertiary_346ij {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_1ktsh {
+        } .bottom-sheet__background-tertiary-inverted_346ij {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_1ktsh {
+        } .bottom-sheet__background-quaternary_346ij {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_1ktsh {
+        } .bottom-sheet__background-quaternary-inverted_346ij {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_1ktsh {
+        } .bottom-sheet__background-specialbg-component_346ij {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_1ktsh {
+        } .bottom-sheet__background-specialbg-component-inverted_346ij {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_1ktsh {
+        } .bottom-sheet__background-specialbg-primary-grouped_346ij {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_1ktsh {
+        } .bottom-sheet__background-specialbg-secondary-grouped_346ij {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_1ktsh {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_346ij {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_1ktsh {
+        } .bottom-sheet__background-specialbg-secondary-transparent_346ij {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ktsh {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_346ij {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_1ktsh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_346ij {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ktsh {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_346ij {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/components/header/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"headerWrapper":"bottom-sheet__headerWrapper_yeb6n","hasContent":"bottom-sheet__hasContent_yeb6n","header":"bottom-sheet__header_yeb6n","sticky":"bottom-sheet__sticky_yeb6n","highlighted":"bottom-sheet__highlighted_yeb6n","justifyEnd":"bottom-sheet__justifyEnd_yeb6n","addon":"bottom-sheet__addon_yeb6n","addonFixed":"bottom-sheet__addonFixed_yeb6n","title":"bottom-sheet__title_yeb6n","titleCenter":"bottom-sheet__titleCenter_yeb6n","titleLeft":"bottom-sheet__titleLeft_yeb6n","trimTitle":"bottom-sheet__trimTitle_yeb6n"};
+var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1fpt9","hasContent":"bottom-sheet__hasContent_1fpt9","header":"bottom-sheet__header_1fpt9","sticky":"bottom-sheet__sticky_1fpt9","highlighted":"bottom-sheet__highlighted_1fpt9","justifyEnd":"bottom-sheet__justifyEnd_1fpt9","addon":"bottom-sheet__addon_1fpt9","addonFixed":"bottom-sheet__addonFixed_1fpt9","title":"bottom-sheet__title_1fpt9","titleCenter":"bottom-sheet__titleCenter_1fpt9","titleLeft":"bottom-sheet__titleLeft_1fpt9","trimTitle":"bottom-sheet__trimTitle_1fpt9"};
 require('./index.css');
 
 var Header = function (_a) {