@syncfusion/blazor-themes 25.2.3 → 25.2.5

package/SCSS-Themes/splitbuttons/button-group/material.scss

@@ -455,7 +455,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material3-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/material3.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/tailwind-dark.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/splitbuttons/button-group/tailwind.scss

@@ -456,7 +456,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;

package/SCSS-Themes/tailwind-dark.scss

@@ -61913,7 +61913,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   }
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -62051,7 +62051,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
 
@@ -87314,7 +87314,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -88129,7 +88133,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -90814,7 +90819,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/tailwind.scss

@@ -61910,7 +61910,7 @@ $ddl-close-icon-hover-color: $icon-color-hover !default;
   }
 }
 
-.e-small .e-multiselect .e-input-group-icon.e-ddl-icon {
+.e-small .e-multiselect:not(.e-outline):not(.e-filled) .e-input-group-icon.e-ddl-icon {
   @if $ddl-multiselect-skin-name == 'Material3' {
     top: 6px;
   }
@@ -62048,7 +62048,7 @@ ejs-multiselect {
     margin-top: $ddl-small-close-hooker-margin-top;
     height: $ddl-small-chip-close-hooker-height;
     width: $ddl-small-chip-close-hooker-width;
-    line-height: 2px;
+    line-height: normal;
   }
 }
 
@@ -87311,7 +87311,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;
@@ -88126,7 +88130,8 @@ $btn-grp-outline-focus-danger-color: inherit !default;
 
     //Focus state for Normal and Outline GroupButton
     .e-btn:focus,
-    input:focus-visible+label.e-btn {
+    input:focus-visible+label.e-btn,
+    input:focus+label.e-btn {
       @include button-focus;
       @if $skin-name != 'bootstrap5' and $skin-name != 'bootstrap4' and $skin-name != 'tailwind' {
         box-shadow: none;
@@ -90811,7 +90816,7 @@ $rte-big-img-upload-abort-icon-btn-padding: 18px;
     margin-right: 5px;
     display: inline-block;
     float: none;
-    max-width: calc(100% - (2 * 5px));
+    max-width: 100%;
     padding: 1px;
     vertical-align: bottom;
   }

package/SCSS-Themes/treegrid/treegrid/bds-dark.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bds.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap-dark.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap4.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap5-dark.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/bootstrap5.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fabric-dark.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fabric.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fluent-dark.scss

@@ -190,7 +190,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/fluent.scss

@@ -190,7 +190,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/highcontrast.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material-dark.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material.scss

@@ -191,7 +191,11 @@ $treegrid-rtl-rowdd-childborder-width: 1px 0 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material3-dark.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/material3.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/tailwind-dark.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/SCSS-Themes/treegrid/treegrid/tailwind.scss

@@ -189,7 +189,11 @@ $treegrid-rtl-rowdd-childborder-width: 2px 0 2px 0 !default;
         vertical-align: middle;
       }
     }
-
+    .e-cloneproperties .e-treecolumn-container {
+      span {
+        vertical-align: text-top;
+      }
+    }
     .e-hierarchycheckbox .e-frame {
       @if $skin-name == 'bootstrap' or $skin-name == 'boostrap-dark' or $skin-name == 'fabric-dark' or $skin-name == 'fabric' or $skin-name == 'highcontrast' or $skin-name == 'FluentUI' or $theme-name == 'fluentui-dark' {
         font-size: 10px;

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"25.2.3","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"25.2.5","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}