@syncfusion/ej2-inputs 27.1.50 → 27.1.58

package/styles/material3.css

@@ -11694,6 +11694,61 @@ textarea.e-input.e-bigger.e-small.e-outline,
   color: rgba(var(--color-sf-warning));
 }
 
+.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 {
+  top: -7px;
+  -webkit-transform: translate3d(0, 0, 0) scale(1);
+          transform: translate3d(0, 0, 0) scale(1);
+}
+
 .e-input-group-icon.e-spin-up::before {
   content: "\e87a";
   font-family: "e-icons";

package/styles/slider/_layout.scss

@@ -884,13 +884,11 @@
           @if ($skin-name == 'bootstrap4' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'Material3') {
             @include alignment(6px, calc(50% - 3px), 'vertical');
           }
-          @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'tailwind' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' ) {
-            @if ($skin-name == 'tailwind') {
-              left: calc(50%);
-            }
-            @else {
-              @include alignment(4px, calc(50% - 2px), 'vertical');
-            }
+          @if ($skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2' ) {
+            @include alignment(4px, calc(50% - 2px), 'vertical');
+          }
+          @if ($skin-name == 'tailwind') {
+            @include alignment(4px, calc(50%), 'vertical');
           }
           @if ($skin-name == 'highcontrast' or $skin-name == 'highcontrast-light') {
             @include alignment(6px, calc(50% - 3px), 'vertical');

package/styles/slider/tailwind-dark.css

@@ -215,6 +215,7 @@
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {

package/styles/slider/tailwind.css

@@ -215,6 +215,7 @@
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {

package/styles/tailwind-dark-lite.css

@@ -2053,7 +2053,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #232e3e;
+  background: none;
   color: inherit;
 }
 
@@ -2867,6 +2867,7 @@ input.e-input::-webkit-input-placeholder {
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {

package/styles/tailwind-dark.css

@@ -2053,7 +2053,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #232e3e;
+  background: none;
   color: inherit;
 }
 
@@ -4691,6 +4691,7 @@ textarea.e-input.e-bigger.e-small,
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {

package/styles/tailwind-lite.css

@@ -2053,7 +2053,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #f9fafb;
+  background: none;
   color: inherit;
 }
 
@@ -2867,6 +2867,7 @@ input.e-input::-webkit-input-placeholder {
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {

package/styles/tailwind.css

@@ -2053,7 +2053,7 @@ textarea.e-input,
 .e-float-input.e-control-wrapper input[readonly],
 .e-float-input textarea[readonly],
 .e-float-input.e-control-wrapper textarea[readonly] {
-  background: #f9fafb;
+  background: none;
   color: inherit;
 }
 
@@ -4691,6 +4691,7 @@ textarea.e-input.e-bigger.e-small,
   left: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
+  width: 4px;
   left: 50%;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {