@bigbinary/neetoui-rn 0.0.10 → 0.0.11

package/lib/components/Button.js

@@ -1,6 +1,8 @@
 import * as React from "react";
 import { flexbox, space, border, buttonStyle } from "styled-system";
 import styled from "styled-components/native";
+import propTypes from "@styled-system/prop-types";
+import PropTypes from "prop-types";
 
 export const TouchableOpacity = styled.TouchableOpacity`
   ${flexbox}
@@ -18,3 +20,11 @@ Button.defaultProps = {
   p: 15,
   alignItems: "center",
 };
+
+Button.propTypes = {
+  ...propTypes.flexbox,
+  ...propTypes.space,
+  ...propTypes.border,
+  ...propTypes.buttonStyle,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Container.js

@@ -1,7 +1,10 @@
+import * as React from "react";
 import { flexbox, space, border, color, layout } from "styled-system";
 import styled from "styled-components/native";
+import propTypes from "@styled-system/prop-types";
+import PropTypes from "prop-types";
 
-export const Container = styled.View`
+const View = styled.View`
   ${flexbox}
   ${space}
   ${border}
@@ -9,6 +12,19 @@ export const Container = styled.View`
   ${layout}
 `;
 
+export const Container = ({ children, ...rest }) => {
+  return <View {...rest}>{children}</View>;
+};
+
 Container.defaultProps = {
   color: "background.default",
 };
+
+Container.propTypes = {
+  ...propTypes.flexbox,
+  ...propTypes.space,
+  ...propTypes.border,
+  ...propTypes.color,
+  ...propTypes.layout,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Body.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Body = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Body.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Callout.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Callout = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Callout.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Caption1.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Caption1 = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Caption1.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Caption2.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Caption2 = ({ children, ...rest }) => {
     </Typography>
   );
 };
+
+Caption2.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Headline.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Headline = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Headline.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/LargeTitle.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const LargeTitle = ({ children, ...rest }) => {
     </Typography>
   );
 };
+
+LargeTitle.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Title1.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Title1 = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Title1.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Title2.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Title2 = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Title2.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Title3.js

@@ -1,4 +1,6 @@
 import * as React from "react";
+import PropTypes from "prop-types";
+
 import { Typography } from "./Typography";
 
 // @component-group Typography Components
@@ -33,3 +35,8 @@ export const Title3 = ({ children, rest }) => {
     </Typography>
   );
 };
+
+Title3.propTypes = {
+  ...Typography.propTypes,
+  children: PropTypes.node.isRequired,
+};

package/lib/components/Typography/Typography.js

@@ -1,6 +1,8 @@
 import * as React from "react";
 import styled from "styled-components/native";
 import { space, layout, typography, color, textStyle } from "styled-system";
+import propTypes from "@styled-system/prop-types";
+import PropTypes from "prop-types";
 
 export const Text = styled.Text`
   ${space}
@@ -53,3 +55,12 @@ export const Text = styled.Text`
 export const Typography = ({ children, ...rest }) => {
   return <Text {...rest}>{children}</Text>;
 };
+
+Typography.propTypes = {
+  ...propTypes.space,
+  ...propTypes.layout,
+  ...propTypes.typography,
+  ...propTypes.color,
+  ...propTypes.textStyle,
+  children: PropTypes.node.isRequired,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "main": "lib/index.js",
   "author": "BigBinary",
   "license": "MIT",
@@ -41,7 +41,9 @@
     ]
   },
   "peerDependencies": {},
-  "dependencies": {},
+  "dependencies": {
+    "@styled-system/prop-types": "^5.1.5"
+  },
   "devDependencies": {
     "@babel/core": "^7.12.9",
     "@babel/runtime": "^7.12.5",