@tactics/toddle-styleguide 5.4.34 → 5.4.36

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.34",
+  "version": "5.4.36",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",
@@ -10,39 +10,45 @@
     "pnpm": "10"
   },
   "dependencies": {
-    "@expo/metro-runtime": "*",
-    "@expo/vector-icons": "*",
+    "@expo/metro-runtime": "^6.1.2",
+    "@expo/vector-icons": "^15.0.3",
     "@miblanchard/react-native-slider": "^2.6.0",
-    "@react-navigation/bottom-tabs": "*",
-    "@react-navigation/drawer": "*",
-    "@react-navigation/native": "*",
-    "@react-navigation/native-stack": "*",
-    "@react-navigation/stack": "*",
+    "@react-navigation/bottom-tabs": "^7.4.0",
+    "@react-navigation/drawer": "^7.5.0",
+    "@react-navigation/elements": "^2.6.3",
+    "@react-navigation/native": "^7.1.8",
+    "@react-navigation/native-stack": "^7.3.16",
+    "@react-navigation/stack": "^7.7.2",
     "@tactics/kinderopvang-branding": "1.0.3",
     "@types/react": "~19.1.17",
     "dayjs": "^1.11.19",
     "dayjs-plugin-utc": "^0.1.2",
-    "debug": "^4.4.3",
     "depcheck": "^1.4.7",
     "expo": "~54.0.33",
-    "expo-application": "*",
-    "expo-asset": "*",
-    "expo-background-task": "*",
-    "expo-camera": "*",
-    "expo-constants": "*",
-    "expo-crypto": "*",
-    "expo-dev-client": "*",
-    "expo-device": "*",
-    "expo-font": "*",
-    "expo-haptics": "*",
-    "expo-keep-awake": "*",
-    "expo-linear-gradient": "*",
-    "expo-localization": "*",
-    "expo-secure-store": "*",
-    "expo-splash-screen": "*",
-    "expo-status-bar": "*",
-    "expo-task-manager": "*",
-    "expo-updates-interface": "*",
+    "expo-application": "~7.0.7",
+    "expo-asset": "^12.0.12",
+    "expo-background-task": "^1.0.10",
+    "expo-camera": "^17.0.10",
+    "expo-constants": "~18.0.13",
+    "expo-crypto": "^15.0.8",
+    "expo-dev-client": "~6.0.15",
+    "expo-device": "^8.0.10",
+    "expo-font": "~14.0.11",
+    "expo-haptics": "~15.0.8",
+    "expo-image": "~3.0.11",
+    "expo-keep-awake": "^15.0.8",
+    "expo-linear-gradient": "^15.0.8",
+    "expo-linking": "~8.0.11",
+    "expo-localization": "^17.0.8",
+    "expo-router": "~6.0.23",
+    "expo-secure-store": "^15.0.8",
+    "expo-splash-screen": "~31.0.13",
+    "expo-status-bar": "~3.0.9",
+    "expo-symbols": "~1.0.8",
+    "expo-system-ui": "~6.0.9",
+    "expo-task-manager": "^14.0.9",
+    "expo-updates-interface": "^2.0.0",
+    "expo-web-browser": "~15.0.10",
     "intl": "^1.2.5",
     "prettier": "2.8.8",
     "react": "19.1.0",
@@ -53,10 +59,10 @@
     "react-native-pager-view": "^6.9.1",
     "react-native-picker-select": "^8.1.0",
     "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "*",
+    "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "~4.16.0",
     "react-native-svg": "15.12.1",
-    "react-native-web": "*",
+    "react-native-web": "~0.21.0",
     "react-native-wheel-picker-expo": "^0.5.4",
     "react-native-wheely": "^0.6.0",
     "react-native-worklets": "0.5.1",

package/src/components/molecules/select-picker/select-picker.component.tsx

@@ -34,9 +34,6 @@ export const SelectPicker = ({
     }
   };
 
-  console.log(data);
-  console.log(defaultValue);
-
   return (
     <View style={styles.container}>
       <View style={styles.pickerContainer}>
@@ -52,6 +49,7 @@ export const SelectPicker = ({
               color: context.colors.ui.grey,
               justifyContent: 'center',
               alignItems: 'center',
+              height: '100%',
             },
             inputIOSContainer: {
               height: '100%',

package/src/components/organisms/my-child-list-item/my-child-list-item.component.tsx

@@ -1,4 +1,4 @@
-import React, {useCallback, useContext} from 'react';
+import React, {useCallback, useContext, useMemo} from 'react';
 import {ThemeCtx} from '../../../context/theme.context';
 import {ImageSourcePropType, Pressable, View} from 'react-native';
 import {Initials} from '../../../models/initials.model';
@@ -6,13 +6,11 @@ import {Size} from '../../../types/size.enum';
 import {Avatar} from '../../molecules/avatar/avatar.component';
 import {Stylesheet} from './my-child-list-item.styles';
 import {Icon} from '../../../icons/index';
-import {TinyText} from '../../atoms/paragraph-components';
 import {Heading2} from '../../atoms/heading-components';
 
 type MyChildListItemProps = {
   id: string;
   name: string;
-  age: string;
   sourceAvatar: ImageSourcePropType | Initials;
   onPressChild: (id: string) => void;
   onPressArrow: (id: string) => void;
@@ -20,7 +18,6 @@ type MyChildListItemProps = {
 export const MyChildListItem = ({
   id,
   name,
-  age,
   sourceAvatar,
   onPressChild,
   onPressArrow,
@@ -37,12 +34,11 @@ export const MyChildListItem = ({
       <Pressable style={styles.innerContainer} onPress={() => onPressChild(id)}>
         <Avatar source={sourceAvatar} size={Size.MEDIUM} />
         <View style={styles.childTextContainer}>
-          <TinyText textAlign={'left'}>{age}</TinyText>
           <Heading2
             bold={true}
-            textAlign={'left'}
             numberOfLines={1}
             ellipsizeMode={'tail'}
+            textColor={context.colors.ui.black}
           >
             {name}
           </Heading2>

package/src/components/organisms/my-child-list-item/my-child-list-item.preview.tsx

@@ -23,7 +23,6 @@ export const MyChildListItemPreview = ({}: {}) => {
       <MyChildListItem
         id={item.id}
         name={item.name}
-        age={item.age}
         sourceAvatar={require('../../../../assets/components/avatar/baby.png')}
         onPressChild={(id) => console.log('Pressed ', id)}
         onPressArrow={(id) => console.log('Pressed arrow ', id)}