Version 0.0.30

AppAndFlow · Sep 19, 2018 · 4c2e01c · 4c2e01c
1 parent 62493c9
commit 4c2e01c
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -268,7 +268,7 @@ class MyComponent extends Component {
             }}
           />
         </Box>
-        <Box border={2} align="end" justify="center" h={200} w={1} bg="red">
+        <Box border={2} align="end" justify="center" h={200} w="100%" bg="red">
           <Box bg="blue" f={1} />
           <Box bg="green" f={2} />
         </Box>

diff --git a/lib/components/Box.tsx b/lib/components/Box.tsx
@@ -37,7 +37,7 @@ export interface IInjectedProps {
   theme: ITheme;
 }
 
-export interface UtilityBoxProps {
+export interface UtilityBoxProps extends ViewProps {
   style?: StyleProp<ViewStyle>;
 
   bg?: string;
@@ -87,7 +87,7 @@ export interface UtilityBoxProps {
   rows?: number[];
 }
 
-const Box: React.SFC<IInjectedProps & UtilityBoxProps & ViewProps> = ({
+const Box: React.SFC<IInjectedProps & UtilityBoxProps> = ({
   theme,
   m,
   mb,

diff --git a/lib/components/Text.tsx b/lib/components/Text.tsx
@@ -34,7 +34,7 @@ export interface IInjectedProps {
   theme: ITheme;
 }
 
-export interface UtilityTextProps {
+export interface UtilityTextProps extends TextProps {
   style?: StyleProp<TextStyle>;
 
   border?: number;
@@ -86,7 +86,7 @@ export interface UtilityTextProps {
   weight?: string;
 }
 
-const Text: React.SFC<IInjectedProps & UtilityTextProps & TextProps> = ({
+const Text: React.SFC<IInjectedProps & UtilityTextProps> = ({
   theme,
   border,
   color,
@@ -200,6 +200,7 @@ const Text: React.SFC<IInjectedProps & UtilityTextProps & TextProps> = ({
   });
 
   return (
+    // @ts-ignore
     <RnText {...rest} style={style.text}>
       {child}
     </RnText>

diff --git a/lib/utils/box/size.ts b/lib/utils/box/size.ts
@@ -17,7 +17,7 @@ export const boxSizeUtils = (props: IProps) => {
     if (typeof h === 'string') {
       _style.height = h;
     } else if (typeof h === 'number') {
-      if (h <= 1) {
+      if (h < 1) {
         _style.height = `${h * 100}%`;
       } else {
         _style.height = h;
@@ -31,7 +31,7 @@ export const boxSizeUtils = (props: IProps) => {
     if (typeof w === 'string') {
       _style.width = w;
     } else if (typeof w === 'number') {
-      if (w <= 1) {
+      if (w < 1) {
         _style.width = `${w * 100}%`;
       } else {
         _style.width = w;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-design-utility",
-  "version": "0.0.29",
+  "version": "0.0.30",
   "description": "react-native utility library for ui",
   "main": "dist/ReactNativeDesignUtility.js",
   "module": "dist/ReactNativeDesignUtility.es6.js",