@syncfusion/blazor-themes 29.1.38 → 29.1.40

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

@@ -8257,7 +8257,8 @@ $textarea-float-top: -28px !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/fluent2.scss

@@ -8257,7 +8257,8 @@ $textarea-float-top: -28px !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/highcontrast-lite.scss

@@ -7800,7 +7800,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/highcontrast.scss

@@ -7800,7 +7800,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/material-dark-lite.scss

@@ -8061,7 +8061,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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/material-dark.scss

@@ -8061,7 +8061,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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/material-lite.scss

@@ -8061,7 +8061,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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/material.scss

@@ -8061,7 +8061,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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/material3-dark-lite.scss

@@ -8030,7 +8030,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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/material3-dark.scss

@@ -8030,7 +8030,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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/material3-lite.scss

@@ -8030,7 +8030,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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/material3.scss

@@ -8030,7 +8030,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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/tailwind-dark-lite.scss

@@ -7823,7 +7823,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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/tailwind-dark.scss

@@ -7823,7 +7823,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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/tailwind-lite.scss

@@ -7823,7 +7823,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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/tailwind.scss

@@ -7823,7 +7823,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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/tailwind3-dark-lite.scss

@@ -183,13 +183,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -7999,7 +7999,8 @@ $textarea-float-top: -24px !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/tailwind3-dark.scss

@@ -183,13 +183,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -7999,7 +7999,8 @@ $textarea-float-top: -24px !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/tailwind3-lite.scss

@@ -183,13 +183,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -7999,7 +7999,8 @@ $textarea-float-top: -24px !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/tailwind3.scss

@@ -183,13 +183,13 @@ $input-bigger-small-clear-icon-min-width: 24px !default;
 $input-small-clear-icon-min-height: 16px !default;
 $input-small-clear-icon-min-width: 16px !default;
 $input-left-icon-font-size: $zero-value !default;
-$input-bigger-left-icon-font-size: $zero-value !default;
+$input-bigger-left-icon-font-size: 16px !default;
 $input-small-left-icon-font-size: $zero-value !default;
 $input-bigger-small-left-icon-font-size: $zero-value !default;
 $input-left-child-min-height: $zero-value !default;
 $input-left-child-min-width: $zero-value !default;
-$input-bigger-left-child-min-height: $zero-value !default;
-$input-bigger-left-child-min-width: $zero-value !default;
+$input-bigger-left-child-min-height: 36px !default;
+$input-bigger-left-child-min-width: 36px !default;
 $input-small-left-child-min-height: $zero-value !default;
 $input-small-left-child-min-width: $zero-value !default;
 $input-bigger-small-left-child-min-height: $zero-value !default;
@@ -7999,7 +7999,8 @@ $textarea-float-top: -24px !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/material-dark-lite.scss

@@ -11059,7 +11059,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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;
     }
@@ -61317,6 +61318,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-column-chooser-searchdiv-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: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -62241,6 +62243,7 @@ $grid-checkmark-color: $accent-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/material-dark.scss

@@ -11895,7 +11895,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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;
     }
@@ -83592,6 +83593,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-column-chooser-searchdiv-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: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -84516,6 +84518,7 @@ $grid-checkmark-color: $accent-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -91154,6 +91157,11 @@ $grid-checkmark-color: $accent-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/material-lite.scss

@@ -11049,7 +11049,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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;
     }
@@ -48187,6 +48188,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 {
@@ -61056,6 +61066,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-column-chooser-searchdiv-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: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -61974,6 +61985,7 @@ $grid-checkmark-color: $accent-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/material.scss

@@ -11885,7 +11885,8 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !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;
     }
@@ -65488,6 +65489,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 {
@@ -83331,6 +83341,7 @@ $grid-columnchooser-input-padding-left: 4px !default;
 $grid-column-chooser-searchdiv-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: $grid-rtl-bigger-sortnumber-margin !default;
 $grid-rtl-bigger-rightalign-sortnumber-margin: $grid-rtl-bigger-sortnumber-margin !default;
@@ -84249,6 +84260,7 @@ $grid-checkmark-color: $accent-font !default;
       .e-cc-lab-name,
       .e-checkbox-wrapper .e-label {
         text-overflow: ellipsis;
+        width: $grid-columnchooser-checkbox-label-width;
       }
 
       .e-cc-chbox {
@@ -90887,6 +90899,11 @@ $grid-checkmark-color: $accent-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/material3-dark-lite.scss

@@ -11218,7 +11218,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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;
     }
@@ -61110,6 +61111,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;
@@ -62056,6 +62058,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 {

package/SCSS-Themes/material3-dark.scss

@@ -12054,7 +12054,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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;
     }
@@ -83385,6 +83386,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;
@@ -84331,6 +84333,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 {
@@ -90963,6 +90966,11 @@ $grid-checkmark-color: rgba($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/material3-lite.scss

@@ -11288,7 +11288,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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;
     }
@@ -61180,6 +61181,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;
@@ -62126,6 +62128,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 {

package/SCSS-Themes/material3.scss

@@ -12124,7 +12124,8 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !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;
     }
@@ -83455,6 +83456,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;
@@ -84401,6 +84403,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 {
@@ -91033,6 +91036,11 @@ $grid-checkmark-color: rgba($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/tailwind-dark-lite.scss

@@ -10783,7 +10783,8 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   .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;
     }
@@ -60619,6 +60620,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;
@@ -61567,6 +61569,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 {