npm - @syncfusion/blazor-themes - Versions diffs - 27.1.53 → 27.1.55 - Mend

@syncfusion/blazor-themes 27.1.53 → 27.1.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (185) hide show

package/SCSS-Themes/popups/dialog/highcontrast.scss CHANGED Viewed

@@ -562,13 +562,13 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -583,22 +583,22 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/material-dark.scss CHANGED Viewed

@@ -574,13 +574,13 @@ $dialog-footer-flat-active-btn-bg-color: $grey-400 !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -595,22 +595,22 @@ $dialog-footer-flat-active-btn-bg-color: $grey-400 !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/material.scss CHANGED Viewed

@@ -569,13 +569,13 @@ $dialog-footer-flat-active-btn-bg-color: $grey-400 !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -590,22 +590,22 @@ $dialog-footer-flat-active-btn-bg-color: $grey-400 !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/material3-dark.scss CHANGED Viewed

@@ -572,13 +572,13 @@ $dialog-footer-flat-active-btn-bg-color: rgba($primary-bg-color, .12) !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -593,22 +593,22 @@ $dialog-footer-flat-active-btn-bg-color: rgba($primary-bg-color, .12) !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/material3.scss CHANGED Viewed

@@ -572,13 +572,13 @@ $dialog-footer-flat-active-btn-bg-color: rgba($primary-bg-color, .12) !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -593,22 +593,22 @@ $dialog-footer-flat-active-btn-bg-color: rgba($primary-bg-color, .12) !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/tailwind-dark.scss CHANGED Viewed

@@ -572,13 +572,13 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -593,22 +593,22 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/popups/dialog/tailwind.scss CHANGED Viewed

@@ -572,13 +572,13 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     background-color: $dialog-footer-bg-color;
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or  $skin-name == 'Material3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'fluent2' {
-      .e-btn.e-primary.e-flat:not([DISABLED]) {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-btn-bg-color;
         border-color: $dialog-footer-btn-border-color;
         color: $dialog-footer-btn-color;
       }
-      .e-btn:hover.e-primary.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         @if $skin-name == 'Material3' {
           background: $dialog-footer-flat-hover-btn-bg-color;
           color: rgba($primary);
@@ -593,22 +593,22 @@ $dialog-enable-resize-padding-bottom: 15px !default;
     }
     @if $skin-name == 'Material3' {
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus-visible,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-primary.e-flat:not([DISABLED]):focus,
-      .e-btn.e-flat:not([DISABLED]):focus-visible {
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-primary.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus,
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info):focus-visible {
         background: $dialog-footer-flat-hover-btn-bg-color;
         box-shadow: $shadow-focus-ring1;
       }
     }
     @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' {
-      .e-btn.e-flat:not([DISABLED]) {
+      .e-btn.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-btn-bg-color;
         border-color: $dialog-footer-flat-btn-border-color;
         color: $dialog-footer-flat-btn-content-color;
       }
-      .e-btn:hover.e-flat:not([DISABLED]) {
+      .e-btn:hover.e-flat:not([DISABLED]):not(.e-success):not(.e-danger):not(.e-warning):not(.e-info) {
         background: $dialog-footer-flat-hover-btn-bg-color;
         @if $skin-name == 'fluent2' {
           color: $dialog-footer-flat-btn-hover-color;

package/SCSS-Themes/splitbuttons/drop-down-button/bds-dark.scss CHANGED Viewed

@@ -286,6 +286,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bds.scss CHANGED Viewed

@@ -286,6 +286,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap-dark.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap4.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5-dark.scss CHANGED Viewed

@@ -246,6 +246,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.3-dark.scss CHANGED Viewed

@@ -246,6 +246,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.3.scss CHANGED Viewed

@@ -246,6 +246,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/bootstrap5.scss CHANGED Viewed

@@ -246,6 +246,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fabric-dark.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fabric.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent-dark.scss CHANGED Viewed

@@ -248,6 +248,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent.scss CHANGED Viewed

@@ -248,6 +248,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent2-dark.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent2-highcontrast.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/fluent2.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/highcontrast.scss CHANGED Viewed

@@ -244,6 +244,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/material-dark.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/material.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/material3-dark.scss CHANGED Viewed

@@ -247,6 +247,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/material3.scss CHANGED Viewed

@@ -247,6 +247,10 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind-dark.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {

package/SCSS-Themes/splitbuttons/drop-down-button/tailwind.scss CHANGED Viewed

@@ -245,6 +245,10 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         width: 1px;
       }
     }
+    &.e-hidden {
+      display: none !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
   .e-rtl.e-dropdown-popup .e-item {