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

@syncfusion/blazor-themes 27.1.53 → 27.1.56

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

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

@@ -594,13 +594,13 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !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);
@@ -615,22 +615,22 @@ $dialog-footer-flat-btn-hover-color: $secondary-text-color-hover !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/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/querybuilder/query-builder/bds-dark.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bds.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: $grey-dark-font !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: $grey-light-font !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $gray-700 !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss CHANGED Viewed

@@ -157,6 +157,10 @@ $qryblr-drag-icon-color: $icon-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3-dark.scss CHANGED Viewed

@@ -157,6 +157,10 @@ $qryblr-drag-icon-color: $icon-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3.scss CHANGED Viewed

@@ -157,6 +157,10 @@ $qryblr-drag-icon-color: $icon-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss CHANGED Viewed

@@ -157,6 +157,10 @@ $qryblr-drag-icon-color: $icon-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: $neutral-light-fontalt !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fabric.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: $neutral-light-font !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fluent.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fluent2-highcontrast.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/fluent2.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: $content-font !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/material-dark.scss CHANGED Viewed

@@ -155,6 +155,10 @@ $qryblr-drag-icon-color: $grey-dark-font !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/material.scss CHANGED Viewed

@@ -154,6 +154,10 @@ $qryblr-drag-icon-color: rgba($grey-black, .87) !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss CHANGED Viewed

@@ -159,6 +159,10 @@ $qryblr-drag-icon-color: rgba($secondary-text-color) !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/material3.scss CHANGED Viewed

@@ -159,6 +159,10 @@ $qryblr-drag-icon-color: rgba($secondary-text-color) !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;

package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss CHANGED Viewed

@@ -156,6 +156,10 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
     height: $qrybldr-height;
     width: $qrybldr-width;
+    & .e-rule-field {
+      user-select: none;
+    }
     & .e-multiselect .e-qb-spinner .e-spinner-inner {
       left: $qrybldr-spinner-left;
       right: $qrybldr-spinner-right;