@alfalab/core-components 48.36.0 → 48.36.1

package/bottom-sheet/modern/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: b3zuh */
+/* hash: ce2gf */
 :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-300: #e7e8eb; /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -41,45 +41,45 @@
     --bottom-sheet-title-font-family: var(--font-family-system);
 
     /* footer */
-} .bottom-sheet__headerBase_yvzuo {
+} .bottom-sheet__headerBase_1kquv {
     border-top-left-radius: inherit;
     border-top-right-radius: inherit;
     z-index: 1;
-} .bottom-sheet__headerWrapper_yvzuo {
+} .bottom-sheet__headerWrapper_1kquv {
     padding: var(--gap-12) var(--gap-8) var(--gap-4);
-} .bottom-sheet__headerWrapperWithoutSwipeMarker_yvzuo {
+} .bottom-sheet__headerWrapperWithoutSwipeMarker_1kquv {
     padding: var(--gap-8) var(--gap-8) var(--gap-4);
-} .bottom-sheet__hasContent_yvzuo {
+} .bottom-sheet__hasContent_1kquv {
     background-color: inherit;
-} .bottom-sheet__header_yvzuo {
+} .bottom-sheet__header_1kquv {
     display: flex;
-} .bottom-sheet__sticky_yvzuo {
+} .bottom-sheet__sticky_1kquv {
     position: sticky;
     top: var(--gap-0);
-} .bottom-sheet__highlighted_yvzuo {
+} .bottom-sheet__highlighted_1kquv {
     border-bottom: var(--bottom-sheet-header-border-bottom);
-} .bottom-sheet__justifyEnd_yvzuo {
+} .bottom-sheet__justifyEnd_1kquv {
     justify-content: flex-end;
-} .bottom-sheet__addon_yvzuo {
+} .bottom-sheet__addon_1kquv {
     display: flex;
     justify-content: center;
     align-items: center;
     min-width: 48px;
     height: 48px;
-} .bottom-sheet__addonFixed_yvzuo {
+} .bottom-sheet__addonFixed_1kquv {
     position: fixed;
-} .bottom-sheet__title_yvzuo {
+} .bottom-sheet__title_1kquv {
     padding: 10px var(--gap-8);
     width: 100%;
     font-size: var(--bottom-sheet-title-font-size);
     font-weight: var(--bottom-sheet-title-font-weight);
     line-height: var(--bottom-sheet-title-line-height);
     font-family: var(--bottom-sheet-title-font-family);
-} .bottom-sheet__titleCenter_yvzuo {
+} .bottom-sheet__titleCenter_1kquv {
     text-align: center;
-} .bottom-sheet__titleLeft_yvzuo {
+} .bottom-sheet__titleLeft_1kquv {
     text-align: left;
-} .bottom-sheet__trimTitle_yvzuo {
+} .bottom-sheet__trimTitle_1kquv {
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

package/bottom-sheet/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: ub7rp */
+/* hash: 198de */
 :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;
@@ -66,27 +66,27 @@
     /* header */
 
     /* footer */
-} .bottom-sheet__modal_19msl {
+} .bottom-sheet__modal_1b6dr {
     bottom: var(--gap-0);
     width: 100%;
     max-width: 600px;
     pointer-events: none;
     touch-action: none;
-} .bottom-sheet__modal_19msl.bottom-sheet__modal_19msl {
+} .bottom-sheet__modal_1b6dr.bottom-sheet__modal_1b6dr {
     background-color: transparent;
     position: fixed;
-} .bottom-sheet__wrapper_19msl {
+} .bottom-sheet__wrapper_1b6dr {
     transform: translateY(100%);
     pointer-events: none;
     touch-action: none;
     border-top-right-radius: var(--bottom-sheet-top-radius);
     border-top-left-radius: var(--bottom-sheet-top-radius);
     transition: border-radius 0.3s ease;
-} .bottom-sheet__outerClassName_19msl {
+} .bottom-sheet__outerClassName_1b6dr {
     pointer-events: all;
-} .bottom-sheet__fullscreen_19msl {
+} .bottom-sheet__fullscreen_1b6dr {
     border-radius: 0;
-} .bottom-sheet__component_19msl {
+} .bottom-sheet__component_1b6dr {
     position: relative;
     display: flex;
     flex-direction: column;
@@ -97,9 +97,9 @@
 
     /* фикс: при включённом padding маркер может визуально "улетать" наверх */
     transform: translate(0, 0);
-} .bottom-sheet__withTransition_19msl {
+} .bottom-sheet__withTransition_1b6dr {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_19msl {
+} .bottom-sheet__scrollableContainer_1b6dr {
     overflow: auto;
     display: flex;
     flex-direction: column;
@@ -108,7 +108,7 @@
     background-color: inherit;
     border-radius: inherit;
     overscroll-behavior: contain;
-} .bottom-sheet__marker_19msl {
+} .bottom-sheet__marker_1b6dr {
     position: fixed;
     top: var(--gap-4);
     right: var(--gap-0);
@@ -116,11 +116,11 @@
     z-index: 1000;
     width: 36px;
     margin: var(--gap-0) auto;
-} .bottom-sheet__defaultMarker_19msl {
+} .bottom-sheet__defaultMarker_1b6dr {
     height: 4px;
     border-radius: var(--border-radius-20);
     background-color: var(--color-light-neutral-translucent-300);
-} .bottom-sheet__content_19msl {
+} .bottom-sheet__content_1b6dr {
     position: relative;
     z-index: 0;
     display: flex;
@@ -130,75 +130,75 @@
     color: var(--color-light-text-primary);
     background-color: inherit;
     border-radius: inherit;
-} .bottom-sheet__noHeader_19msl {
+} .bottom-sheet__noHeader_1b6dr {
     padding-top: var(--gap-16);
-} .bottom-sheet__noFooter_19msl {
+} .bottom-sheet__noFooter_1b6dr {
     padding-bottom: var(--gap-16);
-} .bottom-sheet__scrollLocked_19msl {
+} .bottom-sheet__scrollLocked_1b6dr {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_19msl {
+} .bottom-sheet__hiddenScrollbar_1b6dr {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_19msl::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1b6dr::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_19msl {
+    } .bottom-sheet__disabledPointerEvents_1b6dr {
     pointer-events: none;
-} .bottom-sheet__appear_19msl .bottom-sheet__wrapper_19msl, .bottom-sheet__enter_19msl .bottom-sheet__wrapper_19msl {
+} .bottom-sheet__appear_1b6dr .bottom-sheet__wrapper_1b6dr, .bottom-sheet__enter_1b6dr .bottom-sheet__wrapper_1b6dr {
         transition: none;
-    } .bottom-sheet__appearActive_19msl .bottom-sheet__wrapper_19msl, .bottom-sheet__enterActive_19msl .bottom-sheet__wrapper_19msl {
+    } .bottom-sheet__appearActive_1b6dr .bottom-sheet__wrapper_1b6dr, .bottom-sheet__enterActive_1b6dr .bottom-sheet__wrapper_1b6dr {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_19msl .bottom-sheet__wrapper_19msl, .bottom-sheet__appearDone_19msl .bottom-sheet__wrapper_19msl {
+    } .bottom-sheet__enterDone_1b6dr .bottom-sheet__wrapper_1b6dr, .bottom-sheet__appearDone_1b6dr .bottom-sheet__wrapper_1b6dr {
         transform: translateY(0);
-    } .bottom-sheet__exit_19msl .bottom-sheet__wrapper_19msl {
+    } .bottom-sheet__exit_1b6dr .bottom-sheet__wrapper_1b6dr {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_19msl .bottom-sheet__wrapper_19msl {
+    } .bottom-sheet__exitActive_1b6dr .bottom-sheet__wrapper_1b6dr {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__safeAreaBottom_19msl {
+    } .bottom-sheet__safeAreaBottom_1b6dr {
     padding-bottom: var(--sab);
-} .bottom-sheet__background-accent_19msl {
+} .bottom-sheet__background-accent_1b6dr {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_19msl {
+        } .bottom-sheet__background-info_1b6dr {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_19msl {
+        } .bottom-sheet__background-attention-muted_1b6dr {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_19msl {
+        } .bottom-sheet__background-positive-muted_1b6dr {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_19msl {
+        } .bottom-sheet__background-negative-muted_1b6dr {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_19msl {
+        } .bottom-sheet__background-primary_1b6dr {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_19msl {
+        } .bottom-sheet__background-primary-inverted_1b6dr {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_19msl {
+        } .bottom-sheet__background-secondary_1b6dr {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_19msl {
+        } .bottom-sheet__background-secondary-inverted_1b6dr {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_19msl {
+        } .bottom-sheet__background-tertiary_1b6dr {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_19msl {
+        } .bottom-sheet__background-tertiary-inverted_1b6dr {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_19msl {
+        } .bottom-sheet__background-quaternary_1b6dr {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_19msl {
+        } .bottom-sheet__background-quaternary-inverted_1b6dr {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_19msl {
+        } .bottom-sheet__background-specialbg-component_1b6dr {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_19msl {
+        } .bottom-sheet__background-specialbg-component-inverted_1b6dr {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_19msl {
+        } .bottom-sheet__background-specialbg-primary-grouped_1b6dr {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_19msl {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1b6dr {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_19msl {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1b6dr {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_19msl {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1b6dr {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_19msl {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1b6dr {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_19msl {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1b6dr {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_19msl {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1b6dr {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/bottom-sheet/moderncssm/component.js

@@ -31,6 +31,7 @@ const BottomSheet = forwardRef(
     const isFirstRender = fullHeight === 0;
     fullHeight = adjustContainerHeight(fullHeight);
     const initialIndexRef = useRef(initialActiveAreaIndex);
+    const prevMagneticAreasPropRef = useRef(magneticAreasProp);
     const magneticAreas = useMemo(() => {
         if (magneticAreasProp) {
             return magneticAreasProp.map((area) => convertPercentToNumber(area, fullHeight, headerOffset));
@@ -51,6 +52,7 @@ const BottomSheet = forwardRef(
     const [sheetOffset, setSheetOffset] = useState(0);
     const [backdropOpacity, setBackdropOpacity] = useState(1);
     const [activeAreaIdx, setActiveAreaIdx] = useState(-1);
+    const [skipTransition, setSkipTransition] = useState(false);
     const [swipingInProgress, setSwipingInProgress] = useState(null);
     const scrollOccurred = useRef(false);
     const headerRef = useRef(null);
@@ -342,6 +344,11 @@ const BottomSheet = forwardRef(
     };
     useEffect(() => {
         if (!isFirstRender) {
+            const magneticAreasPropChanged = prevMagneticAreasPropRef.current !== magneticAreasProp;
+            prevMagneticAreasPropRef.current = magneticAreasProp;
+            if (magneticAreasPropChanged) {
+                setSkipTransition(true);
+            }
             // Инициализируем стейт только после того, как была рассчитана высота вьюпорта
             if (activeAreaIdx === -1) {
                 const idx = initialIndexRef.current;
@@ -351,9 +358,14 @@ const BottomSheet = forwardRef(
             else {
                 setSheetOffset(activeArea ? lastMagneticArea - activeArea : 0);
             }
+            if (magneticAreasPropChanged) {
+                requestAnimationFrame(() => {
+                    setSkipTransition(false);
+                });
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isFirstRender, magneticAreas, lastMagneticArea]);
+    }, [isFirstRender, magneticAreas, lastMagneticArea, magneticAreasProp]);
     useEffect(() => {
         if (!sheetRef.current)
             return;
@@ -408,7 +420,7 @@ const BottomSheet = forwardRef(
             }), onTransitionEnd: setSheetHeight },
             outerAddons && (React.createElement("div", { className: cn(styles.outerClassName, outerClassName), style: getSwipeStyles() }, outerAddons)),
             React.createElement("div", { className: cn(styles.component, bgClassName, className, {
-                    [styles.withTransition]: swipingInProgress === false,
+                    [styles.withTransition]: swipingInProgress === false && !skipTransition,
                     [styles.safeAreaBottom]: os.isIOS(),
                 }), style: {
                     ...getSwipeStyles(),

package/button/components/base-button/Component.js

@@ -14,13 +14,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"accent":"button__accent_sjfnj","loader":"button__loader_sjfnj","primary":"button__primary_sjfnj","hint":"button__hint_sjfnj","secondary":"button__secondary_sjfnj","outlined":"button__outlined_sjfnj","tertiary":"button__tertiary_sjfnj","filled":"button__filled_sjfnj","transparent":"button__transparent_sjfnj","link":"button__link_sjfnj","text":"button__text_sjfnj","ghost":"button__ghost_sjfnj","component":"button__component_sjfnj","loading":"button__loading_sjfnj"};
+var defaultColors = {"accent":"button__accent_1p18t","loader":"button__loader_1p18t","primary":"button__primary_1p18t","hint":"button__hint_1p18t","secondary":"button__secondary_1p18t","outlined":"button__outlined_1p18t","tertiary":"button__tertiary_1p18t","filled":"button__filled_1p18t","transparent":"button__transparent_1p18t","link":"button__link_1p18t","text":"button__text_1p18t","ghost":"button__ghost_1p18t","component":"button__component_1p18t","loading":"button__loading_1p18t"};
 require('./default.css');
 
-var commonStyles = {"component":"button__component_2hoze","hug":"button__hug_2hoze","fill":"button__fill_2hoze","hint":"button__hint_2hoze","allowBackdropBlur":"button__allowBackdropBlur_2hoze","secondary":"button__secondary_2hoze","accent":"button__accent_2hoze","primary":"button__primary_2hoze","focused":"button__focused_2hoze","loading":"button__loading_2hoze","label":"button__label_2hoze","addons":"button__addons_2hoze","stretchText":"button__stretchText_2hoze","loader":"button__loader_2hoze","size-32":"button__size-32_2hoze","iconOnly":"button__iconOnly_2hoze","size-40":"button__size-40_2hoze","size-48":"button__size-48_2hoze","size-56":"button__size-56_2hoze","size-64":"button__size-64_2hoze","size-72":"button__size-72_2hoze","withRightAddons":"button__withRightAddons_2hoze","ghost":"button__ghost_2hoze","text":"button__text_2hoze","withLeftAddons":"button__withLeftAddons_2hoze","link":"button__link_2hoze","transparent":"button__transparent_2hoze","block":"button__block_2hoze","nowrap":"button__nowrap_2hoze","rounded":"button__rounded_2hoze"};
+var commonStyles = {"component":"button__component_gm2lo","hug":"button__hug_gm2lo","fill":"button__fill_gm2lo","hint":"button__hint_gm2lo","allowBackdropBlur":"button__allowBackdropBlur_gm2lo","secondary":"button__secondary_gm2lo","accent":"button__accent_gm2lo","primary":"button__primary_gm2lo","focused":"button__focused_gm2lo","loading":"button__loading_gm2lo","label":"button__label_gm2lo","addons":"button__addons_gm2lo","stretchText":"button__stretchText_gm2lo","loader":"button__loader_gm2lo","size-32":"button__size-32_gm2lo","iconOnly":"button__iconOnly_gm2lo","size-40":"button__size-40_gm2lo","size-48":"button__size-48_gm2lo","size-56":"button__size-56_gm2lo","size-64":"button__size-64_gm2lo","size-72":"button__size-72_gm2lo","withRightAddons":"button__withRightAddons_gm2lo","ghost":"button__ghost_gm2lo","text":"button__text_gm2lo","withLeftAddons":"button__withLeftAddons_gm2lo","link":"button__link_gm2lo","transparent":"button__transparent_gm2lo","block":"button__block_gm2lo","nowrap":"button__nowrap_gm2lo","rounded":"button__rounded_gm2lo"};
 require('./index.css');
 
-var invertedColors = {"accent":"button__accent_f1c6s","loader":"button__loader_f1c6s","primary":"button__primary_f1c6s","hint":"button__hint_f1c6s","secondary":"button__secondary_f1c6s","outlined":"button__outlined_f1c6s","tertiary":"button__tertiary_f1c6s","filled":"button__filled_f1c6s","transparent":"button__transparent_f1c6s","link":"button__link_f1c6s","text":"button__text_f1c6s","ghost":"button__ghost_f1c6s","component":"button__component_f1c6s","loading":"button__loading_f1c6s"};
+var invertedColors = {"accent":"button__accent_1bj5c","loader":"button__loader_1bj5c","primary":"button__primary_1bj5c","hint":"button__hint_1bj5c","secondary":"button__secondary_1bj5c","outlined":"button__outlined_1bj5c","tertiary":"button__tertiary_1bj5c","filled":"button__filled_1bj5c","transparent":"button__transparent_1bj5c","link":"button__link_1bj5c","text":"button__text_1bj5c","ghost":"button__ghost_1bj5c","component":"button__component_1bj5c","loading":"button__loading_1bj5c"};
 require('./inverted.css');
 
 var colorStyles = {

package/button/components/base-button/default.css

@@ -161,155 +161,155 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_sjfnj {
+} .button__accent_1p18t {
     color: var(--button-accent-color);
     background-color: var(--button-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_sjfnj:hover {
+        .button__accent_1p18t:hover {
             background-color: var(--button-accent-hover-bg-color);
         }
-    } .button__accent_sjfnj:active {
+    } .button__accent_1p18t:active {
         background-color: var(--button-accent-active-bg-color);
-    } .button__accent_sjfnj > .button__loader_sjfnj {
+    } .button__accent_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-static-color);
-    } .button__primary_sjfnj {
+    } .button__primary_1p18t {
     border: 1px solid transparent
-} .button__primary_sjfnj .button__hint_sjfnj {
+} .button__primary_1p18t .button__hint_1p18t {
         color: var(--button-primary-hint-color);
-    } .button__secondary_sjfnj {
+    } .button__secondary_1p18t {
     color: var(--button-secondary-color);
     border: 1px solid var(--button-secondary-base-border-color)
-} .button__secondary_sjfnj > .button__loader_sjfnj {
+} .button__secondary_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__secondary_sjfnj .button__hint_sjfnj {
+    } .button__secondary_1p18t .button__hint_1p18t {
         color: var(--button-secondary-hint-color);
-    } .button__outlined_sjfnj {
+    } .button__outlined_1p18t {
     color: var(--button-outlined-color);
     background-color: var(--button-outlined-base-bg-color);
     border: 1px solid var(--button-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_sjfnj:hover {
+        .button__outlined_1p18t:hover {
             background-color: var(--button-outlined-hover-bg-color);
             border-color: var(--button-outlined-hover-border-color);
         }
-    } .button__outlined_sjfnj:active {
+    } .button__outlined_1p18t:active {
         background-color: var(--button-outlined-active-bg-color);
-    } .button__outlined_sjfnj > .button__loader_sjfnj {
+    } .button__outlined_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__outlined_sjfnj .button__hint_sjfnj {
+    } .button__outlined_1p18t .button__hint_1p18t {
         color: var(--button-outlined-hint-color);
-    } .button__tertiary_sjfnj {
+    } .button__tertiary_1p18t {
     color: var(--button-tertiary-color);
     background-color: var(--button-tertiary-base-bg-color);
     border: 1px solid var(--button-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_sjfnj:hover {
+        .button__tertiary_1p18t:hover {
             background-color: var(--button-tertiary-hover-bg-color);
             border-color: var(--button-tertiary-hover-border-color);
         }
-    } .button__tertiary_sjfnj:active {
+    } .button__tertiary_1p18t:active {
         background-color: var(--button-tertiary-active-bg-color);
-    } .button__tertiary_sjfnj > .button__loader_sjfnj {
+    } .button__tertiary_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__tertiary_sjfnj .button__hint_sjfnj {
+    } .button__tertiary_1p18t .button__hint_1p18t {
         color: var(--button-tertiary-hint-color);
-    } .button__filled_sjfnj {
+    } .button__filled_1p18t {
     color: var(--color-light-text-primary);
     background-color: var(--color-light-neutral-translucent-300);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_sjfnj:hover {
+        .button__filled_1p18t:hover {
             background-color: var(--color-light-neutral-translucent-300-hover);
         }
-    } .button__filled_sjfnj:active {
+    } .button__filled_1p18t:active {
         background-color: var(--color-light-neutral-translucent-300-press);
-    } .button__filled_sjfnj > .button__loader_sjfnj {
+    } .button__filled_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__transparent_sjfnj {
+    } .button__transparent_1p18t {
     color: var(--button-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_sjfnj:hover {
+        .button__transparent_1p18t:hover {
             background-color: var(--button-transparent-hover-bg-color);
         }
-    } .button__transparent_sjfnj:active {
+    } .button__transparent_1p18t:active {
         background-color: var(--button-transparent-active-bg-color);
-    } .button__transparent_sjfnj > .button__loader_sjfnj {
+    } .button__transparent_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__transparent_sjfnj .button__hint_sjfnj {
+    } .button__transparent_1p18t .button__hint_1p18t {
         color: var(--button-transparent-base-hint-color);
-    } .button__link_sjfnj {
+    } .button__link_1p18t {
     color: var(--button-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_sjfnj:hover {
+        .button__link_1p18t:hover {
             background-color: var(--button-link-hover-bg-color);
         }
-    } .button__link_sjfnj:active {
+    } .button__link_1p18t:active {
         background-color: var(--button-link-active-bg-color);
-    } .button__link_sjfnj > .button__loader_sjfnj {
+    } .button__link_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__text_sjfnj {
+    } .button__text_1p18t {
     background-color: transparent;
     color: var(--button-text-base-color)
 } @media (hover: hover) {
-        .button__text_sjfnj:hover {
+        .button__text_1p18t:hover {
             color: var(--button-text-hover-color);
         }
-    } .button__text_sjfnj > .button__loader_sjfnj {
+    } .button__text_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } .button__text_sjfnj .button__hint_sjfnj {
+    } .button__text_1p18t .button__hint_1p18t {
         color: var(--button-text-base-hint-color);
-    } .button__ghost_sjfnj {
+    } .button__ghost_1p18t {
     background-color: transparent;
     color: var(--button-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_sjfnj:hover {
+        .button__ghost_1p18t:hover {
             color: var(--button-ghost-hover-color);
         }
-    } .button__ghost_sjfnj > .button__loader_sjfnj {
+    } .button__ghost_1p18t > .button__loader_1p18t {
         color: var(--button-spinner-default-color);
-    } /* Disabled */ .button__component_sjfnj[disabled].button__accent_sjfnj {
+    } /* Disabled */ .button__component_1p18t[disabled].button__accent_1p18t {
         color: var(--button-accent-disabled-color);
         background-color: var(--button-accent-disabled-bg-color)
-    } .button__component_sjfnj[disabled].button__accent_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__accent_1p18t.button__loading_1p18t {
             color: var(--button-accent-color);
             background-color: var(--button-accent-base-bg-color);
-        } .button__component_sjfnj[disabled].button__secondary_sjfnj {
+        } .button__component_1p18t[disabled].button__secondary_1p18t {
         border-color: var(--button-secondary-disabled-border-color)
-    } .button__component_sjfnj[disabled].button__secondary_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__secondary_1p18t.button__loading_1p18t {
             color: var(--button-secondary-color);
             background-color: var(--button-secondary-base-bg-color);
             border-color: var(--button-secondary-base-border-color);
-        } .button__component_sjfnj[disabled].button__outlined_sjfnj {
+        } .button__component_1p18t[disabled].button__outlined_1p18t {
         background-color: var(--button-outlined-disabled-bg-color)
-    } .button__component_sjfnj[disabled].button__outlined_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__outlined_1p18t.button__loading_1p18t {
             color: var(--button-outlined-color);
             border-color: var(--button-outlined-base-border-color);
-        } .button__component_sjfnj[disabled].button__tertiary_sjfnj {
+        } .button__component_1p18t[disabled].button__tertiary_1p18t {
         background-color: var(--button-tertiary-disabled-bg-color)
-    } .button__component_sjfnj[disabled].button__tertiary_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__tertiary_1p18t.button__loading_1p18t {
             color: var(--button-tertiary-color);
             border-color: var(--button-tertiary-base-border-color);
-        } .button__component_sjfnj[disabled].button__filled_sjfnj {
+        } .button__component_1p18t[disabled].button__filled_1p18t {
         color: var(--color-light-text-tertiary);
         background-color: var(--color-light-neutral-translucent-100)
-    } .button__component_sjfnj[disabled].button__filled_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__filled_1p18t.button__loading_1p18t {
             color: var(--color-light-text-primary);
             background-color: var(--color-light-neutral-translucent-300);
-        } .button__component_sjfnj[disabled].button__transparent_sjfnj {
+        } .button__component_1p18t[disabled].button__transparent_1p18t {
         background-color: transparent
-    } .button__component_sjfnj[disabled].button__transparent_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__transparent_1p18t.button__loading_1p18t {
             color: var(--button-transparent-base-color);
-        } .button__component_sjfnj[disabled].button__link_sjfnj {
+        } .button__component_1p18t[disabled].button__link_1p18t {
         background-color: transparent
-    } .button__component_sjfnj[disabled].button__link_sjfnj.button__loading_sjfnj {
+    } .button__component_1p18t[disabled].button__link_1p18t.button__loading_1p18t {
             color: var(--button-link-base-color);
-        } .button__component_sjfnj[disabled].button__text_sjfnj.button__loading_sjfnj {
+        } .button__component_1p18t[disabled].button__text_1p18t.button__loading_1p18t {
             color: var(--button-text-base-color);
-        } .button__component_sjfnj[disabled].button__ghost_sjfnj.button__loading_sjfnj {
+        } .button__component_1p18t[disabled].button__ghost_1p18t.button__loading_1p18t {
             color: var(--button-ghost-base-color);
         }