@syncfusion/ej2-inputs 32.1.22 → 32.1.24

package/styles/input/fluent2.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/fluent2' as *;
 @use 'fluent2-definition' as *;
 @use 'icons/fluent2' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.fluent2' as *;
+@use 'bigger.fluent2' as *;

package/styles/input/highcontrast-light.css

@@ -11,6 +11,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -2015,6 +2016,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2721,7 +2723,7 @@ textarea.e-input::selection,
   border-color: #400074;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,

package/styles/input/highcontrast-light.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/highcontrast-light' as *;
 @use 'highcontrast-light-definition' as *;
 @use 'icons/highcontrast-light' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast-light' as *;
+@use 'bigger.highcontrast-light' as *;

package/styles/input/highcontrast.css

@@ -11,6 +11,7 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -2015,6 +2016,7 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -2721,7 +2723,7 @@ textarea.e-input::selection,
   border-color: #ffd939;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,

package/styles/input/highcontrast.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/highcontrast' as *;
 @use 'highcontrast-definition' as *;
 @use 'icons/highcontrast' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.highcontrast' as *;
+@use 'bigger.highcontrast' as *;

package/styles/input/material-dark.css

@@ -49,6 +49,14 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4627,6 +4635,14 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6538,7 +6554,14 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,

package/styles/input/material-dark.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/material-dark' as *;
 @use 'material-dark-definition' as *;
 @use 'icons/material-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material-dark' as *;
+@use 'bigger.material-dark' as *;

package/styles/input/material.css

@@ -69,6 +69,24 @@
   font-family: "e-icons";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4647,6 +4665,24 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6558,7 +6594,24 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,

package/styles/input/material.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/material' as *;
 @use 'material-definition' as *;
 @use 'icons/material' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material' as *;
+@use 'bigger.material' as *;

package/styles/input/material3-dark.css

@@ -127,6 +127,106 @@
   font-family: "e-icons";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -2571,7 +2671,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 2px;
+  margin: 9px 12px 9px 0;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4025,7 +4125,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -4588,6 +4688,106 @@ textarea.e-outline,
   margin-right: 10px;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6503,7 +6703,106 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: rgba(var(--color-sf-warning));
 }
 
-/* stylelint-disable-line no-empty-source */
+
+
+
+
+
+
+
+
+/* Font Family */
+/* Font Sizes */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+/* 65% */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* stylelint-disable property-no-vendor-prefix */
+@keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+}
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -8528,7 +8827,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 2px;
+  margin: 15px 16px 15px 0;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10278,7 +10577,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 12px 0 0 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/input/material3-dark.scss

@@ -1,5 +1,5 @@
 @use 'ej2-base/styles/definition/material3-dark' as *;
 @use 'material3-dark-definition' as *;
 @use 'icons/material3-dark' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.material3-dark' as *;
+@use 'bigger.material3-dark' as *;