@syncfusion/ej2-angular-splitbuttons 20.2.45 → 20.3.47

package/styles/bootstrap5-dark.css

@@ -217,6 +217,24 @@
   border-bottom-color: #444c54;
 }
 
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
@@ -1816,222 +1834,4 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background-color: rgba(220, 53, 69, 0.2);
-}
-
-.e-speeddial-popup {
-  overflow: hidden;
-  position: absolute;
-  z-index: 99999;
-  /* OVERFLOW CSS */
-}
-.e-speeddial-popup.e-speeddial-top {
-  top: 10px;
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
-  top: 0;
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
-  top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
-  top: var(--speeddialVertDist);
-}
-.e-speeddial-popup.e-speeddial-bottom {
-  bottom: 10px;
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
-  bottom: 0;
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
-  bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
-  bottom: var(--speeddialVertDist);
-}
-.e-speeddial-popup.e-speeddial-left {
-  left: 10px;
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
-  left: 0;
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
-  left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
-  left: var(--speeddialHorzDist);
-}
-.e-speeddial-popup.e-speeddial-right {
-  right: 10px;
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
-  right: 0;
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
-  right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
-  right: var(--speeddialHorzDist);
-}
-.e-speeddial-popup.e-speeddial-template {
-  outline: none;
-}
-.e-speeddial-popup .e-speeddial-ul {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  list-style-type: none;
-  margin: 0;
-  padding: 0 5px;
-}
-.e-speeddial-popup .e-speeddial-li {
-  -ms-flex-align: center;
-      align-items: center;
-  cursor: pointer;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  margin: 5px 0;
-  position: relative;
-}
-.e-speeddial-popup .e-speeddial-li-text {
-  margin: 0 10px;
-  padding: 3px;
-  white-space: nowrap;
-}
-.e-speeddial-popup .e-speeddial-li-icon {
-  border-radius: 99999px;
-  min-height: 30px;
-  min-width: 30px;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
-}
-.e-speeddial-popup.e-speeddial-fixed {
-  position: fixed;
-}
-.e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
-  -ms-flex-direction: row;
-      flex-direction: row;
-}
-.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
-  -ms-flex-direction: row;
-      flex-direction: row;
-}
-.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
-  padding: 5px 0;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
-  margin: 0 5px;
-}
-.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
-  overflow: auto;
-  scroll-behavior: smooth;
-  /* Hide scrollbar for IE and Edge */
-  -ms-overflow-style: none;
-  /* Hide scrollbar for Firefox */
-  scrollbar-width: none;
-}
-.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  display: none;
-}
-.e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
-  max-height: var(--speeddialOverflowLimit);
-}
-.e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
-  max-width: var(--speeddialOverflowLimit);
-}
-.e-speeddial-popup.e-speeddial-radial {
-  min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
-  min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
-  min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
-  min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
-  border-bottom-right-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
-  border-bottom-left-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
-  border-top-right-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
-  border-top-left-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
-  border-radius: inherit;
-  min-height: inherit;
-  min-width: inherit;
-  padding: 0;
-  position: relative;
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
-  position: absolute;
-  margin: 5px;
-  transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
-  position: absolute;
-  visibility: hidden;
-}
-
-.e-speeddial-overlay {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 99998;
-}
-.e-speeddial-overlay.e-speeddial-fixed {
-  height: 100vh;
-  position: fixed;
-  width: 100vw;
-}
-
-.e-speeddial-hidden {
-  visibility: hidden;
-}
-
-.e-speeddial-overlay {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.e-speeddial-popup .e-speeddial-li-text {
-  box-shadow: 0 0 5px rgb(128, 128, 128);
-  background-color: rgb(255, 255, 255);
-}
-.e-speeddial-popup .e-speeddial-li-icon {
-  box-shadow: 0 0 5px rgb(128, 128, 128);
-  background-color: rgb(255, 255, 255);
-}
-.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
-  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
-}
-.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
-  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
 }

package/styles/bootstrap5-dark.scss

@@ -2,4 +2,3 @@
 @import 'split-button/bootstrap5-dark.scss';
 @import 'button-group/bootstrap5-dark.scss';
 @import 'progress-button/bootstrap5-dark.scss';
