@syncfusion/ej2-splitbuttons 25.1.38 → 25.2.4

package/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+### ButtonGroup
+
+#### Bug Fixes
+
+- Issue in "box shadow correction while clicking single or multiple selection mode buttons" has been resolved.
+
+## 25.1.38 (2024-04-02)
+
 ### DropDownButton
 
 #### Bug Fixes
@@ -362,4 +370,4 @@ SplitButton component has primary and secondary button. Primary button is used t
 
 - **Separator** - Supports Popup items grouping by using the Separator.
 
-- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.
+- **Accessibility** - Provided with built-in accessibility support that helps to access all the SplitButton component features through the keyboard, screen readers, or other assistive technology devices.

package/dist/ej2-splitbuttons.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-splitbuttons.min.js
-*  version : 25.1.38
+*  version : 25.2.4
 *  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/dist/ej2-splitbuttons.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-splitbuttons.umd.min.js
-*  version : 25.1.38
+*  version : 25.2.4
 *  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/dist/global/ej2-splitbuttons.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-splitbuttons.min.js
-*  version : 25.1.38
+*  version : 25.2.4
 *  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/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 25.1.38
+*  version : 25.2.4
 *  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@25.1.37",
+  "_id": "@syncfusion/ej2-splitbuttons@25.2.3",
   "_inBundle": false,
-  "_integrity": "sha512-mliRPJNHRcSMTMl8zfD4Dadh3qW8+Z7MGmh6bz7wNhLxLimphI43bxqJg/Blvd4urGQSxtPPYOyxMAR1pL6LtA==",
+  "_integrity": "sha512-QhJTvWmDM4iVnlxAq1BSFRLN1qf1zYDmPOwx7hL1/udWwrCqFzKOrkchHZhSOU3szVPaI0ihFc3h4p7LlJkyyg==",
   "_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-25.1.37.tgz",
-  "_shasum": "453014e28a531a11f30d9431464a6397ad567e65",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-25.2.3.tgz",
+  "_shasum": "3d9fabd2b9843287d3774210bb5d2bf0c10d33d7",
   "_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.38"
+    "@syncfusion/ej2-base": "~25.2.3",
+    "@syncfusion/ej2-popups": "~25.2.4"
   },
   "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.38",
+  "version": "25.2.4",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

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

package/styles/bootstrap.css

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

package/styles/bootstrap4.css

@@ -807,8 +807,10 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
+.e-css.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group input:focus + label.e-btn {
   background: #5b636a;
   border-color: #60686f;
@@ -819,8 +821,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
   background: #006adb;
   border-color: #006fe6;
@@ -830,8 +834,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
   background: #218a39;
   border-color: #23923d;
@@ -840,8 +846,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
   background: #138698;
   border-color: #148ea1;
@@ -850,8 +858,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
   background: #e2aa00;
   border-color: #edb100;
@@ -860,8 +870,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
   background: #ca2333;
   border-color: #d32535;
@@ -870,8 +882,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-btn-group input:focus + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group input:focus + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
@@ -885,39 +899,51 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-css.e-btn-group input:focus + 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-visible + label.e-btn.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-visible + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group input:focus + 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-visible + label.e-btn.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-visible + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group input:focus + 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-visible + label.e-btn.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-visible + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group input:focus + 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-visible + label.e-btn.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-visible + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group input:focus + 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-visible + label.e-btn.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-visible + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-outline.e-danger {
   box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
 }

package/styles/bootstrap5-dark.css

@@ -814,8 +814,10 @@
   box-shadow: none;
 }
 .e-btn-group .e-btn:focus,
+.e-btn-group input:focus-visible + label.e-btn,
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
+.e-css.e-btn-group input:focus-visible + label.e-btn,
 .e-css.e-btn-group input:focus + label.e-btn {
   background: #5c636a;
   border-color: #6c757d;
@@ -827,8 +829,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-btn-group input:focus + label.e-btn.e-primary,
 .e-css.e-btn-group .e-btn:focus.e-primary,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-primary,
 .e-css.e-btn-group input:focus + label.e-btn.e-primary {
   background: #0b5ed7;
   border-color: #0d6efd;
@@ -839,8 +843,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-success,
+.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-btn-group input:focus + label.e-btn.e-success,
 .e-css.e-btn-group .e-btn:focus.e-success,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-success,
 .e-css.e-btn-group input:focus + label.e-btn.e-success {
   background: #157347;
   border-color: #198754;
@@ -850,8 +856,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-info,
+.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-btn-group input:focus + label.e-btn.e-info,
 .e-css.e-btn-group .e-btn:focus.e-info,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-info,
 .e-css.e-btn-group input:focus + label.e-btn.e-info {
   background: #31d2f2;
   border-color: #0dcaf0;
@@ -861,8 +869,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-warning,
+.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-btn-group input:focus + label.e-btn.e-warning,
 .e-css.e-btn-group .e-btn:focus.e-warning,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-warning,
 .e-css.e-btn-group input:focus + label.e-btn.e-warning {
   background: #ffca2c;
   border-color: #ffc107;
@@ -872,8 +882,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-danger,
+.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-btn-group input:focus + label.e-btn.e-danger,
 .e-css.e-btn-group .e-btn:focus.e-danger,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-danger,
 .e-css.e-btn-group input:focus + label.e-btn.e-danger {
   background: #bb2d3b;
   border-color: #dc3545;
@@ -883,8 +895,10 @@
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
+.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-btn-group input:focus + label.e-btn.e-link,
 .e-css.e-btn-group .e-btn:focus.e-link,
+.e-css.e-btn-group input:focus-visible + label.e-btn.e-link,
 .e-css.e-btn-group input:focus + label.e-btn.e-link {
   border-radius: 0;
   text-decoration: underline;
@@ -895,44 +909,56 @@
   outline: none;
 }
 .e-btn-group .e-btn:focus.e-outline,
+.e-btn-group input:focus-visible + label.e-btn.e-outline,
 .e-btn-group input:focus + label.e-btn.e-outline,
 .e-css.e-btn-group .e-btn:focus.e-outline,
+.e-css.e-btn-group input:focus-visible + label.e-btn.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);
   box-shadow: none;
   border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,
+.e-btn-group input:focus-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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-visible + label.e-btn.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;