Added new components and update version

Author: danilowoz

README.md

@@ -50,7 +50,7 @@ const MyLoader = () => {
 | Name | Type | Default | Description |
 |---|---|---|---|
 | style | _Object_ | `null` | Ex: `{ marginTop: '50px' }` |
-| type | _String_ | `facebook` | Options: `facebook`, `instagram`, `list`, `code` |
+| type | _String_ | `facebook` | Options: `facebook`, `instagram`, `list`, `bullet-list`, `code` |
 | speed | _Number_ | `2` | Animation speed |
 | width | _Number_ | `400` | Width component |
 | height | _Number_ | `130` | Height component |
@@ -80,16 +80,12 @@ const MyLoader = () => {
 #### List Style
 ![List Style](https://user-images.githubusercontent.com/2671660/27986068-7a0040d6-63f9-11e7-8e54-dcb220e42fd7.gif)
 
+#### Bullet list Style
+![Bullet list Style](https://user-images.githubusercontent.com/4838076/31998372-59817bac-b96e-11e7-8ef8-07f61670ee18.gif)
 
 #### Custom Style
 ![Code Style](https://cloud.githubusercontent.com/assets/4838076/22760218/aa619f32-ee3c-11e6-9cd1-c4af9dd1278e.gif)
 
-### Todo
-- [x] Code component;
-- [x] Custom elements;
-- [x] List component;
-- [ ] React Native
-
 #### Credits
 
 [Boilerplate for creating React Npm packages with ES2015](https://github.com/juliancwirko/react-npm-boilerplate)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-content-loader",
-  "version": "1.4.2",
+  "version": "1.5.0",
   "description":
     "This project is a collection the loader based on styles cards on Facebook, make with SVG and React.",
   "repository": {

src/stylized/BulletListStyle.js

@@ -1,15 +1,19 @@
 //@flow
 import * as React from 'react'
 import Wrap from '../Wrap'
-import type { WrapProps } from '../Wrap';
+import type { WrapProps } from '../Wrap'
 
 const BulletListStyle = (props: WrapProps): React.Element<*> => {
   return (
     <Wrap {...props}>
-      <circle cx="10" cy="20" r="8" /><rect x="25" y="15" rx="5" ry="5" width="220" height="10" />
-      <circle cx="10" cy="50" r="8" /><rect x="25" y="45" rx="5" ry="5" width="220" height="10" />
-      <circle cx="10" cy="80" r="8" /><rect x="25" y="75" rx="5" ry="5" width="220" height="10" />
-      <circle cx="10" cy="110" r="8" /><rect x="25" y="105" rx="5" ry="5" width="220" height="10" />
+      <circle cx="10" cy="20" r="8" />
+      <rect x="25" y="15" rx="5" ry="5" width="220" height="10" />
+      <circle cx="10" cy="50" r="8" />
+      <rect x="25" y="45" rx="5" ry="5" width="220" height="10" />
+      <circle cx="10" cy="80" r="8" />
+      <rect x="25" y="75" rx="5" ry="5" width="220" height="10" />
+      <circle cx="10" cy="110" r="8" />
+      <rect x="25" y="105" rx="5" ry="5" width="220" height="10" />
     </Wrap>
   )
 }