@syncfusion/ej2-vue-splitbuttons 20.1.55 → 20.2.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-splitbuttons@*",
-  "_id": "@syncfusion/ej2-vue-splitbuttons@20.1.47",
+  "_id": "@syncfusion/ej2-vue-splitbuttons@20.2.36",
   "_inBundle": false,
-  "_integrity": "sha512-/cgDMvf6OybI0OdR6ndmmrA6pCdDwIYyPSk0s5nzSpFvHnSMw5gxJQFJLeLHwZRbwcf8aL64d8vIfhF/1HfANQ==",
+  "_integrity": "sha512-NTy20GAbWmJJ3esFCM12SC/rkuEQpxg+679ldy8VZANttYO2LkmodInr1lVxeS5RNlIsM+x7aEBXj1e7PhH4RA==",
   "_location": "/@syncfusion/ej2-vue-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-splitbuttons/-/ej2-vue-splitbuttons-20.1.47.tgz",
-  "_shasum": "32586e5657daa20a7a571c23ec9c564e17524177",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-splitbuttons/-/ej2-vue-splitbuttons-20.2.36.tgz",
+  "_shasum": "442b71ce91f9e179e5f602a5f2953404619a1bec",
   "_spec": "@syncfusion/ej2-vue-splitbuttons@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.55",
-    "@syncfusion/ej2-splitbuttons": "20.1.55",
-    "@syncfusion/ej2-vue-base": "~20.1.55"
+    "@syncfusion/ej2-base": "~20.2.38",
+    "@syncfusion/ej2-splitbuttons": "20.2.38",
+    "@syncfusion/ej2-vue-base": "~20.2.38"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup. for Vue",
@@ -83,6 +83,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.55",
+  "version": "20.2.38",
   "sideEffects": false
 }

package/src/drop-down-button/dropdownbutton.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { DropDownButton } from '@syncfusion/ej2-splitbuttons';
 import { DropDownButtonItemsDirective, DropDownButtonItemDirective, DropDownButtonItemsPlugin, DropDownButtonItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'content', 'createPopupOnClick', 'cssClass', 'disabled', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'iconCss', 'iconPosition', 'items', 'locale', 'target', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'close', 'created', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'content', 'createPopupOnClick', 'cssClass', 'disabled', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'iconCss', 'iconPosition', 'items', 'locale', 'target', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'close', 'created', 'open', 'select'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/progress-button/progressbutton.component.js

@@ -21,7 +21,7 @@ import { ComponentBase, EJComponentDecorator, getProps, gh } from '@syncfusion/e
 import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { ProgressButton } from '@syncfusion/ej2-splitbuttons';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'animationSettings', 'content', 'cssClass', 'disabled', 'duration', 'enableHtmlSanitizer', 'enableProgress', 'iconCss', 'iconPosition', 'isPrimary', 'isToggle', 'spinSettings', 'begin', 'created', 'end', 'fail', 'progress'];
