npm - @syncfusion/blazor-themes - Versions diffs - 27.1.53 → 27.1.56 - Mend

@syncfusion/blazor-themes 27.1.53 → 27.1.56

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (231) hide show

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

@@ -14782,5 +14782,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14787,5 +14787,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14798,5 +14798,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14798,5 +14798,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

package/SCSS-Themes/inputs/input/bootstrap5.3.scss CHANGED Viewed

@@ -14798,5 +14798,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14798,5 +14798,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14781,5 +14781,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14773,5 +14773,61 @@ $float-label-rtl-value: -7px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14800,5 +14800,61 @@ $float-label-rtl-value: -10px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }

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

@@ -14800,5 +14800,61 @@ $float-label-rtl-value: -10px !default;
       color: $input-warning-color;
     }
   }
+  .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
+  .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
+  .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      top: $outline-float-label-top;
+      transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
+    }
+  }
 }