@syncfusion/ej2-splitbuttons 24.1.44 → 24.1.46

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.44
+*  version : 24.1.46
 *  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@24.1.41",
+  "_id": "@syncfusion/ej2-splitbuttons@24.1.45",
   "_inBundle": false,
-  "_integrity": "sha512-vv15JMiyQzQd2EY4BButNEQyk3aBBpUqAwGyc3TpJpQH+XDo3kR7FZNrAeFlp+63lHwMHE31HfRFswlltmTkbA==",
+  "_integrity": "sha512-3g9X0QK66N43R7ZNOW61czbpvqT2rCBJniRXh8JCLK5HEsNyS4+z9g5XvTT+42aQfJjnVMSLiIT+FKjGdHAJSQ==",
   "_location": "/@syncfusion/ej2-splitbuttons",
   "_phantomChildren": {},
   "_requested": {
@@ -33,8 +33,8 @@
     "/@syncfusion/ej2-richtexteditor",
     "/@syncfusion/ej2-vue-splitbuttons"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-24.1.41.tgz",
-  "_shasum": "b458731702726abc7a6f950dfdc7e25ddd9fb4c6",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-24.1.45.tgz",
+  "_shasum": "0d4046b0c8ee8c44787b50f7477bcfb3f3ab6cdf",
   "_spec": "@syncfusion/ej2-splitbuttons@*",
   "_where": "/jenkins/workspace/elease-automation_release_24.1.1/packages/included",
   "author": {
@@ -45,8 +45,8 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~24.1.42",
-    "@syncfusion/ej2-popups": "~24.1.44"
+    "@syncfusion/ej2-base": "~24.1.46",
+    "@syncfusion/ej2-popups": "~24.1.46"
   },
   "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": "24.1.44",
+  "version": "24.1.46",
   "sideEffects": false
 }

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

@@ -240,15 +240,21 @@ var DropDownButton = /** @class */ (function (_super) {
                     li.classList.add('e-blank-icon');
                 }
             }
+            var beforeDisabled = item.disabled;
             if (item.disabled) {
                 li.classList.add('e-disabled');
             }
             eventArgs = { item: item, element: li };
             this.trigger('beforeItemRender', eventArgs);
-            if (eventArgs.item.disabled && !li.classList.contains('e-disabled')) {
-                li.classList.add('e-disabled');
+            var afterDisabled = eventArgs.item.disabled;
+            if (beforeDisabled !== afterDisabled) {
+                if (eventArgs.item.disabled) {
+                    li.classList.add('e-disabled');
+                }
+                else {
+                    li.classList.remove('e-disabled');
+                }
             }
-            ;
             ul.appendChild(li);
         }
         if (appendItems) {

package/styles/bootstrap-dark.css

@@ -936,7 +936,6 @@
   color: #fff;
   outline: #393939 0 solid;
   outline-offset: 0;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/bootstrap.css

@@ -936,7 +936,6 @@
   color: #333;
   outline: #fff 0 solid;
   outline-offset: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/bootstrap4.css

@@ -562,6 +562,14 @@
       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;
@@ -794,10 +802,6 @@
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;
 }
