@tactics/toddle-styleguide 5.4.32 → 5.4.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tactics/toddle-styleguide",
-  "version": "5.4.32",
+  "version": "5.4.34",
   "main": "index.tsx",
   "types": "index.d.ts",
   "prepublish": "tsc",

package/src/components/atoms/footer/footer.component.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {PropsWithChildren} from 'react';
 import {useContext} from 'react';
 import {View} from 'react-native';
 
@@ -6,9 +6,7 @@ import {ThemeCtx} from '../../../context/theme.context';
 import {Stylesheet} from './footer.styles';
 import {useSafeAreaInsets} from 'react-native-safe-area-context';
 
-type FooterProps = {
-  children: React.ReactNode;
-};
+interface FooterProps extends PropsWithChildren {}
 
 const Footer = ({children}: FooterProps) => {
   const context = useContext(ThemeCtx);

package/src/components/molecules/swipeable/swipeable-container.component.d.ts

@@ -1,9 +1,9 @@
-import React from "react";
+import {PropsWithChildren} from 'react';
 import { VisualState } from "../../../types/visual-state.enum";
-type SwipeableContainerProps = {
+interface SwipeableContainerProps extends PropsWithChildren {
     actions: SwipeableContainerAction[];
-    children: React.ReactNode;
-};
+}
+
 type SwipeableContainerAction = {
     visualState: VisualState;
     label: string;

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

@@ -4,7 +4,6 @@ import {StyleProp, TextStyle} from 'react-native';
 export interface TextProperties extends PropsWithChildren {
   bold?: boolean;
   textColor?: string;
-  children: React.ReactNode;
   textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | undefined;
   numberOfLines?: number | undefined;
   ellipsizeMode?: 'head' | 'tail' | 'middle' | 'clip' | undefined;