@syncfusion/blazor-themes 27.1.55 → 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 (70) hide show
  1. package/SCSS-Themes/bds-dark.scss +60 -0
  2. package/SCSS-Themes/bds.scss +60 -0
  3. package/SCSS-Themes/bootstrap-dark.scss +60 -0
  4. package/SCSS-Themes/bootstrap.scss +60 -0
  5. package/SCSS-Themes/bootstrap4.scss +60 -0
  6. package/SCSS-Themes/bootstrap5-dark.scss +60 -0
  7. package/SCSS-Themes/bootstrap5.3-dark.scss +60 -0
  8. package/SCSS-Themes/bootstrap5.3.scss +60 -0
  9. package/SCSS-Themes/bootstrap5.scss +60 -0
  10. package/SCSS-Themes/fabric-dark.scss +60 -0
  11. package/SCSS-Themes/fabric.scss +60 -0
  12. package/SCSS-Themes/fluent-dark.scss +60 -0
  13. package/SCSS-Themes/fluent.scss +60 -0
  14. package/SCSS-Themes/fluent2-dark.scss +60 -0
  15. package/SCSS-Themes/fluent2-highcontrast.scss +60 -0
  16. package/SCSS-Themes/fluent2.scss +60 -0
  17. package/SCSS-Themes/highcontrast.scss +60 -0
  18. package/SCSS-Themes/inputs/input/bds-dark.scss +56 -0
  19. package/SCSS-Themes/inputs/input/bds.scss +56 -0
  20. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +56 -0
  21. package/SCSS-Themes/inputs/input/bootstrap.scss +56 -0
  22. package/SCSS-Themes/inputs/input/bootstrap4.scss +56 -0
  23. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +56 -0
  24. package/SCSS-Themes/inputs/input/bootstrap5.3-dark.scss +56 -0
  25. package/SCSS-Themes/inputs/input/bootstrap5.3.scss +56 -0
  26. package/SCSS-Themes/inputs/input/bootstrap5.scss +56 -0
  27. package/SCSS-Themes/inputs/input/fabric-dark.scss +56 -0
  28. package/SCSS-Themes/inputs/input/fabric.scss +56 -0
  29. package/SCSS-Themes/inputs/input/fluent-dark.scss +56 -0
  30. package/SCSS-Themes/inputs/input/fluent.scss +56 -0
  31. package/SCSS-Themes/inputs/input/fluent2-dark.scss +56 -0
  32. package/SCSS-Themes/inputs/input/fluent2-highcontrast.scss +56 -0
  33. package/SCSS-Themes/inputs/input/fluent2.scss +56 -0
  34. package/SCSS-Themes/inputs/input/highcontrast.scss +56 -0
  35. package/SCSS-Themes/inputs/input/material-dark.scss +56 -0
  36. package/SCSS-Themes/inputs/input/material.scss +56 -0
  37. package/SCSS-Themes/inputs/input/material3-dark.scss +56 -0
  38. package/SCSS-Themes/inputs/input/material3.scss +56 -0
  39. package/SCSS-Themes/inputs/input/tailwind-dark.scss +56 -0
  40. package/SCSS-Themes/inputs/input/tailwind.scss +56 -0
  41. package/SCSS-Themes/material-dark.scss +60 -0
  42. package/SCSS-Themes/material.scss +60 -0
  43. package/SCSS-Themes/material3-dark.scss +60 -0
  44. package/SCSS-Themes/material3.scss +60 -0
  45. package/SCSS-Themes/querybuilder/query-builder/bds-dark.scss +4 -0
  46. package/SCSS-Themes/querybuilder/query-builder/bds.scss +4 -0
  47. package/SCSS-Themes/querybuilder/query-builder/bootstrap-dark.scss +4 -0
  48. package/SCSS-Themes/querybuilder/query-builder/bootstrap.scss +4 -0
  49. package/SCSS-Themes/querybuilder/query-builder/bootstrap4.scss +4 -0
  50. package/SCSS-Themes/querybuilder/query-builder/bootstrap5-dark.scss +4 -0
  51. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3-dark.scss +4 -0
  52. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.3.scss +4 -0
  53. package/SCSS-Themes/querybuilder/query-builder/bootstrap5.scss +4 -0
  54. package/SCSS-Themes/querybuilder/query-builder/fabric-dark.scss +4 -0
  55. package/SCSS-Themes/querybuilder/query-builder/fabric.scss +4 -0
  56. package/SCSS-Themes/querybuilder/query-builder/fluent-dark.scss +4 -0
  57. package/SCSS-Themes/querybuilder/query-builder/fluent.scss +4 -0
  58. package/SCSS-Themes/querybuilder/query-builder/fluent2-dark.scss +4 -0
  59. package/SCSS-Themes/querybuilder/query-builder/fluent2-highcontrast.scss +4 -0
  60. package/SCSS-Themes/querybuilder/query-builder/fluent2.scss +4 -0
  61. package/SCSS-Themes/querybuilder/query-builder/highcontrast.scss +4 -0
  62. package/SCSS-Themes/querybuilder/query-builder/material-dark.scss +4 -0
  63. package/SCSS-Themes/querybuilder/query-builder/material.scss +4 -0
  64. package/SCSS-Themes/querybuilder/query-builder/material3-dark.scss +4 -0
  65. package/SCSS-Themes/querybuilder/query-builder/material3.scss +4 -0
  66. package/SCSS-Themes/querybuilder/query-builder/tailwind-dark.scss +4 -0
  67. package/SCSS-Themes/querybuilder/query-builder/tailwind.scss +4 -0
  68. package/SCSS-Themes/tailwind-dark.scss +60 -0
  69. package/SCSS-Themes/tailwind.scss +60 -0
  70. package/package.json +1 -1
package/SCSS-Themes/inputs/input/bootstrap5.scss CHANGED
@@ -14798,5 +14798,61 @@ $float-label-rtl-value: -7px !default;
14798
14798
  color: $input-warning-color;
14799
14799
  }
14800
14800
  }
14801
+
14802
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14803
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14804
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14805
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14806
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14807
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14808
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14809
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14810
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14811
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14812
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14813
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14814
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14815
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14816
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14817
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14818
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14819
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14820
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14821
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14822
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14823
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14824
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14825
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14826
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14827
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14828
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14829
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14830
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14831
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14832
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14833
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14834
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14835
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14836
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14837
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14838
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14839
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14840
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14841
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14842
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14843
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14844
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14845
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14846
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14847
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14848
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14849
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14850
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14851
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14852
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14853
+ top: $outline-float-label-top;
14854
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14855
+ }
14856
+ }
14801
14857
  }
14802
14858
 
package/SCSS-Themes/inputs/input/fabric-dark.scss CHANGED
@@ -14781,5 +14781,61 @@ $float-label-rtl-value: -7px !default;
14781
14781
  color: $input-warning-color;
14782
14782
  }
14783
14783
  }
14784
+
14785
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14786
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14787
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14788
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14789
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14790
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14791
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14792
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14793
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14794
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14795
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14796
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14797
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14798
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14799
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14800
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14801
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14802
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14803
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14804
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14805
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14806
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14807
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14808
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14809
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14810
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14811
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14812
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14813
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14814
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14815
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14816
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14817
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14818
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14819
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14820
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14821
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14822
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14823
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14824
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14825
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14826
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14827
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14828
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14829
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14830
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14831
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14832
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14833
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14834
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14835
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14836
+ top: $outline-float-label-top;
14837
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14838
+ }
14839
+ }
14784
14840
  }
14785
14841
 
package/SCSS-Themes/inputs/input/fabric.scss CHANGED
@@ -14773,5 +14773,61 @@ $float-label-rtl-value: -7px !default;
14773
14773
  color: $input-warning-color;
14774
14774
  }
14775
14775
  }
14776
+
14777
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14778
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14779
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14780
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14781
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14782
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14783
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14784
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14785
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14786
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14787
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14788
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14789
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14790
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14791
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14792
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14793
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14794
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14795
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14796
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14797
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14798
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14799
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14800
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14801
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14802
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14803
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14804
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14805
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14806
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14807
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14808
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14809
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14810
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14811
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14812
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14813
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14814
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14815
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14816
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14817
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14818
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14819
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14820
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14821
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14822
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14823
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14824
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14825
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14826
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14827
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14828
+ top: $outline-float-label-top;
14829
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14830
+ }
14831
+ }
14776
14832
  }
14777
14833
 
package/SCSS-Themes/inputs/input/fluent-dark.scss CHANGED
@@ -14800,5 +14800,61 @@ $float-label-rtl-value: -10px !default;
14800
14800
  color: $input-warning-color;
14801
14801
  }
14802
14802
  }
14803
+
14804
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14805
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14806
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14807
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14808
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14809
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14810
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14811
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14812
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14813
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14814
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14815
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14816
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14817
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14818
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14819
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14820
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14821
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14822
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14823
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14824
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14825
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14826
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14827
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14828
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14829
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14830
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14831
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14832
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14833
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14834
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14835
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14836
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14837
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14838
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14839
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14840
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14841
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14842
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14843
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14844
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14845
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14846
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14847
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14848
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14849
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14850
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14851
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14852
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14853
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14854
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14855
+ top: $outline-float-label-top;
14856
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14857
+ }
14858
+ }
14803
14859
  }
14804
14860
 
package/SCSS-Themes/inputs/input/fluent.scss CHANGED
@@ -14800,5 +14800,61 @@ $float-label-rtl-value: -10px !default;
14800
14800
  color: $input-warning-color;
14801
14801
  }
14802
14802
  }
14803
+
14804
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14805
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14806
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14807
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14808
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14809
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14810
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14811
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14812
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14813
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14814
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14815
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14816
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14817
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14818
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14819
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14820
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14821
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14822
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14823
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14824
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14825
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14826
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14827
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14828
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14829
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14830
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14831
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14832
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14833
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14834
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14835
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14836
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14837
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14838
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14839
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14840
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14841
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14842
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14843
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14844
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14845
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14846
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14847
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14848
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14849
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14850
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14851
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14852
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14853
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14854
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14855
+ top: $outline-float-label-top;
14856
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14857
+ }
14858
+ }
14803
14859
  }
14804
14860
 
package/SCSS-Themes/inputs/input/fluent2-dark.scss CHANGED
@@ -15231,5 +15231,61 @@ $textarea-float-top: -28px !default;
15231
15231
  color: $input-warning-color;
15232
15232
  }
15233
15233
  }
15234
+
15235
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
15236
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
15237
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
15238
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15239
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15240
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
15241
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
15242
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
15243
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
15244
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
15245
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
15246
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
15247
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
15248
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
15249
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
15250
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
15251
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
15252
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
15253
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
15254
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
15255
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
15256
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15257
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15258
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
15259
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
15260
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
15261
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
15262
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15263
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15264
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
15265
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
15266
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
15267
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
15268
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
15269
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
15270
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
15271
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
15272
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
15273
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
15274
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15275
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15276
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
15277
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
15278
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
15279
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
15280
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
15281
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
15282
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
15283
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
15284
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
15285
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
15286
+ top: $outline-float-label-top;
15287
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
15288
+ }
15289
+ }
15234
15290
  }
15235
15291
 
package/SCSS-Themes/inputs/input/fluent2-highcontrast.scss CHANGED
@@ -15231,5 +15231,61 @@ $textarea-float-top: -28px !default;
15231
15231
  color: $input-warning-color;
15232
15232
  }
15233
15233
  }
15234
+
15235
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
15236
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
15237
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
15238
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15239
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15240
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
15241
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
15242
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
15243
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
15244
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
15245
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
15246
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
15247
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
15248
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
15249
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
15250
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
15251
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
15252
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
15253
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
15254
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
15255
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
15256
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15257
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15258
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
15259
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
15260
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
15261
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
15262
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15263
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15264
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
15265
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
15266
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
15267
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
15268
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
15269
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
15270
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
15271
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
15272
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
15273
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
15274
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15275
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15276
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
15277
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
15278
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
15279
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
15280
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
15281
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
15282
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
15283
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
15284
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
15285
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
15286
+ top: $outline-float-label-top;
15287
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
15288
+ }
15289
+ }
15234
15290
  }
15235
15291
 
package/SCSS-Themes/inputs/input/fluent2.scss CHANGED
@@ -15231,5 +15231,61 @@ $textarea-float-top: -28px !default;
15231
15231
  color: $input-warning-color;
15232
15232
  }
15233
15233
  }
15234
+
15235
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
15236
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
15237
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
15238
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15239
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15240
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
15241
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
15242
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
15243
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
15244
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
15245
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
15246
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
15247
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
15248
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
15249
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
15250
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
15251
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
15252
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
15253
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
15254
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
15255
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
15256
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15257
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15258
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
15259
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
15260
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
15261
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
15262
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15263
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15264
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
15265
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
15266
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
15267
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
15268
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
15269
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
15270
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
15271
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
15272
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
15273
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
15274
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15275
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15276
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
15277
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
15278
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
15279
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
15280
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
15281
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
15282
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
15283
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
15284
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
15285
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
15286
+ top: $outline-float-label-top;
15287
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
15288
+ }
15289
+ }
15234
15290
  }
15235
15291
 
package/SCSS-Themes/inputs/input/highcontrast.scss CHANGED
@@ -14774,5 +14774,61 @@ $float-label-rtl-value: -7px !default;
14774
14774
  color: $input-warning-color;
14775
14775
  }
14776
14776
  }
14777
+
14778
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
14779
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
14780
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
14781
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14782
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14783
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
14784
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
14785
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
14786
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
14787
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
14788
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
14789
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
14790
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
14791
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
14792
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
14793
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
14794
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
14795
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
14796
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
14797
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
14798
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
14799
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
14800
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
14801
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
14802
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
14803
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
14804
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
14805
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14806
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14807
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
14808
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
14809
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
14810
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
14811
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
14812
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
14813
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
14814
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
14815
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
14816
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
14817
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
14818
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
14819
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
14820
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
14821
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
14822
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
14823
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
14824
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
14825
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
14826
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
14827
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
14828
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
14829
+ top: $outline-float-label-top;
14830
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
14831
+ }
14832
+ }
14777
14833
  }
