feat: add stylelint for css-in-js (#815)

* feat: add css linting

Author: montezume

.stylelintrc

@@ -0,0 +1,42 @@
+{
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-prettier"
+  ],
+  "plugins": [
+    "stylelint-order"
+  ],
+  "rules": {
+    "font-family-name-quotes": ["always-unless-keyword"],
+    "function-url-quotes": "always",
+    "selector-attribute-quotes": "always",
+    "string-quotes": "single",
+    "selector-pseudo-class-no-unknown": [
+      true,
+      { "ignorePseudoClasses": ["global"] }
+    ],
+    "order/properties-order": [
+      ["composes"],
+      { "unspecified": "bottom" }
+    ],
+    "declaration-block-no-duplicate-properties": [
+      true,
+      { "ignoreProperties": ["composes"] }
+    ],
+    "property-no-unknown": [
+      true,
+      { "ignoreProperties": ["composes"] }
+    ],
+    "declaration-colon-newline-after": null,
+    "rule-empty-line-before": null,
+    "value-list-comma-newline-after": null,
+    "indentation": null,
+    "selector-descendant-combinator-no-non-space": null,
+    "no-descending-specificity": null,
+    "no-duplicate-selectors": null,
+    "no-empty-source": null,
+    "declaration-empty-line-before": null,
+    "no-missing-end-of-source-newline": null,
+    "function-name-case": null,
+  }
+}

jest.stylelint.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  runner: 'jest-runner-stylelint',
+  displayName: 'stylelint',
+  moduleFileExtensions: ['js'],
+  modulePathIgnorePatterns: [
+    'dist',
+    '.spec.js',
+    '.visualspec.js',
+    '.visualroute.js',
+    '.story.js',
+  ],
+  testMatch: ['<rootDir>/src/components/**/*.js', ''],
+  watchPlugins: ['jest-watch-typeahead/filename', 'jest-watch-master'],
+};

package.json

@@ -48,6 +48,7 @@
     "i18n:build": "node scripts/extract-intl.js --output-path=$(pwd)/i18n/data 'src/components/**/!(*.spec).js'",
     "lint": "jest --projects jest.eslint.config.js",
     "lint:js": "jest --config jest.eslint.config.js",
+    "lint:css": "jest --config jest.stylelint.config.js",
     "format:js": "prettier --write '**/*.js'",
     "format:md": "prettier --write --parser markdown '**/*.md'",
     "format:yaml": "prettier --write --parser yaml '**/*.yaml'",
@@ -149,6 +150,7 @@
     "jest-localstorage-mock": "2.4.0",
     "jest-puppeteer": "4.1.1",
     "jest-runner-eslint": "0.7.3",
+    "jest-runner-stylelint": "1.0.0",
     "jest-silent-reporter": "0.1.2",
     "jest-validate": "24.8.0",
     "jest-watch-master": "1.0.0",
@@ -183,6 +185,10 @@
     "serve": "11.0.0",
     "shelljs": "0.8.3",
     "storybook-readme": "5.0.3",
+    "stylelint": "10.0.1",
+    "stylelint-config-prettier": "5.2.0",
+    "stylelint-config-standard": "18.3.0",
+    "stylelint-order": "3.0.0",
     "webpack": "4.32.2",
     "webpack-cli": "3.3.2",
     "yaml": "1.6.0",
@@ -196,6 +202,9 @@
     "react-intl": "2.x",
     "react-router-dom": "5.x"
   },
+  "resolutions": {
+    "jest-runner-stylelint/stylelint": "10.0.1"
+  },
   "husky": {
     "hooks": {
       "commit-msg": "commitlint -e $HUSKY_GIT_PARAMS",