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/pivotview/pivotview/bds.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss CHANGED Viewed

@@ -2243,7 +2243,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2253,6 +2252,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap.scss CHANGED Viewed

@@ -2242,7 +2242,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2252,6 +2251,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss CHANGED Viewed

@@ -2242,7 +2242,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2252,6 +2251,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3-dark.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.3.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/bootstrap5.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fabric-dark.scss CHANGED Viewed

@@ -2242,7 +2242,6 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2252,6 +2251,13 @@ $pivotpager-single-size-title-padding: 4px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fabric.scss CHANGED Viewed

@@ -2241,7 +2241,6 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2251,6 +2250,13 @@ $pivotpager-single-size-title-padding: 4px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fluent-dark.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fluent.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fluent2-dark.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fluent2-highcontrast.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/fluent2.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/highcontrast.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 4px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 4px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/material-dark.scss CHANGED Viewed

@@ -2242,7 +2242,6 @@ $pivotpager-single-size-title-padding: 14px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2252,6 +2251,13 @@ $pivotpager-single-size-title-padding: 14px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/material.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 14px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 14px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/material3-dark.scss CHANGED Viewed

@@ -2243,7 +2243,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2253,6 +2252,13 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/material3.scss CHANGED Viewed

@@ -2243,7 +2243,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2253,6 +2252,13 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/tailwind-dark.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

package/SCSS-Themes/pivotview/pivotview/tailwind.scss CHANGED Viewed

@@ -2240,7 +2240,6 @@ $pivotpager-single-size-title-padding: 8px !default;
             .e-numeric {
               margin: $pivotpager-numeric-box-margin;
-              vertical-align: top;
               .e-pivot-pager-row-dropdown,
               .e-pivot-pager-column-dropdown {
@@ -2250,6 +2249,13 @@ $pivotpager-single-size-title-padding: 8px !default;
               }
             }
           }
+          .e-pivot-both-pager-settings {
+            .e-numeric {
+              margin: $pivotpager-numeric-box-margin;
+              vertical-align: top;
+            }
+          }
         }
         &.e-pivot-pager-single-maindiv {

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

@@ -591,13 +591,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);
@@ -612,22 +612,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/bds.scss CHANGED Viewed

@@ -591,13 +591,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);
@@ -612,22 +612,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/bootstrap-dark.scss CHANGED Viewed

@@ -570,13 +570,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);
@@ -591,22 +591,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;