fix: selector-class-pattern regex for modifiers

pangolinjs · Dec 31, 2022 · dca7fad · dca7fad
1 parent 795f2fb
commit dca7fad
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -126,7 +126,7 @@ module.exports = {
 		'selector-attribute-operator-space-after': 'never',
 		'selector-attribute-operator-space-before': 'never',
 		'selector-attribute-quotes': 'always',
-		'selector-class-pattern': ['^(u(-[a-z]+)?|is|has|([A-Z][a-z]+)+)(--?[a-z][A-Za-z]*)?$', {
+		'selector-class-pattern': ['^(u(-[a-z]+)?|is|has|([A-Z][a-z]+)+)(-[a-z][A-Za-z]*)?(--[a-z][A-Za-z]*)?$', {
 			message: 'Expected selector format ComponentName[-descendantName|--modifierName], u-[condition-]utilityName, {is|has}-stateName',
 		}],
 		'selector-combinator-space-after': 'always',

diff --git a/test/selectors.css b/test/selectors.css
@@ -42,7 +42,17 @@
 .ComponentName.is-state,
 .ComponentName.is-stateName,
 .ComponentName.has-state,
-.ComponentName.has-stateName {
+.ComponentName.has-stateName,
+
+/* Subcomponent */
+.Component-sub,
+.Component-sub--modifier,
+.Component-subComponent,
+.Component-subComponent--modifier,
+.ComponentName-sub,
+.ComponentName-sub--modifier,
+.ComponentName-subComponent,
+.ComponentName-subComponent--modifier {
 	color: hotpink;
 }