@syncfusion/ej2-splitbuttons 24.1.45 → 24.2.3

package/styles/fluent-dark.css

@@ -183,7 +183,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #252423;
+  background: #252423;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -193,15 +193,14 @@
   color: #a19f9d;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #3b3a39;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px #f3f2f1;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #323130;
+  background: #323130;
   color: #f3f2f1;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #3b3a39;
+  background: #3b3a39;
   color: #f3f2f1;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -226,7 +225,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;

package/styles/fluent.css

@@ -183,7 +183,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #323130;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -193,15 +193,14 @@
   color: #605e5c;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #edebe9;
-  box-shadow: none;
+  box-shadow: inset 0 0 0 1px #201f1e;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #f3f2f1;
+  background: #f3f2f1;
   color: #201f1e;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #edebe9;
+  background: #edebe9;
   color: #201f1e;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -226,7 +225,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;

package/styles/highcontrast-light.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #000;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #000;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 0 0 1px #000 inset;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #ecf;
+  background: #ecf;
   color: #000;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #400074;
+  background: #400074;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -936,7 +936,6 @@
   color: #fff;
   outline: #000 0 solid;
   outline-offset: 0;
-  box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/highcontrast.css

@@ -182,7 +182,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #000;
+  background: #000;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -192,15 +192,15 @@
   color: #fff;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 0 0 1px #fff inset;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #685708;
+  background: #685708;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #ffd939;
+  background: #ffd939;
   color: #000;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -225,7 +225,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -938,7 +938,6 @@
   color: #000;
   outline: #fff 0 solid;
   outline-offset: 0;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/material-dark.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #424242;
+  background: #424242;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #fff;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.1);
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: rgba(255, 255, 255, 0.1);
+  background: rgba(255, 255, 255, 0.1);
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: rgba(255, 255, 255, 0.18);
+  background: rgba(255, 255, 255, 0.18);
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -936,7 +936,6 @@
   color: #fff;
   outline: #616161 0 solid;
   outline-offset: 0;
-  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/material.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: rgba(0, 0, 0, 0.87);
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: rgba(0, 0, 0, 0.87);
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #e0e0e0;
+  background: #e0e0e0;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #e0e0e0;
+  background: #e0e0e0;
   color: rgba(0, 0, 0, 0.87);
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #bdbdbd;
+  background: #bdbdbd;
   color: rgba(0, 0, 0, 0.87);
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -224,7 +224,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -937,7 +937,6 @@
   color: rgba(0, 0, 0, 0.87);
   outline: #fafafa 0 solid;
   outline-offset: 0;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/material3-dark.css

@@ -252,15 +252,15 @@
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: rgba(var(--color-sf-on-surface), 0.04);
+  background: rgba(var(--color-sf-on-surface), 0.04);
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background: rgba(var(--color-sf-on-surface), 0.05);
   color: rgba(var(--color-sf-on-surface));
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: rgba(var(--color-sf-primary-container), 0.65);
+  background: rgba(var(--color-sf-primary-container), 0.65);
   color: rgba(var(--color-sf-on-surface));
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -285,7 +285,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -1091,7 +1091,6 @@
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-primary,

package/styles/material3.css

@@ -308,15 +308,15 @@
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: rgba(var(--color-sf-on-surface), 0.04);
+  background: rgba(var(--color-sf-on-surface), 0.04);
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background: rgba(var(--color-sf-on-surface), 0.05);
   color: rgba(var(--color-sf-on-surface));
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: rgba(var(--color-sf-primary-container), 0.65);
+  background: rgba(var(--color-sf-primary-container), 0.65);
   color: rgba(var(--color-sf-on-surface));
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -341,7 +341,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -1141,7 +1141,6 @@
   color: rgba(var(--color-sf-on-surface));
   outline: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface)) 0 solid;
   outline-offset: 0;
-  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   box-shadow: none;
 }
 .e-btn-group .e-btn:active.e-primary,

package/styles/tailwind-dark.css

@@ -191,7 +191,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #374151;
+  background: #374151;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -201,15 +201,15 @@
   color: #fff;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #4b5563;
+  background: #4b5563;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #4b5563;
+  background: #4b5563;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #6b7280;
+  background: #6b7280;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -234,7 +234,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -919,6 +919,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 2px rgba(31, 41, 55, 0.95), 0 0 0 4px #22d3ee;
+  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,
@@ -961,7 +962,6 @@
   color: #fff;
   outline: #1f2937 0 solid;
   outline-offset: 0;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,

package/styles/tailwind.css

@@ -191,7 +191,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #374151;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -201,15 +201,15 @@
   color: #374151;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #f3f4f6;
+  background: #f3f4f6;
   color: #111827;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #e5e7eb;
+  background: #e5e7eb;
   color: #111827;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -234,7 +234,7 @@
 .e-dropdown-btn.e-btn.e-inherit:focus,
 .e-dropdown-btn.e-btn.e-inherit:active,
 .e-dropdown-btn.e-btn.e-inherit.e-active {
-  background-color: rgba(0, 0, 0, 0.056);
+  background: rgba(0, 0, 0, 0.056);
   border-color: transparent;
   box-shadow: none;
   color: inherit;
@@ -919,6 +919,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 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+  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,
@@ -961,7 +962,6 @@
   color: #374151;
   outline: #fff 0 solid;
   outline-offset: 0;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 .e-btn-group .e-btn:active.e-primary,
 .e-btn-group input:active + label.e-btn.e-primary,