Add Stylelint check and autofix styles (#989)

* Update .prettierignore

* Update .stylelintrc

* Update dependencies

Update package.json

Update package.json

* Autofix issues

Author: stevekinney

.stylelintrc

@@ -1,6 +1,14 @@
 {
-  "extends": ["stylelint-config-recommended"],
+  "extends": ["stylelint-config-standard", "stylelint-config-prettier"],
   "processors": [],
+  "customSyntax": "postcss-html",
+  "ignoreFiles": [
+    "node_modules/*",
+    "src/assets/**",
+    "build/**",
+    "src/lib/vendor/css/normalize.css",
+    "src/lib/vendor/prism/prism.css"
+  ],
   "rules": {
     "at-rule-no-unknown": [
       true,
@@ -20,14 +28,21 @@
         ]
       }
     ],
+    "custom-property-pattern": null,
     "declaration-block-trailing-semicolon": null,
-    "no-descending-specificity": [
+    "declaration-block-no-redundant-longhand-properties": [
       true,
-      {
-        "ignore": ["selectors-within-list"]
-      }
+      { "ignoreShorthands": ["border-radius"] }
+    ],
+    "function-linear-gradient-no-nonstandard-direction": null,
+    "keyframes-name-pattern": null,
+    "max-line-length": null,
+    "no-descending-specificity": null,
+    "selector-class-pattern": null,
+    "selector-pseudo-class-no-unknown": [
+      true,
+      { "ignorePseudoClasses": ["global"] }
     ],
-    "no-invalid-double-slash-comments": true,
-    "block-no-empty": null
+    "value-keyword-case": null
   }
 }

package.json

@@ -25,8 +25,8 @@
     "check:local:watch": "VITE_TEMPORAL_UI_BUILD_TARGET=local svelte-check --tsconfig ./tsconfig.json --watch",
     "check:cloud": "VITE_TEMPORAL_UI_BUILD_TARGET=local svelte-check --tsconfig ./tsconfig.json",
     "check:cloud:watch": "VITE_TEMPORAL_UI_BUILD_TARGET=local svelte-check --tsconfig ./tsconfig.json --watch",
-    "lint": "prettier --check --plugin-search-dir=. . && eslint --ignore-path .gitignore .",
-    "format": "prettier --write --plugin-search-dir=. .",
+    "lint": "prettier --check --plugin-search-dir=. . && eslint --ignore-path .gitignore . && stylelint \"src/**/*.{css,postcss,svelte}\"",
+    "format": "prettier --write --plugin-search-dir=. . && stylelint \"src/**/*.{css,postcss,svelte}\" --fix",
     "cypress": "concurrently \"pnpm run dev:test\" \"cypress open\"",
     "cypress:run": "cypress run",
     "package": "svelte-kit package && rsync -r ./package/lib/ ./package/ && rm -rf ./package/lib",
@@ -95,12 +95,15 @@
     "mock-socket": "^9.1.0",
     "postcss": "^8.4.5",
     "postcss-cli": "^9.1.0",
+    "postcss-html": "^1.5.0",
     "postcss-import": "^14.1.0",
     "postcss-load-config": "^3.1.0",
     "prettier": "^2.7.1",
     "prettier-plugin-tailwindcss": "^0.1.11",
-    "stylelint": "^14.6.1",
+    "stylelint": "^14.16.0",
+    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-recommended": "^7.0.0",
+    "stylelint-config-standard": "^29.0.0",
     "svelte": "^3.52.0",
     "svelte-check": "^2.4.5",
     "svelte-highlight": "^3.4.0",