@syncfusion/blazor-themes 29.1.37 → 29.1.39

package/SCSS-Themes/grids/grid/material3-lite.scss

@@ -114,6 +114,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: 0 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: rgba($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 {
@@ -4757,6 +4759,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/material3.scss

@@ -114,6 +114,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: 0 0 0 -10px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 0 0 0 10px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 0 0 0 24px !default;
@@ -1060,6 +1061,7 @@ $grid-checkmark-color: rgba($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 {
@@ -4757,6 +4759,17 @@ $grid-checkmark-color: rgba($primary-text-color) !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind-dark-lite.scss

@@ -116,6 +116,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;
@@ -1064,6 +1065,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 {
@@ -4761,6 +4763,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind-dark.scss

@@ -116,6 +116,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;
@@ -1064,6 +1065,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 {
@@ -4761,6 +4763,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind-lite.scss

@@ -116,6 +116,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;
@@ -1064,6 +1065,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 {
@@ -4761,6 +4763,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind.scss

@@ -116,6 +116,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;
@@ -1064,6 +1065,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 {
@@ -4761,6 +4763,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind3-dark-lite.scss

@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -1061,6 +1062,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 {
@@ -4758,6 +4760,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind3-dark.scss

@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -1061,6 +1062,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 {
@@ -4758,6 +4760,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind3-lite.scss

@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -1061,6 +1062,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 {
@@ -4758,6 +4760,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/grids/grid/tailwind3.scss

@@ -114,6 +114,7 @@ $grid-columnchooser-input-padding-bottom: 6px !default;
 $grid-columnchooser-input-padding-left: 8px !default;
 $grid-columnchooser-ul-margin: 0 13px 0 0 !default;
 $grid-column-chooser-dlg-footer-padding: 8px !default;
+$grid-columnchooser-checkbox-label-width: 150px !default;
 $grid-rtl-bigger-sortnumber-margin: 2px 0 0 -17px !default;
 $grid-rtl-bigger-sortnumber-withfilter-margin: 2px 0 0 -5px !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: 2px 0 0 9px !default;
@@ -1061,6 +1062,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 {
@@ -4758,6 +4760,17 @@ $grid-checkmark-color: $primary-text-color !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 

package/SCSS-Themes/highcontrast-lite.scss

@@ -2881,6 +2881,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -10784,7 +10789,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;
     }
@@ -60385,6 +60391,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 8px !default;
 $grid-rtl-textwrap-sorticon-margin: -17px 4px -17px 8px !default;
@@ -61323,6 +61330,7 @@ $grid-checkmark-color: $selection-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -65020,6 +65028,17 @@ $grid-checkmark-color: $selection-font !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -99856,6 +99875,11 @@ $schedule-tree-content-color: #fff !default;
     }
 
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
+      
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/highcontrast.scss

@@ -3003,6 +3003,11 @@ $ddl-bigger-small-list-font-size: 14px !default;
     }
   }
 
+  .e-data-form .e-ddl.e-input-group.e-control-container input[readonly].e-input.e-dropdownlist {
+    cursor: pointer;
+    pointer-events: auto;
+  }
+
   .e-ddl.e-popup.e-popup-open .e-list-item.e-disabled {
     opacity: .7;
     pointer-events: none;
@@ -11620,7 +11625,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;
     }
@@ -82660,6 +82666,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 8px !default;
 $grid-rtl-textwrap-sorticon-margin: -17px 4px -17px 8px !default;
@@ -83598,6 +83605,7 @@ $grid-checkmark-color: $selection-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -87295,6 +87303,17 @@ $grid-checkmark-color: $selection-font !default;
       line-height: normal;
     }
   }
+  .e-grid.sf-grid.e-grid-min-height .e-virtualtable {
+    /* stylelint-disable declaration-no-important */
+    .e-table {
+      border-spacing: 0 !important;
+    }
+    /* stylelint-enable declaration-no-important */
+  
+    .e-rowcell {
+      line-height: 1;
+    }
+  }
 }
 /* stylelint-enable function-url-quotes */
 
@@ -130592,6 +130611,11 @@ $schedule-tree-content-color: #fff !default;
     }
 
     .e-virtual-scroll {
+      .e-content-wrap.e-transition,
+      .e-resource-column-wrap.e-transition {
+        overscroll-behavior: none;
+      }
+      
       &.e-vertical-view,
       &.e-month-view {
         .e-content-table {

package/SCSS-Themes/inputs/input/bds-dark-lite.scss

@@ -7970,7 +7970,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;
     }

package/SCSS-Themes/inputs/input/bds-dark.scss

@@ -7970,7 +7970,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;
     }

package/SCSS-Themes/inputs/input/bds-lite.scss

@@ -7970,7 +7970,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;
     }

package/SCSS-Themes/inputs/input/bds.scss

@@ -7970,7 +7970,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;
     }

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

@@ -7817,7 +7817,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;
     }

package/SCSS-Themes/inputs/input/bootstrap-dark.scss

@@ -7817,7 +7817,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;
     }

package/SCSS-Themes/inputs/input/bootstrap-lite.scss

@@ -7808,7 +7808,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;
     }

package/SCSS-Themes/inputs/input/bootstrap.scss

@@ -7808,7 +7808,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;
     }

package/SCSS-Themes/inputs/input/bootstrap4-lite.scss

@@ -7815,7 +7815,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;
     }

package/SCSS-Themes/inputs/input/bootstrap4.scss

@@ -7815,7 +7815,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;
     }

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

@@ -7824,7 +7824,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;
     }

package/SCSS-Themes/inputs/input/bootstrap5-dark.scss

@@ -7824,7 +7824,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;
     }

package/SCSS-Themes/inputs/input/bootstrap5-lite.scss

@@ -7824,7 +7824,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;
     }

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

@@ -7824,7 +7824,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;
     }

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

@@ -7824,7 +7824,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;
     }

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

@@ -7824,7 +7824,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;
     }