fix(linter): added stylelint to improve css linting.

Author: alexander janet

.eslintrc.json

@@ -0,0 +1,109 @@
+{
+  "parser": "babel-eslint",
+  "extends": ["airbnb"],
+  "globals": {
+    "__SERVER__": true,
+    "__VERSION__": true
+  },
+  "env": {
+    "browser": true,
+    "node": true,
+    "jest": true,
+    "es6": true
+  },
+  "parserOptions": {
+    "ecmaVersion": 7,
+    "sourceType": "module",
+    "ecmaFeatures": {
+      "impliedStrict": true,
+      "jsx": true
+    }
+  },
+  "settings": {
+    "import/resolver": {
+      "node": {
+        "extensions": [
+          ".js",
+          ".mjs"
+        ]
+      }
+    }
+  },
+  "rules": {
+    "curly": [2, "multi-line"],
+    "no-continue": 0,
+    "no-duplicate-imports": 0,
+    "no-else-return": 0,
+    "no-prototype-builtins": 0,
+    "no-underscore-dangle": 0,
+    "no-unused-vars": [2],
+    "react/destructuring-assignment": 0,
+    "react/no-multi-comp": 0,
+    "react/prefer-stateless-function": 0,
+    "react/sort-comp": 0,
+    "symbol-description": 0,
+    "no-restricted-syntax": ["error", "ForOfStatement", "LabeledStatement", "WithStatement"],
+    "no-return-assign": 0,
+    "no-undef": 0,
+    "no-plusplus": "off",
+    "arrow-parens": [
+      "error",
+      "always"
+    ],
+    "arrow-body-style": [
+      2,
+      "as-needed"
+    ],
+    "comma-dangle": [
+      2,
+      "always-multiline"
+    ],
+    "import/extensions": [
+      "error",
+      "always",
+      {
+        "js": "never",
+        "mjs": "never"
+      }
+    ],
+    "import/imports-first": 0,
+    "import/newline-after-import": 0,
+    "import/no-dynamic-require": 0,
+    "import/no-extraneous-dependencies": 0,
+    "import/no-named-as-default": 0,
+    "import/no-unresolved": 2,
+    "import/prefer-default-export": 0,
+    "indent": [
+      2,
+      2,
+      {
+        "SwitchCase": 1
+      }
+    ],
+    "max-len": 0,
+    "newline-per-chained-call": 0,
+    "no-confusing-arrow": 0,
+    "no-console": 1,
+    "no-use-before-define": 0,
+    "object-curly-newline": "warn",
+    "prefer-template": 2,
+    "class-methods-use-this": 0,
+    "require-yield": 0,
+    "jsx-a11y/aria-props": 2,
+    "jsx-a11y/heading-has-content": 0,
+    "jsx-a11y/label-has-for": 2,
+    "jsx-a11y/mouse-events-have-key-events": 2,
+    "jsx-a11y/role-has-required-aria-props": 2,
+    "jsx-a11y/role-supports-aria-props": 2,
+    "react/forbid-prop-types": 0,
+    "react/jsx-first-prop-new-line": [
+      2,
+      "multiline"
+    ],
+    "react/jsx-filename-extension": 0,
+    "react/jsx-no-target-blank": 0,
+    "react/require-extension": 0,
+    "react/self-closing-comp": 0,
+    "react/require-default-props": 0
+  }
+}

.stylelintrc

@@ -0,0 +1,18 @@
+{
+  "processors": [
+    "stylelint-processor-styled-components"
+  ],
+  "extends": [
+    "stylelint-config-recommended",
+    "stylelint-config-styled-components"
+  ],
+  "rules": {
+    "color-no-invalid-hex": true,
+    "color-hex-case": "upper",
+    "unit-no-unknown": true,
+    "property-no-unknown": true,
+    "at-rule-semicolon-newline-after": "always",
+    "declaration-block-no-duplicate-properties":true,
+    "block-no-empty": null
+  }
+}

package.json

@@ -22,11 +22,12 @@
     "build:readme": "toctoc README.md -w",
     "build:dist:watch": "rollup -c --watch",
     "build:lib:watch": "npm run build:lib -- --watch",
-    "test": "npm run lint && npm run test:web",
+    "test": "npm run lint && npm run lint:css && npm run test:web",
     "test:web": "NODE_ENV=test TEST_REPORT_PATH=reports jest --coverage",
     "test:clean": "rimraf ./coverage",
     "test:watch": "npm run test -- --watch",
     "lint": "eslint src",
+    "lint:css": "stylelint './src/**/*.js'",
     "prepublish": "npm run build",
     "lint-staged": "lint-staged",
     "styleguide": "styleguidist server",
@@ -58,63 +59,12 @@
     "Adrien Gadaud <adrien.gadaud@yeutech.vn>"
   ],
   "license": "MIT",
-  "eslintConfig": {
-    "parser": "babel-eslint",
-    "extends": "airbnb-base",
-    "env": {
-      "browser": true,
-      "node": true,
-      "jest": true,
-      "es6": true
-    },
-    "parserOptions": {
-      "ecmaVersion": 6,
-      "sourceType": "module"
-    },
-    "rules": {
-      "arrow-parens": [
-        "error",
-        "always"
-      ],
-      "arrow-body-style": [
-        2,
-        "as-needed"
-      ],
-      "comma-dangle": [
-        2,
-        "always-multiline"
-      ],
-      "import/imports-first": 0,
-      "import/newline-after-import": 0,
-      "import/no-dynamic-require": 0,
-      "import/no-extraneous-dependencies": 0,
-      "import/no-named-as-default": 0,
-      "import/no-unresolved": 2,
-      "import/prefer-default-export": 0,
-      "indent": [
-        2,
-        2,
-        {
-          "SwitchCase": 1
-        }
-      ],
-      "max-len": 0,
-      "newline-per-chained-call": 0,
-      "no-confusing-arrow": 0,
-      "no-console": 1,
-      "no-else-return": 0,
-      "no-use-before-define": 0,
-      "object-curly-newline": 0,
-      "prefer-template": 2,
-      "class-methods-use-this": 0,
-      "require-yield": 0
-    }
-  },
   "devDependencies": {
     "@semantic-release/changelog": "^3.0.0",
     "@semantic-release/git": "^7.0.5",
     "@semantic-release/github": "^5.2.1",
     "@semantic-release/npm": "^4.0.0",
+    "@yeutech-lab/rollup-umd-documentation": "^2.4.4",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
     "babel-eslint": "^7.2.3",
@@ -147,7 +97,7 @@
     "pre-commit": "^1.2.2",
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
-    "react-styleguidist": "7.1.0",
+    "react-styleguidist": "^8.0.4",
     "rimraf": "^2.6.2",
     "rollup": "^0.57.1",
     "rollup-plugin-babel": "^3.0.3",
@@ -163,6 +113,10 @@
     "rollup-watch": "^4.3.1",
     "semantic-release": "^15.8.0",
     "sinon": "^3.3.0",
+    "stylelint": "^9.8.0",
+    "stylelint-config-recommended": "^2.1.0",
+    "stylelint-config-styled-components": "^0.1.1",
+    "stylelint-processor-styled-components": "^1.5.1",
     "toctoc": "^0.3.0",
     "webpack": "^4.16.1"
   },