'Hyphenated BEM' regex not behaving as expected

I’m trying to emulate the ‘hyphenated BEM’ selector format from scss-lint, but the regex I’ve got doesn’t work in the context of the plugin (I’m fairly sure the regex itself is sound – it behaves as expected if I run it through e.g. regexper

Here’s my componentSelectors property:

"componentSelectors": {
  "initial": "^\\.{componentName}(((__|--)(([a-z0-9]+(?!-$)-?)+))+)?"
}

If I’ve defined a article-intro, then I would expect e.g. article-intro__heading or article-intro--primary to be good matches, and article-intro-_ to be an error, but the linter isn’t currently complaining at all about .article-intro-_. Any ideas?

[davidpmccormick]

@karmasalad I’ve written up what I’m currently going with, here: http://www.sumnoise.com/2016/05/26/stylelint-hyphenated-bem-config/

[coreybruyere]

Ok, ignore my last comment. It wasn’t bem-linter giving me that error. I’m extending another config with a rule assigned to “selector-class-pattern”. I used this to override that rule: "selector-class-pattern": "^(?:(?:o|c|u|t|s|is|has|_|js|qa)-)?[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*(?:__[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:--[a-zA-Z0-9]+(?:-[a-zA-Z0-9]+)*)?(?:\\[.+\\])?$"