From 660b64b62780e5b8f1feac6b7ae96838a7f757bc Mon Sep 17 00:00:00 2001
From: Richard McCartney <richard@mccartney.io>
Date: Tue, 17 Nov 2020 10:48:15 +0000
Subject: [PATCH] feat(scss): adds new .has-focus class to MyComponent

---
 lerna.json                                    | 7 -------
 packages/components/src/scss/MyComponent.scss | 8 +++++++-
 packages/components/stylelint.config.js       | 3 ++-
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/lerna.json b/lerna.json
index 2ad6aab..1c1fb09 100644
--- 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
index 67b9022..0d296d4 100644
--- a/packages/components/src/scss/MyComponent.scss
+++ b/packages/components/src/scss/MyComponent.scss
@@ -4,6 +4,8 @@
 }
 
 .MyComponent {
+  $c: &;
+  
   color: var(--MyComponent-color);
   display: flex;
 
@@ -11,7 +13,11 @@
     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
index 1bbab7f..78e6100 100644
--- 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]+$",
     },