-@import 'speed-dial/bootstrap5-dark.scss';

package/styles/bootstrap5.css

@@ -217,6 +217,24 @@
   border-bottom-color: #dee2e6;
 }
 
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+
 /* stylelint-disable-line no-empty-source */
 /*! splitbutton layout */
 .e-split-btn-wrapper {
@@ -1816,222 +1834,4 @@
 }
 *.e-flat:not(:focus).e-danger .e-progress {
   background-color: rgba(220, 53, 69, 0.2);
-}
-
-.e-speeddial-popup {
-  overflow: hidden;
-  position: absolute;
-  z-index: 99999;
-  /* OVERFLOW CSS */
-}
-.e-speeddial-popup.e-speeddial-top {
-  top: 10px;
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-radial .e-speeddial-li {
-  top: 0;
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
-  top: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-top.e-speeddial-middle, .e-speeddial-popup.e-speeddial-top.e-speeddial-linear {
-  top: var(--speeddialVertDist);
-}
-.e-speeddial-popup.e-speeddial-bottom {
-  bottom: 10px;
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial .e-speeddial-li {
-  bottom: 0;
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-radial.e-speeddial-middle .e-speeddial-li {
-  bottom: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-bottom.e-speeddial-middle, .e-speeddial-popup.e-speeddial-bottom.e-speeddial-linear {
-  bottom: var(--speeddialVertDist);
-}
-.e-speeddial-popup.e-speeddial-left {
-  left: 10px;
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-radial .e-speeddial-li {
-  left: 0;
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
-  left: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-left.e-speeddial-center, .e-speeddial-popup.e-speeddial-left.e-speeddial-linear {
-  left: var(--speeddialHorzDist);
-}
-.e-speeddial-popup.e-speeddial-right {
-  right: 10px;
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-radial .e-speeddial-li {
-  right: 0;
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-radial.e-speeddial-center .e-speeddial-li {
-  right: calc(0.5 * var(--speeddialRadialMinWidth) + var(--speeddialRadialOffset) - 5px);
-}
-.e-speeddial-popup.e-speeddial-right.e-speeddial-center, .e-speeddial-popup.e-speeddial-right.e-speeddial-linear {
-  right: var(--speeddialHorzDist);
-}
-.e-speeddial-popup.e-speeddial-template {
-  outline: none;
-}
-.e-speeddial-popup .e-speeddial-ul {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  list-style-type: none;
-  margin: 0;
-  padding: 0 5px;
-}
-.e-speeddial-popup .e-speeddial-li {
-  -ms-flex-align: center;
-      align-items: center;
-  cursor: pointer;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  margin: 5px 0;
-  position: relative;
-}
-.e-speeddial-popup .e-speeddial-li-text {
-  margin: 0 10px;
-  padding: 3px;
-  white-space: nowrap;
-}
-.e-speeddial-popup .e-speeddial-li-icon {
-  border-radius: 99999px;
-  min-height: 30px;
-  min-width: 30px;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
-}
-.e-speeddial-popup.e-speeddial-fixed {
-  position: fixed;
-}
-.e-speeddial-popup.e-speeddial-vert-right .e-speeddial-li {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-vert-bottom .e-speeddial-ul {
-  -ms-flex-direction: column-reverse;
-      flex-direction: column-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul.e-speeddial-horz-top {
-  -ms-flex-direction: row;
-      flex-direction: row;
-}
-.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
-  -ms-flex-direction: row;
-      flex-direction: row;
-}
-.e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul.e-speeddial-horz-top {
-  -ms-flex-direction: row-reverse;
-      flex-direction: row-reverse;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-ul, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-ul {
-  padding: 5px 0;
-}
-.e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li {
-  margin: 0 5px;
-}
-.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul {
-  overflow: auto;
-  scroll-behavior: smooth;
-  /* Hide scrollbar for IE and Edge */
-  -ms-overflow-style: none;
-  /* Hide scrollbar for Firefox */
-  scrollbar-width: none;
-}
-.e-speeddial-popup.e-speeddial-overflow .e-speeddial-ul::-webkit-scrollbar {
-  /* Hide scrollbar for Chrome, Safari and Opera */
-  display: none;
-}
-.e-speeddial-popup.e-speeddial-overflow.e-speeddial-vert-overflow .e-speeddial-ul {
-  max-height: var(--speeddialOverflowLimit);
-}
-.e-speeddial-popup.e-speeddial-overflow.e-speeddial-horz-overflow .e-speeddial-ul {
-  max-width: var(--speeddialOverflowLimit);
-}
-.e-speeddial-popup.e-speeddial-radial {
-  min-height: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
-  min-width: calc(var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-middle {
-  min-height: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinHeight));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-center {
-  min-width: calc(2 * var(--speeddialRadialOffset) + 2 * var(--speeddialRadialMinWidth));
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-left {
-  border-bottom-right-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-top-right {
-  border-bottom-left-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-left {
-  border-top-right-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial.e-speeddial-bottom-right {
-  border-top-left-radius: 100%;
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-ul {
-  border-radius: inherit;
-  min-height: inherit;
-  min-width: inherit;
-  padding: 0;
-  position: relative;
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-li {
-  position: absolute;
-  margin: 5px;
-  transform: rotate(var(--speeddialRadialAngle)) translate(var(--speeddialRadialOffset)) rotate(calc(-1 * var(--speeddialRadialAngle)));
-}
-.e-speeddial-popup.e-speeddial-radial .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-right .e-speeddial-li-text, .e-speeddial-popup.e-speeddial-horz-left .e-speeddial-li-text {
-  position: absolute;
-  visibility: hidden;
-}
-
-.e-speeddial-overlay {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-  z-index: 99998;
-}
-.e-speeddial-overlay.e-speeddial-fixed {
-  height: 100vh;
-  position: fixed;
-  width: 100vw;
-}
-
-.e-speeddial-hidden {
-  visibility: hidden;
-}
-
-.e-speeddial-overlay {
-  background-color: rgba(0, 0, 0, 0.1);
-}
-
-.e-speeddial-popup .e-speeddial-li-text {
-  box-shadow: 0 0 5px rgb(128, 128, 128);
-  background-color: rgb(255, 255, 255);
-}
-.e-speeddial-popup .e-speeddial-li-icon {
-  box-shadow: 0 0 5px rgb(128, 128, 128);
-  background-color: rgb(255, 255, 255);
-}
-.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-text {
-  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
-}
-.e-speeddial-popup .e-speeddial-li.e-speeddial-li-active:not(.e-disabled) .e-speeddial-li-icon {
-  box-shadow: 0 0 5px rgb(128, 128, 128), 0 0 5px rgb(128, 128, 128) inset;
 }

package/styles/bootstrap5.scss

@@ -2,4 +2,3 @@
 @import 'split-button/bootstrap5.scss';
 @import 'button-group/bootstrap5.scss';
 @import 'progress-button/bootstrap5.scss';
-@import 'speed-dial/bootstrap5.scss';

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

@@ -55,4 +55,24 @@
       }
     }
   }
+
+  .e-dropdown-btn,
+  .e-dropdown-btn.e-btn {
+    &.e-inherit {
+      background: inherit;
+      border-color: transparent;
+      box-shadow: none;
+      color: inherit;
+
+      &:hover,
+      &:focus,
+      &:active,
+      &.e-active {
+        background-color: rgba(transparent, .056);
+        border-color: transparent;
+        box-shadow: none;
+        color: inherit;
+      }
+    }
+  }
 }

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

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #414141;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #e6e6e6;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -205,4 +205,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #6c757d;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -215,4 +215,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #444c54;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -215,4 +215,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #dee2e6;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #414040;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }

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

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #eaeaea;
+}
+
+.e-dropdown-btn.e-inherit,
+.e-dropdown-btn.e-btn.e-inherit {
+  background: inherit;
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
+}
+.e-dropdown-btn.e-inherit:hover, .e-dropdown-btn.e-inherit:focus, .e-dropdown-btn.e-inherit:active, .e-dropdown-btn.e-inherit.e-active,
+.e-dropdown-btn.e-btn.e-inherit:hover,
+.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);
+  border-color: transparent;
+  box-shadow: none;
+  color: inherit;
 }