@syncfusion/blazor-themes 29.1.38 → 29.1.40

package/SCSS-Themes/bds-dark.scss

@@ -12510,7 +12510,8 @@ $input-error-text-color:$danger !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84241,6 +84242,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -85194,6 +85196,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -91825,6 +91828,11 @@ $grid-checkmark-color: $primary !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bds-lite.scss

@@ -11969,7 +11969,8 @@ $input-error-text-color:$danger !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -62261,6 +62262,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -63214,6 +63216,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bds.scss

@@ -12805,7 +12805,8 @@ $input-error-text-color:$danger !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84536,6 +84537,7 @@ $grid-columnchooser-input-padding-bottom: 5px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 0 6px 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 6px 0 5px !default;
@@ -85489,6 +85491,7 @@ $grid-checkmark-color: $primary !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -92120,6 +92123,11 @@ $grid-checkmark-color: $primary !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

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

@@ -10825,7 +10825,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60480,6 +60481,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -61423,6 +61425,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap-dark.scss

@@ -11661,7 +11661,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82755,6 +82756,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 6px 0 0 10px !default;
@@ -83698,6 +83700,7 @@ $grid-checkmark-color: $grey-light-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90337,6 +90340,11 @@ $grid-checkmark-color: $grey-light-font !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bootstrap-lite.scss

@@ -10808,7 +10808,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60233,6 +60234,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -61170,6 +61172,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap.scss

@@ -11644,7 +11644,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82508,6 +82509,7 @@ $grid-columnchooser-input-padding-bottom: 8px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 6px 0 0 5px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 8px 0 0 5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 8px 0 0 4px !default;
@@ -83445,6 +83447,7 @@ $grid-checkmark-color: $grey !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90084,6 +90087,11 @@ $grid-checkmark-color: $grey !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bootstrap4-lite.scss

@@ -10657,7 +10657,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60358,6 +60359,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -61304,6 +61306,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap4.scss

@@ -11493,7 +11493,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82633,6 +82634,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 2px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 4px 0 0 12px !default;
@@ -83579,6 +83581,7 @@ $grid-checkmark-color: $white !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90193,6 +90196,11 @@ $grid-checkmark-color: $white !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

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

@@ -10848,7 +10848,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60716,6 +60717,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -61660,6 +61662,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap5-dark.scss

@@ -11684,7 +11684,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82991,6 +82992,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -83935,6 +83937,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90563,6 +90566,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bootstrap5-lite.scss

@@ -10847,7 +10847,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60715,6 +60716,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -61659,6 +61661,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap5.3-dark-lite.scss

@@ -11599,7 +11599,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -61502,6 +61503,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -62446,6 +62448,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

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

@@ -12435,7 +12435,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -83777,6 +83778,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -84721,6 +84723,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -91349,6 +91352,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bootstrap5.3-lite.scss

@@ -11946,7 +11946,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -61849,6 +61850,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -62793,6 +62795,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/bootstrap5.3.scss

@@ -12782,7 +12782,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -84124,6 +84125,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -85068,6 +85070,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -91696,6 +91699,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/bootstrap5.scss

@@ -11683,7 +11683,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82990,6 +82991,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 4px 0 0 -20px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 4px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 3px 0 0 8px !default;
@@ -83934,6 +83936,7 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90562,6 +90565,11 @@ $grid-checkmark-color: $primary-text-color !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {

package/SCSS-Themes/dropdowns/multi-select/material-lite.scss

@@ -246,6 +246,15 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
   .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
     padding: 0;
   }
+
+  .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0 8px 0 9px;
+  }
+
+  .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
+  .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
+    padding: 0 8px 0 9px;
+  }
 }
 
 .e-multi-select-wrapper {

package/SCSS-Themes/dropdowns/multi-select/material.scss

@@ -246,6 +246,15 @@ $filled-multiselect-chip-hover-bg-color: color.adjust($grey-300, $lightness: -7%
   .e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
     padding: 0;
   }
+
+  .e-outline.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0 8px 0 9px;
+  }
+
+  .e-outline.e-multiselect.e-input-group .e-multi-select-wrapper .e-multiselect-box input[type = 'text'],
+  .e-outline.e-multiselect.e-input-group.e-input-focus .e-multi-select-wrapper .e-searcher:not(.e-zero-size) input[type = 'text'] {
+    padding: 0 8px 0 9px;
+  }
 }
 
 .e-multi-select-wrapper {

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

@@ -10771,7 +10771,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -60372,6 +60373,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -61315,6 +61317,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {

package/SCSS-Themes/fabric-dark.scss

@@ -11607,7 +11607,8 @@ $float-label-rtl-value: -7px !default;
   .e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
   .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
+  .e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-error.e-valid-input.e-input-focus label.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       color: $input-error-color;
     }
@@ -82647,6 +82648,7 @@ $grid-columnchooser-input-border: 0 !default;
 $grid-columnchooser-input-padding-left: 4px !default;
 $grid-columnchooser-ul-margin: 13px 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-group-text-marign-right: 0 !default;
 $grid-rtl-textwrap-srotnumber-margin: 3px 5px 0 2px !default;
 $grid-rtl-headercell-both-border-width: 0 1px 0 0 !default;
@@ -83590,6 +83592,7 @@ $grid-checkmark-color: $theme-dark-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90224,6 +90227,11 @@ $grid-checkmark-color: $theme-dark-font !default;
         }
       }
     }
+    & .e-gridcontent tr.e-verticalwrap td::before {
+      @if $grid-skin == 'fluent' {
+        bottom: auto;
+      }
+    }
   }
   .e-grid.sf-grid .e-gridheader .e-headercontent {
     .e-reorderuparrow {