feat: integration with react native (#271)

Feature: integration with react native 🌉
This commit is contained in:
Jabur
2018-09-02 02:12:52 +02:00
committed by Pedro Nauck
parent 0f6ea2a6d6
commit ac359cee5e
27 changed files with 1808 additions and 5 deletions

View File

@@ -81,12 +81,15 @@ Documenting our things is one of the most important and heavy processes when you
## 🎛   Plugins
- **[css](https://github.com/pedronauck/docz/blob/master/packages/docz-plugin-css)** - Parse css files inside your documents
- **[babel6](https://github.com/pedronauck/docz/blob/master/packages/docz-plugin-babel6)** - Use this plugin to use older babel version
- **[babel6](https://github.com/pedronauck/docz/blob/master/packages/docz-plugin-babel6)** - Use this plugin to use older babel version **[DEPRECATED]** ⚠️
- **[react-native](https://github.com/pedronauck/docz/blob/master/packages/docz-plugin-svgr)** - Allow you to use docz with React Native
- **[svgr](https://github.com/pedronauck/docz/blob/master/packages/docz-plugin-svgr)** - Allow you to parse svg using svgr
## 🗃   Examples
- **[basic](https://github.com/pedronauck/docz/tree/master/examples/basic)** - Some basic example
- **[react-native-flow](https://github.com/pedronauck/docz/tree/master/examples/react-native-flow)** - Using in a React Native project with flow
- **[react-native-prop-types](https://github.com/pedronauck/docz/tree/master/examples/react-native-prop-types)** - Using in a React Native project with propTypes
- **[babel 6](https://github.com/pedronauck/docz/tree/master/examples/babel6)** - Using docz with Babel@6 ***(DEPRECATED)***
- **[with typescript](https://github.com/pedronauck/docz/tree/master/examples/typescript)** - Using docz with Typescript
- **[with flow](https://github.com/pedronauck/docz/tree/master/examples/flow)** - Using docz with Flow
@@ -95,6 +98,7 @@ Documenting our things is one of the most important and heavy processes when you
- **[with postcss](https://github.com/pedronauck/docz/tree/master/examples/css-postcss)** - Using docz parsing css with PostCSS
- **[with stylus](https://github.com/pedronauck/docz/tree/master/examples/css-stylus)** - Using docz parsing css with Stylus
## 🚧   Warning!
> Due to performance issues **docz** uses babel 7 and webpack 4. So, if you're using some older version of this packages you'll probably get some errors! About webpack 4 we can't do anything, but about babel, we indicate that you update your babel version. You can do that just by running [babel-upgrade](https://github.com/babel/babel-upgrade):

View File

@@ -7,7 +7,6 @@
"build": "docz build"
},
"dependencies": {
"@babel/preset-flow": "^7.0.0",
"emotion": "^9.2.8",
"prop-types": "^15.6.2",
"react": "^16.4.2",
@@ -15,6 +14,7 @@
"react-emotion": "^9.2.8"
},
"devDependencies": {
"@babel/preset-flow": "^7.0.0",
"docz": "^0.10.3",
"babel-plugin-emotion": "^9.2.8",
"flow-bin": "^0.79.1",

View File

@@ -0,0 +1,5 @@
{
"presets": [
"@babel/preset-flow"
]
}

View File

@@ -0,0 +1,4 @@
[ignore]
<PROJECT_ROOT>/node_modules/**
[libs]
./flow-typed

View File

@@ -0,0 +1,11 @@
{
"requirePragma": false,
"printWidth": 80,
"tabWidth": 2,
"useTabs": false,
"semi": false,
"singleQuote": true,
"trailingComma": "es5",
"bracketSpacing": true,
"jsxBracketSameLine": false
}

View File

@@ -0,0 +1,543 @@
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
<a name="0.10.0"></a>
# [0.10.0](https://github.com/pedronauck/docz/compare/v0.9.6...v0.10.0) (2018-08-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.6"></a>
## [0.9.6](https://github.com/pedronauck/docz/compare/v0.9.5...v0.9.6) (2018-08-06)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.5"></a>
## [0.9.5](https://github.com/pedronauck/docz/compare/v0.9.4...v0.9.5) (2018-08-04)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.4"></a>
## [0.9.4](https://github.com/pedronauck/docz/compare/v0.9.4-beta.1...v0.9.4) (2018-08-04)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.3"></a>
## [0.9.3](https://github.com/pedronauck/docz/compare/v0.9.2...v0.9.3) (2018-08-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.2"></a>
## [0.9.2](https://github.com/pedronauck/docz/compare/v0.9.1...v0.9.2) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.1"></a>
## [0.9.1](https://github.com/pedronauck/docz/compare/v0.9.0...v0.9.1) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0"></a>
# [0.9.0](https://github.com/pedronauck/docz/compare/v0.9.0-beta.1...v0.9.0) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0-beta.1"></a>
# [0.9.0-beta.1](https://github.com/pedronauck/docz/compare/v0.9.0-beta.0...v0.9.0-beta.1) (2018-08-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0-beta.0"></a>
# [0.9.0-beta.0](https://github.com/pedronauck/docz/compare/v0.8.0...v0.9.0-beta.0) (2018-08-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.8.0"></a>
# [0.8.0](https://github.com/pedronauck/docz/compare/v0.7.1...v0.8.0) (2018-07-28)
**Note:** Version bump only for package docz-example-basic
<a name="0.7.1"></a>
## [0.7.1](https://github.com/pedronauck/docz/compare/v0.7.0...v0.7.1) (2018-07-24)
**Note:** Version bump only for package docz-example-basic
<a name="0.7.0"></a>
# [0.7.0](https://github.com/pedronauck/docz/compare/v0.6.2...v0.7.0) (2018-07-23)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.2"></a>
## [0.6.2](https://github.com/pedronauck/docz/compare/v0.6.1...v0.6.2) (2018-07-20)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.1"></a>
## [0.6.1](https://github.com/pedronauck/docz/compare/v0.6.0...v0.6.1) (2018-07-19)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.0"></a>
# [0.6.0](https://github.com/pedronauck/docz/compare/v0.5.9...v0.6.0) (2018-07-19)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.9"></a>
## [0.5.9](https://github.com/pedronauck/docz/compare/v0.5.8...v0.5.9) (2018-07-16)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.8"></a>
## [0.5.8](https://github.com/pedronauck/docz/compare/v0.5.7...v0.5.8) (2018-07-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.7"></a>
## [0.5.7](https://github.com/pedronauck/docz/compare/v0.5.6...v0.5.7) (2018-07-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.6"></a>
## [0.5.6](https://github.com/pedronauck/docz/compare/v0.5.5...v0.5.6) (2018-07-11)
### Bug Fixes
* **docz:** add theme config transform before merge ([dc3448a](https://github.com/pedronauck/docz/commit/dc3448a))
<a name="0.5.5"></a>
## [0.5.5](https://github.com/pedronauck/docz/compare/v0.5.4...v0.5.5) (2018-07-07)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.4"></a>
## [0.5.4](https://github.com/pedronauck/docz/compare/v0.5.3...v0.5.4) (2018-07-07)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.3"></a>
## [0.5.3](https://github.com/pedronauck/docz/compare/v0.5.2...v0.5.3) (2018-07-05)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.2"></a>
## [0.5.2](https://github.com/pedronauck/docz/compare/v0.5.1...v0.5.2) (2018-07-05)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.1"></a>
## [0.5.1](https://github.com/pedronauck/docz/compare/v0.3.4...v0.5.1) (2018-07-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.0"></a>
# [0.5.0](https://github.com/pedronauck/docz/compare/v0.3.4...v0.5.0) (2018-07-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.4.0"></a>
# [0.4.0](https://github.com/pedronauck/docz/compare/v0.3.4...v0.4.0) (2018-06-30)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.4"></a>
## [0.3.4](https://github.com/pedronauck/docz/compare/v0.3.3...v0.3.4) (2018-06-26)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.3"></a>
## [0.3.3](https://github.com/pedronauck/docz/compare/v0.3.2...v0.3.3) (2018-06-26)
### Bug Fixes
* **docz-core:** copy templates files for dist ([#88](https://github.com/pedronauck/docz/issues/88)) ([5e4b98d](https://github.com/pedronauck/docz/commit/5e4b98d))
<a name="0.3.2"></a>
## [0.3.2](https://github.com/pedronauck/docz/compare/v0.3.1...v0.3.2) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.1"></a>
## [0.3.1](https://github.com/pedronauck/docz/compare/v0.2.11...v0.3.1) (2018-06-25)
### Features
* **docz-default-theme:** dark mode and responsiveness ([#87](https://github.com/pedronauck/docz/issues/87)) ([a4db115](https://github.com/pedronauck/docz/commit/a4db115)), closes [#81](https://github.com/pedronauck/docz/issues/81)
<a name="0.3.0"></a>
# [0.3.0](https://github.com/pedronauck/docz/compare/v0.3.0-beta.0...v0.3.0) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.0-beta.0"></a>
# [0.3.0-beta.0](https://github.com/pedronauck/docz/compare/v0.2.11...v0.3.0-beta.0) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.11"></a>
## [0.2.11](https://github.com/pedronauck/docz/compare/v0.2.10...v0.2.11) (2018-06-22)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.10"></a>
## [0.2.10](https://github.com/pedronauck/docz/compare/v0.2.9...v0.2.10) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.9"></a>
## [0.2.9](https://github.com/pedronauck/docz/compare/v0.2.8...v0.2.9) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.8"></a>
## [0.2.8](https://github.com/pedronauck/docz/compare/v0.2.7...v0.2.8) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.7"></a>
## [0.2.7](https://github.com/pedronauck/docz/compare/v0.2.6...v0.2.7) (2018-06-20)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.6"></a>
## [0.2.6](https://github.com/pedronauck/docz/compare/v0.2.5...v0.2.6) (2018-06-17)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.5"></a>
## [0.2.5](https://github.com/pedronauck/docz/compare/v0.2.4...v0.2.5) (2018-06-15)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.4"></a>
## [0.2.4](https://github.com/pedronauck/docz/compare/v0.2.3...v0.2.4) (2018-06-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.3"></a>
## [0.2.3](https://github.com/pedronauck/docz/compare/v0.2.2...v0.2.3) (2018-06-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.2"></a>
## [0.2.2](https://github.com/pedronauck/docz/compare/v0.2.1...v0.2.2) (2018-06-12)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.1"></a>
## [0.2.1](https://github.com/pedronauck/docz/compare/v0.2.0...v0.2.1) (2018-06-12)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0"></a>
# [0.2.0](https://github.com/pedronauck/docz/compare/v0.2.0-beta.2...v0.2.0) (2018-06-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0-beta.2"></a>
# [0.2.0-beta.2](https://github.com/doczjs/docz/compare/v0.2.0-beta.1...v0.2.0-beta.2) (2018-06-10)
### Bug Fixes
* **docz-core:** autolink headings ([0b8369d](https://github.com/doczjs/docz/commit/0b8369d))
<a name="0.2.0-beta.1"></a>
# [0.2.0-beta.1](https://github.com/doczjs/docz/compare/v0.2.0-beta.0...v0.2.0-beta.1) (2018-06-10)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0-beta.0"></a>
# [0.2.0-beta.0](https://github.com/doczjs/docz/compare/v0.1.2-beta.6...v0.2.0-beta.0) (2018-06-10)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.6"></a>
## [0.1.2-beta.6](https://github.com/doczjs/docz/compare/v0.1.2-beta.5...v0.1.2-beta.6) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.5"></a>
## [0.1.2-beta.5](https://github.com/doczjs/docz/compare/v0.1.2-beta.4...v0.1.2-beta.5) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.4"></a>
## [0.1.2-beta.4](https://github.com/doczjs/docz/compare/v0.1.2-beta.3...v0.1.2-beta.4) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.3"></a>
## [0.1.2-beta.3](https://github.com/doczjs/docz/compare/v0.1.2-beta.2...v0.1.2-beta.3) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.2"></a>
## [0.1.2-beta.2](https://github.com/doczjs/docz/compare/v0.1.2-beta.1...v0.1.2-beta.2) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.1"></a>
## [0.1.2-beta.1](https://github.com/doczjs/docz/compare/v0.1.2-beta.0...v0.1.2-beta.1) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.0"></a>
## [0.1.2-beta.0](https://github.com/doczjs/docz/compare/v0.1.1...v0.1.2-beta.0) (2018-06-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.6"></a>
## [0.1.1-beta.6](https://github.com/doczjs/docz/compare/v0.1.1-beta.5...v0.1.1-beta.6) (2018-06-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.5"></a>
## [0.1.1-beta.5](https://github.com/doczjs/docz/compare/v0.1.1-beta.4...v0.1.1-beta.5) (2018-06-01)
### Bug Fixes
* **load-cfg:** add namedExports options ([d36194d](https://github.com/doczjs/docz/commit/d36194d))
<a name="0.1.1-beta.4"></a>
## [0.1.1-beta.4](https://github.com/doczjs/docz/compare/v0.1.1-beta.3...v0.1.1-beta.4) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.3"></a>
## [0.1.1-beta.3](https://github.com/doczjs/docz/compare/v0.1.1-beta.2...v0.1.1-beta.3) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.2"></a>
## [0.1.1-beta.2](https://github.com/doczjs/docz/compare/v0.1.1-beta.0...v0.1.1-beta.2) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.1"></a>
## [0.1.1-beta.1](https://github.com/doczjs/docz/compare/v0.1.1-beta.0...v0.1.1-beta.1) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.0"></a>
## [0.1.1-beta.0](https://github.com/doczjs/docz/compare/v0.1.0...v0.1.1-beta.0) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.0"></a>
# 0.1.0 (2018-05-29)
### Bug Fixes
* **docz-core:** config watch for directory operations ([43fa7ab](https://github.com/doczjs/docz/commit/43fa7ab))
* **docz-core:** create plugin to fix paragraph parse on mdx ([42b4f05](https://github.com/doczjs/docz/commit/42b4f05))
* **docz-core:** packages splitting ([d2e74ee](https://github.com/doczjs/docz/commit/d2e74ee))
* **docz-example-basic:** package name ([dec5713](https://github.com/doczjs/docz/commit/dec5713))
### Features
* **docz:** add groups feature ([9652b30](https://github.com/doczjs/docz/commit/9652b30))
* add basic monorepo structure ([5a977ed](https://github.com/doczjs/docz/commit/5a977ed))
* **docz:** add components parser ([a4127d9](https://github.com/doczjs/docz/commit/a4127d9))
* **docz:** add custom routes for docs ([8458d91](https://github.com/doczjs/docz/commit/8458d91))
* **docz-core:** add build command ([ef7abd2](https://github.com/doczjs/docz/commit/ef7abd2))
* **docz-core:** add hot reload ([9ebe65d](https://github.com/doczjs/docz/commit/9ebe65d))
* **docz-core:** add playground code parse section ([6bbf158](https://github.com/doczjs/docz/commit/6bbf158))
* **docz-core:** set babel on the fly ([672be49](https://github.com/doczjs/docz/commit/672be49))
* add component props parse feature ([987627d](https://github.com/doczjs/docz/commit/987627d))
* add support for highlight code sections ([19bf7ea](https://github.com/doczjs/docz/commit/19bf7ea))
* **docz-core:** use websockets instead of generate json to process entries ([e0773a0](https://github.com/doczjs/docz/commit/e0773a0))
* **docz-theme-default:** start logic to create theme feature ([900cf2b](https://github.com/doczjs/docz/commit/900cf2b))
* refac to use mdx ([04b59e5](https://github.com/doczjs/docz/commit/04b59e5))

6
examples/react-native-flow/doczrc.js vendored Normal file
View File

@@ -0,0 +1,6 @@
import { reactNative } from 'docz-plugin-react-native'
export default {
title: 'React Native',
plugins: [reactNative()],
}

View File

@@ -0,0 +1,20 @@
{
"name": "docz-example-react-native-flow",
"version": "0.10.0",
"license": "MIT",
"scripts": {
"dev": "docz dev",
"build": "docz build"
},
"dependencies": {
"react": "^16.4.2",
"react-dom": "^16.4.2",
"styled-components": "^3.4.2"
},
"devDependencies": {
"@babel/preset-flow": "^7.0.0",
"docz": "^0.10.3",
"flow-bin": "^0.79.1",
"flow-typed": "^2.5.1"
}
}

View File

@@ -0,0 +1,36 @@
// @flow
import React, { Fragment } from 'react'
import styled from 'styled-components/native'
const kinds = {
info: '#5352ED',
positive: '#2ED573',
negative: '#FF4757',
warning: '#FFA502',
}
type Kind = 'info' | 'positive' | 'negative' | 'warning'
type AlertProps = {
/**
* Set this to change alert kind
*/
kind: Kind,
}
const AlertStyled = styled.View`
padding: 15px 20px;
background: white;
border-radius: 3px;
color: white;
background: ${({ kind = 'info' }) => kinds[kind]};
`
export const Text = styled.Text`
color: white;
`
export const Alert = ({ kind = 'info', ...props }: AlertProps) => (
<AlertStyled {...props} kind={kind} />
)

View File

@@ -0,0 +1,43 @@
---
name: Alert
menu: Components
---
import { Playground, PropsTable } from 'docz'
import { Alert, Text } from './Alert'
# Alert
## Properties
<PropsTable of={Alert} />
## Basic usage
<Playground>
<Alert>
<Text>Some message</Text>
</Alert>
</Playground>
## Using different kinds
<Playground>
<Alert kind="info"><Text>Some message</Text></Alert>
<Alert kind="positive"><Text>Some message</Text></Alert>
<Alert kind="negative"><Text>Some message</Text></Alert>
<Alert kind="warning"><Text>Some message</Text></Alert>
</Playground>
## Use with children as a function
<Playground>
{() => {
const message = 'Hello world'
return (
<Alert><Text>{message}</Text></Alert>
)
}}
</Playground>

View File

@@ -0,0 +1,74 @@
// @flow
import React from 'react'
import styled from 'styled-components/native'
const scales = {
small: `
width: 100px;
padding: 5px 10px;
font-size: 14;
`,
normal: `
width: 130px;
padding: 10px 20px;
font-size: 16;
`,
big: `
width: 180px;
padding: 20px 30px;
font-size: 18;
`,
}
const kind = (bg, color) => `
background: ${bg};
border-color: red;
color: ${color};
transition: all .3s;
`
const kinds = {
primary: kind('#1FB6FF', 'white'),
secondary: kind('#5352ED', 'white'),
cancel: kind('#FF4949', 'white'),
dark: kind('#273444', 'white'),
gray: kind('#8492A6', 'white'),
}
const getScale = ({ scale = 'normal' }) => scales[scale]
const getKind = ({ kind = 'primary' }) => kinds[kind]
const ButtonStyled = styled.TouchableOpacity`
${getKind};
${getScale};
cursor: pointer;
margin: 3px 5px;
border: 0;
border-radius: 3px;
`
const Text = styled.Text`
${getScale};
width: 100%;
padding: 0;
color: white;
text-align: center;
color: ${p => kinds[p.outline]};
`
type ButtonProps = {
scale: 'small' | 'normal' | 'big',
kind: 'primary' | 'secondary' | 'cancel' | 'dark' | 'gray',
children: Node,
}
export const Button = ({
scale = 'normal',
kind = 'primary',
outline = false,
children,
}: ButtonProps) => (
<ButtonStyled scale={scale} kind={kind} outline={outline}>
<Text scale={scale}>{children}</Text>
</ButtonStyled>
)

View File

@@ -0,0 +1,46 @@
---
name: Button
menu: Components
---
import { Playground, PropsTable } from 'docz'
import { Button } from './Button'
# Button
Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.
### Best practices
- Group buttons logically into sets based on usage and importance.
- Ensure that button actions are clear and consistent.
- The main action of a group set can be a primary button.
- Select a single button variation and do not mix them.
## Properties
<PropsTable of={Button} />
## Basic usage
<Playground>
<Button>Click me</Button>
</Playground>
## With different sizes
<Playground>
<Button scale="small">Click me</Button>
<Button scale="normal">Click me</Button>
<Button scale="big">Click me</Button>
</Playground>
## With different colors
<Playground>
<Button kind="primary">Click me</Button>
<Button kind="secondary">Click me</Button>
<Button kind="cancel">Click me</Button>
<Button kind="dark">Click me</Button>
<Button kind="gray">Click me</Button>
</Playground>

View File

@@ -0,0 +1,21 @@
---
name: Getting Started
route: /
order: 1
---
# Getting Started
Design systems enable teams to build better products faster by making design reusable—reusability makes scale possible. This is the heart and primary value of design systems. A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
Regardless of the technologies and tools behind them, a successful design system follows these guiding principles:
- **Its consistent**. The way components are built and managed follows a predictable pattern.
- **Its self-contained**. Your design system is treated as a standalone dependency.
- **Its reusable**. Youve built components so they can be reused in many contexts.
- **Its accessible**. Applications built with your design system are usable by as many people as possible, no matter how they access the web.
- **Its robust**. No matter the product or platform to which your design system is applied, it should perform with grace and minimal bugs.
## Consistency
Your first, most important task when starting out is to define the rules of your system, document them, and ensure that everyone follows them. When you have clearly documented code standards and best practices in place, designers and developers from across your organization can easily use and, more importantly, contribute to your design system.

View File

@@ -0,0 +1,543 @@
# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
<a name="0.10.0"></a>
# [0.10.0](https://github.com/pedronauck/docz/compare/v0.9.6...v0.10.0) (2018-08-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.6"></a>
## [0.9.6](https://github.com/pedronauck/docz/compare/v0.9.5...v0.9.6) (2018-08-06)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.5"></a>
## [0.9.5](https://github.com/pedronauck/docz/compare/v0.9.4...v0.9.5) (2018-08-04)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.4"></a>
## [0.9.4](https://github.com/pedronauck/docz/compare/v0.9.4-beta.1...v0.9.4) (2018-08-04)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.3"></a>
## [0.9.3](https://github.com/pedronauck/docz/compare/v0.9.2...v0.9.3) (2018-08-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.2"></a>
## [0.9.2](https://github.com/pedronauck/docz/compare/v0.9.1...v0.9.2) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.1"></a>
## [0.9.1](https://github.com/pedronauck/docz/compare/v0.9.0...v0.9.1) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0"></a>
# [0.9.0](https://github.com/pedronauck/docz/compare/v0.9.0-beta.1...v0.9.0) (2018-08-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0-beta.1"></a>
# [0.9.0-beta.1](https://github.com/pedronauck/docz/compare/v0.9.0-beta.0...v0.9.0-beta.1) (2018-08-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.9.0-beta.0"></a>
# [0.9.0-beta.0](https://github.com/pedronauck/docz/compare/v0.8.0...v0.9.0-beta.0) (2018-08-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.8.0"></a>
# [0.8.0](https://github.com/pedronauck/docz/compare/v0.7.1...v0.8.0) (2018-07-28)
**Note:** Version bump only for package docz-example-basic
<a name="0.7.1"></a>
## [0.7.1](https://github.com/pedronauck/docz/compare/v0.7.0...v0.7.1) (2018-07-24)
**Note:** Version bump only for package docz-example-basic
<a name="0.7.0"></a>
# [0.7.0](https://github.com/pedronauck/docz/compare/v0.6.2...v0.7.0) (2018-07-23)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.2"></a>
## [0.6.2](https://github.com/pedronauck/docz/compare/v0.6.1...v0.6.2) (2018-07-20)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.1"></a>
## [0.6.1](https://github.com/pedronauck/docz/compare/v0.6.0...v0.6.1) (2018-07-19)
**Note:** Version bump only for package docz-example-basic
<a name="0.6.0"></a>
# [0.6.0](https://github.com/pedronauck/docz/compare/v0.5.9...v0.6.0) (2018-07-19)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.9"></a>
## [0.5.9](https://github.com/pedronauck/docz/compare/v0.5.8...v0.5.9) (2018-07-16)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.8"></a>
## [0.5.8](https://github.com/pedronauck/docz/compare/v0.5.7...v0.5.8) (2018-07-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.7"></a>
## [0.5.7](https://github.com/pedronauck/docz/compare/v0.5.6...v0.5.7) (2018-07-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.6"></a>
## [0.5.6](https://github.com/pedronauck/docz/compare/v0.5.5...v0.5.6) (2018-07-11)
### Bug Fixes
* **docz:** add theme config transform before merge ([dc3448a](https://github.com/pedronauck/docz/commit/dc3448a))
<a name="0.5.5"></a>
## [0.5.5](https://github.com/pedronauck/docz/compare/v0.5.4...v0.5.5) (2018-07-07)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.4"></a>
## [0.5.4](https://github.com/pedronauck/docz/compare/v0.5.3...v0.5.4) (2018-07-07)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.3"></a>
## [0.5.3](https://github.com/pedronauck/docz/compare/v0.5.2...v0.5.3) (2018-07-05)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.2"></a>
## [0.5.2](https://github.com/pedronauck/docz/compare/v0.5.1...v0.5.2) (2018-07-05)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.1"></a>
## [0.5.1](https://github.com/pedronauck/docz/compare/v0.3.4...v0.5.1) (2018-07-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.5.0"></a>
# [0.5.0](https://github.com/pedronauck/docz/compare/v0.3.4...v0.5.0) (2018-07-03)
**Note:** Version bump only for package docz-example-basic
<a name="0.4.0"></a>
# [0.4.0](https://github.com/pedronauck/docz/compare/v0.3.4...v0.4.0) (2018-06-30)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.4"></a>
## [0.3.4](https://github.com/pedronauck/docz/compare/v0.3.3...v0.3.4) (2018-06-26)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.3"></a>
## [0.3.3](https://github.com/pedronauck/docz/compare/v0.3.2...v0.3.3) (2018-06-26)
### Bug Fixes
* **docz-core:** copy templates files for dist ([#88](https://github.com/pedronauck/docz/issues/88)) ([5e4b98d](https://github.com/pedronauck/docz/commit/5e4b98d))
<a name="0.3.2"></a>
## [0.3.2](https://github.com/pedronauck/docz/compare/v0.3.1...v0.3.2) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.1"></a>
## [0.3.1](https://github.com/pedronauck/docz/compare/v0.2.11...v0.3.1) (2018-06-25)
### Features
* **docz-default-theme:** dark mode and responsiveness ([#87](https://github.com/pedronauck/docz/issues/87)) ([a4db115](https://github.com/pedronauck/docz/commit/a4db115)), closes [#81](https://github.com/pedronauck/docz/issues/81)
<a name="0.3.0"></a>
# [0.3.0](https://github.com/pedronauck/docz/compare/v0.3.0-beta.0...v0.3.0) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.3.0-beta.0"></a>
# [0.3.0-beta.0](https://github.com/pedronauck/docz/compare/v0.2.11...v0.3.0-beta.0) (2018-06-25)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.11"></a>
## [0.2.11](https://github.com/pedronauck/docz/compare/v0.2.10...v0.2.11) (2018-06-22)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.10"></a>
## [0.2.10](https://github.com/pedronauck/docz/compare/v0.2.9...v0.2.10) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.9"></a>
## [0.2.9](https://github.com/pedronauck/docz/compare/v0.2.8...v0.2.9) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.8"></a>
## [0.2.8](https://github.com/pedronauck/docz/compare/v0.2.7...v0.2.8) (2018-06-21)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.7"></a>
## [0.2.7](https://github.com/pedronauck/docz/compare/v0.2.6...v0.2.7) (2018-06-20)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.6"></a>
## [0.2.6](https://github.com/pedronauck/docz/compare/v0.2.5...v0.2.6) (2018-06-17)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.5"></a>
## [0.2.5](https://github.com/pedronauck/docz/compare/v0.2.4...v0.2.5) (2018-06-15)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.4"></a>
## [0.2.4](https://github.com/pedronauck/docz/compare/v0.2.3...v0.2.4) (2018-06-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.3"></a>
## [0.2.3](https://github.com/pedronauck/docz/compare/v0.2.2...v0.2.3) (2018-06-13)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.2"></a>
## [0.2.2](https://github.com/pedronauck/docz/compare/v0.2.1...v0.2.2) (2018-06-12)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.1"></a>
## [0.2.1](https://github.com/pedronauck/docz/compare/v0.2.0...v0.2.1) (2018-06-12)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0"></a>
# [0.2.0](https://github.com/pedronauck/docz/compare/v0.2.0-beta.2...v0.2.0) (2018-06-11)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0-beta.2"></a>
# [0.2.0-beta.2](https://github.com/doczjs/docz/compare/v0.2.0-beta.1...v0.2.0-beta.2) (2018-06-10)
### Bug Fixes
* **docz-core:** autolink headings ([0b8369d](https://github.com/doczjs/docz/commit/0b8369d))
<a name="0.2.0-beta.1"></a>
# [0.2.0-beta.1](https://github.com/doczjs/docz/compare/v0.2.0-beta.0...v0.2.0-beta.1) (2018-06-10)
**Note:** Version bump only for package docz-example-basic
<a name="0.2.0-beta.0"></a>
# [0.2.0-beta.0](https://github.com/doczjs/docz/compare/v0.1.2-beta.6...v0.2.0-beta.0) (2018-06-10)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.6"></a>
## [0.1.2-beta.6](https://github.com/doczjs/docz/compare/v0.1.2-beta.5...v0.1.2-beta.6) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.5"></a>
## [0.1.2-beta.5](https://github.com/doczjs/docz/compare/v0.1.2-beta.4...v0.1.2-beta.5) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.4"></a>
## [0.1.2-beta.4](https://github.com/doczjs/docz/compare/v0.1.2-beta.3...v0.1.2-beta.4) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.3"></a>
## [0.1.2-beta.3](https://github.com/doczjs/docz/compare/v0.1.2-beta.2...v0.1.2-beta.3) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.2"></a>
## [0.1.2-beta.2](https://github.com/doczjs/docz/compare/v0.1.2-beta.1...v0.1.2-beta.2) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.1"></a>
## [0.1.2-beta.1](https://github.com/doczjs/docz/compare/v0.1.2-beta.0...v0.1.2-beta.1) (2018-06-09)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.2-beta.0"></a>
## [0.1.2-beta.0](https://github.com/doczjs/docz/compare/v0.1.1...v0.1.2-beta.0) (2018-06-02)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.6"></a>
## [0.1.1-beta.6](https://github.com/doczjs/docz/compare/v0.1.1-beta.5...v0.1.1-beta.6) (2018-06-01)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.5"></a>
## [0.1.1-beta.5](https://github.com/doczjs/docz/compare/v0.1.1-beta.4...v0.1.1-beta.5) (2018-06-01)
### Bug Fixes
* **load-cfg:** add namedExports options ([d36194d](https://github.com/doczjs/docz/commit/d36194d))
<a name="0.1.1-beta.4"></a>
## [0.1.1-beta.4](https://github.com/doczjs/docz/compare/v0.1.1-beta.3...v0.1.1-beta.4) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.3"></a>
## [0.1.1-beta.3](https://github.com/doczjs/docz/compare/v0.1.1-beta.2...v0.1.1-beta.3) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.2"></a>
## [0.1.1-beta.2](https://github.com/doczjs/docz/compare/v0.1.1-beta.0...v0.1.1-beta.2) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.1"></a>
## [0.1.1-beta.1](https://github.com/doczjs/docz/compare/v0.1.1-beta.0...v0.1.1-beta.1) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.1-beta.0"></a>
## [0.1.1-beta.0](https://github.com/doczjs/docz/compare/v0.1.0...v0.1.1-beta.0) (2018-05-29)
**Note:** Version bump only for package docz-example-basic
<a name="0.1.0"></a>
# 0.1.0 (2018-05-29)
### Bug Fixes
* **docz-core:** config watch for directory operations ([43fa7ab](https://github.com/doczjs/docz/commit/43fa7ab))
* **docz-core:** create plugin to fix paragraph parse on mdx ([42b4f05](https://github.com/doczjs/docz/commit/42b4f05))
* **docz-core:** packages splitting ([d2e74ee](https://github.com/doczjs/docz/commit/d2e74ee))
* **docz-example-basic:** package name ([dec5713](https://github.com/doczjs/docz/commit/dec5713))
### Features
* **docz:** add groups feature ([9652b30](https://github.com/doczjs/docz/commit/9652b30))
* add basic monorepo structure ([5a977ed](https://github.com/doczjs/docz/commit/5a977ed))
* **docz:** add components parser ([a4127d9](https://github.com/doczjs/docz/commit/a4127d9))
* **docz:** add custom routes for docs ([8458d91](https://github.com/doczjs/docz/commit/8458d91))
* **docz-core:** add build command ([ef7abd2](https://github.com/doczjs/docz/commit/ef7abd2))
* **docz-core:** add hot reload ([9ebe65d](https://github.com/doczjs/docz/commit/9ebe65d))
* **docz-core:** add playground code parse section ([6bbf158](https://github.com/doczjs/docz/commit/6bbf158))
* **docz-core:** set babel on the fly ([672be49](https://github.com/doczjs/docz/commit/672be49))
* add component props parse feature ([987627d](https://github.com/doczjs/docz/commit/987627d))
* add support for highlight code sections ([19bf7ea](https://github.com/doczjs/docz/commit/19bf7ea))
* **docz-core:** use websockets instead of generate json to process entries ([e0773a0](https://github.com/doczjs/docz/commit/e0773a0))
* **docz-theme-default:** start logic to create theme feature ([900cf2b](https://github.com/doczjs/docz/commit/900cf2b))
* refac to use mdx ([04b59e5](https://github.com/doczjs/docz/commit/04b59e5))

View File

@@ -0,0 +1,6 @@
import { reactNative } from 'docz-plugin-react-native'
export default {
title: 'React Native',
plugins: [reactNative()],
}

View File

@@ -0,0 +1,18 @@
{
"name": "docz-example-react-native-prop-types",
"version": "0.10.0",
"license": "MIT",
"scripts": {
"dev": "docz dev",
"build": "docz build"
},
"dependencies": {
"react": "^16.4.2",
"react-dom": "^16.4.2",
"styled-components": "^3.4.2",
"prop-types": "15.6.2"
},
"devDependencies": {
"docz": "^0.10.3"
}
}

View File

@@ -0,0 +1,34 @@
import React, { Fragment } from 'react'
import styled from 'styled-components/native'
import * as t from 'prop-types'
const kinds = {
info: '#5352ED',
positive: '#2ED573',
negative: '#FF4757',
warning: '#FFA502',
}
const AlertStyled = styled.View`
padding: 15px 20px;
background: white;
border-radius: 3px;
color: white;
background: ${({ kind = 'info' }) => kinds[kind]};
`
export const Text = styled.Text`
color: white;
`
export const Alert = ({ kind = 'info', ...props }: AlertProps) => (
<AlertStyled {...props} kind={kind} />
)
Alert.propTypes = {
kind: t.oneOf(['info', 'positive', 'negative', 'warning']),
}
Alert.defaultProps = {
kind: 'info',
}

View File

@@ -0,0 +1,43 @@
---
name: Alert
menu: Components
---
import { Playground, PropsTable } from 'docz'
import { Alert, Text } from './Alert'
# Alert
## Properties
<PropsTable of={Alert} />
## Basic usage
<Playground>
<Alert>
<Text>Some message</Text>
</Alert>
</Playground>
## Using different kinds
<Playground>
<Alert kind="info"><Text>Some message</Text></Alert>
<Alert kind="positive"><Text>Some message</Text></Alert>
<Alert kind="negative"><Text>Some message</Text></Alert>
<Alert kind="warning"><Text>Some message</Text></Alert>
</Playground>
## Use with children as a function
<Playground>
{() => {
const message = 'Hello world'
return (
<Alert><Text>{message}</Text></Alert>
)
}}
</Playground>

View File

@@ -0,0 +1,78 @@
import React from 'react'
import styled from 'styled-components/native'
import * as t from 'prop-types'
const scales = {
small: `
width: 100px;
padding: 5px 10px;
font-size: 14;
`,
normal: `
width: 130px;
padding: 10px 20px;
font-size: 16;
`,
big: `
width: 180px;
padding: 20px 30px;
font-size: 18;
`,
}
const kind = (bg, color) => `
background: ${bg};
border-color: red;
color: ${color};
transition: all .3s;
`
const kinds = {
primary: kind('#1FB6FF', 'white'),
secondary: kind('#5352ED', 'white'),
cancel: kind('#FF4949', 'white'),
dark: kind('#273444', 'white'),
gray: kind('#8492A6', 'white'),
}
const getScale = ({ scale = 'normal' }) => scales[scale]
const getKind = ({ kind = 'primary' }) => kinds[kind]
const ButtonStyled = styled.TouchableOpacity`
${getKind};
${getScale};
cursor: pointer;
margin: 3px 5px;
border: 0;
border-radius: 3px;
`
const Text = styled.Text`
${getScale};
width: 100%;
padding: 0;
color: white;
text-align: center;
color: ${p => kinds[p.outline]};
`
export const Button = ({
scale = 'normal',
kind = 'primary',
outline = false,
children,
}: ButtonProps) => (
<ButtonStyled scale={scale} kind={kind} outline={outline}>
<Text scale={scale}>{children}</Text>
</ButtonStyled>
)
Button.propTypes = {
scales: t.oneOf(['small', 'normal', 'big']),
kind: t.oneOf(['primary', 'secondary', 'cancel', 'dark', 'gray']),
}
Button.defaultProps = {
scales: 'normal',
kind: 'primary',
}

View File

@@ -0,0 +1,46 @@
---
name: Button
menu: Components
---
import { Playground, PropsTable } from 'docz'
import { Button } from './Button'
# Button
Buttons make common actions more obvious and help users more easily perform them. Buttons use labels and sometimes icons to communicate the action that will occur when the user touches them.
### Best practices
- Group buttons logically into sets based on usage and importance.
- Ensure that button actions are clear and consistent.
- The main action of a group set can be a primary button.
- Select a single button variation and do not mix them.
## Properties
<PropsTable of={Button} />
## Basic usage
<Playground>
<Button>Click me</Button>
</Playground>
## With different sizes
<Playground>
<Button scale="small">Click me</Button>
<Button scale="normal">Click me</Button>
<Button scale="big">Click me</Button>
</Playground>
## With different colors
<Playground>
<Button kind="primary">Click me</Button>
<Button kind="secondary">Click me</Button>
<Button kind="cancel">Click me</Button>
<Button kind="dark">Click me</Button>
<Button kind="gray">Click me</Button>
</Playground>

View File

@@ -0,0 +1,21 @@
---
name: Getting Started
route: /
order: 1
---
# Getting Started
Design systems enable teams to build better products faster by making design reusable—reusability makes scale possible. This is the heart and primary value of design systems. A design system is a collection of reusable components, guided by clear standards, that can be assembled together to build any number of applications.
Regardless of the technologies and tools behind them, a successful design system follows these guiding principles:
- **Its consistent**. The way components are built and managed follows a predictable pattern.
- **Its self-contained**. Your design system is treated as a standalone dependency.
- **Its reusable**. Youve built components so they can be reused in many contexts.
- **Its accessible**. Applications built with your design system are usable by as many people as possible, no matter how they access the web.
- **Its robust**. No matter the product or platform to which your design system is applied, it should perform with grace and minimal bugs.
## Consistency
Your first, most important task when starting out is to define the rules of your system, document them, and ensure that everyone follows them. When you have clearly documented code standards and best practices in place, designers and developers from across your organization can easily use and, more importantly, contribute to your design system.

View File

@@ -0,0 +1,19 @@
# docz-plugin-react-native
Use your React Native components inside docz
> We're using [react-native-web](https://github.com/necolas/react-native-web) to make this integration possible. So, maybe you can have some caveats.
## Instalation
Just add and use the plugin inside your `doczrc.js`
```js
import { reactNative } from 'docz-plugin-react-native'
export default {
plugins: [reactNative()]
}
```
That's it 🙌🏻

View File

@@ -0,0 +1,29 @@
{
"name": "docz-plugin-react-native",
"version": "0.10.3",
"description": "Plugin that allow you to use React Native with docz",
"license": "MIT",
"main": "dist/index.js",
"umd:main": "dist/index.umd.js",
"module": "dist/index.m.js",
"typings": "dist/index.d.ts",
"source": "src/index.ts",
"files": [
"dist/",
"package.json",
"README.md"
],
"scripts": {
"dev": "libundler watch --ts -e all",
"build": "libundler build --ts -e all --c",
"fix": "run-s fix:*",
"fix:prettier": "prettier \"src/**/*.{ts,tsx}\" --write",
"fix:tslint": "tslint --fix --project .",
"tslint": "tslint --project ."
},
"dependencies": {
"docz-core": "^0.10.3",
"react-art": "^16.4.2",
"react-native-web": "^0.8.9"
}
}

View File

@@ -0,0 +1,13 @@
import { createPlugin } from 'docz-core'
export const reactNative = () =>
createPlugin({
modifyBundlerConfig: config => {
config.resolve.alias = {
...(config.resolve.alias || {}),
'react-native$': `react-native-web`,
}
return config
},
})

View File

@@ -0,0 +1,12 @@
{
"extends": "../../tsconfig.json",
"compilerOptions": {
"outDir": "dist",
"rootDir": "src",
"declaration": true,
"types": ["node"],
"typeRoots": ["node_modules/@types"]
},
"include": ["src/**/*"],
"exclude": ["node_modules/**"]
}

View File

@@ -0,0 +1,3 @@
{
"extends": "../../tslint.json"
}

131
yarn.lock
View File

@@ -2402,7 +2402,7 @@ array-filter@~0.0.0:
version "0.0.1"
resolved "https://registry.npmjs.org/array-filter/-/array-filter-0.0.1.tgz#7da8cf2e26628ed732803581fd21f67cacd2eeec"
array-find-index@^1.0.1:
array-find-index@^1.0.1, array-find-index@^1.0.2:
version "1.0.2"
resolved "https://registry.npmjs.org/array-find-index/-/array-find-index-1.0.2.tgz#df010aa1287e164bbda6f9723b0a96a1ec4187a1"
@@ -2466,6 +2466,10 @@ art-template@^4.13.0:
merge-source-map "^1.0.3"
source-map "^0.5.6"
art@^0.10.1:
version "0.10.3"
resolved "https://registry.npmjs.org/art/-/art-0.10.3.tgz#b01d84a968ccce6208df55a733838c96caeeaea2"
asap@^2.0.0, asap@~2.0.3:
version "2.0.6"
resolved "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz#e50347611d7e690943208bbdafebcbc2fb866d46"
@@ -3340,6 +3344,10 @@ boom@2.x.x:
dependencies:
hoek "2.x.x"
bowser@^1.7.3:
version "1.9.4"
resolved "https://registry.yarnpkg.com/bowser/-/bowser-1.9.4.tgz#890c58a2813a9d3243704334fa81b96a5c150c9a"
boxen@^0.6.0:
version "0.6.0"
resolved "https://registry.npmjs.org/boxen/-/boxen-0.6.0.tgz#8364d4248ac34ff0ef1b2f2bf49a6c60ce0d81b6"
@@ -3540,6 +3548,13 @@ buffer@^4.3.0:
ieee754 "^1.1.4"
isarray "^1.0.0"
buffer@^5.0.3:
version "5.2.1"
resolved "https://registry.yarnpkg.com/buffer/-/buffer-5.2.1.tgz#dd57fa0f109ac59c602479044dca7b8b3d0b71d6"
dependencies:
base64-js "^1.0.2"
ieee754 "^1.1.4"
buffer@^5.1.0:
version "5.2.0"
resolved "https://registry.npmjs.org/buffer/-/buffer-5.2.0.tgz#53cf98241100099e9eeae20ee6d51d21b16e541e"
@@ -4537,6 +4552,14 @@ create-hmac@^1.1.0, create-hmac@^1.1.2, create-hmac@^1.1.4:
safe-buffer "^5.0.1"
sha.js "^2.4.8"
create-react-class@^15.6.2:
version "15.6.3"
resolved "https://registry.yarnpkg.com/create-react-class/-/create-react-class-15.6.3.tgz#2d73237fb3f970ae6ebe011a9e66f46dbca80036"
dependencies:
fbjs "^0.8.9"
loose-envify "^1.3.1"
object-assign "^4.1.1"
create-react-context@^0.2.2:
version "0.2.2"
resolved "https://registry.yarnpkg.com/create-react-context/-/create-react-context-0.2.2.tgz#9836542f9aaa22868cd7d4a6f82667df38019dca"
@@ -4627,6 +4650,10 @@ crypto-random-string@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/crypto-random-string/-/crypto-random-string-1.0.0.tgz#a230f64f568310e1498009940790ec99545bca7e"
css-color-keywords@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05"
css-color-names@^0.0.4:
version "0.0.4"
resolved "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz#808adc2e79cf84738069b646cb20ec27beb629e0"
@@ -4638,6 +4665,13 @@ css-declaration-sorter@^3.0.0:
postcss "^6.0.0"
timsort "^0.3.0"
css-in-js-utils@^2.0.0:
version "2.0.1"
resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99"
dependencies:
hyphenate-style-name "^1.0.2"
isobject "^3.0.1"
css-loader@^1.0.0:
version "1.0.0"
resolved "https://registry.npmjs.org/css-loader/-/css-loader-1.0.0.tgz#9f46aaa5ca41dbe31860e3b62b8e23c42916bf56"
@@ -4689,6 +4723,14 @@ css-selector-tokenizer@^0.7.0:
fastparse "^1.1.1"
regexpu-core "^1.0.0"
css-to-react-native@^2.0.3:
version "2.2.1"
resolved "https://registry.yarnpkg.com/css-to-react-native/-/css-to-react-native-2.2.1.tgz#7f3f4c95de65501b8720c87bf0caf1f39073b88e"
dependencies:
css-color-keywords "^1.0.0"
fbjs "^0.8.5"
postcss-value-parser "^3.3.0"
css-tree@1.0.0-alpha.29:
version "1.0.0-alpha.29"
resolved "https://registry.npmjs.org/css-tree/-/css-tree-1.0.0-alpha.29.tgz#3fa9d4ef3142cbd1c301e7664c1f352bd82f5a39"
@@ -4864,6 +4906,10 @@ dateformat@^3.0.0:
version "3.0.3"
resolved "https://registry.npmjs.org/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
debounce@^1.1.0:
version "1.2.0"
resolved "https://registry.yarnpkg.com/debounce/-/debounce-1.2.0.tgz#44a540abc0ea9943018dc0eaa95cce87f65cd131"
debug@*, debug@3.1.0, debug@^3.1.0:
version "3.1.0"
resolved "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
@@ -4915,6 +4961,12 @@ dedent@^0.7.0:
version "0.7.0"
resolved "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz#2495ddbaf6eb874abb0e1be9df22d2e5a544326c"
deep-assign@^2.0.0:
version "2.0.0"
resolved "https://registry.yarnpkg.com/deep-assign/-/deep-assign-2.0.0.tgz#ebe06b1f07f08dae597620e3dd1622f371a1c572"
dependencies:
is-obj "^1.0.0"
deep-equal@~1.0.1:
version "1.0.1"
resolved "https://registry.npmjs.org/deep-equal/-/deep-equal-1.0.1.tgz#f5d260292b660e084eff4cdbc9f08ad3247448b5"
@@ -5837,7 +5889,7 @@ faye-websocket@~0.11.0:
dependencies:
websocket-driver ">=0.5.1"
fbjs@^0.8.0:
fbjs@^0.8.0, fbjs@^0.8.5, fbjs@^0.8.9:
version "0.8.17"
resolved "https://registry.yarnpkg.com/fbjs/-/fbjs-0.8.17.tgz#c4d598ead6949112653d6588b01a5cdcd9f90fdd"
dependencies:
@@ -6713,6 +6765,10 @@ has-ansi@^2.0.0:
dependencies:
ansi-regex "^2.0.0"
has-flag@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
has-flag@^3.0.0:
version "3.0.0"
resolved "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -7027,6 +7083,10 @@ husky@^1.0.0-rc.13:
run-node "^1.0.0"
slash "^2.0.0"
hyphenate-style-name@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/hyphenate-style-name/-/hyphenate-style-name-1.0.2.tgz#31160a36930adaf1fc04c6074f7eb41465d4ec4b"
iconv-lite@0.4.19:
version "0.4.19"
resolved "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
@@ -7160,6 +7220,13 @@ init-package-json@^1.10.3:
validate-npm-package-license "^3.0.1"
validate-npm-package-name "^3.0.0"
inline-style-prefixer@^4.0.2:
version "4.0.2"
resolved "https://registry.yarnpkg.com/inline-style-prefixer/-/inline-style-prefixer-4.0.2.tgz#d390957d26f281255fe101da863158ac6eb60911"
dependencies:
bowser "^1.7.3"
css-in-js-utils "^2.0.0"
inquirer@1.2.3:
version "1.2.3"
resolved "https://registry.npmjs.org/inquirer/-/inquirer-1.2.3.tgz#4dec6f32f37ef7bb0b2ed3f1d1a5c3f545074918"
@@ -9284,6 +9351,10 @@ nopt@~1.0.10:
dependencies:
abbrev "1"
normalize-css-color@^1.0.2:
version "1.0.2"
resolved "https://registry.yarnpkg.com/normalize-css-color/-/normalize-css-color-1.0.2.tgz#02991e97cccec6623fe573afbbf0de6a1f3e9f8d"
normalize-package-data@^2.0.0, normalize-package-data@^2.3.0, normalize-package-data@^2.3.2, normalize-package-data@^2.3.4, normalize-package-data@^2.3.5, normalize-package-data@^2.4.0:
version "2.4.0"
resolved "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.4.0.tgz#12f95a307d58352075a04907b84ac8be98ac012f"
@@ -10432,7 +10503,7 @@ promzard@^0.3.0:
dependencies:
read "1"
prop-types@*, prop-types@15.6.2, prop-types@^15.5.8, prop-types@^15.6.2:
prop-types@*, prop-types@15.6.2, prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.2:
version "15.6.2"
resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102"
dependencies:
@@ -10613,6 +10684,17 @@ re-resizable@^4.8.1:
version "4.8.1"
resolved "https://registry.npmjs.org/re-resizable/-/re-resizable-4.8.1.tgz#1edc294e7ba9effcd31c2a134d9f825d62c1ec6c"
react-art@^16.4.2:
version "16.4.2"
resolved "https://registry.npmjs.org/react-art/-/react-art-16.4.2.tgz#df6846dab6e11ef13ae07d33d64cff50925de2da"
dependencies:
art "^0.10.1"
create-react-class "^15.6.2"
fbjs "^0.8.16"
loose-envify "^1.1.0"
object-assign "^4.1.1"
prop-types "^15.6.0"
react-codemirror2@^5.1.0:
version "5.1.0"
resolved "https://registry.npmjs.org/react-codemirror2/-/react-codemirror2-5.1.0.tgz#62de4460178adea40eb52eabf7491669bf3794b8"
@@ -10726,6 +10808,10 @@ react-imported-component@^4.6.2:
prop-types "15.6.2"
scan-directory "^1.0.0"
react-is@^16.3.1:
version "16.4.2"
resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.2.tgz#84891b56c2b6d9efdee577cc83501dfc5ecead88"
react-lifecycles-compat@^3.0.4:
version "3.0.4"
resolved "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz#4f1a273afdfc8f3488a8c516bfda78f872352362"
@@ -10745,6 +10831,21 @@ react-live@^1.11.0:
prop-types "^15.5.8"
unescape "^0.2.0"
react-native-web@^0.8.9:
version "0.8.9"
resolved "https://registry.yarnpkg.com/react-native-web/-/react-native-web-0.8.9.tgz#0c616ce666a5547e2d850f15c2cc56abd14083ca"
dependencies:
array-find-index "^1.0.2"
create-react-class "^15.6.2"
debounce "^1.1.0"
deep-assign "^2.0.0"
fbjs "^0.8.16"
hyphenate-style-name "^1.0.2"
inline-style-prefixer "^4.0.2"
normalize-css-color "^1.0.2"
prop-types "^15.6.0"
react-timer-mixin "^0.13.3"
react-perfect-scrollbar@^1.2.0:
version "1.2.0"
resolved "https://registry.npmjs.org/react-perfect-scrollbar/-/react-perfect-scrollbar-1.2.0.tgz#1e241e7382e237211c090767b79c61850c48c325"
@@ -10789,6 +10890,10 @@ react-router@^4.3.1:
prop-types "^15.6.1"
warning "^4.0.1"
react-timer-mixin@^0.13.3:
version "0.13.4"
resolved "https://registry.yarnpkg.com/react-timer-mixin/-/react-timer-mixin-0.13.4.tgz#75a00c3c94c13abe29b43d63b4c65a88fc8264d3"
react@^16.3.1, react@^16.4.2:
version "16.4.2"
resolved "https://registry.npmjs.org/react/-/react-16.4.2.tgz#2cd90154e3a9d9dd8da2991149fdca3c260e129f"
@@ -12301,6 +12406,20 @@ style-loader@^0.23.0:
loader-utils "^1.1.0"
schema-utils "^0.4.5"
styled-components@^3.4.2:
version "3.4.5"
resolved "https://registry.yarnpkg.com/styled-components/-/styled-components-3.4.5.tgz#6cbfde7c9189c868b9fd01fee40f5330dbd0cc8d"
dependencies:
buffer "^5.0.3"
css-to-react-native "^2.0.3"
fbjs "^0.8.16"
hoist-non-react-statics "^2.5.0"
prop-types "^15.5.4"
react-is "^16.3.1"
stylis "^3.5.0"
stylis-rule-sheet "^0.0.10"
supports-color "^3.2.3"
stylehacks@^4.0.0:
version "4.0.0"
resolved "https://registry.npmjs.org/stylehacks/-/stylehacks-4.0.0.tgz#64b323951c4a24e5fc7b2ec06c137bf32d155e8a"
@@ -12346,6 +12465,12 @@ supports-color@^2.0.0:
version "2.0.0"
resolved "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
supports-color@^3.2.3:
version "3.2.3"
resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
dependencies:
has-flag "^1.0.0"
supports-color@^5.2.0, supports-color@^5.4.0:
version "5.4.0"
resolved "https://registry.npmjs.org/supports-color/-/supports-color-5.4.0.tgz#1c6b337402c2137605efe19f10fec390f6faab54"