build: create a reusable stylelint-config

mlaursen · mlaursen · commit 9b93fa7366f5 · 2025-08-08T18:34:13.000-04:00
diff --git a/apps/docs/.stylelintrc.json b/apps/docs/.stylelintrc.json
@@ -1,14 +1,3 @@
 {
-  "extends": ["stylelint-config-recommended-scss"],
-  "plugins": ["stylelint-order", "stylelint-scss"],
-  "rules": {
-    "no-descending-specificity": null,
-    "selector-pseudo-class-no-unknown": [
-      true,
-      { "ignorePseudoClasses": ["global", "local"] }
-    ],
-    "order/properties-alphabetical-order": true,
-    "scss/operator-no-newline-before": null,
-    "scss/operator-no-newline-after": null
-  }
+  "extends": ["@react-md/stylelint-config"]
 }
diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -72,6 +72,7 @@
     "@inquirer/confirm": "^5.1.13",
     "@next/eslint-plugin-next": "^15.4.4",
     "@react-md/eslint-config": "workspace:*",
+    "@react-md/stylelint-config": "workspace:*",
     "@types/js-cookie": "^3.0.6",
     "@types/lodash": "^4.17.20",
     "@types/mdx": "^2.0.13",
@@ -89,10 +90,6 @@
     "sass": "^1.89.2",
     "sassdoc-generator": "workspace:*",
     "stylelint": "^16.22.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.1",
-    "stylelint-order": "^7.0.0",
-    "stylelint-scss": "^6.12.1",
     "svgo": "^4.0.0",
     "tsx": "^4.20.3",
     "typedoc": "^0.28.8",
diff --git a/packages/code/.stylelintrc.json b/packages/code/.stylelintrc.json
@@ -1,14 +1,3 @@
 {
-  "extends": ["stylelint-config-recommended-scss"],
-  "plugins": ["stylelint-order", "stylelint-scss"],
-  "rules": {
-    "no-descending-specificity": null,
-    "selector-pseudo-class-no-unknown": [
-      true,
-      { "ignorePseudoClasses": ["global", "local"] }
-    ],
-    "order/properties-alphabetical-order": true,
-    "scss/operator-no-newline-before": null,
-    "scss/operator-no-newline-after": null
-  }
+  "extends": ["@react-md/stylelint-config"]
 }
diff --git a/packages/code/package.json b/packages/code/package.json
@@ -59,6 +59,7 @@
     "@jest/globals": "^29.7.0",
     "@jest/types": "^29.6.3",
     "@react-md/eslint-config": "workspace:*",
+    "@react-md/stylelint-config": "workspace:*",
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.13.2",
     "@swc/jest": "^0.2.39",
@@ -81,10 +82,6 @@
     "postcss-selector-parser": "^7.1.0",
     "sass": "^1.89.2",
     "stylelint": "^16.22.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.1",
-    "stylelint-order": "^7.0.0",
-    "stylelint-scss": "^6.12.1",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
diff --git a/packages/core/.stylelintrc.json b/packages/core/.stylelintrc.json
@@ -1,15 +1,3 @@
 {
-  "extends": ["stylelint-config-recommended-scss"],
-  "plugins": ["stylelint-order", "stylelint-scss"],
-  "rules": {
-    "no-descending-specificity": null,
-    "selector-pseudo-class-no-unknown": [
-      true,
-      { "ignorePseudoClasses": ["global", "local"] }
-    ],
-    "order/properties-alphabetical-order": true,
-    "scss/comment-no-empty": null,
-    "scss/operator-no-newline-before": null,
-    "scss/operator-no-newline-after": null
-  }
+  "extends": ["@react-md/stylelint-config"]
 }
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -103,6 +103,7 @@
     "@jest/types": "^29.6.3",
     "@microsoft/api-extractor": "^7.52.9",
     "@react-md/eslint-config": "workspace:*",
+    "@react-md/stylelint-config": "workspace:*",
     "@swc/cli": "^0.6.0",
     "@swc/core": "^1.13.2",
     "@swc/jest": "^0.2.39",
@@ -127,10 +128,6 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^3.6.2",
     "stylelint": "^16.22.0",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-recommended-scss": "^15.0.1",
-    "stylelint-order": "^7.0.0",
-    "stylelint-scss": "^6.12.1",
     "ts-morph": "^26.0.0",
     "ts-node": "^10.9.2",
     "tsx": "^4.20.3",
diff --git a/packages/eslint-config/README.md b/packages/eslint-config/README.md
@@ -0,0 +1,4 @@
+# @react-md/eslint-config
+
+This is just a re-export of `@mlaursen/eslint-config` so that I don't need to
+update it in each package.
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
@@ -3,10 +3,6 @@
   "type": "module",
   "private": true,
   "version": "1.0.0",
-  "description": "",
-  "files": [
-    "dist/"
-  ],
   "exports": {
     ".": "./index.js",
     "./package.json": "./package.json"
@@ -20,8 +16,7 @@
     "prettier": "^3.6.2",
     "typescript": "^5.8.3"
   },
-  "keywords": [],
-  "author": "",
+  "author": "Mikkel Laursen <mlaursen03@gmail.com>",
   "license": "MIT",
   "volta": {
     "node": "22.13.1",
diff --git a/packages/stylelint-config/README.md b/packages/stylelint-config/README.md
@@ -0,0 +1,3 @@
+# @react-md/stylelint-config
+
+The reusable stylelint config for react-md.
diff --git a/packages/stylelint-config/index.js b/packages/stylelint-config/index.js
@@ -0,0 +1,16 @@
+export default {
+  extends: ["stylelint-config-recommended-scss"],
+  plugins: ["stylelint-order", "stylelint-scss"],
+  rules: {
+    "no-descending-specificity": null,
+    "selector-pseudo-class-no-unknown": [
+      true,
+      { ignorePseudoClasses: ["global", "local"] },
+    ],
+    "order/properties-alphabetical-order": true,
+    // if this is not enabled, I cannot create "paragraphs" of comments
+    "scss/comment-no-empty": null,
+    "scss/operator-no-newline-before": null,
+    "scss/operator-no-newline-after": null,
+  },
+};
diff --git a/packages/stylelint-config/package.json b/packages/stylelint-config/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@react-md/stylelint-config",
+  "type": "module",
+  "private": true,
+  "version": "1.0.0",
+  "exports": {
+    ".": "./index.js",
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
+    "stylelint-order": "^7.0.0",
+    "stylelint-scss": "^6.12.1"
+  },
+  "devDependencies": {
+    "@trivago/prettier-plugin-sort-imports": "^5.2.2",
+    "@types/node": "^22.15.29",
+    "prettier": "^3.6.2",
+    "typescript": "^5.8.3"
+  },
+  "peerDependencies": {
+    "stylelint": "*"
+  },
+  "peerDependenciesMeta": {
+    "stylelint": {
+      "optional": false
+    }
+  },
+  "author": "Mikkel Laursen <mlaursen03@gmail.com>",
+  "license": "MIT",
+  "volta": {
+    "node": "22.13.1",
+    "pnpm": "10.8.0"
+  }
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# @react-md/stylelint-config`
	`2`	`+`
	`3`	`+The reusable stylelint config for react-md.`