@syncfusion/ej2-splitbuttons 20.2.43 → 20.3.47

package/styles/button-group/bootstrap5.css

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -242,6 +243,7 @@
   font-size: 20px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075);

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

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

package/styles/button-group/fabric.css

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

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

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 20px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

package/styles/button-group/fluent.css

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 20px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

package/styles/button-group/highcontrast-light.css

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

package/styles/button-group/highcontrast.css

@@ -1,3 +1,4 @@
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -234,6 +235,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: none;

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

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -235,6 +236,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);

package/styles/button-group/material.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -235,6 +236,7 @@
   font-size: 16px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);

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

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -243,6 +244,7 @@
   font-size: 22px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

package/styles/button-group/tailwind.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable */
 *.e-btn-group,
 *.e-css.e-btn-group {
   display: -ms-inline-flexbox;
@@ -243,6 +244,7 @@
   font-size: 22px;
 }
 
+/* stylelint-disable */
 .e-btn-group:not(.e-outline),
 .e-css.e-btn-group:not(.e-outline) {
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);

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

@@ -1,2 +1,2 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';

package/styles/drop-down-button/_bootstrap-dark-definition.scss

@@ -47,4 +47,5 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
+
 //enddefault

package/styles/drop-down-button/_bootstrap4-definition.scss

@@ -5,7 +5,7 @@ $drop-down-btn-bigger-font-size: 16px !default;
 $drop-down-btn-bigger-li-height: 32px !default;
 $drop-down-btn-bigger-max-width: 280px !default;
 $drop-down-btn-bigger-min-width: 112px !default;
-$drop-down-btn-color: $gray-900  !default;
+$drop-down-btn-color: $gray-900 !default;
 $drop-down-btn-disable-text: rgba($gray-600, .65) !default;
 $drop-down-btn-font-size: 14px !default;
 $drop-down-btn-font-weight: normal !default;
@@ -34,7 +34,7 @@ $drop-down-btn-parent-ul-box-shadow: none !default;
 $drop-down-btn-seperator-padding: 3px 0 !default;
 $drop-down-btn-selected-color: $white !default;
 $drop-down-btn-sub-ul-box-shadow: none !default;
-$drop-down-btn-ul-bgcolor: $content-popup-bg  !default;
+$drop-down-btn-ul-bgcolor: $content-popup-bg !default;
 $drop-down-btn-ul-border: 1px solid rgba($black, .15) !default;
 $drop-down-btn-ul-border-radius: 4px !default;
 $drop-down-btn-ul-padding: 6px 0 !default;

package/styles/drop-down-button/_bootstrap5-definition.scss

@@ -48,4 +48,3 @@ $drop-down-btn-li-selection-font-color: $content-text-color !default;
 $drop-down-btn-menu-icon-color: $icon-color !default;
 $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
 $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
-

package/styles/drop-down-button/_fabric-dark-definition.scss

@@ -1,4 +1,4 @@
-//default 
+//default
 $drop-down-btn-arrow-content: '\e36a' !default;
 $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-vertical-bigger-padding: 10px 24px !default;
@@ -47,4 +47,5 @@ $drop-down-btn-icon-font-size-bigger: 16px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
+
 //enddefault

package/styles/drop-down-button/_fluent-definition.scss

@@ -33,6 +33,7 @@ $drop-down-btn-bigger-popup-margin-top: 4px !default;
 $drop-down-btn-ul-border: 0 solid $border-light !default;
 $drop-down-btn-li-box-shadow: none !default;
 $drop-down-btn-li-border-style: solid !default;
+
 //Color
 $drop-down-btn-color: $secondary-text-color !default;
 $drop-down-btn-disable-text: $secondary-text-color-disabled !default;
@@ -49,4 +50,3 @@ $drop-down-btn-li-selection-font-color: $flyout-text-color-selected !default;
 $drop-down-btn-menu-icon-color: $icon-color !default;
 $drop-down-btn-menu-icon-disabled-color: $icon-color !default;
 $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
-

