@syncfusion/ej2-inputs 32.1.19 → 32.1.22

package/styles/highcontrast.css

@@ -7799,8 +7799,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.4);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/input/_bigger.scss

@@ -2583,9 +2583,12 @@
   .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 {
-    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    @if $input-skin-name == 'material' {
       margin: $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left  $outline-bigger-input-icon-padding $zero-value;
     }
+    @if $input-skin-name == 'Material3' {
+      margin: 2px;
+    }
   }
 
   .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,

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

@@ -351,7 +351,7 @@ $input-zero-padding-margin: 0 !default;
 $input-bgr-filled-control-icon-padding: 0 8px 0 0 !default;
 $input-bgr-filled-group-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-float-group-icon-padding: 0 !default;
-$input-bgr-small-filled-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-bgr-small-filled-float-group-icon-margin: 12px 0 0 0 !default;
 $input-bgr-filled-grp-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-wrap-margin-left: 8px !default;
 $input-bgr-small-rtl-wrap-margin-right: 8px !default;
@@ -362,7 +362,7 @@ $input-filled-float-text-line-height: 1.15 !default;
 $input-small-filled-group-icon-padding: 0 0 0 4px !default;
 $input-rtl-small-filled-group-icon-padding: 0 4px 0 0 !default;
 $input-filled-small-float-group-icon-padding: 0 !default;
-$input-filled-small-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-filled-small-float-group-icon-margin: 0 !default;
 $small-filled-input-padding: 0 0 0 4px !default;
 $filled-float-input-clear-icon-margin: 2px !default;
 $filled-float-input-wrap-margin-left: 8px !default;
@@ -621,7 +621,7 @@ $float-input-wrapper-top: -11px !default;
 $input-group-bottom: -2px !default;
 $outline-input-border-radius: $radius-4 !default;
 $input-mat-margin: 4px !default;
-$outline-input-grp-icon-margin: 9px 12px 9px 0 !default;
+$outline-input-grp-icon-margin: 2px !default;
 $outline-input-grp-prepend-icon-margin: 9px 0 9px 12px !default;
 $filled-input-grp-border-radius: 4px 4px 0 0 !default;
 $filled-float-letter-spacing: .009375em !default;

package/styles/input/_material3-definition.scss

@@ -351,7 +351,7 @@ $input-zero-padding-margin: 0 !default;
 $input-bgr-filled-control-icon-padding: 0 8px 0 0 !default;
 $input-bgr-filled-group-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-float-group-icon-padding: 0 !default;
-$input-bgr-small-filled-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-bgr-small-filled-float-group-icon-margin: 12px 0 0 0 !default;
 $input-bgr-filled-grp-icon-padding: 0 0 0 8px !default;
 $input-bgr-small-filled-wrap-margin-left: 8px !default;
 $input-bgr-small-rtl-wrap-margin-right: 8px !default;
@@ -362,7 +362,7 @@ $input-filled-float-text-line-height: 1.15 !default;
 $input-small-filled-group-icon-padding: 0 0 0 4px !default;
 $input-rtl-small-filled-group-icon-padding: 0 4px 0 0 !default;
 $input-filled-small-float-group-icon-padding: 0 !default;
-$input-filled-small-float-group-icon-margin: 9px 12px 9px 0 !default;
+$input-filled-small-float-group-icon-margin: 0 !default;
 $small-filled-input-padding: 0 0 0 4px !default;
 $filled-float-input-clear-icon-margin: 2px !default;
 $filled-float-input-wrap-margin-left: 8px !default;
@@ -621,7 +621,7 @@ $float-input-wrapper-top: -11px !default;
 $input-group-bottom: -2px !default;
 $outline-input-border-radius: $radius-4 !default;
 $input-mat-margin: 4px !default;
-$outline-input-grp-icon-margin: 9px 12px 9px 0 !default;
+$outline-input-grp-icon-margin: 2px !default;
 $outline-input-grp-prepend-icon-margin: 9px 0 9px 12px !default;
 $filled-input-grp-border-radius: 4px 4px 0 0 !default;
 $filled-float-letter-spacing: .009375em !default;

package/styles/input/material3-dark.css

@@ -2571,7 +2571,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4025,7 +4025,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8528,7 +8528,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: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10278,7 +10278,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: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/input/material3.css

@@ -2573,7 +2573,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4027,7 +4027,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8530,7 +8530,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: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10280,7 +10280,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: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,

package/styles/material-dark-lite.css

@@ -8941,8 +8941,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material-dark.css

@@ -15267,8 +15267,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material-lite.css

@@ -8961,8 +8961,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material.css

@@ -15290,8 +15290,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(0, 0, 0, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material3-dark-lite.css

@@ -2581,7 +2581,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4035,7 +4035,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8991,8 +8991,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material3-dark.css

@@ -2581,7 +2581,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4035,7 +4035,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8538,7 +8538,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: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10288,7 +10288,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: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,
@@ -15416,8 +15416,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material3-lite.css

@@ -2583,7 +2583,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4037,7 +4037,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8909,8 +8909,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/material3.css

@@ -2583,7 +2583,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: 9px 12px 9px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4037,7 +4037,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: 9px 12px 9px 0;
+  margin: 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -8540,7 +8540,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: 15px 16px 15px 0;
+  margin: 2px;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10290,7 +10290,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: 9px 12px 9px 0;
+  margin: 12px 0 0 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,
@@ -15334,8 +15334,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-outline-variant), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind-dark-lite.css

@@ -4827,8 +4827,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind-dark.css

@@ -7711,8 +7711,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(75, 85, 99, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind-lite.css

@@ -4827,8 +4827,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind.css

@@ -7711,8 +7711,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind3-lite.css

@@ -7092,8 +7092,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {

package/styles/tailwind3.css

@@ -12200,8 +12200,6 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  -webkit-box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
-          box-shadow: 2px 2px 7px 2px rgba(var(--color-sf-border-light), 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {