@syncfusion/ej2-splitbuttons 25.1.37 → 25.2.3

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.37
+*  version : 25.2.3
 *  Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-splitbuttons@*",
-  "_id": "@syncfusion/ej2-splitbuttons@19.16.4",
+  "_id": "@syncfusion/ej2-splitbuttons@25.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-GuWnAJmoZRK129vdhPY6RwM8xZ7Tw/D6imDRLTY6Z2L1I/Sl102gu81/FVZgZczCu/faGBJkUT356sIW4cqNIA==",
+  "_integrity": "sha512-gwsX04pdwjUzABCIETRAcE7nnfF2fIgSvqA4lZsbr+YkNR2kX2w6hOxeYA0jUmdFKoKvrX6rOkz5Fwhb/bz0PQ==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-19.16.4.tgz",
-  "_shasum": "7d57e5fea80e9d1f57312b2aaaab87a7d0e1f235",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-25.1.38.tgz",
+  "_shasum": "ab3f4b9c46a7d2c371eeb34045c5b20dd1d54746",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/elease-automation_release_25.1.1/packages/included",
   "author": {
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~25.1.35",
-    "@syncfusion/ej2-popups": "~25.1.35"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-popups": "~25.2.3"
   },
   "deprecated": false,
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
@@ -89,6 +89,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "25.1.37",
+  "version": "25.2.3",
   "sideEffects": false
 }

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

