@storybook/react-native-ui 8.5.1 → 8.5.2-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -4530,8 +4530,9 @@ var MobileAddonsPanel = (0, import_react15.forwardRef)(
4530
4530
  }));
4531
4531
  const { height } = (0, import_react_native6.useWindowDimensions)();
4532
4532
  const adjustedBottomSheetSize = (0, import_react_native_reanimated.useAnimatedStyle)(() => {
4533
+ const extraPadding = import_react_native6.Platform.OS === "android" ? 32 : 16;
4533
4534
  return {
4534
- maxHeight: height - animatedPosition.value - insets.bottom
4535
+ maxHeight: height - animatedPosition.value - insets.bottom - extraPadding
4535
4536
  };
4536
4537
  }, [animatedPosition, height, insets.bottom]);
4537
4538
  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/react-native-ui",
3
- "version": "8.5.1",
3
+ "version": "8.5.2-alpha.0",
4
4
  "description": "ui components for react native storybook",
5
5
  "keywords": [
6
6
  "react",
@@ -60,7 +60,7 @@
60
60
  "dependencies": {
61
61
  "@storybook/core": "^8.4.2",
62
62
  "@storybook/react": "^8.4.2",
63
- "@storybook/react-native-theming": "^8.5.1",
63
+ "@storybook/react-native-theming": "^8.5.2-alpha.0",
64
64
  "fuse.js": "^7.0.0",
65
65
  "memoizerific": "^1.11.3",
66
66
  "polished": "^4.3.1",
@@ -81,5 +81,5 @@
81
81
  "publishConfig": {
82
82
  "access": "public"
83
83
  },
84
- "gitHead": "398bc81db9781ee795e8b958a7cb03f0aa9f6b7d"
84
+ "gitHead": "9404dd2484bf4c4851724639a36c93926e03311f"
85
85
  }
@@ -3,7 +3,7 @@ import { addons } from '@storybook/core/manager-api';
3
3
  import { styled } from '@storybook/react-native-theming';
4
4
  import { Addon_TypesEnum } from '@storybook/core/types';
5
5
  import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
6
- import { Text, View, useWindowDimensions } from 'react-native';
6
+ import { Platform, Text, View, useWindowDimensions } from 'react-native';
7
7
  import { ScrollView } from 'react-native-gesture-handler';
8
8
  import Animated, {
9
9
  useAnimatedKeyboard,
@@ -47,8 +47,9 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
47
47
  const { height } = useWindowDimensions();
48
48
 
49
49
  const adjustedBottomSheetSize = useAnimatedStyle(() => {
50
+ const extraPadding = Platform.OS === 'android' ? 32 : 16;
50
51
  return {
51
- maxHeight: height - animatedPosition.value - insets.bottom,
52
+ maxHeight: height - animatedPosition.value - insets.bottom - extraPadding,
52
53
  };
53
54
  }, [animatedPosition, height, insets.bottom]);
54
55