@css-modules-kit/stylelint-plugin 0.0.5 → 0.2.0

package/README.md

@@ -14,15 +14,10 @@ npm i -D @css-modules-kit/stylelint-plugin
 // stylelint.config.js
 /** @type {import('stylelint').Config} */
 export default {
-  plugins: ['@css-modules-kit/stylelint-plugin'],
-  rules: {
-    'css-modules-kit/no-unused-class-names': true,
-    'css-modules-kit/no-missing-component-file': true,
-  },
+  extends: ['@css-modules-kit/stylelint-plugin/recommended'],
 };
 ```
 
 ## Rules
 
-- `css-modules-kit/no-unused-class-names`
-- `css-modules-kit/no-missing-component-file`
+The same rules as eslint-plugin are provided. See [the eslint-plugin documentation](https://github.com/mizdra/css-modules-kit/blob/main/packages/eslint-plugin/README.md#rules) for a list of rules.

package/dist/recommended.d.ts

@@ -0,0 +1,4 @@
+import type { Config } from 'stylelint';
+declare const recommendedConfig: Config;
+export = recommendedConfig;
+//# sourceMappingURL=recommended.d.ts.map

package/dist/recommended.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommended.d.ts","sourceRoot":"","sources":["../src/recommended.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAExC,QAAA,MAAM,iBAAiB,EAAE,MAwCxB,CAAC;AAEF,SAAS,iBAAiB,CAAC"}

package/dist/recommended.js

@@ -0,0 +1,43 @@
+"use strict";
+const recommendedConfig = {
+    plugins: ['@css-modules-kit/stylelint-plugin'],
+    languageOptions: {
+        syntax: {
+            atRules: {
+                value: {
+                    // Example:
+                    // - `@value a: #123;`
+                    // - `@value empty:;`
+                    // - `@value withoutSemicolon #123;`
+                    // - `@value a from './test.module.css';`
+                    // - `@value a, b from './test.module.css';`
+                    // - `@value a as aliased_a from './test.module.css';`
+                    //
+                    // CSS Modules Kit does not support the following for implementation simplicity:
+                    // - `@value (a, b) from '...';`
+                    // - `@value a from moduleName;`
+                    //
+                    // ref: https://github.com/css-modules/postcss-icss-values/blob/acdf34a62cc2537a9507b1e9fd34db486e5cb0f8/test/test.js
+                    prelude: '<custom-ident> :? <declaration-value>? | [ [ <custom-ident> [ as <custom-ident> ]? ]# from <string> ]',
+                },
+            },
+            properties: {
+                // Example:
+                // - `composes: a;`
+                // - `composes: a from './test.module.css';`
+                // - `composes: a, b from './test.module.css';`
+                // - `composes: a b from './test.module.css';`
+                // - `composes: global(a) from './test.module.css';`
+                //
+                // ref: https://github.com/css-modules/postcss-modules-extract-imports/blob/16f9c570e517cf3558b88cf96dcadf794230965a/src/index.js
+                composes: '[ [ <custom-ident> | global(<custom-ident>) ] ,? ]+ [ from <string> ]?',
+            },
+        },
+    },
+    rules: {
+        'css-modules-kit/no-unused-class-names': true,
+        'css-modules-kit/no-missing-component-file': true,
+    },
+};
+module.exports = recommendedConfig;
+//# sourceMappingURL=recommended.js.map

package/dist/recommended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recommended.js","sourceRoot":"","sources":["../src/recommended.ts"],"names":[],"mappings":";AAEA,MAAM,iBAAiB,GAAW;IAChC,OAAO,EAAE,CAAC,mCAAmC,CAAC;IAC9C,eAAe,EAAE;QACf,MAAM,EAAE;YACN,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,WAAW;oBACX,sBAAsB;oBACtB,qBAAqB;oBACrB,oCAAoC;oBACpC,yCAAyC;oBACzC,4CAA4C;oBAC5C,sDAAsD;oBACtD,EAAE;oBACF,gFAAgF;oBAChF,gCAAgC;oBAChC,gCAAgC;oBAChC,EAAE;oBACF,qHAAqH;oBACrH,OAAO,EACL,uGAAuG;iBAC1G;aACF;YACD,UAAU,EAAE;gBACV,WAAW;gBACX,mBAAmB;gBACnB,4CAA4C;gBAC5C,+CAA+C;gBAC/C,8CAA8C;gBAC9C,oDAAoD;gBACpD,EAAE;gBACF,iIAAiI;gBACjI,QAAQ,EAAE,wEAAwE;aACnF;SACF;KACF;IACD,KAAK,EAAE;QACL,uCAAuC,EAAE,IAAI;QAC7C,2CAA2C,EAAE,IAAI;KAClD;CACF,CAAC;AAEF,iBAAS,iBAAiB,CAAC"}