14778
14834
 
package/SCSS-Themes/inputs/input/material-dark.scss CHANGED
@@ -15067,5 +15067,61 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
15067
15067
  color: $input-warning-color;
15068
15068
  }
15069
15069
  }
15070
+
15071
+ .e-outline.e-float-input.e-bigger input:focus ~ label.e-float-text,
15072
+ .e-outline.e-float-input.e-bigger input:valid ~ label.e-float-text,
15073
+ .e-outline.e-float-input.e-bigger input ~ label.e-label-top.e-float-text,
15074
+ .e-outline.e-float-input.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15075
+ .e-outline.e-float-input.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15076
+ .e-outline.e-float-input.e-bigger input label.e-float-text.e-label-top,
15077
+ .e-bigger .e-outline.e-float-input input:focus ~ label.e-float-text,
15078
+ .e-bigger .e-outline.e-float-input input:valid ~ label.e-float-text,
15079
+ .e-bigger .e-outline.e-float-input input ~ label.e-label-top.e-float-text,
15080
+ .e-bigger .e-outline.e-float-input input[readonly] ~ label.e-label-top.e-float-text,
15081
+ .e-bigger .e-outline.e-float-input input[disabled] ~ label.e-label-top.e-float-text,
15082
+ .e-bigger .e-outline.e-float-input input label.e-float-text.e-label-top,
15083
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:focus ~ label.e-float-text,
15084
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input:valid ~ label.e-float-text,
15085
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input ~ label.e-label-top.e-float-text,
15086
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[readonly] ~ label.e-label-top.e-float-text,
15087
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input[disabled] ~ label.e-label-top.e-float-text,
15088
+ .e-bigger .e-outline.e-float-input.e-control-wrapper input label.e-float-text.e-label-top,
15089
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:focus ~ label.e-float-text,
15090
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input:valid ~ label.e-float-text,
15091
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input ~ label.e-label-top.e-float-text,
15092
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[readonly] ~ label.e-label-top.e-float-text,
15093
+ .e-outline.e-float-input.e-control-wrapper.e-bigger input[disabled] ~ label.e-label-top.e-float-text,
15094
+ .e-outline.e-float-input.e-control-wrappe.e-bigger input label.e-float-text.e-label-top,
15095
+ .e-outline.e-float-input.e-bigger textarea:focus ~ label.e-float-text,
15096
+ .e-outline.e-float-input.e-bigger textarea:valid ~ label.e-float-text,
15097
+ .e-outline.e-float-input.e-bigger textarea ~ label.e-label-top.e-float-text,
15098
+ .e-outline.e-float-input.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15099
+ .e-outline.e-float-input.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15100
+ .e-outline.e-float-input.e-bigger textarea label.e-float-text.e-label-top,
15101
+ .e-bigger .e-outline.e-float-input textarea:focus ~ label.e-float-text,
15102
+ .e-bigger .e-outline.e-float-input textarea:valid ~ label.e-float-text,
15103
+ .e-bigger .e-outline.e-float-input textarea ~ label.e-label-top.e-float-text,
15104
+ .e-bigger .e-outline.e-float-input textarea[readonly] ~ label.e-label-top.e-float-text,
15105
+ .e-bigger .e-outline.e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
15106
+ .e-bigger .e-outline.e-float-input textarea label.e-float-text.e-label-top,
15107
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:focus ~ label.e-float-text,
15108
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea:valid ~ label.e-float-text,
15109
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea ~ label.e-label-top.e-float-text,
15110
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[readonly] ~ label.e-label-top.e-float-text,
15111
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea[disabled] ~ label.e-label-top.e-float-text,
15112
+ .e-outline.e-float-input.e-control-wrapper.e-bigger textarea label.e-float-text.e-label-top,
15113
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:focus ~ label.e-float-text,
15114
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
15115
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text,
15116
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[readonly] ~ label.e-label-top.e-float-text,
15117
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea[disabled] ~ label.e-label-top.e-float-text,
15118
+ .e-bigger .e-outline.e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top,
15119
+ .e-outline.e-float-input.e-input-focus.e-bigger input ~ label.e-float-text,
15120
+ .e-bigger .e-outline.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
15121
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
15122
+ top: $outline-float-label-top;
15123
+ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);
15124
+ }
15125
+ }
15070
15126
  }
15071
15127