package/styles/drop-down-button/_fusionnew-definition.scss

@@ -48,4 +48,3 @@ $drop-down-btn-li-selection-font-color: $content-text-color !default;
 $drop-down-btn-menu-icon-color: $icon-color !default;
 $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
 $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
-

package/styles/drop-down-button/_highcontrast-definition.scss

@@ -45,4 +45,3 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
-

package/styles/drop-down-button/_highcontrast-light-definition.scss

@@ -1,4 +1,4 @@
-//default 
+//default
 $drop-down-btn-arrow-content: '\e966' !default;
 $drop-down-btn-vertical-btn-padding: 8px 20px !default;
 $drop-down-btn-vertical-bigger-padding: 10px 24px !default;
@@ -46,4 +46,5 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
+
 //enddefault

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

@@ -1,4 +1,5 @@
-@include export-module('drop-down-button-layout') {
+@include export-module('drop-down-button-layout') {
+
   /*! drop-down button layout */
   .e-dropdown-btn,
   .e-dropdown-btn.e-btn {
@@ -11,8 +12,8 @@
     &:hover {
       @if $skin-name != 'bootstrap4' and $skin-name != 'bootstrap5' {
         box-shadow: none;
+      }
     }
-  }
 
     &:focus {
       @if $skin-name == 'tailwind' or $skin-name == 'bootstrap5' {

package/styles/drop-down-button/_material-dark-definition.scss

@@ -1,4 +1,4 @@
-//default 
+//default
 $drop-down-btn-arrow-content: '\e969' !default;
 $drop-down-btn-vertical-btn-padding: 12px 12px !default;
 $drop-down-btn-vertical-bigger-padding: 16px 16px !default;
@@ -47,4 +47,5 @@ $drop-down-btn-caret-icon-font-size-bigger: 10px !default;
 $drop-down-btn-box-shadow: none !default;
 $drop-down-btn-popup-margin-top: 0 !default;
 $drop-down-btn-bigger-popup-margin-top: 0 !default;
+
 //enddefault

package/styles/drop-down-button/_material3-definition.scss

@@ -48,4 +48,3 @@ $drop-down-btn-li-selection-font-color: $content-text-color !default;
 $drop-down-btn-menu-icon-color: $icon-color !default;
 $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
 $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
-

package/styles/drop-down-button/_tailwind-definition.scss

@@ -47,4 +47,3 @@ $drop-down-btn-li-selection-bgcolor: $content-bg-color-selected !default;
 $drop-down-btn-li-selection-font-color: $content-text-color-selected !default;
 $drop-down-btn-menu-icon-color: $secondary-text-color !default;
 $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default;
-

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

@@ -1,4 +1,5 @@
 @include export-module('drop-down-button-theme') {
+
   /*! drop-down button theme */
   .e-dropdown-popup {
     background-color: $drop-down-btn-ul-bgcolor;
@@ -54,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

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e70d";
@@ -214,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

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e70d";
@@ -214,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;
 }

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

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e729";
@@ -210,4 +211,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #292827;
+}
+
+.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/fluent.css

@@ -1,3 +1,4 @@
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e729";
@@ -210,4 +211,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #edebe9;
+}
+
+.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/highcontrast-light.css

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #000;
+}
+
+.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/highcontrast.css

@@ -210,4 +210,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #fff;
+}
+
+.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/material-dark.css

@@ -211,4 +211,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: rgba(255, 255, 255, 0.12);
+}
+
+.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/material.css

@@ -211,4 +211,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: rgba(0, 0, 0, 0.12);
+}
+
+.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/tailwind-dark.css

@@ -1,4 +1,5 @@
 @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+/* stylelint-disable-line no-empty-source */
 .e-dropdown-btn .e-caret::before,
 .e-dropdown-btn.e-btn .e-caret::before {
   content: "\e70d";
@@ -220,4 +221,22 @@
 }
 .e-dropdown-popup ul .e-separator {
   border-bottom-color: #4b5563;
+}
+
+.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;
 }