fix: fixed ButtonGroup styles

Author: antipin

src/components/ButtonGroup/ButtonGroup.js

@@ -7,7 +7,7 @@ import { CONTEXTS, SIZES } from '../../constants';
 const { block, elem } = bem({
     name: 'ButtonGroup',
     classnames: styles,
-    propsToMods: ['size', 'isBlock']
+    propsToMods: ['size', 'isBlock', 'context']
 });
 
 const ButtonGroup = props => {

src/components/ButtonGroup/ButtonGroup.scss

@@ -18,16 +18,16 @@
         + .ButtonGroup__button {
             margin-left: -1px;
         }
-    }
 
-    .Button--context {
-        @each $context in ($contexts) {
-            &_#{$context} {
-                &:not(:first-child):not(:focus) {
-                    border-left-color: var(--color-#{$context}-25);
-                }
-                &:not(:last-child):not(:focus) {
-                    border-right-color: var(--color-#{$context}-25);
+        &--context {
+            @each $context in ($contexts) {
+                &_#{$context} {
+                    &:not(:first-child):not(:focus) {
+                        border-left-color: var(--color-#{$context}-25);
+                    }
+                    &:not(:last-child):not(:focus) {
+                        border-right-color: var(--color-#{$context}-25);
+                    }
                 }
             }
         }

src/components/ButtonGroup/__tests__/__snapshots__/ButtonGroup.spec.js.snap

@@ -11,7 +11,7 @@ exports[`<ButtonGroup> that renders a button should add classes when props are c
     role="group"
   >
     <Button
-      className="ButtonGroup__button ButtonGroup__button--isBlock"
+      className="ButtonGroup__button ButtonGroup__button--isBlock ButtonGroup__button--context_neutral"
       context="neutral"
       disabled={false}
       href={null}
@@ -22,15 +22,15 @@ exports[`<ButtonGroup> that renders a button should add classes when props are c
       type="button"
     >
       <button
-        className="Button Button--context_neutral Button--size_large ButtonGroup__button ButtonGroup__button--isBlock"
+        className="Button Button--context_neutral Button--size_large ButtonGroup__button ButtonGroup__button--isBlock ButtonGroup__button--context_neutral"
         disabled={false}
         type="button"
       >
         A button
       </button>
     </Button>
     <Button
-      className="ButtonGroup__button ButtonGroup__button--isBlock"
+      className="ButtonGroup__button ButtonGroup__button--isBlock ButtonGroup__button--context_neutral"
       context="neutral"
       disabled={false}
       href={null}
@@ -41,7 +41,7 @@ exports[`<ButtonGroup> that renders a button should add classes when props are c
       type="button"
     >
       <button
-        className="Button Button--context_neutral Button--size_large ButtonGroup__button ButtonGroup__button--isBlock"
+        className="Button Button--context_neutral Button--size_large ButtonGroup__button ButtonGroup__button--isBlock ButtonGroup__button--context_neutral"
         disabled={false}
         type="button"
       >
@@ -63,7 +63,7 @@ exports[`<ButtonGroup> that renders a button should render default button correc
     role="group"
   >
     <Button
-      className="ButtonGroup__button"
+      className="ButtonGroup__button ButtonGroup__button--context_neutral"
       context="neutral"
       disabled={false}
       href={null}
@@ -74,15 +74,15 @@ exports[`<ButtonGroup> that renders a button should render default button correc
       type="button"
     >
       <button
-        className="Button Button--context_neutral ButtonGroup__button"
+        className="Button Button--context_neutral ButtonGroup__button ButtonGroup__button--context_neutral"
         disabled={false}
         type="button"
       >
         A button
       </button>
     </Button>
     <Button
-      className="ButtonGroup__button"
+      className="ButtonGroup__button ButtonGroup__button--context_neutral"
       context="neutral"
       disabled={false}
       href={null}
@@ -93,7 +93,7 @@ exports[`<ButtonGroup> that renders a button should render default button correc
       type="button"
     >
       <button
-        className="Button Button--context_neutral ButtonGroup__button"
+        className="Button Button--context_neutral ButtonGroup__button ButtonGroup__button--context_neutral"
         disabled={false}
         type="button"
       >