npm - @syncfusion/blazor-themes - Versions diffs - 28.2.7 → 28.2.11 - Mend

@syncfusion/blazor-themes 28.2.7 → 28.2.11

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

package/SCSS-Themes/inputs/input/fluent-dark.scss CHANGED Viewed

@@ -2661,7 +2661,7 @@ $float-label-rtl-value: -10px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent-lite.scss CHANGED Viewed

@@ -2661,7 +2661,7 @@ $float-label-rtl-value: -10px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent.scss CHANGED Viewed

@@ -2661,7 +2661,7 @@ $float-label-rtl-value: -10px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2-dark-lite.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2-dark.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2-highcontrast.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2-lite.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/fluent2.scss CHANGED Viewed

@@ -3092,7 +3092,7 @@ $textarea-float-top: -28px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/highcontrast-lite.scss CHANGED Viewed

@@ -2635,7 +2635,7 @@ $float-label-rtl-value: -7px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/highcontrast.scss CHANGED Viewed

@@ -2635,7 +2635,7 @@ $float-label-rtl-value: -7px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material-dark-lite.scss CHANGED Viewed

@@ -2896,7 +2896,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material-dark.scss CHANGED Viewed

@@ -2896,7 +2896,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material-lite.scss CHANGED Viewed

@@ -2896,7 +2896,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material.scss CHANGED Viewed

@@ -2896,7 +2896,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material3-dark-lite.scss CHANGED Viewed

@@ -2865,7 +2865,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material3-dark.scss CHANGED Viewed

@@ -2865,7 +2865,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material3-lite.scss CHANGED Viewed

@@ -2865,7 +2865,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/material3.scss CHANGED Viewed

@@ -2865,7 +2865,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind-dark-lite.scss CHANGED Viewed

@@ -2658,7 +2658,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind-dark.scss CHANGED Viewed

@@ -2658,7 +2658,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind-lite.scss CHANGED Viewed

@@ -2658,7 +2658,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind.scss CHANGED Viewed

@@ -2658,7 +2658,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind3-dark-lite.scss CHANGED Viewed

@@ -2834,7 +2834,7 @@ $textarea-float-top: -24px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind3-dark.scss CHANGED Viewed

@@ -2834,7 +2834,7 @@ $textarea-float-top: -24px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind3-lite.scss CHANGED Viewed

@@ -2834,7 +2834,7 @@ $textarea-float-top: -24px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

package/SCSS-Themes/inputs/input/tailwind3.scss CHANGED Viewed

@@ -2834,7 +2834,7 @@ $textarea-float-top: -24px !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }

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

@@ -5880,7 +5880,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
@@ -38228,42 +38228,26 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -38486,27 +38470,9 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -38515,6 +38481,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -38545,26 +38517,9 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -38573,8 +38528,14 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -60531,7 +60492,7 @@ $grid-xlfl-skin: 'material' !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -65281,8 +65242,7 @@ $grid-checkmark-color: $accent-font !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
@@ -76385,10 +76345,6 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
     .e-gantt-chart {

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

@@ -6714,7 +6714,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       border-left-color: $border;
       border-right-color: $border;
       border-radius: 4px;
-      height: 32px;
+      height: 30px;
     }
   }
@@ -52472,42 +52472,26 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
           border-color: $tbar-btn-focus-border-color;
           border-style: $tbar-border-nav-type;
           border-width: $tbar-btn-hover-border-size;
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            box-shadow: none;
-          }
-          @else {
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-          }
+          box-shadow: $tbar-ext-btn-focus-box-shadow;
           .e-icons {
             color: $tbar-btn-icons-focus-color;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
+              color: $tbar-default-icon-color;
+            }
           }
           .e-tbar-btn-text {
             color: $tbar-btn-text-focus-color;
             @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
               color: $tbar-btn-icons-focus-color;
             }
-          }
-        }
-        @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-          &:focus-visible {
-            background: $tbar-default-bg;
-            box-shadow: $tbar-ext-btn-focus-box-shadow;
-            .e-icons {
-              color: $tbar-default-icon-color;
-            }
-            .e-tbar-btn-text {
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               color: $tbar-default-font;
             }
           }
         }
         &:hover {
           background: $tbar-hover-bg;
           border-color: $tbar-hover-border-color;
@@ -52730,27 +52714,9 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
             border-color: $tbar-btn-focus-border-color;
             border-style: $tbar-border-nav-type;
             border-width: $tbar-popup-btn-hover-border-size;
-            @if ($skin-name == 'fluent2' or $skin-name == 'bootstrap5.3' or $skin-name == 'tailwind3') {
-              box-shadow: none;
-            }
-            @else {
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
-            }
-            @if $skin-name == 'bootstrap5.3' {
-              .e-tbar-btn-text,
-              .e-icons.e-btn-icon {
-                color: $tbar-btn-active-icons-color;
-              }
-            }
-          }
-          @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-            &:focus-visible {
-              background: $tbar-popup-btn-focus-bg;
-              box-shadow: $tbar-popup-btn-focus-box-shadow;
+            box-shadow: $tbar-popup-btn-focus-box-shadow;
+            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
               .e-icons {
                 color: $tbar-popup-nav-hover-icons-color;
               }
@@ -52759,6 +52725,12 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
                 color: $tbar-popup-btn-text-focus-color;
               }
             }
+            @if $skin-name == 'bootstrap5.3' {
+              .e-tbar-btn-text,
+              .e-icons.e-btn-icon {
+                color: $tbar-btn-active-icons-color;
+              }
+            }
           }
         }
@@ -52789,26 +52761,9 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
               border-color: $tbar-btn-focus-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              box-shadow: $tbar-ext-btn-focus-box-shadow;
               @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-                box-shadow: none;
-              }
-              @else {
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
-              }
-              @if $skin-name == 'bootstrap5.3' {
-                .e-tbar-btn-text,
-                .e-icons.e-btn-icon {
-                  color: $tbar-default-icon-color;
-                }
-              }
-            }
-            @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
-              &:focus-visible {
-                background: $tbar-default-bg;
-                box-shadow: $tbar-ext-btn-focus-box-shadow;
                 .e-icons {
                   color: $tbar-default-icon-color;
                 }
@@ -52817,8 +52772,14 @@ $tbar-ribble-animation-shadow-frame-end: 0 0 0 200px rgba(255, 255, 255, .12) !d
                   color: $tbar-default-font;
                 }
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             &:hover {
               background: $tbar-hover-bg;
               border-radius: $tbar-btn-border-radius;
@@ -82519,7 +82480,7 @@ $grid-xlfl-skin: 'material' !default;
     .e-dlg-content {
       overflow: visible;
       padding: 0;
-      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' {
+      @if $theme-name == 'Material3-dark' or $theme-name == 'tailwind3-dark' or $theme-name == 'fluent-dark' {
         background: unset;
       }
     }
@@ -87485,8 +87446,7 @@ $grid-checkmark-color: $accent-font !default;
         border-left: $grid-freezeline-border $grid-freezeline-right-border;
       }
-      .e-rowcell.e-freezeline,
-      .e-gridheader .e-filterbarcell.e-freezeline {
+      .e-rowcell.e-freezeline {
         position: relative;
       }
@@ -102795,10 +102755,6 @@ $gantt-chartrow-hover-bg-color: rgb(89 86 86) !default;
         line-height: 10px;
         vertical-align: middle;
       }
-      .e-grid .e-gantt-resource-parent .e-rowdragdrop{
-        pointer-events: none;
-      }
     }
     .e-gantt-chart {