+export var properties = ['isLazyUpdate', 'plugins', 'animationSettings', 'content', 'cssClass', 'disabled', 'duration', 'enableHtmlSanitizer', 'enableProgress', 'iconCss', 'iconPosition', 'isPrimary', 'isToggle', 'spinSettings', 'begin', 'created', 'end', 'fail', 'progress'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/src/split-button/splitbutton.component.js

@@ -22,7 +22,7 @@ import { isNullOrUndefined, getValue } from '@syncfusion/ej2-base';
 import { SplitButton } from '@syncfusion/ej2-splitbuttons';
 import { SplitButtonItemsDirective, SplitButtonItemDirective, SplitButtonItemsPlugin, SplitButtonItemPlugin } from './items.directive';
 import { Options } from 'vue-class-component';
-export var properties = ['isLazyUpdate', 'content', 'createPopupOnClick', 'cssClass', 'disabled', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'iconCss', 'iconPosition', 'items', 'locale', 'target', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'click', 'close', 'created', 'open', 'select'];
+export var properties = ['isLazyUpdate', 'plugins', 'content', 'createPopupOnClick', 'cssClass', 'disabled', 'enableHtmlSanitizer', 'enablePersistence', 'enableRtl', 'iconCss', 'iconPosition', 'items', 'locale', 'target', 'beforeClose', 'beforeItemRender', 'beforeOpen', 'click', 'close', 'created', 'open', 'select'];
 export var modelProps = [];
 export var testProp = getProps({ props: properties });
 export var props = testProp[0];

package/styles/bootstrap-dark.css

@@ -531,14 +531,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/bootstrap.css

@@ -531,14 +531,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/bootstrap4.css

@@ -514,14 +514,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/bootstrap5-dark.css

@@ -69,6 +69,7 @@
 
 .e-dropdown-popup {
   position: absolute;
+  border-radius: 4px;
   margin-top: 2px;
 }
 .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
 
 *.e-bigger .e-dropdown-popup {
   background-color: transparent;
+  border-radius: 4px;
 }
 
 *.e-bigger .e-dropdown-popup ul,
@@ -778,6 +780,7 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
@@ -789,6 +792,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0b5ed7;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
@@ -799,6 +803,7 @@
   border-color: #198754;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  border-color: #157347;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
@@ -809,6 +814,7 @@
   border-color: #0dcaf0;
   color: #000;
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
@@ -819,6 +825,7 @@
   border-color: #ffc107;
   color: #000;
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
@@ -829,6 +836,7 @@
   border-color: #dc3545;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  border-color: #bb2d3b;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -848,36 +856,42 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0d6efd;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
   box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  border-color: #157347;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  border-color: #bb2d3b;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,

package/styles/bootstrap5.css

@@ -69,6 +69,7 @@
 
 .e-dropdown-popup {
   position: absolute;
+  border-radius: 4px;
   margin-top: 2px;
 }
 .e-dropdown-popup ul {
@@ -148,6 +149,7 @@
 
 *.e-bigger .e-dropdown-popup {
   background-color: transparent;
+  border-radius: 4px;
 }
 
 *.e-bigger .e-dropdown-popup ul,
@@ -778,6 +780,7 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
@@ -789,6 +792,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0b5ed7;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
@@ -799,6 +803,7 @@
   border-color: #198754;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  border-color: #157347;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
@@ -809,6 +814,7 @@
   border-color: #0dcaf0;
   color: #000;
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
@@ -819,6 +825,7 @@
   border-color: #ffc107;
   color: #000;
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
@@ -829,6 +836,7 @@
   border-color: #dc3545;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  border-color: #bb2d3b;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -848,36 +856,42 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0d6efd;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
   box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  border-color: #157347;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  border-color: #bb2d3b;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,

package/styles/button-group/bootstrap-dark.css

@@ -7,14 +7,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/button-group/bootstrap.css

@@ -7,14 +7,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/button-group/bootstrap4.css

@@ -7,14 +7,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/button-group/bootstrap5-dark.css

@@ -260,6 +260,7 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
@@ -271,6 +272,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0b5ed7;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
@@ -281,6 +283,7 @@
   border-color: #198754;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  border-color: #157347;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
@@ -291,6 +294,7 @@
   border-color: #0dcaf0;
   color: #000;
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
@@ -301,6 +305,7 @@
   border-color: #ffc107;
   color: #000;
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
@@ -311,6 +316,7 @@
   border-color: #dc3545;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  border-color: #bb2d3b;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -330,36 +336,42 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0d6efd;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
   box-shadow: 0 0 0 4px rgba(66, 190, 133, 0.5);
+  border-color: #157347;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
+  border-color: #bb2d3b;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,

package/styles/button-group/bootstrap5.css

@@ -260,6 +260,7 @@
   outline: #6c757d 0 solid;
   outline-offset: 0;
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
@@ -271,6 +272,7 @@
   color: #fff;
   outline: #6c757d 0 solid;
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0b5ed7;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
@@ -281,6 +283,7 @@
   border-color: #198754;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  border-color: #157347;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
@@ -291,6 +294,7 @@
   border-color: #0dcaf0;
   color: #000;
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
@@ -301,6 +305,7 @@
   border-color: #ffc107;
   color: #000;
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
@@ -311,6 +316,7 @@
   border-color: #dc3545;
   color: #fff;
   box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  border-color: #bb2d3b;
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -330,36 +336,42 @@
 .e-css.e-btn-group .e-btn:focus.e-outline,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-btn-group input:focus + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 4px rgba(49, 132, 253, 0.5);
+  border-color: #0d6efd;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
 .e-btn-group input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-success {
   box-shadow: 0 0 0 4px rgba(60, 153, 110, 0.5);
+  border-color: #157347;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
 .e-btn-group input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 4px rgba(49, 210, 242, 0.5);
+  border-color: #31d2f2;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-btn-group input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 4px rgba(255, 202, 44, 0.5);
+  border-color: #ffca2c;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-btn-group input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(225, 83, 97, 0.5);
+  border-color: #bb2d3b;
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,

package/styles/button-group/fabric-dark.css

@@ -7,14 +7,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;

package/styles/button-group/fabric.css

@@ -7,14 +7,6 @@
       flex-direction: row;
   position: relative;
 }
-*.e-btn-group input:focus + label.e-btn,
-*.e-btn-group .e-btn:focus,
-*.e-btn-group .e-btn:hover,
-*.e-css.e-btn-group input:focus + label.e-btn,
-*.e-css.e-btn-group .e-btn:focus,
-*.e-css.e-btn-group .e-btn:hover {
-  z-index: 2;
-}
 *.e-btn-group input + label.e-btn,
 *.e-css.e-btn-group input + label.e-btn {
   margin-bottom: 0;