-.e-btn-group .e-btn,
-.e-css.e-btn-group .e-btn {
-  box-shadow: none;
-}
 .e-btn-group .e-btn:hover,
 .e-css.e-btn-group .e-btn:hover {
   box-shadow: none;
@@ -806,69 +810,63 @@
 .e-btn-group input:focus + label.e-btn,
 .e-css.e-btn-group .e-btn:focus,
 .e-css.e-btn-group input:focus + label.e-btn {
-  background: #6c757d;
-  border-color: #6c757d;
+  background: #5b636a;
+  border-color: #60686f;
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(128, 136, 143, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(115, 122, 129, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-primary {
-  background: #007bff;
-  border-color: #007bff;
+  background: #006adb;
+  border-color: #006fe6;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(38, 143, 255, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(33, 130, 234, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-success {
-  background: #28a745;
-  border-color: #28a745;
+  background: #218a39;
+  border-color: #23923d;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(66, 179, 92, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(58, 160, 82, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-info {
-  background: #17a2b8;
-  border-color: #17a2b8;
+  background: #138698;
+  border-color: #148ea1;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(51, 174, 194, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(44, 156, 174, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-warning {
-  background: #ffc107;
-  border-color: #ffc107;
+  background: #e2aa00;
+  border-color: #edb100;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(255, 202, 44, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(240, 188, 34, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.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 + label.e-btn.e-danger {
-  background: #dc3545;
-  border-color: #dc3545;
+  background: #ca2333;
+  border-color: #d32535;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(225, 83, 97, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
   outline-color: inherit;
 }
 .e-btn-group .e-btn:focus.e-link,
@@ -897,36 +895,31 @@
 .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 0.25em rgba(38, 143, 255, 0.5);
-  box-shadow: none;
+  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-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 0.25em rgba(66, 179, 92, 0.5);
-  box-shadow: none;
+  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-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 0.25em rgba(46, 173, 193, 0.5);
-  box-shadow: none;
+  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-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 0.25em rgba(255, 201, 40, 0.5);
-  box-shadow: none;
+  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-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 0.25em rgba(225, 81, 95, 0.5);
-  box-shadow: none;
+  box-shadow: 0 0 0 0.25em rgba(217, 67, 81, 0.5);
 }
 .e-btn-group .e-btn:active,
 .e-btn-group input:active + label.e-btn,
@@ -939,7 +932,6 @@
   color: #fff;
   outline: #6c757d 0 solid;
   outline-offset: 0;
-  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,
@@ -951,7 +943,6 @@
   border-color: #005cbf;
   color: #fff;
   outline: #6c757d 0 solid;
-  box-shadow: 0 0 0 0.25em rgba(31, 113, 201, 0.5);
 }
 .e-btn-group .e-btn:active.e-success,
 .e-btn-group input:active + label.e-btn.e-success,
@@ -962,7 +953,6 @@
   background: #1e7e34;
   border-color: #1c7430;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
 }
 .e-btn-group .e-btn:active.e-info,
 .e-btn-group input:active + label.e-btn.e-info,
@@ -973,7 +963,6 @@
   background: #117a8b;
   color: #fff;
   border-color: #10707f;
-  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
 }
 .e-btn-group .e-btn:active.e-warning,
 .e-btn-group input:active + label.e-btn.e-warning,
@@ -984,7 +973,6 @@
   background: #d39e00;
   border-color: #c69500;
   color: #212529;
-  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
 }
 .e-btn-group .e-btn:active.e-danger,
 .e-btn-group input:active + label.e-btn.e-danger,
@@ -995,7 +983,6 @@
   background: #bd2130;
   border-color: #b21f2d;
   color: #fff;
-  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
 }
 .e-btn-group .e-btn:active.e-outline,
 .e-btn-group input:active + label.e-btn.e-outline,
