@bigbinary/neetoui-rn 0.0.12 → 0.0.13

package/README.md

@@ -1,6 +1,5 @@
-[![Netlify Status](https://api.netlify.com/api/v1/badges/1772e21c-61b9-4100-9b2e-9b0d1ce6a210/deploy-status)](https://app.netlify.com/sites/neetoui-rn/deploys) [![Netlify Status](https://api.netlify.com/api/v1/badges/717761ba-353e-4417-9860-86e49b78ac36/deploy-status)](https://app.netlify.com/sites/neetoui-rn-docs/deploys)
-
-
+[![Netlify Status](https://api.netlify.com/api/v1/badges/1772e21c-61b9-4100-9b2e-9b0d1ce6a210/deploy-status)](https://app.netlify.com/sites/neetoui-rn/deploys)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/717761ba-353e-4417-9860-86e49b78ac36/deploy-status)](https://app.netlify.com/sites/neetoui-rn-docs/deploys)
 
 **NeetoUI-RN** is the library that drives the experience in all Neeto React
 Native products built at [BigBinary](https://www.bigbinary.com).
@@ -43,11 +42,10 @@ folder with static files.
 
 Run `yarn serve` to serve storybook locally.
 
+## Building Component Documentation
 
-## Building Component Documentation 
-
-Run `cd docs`, `yarn build` to build component documentation locally, this would create `dist`
-folder with static files in `docs` folder.
+Run `cd docs`, `yarn build` to build component documentation locally, this would
+create `dist` folder with static files in `docs` folder.
 
 ## Documentation
 

package/lib/components/Typography/Body.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Body = ({ children, rest }) => {
+export const Body = ({ children, ...rest }) => {
   return (
     <Typography fontSize="body" fontFamily="regular" {...rest}>
       {children}

package/lib/components/Typography/Callout.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Callout = ({ children, rest }) => {
+export const Callout = ({ children, ...rest }) => {
   return (
     <Typography fontSize="callout" fontFamily="bold" {...rest}>
       {children}

package/lib/components/Typography/Caption1.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Caption1 = ({ children, rest }) => {
+export const Caption1 = ({ children, ...rest }) => {
   return (
     <Typography fontSize="caption1" fontFamily="regular" {...rest}>
       {children}

package/lib/components/Typography/Headline.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Headline = ({ children, rest }) => {
+export const Headline = ({ children, ...rest }) => {
   return (
     <Typography fontSize="headline" fontFamily="bold" {...rest}>
       {children}

package/lib/components/Typography/Title1.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Title1 = ({ children, rest }) => {
+export const Title1 = ({ children, ...rest }) => {
   return (
     <Typography fontSize="title1" fontFamily="bold" {...rest}>
       {children}

package/lib/components/Typography/Title2.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Title2 = ({ children, rest }) => {
+export const Title2 = ({ children, ...rest }) => {
   return (
     <Typography fontSize="title2" fontFamily="bold" {...rest}>
       {children}

package/lib/components/Typography/Title3.js

@@ -28,7 +28,7 @@ import { Typography } from "./Typography";
  * @extends StyledSystems props /styled-system
  */
 
-export const Title3 = ({ children, rest }) => {
+export const Title3 = ({ children, ...rest }) => {
   return (
     <Typography fontSize="title3" fontFamily="regular" {...rest}>
       {children}

package/lib/components/Typography/Typography.js

@@ -1,12 +1,20 @@
 import * as React from "react";
 import styled from "styled-components/native";
-import { space, layout, typography, color, textStyle } from "styled-system";
+import {
+  space,
+  layout,
+  flexbox,
+  typography,
+  color,
+  textStyle,
+} from "styled-system";
 import propTypes from "@styled-system/prop-types";
 import PropTypes from "prop-types";
 
 export const Text = styled.Text`
   ${space}
   ${layout}
+  ${flexbox}
   ${typography}
   ${color}
   ${textStyle}
@@ -22,6 +30,7 @@ export const Text = styled.Text`
  * <ul>
  * <li>space</li>
  * <li>layout</li>
+ * <li>flexbox</li>
  * <li>typography</li>
  * <li>color</li>
  * <li>textStyle</li>
@@ -59,6 +68,7 @@ export const Typography = ({ children, ...rest }) => {
 Typography.propTypes = {
   ...propTypes.space,
   ...propTypes.layout,
+  ...propTypes.flexbox,
   ...propTypes.typography,
   ...propTypes.color,
   ...propTypes.textStyle,

package/lib/theme/index.js

@@ -7,7 +7,7 @@ const baseTheme = {
       base: "#2F3941",
       primary: "#1B1F23",
       secondary: "#676767",
-      danger: "#FE295C",
+      danger: "#FF6969",
     },
     background: {
       default: "#FFFFFF",
@@ -25,7 +25,7 @@ const baseTheme = {
       default: "#FFFFFF",
       base: "#2F3941",
       primary: "#E4E4E7",
-      danger: "#FE295C",
+      danger: "#FF6969",
     },
   },
   fonts: {
@@ -43,6 +43,7 @@ const baseTheme = {
     regular: "Inter-Regular",
     bold: "Inter-Bold",
   },
+  lineHeights: [24],
   fontSizes: {
     largeTitle: moderateScale(32),
     title1: moderateScale(24),
@@ -56,6 +57,9 @@ const baseTheme = {
   },
 };
 
+//aliases
+baseTheme.lineHeights.note = baseTheme.lineHeights[0] + "px";
+
 export const theme = {
   ...baseTheme,
   buttons: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "main": "lib/index.js",
   "author": "BigBinary",
   "license": "MIT",