package renamed

README.md

@@ -1,9 +1,9 @@
-<h1 align="center">react-scrollbar-custom</h1>
+<h1 align="center">react-scrollbars-custom</h1>
 <p align="center">
-<a href="https://www.npmjs.com/package/react-scrollbar-custom"><img src="https://img.shields.io/badge/npm-react--scrollbar--custom-brightgreen.svg" /></a>
-<a href="https://www.npmjs.com/package/react-scrollbar-custom"><img src="https://img.shields.io/npm/l/react-scrollbar-custom.svg" /></a>
-<a href="https://www.npmjs.com/package/react-scrollbar-custom"><img src="https://img.shields.io/npm/v/react-scrollbar-custom.svg" /></a>
-<a href="https://www.npmjs.com/package/react-scrollbar-custom"><img src="https://img.shields.io/npm/dt/react-scrollbar-custom.svg" /></a>
+<a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/badge/npm-react--scrollbar--custom-brightgreen.svg" /></a>
+<a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/l/react-scrollbars-custom.svg" /></a>
+<a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/v/react-scrollbars-custom.svg" /></a>
+<a href="https://www.npmjs.com/package/react-scrollbars-custom"><img src="https://img.shields.io/npm/dt/react-scrollbars-custom.svg" /></a>
 <a></a>
 </p>
 <p align="center">
@@ -21,14 +21,14 @@
 
 ## Installation
 ```bash
-npm i --save react-scrollbar-custom
+npm i --save react-scrollbars-custom
 ```
 
 ## Usage
 Minimal configuration
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {

docs/CUSTOMISATION.md

@@ -1,5 +1,5 @@
 # CUSTOMISATION
-`react-scrollbar-custom` is a fully customizable component, it consist of the following elements:
+`react-scrollbars-custom` is a fully customizable component, it consist of the following elements:
 * `holder` Holds content and scrollbars
 * `wrapper` Wraps the content in order to hide browser's scrollbars
 * `content` The element your content rendered in
@@ -12,7 +12,7 @@ Each of them (excepting holder) can be replaced and rendered with a function whi
 4ex: if you want to change the className of elements.
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {
@@ -37,7 +37,7 @@ Component provides scroll controlling methods, a list of which you can find in t
 To call them you have to make a reference to `<Scrollbar/>` component. Below you can see how to access component's methods and it's DOM elements:  
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {
@@ -59,4 +59,4 @@ class App extends Component
         return <Scrollbar ref="scrollbar"/>;
     }
 }
-```
+```

docs/USAGE.md

@@ -4,7 +4,7 @@
 The `<Scrollbar />` component works out of the box, with only need of `width` and `height` to be set, inline or via CSS;
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {
@@ -42,7 +42,7 @@ Note, that if `scrollY={false}` and `scrollX={false}` will be set simultaneously
 To customize scrollbars as you wish - you may want to turn off default styles.
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {
@@ -73,7 +73,7 @@ Styles presented in markup above are not removable and needed to proper componen
 There are several events you can listen to. Each listener will be called _inside the animation frame_.
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {
@@ -93,7 +93,7 @@ class App extends Component
 It is possible that DOM will be changed not only with React: for these cases `<Scrollbar />` has automatic content tracker.
 ```javascript
 import React, { Component }  from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 class App extends Component
 {

examples/components/SandboxScrollbars/App.js

@@ -1,5 +1,5 @@
 import React     from 'react';
-import Scrollbar from 'react-scrollbar-custom';
+import Scrollbar from 'react-scrollbars-custom';
 
 export default class App extends React.Component
 {

examples/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8">
-    <title>Examples react-scrollbar-custom</title>
+    <title>Examples react-scrollbars-custom</title>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -14,7 +14,7 @@
 
   <body>
     <div id="libHead">
-      <h1>react-scrollbar-custom</h1>
+      <h1>react-scrollbars-custom</h1>
       <a href="https://github.com/xobotyi/react-scrollbars-custom"><i class="fa fa-github"></i></a>
     </div>
 
@@ -23,9 +23,9 @@ <h1>react-scrollbar-custom</h1>
     <div class="scrollers" id="appRoot"></div>
 
     <div id="foot">
-      <a class="libLink" href="https://github.com/xobotyi/react-scrollbars-custom">react-scrollbar-custom</a><a class="authorLink" href="https://github.com/xobotyi">Anton Zinovyev</a>
+      <a class="libLink" href="https://github.com/xobotyi/react-scrollbars-custom">react-scrollbars-custom</a><a class="authorLink" href="https://github.com/xobotyi">Anton Zinovyev</a>
     </div>
   </body>
 
   <script src="static/bundle.js"></script>
-</html>
+</html>

examples/webpack.config.js

@@ -15,7 +15,7 @@ module.exports = {
     },
     resolve:      {
         alias:      {
-            "react-scrollbar-custom": path.join(__dirname, '..', 'src'),
+            "react-scrollbars-custom": path.join(__dirname, '..', 'src'),
         },
         extensions: ['.js'],
     },
@@ -47,4 +47,4 @@ module.exports = {
             },
         ],
     },
-};
+};

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "react-scrollbar-custom",
+  "name": "react-scrollbars-custom",
   "description": "The best React custom scrollbars component",
   "version": "1.2.0",
   "repository": {