npm - @syncfusion/blazor-themes - Versions diffs - 27.1.48 → 27.1.51 - Mend

@syncfusion/blazor-themes 27.1.48 → 27.1.51

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 (278) hide show

package/SCSS-Themes/navigations/treeview/bootstrap5-dark.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
 $treeview-text-margin: 0 !default;
-$treeview-image-size: 16px !default;
+$treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
@@ -29,7 +29,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 0 12px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;

package/SCSS-Themes/navigations/treeview/bootstrap5.3.scss CHANGED Viewed

@@ -21,7 +21,7 @@ $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;
 $treeview-text-margin: 0 !default;
-$treeview-image-size: 16px !default;
+$treeview-image-size: 18px !default;
 $treeview-image-margin: 0 0 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
 $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
@@ -29,7 +29,7 @@ $treeview-navigable-icon-image-anchor-margin: 0 8px 0 0 !default;
 $treeview-navigable-icon-image-anchor-margin-reverse: 0 0 0 8px !default;
 $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
 $treeview-rtl-image-margin: 0 8px 0 0 !default;
-$treeview-image-text-padding: 0 8px !default;
+$treeview-image-text-padding: 0 12px !default;
 $treeview-icon-image-margin: 0 0 0 8px !default;
 $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
 $treeview-check-margin: 0 0 0 8px !default;

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

@@ -672,41 +672,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -672,41 +672,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -651,41 +651,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -643,41 +643,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -643,41 +643,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -656,41 +656,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

package/SCSS-Themes/popups/dialog/bootstrap5.3.scss CHANGED Viewed

@@ -656,41 +656,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -656,41 +656,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -648,41 +648,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -643,41 +643,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -659,41 +659,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -659,41 +659,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -675,41 +675,6 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -675,41 +675,6 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;

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

@@ -643,41 +643,6 @@ $dialog-enable-resize-padding-bottom: 15px !default;
   .e-footer-content {
     background-color: $dialog-footer-bg-color;
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary {
-        background: none;
-        box-shadow: none;
-        color: $dialog-primary-button-color;
-      }
-      .e-btn:not(.e-primary) {
-        background: none;
-        box-shadow: none;
-        color: $dialog-secondary-button-color;
-      }
-    }
-    @if $skin-name == 'material' or $skin-name == 'material-dark' {
-      .e-btn.e-primary:not([DISABLED]):focus-visible,
-      .e-btn.e-primary:not([DISABLED]):focus {
-        background: $dialog-footer-primary-focus-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):hover {
-        background: $dialog-footer-primary-hover-btn-bg-color;
-      }
-      .e-btn.e-primary:not([DISABLED]):active {
-        background: $dialog-footer-primary-active-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):focus-visible,
-      .e-btn:not(.e-primary):not([DISABLED]):focus,
-      .e-btn:not([DISABLED]):hover {
-        background: $dialog-footer-flat-hover-btn-bg-color;
-      }
-      .e-btn:not([DISABLED]):active {
-        background: $dialog-footer-flat-active-btn-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]) {
         background: $dialog-footer-btn-bg-color;