@syncfusion/ej2-inputs 20.2.48 → 20.3.49

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

@@ -17,7 +17,7 @@ $input-active-bg-color: $active-bg-color !default;
 $input-active-font-color: $active-font-color !default;
 $input-press-font-color: $active-font-color !default;
 
-//default 
+//default
 $input-skin-name: 'material' !default;
 $input-box-border-radius: $zero-value !default;
 $input-group-child-border-width: $zero-value !default;
@@ -131,7 +131,7 @@ $float-input-child-bigger-margin-top: 6px !default;
 $input-disable-group-border-width: $zero-value $zero-value $one-value $zero-value !default;
 $input-opacity: 1 !default;
 $input-opacity-filter: 100 !default;
-$input-group-border-width-focus: $zero-value $zero-value $one-value $zero-value !default;;
+$input-group-border-width-focus: $zero-value $zero-value $one-value $zero-value !default;
 $input-group-border-type-focus: $border-type !default;
 $input-group-border-color-focus: $input-box-border-color !default;
 $input-group-border-color-hover: $input-box-border-color !default;
@@ -232,7 +232,8 @@ $input-bigger-small-left-child-min-width: 30px !default;
 $input-icon-inner-width: 10px !default;
 $input-icon-inner-height: 10px !default;
 $input-clear-icon-font: '\e932' !default;
-$input-readonly-bg-color: none !default;;
+$input-readonly-bg-color: none !default;
+
 //enddefault
 
 // Outline textbox
@@ -337,21 +338,25 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
 @mixin input-sizing {
   box-sizing: content-box;
 }
+
 @mixin input-height ($height) {
   content: '';
 }
+
 @mixin input-state-color ($color) {
   border-bottom-color: $color;
 }
+
 @mixin input-selection {
   background: $input-accent;
   color: $grey-light-font;
 }
+
 @mixin float-label-alignment {
   content: '';
 }
 
-// sass-lint:disable no-vendor-prefixes
+/* stylelint-disable property-no-vendor-prefix */
 @mixin input-group-animation {
   -moz-transition: .2s cubic-bezier(.4, 0, .4, 1);
   bottom: 0;
@@ -361,33 +366,43 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
   transition: .2s cubic-bezier(.4, 0, .4, 1);
   width: 0;
 }
+
 @mixin input-group-animation-left {
   left: 50%;
 }
+
 @mixin input-group-animation-width {
   width: 50%;
 }
+
 @mixin input-group-animation-right {
   right: 50%;
 }
+
 @mixin input-group-animation-bg {
   background: $input-active-border-color;
 }
+
 @mixin input-group-hover-bg {
   background: $input-group-border-color-hover;
 }
+
 @mixin input-group-success-animation-bg {
   background: $input-success-color;
 }
+
 @mixin input-group-warning-animation-bg {
   background: $input-warning-color;
 }
+
 @mixin input-group-error-animation-bg {
   background: $input-error-color;
 }
+
 @mixin input-ripple-parent {
   position: relative;
 }
+
 @mixin input-ripple-style {
   background: $grey-400;
   border-radius: 100%;
@@ -402,15 +417,17 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
   transform: scale(0);
   width: 50%;
 }
+
 @mixin input-ripple-animation {
   animation: e-input-ripple .45s linear;
 }
+
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
-   }
- }
+  }
+}
 
 //Filled input configuration
 $filled-input-font-size: 14px !default;
@@ -546,7 +563,7 @@ $filled-input-overlay-bg-color: rgba($grey-black, .87) !default;
 $filled-input-overlay-focused-bg-color: $grey-dark !default;
 $filled-input-overlay-activated-bg-color: rgba($grey-500, .12) !default;
 $background-color-transition: opacity 15ms linear,
-background-color 15ms linear !default;
+  background-color 15ms linear !default;
 $filled-input-hover-border-color: rgba($grey-dark-font, .42) !default;
 $filled-input-float-label-color: rgba($grey-dark-font, .6) !default;
 $filled-input-disabled-font-color: rgba($grey-light-font, .38) !default;

package/styles/input/_material-definition.scss

