@syncfusion/ej2-splitbuttons 24.1.46 → 24.2.3

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## [Unreleased]
 
+## 24.1.46 (2024-01-17)
+
 ### DropDownButton
 
 #### Bug Fixes

package/dist/ej2-splitbuttons.min.js

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

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

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

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 24.1.46
+*  version : 24.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@24.1.45",
+  "_id": "@syncfusion/ej2-splitbuttons@24.1.46",
   "_inBundle": false,
-  "_integrity": "sha512-3g9X0QK66N43R7ZNOW61czbpvqT2rCBJniRXh8JCLK5HEsNyS4+z9g5XvTT+42aQfJjnVMSLiIT+FKjGdHAJSQ==",
+  "_integrity": "sha512-DU8BVPV71gpYFmU0q3+V9UFjYiGaaUr06Fx1lFAdoDyKCTZPTizI6K2LRj0zM8gJawOw18Vtbyx3/pjl6c8+Iw==",
   "_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.45.tgz",
-  "_shasum": "0d4046b0c8ee8c44787b50f7477bcfb3f3ab6cdf",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-splitbuttons/-/ej2-splitbuttons-24.1.46.tgz",
+  "_shasum": "f20683f086babbd4f5e1d1d42f1de39b64242ef7",
   "_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.46",
-    "@syncfusion/ej2-popups": "~24.1.46"
+    "@syncfusion/ej2-base": "~24.2.3",
+    "@syncfusion/ej2-popups": "~24.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": "24.1.46",
+  "version": "24.2.3",
   "sideEffects": false
 }

package/styles/bootstrap-dark.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #2a2a2a;
+  background: #2a2a2a;
   color: #f0f0f0;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #f0f0f0;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: inset 0 0 0 1px #585858;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #414141;
+  background: #414141;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0070f0;
+  background: #0070f0;
   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;

package/styles/bootstrap.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #333;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 0 0 1px #8c8c8c inset;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   color: #333;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   color: #333;
 }
 .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;

package/styles/bootstrap4.css

@@ -176,7 +176,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -186,15 +186,15 @@
   color: #212529;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #f2f4f6;
+  background: #f2f4f6;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #f2f4f6;
+  background: #f2f4f6;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #007bff;
+  background: #007bff;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -219,7 +219,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/bootstrap5-dark.css

@@ -186,7 +186,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #343a40;
+  background: #343a40;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,15 +196,15 @@
   color: #adb5bd;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #31373d;
+  background: #31373d;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #444c54;
+  background: #444c54;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0d6efd;
+  background: #0d6efd;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -229,7 +229,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/bootstrap5.css

@@ -186,7 +186,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,15 +196,15 @@
   color: #6c757d;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #e9ecef;
+  background: #e9ecef;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #e9ecef;
+  background: #e9ecef;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0d6efd;
+  background: #0d6efd;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -229,7 +229,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/drop-down-button/_theme.scss

@@ -6,7 +6,7 @@
       background: $drop-down-btn-ul-bgcolor;
     }
     @else {
-      background-color: $drop-down-btn-ul-bgcolor;
+      background: $drop-down-btn-ul-bgcolor;
     }
     color: $drop-down-btn-color;
 
@@ -22,24 +22,24 @@
 
         &.e-focused {
           @if $skin-name != 'FluentUI' {
-            background-color: $drop-down-btn-li-focus-bgcolor;
+            background: $drop-down-btn-li-focus-bgcolor;
           }
           box-shadow: $drop-down-btn-li-box-shadow;
         }
 
         &:hover {
           @if $skin-name == 'bootstrap5' {
-            background-color: $drop-down-btn-li-hover-bgcolor;
+            background: $drop-down-btn-li-hover-bgcolor;
           }
           @else {
-            background-color: $drop-down-btn-li-bgcolor;
+            background: $drop-down-btn-li-bgcolor;
           }
           color: $drop-down-btn-li-selection-font-color;
         }
 
         &:active,
         &.e-selected {
-          background-color: $drop-down-btn-li-selection-bgcolor;
+          background: $drop-down-btn-li-selection-bgcolor;
           color: $drop-down-btn-selected-color;
 
           & .e-menu-url {
@@ -75,7 +75,7 @@
       &:focus,
       &:active,
       &.e-active {
-        background-color: rgba(transparent, .056);
+        background: rgba(transparent, .056);
         border-color: transparent;
         box-shadow: none;
         color: inherit;

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

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #2a2a2a;
+  background: #2a2a2a;
   color: #f0f0f0;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #f0f0f0;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: inset 0 0 0 1px #585858;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #414141;
+  background: #414141;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0070f0;
+  background: #0070f0;
   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;

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

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #333;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 0 0 1px #8c8c8c inset;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   color: #333;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #e6e6e6;
+  background: #e6e6e6;
   color: #333;
 }
 .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;

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

@@ -176,7 +176,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -186,15 +186,15 @@
   color: #212529;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #f2f4f6;
+  background: #f2f4f6;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #f2f4f6;
+  background: #f2f4f6;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #007bff;
+  background: #007bff;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -219,7 +219,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/drop-down-button/bootstrap5-dark.css

@@ -186,7 +186,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #343a40;
+  background: #343a40;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,15 +196,15 @@
   color: #adb5bd;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #31373d;
+  background: #31373d;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #444c54;
+  background: #444c54;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0d6efd;
+  background: #0d6efd;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -229,7 +229,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/drop-down-button/bootstrap5.css

@@ -186,7 +186,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -196,15 +196,15 @@
   color: #6c757d;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: #e9ecef;
+  background: #e9ecef;
   box-shadow: none;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #e9ecef;
+  background: #e9ecef;
   color: #212529;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #0d6efd;
+  background: #0d6efd;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active .e-menu-url, .e-dropdown-popup ul .e-item.e-selected .e-menu-url {
@@ -229,7 +229,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/drop-down-button/fabric-dark.css

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #282727;
+  background: #282727;
   color: #dadada;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #dadada;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #414040;
+  background: #414040;
   color: #fff;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #514f4f;
+  background: #514f4f;
   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;

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

@@ -181,7 +181,7 @@
 
 /*! drop-down button theme */
 .e-dropdown-popup {
-  background-color: #fff;
+  background: #fff;
   color: #333;
 }
 .e-dropdown-popup ul .e-item .e-menu-url {
@@ -191,15 +191,15 @@
   color: #333;
 }
 .e-dropdown-popup ul .e-item.e-focused {
-  background-color: transparent;
+  background: transparent;
   box-shadow: 0 0 0 1px #767676 inset;
 }
 .e-dropdown-popup ul .e-item:hover {
-  background-color: #f4f4f4;
+  background: #f4f4f4;
   color: #333;
 }
 .e-dropdown-popup ul .e-item:active, .e-dropdown-popup ul .e-item.e-selected {
-  background-color: #c8c8c8;
+  background: #c8c8c8;
   color: #333;
 }
 .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;

package/styles/drop-down-button/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 {
@@ -196,11 +196,11 @@
   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 {
@@ -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;

package/styles/drop-down-button/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 {
@@ -196,11 +196,11 @@
   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 {
@@ -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;

package/styles/drop-down-button/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;