@@ -288,6 +288,7 @@ var DropDownButton = /** @class */ (function (_super) {
         }
         this.appendArrowSpan();
         this.setActiveElem([this.element]);
+        this.element.setAttribute('tabindex', '0');
         this.element.setAttribute('aria-label', this.element.textContent ? this.element.textContent : 'dropdownbutton');
         if ((this.target && !this.isColorPicker() && !this.createPopupOnClick) || !this.createPopupOnClick) {
             this.createPopup();

package/styles/bootstrap-dark.css

@@ -808,9 +808,9 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
-.e-btn-group input:focus + label.e-btn,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
-.e-css.e-btn-group input:focus + label.e-btn {
+.e-css.e-btn-group input:focus-visible + label.e-btn {
   background: #2a2a2a;
   border-color: #585858;
   color: #fff;
@@ -821,9 +821,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
-.e-btn-group input:focus + label.e-btn.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
-.e-css.e-btn-group input:focus + label.e-btn.e-primary {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
   background: #0058bd;
   border-color: #0058bd;
   color: #fff;
@@ -833,9 +833,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
-.e-btn-group input:focus + label.e-btn.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
-.e-css.e-btn-group input:focus + label.e-btn.e-success {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
   background: #265e28;
   border-color: #265e28;
   color: #fff;
@@ -844,9 +844,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
-.e-btn-group input:focus + label.e-btn.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
-.e-css.e-btn-group input:focus + label.e-btn.e-info {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
   background: #175b66;
   border-color: #175b66;
   color: #fff;
@@ -855,9 +855,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
-.e-btn-group input:focus + label.e-btn.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
-.e-css.e-btn-group input:focus + label.e-btn.e-warning {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
   background: #f69807;
   border-color: #7a4c04;
   color: #000;
@@ -866,9 +866,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
-.e-btn-group input:focus + label.e-btn.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
-.e-css.e-btn-group input:focus + label.e-btn.e-danger {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
   background: #982525;
   border-color: #982525;
   color: #fff;
@@ -877,9 +877,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
-.e-btn-group input:focus + label.e-btn.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
-.e-css.e-btn-group input:focus + label.e-btn.e-link {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
   color: #0a3576;
@@ -889,40 +889,40 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
-.e-btn-group input:focus + label.e-btn.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
-.e-css.e-btn-group input:focus + label.e-btn.e-outline {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
   box-shadow: none;
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
-.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
-.e-btn-group input:focus + label.e-btn.e-outline.e-success,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
-.e-btn-group input:focus + label.e-btn.e-outline.e-info,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
-.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
-.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
   box-shadow: none;
 }
 .e-btn-group .e-btn:active,

package/styles/bootstrap.css

@@ -808,9 +808,9 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
-.e-btn-group input:focus + label.e-btn,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
-.e-css.e-btn-group input:focus + label.e-btn {
+.e-css.e-btn-group input:focus-visible + label.e-btn {
   background: #e6e6e6;
   border-color: #8c8c8c;
   color: #333;
@@ -821,9 +821,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
-.e-btn-group input:focus + label.e-btn.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
-.e-css.e-btn-group input:focus + label.e-btn.e-primary {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
   background: #21527d;
   border-color: #0c1d2c;
   color: #fff;
@@ -833,9 +833,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
-.e-btn-group input:focus + label.e-btn.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
-.e-css.e-btn-group input:focus + label.e-btn.e-success {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
   background: #124a1f;
   border-color: black;
   color: #fff;
@@ -844,9 +844,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
-.e-btn-group input:focus + label.e-btn.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
-.e-css.e-btn-group input:focus + label.e-btn.e-info {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
   background: #104b5d;
   border-color: #010406;
   color: #fff;
@@ -855,9 +855,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
-.e-btn-group input:focus + label.e-btn.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
-.e-css.e-btn-group input:focus + label.e-btn.e-warning {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
   background: #613b05;
   border-color: black;
   color: #fff;
@@ -866,9 +866,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
-.e-btn-group input:focus + label.e-btn.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
-.e-css.e-btn-group input:focus + label.e-btn.e-danger {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
   background: #a51c2a;
   border-color: #4e0d14;
   color: #fff;
@@ -877,9 +877,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
-.e-btn-group input:focus + label.e-btn.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
-.e-css.e-btn-group input:focus + label.e-btn.e-link {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
   color: #0a3576;
@@ -889,40 +889,40 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
-.e-btn-group input:focus + label.e-btn.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
-.e-css.e-btn-group input:focus + label.e-btn.e-outline {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
   box-shadow: none;
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
-.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
-.e-btn-group input:focus + label.e-btn.e-outline.e-success,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
-.e-btn-group input:focus + label.e-btn.e-outline.e-info,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
-.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
-.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
   box-shadow: none;
 }
 .e-btn-group .e-btn:active,

package/styles/bootstrap4.css

@@ -807,9 +807,9 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
-.e-btn-group input:focus + label.e-btn,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
-.e-css.e-btn-group input:focus + label.e-btn {
+.e-css.e-btn-group input:focus-visible + label.e-btn {
   background: #5b636a;
   border-color: #60686f;
   color: #fff;
@@ -819,9 +819,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
-.e-btn-group input:focus + label.e-btn.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
-.e-css.e-btn-group input:focus + label.e-btn.e-primary {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
   background: #006adb;
   border-color: #006fe6;
   color: #fff;
@@ -830,9 +830,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
-.e-btn-group input:focus + label.e-btn.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
-.e-css.e-btn-group input:focus + label.e-btn.e-success {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
   background: #218a39;
   border-color: #23923d;
   color: #fff;
@@ -840,9 +840,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
-.e-btn-group input:focus + label.e-btn.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
-.e-css.e-btn-group input:focus + label.e-btn.e-info {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
   background: #138698;
   border-color: #148ea1;
   color: #fff;
@@ -850,9 +850,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
-.e-btn-group input:focus + label.e-btn.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
-.e-css.e-btn-group input:focus + label.e-btn.e-warning {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
   background: #e2aa00;
   border-color: #edb100;
   color: #212529;
@@ -860,9 +860,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
-.e-btn-group input:focus + label.e-btn.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
-.e-css.e-btn-group input:focus + label.e-btn.e-danger {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
   background: #ca2333;
   border-color: #d32535;
   color: #fff;
@@ -870,9 +870,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
-.e-btn-group input:focus + label.e-btn.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
-.e-css.e-btn-group input:focus + label.e-btn.e-link {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
   background: transparent;
@@ -885,40 +885,40 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
-.e-btn-group input:focus + label.e-btn.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
-.e-css.e-btn-group input:focus + label.e-btn.e-outline {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
   box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
-.e-btn-group input:focus + label.e-btn.e-outline.e-primary,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-primary {
   box-shadow: 0 0 0 0.25em rgba(38, 133, 234, 0.5);
 }
 .e-btn-group .e-btn:focus.e-outline.e-success,
-.e-btn-group input:focus + label.e-btn.e-outline.e-success,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-success {
   box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
 }
 .e-btn-group .e-btn:focus.e-outline.e-info,
-.e-btn-group input:focus + label.e-btn.e-outline.e-info,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-info {
   box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
 }
 .e-btn-group .e-btn:focus.e-outline.e-warning,
-.e-btn-group input:focus + label.e-btn.e-outline.e-warning,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-warning {
   box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
 }
 .e-btn-group .e-btn:focus.e-outline.e-danger,
-.e-btn-group input:focus + label.e-btn.e-outline.e-danger,
+.e-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
 }
 .e-btn-group .e-btn:active,

package/styles/bootstrap5-dark.css

@@ -814,9 +814,9 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
-.e-btn-group input:focus + label.e-btn,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
-.e-css.e-btn-group input:focus + label.e-btn {
+.e-css.e-btn-group input:focus-visible + label.e-btn {
   background: #5c636a;
   border-color: #6c757d;
   color: #fff;
@@ -827,9 +827,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
-.e-btn-group input:focus + label.e-btn.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
-.e-css.e-btn-group input:focus + label.e-btn.e-primary {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary {
   background: #0b5ed7;
   border-color: #0d6efd;
   color: #fff;
@@ -839,9 +839,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
-.e-btn-group input:focus + label.e-btn.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
-.e-css.e-btn-group input:focus + label.e-btn.e-success {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success {
   background: #157347;
   border-color: #198754;
   color: #fff;
@@ -850,9 +850,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
-.e-btn-group input:focus + label.e-btn.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
-.e-css.e-btn-group input:focus + label.e-btn.e-info {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info {
   background: #31d2f2;
   border-color: #0dcaf0;
   color: #000;
@@ -861,9 +861,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
-.e-btn-group input:focus + label.e-btn.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
-.e-css.e-btn-group input:focus + label.e-btn.e-warning {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning {
   background: #ffca2c;
   border-color: #ffc107;
   color: #000;
@@ -872,9 +872,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
-.e-btn-group input:focus + label.e-btn.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
-.e-css.e-btn-group input:focus + label.e-btn.e-danger {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger {
   background: #bb2d3b;
   border-color: #dc3545;
   color: #fff;
@@ -883,9 +883,9 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
-.e-btn-group input:focus + label.e-btn.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
-.e-css.e-btn-group input:focus + label.e-btn.e-link {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
   color: #0a58ca;
@@ -895,45 +895,45 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
-.e-btn-group input:focus + label.e-btn.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
-.e-css.e-btn-group input:focus + label.e-btn.e-outline {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline {
   box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
   box-shadow: none;
   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-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + 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-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + 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-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + 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-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + 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-btn-group input:focus-visible + 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 {
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 4px rgba(232, 120, 131, 0.5);
   border-color: #bb2d3b;
 }