@storybook/react-native-ui 8.4.5-alpha.0 → 8.5.1
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 +2 -2
- package/package.json +3 -3
- package/src/Layout.tsx +21 -19
package/dist/index.js
CHANGED
|
@@ -5182,14 +5182,14 @@ var Layout = ({
|
|
|
5182
5182
|
children: [
|
|
5183
5183
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native9.View, { style: { flex: 1, overflow: "hidden" }, children: [
|
|
5184
5184
|
children,
|
|
5185
|
-
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5185
|
+
story?.parameters?.hideFullScreenButton ? null : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5186
5186
|
import_react_native9.TouchableOpacity,
|
|
5187
5187
|
{
|
|
5188
5188
|
style: {
|
|
5189
5189
|
position: "absolute",
|
|
5190
5190
|
bottom: uiHidden ? 56 + insets.bottom : 16,
|
|
5191
5191
|
right: 16,
|
|
5192
|
-
backgroundColor:
|
|
5192
|
+
backgroundColor: theme.background.content,
|
|
5193
5193
|
padding: 4,
|
|
5194
5194
|
borderRadius: 4,
|
|
5195
5195
|
borderWidth: 1,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react-native-ui",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.5.1",
|
|
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.
|
|
63
|
+
"@storybook/react-native-theming": "^8.5.1",
|
|
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": "
|
|
84
|
+
"gitHead": "398bc81db9781ee795e8b958a7cb03f0aa9f6b7d"
|
|
85
85
|
}
|
package/src/Layout.tsx
CHANGED
|
@@ -146,25 +146,27 @@ export const Layout = ({
|
|
|
146
146
|
<View style={{ flex: 1, overflow: 'hidden' }}>
|
|
147
147
|
{children}
|
|
148
148
|
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
149
|
+
{story?.parameters?.hideFullScreenButton ? null : (
|
|
150
|
+
<TouchableOpacity
|
|
151
|
+
style={{
|
|
152
|
+
position: 'absolute',
|
|
153
|
+
bottom: uiHidden ? 56 + insets.bottom : 16,
|
|
154
|
+
right: 16,
|
|
155
|
+
backgroundColor: theme.background.content,
|
|
156
|
+
padding: 4,
|
|
157
|
+
borderRadius: 4,
|
|
158
|
+
borderWidth: 1,
|
|
159
|
+
borderColor: theme.appBorderColor,
|
|
160
|
+
}}
|
|
161
|
+
onPress={() => setUiHidden((prev) => !prev)}
|
|
162
|
+
>
|
|
163
|
+
{uiHidden ? (
|
|
164
|
+
<CloseFullscreenIcon color={theme.color.mediumdark} />
|
|
165
|
+
) : (
|
|
166
|
+
<FullscreenIcon color={theme.color.mediumdark} />
|
|
167
|
+
)}
|
|
168
|
+
</TouchableOpacity>
|
|
169
|
+
)}
|
|
168
170
|
</View>
|
|
169
171
|
|
|
170
172
|
<MobileMenuDrawer ref={mobileMenuDrawerRef}>
|