@storybook/react-native-ui 8.5.3 → 8.5.4

package/dist/index.js

@@ -3071,6 +3071,7 @@ var LeafNode = import_react_native_theming2.styled.TouchableOpacity(
 var LeafNodeText = import_react_native_theming2.styled.Text(({ theme, selected }) => ({
   fontSize: theme.typography.size.s2,
   flexShrink: 1,
+  fontWeight: selected ? "bold" : "normal",
   color: selected ? theme.color.lightest : theme.color.defaultText
 }));
 var Wrapper = import_react_native_theming2.styled.View({
@@ -4016,7 +4017,7 @@ var Input = (0, import_react_native_theming9.styled)(import_react_native3.TextIn
   borderWidth: 1,
   borderColor: theme.appBorderColor,
   backgroundColor: "transparent",
-  borderRadius: 4,
+  borderRadius: 6,
   fontSize: theme.typography.size.s1 + 1,
   color: theme.color.defaultText,
   width: "100%"
@@ -5335,7 +5336,7 @@ var Nav = import_react_native_theming17.styled.View({
   justifyContent: "space-between",
   width: "100%",
   height: 40,
-  paddingHorizontal: 12
+  paddingHorizontal: 6
 });
 var Container3 = import_react_native_theming17.styled.View(({ theme }) => ({
   alignSelf: "flex-end",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native-ui",
-  "version": "8.5.3",
+  "version": "8.5.4",
   "description": "ui components for react native storybook",
   "keywords": [
     "react",
@@ -60,7 +60,7 @@
   "dependencies": {
     "@storybook/core": "^8.5.1",
     "@storybook/react": "^8.5.1",
-    "@storybook/react-native-theming": "^8.5.3",
+    "@storybook/react-native-theming": "^8.5.4",
     "fuse.js": "^7.0.0",
     "memoizerific": "^1.11.3",
     "polished": "^4.3.1",
@@ -81,5 +81,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2d73f40145234a3ab4bdbabb6d63136fc59a17d9"
+  "gitHead": "bd630c52410fd1d6090e9bb52ecb7ea269e556b8"
 }

package/src/Layout.stories.tsx

@@ -7,7 +7,6 @@ import { BottomSheetModalProvider } from '@gorhom/bottom-sheet';
 import { LayoutProvider } from './LayoutProvider';
 
 const meta = {
-  title: 'components/Layout',
   component: Layout,
   decorators: [
     (Story) => (

package/src/Layout.tsx

@@ -289,7 +289,7 @@ const Nav = styled.View({
   justifyContent: 'space-between',
   width: '100%',
   height: 40,
-  paddingHorizontal: 12,
+  paddingHorizontal: 6,
 });
 
 const Container = styled.View(({ theme }) => ({

package/src/Search.tsx

@@ -79,7 +79,7 @@ const Input = styled(TextInput)(({ theme }) => ({
   borderWidth: 1,
   borderColor: theme.appBorderColor,
   backgroundColor: 'transparent',
-  borderRadius: 4,
+  borderRadius: 6,
   fontSize: theme.typography.size.s1 + 1,
   color: theme.color.defaultText,
   width: '100%',

package/src/Tree.stories.tsx

@@ -35,7 +35,7 @@ const meta = {
       </ScrollView>
     ),
   ],
-} as Meta<typeof Tree>;
+} satisfies Meta<typeof Tree>;
 
 export default meta;
 
@@ -49,6 +49,10 @@ export const Full: Story = {
     isBrowsing: true,
     isMain: true,
     refId: DEFAULT_REF_ID,
+    data: undefined,
+    onSelectStoryId: () => {},
+    selectedStoryId: storyId,
+    status: undefined,
   },
   render: function Render(args) {
     const [selectedId, setSelectedId] = useState(storyId);
@@ -68,6 +72,10 @@ export const SingleStoryComponents: Story = {
     isBrowsing: true,
     isMain: true,
     refId: DEFAULT_REF_ID,
+    data: undefined,
+    onSelectStoryId: () => {},
+    selectedStoryId: storyId,
+    status: undefined,
   },
   render: function Render(args) {
     const [selectedId, setSelectedId] = useState('tooltip-tooltipbuildlist--default');

package/src/TreeNode.tsx

@@ -74,6 +74,7 @@ const LeafNode = styled.TouchableOpacity<{ depth?: number; selected?: boolean }>
 const LeafNodeText = styled.Text<{ depth?: number; selected?: boolean }>(({ theme, selected }) => ({
   fontSize: theme.typography.size.s2,
   flexShrink: 1,
+  fontWeight: selected ? 'bold' : 'normal',
   color: selected ? theme.color.lightest : theme.color.defaultText,
 }));