@d-zero/stylelint-config 5.0.0-alpha.7 → 5.0.0-alpha.9

package/base.js

@@ -1,34 +1,6 @@
 module.exports = {
-	extends: ['stylelint-config-standard', 'stylelint-config-recess-order'],
-	plugins: ['stylelint-scss', 'stylelint-order'],
+	extends: ['stylelint-config-standard'],
 	rules: {
-		'order/order': [
-			'dollar-variables',
-			'custom-properties',
-			{
-				type: 'at-rule',
-				name: 'custom-media',
-			},
-			{
-				type: 'at-rule',
-				name: 'extend',
-			},
-			{
-				type: 'at-rule',
-				name: 'mixin',
-			},
-			'declarations',
-			{
-				type: 'at-rule',
-				name: 'supports',
-			},
-			{
-				type: 'at-rule',
-				name: 'media',
-				hasBlock: true,
-			},
-			'rules',
-		],
 		'at-rule-disallowed-list': null,
 		'at-rule-empty-line-before': [
 			'always',
@@ -38,12 +10,7 @@ module.exports = {
 			},
 		],
 		'at-rule-no-vendor-prefix': true,
-		'at-rule-no-unknown': [
-			true,
-			{
-				ignoreAtRules: ['mixin', 'extend', 'for', 'if', 'include', 'use', 'forward'],
-			},
-		],
+		'at-rule-no-unknown': true,
 		'color-hex-length': 'short',
 		'color-named': 'never',
 		'color-no-invalid-hex': true,
@@ -72,12 +39,7 @@ module.exports = {
 		'function-calc-no-unspaced-operator': true,
 		'function-linear-gradient-no-nonstandard-direction': true,
 		'function-name-case': 'lower',
-		'function-no-unknown': [
-			true,
-			{
-				ignoreFunctions: ['a', 'lighten', 'darken', 'resolve'],
-			},
-		],
+		'function-no-unknown': true,
 		'function-url-scheme-allowed-list': null,
 		'function-url-no-scheme-relative': true,
 		'function-url-quotes': 'always',
@@ -111,8 +73,8 @@ module.exports = {
 		'selector-attribute-operator-disallowed-list': null,
 		'selector-attribute-quotes': 'always',
 		'selector-max-compound-selectors': 8,
-		'selector-max-specificity': '0,10,10',
-		'selector-max-id': 0,
+		'selector-max-specificity': null,
+		'selector-max-id': [0, { message: 'スタイル定義でIDセレクタは使わないでください' }],
 		'selector-max-universal': 1,
 		'selector-no-vendor-prefix': true,
 		'selector-pseudo-class-disallowed-list': ['link'],
@@ -132,10 +94,4 @@ module.exports = {
 		'custom-property-pattern': null,
 		'selector-class-pattern': null,
 	},
-	overrides: [
-		{
-			files: ['__assets/**/*.scss'],
-			customSyntax: 'postcss-scss',
-		},
-	],
 };

package/index.js

@@ -1,17 +1,19 @@
 const base = require('./base');
 const name = require('./name');
+const order = require('./order');
+const scss = require('./scss');
 const values = require('./values');
 
 module.exports = {
+	...scss,
 	...base,
-	ignoreFiles: [
-		'__assets/**/*.{js,jsx,ts,tsx,html,pug}',
-		'__assets/css/_syntax-rules.scss',
-		'htdocs/**/*',
-		'docs/**/*.md',
-	],
+	extends: [...base.extends, ...order.extends],
+	plugins: [...scss.plugins, ...order.plugins],
+	ignoreFiles: ['**/*.{js,jsx,ts,tsx,html,pug}', 'htdocs/**/*', 'docs/**/*.md'],
 	rules: {
+		...scss.rules,
 		...base.rules,
+		...order.rules,
 		...name.rules,
 		...values.rules,
 	},

package/name.js

@@ -9,9 +9,32 @@ module.exports = {
 			'^c-[a-z][a-z0-9]*(?:-[a-z0-9]+)*(?:__[a-z0-9]+(?:-[a-z0-9]+)*)?$',
 			{
 				resolveNestedSelectors: true,
+				/**
+				 * @param {string} selector
+				 * @returns {string}
+				 */
+				message: (selector) => {
+					if (!selector.startsWith('.c-')) {
+						return `クラス名は「c-」から始めてください: ${selector}`;
+					}
+					if (selector.split('__').length > 2) {
+						return `「__」はコンポーネント名とエレメント名の区切りを表します。エレメント名の文字区切りは「-」を使います: ${selector}`;
+					}
+					return `クラス名に命名規則にない文字が含まれています: ${selector}`;
+				},
+			},
+		],
+		'selector-nested-pattern': [
+			'^[^.]+.*',
+			{
+				/**
+				 * @param {string} selector
+				 * @returns {string}
+				 */
+				message: (selector) => {
+					return `コンポーネントのスタイル定義の中で別のコンポーネントを定義してはいけません: ${selector}`;
+				},
 			},
 		],
-		'selector-id-pattern': '^$',
-		'selector-nested-pattern': '^[^.]+.*',
 	},
 };

package/order.js

@@ -0,0 +1,33 @@
+module.exports = {
+	extends: ['stylelint-config-recess-order'],
+	plugins: ['stylelint-order'],
+	rules: {
+		'order/order': [
+			'dollar-variables',
+			'custom-properties',
+			{
+				type: 'at-rule',
+				name: 'custom-media',
+			},
+			{
+				type: 'at-rule',
+				name: 'extend',
+			},
+			{
+				type: 'at-rule',
+				name: 'mixin',
+			},
+			'declarations',
+			{
+				type: 'at-rule',
+				name: 'supports',
+			},
+			{
+				type: 'at-rule',
+				name: 'media',
+				hasBlock: true,
+			},
+			'rules',
+		],
+	},
+};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@d-zero/stylelint-config",
-	"version": "5.0.0-alpha.7",
+	"version": "5.0.0-alpha.9",
 	"description": "Configurations of Stylelint",
 	"repository": "https://github.com/d-zero-dev/linters.git",
 	"author": "D-ZERO Co., Ltd.",
@@ -14,21 +14,26 @@
 		".": "./index.js",
 		"./base": "./base.js",
 		"./name": "./name.js",
+		"./order": "./order.js",
+		"./scss": "./scss.js",
 		"./values": "./values.js"
 	},
 	"files": [
-		"base.js",
-		"index.js",
-		"name.js",
-		"values.js"
+		"*.js"
 	],
 	"main": "index.js",
 	"dependencies": {
 		"stylelint": "16.2.1",
-		"stylelint-config-recess-order": "4.4.0",
+		"stylelint-config-recess-order": "4.6.0",
 		"stylelint-config-standard": "36.0.0",
 		"stylelint-order": "6.0.4",
 		"stylelint-scss": "6.1.0"
 	},
-	"gitHead": "5bb32f43f5fc901a5fe7d627bf10385c29ee892e"
+	"devDependencies": {
+		"postcss-scss": "4.0.9"
+	},
+	"peerDependencies": {
+		"postcss-scss": "4"
+	},
+	"gitHead": "ff5a444938e81afa769f11a2f964b966e09a4a41"
 }