@@ -130,7 +130,7 @@ $float-input-child-bigger-margin-top: 6px !default;
 $input-disable-group-border-width: $zero-value $zero-value $one-value $zero-value !default;
 $input-opacity: 1 !default;
 $input-opacity-filter: 100 !default;
-$input-group-border-width-focus: $zero-value $zero-value $one-value $zero-value !default;;
+$input-group-border-width-focus: $zero-value $zero-value $one-value $zero-value !default;
 $input-group-border-type-focus: $border-type !default;
 $input-group-border-color-focus: $input-box-border-color !default;
 $input-group-border-color-hover: $input-box-border-color !default;
@@ -333,21 +333,25 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
 @mixin input-sizing {
   box-sizing: content-box;
 }
+
 @mixin input-height ($height) {
   content: '';
 }
+
 @mixin input-state-color ($color) {
   border-bottom-color: $color;
 }
+
 @mixin input-selection {
   background: $input-accent;
   color: $accent-font;
 }
+
 @mixin float-label-alignment {
   content: '';
 }
 
-// sass-lint:disable no-vendor-prefixes
+/* stylelint-disable property-no-vendor-prefix */
 @mixin input-group-animation {
   -moz-transition: .2s cubic-bezier(.4, 0, .4, 1);
   bottom: 0;
@@ -357,33 +361,43 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
   transition: .2s cubic-bezier(.4, 0, .4, 1);
   width: 0;
 }
+
 @mixin input-group-animation-left {
   left: 50%;
 }
+
 @mixin input-group-animation-width {
   width: 50%;
 }
+
 @mixin input-group-animation-right {
   right: 50%;
 }
+
 @mixin input-group-animation-bg {
   background: $input-active-border-color;
 }
+
 @mixin input-group-hover-bg {
   background: $input-group-border-color-hover;
 }
+
 @mixin input-group-success-animation-bg {
   background: $input-success-color;
 }
+
 @mixin input-group-warning-animation-bg {
   background: $input-warning-color;
 }
+
 @mixin input-group-error-animation-bg {
   background: $input-error-color;
 }
+
 @mixin input-ripple-parent {
   position: relative;
 }
+
 @mixin input-ripple-style {
   background: $grey-400;
   border-radius: 100%;
@@ -398,19 +412,21 @@ $outline-input-group-disabled-color: rgba($grey-light-font, .38) !default;
   transform: scale(0);
   width: 50%;
 }
+
 @mixin input-ripple-animation {
   animation: e-input-ripple .45s linear;
 }
+
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
     transform: scale(4);
-   }
- }
+  }
+}
 
 @keyframes slideTopUp {
-  from {  transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);}
-  to {  transform: translate3d($zero-value, $zero-value, $zero-value) scale(1);}
+  from{ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1); }
+  to{ transform: translate3d($zero-value, $zero-value, $zero-value) scale(1); }
 }
 
 //Filled input configuration
@@ -547,7 +563,7 @@ $filled-input-overlay-bg-color: rgba($grey-black, .87) !default;
 $filled-input-overlay-focused-bg-color: #ececec !default;
 $filled-input-overlay-activated-bg-color: #dcdcdc !default;
 $background-color-transition: opacity 15ms linear,
-background-color 15ms linear !default;
+  background-color 15ms linear !default;
 $filled-input-hover-border-color: rgba($grey-black, .87) !default;
 $filled-input-float-label-color: rgba($grey-light-font, .6) !default;
 $filled-input-disabled-font-color: rgba($grey-light-font, .38) !default;

package/styles/input/_material3-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/_responsive.scss

@@ -1 +1 @@
-
+/* stylelint-disable-line no-empty-source */

package/styles/input/_tailwind-definition.scss

@@ -247,17 +247,20 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
 @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%);
@@ -270,6 +273,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   user-select: none;
   width: 100%;
 }
+
 @mixin textarea-float-label-alignment {
   -moz-transform: translate(-0%, -50%);
   -ms-transform: translate(-0%, -50%);
@@ -281,39 +285,51 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
   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: '';
 }