react-dribble-button - npm Package Compare versions

Comparing version 0.1.0 to 0.1.1

package.json

 {
   "name": "react-dribble-button",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "The Button component with pretty nice hive and click effects",
@@ -8,2 +8,4 @@ "main": "lib/index.js",
     "clear": "rm -rf ./lib/css | rm ./lib/react-dribble-button.*",
+    "lint": "eslint -c ./.eslintrc . ",
+    "format": "prettier-eslint --write \"src/index.js\" \"stories/index.js\"",
     "build": "npm run build:css && npm run build:dev && npm run build:prod",
@@ -27,3 +29,2 @@ "build:css": "postcss './src/**/*.css' --dir ./lib/css/",
     "@storybook/addon-actions": "^3.2.13",
-    "@storybook/addon-links": "^3.2.13",
     "@storybook/react": "^3.2.13",
@@ -45,2 +46,3 @@ "autoprefixer": "^7.1.6",
     "eslint-plugin-prettier": "^2.3.1",
+    "eslint-plugin-react": "^7.4.0",
     "postcss-cli": "^4.1.1",
@@ -47,0 +49,0 @@ "postcss-color-hex-alpha": "^3.0.0",

README.md

@@ -17,4 +17,3 @@ [![](https://img.shields.io/npm/dm/react-dribble-button.svg?style=flat-square)](https://www.npmjs.com/package/react-dribble-button)
 
-![](./demo/demo-1.gif)
-![](./demo/demo-4.gif)
+| ![](./demo/demo-1.gif) | ![](./demo/demo-4.gif) |
 
@@ -31,5 +30,5 @@ ## Basic Usage
   return (
-    <Button colorSchema="deep-orange" onClick={this.onClick}>
+    <DribbleButton colorSchema="deep-orange" onClick={this.onClick}>
       Try this cool color!
-    </Button>
+    </DribbleButton>
   );
@@ -51,7 +50,8 @@ }
 | -------- | ---- | -------- | ----------- |
-| `color` | `string` | `{}` | The color theme. Should be one of the folowing strings: 'red' | 'pink' | 'blue' | 'cyan' | 'teal' | 'lime' | 'grey' | 'green' | 'amber' | 'brown' | 'black' | 'orange' | 'purple' | 'yellow' | 'indigo' | 'default' | 'blue-grey' | 'light-blue' | 'light-green' | 'deep-orange' | 'deep-purple | `onClick` | `number` | `Dimensions.get('window').width` | Component's width. |
-| `children` | `number` | `Dimensions.get('window').height` | Component's height. |
-| `className` | `func` | `null` | To get a reference to the scrollable component. |
-| `component` | `object` | `{}` | These styles will be applied to the scroll view. |
-| `effectClassName` | `number` | `45` | This is the height of sticky(fixed) header. |
+| `color` | `string` | `default` | The color theme. Should be one of the folowing strings: 'red' | 'pink' | 'blue' | 'cyan' | 'teal' | 'lime' | 'grey' | 'green' | 'amber' | 'brown' | 'black' | 'orange' | 'purple' | 'yellow' | 'indigo' | 'default' | 'blue-grey' | 'light-blue' | 'light-green' | 'deep-orange' | 'deep-purple
+| `onClick` | `function` | `null` | Click handler. |
+| `children` | `any` | `null` | Children element. |
+| `className` | `string` | `''` | Class name of the component. |
+| `component` | `string or Component` | `button` | Component type. |
+| `effectClassName` | `string` | `''` | Class name of the effect component. |
 
@@ -58,0 +58,0 @@

No alert changes

Improved metrics

Total package byte prevSize

34355144

No dependency changes