package/dist/rules/no-missing-component-file.js

@@ -13,7 +13,7 @@ const messages = utils.ruleMessages(ruleName, {
     disallow: () => `The corresponding component file is not found.`,
 });
 const meta = {
-    url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/stylelint-plugin/docs/rules/no-missing-component-file.md',
+    url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/eslint-plugin/docs/rules/no-missing-component-file.md',
 };
 const ruleFunction = (_primaryOptions, _secondaryOptions, _context) => {
     return async (root, result) => {

package/dist/rules/no-missing-component-file.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-missing-component-file.js","sourceRoot":"","sources":["../../src/rules/no-missing-component-file.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAE3E,0DAAkC;AAClC,wCAAsC;AAEtC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,mBAAS,CAAC;AAE1C,MAAM,QAAQ,GAAG,2CAA2C,CAAC;AAE7D,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,gDAAgD;CACjE,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG;IACX,GAAG,EAAE,uHAAuH;CAC7H,CAAC;AAEF,MAAM,YAAY,GAAS,CAAC,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE;IAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAA,sBAAe,EAAC,QAAQ,CAAC;YAAE,OAAO;QAEjE,MAAM,aAAa,GAAG,MAAM,IAAA,wBAAiB,EAAC,QAAQ,EAAE,kBAAQ,CAAC,CAAC;QAElE,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAChC,KAAK,CAAC,MAAM,CAAC;gBACX,MAAM;gBACN,QAAQ;gBACR,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE;gBAC5B,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,CAAC;gBACR,QAAQ,EAAE,CAAC;aACZ,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;AAEZ,QAAA,sBAAsB,GAAG,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC"}
+{"version":3,"file":"no-missing-component-file.js","sourceRoot":"","sources":["../../src/rules/no-missing-component-file.ts"],"names":[],"mappings":";;;;;;AAAA,gDAA2E;AAE3E,0DAAkC;AAClC,wCAAsC;AAEtC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,mBAAS,CAAC;AAE1C,MAAM,QAAQ,GAAG,2CAA2C,CAAC;AAE7D,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,gDAAgD;CACjE,CAAC,CAAC;AAEH,MAAM,IAAI,GAAa;IACrB,GAAG,EAAE,oHAAoH;CAC1H,CAAC;AAEF,MAAM,YAAY,GAAS,CAAC,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE;IAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAA,sBAAe,EAAC,QAAQ,CAAC;YAAE,OAAO;QAEjE,MAAM,aAAa,GAAG,MAAM,IAAA,wBAAiB,EAAC,QAAQ,EAAE,kBAAQ,CAAC,CAAC;QAElE,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAChC,KAAK,CAAC,MAAM,CAAC;gBACX,MAAM;gBACN,QAAQ;gBACR,OAAO,EAAE,QAAQ,CAAC,QAAQ,EAAE;gBAC5B,IAAI,EAAE,IAAI;gBACV,KAAK,EAAE,CAAC;gBACR,QAAQ,EAAE,CAAC;aACZ,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;AAEZ,QAAA,sBAAsB,GAAG,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC"}

package/dist/rules/no-unused-class-names.d.ts

@@ -1,5 +1,3 @@
 import stylelint from 'stylelint';
-declare function findUsedTokenNames(componentText: string): Set<string>;
 export declare const noUnusedClassNames: stylelint.Plugin;
-export { findUsedTokenNames as findUsedTokenNamesForTest };
 //# sourceMappingURL=no-unused-class-names.d.ts.map

package/dist/rules/no-unused-class-names.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"no-unused-class-names.d.ts","sourceRoot":"","sources":["../../src/rules/no-unused-class-names.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,WAAW,CAAC;AA2DlC,iBAAS,kBAAkB,CAAC,aAAa,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAO9D;AAMD,eAAO,MAAM,kBAAkB,kBAAuC,CAAC;AACvE,OAAO,EAAE,kBAAkB,IAAI,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"no-unused-class-names.d.ts","sourceRoot":"","sources":["../../src/rules/no-unused-class-names.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,WAAW,CAAC;AAsDlC,eAAO,MAAM,kBAAkB,kBAAuC,CAAC"}

package/dist/rules/no-unused-class-names.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.noUnusedClassNames = void 0;
-exports.findUsedTokenNamesForTest = findUsedTokenNames;
 const core_1 = require("@css-modules-kit/core");
 const stylelint_1 = __importDefault(require("stylelint"));
 const util_js_1 = require("../util.js");
@@ -14,7 +13,7 @@ const messages = utils.ruleMessages(ruleName, {
     disallow: (className, componentFileName) => `"${className}" is defined but never used in "${(0, core_1.basename)(componentFileName)}"`,
 });
 const meta = {
-    url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/stylelint-plugin/docs/rules/no-unused-class-names.md',
+    url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/eslint-plugin/docs/rules/no-unused-class-names.md',
 };
 const ruleFunction = (_primaryOptions, _secondaryOptions, _context) => {
     return async (root, result) => {
@@ -27,7 +26,7 @@ const ruleFunction = (_primaryOptions, _secondaryOptions, _context) => {
         // assumed that all class names are used.
         if (componentFile === undefined)
             return;
-        const usedTokenNames = findUsedTokenNames(componentFile.text);
+        const usedTokenNames = (0, core_1.findUsedTokenNames)(componentFile.text);
         root.walkRules((rule) => {
             const { classSelectors } = (0, core_1.parseRule)(rule);
             for (const classSelector of classSelectors) {
@@ -46,22 +45,6 @@ const ruleFunction = (_primaryOptions, _secondaryOptions, _context) => {
         });
     };
 };
-/**
- * The syntax pattern for consuming tokens imported from CSS Module.
- * @example `styles.foo`
- */
-// TODO(#125): Support `styles['foo']` and `styles["foo"]`
-// MEMO: The `xxxStyles.foo` format is not supported, because the css module file for current component file is usually imported with `styles`.
-//       It is sufficient to support only the `styles.foo` format.
-const TOKEN_CONSUMER_PATTERN = /styles\.([$_\p{ID_Start}][$\u200c\u200d\p{ID_Continue}]*)/gu;
-function findUsedTokenNames(componentText) {
-    const usedClassNames = new Set();
-    let match;
-    while ((match = TOKEN_CONSUMER_PATTERN.exec(componentText)) !== null) {
-        usedClassNames.add(match[1]);
-    }
-    return usedClassNames;
-}
 ruleFunction.ruleName = ruleName;
 ruleFunction.messages = messages;
 ruleFunction.meta = meta;

package/dist/rules/no-unused-class-names.js.map

@@ -1 +1 @@
-{"version":3,"file":"no-unused-class-names.js","sourceRoot":"","sources":["../../src/rules/no-unused-class-names.ts"],"names":[],"mappings":";;;;;;AA2E+B,uDAAyB;AA3ExD,gDAAgG;AAEhG,0DAAkC;AAClC,wCAAsC;AAEtC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,mBAAS,CAAC;AAE1C,MAAM,QAAQ,GAAG,uCAAuC,CAAC;AAEzD,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5C,QAAQ,EAAE,CAAC,SAAiB,EAAE,iBAAyB,EAAE,EAAE,CACzD,IAAI,SAAS,mCAAmC,IAAA,eAAQ,EAAC,iBAAiB,CAAC,GAAG;CACjF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAG;IACX,GAAG,EAAE,mHAAmH;CACzH,CAAC;AAEF,MAAM,YAAY,GAAS,CAAC,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE;IAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAA,sBAAe,EAAC,QAAQ,CAAC;YAAE,OAAO;QAEjE,MAAM,aAAa,GAAG,MAAM,IAAA,wBAAiB,EAAC,QAAQ,EAAE,kBAAQ,CAAC,CAAC;QAElE,qHAAqH;QACrH,wGAAwG;QACxG,yCAAyC;QACzC,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QAExC,MAAM,cAAc,GAAG,kBAAkB,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC;YAE3C,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;gBAC3C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC5C,KAAK,CAAC,MAAM,CAAC;wBACX,MAAM;wBACN,QAAQ;wBACR,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC;wBACtE,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM;wBACrC,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM;wBACtC,IAAI,EAAE,aAAa,CAAC,IAAI;qBACzB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,0DAA0D;AAC1D,+IAA+I;AAC/I,kEAAkE;AAClE,MAAM,sBAAsB,GAAG,6DAA6D,CAAC;AAE7F,SAAS,kBAAkB,CAAC,aAAqB;IAC/C,MAAM,cAAc,GAAG,IAAI,GAAG,EAAU,CAAC;IACzC,IAAI,KAAK,CAAC;IACV,OAAO,CAAC,KAAK,GAAG,sBAAsB,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;QACrE,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAE,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,cAAc,CAAC;AACxB,CAAC;AAED,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;AAEZ,QAAA,kBAAkB,GAAG,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC"}
+{"version":3,"file":"no-unused-class-names.js","sourceRoot":"","sources":["../../src/rules/no-unused-class-names.ts"],"names":[],"mappings":";;;;;;AAAA,gDAAoH;AAEpH,0DAAkC;AAClC,wCAAsC;AAEtC,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,mBAAS,CAAC;AAE1C,MAAM,QAAQ,GAAG,uCAAuC,CAAC;AAEzD,MAAM,QAAQ,GAAG,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;IAC5C,QAAQ,EAAE,CAAC,SAAiB,EAAE,iBAAyB,EAAE,EAAE,CACzD,IAAI,SAAS,mCAAmC,IAAA,eAAQ,EAAC,iBAAiB,CAAC,GAAG;CACjF,CAAC,CAAC;AAEH,MAAM,IAAI,GAAa;IACrB,GAAG,EAAE,gHAAgH;CACtH,CAAC;AAEF,MAAM,YAAY,GAAS,CAAC,eAAe,EAAE,iBAAiB,EAAE,QAAQ,EAAE,EAAE;IAC1E,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC;QACzC,IAAI,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAA,sBAAe,EAAC,QAAQ,CAAC;YAAE,OAAO;QAEjE,MAAM,aAAa,GAAG,MAAM,IAAA,wBAAiB,EAAC,QAAQ,EAAE,kBAAQ,CAAC,CAAC;QAElE,qHAAqH;QACrH,wGAAwG;QACxG,yCAAyC;QACzC,IAAI,aAAa,KAAK,SAAS;YAAE,OAAO;QAExC,MAAM,cAAc,GAAG,IAAA,yBAAkB,EAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE;YACtB,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,gBAAS,EAAC,IAAI,CAAC,CAAC;YAE3C,KAAK,MAAM,aAAa,IAAI,cAAc,EAAE,CAAC;gBAC3C,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;oBAC5C,KAAK,CAAC,MAAM,CAAC;wBACX,MAAM;wBACN,QAAQ;wBACR,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,CAAC;wBACtE,IAAI,EAAE,IAAI;wBACV,KAAK,EAAE,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM;wBACrC,QAAQ,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM;wBACtC,IAAI,EAAE,aAAa,CAAC,IAAI;qBACzB,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,QAAQ,GAAG,QAAQ,CAAC;AACjC,YAAY,CAAC,IAAI,GAAG,IAAI,CAAC;AAEZ,QAAA,kBAAkB,GAAG,YAAY,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@css-modules-kit/stylelint-plugin",
   "description": "A stylelint plugin for CSS Modules",
-  "version": "0.0.5",
+  "version": "0.2.0",
   "type": "commonjs",
   "sideEffects": false,
   "repository": {
@@ -12,7 +12,20 @@
   "author": "mizdra <pp.mizdra@gmail.com>",
   "license": "MIT",
   "private": false,
-  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./recommended": {
+      "import": {
+        "types": "./dist/recommended.d.ts",
+        "default": "./dist/recommended.js"
+      }
+    }
+  },
   "scripts": {
     "build": "tsc -b tsconfig.build.json"
   },
@@ -37,7 +50,7 @@
     "dist"
   ],
   "dependencies": {
-    "@css-modules-kit/core": "^0.0.5"
+    "@css-modules-kit/core": "^0.2.0"
   },
   "peerDependencies": {
     "stylelint": "^16.0.0"

package/src/recommended.ts

@@ -0,0 +1,45 @@
+import type { Config } from 'stylelint';
+
+const recommendedConfig: Config = {
+  plugins: ['@css-modules-kit/stylelint-plugin'],
+  languageOptions: {
+    syntax: {
+      atRules: {
+        value: {
+          // Example:
+          // - `@value a: #123;`
+          // - `@value empty:;`
+          // - `@value withoutSemicolon #123;`
+          // - `@value a from './test.module.css';`
+          // - `@value a, b from './test.module.css';`
+          // - `@value a as aliased_a from './test.module.css';`
+          //
+          // CSS Modules Kit does not support the following for implementation simplicity:
+          // - `@value (a, b) from '...';`
+          // - `@value a from moduleName;`
+          //
+          // ref: https://github.com/css-modules/postcss-icss-values/blob/acdf34a62cc2537a9507b1e9fd34db486e5cb0f8/test/test.js
+          prelude:
+            '<custom-ident> :? <declaration-value>? | [ [ <custom-ident> [ as <custom-ident> ]? ]# from <string> ]',
+        },
+      },
+      properties: {
+        // Example:
+        // - `composes: a;`
+        // - `composes: a from './test.module.css';`
+        // - `composes: a, b from './test.module.css';`
+        // - `composes: a b from './test.module.css';`
+        // - `composes: global(a) from './test.module.css';`
+        //
+        // ref: https://github.com/css-modules/postcss-modules-extract-imports/blob/16f9c570e517cf3558b88cf96dcadf794230965a/src/index.js
+        composes: '[ [ <custom-ident> | global(<custom-ident>) ] ,? ]+ [ from <string> ]?',
+      },
+    },
+  },
+  rules: {
+    'css-modules-kit/no-unused-class-names': true,
+    'css-modules-kit/no-missing-component-file': true,
+  },
+};
+
+export = recommendedConfig;

package/src/rules/no-missing-component-file.ts

@@ -1,5 +1,5 @@
 import { findComponentFile, isCSSModuleFile } from '@css-modules-kit/core';
-import type { Rule } from 'stylelint';
+import type { Rule, RuleMeta } from 'stylelint';
 import stylelint from 'stylelint';
 import { readFile } from '../util.js';
 
@@ -11,8 +11,8 @@ const messages = utils.ruleMessages(ruleName, {
   disallow: () => `The corresponding component file is not found.`,
 });
 
-const meta = {
-  url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/stylelint-plugin/docs/rules/no-missing-component-file.md',
+const meta: RuleMeta = {
+  url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/eslint-plugin/docs/rules/no-missing-component-file.md',
 };
 
 const ruleFunction: Rule = (_primaryOptions, _secondaryOptions, _context) => {

package/src/rules/no-unused-class-names.ts

@@ -1,5 +1,5 @@
-import { basename, findComponentFile, isCSSModuleFile, parseRule } from '@css-modules-kit/core';
-import type { Rule } from 'stylelint';
+import { basename, findComponentFile, findUsedTokenNames, isCSSModuleFile, parseRule } from '@css-modules-kit/core';
+import type { Rule, RuleMeta } from 'stylelint';
 import stylelint from 'stylelint';
 import { readFile } from '../util.js';
 
@@ -12,8 +12,8 @@ const messages = utils.ruleMessages(ruleName, {
     `"${className}" is defined but never used in "${basename(componentFileName)}"`,
 });
 
-const meta = {
-  url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/stylelint-plugin/docs/rules/no-unused-class-names.md',
+const meta: RuleMeta = {
+  url: 'https://github.com/mizdra/css-modules-kit/blob/main/packages/eslint-plugin/docs/rules/no-unused-class-names.md',
 };
 
 const ruleFunction: Rule = (_primaryOptions, _secondaryOptions, _context) => {
@@ -50,27 +50,8 @@ const ruleFunction: Rule = (_primaryOptions, _secondaryOptions, _context) => {
   };
 };
 
-/**
- * The syntax pattern for consuming tokens imported from CSS Module.
- * @example `styles.foo`
- */
-// TODO(#125): Support `styles['foo']` and `styles["foo"]`
-// MEMO: The `xxxStyles.foo` format is not supported, because the css module file for current component file is usually imported with `styles`.
-//       It is sufficient to support only the `styles.foo` format.
-const TOKEN_CONSUMER_PATTERN = /styles\.([$_\p{ID_Start}][$\u200c\u200d\p{ID_Continue}]*)/gu;
-
-function findUsedTokenNames(componentText: string): Set<string> {
-  const usedClassNames = new Set<string>();
-  let match;
-  while ((match = TOKEN_CONSUMER_PATTERN.exec(componentText)) !== null) {
-    usedClassNames.add(match[1]!);
-  }
-  return usedClassNames;
-}
-
 ruleFunction.ruleName = ruleName;
 ruleFunction.messages = messages;
 ruleFunction.meta = meta;
 
 export const noUnusedClassNames = createPlugin(ruleName, ruleFunction);
-export { findUsedTokenNames as findUsedTokenNamesForTest };