Various updates

- Additional example in button docs;
- ESLint setup;

Author: birdofpreyru

.eslintignore

@@ -0,0 +1 @@
+dist

.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "./node_modules/topcoder-react-utils/config/eslint/default.json"
+}

docs/buttons.md

@@ -24,15 +24,47 @@ to further use them for your custom styling, you can find them in the
 folder.
 
 ### <a name="examples">Examples</a>
+The minimal example:
+```jsx
+import { PrimaryButton } from 'topcoder-react-ui-kit`;
+import React from 'react';
+
+export default function() {
+  return (
+    <PrimaryButton
+      onClick={() => console.log('PrimaryButton was clicked!')}
+    >Click Me!</PrimaryButton>
+  );
+}
+```
+
+If you need some ad-hoc styling, here is the minimal example:
+```scss
+// style.scss
+
+.myButton {
+  // In this example we override the default margins around the button. Pay
+  // attention to the "!important" instruction, it should be added for each
+  // attribute of the ad-hoc style, to ensure that resulting styling does not
+  // depend on the order of SCSS rules in the generated CSS bundle (i.e. that
+  // the ad-hoc style has the highest priority, no matter the order).
+  margin: 40px 0 !important;
+}
+```
 
 ```jsx
+// button.jsx
+
 import { PrimaryButton } from 'topcoder-react-ui-kit`;
 import React from 'react';
 
+import style from './style.scss';
+
 export default function() {
   return (
     <PrimaryButton
       onClick={() => console.log('PrimaryButton was clicked!')}
+      theme={{ button: style.myButton }}
     >Click Me!</PrimaryButton>
   );
 }

package.json

@@ -24,7 +24,10 @@
     "build": "npm run clean && ./node_modules/.bin/webpack --env=production --progress --profile --colors --display-optimization-bailout",
     "build:dev": "npm run clean && webpack --env=development --progress --profile --colors --display-optimization-bailout --bail --watch",
     "clean": "rimraf dist",
-    "prepublishOnly": "npm run build"
+    "lint": "npm run lint:js",
+    "lint:js": "./node_modules/.bin/eslint --ext .js,.jsx .",
+    "prepublishOnly": "npm run build",
+    "test": "npm run lint"
   },
   "version": "0.0.4",
   "dependencies": {

src/index.js

@@ -1,4 +1,4 @@
-import 'styles/global';
+import 'styles/global.scss';
 
 import * as buttons from 'components/buttons';
 

webpack.config.js

@@ -3,4 +3,4 @@
 
 module.exports = function buildConfig(env) {
   return require(`./config/webpack/${env}.js`);
-}
+};