feat(scss): adds new .has-focus class to MyComponent

richmccartney · Nov 17, 2020 · 660b64b · 660b64b
1 parent e9b5efc
commit 660b64b
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 9 deletions.
diff --git a/lerna.json b/lerna.json
@@ -7,12 +7,5 @@
   "publishConfig": {
     "access": "public",
     "directory": "dist"
-  },
-  "command": {
-    "publish": {
-      "allowBranch": "main",
-      "conventionalCommits": true,
-      "message": "chore(release): updated release notes and package versions"
-    }
   }
 }
diff --git a/packages/components/src/scss/MyComponent.scss b/packages/components/src/scss/MyComponent.scss
@@ -4,14 +4,20 @@
 }
 
 .MyComponent {
+  $c: &;
+
   color: var(--MyComponent-color);
   display: flex;
 
   &.is-animating {
     display: block;
   }
 
-  &--modifier {
+  &.has-focus {
+    display: block;
+  }
+
+  .MyComponent--modifier {
     display: inline-block;
   }
 

diff --git a/packages/components/stylelint.config.js b/packages/components/stylelint.config.js
@@ -11,12 +11,13 @@ module.exports = {
   rules: {
     "at-rule-no-unknown": true,
     "scss/at-rule-no-unknown": true,
+    "no-eol-whitespace": null,
     "plugin/selector-bem-pattern": {
       preset: "suit",
       componentName: "[A-Z]+",
       componentSelectors: {
         initial:
-          "^\\.{componentName}(?:-[a-zA-Z0-9]+)?(?:--[a-zA-Z0-9]+)?(?:.is-[a-zA-Z0-9]+)?$",
+          "^\\.{componentName}(?:-[a-zA-Z0-9]+)?(?:--[a-zA-Z0-9]+)?(?:.is-[a-zA-Z0-9]+)?(?:.has-[a-zA-Z0-9]+)?$",
       },
       utilitySelectors: "^\\.u-[a-zA-Z0-9]+$",
     },