@@ -1005,7 +992,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline {
   background: #6c757d;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(99, 105, 111, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-primary,
@@ -1016,7 +1002,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-primary {
   background: #007bff;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(31, 139, 255, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-success,
@@ -1027,7 +1012,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-success {
   background: #28a745;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(50, 134, 69, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-info,
@@ -1038,7 +1022,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-info {
   background: #17a2b8;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(39, 130, 145, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:active.e-outline.e-warning,
@@ -1049,7 +1032,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-warning {
   background: #ffc107;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(207, 163, 32, 0.5);
   color: #212529;
 }
 .e-btn-group .e-btn:active.e-outline.e-danger,
@@ -1060,7 +1042,6 @@
 .e-css.e-btn-group input:checked + label.e-btn.e-outline.e-danger {
   background: #dc3545;
   border-color: transparent;
-  box-shadow: 0 0 0 0.25em rgba(189, 60, 73, 0.5);
   color: #fff;
 }
 .e-btn-group .e-btn:disabled,
@@ -1216,28 +1197,28 @@
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
-  border-color: #28a745;
+  border-color: #23923d;
   outline-color: inherit;
 }
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
-  border-color: #17a2b8;
+  border-color: #148ea1;
   outline-color: inherit;
 }
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
-  border-color: #ffc107;
+  border-color: #edb100;
   outline-color: inherit;
 }
 .e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group:not(.e-vertical):not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
-  border-color: #dc3545;
+  border-color: #d32535;
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-outline:not(:first-of-type):not(:last-of-type),
@@ -1271,28 +1252,28 @@
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-success,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-success {
-  border-color: #28a745;
+  border-color: #23923d;
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-info,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-info {
-  border-color: #17a2b8;
+  border-color: #148ea1;
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-warning,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-warning {
-  border-color: #ffc107;
+  border-color: #edb100;
   outline-color: inherit;
 }
 .e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) .e-btn:focus.e-outline.e-danger,
 .e-css.e-btn-group.e-vertical:not(.e-rtl) input:focus + label.e-btn.e-outline.e-danger {
-  border-color: #dc3545;
+  border-color: #d32535;
   outline-color: inherit;
 }
 .e-btn-group.e-rtl .e-btn:not(:first-of-type):not(:last-of-type),

package/styles/bootstrap5-dark.css

@@ -899,6 +899,7 @@
 .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);
+  box-shadow: none;
   border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,

package/styles/bootstrap5.css

@@ -899,6 +899,7 @@
 .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);
+  box-shadow: none;
   border-color: #5c636a;
 }
 .e-btn-group .e-btn:focus.e-outline.e-primary,

package/styles/button-group/_layout.scss

@@ -16,7 +16,7 @@
     input:focus+label.e-btn,
     .e-btn:focus,
     .e-btn:hover {
-      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {
+      @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap4' {
         z-index: 2;
       }
     }

package/styles/button-group/_theme.scss

@@ -10,7 +10,7 @@
       }
     }
 
-    @if $skin-name == 'material' or $skin-name == 'bootstrap4' or $skin-name == 'Material3' {
+    @if $skin-name == 'material' or $skin-name == 'Material3' {
       .e-btn {
         box-shadow: none;
       }
@@ -54,7 +54,7 @@
     .e-btn:focus,
     input:focus+label.e-btn {
       @include button-focus;
-      @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+      @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
       }
       @if $skin-name == 'bootstrap5' {
@@ -71,7 +71,7 @@
 
       &.e-primary {
         @include primary-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -85,7 +85,7 @@
 
       &.e-success {
         @include success-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -99,7 +99,7 @@
 
       &.e-info {
         @include info-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -113,7 +113,7 @@
 
       &.e-warning {
         @include warning-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -127,7 +127,7 @@
 
       &.e-danger {
         @include danger-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -149,7 +149,7 @@
 
       &.e-outline {
         @include outline-focus;
-        @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+        @if $skin-name != 'bootstrap5' $skin-name != 'bootstrap4' and and $skin-name != 'tailwind' {
           box-shadow: none;
         }
         @if $skin-name == 'bootstrap5' {
@@ -158,7 +158,7 @@
 
         &.e-primary {
           @include outline-primary-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -168,7 +168,7 @@
 
         &.e-success {
           @include outline-success-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -178,7 +178,7 @@
 
         &.e-info {
           @include outline-info-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -188,7 +188,7 @@
 
         &.e-warning {
           @include outline-warning-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {
@@ -198,7 +198,7 @@
 
         &.e-danger {
           @include outline-danger-focus;
-          @if $skin-name != 'bootstrap5' and $skin-name != 'tailwind' {
+          @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
             box-shadow: none;
           }
           @if $skin-name == 'bootstrap5' {

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

@@ -373,7 +373,6 @@
   color: #fff;
   outline: #393939 0 solid;
   outline-offset: 0;
-  box-shadow: inset 0 4px 5px rgba(26, 26, 26, 0.4);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/button-group/bootstrap.css

@@ -373,7 +373,6 @@
   color: #333;
   outline: #fff 0 solid;
   outline-offset: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,