package/scss.js

@@ -0,0 +1,18 @@
+module.exports = {
+	customSyntax: 'postcss-scss',
+	plugins: ['stylelint-scss'],
+	rules: {
+		'at-rule-no-unknown': [
+			true,
+			{
+				ignoreAtRules: ['mixin', 'extend', 'for', 'if', 'include', 'use', 'forward'],
+			},
+		],
+		'function-no-unknown': [
+			true,
+			{
+				ignoreFunctions: ['a', 'lighten', 'darken', 'resolve'],
+			},
+		],
+	},
+};

package/values.js

@@ -21,7 +21,7 @@ module.exports = {
 				'$root-font-size',
 				'$base-font-size',
 				'1em',
-				'/^calc\\((?:\\$[a-z_][a-z0-9_-]*|(?:[0-9]*\\.)?[0-9]+) \\/ (?:\\$[a-z_][a-z0-9_-]*|(?:[0-9]*\\.)?[0-9]+) \\* (?:1em|100vw)\\)$/',
+				'/^calc\\(\\s*(?:\\$[a-z_][a-z0-9_-]*|(?:[0-9]*\\.)?[0-9]+) \\/ (?:\\$[a-z_][a-z0-9_-]*|(?:[0-9]*\\.)?[0-9]+) \\* (?:1em|100vw)\\s*\\)$/',
 				'/^(?:[0-9]*\\.)?[0-9]+rem/',
 				'/^clamp\\(/',
 			],