feat(faraday-ui): text component

packages/component-faraday-ui/package.json

+{
+  "name": "component-faraday-ui",
+  "version": "1.0.0",
+  "main": "index.js",
+  "license": "MIT",
+  "dependencies": {
+    "@pubsweet/ui": "^8.3.0",
+    "@pubsweet/ui-toolkit": "^1.2.0",
+    "react": "^16.4.2",
+    "styled-components": "^3.4.2"
+  }
+}

packages/component-faraday-ui/src/Text.js

+import { th } from '@pubsweet/ui-toolkit'
+import styled, { css } from 'styled-components'
+
+const fontSize = css`
+  color: ${props => (props.secondary ? th('colorSecondary') : th('colorText'))};
+  font-size: ${props =>
+    props.small ? th('fontSizeBaseSmall') : th('fontSizeBase')};
+  line-height: ${props =>
+    props.small ? th('lineHeightBaseSmall') : th('lineHeightBase')};
+`
+
+const Text = styled.span`
+  font-family: ${th('fontReading')};
+  ${fontSize};
+`
+
+export default Text

packages/component-faraday-ui/src/Text.md

+A piece of text. (Body 1)
+
+```js
+<Text>my boy is amazing</Text>
+```
+
+A secondary text. (Body 2)
+
+```js
+<Text secondary>my boy is amazing</Text>
+```
+
+A small text.
+
+```js
+<Text small>my boy is amazing</Text>
+```
+
+A small secondary text.
+
+```js
+<Text small secondary>my boy is amazing</Text>
+```

packages/styleguide/src/webpack-config.js

@@ -7,7 +7,11 @@ const path = require('path')
 // const nodeExternals = require('webpack-node-externals')
 
 module.exports = dir => {
-  const include = [path.join(dir, 'src'), /@pubsweet\/[^/]+\/src/]
+  const include = [
+    path.join(dir, 'src'),
+    /@pubsweet\/[^/]+\/src/,
+    /component-faraday-ui\/src/,
+  ]
   return {
     devtool: 'cheap-module-source-map',
     entry: './src/index.js',

packages/styleguide/styleguide.config.js

 const path = require('path')
 
 module.exports = {
+  components: ['src/components/**/*.js', '../component-faraday-ui/src/**/*.js'],
   styleguideComponents: {
     Wrapper: path.join(__dirname, 'src/config/Wrapper'),
   },