@syncfusion/ej2-inputs 20.2.48 → 20.3.47

package/styles/highcontrast.css

@@ -8,6 +8,7 @@
   border-color: #969696;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-float-input .e-clear-icon::before,
 .e-float-input.e-control-wrapper .e-clear-icon::before {
   content: "\e953";
@@ -52,14 +53,14 @@ textarea.e-input,
 .e-input-group.e-control-wrapper {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-input-group input.e-input,
@@ -217,6 +218,7 @@ textarea.e-input.e-bigger,
   text-align: center;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
 .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
   -moz-box-sizing: border-box;
@@ -626,7 +628,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper:not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
   font-style: italic;
-  font-weight: 400;
+  font-weight: normal;
   left: 0;
   overflow: hidden;
   padding-left: 10px;
@@ -1039,7 +1041,7 @@ label.e-float-text,
 .e-float-input.e-input-group.e-control-wrapper.e-disabled {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-float-input input,
@@ -1236,7 +1238,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1255,7 +1257,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: 400;
+  font-weight: normal;
 }
 
 .e-float-input:not(.e-input-group) .e-float-line::before,
@@ -1325,6 +1327,7 @@ label.e-float-text,
   transform-origin: right top;
 }
 
+/* stylelint-disable selector-max-empty-lines */
 .e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1421,6 +1424,7 @@ label.e-float-text,
   padding-right: 10px;
 }
 
+/* stylelint-enable selector-max-empty-lines */
 .e-input-group.e-corner.e-rtl .e-input:first-child,
 .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
@@ -1847,22 +1851,22 @@ textarea.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder {
+.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
 
-.e-input-group textarea.e-input:-moz-placeholder {
+.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
@@ -1872,12 +1876,12 @@ input.e-input:-moz-placeholder {
   user-select: none;
 }
 
-.e-input-group input.e-input:-moz-placeholder {
+.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
 
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
   font-style: italic;
   user-select: none;
 }
@@ -3351,7 +3355,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 14px;
   font-style: italic;
-  font-weight: 400;
+  font-weight: normal;
   left: 0;
   overflow: hidden;
   padding-left: 10px;
@@ -3833,6 +3837,8 @@ textarea.e-input,
   color: #757575;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable selector-no-vendor-prefix */
 .e-input[disabled],
 .e-input-group .e-input[disabled],
 .e-input-group.e-control-wrapper .e-input[disabled],
@@ -4832,6 +4838,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #fff;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group-icon.e-spin-up::before {
   content: "\e85e";
   font-family: "e-icons";
@@ -4880,6 +4888,7 @@ textarea.e-input::-webkit-input-placeholder {
   font-size: 12px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Arial, "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -4914,6 +4923,8 @@ textarea.e-input::-webkit-input-placeholder {
   color: #fff;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
   cursor: default;
   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
@@ -5231,6 +5242,8 @@ textarea.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
   border-color: #bfbfbf;
+  /* stylelint-disable */
+  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 4px;
@@ -5457,6 +5470,9 @@ 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 */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes material-spinner-rotate {
   0% {
     transform: rotate(0);
@@ -6257,6 +6273,7 @@ textarea.e-input::-webkit-input-placeholder {
   box-shadow: 0 0 0 transparent;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-container .e-value-switch-btn::before {
   content: "\e429";
 }
@@ -6335,6 +6352,7 @@ textarea.e-input::-webkit-input-placeholder {
   line-height: 0;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 .e-colorpicker.e-modal, .e-colorpicker.e-hsv-model {
   -webkit-overflow-scrolling: touch;
   height: 100%;

package/styles/input/_all.scss

@@ -1,3 +1,3 @@
-@import 'layout.scss';
+@import 'layout.scss';
 @import 'theme.scss';
 @import 'responsive.scss';

package/styles/input/_bootstrap-dark-definition.scss

@@ -47,6 +47,7 @@ $input-border-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-b
 $input-error-border-shadow:  inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-error-color, .6) !default;
 $input-success-border-shadow:   inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-success-color, .6) !default;
 $input-warning-border-shadow:   inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-warning-color, .6) !default;
+
 //endinput
 //default
 $textarea-padding: 4px 12px 4px 12px !default;
@@ -197,6 +198,7 @@ $input-bigger-small-left-child-min-width: $zero-value !default;
 $input-icon-inner-width: $zero-value !default;
 $input-icon-inner-height: $zero-value !default;
 $input-clear-icon-font: '\e96c' !default;
+
 //enddefault
 //dimensions
 $input-skin-name: 'bootstrap' !default;
@@ -239,17 +241,20 @@ $float-label-rtl-value: -7px !default;
 @mixin input-sizing {
   box-sizing: border-box;
 }
+
 @mixin input-height ($height) {
   height: $height;
 }
+
 @mixin input-state-color ($color) {
   border-color: $color;
 }
+
 @mixin input-selection {
   background: $brand-primary;
   color: $brand-primary-font;
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -262,6 +267,7 @@ $float-label-rtl-value: -7px !default;
   user-select: none;
   width: 100%;
 }
+
 @mixin textarea-float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -273,39 +279,51 @@ $float-label-rtl-value: -7px !default;
   transform: translate(-0%, -50%);
   width: 100%;
 }
+
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-hover-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }

package/styles/input/_bootstrap-definition.scss

@@ -221,7 +221,7 @@ $input-bigger-small-left-child-min-height: $zero-value !default;
 $input-bigger-small-left-child-min-width: $zero-value !default;
 $input-icon-inner-width: $zero-value !default;
 $input-icon-inner-height: $zero-value !default;
-$input-readonly-bg-color: none !default;;
+$input-readonly-bg-color: none !default;
 $input-icon-shadow: inset  0 3px 5px rgba(0, 0, 0, .125) !default;
 $input-border-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-box-border-focus, .6) !default;
 $input-error-border-shadow:  inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba($input-error-color, .6) !default;
@@ -232,17 +232,20 @@ $float-label-rtl-value: -7px !default;
 @mixin input-sizing {
   box-sizing: border-box;
 }
+
 @mixin input-height ($height) {
   height: $height;
 }
+
 @mixin input-state-color ($color) {
   border-color: $color;
 }
+
 @mixin input-selection {
   background: $brand-primary;
   color: $brand-primary-font;
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -255,6 +258,7 @@ $float-label-rtl-value: -7px !default;
   user-select: none;
   width: 100%;
 }
+
 @mixin textarea-float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -266,39 +270,51 @@ $float-label-rtl-value: -7px !default;
   transform: translate(-0%, -50%);
   width: 100%;
 }
+
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-hover-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }

package/styles/input/_bootstrap4-definition.scss

@@ -237,17 +237,20 @@ $float-label-rtl-value: -7px !default;
 @mixin input-sizing {
   box-sizing: border-box;
 }
+
 @mixin input-height ($height) {
   height: $height;
 }
+
 @mixin input-state-color ($color) {
   border-color: $color;
 }
+
 @mixin input-selection {
   background: $primary;
   color: $primary-font;
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -260,6 +263,7 @@ $float-label-rtl-value: -7px !default;
   user-select: none;
   width: 100%;
 }
+
 @mixin textarea-float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -271,39 +275,51 @@ $float-label-rtl-value: -7px !default;
   transform: translate(-0%, -50%);
   width: 100%;
 }
+
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-hover-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }

package/styles/input/_bootstrap5-definition.scss

@@ -248,17 +248,20 @@ $float-label-rtl-value: -7px !default;
 @mixin input-sizing {
   box-sizing: border-box;
 }
+
 @mixin input-height ($height) {
   height: $height;
 }
+
 @mixin input-state-color ($color) {
   border-color: $color;
 }
+
 @mixin input-selection {
   background: $primary;
   color: $primary-text-color;
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -271,6 +274,7 @@ $float-label-rtl-value: -7px !default;
   user-select: none;
   width: 100%;
 }
+
 @mixin textarea-float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -282,40 +286,51 @@ $float-label-rtl-value: -7px !default;
   transform: translate(-0%, -50%);
   width: 100%;
 }
+
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-hover-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }
-

package/styles/input/_definition.scss

@@ -166,52 +166,67 @@ $input-small-clear-icon-min-height: 18px;
 $input-small-clear-icon-min-width: 18px;
 $input-bigger-small-clear-icon: 12px;
 $input-clear-icon-font: '\e932';
+
 @mixin input-sizing {
   content: '';
 }
+
 @mixin input-height ($height) {
   content: '';
 }
+
 @mixin input-state-color ($color) {
   content: '';
 }
+
 @mixin input-selection {
   content: '';
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   content: '';
 }
+
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }

package/styles/input/_fabric-dark-definition.scss

@@ -10,7 +10,7 @@ $input-child-small-padding-top: $zero-value !default;
 $input-child-padding-top: $zero-value !default;
 $input-child-bigger-padding-top: $zero-value !default;
 
-//default 
+//default
 $input-skin-name: 'fabric' !default;
 $input-text-indent: 10px !default;
 $input-small-text-indent: 10px !default;
@@ -232,17 +232,20 @@ $float-label-rtl-value: -7px !default;
 @mixin input-sizing {
   box-sizing: border-box;
 }
+
 @mixin input-height ($height) {
   height: $height;
 }
+
 @mixin input-state-color ($color) {
   border-color: $color;
 }
+
 @mixin input-selection {
   background: $theme-primary;
   color: $theme-primary-font;
 }
-// sass-lint:disable no-vendor-prefixes  
+/* stylelint-disable property-no-vendor-prefix */
 @mixin float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -270,36 +273,47 @@ $float-label-rtl-value: -7px !default;
 @mixin input-group-animation {
   content: '';
 }
+
 @mixin input-group-animation-left {
   content: '';
 }
+
 @mixin input-group-animation-width {
   content: '';
 }
+
 @mixin input-group-animation-right {
   content: '';
 }
+
 @mixin input-group-animation-bg {
   content: '';
 }
+
 @mixin input-group-hover-bg {
   content: '';
 }
+
 @mixin input-group-success-animation-bg {
   content: '';
 }
+
 @mixin input-group-warning-animation-bg {
   content: '';
 }
+
 @mixin input-group-error-animation-bg {
   content: '';
 }
+
 @mixin input-ripple-parent {
   content: '';
 }
+
 @mixin input-ripple-style {
   content: '';
 }
+
 @mixin input-ripple-animation {
   content: '';
 }