@cloud-ru/ds-drawer 1.2.8 → 1.2.9-preview-3ffb7c01.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cloud-ru/ds-drawer",
-  "version": "1.2.8",
+  "version": "1.2.9-preview-3ffb7c01.0",
   "description": "Пакет выезжающих панелей — компоненты Drawer и DrawerCustom с едиными токенами позиции и ширины.",
   "repository": {
     "type": "git",
@@ -40,13 +40,13 @@
     "classnames": "^2.5.1",
     "react-remove-scroll": "^2.7.2",
     "tabbable": "^6.5.0",
-    "@cloud-ru/ds-materials": "^2.0.1",
-    "@cloud-ru/ds-bottom-sheet": "^1.2.1",
-    "@cloud-ru/ds-adaptive": "^1.0.2",
-    "@cloud-ru/ds-popup-private": "^1.1.8",
-    "@cloud-ru/ds-scroll": "^1.0.5",
-    "@cloud-ru/ds-portal-context": "^1.0.2",
-    "@cloud-ru/ds-tooltip": "^1.0.10",
-    "@cloud-ru/ds-utils": "^1.2.0"
+    "@cloud-ru/ds-adaptive": "1.0.2",
+    "@cloud-ru/ds-bottom-sheet": "1.2.2-preview-3ffb7c01.0",
+    "@cloud-ru/ds-portal-context": "1.0.2",
+    "@cloud-ru/ds-popup-private": "1.1.9-preview-3ffb7c01.0",
+    "@cloud-ru/ds-tooltip": "1.0.11-preview-3ffb7c01.0",
+    "@cloud-ru/ds-utils": "1.2.0",
+    "@cloud-ru/ds-materials": "2.0.1",
+    "@cloud-ru/ds-scroll": "1.0.5"
   }
 }

package/src/components/Drawer/types.ts

@@ -9,12 +9,15 @@ import { DrawerCustomProps } from '../DrawerCustom';
  * Адаптивный Drawer: desktop — боковая/верхняя/нижняя панель, `mobile` — `BottomSheet`.
  *
  * Только desktop: `position`, `width`, `heightAuto`, `nestedDrawer`, `truncate` (на mobile игнорируются).
- * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeArea`, `withDividers`
+ * Только mobile: `swipeEnabled`, `snapPoints`, `snapIndex`, `onSnapIndexChange`, `safeAreaTop`, `safeAreaBottom`, `withDividers`
  * (на desktop-панели игнорируются — это анатомия `BottomSheet`).
  */
 export type DrawerProps = WithSupportProps<
   Omit<DrawerCustomProps, 'nestedDrawer' | 'push' | 'resizable'> &
-    Pick<BottomSheetProps, 'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeArea'> &
+    Pick<
+      BottomSheetProps,
+      'swipeEnabled' | 'snapPoints' | 'snapIndex' | 'onSnapIndexChange' | 'safeAreaTop' | 'safeAreaBottom'
+    > &
     Pick<DialogHeaderProps, 'title' | 'slotAfterTitle' | 'slotSecondTitle' | 'onBackButtonClick' | 'truncate'> &
     Pick<DialogBodyProps, 'content'> & {
       /** Ссылка на скроллируемый контейнер контента (например, для дозагрузки по скроллу). */

package/src/components/DrawerCustom/DrawerCustom.tsx

@@ -175,7 +175,8 @@ export function DrawerCustom(props: DrawerCustomProps) {
       showBlackout,
       snapPoints,
       swipeEnabled,
-      safeArea,
+      safeAreaTop,
+      safeAreaBottom,
       disableMotions,
       ...rest
     } = props;
@@ -190,7 +191,8 @@ export function DrawerCustom(props: DrawerCustomProps) {
         showBackdrop={showBlackout}
         snapPoints={snapPoints}
         swipeEnabled={swipeEnabled}
-        safeArea={safeArea}
+        safeAreaTop={safeAreaTop}
+        safeAreaBottom={safeAreaBottom}
         disableMotions={disableMotions}
         {...extractSupportProps(rest)}
       >

package/src/components/DrawerCustom/types.ts

@@ -74,4 +74,4 @@ export type DrawerCustomProps = WithSupportProps<
   }>
 > &
   // Только mobile: управляют sheet-поверхностью (на desktop игнорируются).
-  Pick<BottomSheetCustomProps, 'snapPoints' | 'swipeEnabled' | 'safeArea'>;
+  Pick<BottomSheetCustomProps, 'snapPoints' | 'swipeEnabled' | 'safeAreaTop' | 'safeAreaBottom'>;

package/src/helperComponents/MobileDrawer/MobileDrawer.tsx

@@ -33,7 +33,8 @@ export function MobileDrawer({
   snapPoints,
   snapIndex,
   onSnapIndexChange,
-  safeArea,
+  safeAreaTop,
+  safeAreaBottom,
   withDividers = false,
   ...rest
 }: DrawerProps) {
@@ -71,7 +72,8 @@ export function MobileDrawer({
       snapPoints={snapPoints}
       snapIndex={snapIndex}
       onSnapIndexChange={onSnapIndexChange}
-      safeArea={safeArea}
+      safeAreaTop={safeAreaTop}
+      safeAreaBottom={safeAreaBottom}
       {...extractSupportProps(rest)}
     />
   );