@syncfusion/ej2-inputs 24.2.9 → 25.1.37

package/styles/highcontrast-light.css

@@ -5485,8 +5485,69 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-slider .e-handle:active {
   background-color: #fff;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
+.e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 30px;
+}
+
+.e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 30px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 32px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+.e-input-group.e-multi-line-input.e-auto-width {
+  width: auto;
+}
+
+.e-input-group.e-multi-line-input textarea.e-resize-x {
+  resize: horizontal;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-y {
+  resize: vertical;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-xy {
+  resize: both;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-none {
+  resize: none;
+}
+
+.e-float-input .e-clear-icon:hover,
+.e-float-input.e-control-wrapper .e-clear-icon:hover,
+.e-input-group .e-clear-icon:hover,
+.e-input-group.e-control-wrapper .e-clear-icon:hover {
+  background: none;
+  border: none;
+}
+
+.e-float-input:not(.e-disabled) .e-clear-icon:hover,
+.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
+  background: none;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
@@ -7443,12 +7504,12 @@ body.e-colorpicker-overflow {
   -ms-grid-column: span 12;
       grid-column: span 12/span 12;
 }
-.e-data-form .e-label-left .e-form-item-wrapper {
+.e-data-form .e-label-position-left .e-form-item-wrapper {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
-.e-data-form .e-label-left .e-form-label {
+.e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
@@ -7459,7 +7520,7 @@ body.e-colorpicker-overflow {
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-data-form .e-label-left .validation-message {
+.e-data-form .e-label-position-left .validation-message {
   display: -ms-flexbox;
   display: flex;
 }
@@ -7485,27 +7546,27 @@ body.e-colorpicker-overflow {
   height: 1px;
   border-bottom: 1px solid #dee2e6;
 }
-.e-data-form .e-label-top {
+.e-data-form .e-label-position-top {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   margin-top: 20px;
 }
-.e-data-form .e-label-top .e-label-right {
+.e-data-form .e-label-position-top .e-label-right {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
 }
-.e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
   margin-left: 5px;
 }
-.e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
   margin-top: 3px;
 }
-.e-data-form .e-label-left {
+.e-data-form .e-label-position-left {
   display: -ms-flexbox;
   display: flex;
   text-align: center;

package/styles/highcontrast-light.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/highcontrast-light.scss';
 @import 'slider/highcontrast-light.scss';
 @import 'textbox/highcontrast-light.scss';
+@import 'textarea/highcontrast-light.scss';
 @import 'uploader/highcontrast-light.scss';
 @import 'color-picker/highcontrast-light.scss';
 @import 'rating/highcontrast-light.scss';

package/styles/highcontrast.css

@@ -5485,8 +5485,69 @@ textarea.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container .e-slider .e-handle:active {
   background-color: #000;
 }
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable-line no-empty-source */
+.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
+
+.e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
+.e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
+  background-size: 300px 40px;
+  min-height: 40px;
+}
+
+.e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 30px;
+}
+
+.e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 30px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-multi-line-input textarea.e-textbox {
+  padding-right: 32px;
+}
+
+.e-bigger .e-input-group.e-input-focus.e-rtl.e-multi-line-input textarea.e-textbox {
+  padding-left: 32px;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+.e-input-group.e-multi-line-input.e-auto-width {
+  width: auto;
+}
+
+.e-input-group.e-multi-line-input textarea.e-resize-x {
+  resize: horizontal;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-y {
+  resize: vertical;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-xy {
+  resize: both;
+}
+.e-input-group.e-multi-line-input textarea.e-resize-none {
+  resize: none;
+}
+
+.e-float-input .e-clear-icon:hover,
+.e-float-input.e-control-wrapper .e-clear-icon:hover,
+.e-input-group .e-clear-icon:hover,
+.e-input-group.e-control-wrapper .e-clear-icon:hover {
+  background: none;
+  border: none;
+}
+
+.e-float-input:not(.e-disabled) .e-clear-icon:hover,
+.e-float-input.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group:not(.e-disabled) .e-clear-icon:hover,
+.e-input-group.e-control-wrapper:not(.e-disabled) .e-clear-icon:hover {
+  background: none;
+}
+
 /* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
@@ -7443,12 +7504,12 @@ body.e-colorpicker-overflow {
   -ms-grid-column: span 12;
       grid-column: span 12/span 12;
 }
-.e-data-form .e-label-left .e-form-item-wrapper {
+.e-data-form .e-label-position-left .e-form-item-wrapper {
   -ms-flex: 1 1 auto;
       flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
-.e-data-form .e-label-left .e-form-label {
+.e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
@@ -7459,7 +7520,7 @@ body.e-colorpicker-overflow {
   -ms-flex-pack: start;
       justify-content: flex-start;
 }
-.e-data-form .e-label-left .validation-message {
+.e-data-form .e-label-position-left .validation-message {
   display: -ms-flexbox;
   display: flex;
 }
@@ -7485,27 +7546,27 @@ body.e-colorpicker-overflow {
   height: 1px;
   border-bottom: 1px solid #969696;
 }
-.e-data-form .e-label-top {
+.e-data-form .e-label-position-top {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
       flex-direction: column;
   margin-top: 20px;
 }
-.e-data-form .e-label-top .e-label-right {
+.e-data-form .e-label-position-top .e-label-right {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
       align-items: center;
 }
-.e-data-form .e-label-top .e-label-right .e-switch-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
   margin-left: 5px;
 }
-.e-data-form .e-label-top .e-label-right .e-checkbox-wrapper + .e-form-label {
+.e-data-form .e-label-position-top .e-label-right .e-checkbox-wrapper + .e-form-label {
   margin-top: 3px;
 }
-.e-data-form .e-label-left {
+.e-data-form .e-label-position-left {
   display: -ms-flexbox;
   display: flex;
   text-align: center;

package/styles/highcontrast.scss

@@ -4,6 +4,7 @@
 @import 'maskedtextbox/highcontrast.scss';
 @import 'slider/highcontrast.scss';
 @import 'textbox/highcontrast.scss';
+@import 'textarea/highcontrast.scss';
 @import 'uploader/highcontrast.scss';
 @import 'color-picker/highcontrast.scss';
 @import 'rating/highcontrast.scss';