@tactics/toddle-styleguide 5.4.30 → 5.4.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.30",
+  "version": "5.4.32",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",
@@ -10,25 +10,21 @@
     "pnpm": "10"
   },
   "dependencies": {
-    "@miblanchard/react-native-slider": "^2.6.0",
-    "@tactics/kinderopvang-branding": "1.0.3",
-    "dayjs": "^1.11.19",
-    "dayjs-plugin-utc": "^0.1.2",
-    "intl": "^1.2.5",
-    "react-native-calendars": "^1.1314.0",
-    "react-native-picker-select": "^8.1.0",
-    "react-native-wheel-picker-expo": "^0.5.4",
-    "react-native-wheely": "^0.6.0"
-  },
-  "peerDependencies": {
     "@expo/metro-runtime": "*",
     "@expo/vector-icons": "*",
+    "@miblanchard/react-native-slider": "^2.6.0",
     "@react-navigation/bottom-tabs": "*",
     "@react-navigation/drawer": "*",
     "@react-navigation/native": "*",
     "@react-navigation/native-stack": "*",
     "@react-navigation/stack": "*",
-    "expo": "*",
+    "@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": "*",
@@ -47,21 +43,23 @@
     "expo-status-bar": "*",
     "expo-task-manager": "*",
     "expo-updates-interface": "*",
-    "react": "*",
-    "react-dom": "*",
-    "react-native": "*",
-    "react-native-gesture-handler": "*",
-    "react-native-pager-view": "*",
-    "react-native-reanimated": "*",
-    "react-native-safe-area-context": "*",
-    "react-native-screens": "*",
-    "react-native-svg": "*",
-    "react-native-web": "*"
-  },
-  "devDependencies": {
-    "@types/react": "~19.2.14",
-    "depcheck": "^1.4.7",
+    "intl": "^1.2.5",
     "prettier": "2.8.8",
+    "react": "19.1.0",
+    "react-dom": "19.1.0",
+    "react-native": "0.81.5",
+    "react-native-calendars": "^1.1314.0",
+    "react-native-gesture-handler": "~2.28.0",
+    "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-screens": "~4.16.0",
+    "react-native-svg": "15.12.1",
+    "react-native-web": "*",
+    "react-native-wheel-picker-expo": "^0.5.4",
+    "react-native-wheely": "^0.6.0",
+    "react-native-worklets": "0.5.1",
     "typescript": "~5.9.3"
   },
   "resolutions": {

package/src/components/atoms/paragraph-components/small-text/small-text.component.tsx

@@ -1,8 +1,8 @@
 import React, {useContext} from 'react';
 import {Text} from 'react-native';
-import {TextProperties} from '../../../../types/text-properties.type';
 import {Stylesheet} from '../paragraph-text.styles';
 import {ThemeCtx} from '../../../../context/theme.context';
+import {TextProperties} from '../../../../types/text-properties.type';
 
 export const SmallText = ({
   bold,

package/src/components/molecules/swipe/swipe.component.tsx

@@ -1,9 +1,4 @@
-import React, {Children, ReactNode, useContext, useRef, useState} from 'react';
-import { Platform } from 'react-native';
-import {ThemeCtx} from '../../../context/theme.context';
-import {Stylesheet} from './swipe.styles';
-import {Icon} from '../../../icons/index';
-import {Pressable, View} from 'react-native';
+import React, {Children, ReactNode} from 'react';
 
 type SwipeProps = {
   children: ReactNode;

package/src/icons/outline/outline.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {JSX} from 'react';
 
 import {IconNameInterface} from '../../interfaces/icon.interface';
 

package/src/icons/solid/solid.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {JSX} from 'react';
 
 import {IconNameInterface} from '../../interfaces/icon.interface';
 import {CalendarIcon as CalendarSolid} from './calendar/calendar.icon';

package/src/types/text-properties.type.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, {PropsWithChildren} from 'react';
 import {StyleProp, TextStyle} from 'react-native';
 
-export type TextProperties = {
+export interface TextProperties extends PropsWithChildren {
   bold?: boolean;
   textColor?: string;
   children: React.ReactNode;
@@ -9,4 +9,4 @@ export type TextProperties = {
   numberOfLines?: number | undefined;
   ellipsizeMode?: 'head' | 'tail' | 'middle' | 'clip' | undefined;
   addStyle?: StyleProp<TextStyle>;
-};
+}