@syncfusion/ej2-splitbuttons 31.2.2 → 31.2.12

package/README.md

@@ -89,6 +89,14 @@ These components are available in following list of frameworks.
 
 * [**Accessibility**](https://ej2.syncfusion.com/documentation/button-group/accessibility#accessibility) - Built-in accessibility features to access all the button group using the keyboard, screen readers, or other assistive technology devices.
 
+## Resources
+
+* [Theme Studio](https://ej2.syncfusion.com/themestudio/)
+* [Custom Resource Generator](https://crg.syncfusion.com/)
+* [What's New](https://www.syncfusion.com/products/whatsnew/essential-js2?utm_medium=listing&utm_source=github)
+* [Road Map](https://www.syncfusion.com/products/roadmap/essential-js2?utm_medium=listing&utm_source=github)
+* [E-Books](https://www.syncfusion.com/ebooks?tag=javascript&utm_medium=listing&utm_source=github)
+
 ## Support
 
 Product support is available for through following mediums.

package/dist/ej2-splitbuttons.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-splitbuttons.min.js
-*  version : 31.2.2
+*  version : 31.2.12
 *  Copyright Syncfusion Inc. 2001 - 2025. 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 : 31.2.2
+*  version : 31.2.12
 *  Copyright Syncfusion Inc. 2001 - 2025. 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 : 31.2.2
+*  version : 31.2.12
 *  Copyright Syncfusion Inc. 2001 - 2025. 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 : 31.2.2
+*  version : 31.2.12
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-splitbuttons",
-  "version": "31.2.2",
+  "version": "31.2.12",
   "description": "A package of feature-rich Essential JS 2 components such as DropDownButton, SplitButton, ProgressButton and ButtonGroup.",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,8 +8,8 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-splitbuttons.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~31.2.2",
-    "@syncfusion/ej2-popups": "~31.2.2"
+    "@syncfusion/ej2-base": "~31.2.12",
+    "@syncfusion/ej2-popups": "~31.2.12"
   },
   "devDependencies": {},
   "keywords": [

package/styles/bootstrap5-dark-lite.css

@@ -1088,11 +1088,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/bootstrap5-dark.css

@@ -1225,11 +1225,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/bootstrap5-lite.css

@@ -1088,11 +1088,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/bootstrap5.3-lite.css

@@ -230,6 +230,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  border: 0;
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -1097,7 +1098,7 @@
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);

package/styles/bootstrap5.3.css

@@ -293,6 +293,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  border: 0;
   padding-left: 10px;
   padding-right: 10px;
 }
@@ -1234,7 +1235,7 @@
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);

package/styles/bootstrap5.css

@@ -1225,11 +1225,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

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

@@ -618,11 +618,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

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

@@ -627,7 +627,7 @@
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
   background: rgba(var(--color-sf-primary), 0.65);
-  border-color: rgba(var(--color-sf-primary), 0.65);
+  border-color: var(--color-sf-primary-bg-color-disabled);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: var(--color-sf-primary-bg-color-disabled);

package/styles/button-group/bootstrap5.css

@@ -618,11 +618,11 @@
 .e-btn-group input:disabled + label.e-btn.e-outline.e-primary,
 .e-css.e-btn-group .e-btn:disabled.e-outline.e-primary,
 .e-css.e-btn-group input:disabled + label.e-btn.e-outline.e-primary {
-  background: rgba(13, 110, 253, 0.65);
+  background: transparent;
   border-color: rgba(13, 110, 253, 0.65);
   -webkit-box-shadow: none;
           box-shadow: none;
-  color: rgba(255, 255, 255, 0.65);
+  color: rgba(13, 110, 253, 0.65);
   border-color: #0d6efd;
 }
 .e-btn-group .e-btn:disabled.e-outline.e-success,

package/styles/drop-down-button/_layout.scss

@@ -9,6 +9,7 @@
     @if $skin-name == 'Material3' {
       border-radius: $btn-border-radius;
       box-shadow: $drop-down-btn-box-shadow;
+      line-height: 1;
     }
 
     &:hover {

package/styles/drop-down-button/material3-dark.css

@@ -15,6 +15,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {

package/styles/drop-down-button/material3.css

@@ -17,6 +17,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {

package/styles/material3-dark-lite.css

@@ -15,6 +15,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
@@ -243,6 +244,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;

package/styles/material3-dark.css

@@ -15,6 +15,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
@@ -299,6 +300,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;

package/styles/material3-lite.css

@@ -17,6 +17,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
@@ -245,6 +246,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;

package/styles/material3.css

@@ -17,6 +17,7 @@
   border-radius: 4px;
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
           box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  line-height: 1;
 }
 .e-dropdown-btn:focus,
 .e-dropdown-btn.e-btn:focus {
@@ -301,6 +302,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;

package/styles/split-button/_layout.scss

@@ -20,9 +20,14 @@
         padding: 3px 7px;
       }
       @if $skin-name == 'Material3' or $skin-name == 'Material3-dark' {
+        padding: 7px 16px;
+        line-height: 1.28572em;
         box-shadow: none;
         z-index: 1;
       }
+      @if $skin-name == 'bootstrap5.3' {
+        border: 0;
+      }
       @if $skin-name == 'bootstrap5' or $skin-name == 'fluent2' or $skin-name == 'tailwind3' or $skin-name == 'tailwind3-dark' or $skin-name == 'tailwind' or $skin-name == 'tailwind-dark' {
         padding: 3.75px 11px;
       }

package/styles/split-button/bootstrap5.3.css

@@ -16,6 +16,7 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  border: 0;
   padding-left: 10px;
   padding-right: 10px;
 }

package/styles/split-button/material3-dark.css

@@ -17,6 +17,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;

package/styles/split-button/material3.css

@@ -19,6 +19,8 @@
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   text-transform: none;
+  padding: 7px 16px;
+  line-height: 1.28572em;
   -webkit-box-shadow: none;
           box-shadow: none;
   z-index: 1;