@syncfusion/ej2-react-inputs 19.2.48 → 19.3.43

package/styles/tailwind.css

@@ -245,6 +245,28 @@ textarea.e-input.e-bigger,
   border-left-width: 0;
 }
 
+.e-input-group .e-input-group-icon:last-child,
+.e-input-group.e-control-wrapper .e-input-group-icon:last-child {
+  border-bottom-right-radius: 3px;
+  border-top-right-radius: 3px;
+}
+
+.e-input-group .e-input-group-icon:first-child,
+.e-input-group.e-control-wrapper .e-input-group-icon:first-child {
+  border-bottom-left-radius: 3px;
+  border-top-left-radius: 3px;
+}
+
+.e-input-group.e-rtl .e-input-group-icon:last-child,
+.e-input-group.e-control-wrapper.e-rtl .e-input-group-icon:last-child,
+.e-rtl .e-input-group .e-input-group-icon:last-child,
+.e-rtl .e-input-group.e-control-wrapper .e-input-group-icon:last-child {
+  border-bottom-left-radius: 3px;
+  border-bottom-right-radius: 0;
+  border-top-left-radius: 3px;
+  border-top-right-radius: 0;
+}
+
 .e-input-group.e-bigger .e-input-group-icon,
 .e-input-group .e-input-group-icon.e-bigger,
 .e-bigger .e-input-group .e-input-group-icon,
@@ -644,7 +666,7 @@ label.e-float-text,
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -33px, 0) scale(1);
+  transform: translate3d(-10px, -35px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -678,7 +700,7 @@ label.e-float-text,
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -32px, 0) scale(1);
+  transform: translate3d(-10px, -34px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -711,7 +733,7 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -35px, 0) scale(1);
+  transform: translate3d(-10px, -37px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -1853,7 +1875,7 @@ input.e-input.e-bigger,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
   box-sizing: border-box;
-  height: 32px;
+  height: 36px;
 }
 
 .e-float-input.e-bigger:not(.e-input-group) input,
@@ -3054,7 +3076,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input.e-control-wrapper.e-bigger textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-bigger .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   font-size: 16px;
-  top: 18px;
+  top: -11px;
 }
 
 .e-float-input.e-small textarea ~ label.e-float-text,
@@ -3565,7 +3587,7 @@ textarea.e-input,
 .e-bigger textarea.e-input,
 input.e-input.e-bigger,
 textarea.e-input.e-bigger {
-  min-height: 32px;
+  min-height: 36px;
 }
 
 .e-filled.e-input-group,
@@ -3969,22 +3991,31 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
+  color: #6b7280;
+}
+
 .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #6b7280;
 }
 
 .e-input-group.e-warning .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
+  color: #6b7280;
+}
+
 .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #6b7280;
 }
 
 .e-input-group.e-error .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-error .e-input-group-icon {
+  color: #6b7280;
+}
+
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #6b7280;
 }
@@ -4883,6 +4914,7 @@ input.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-horizontal .e-first-button .e-button-icon::before {
   content: '\e761';
   font-size: 17px;
+  color: #6b7280;
 }
 
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
@@ -4894,6 +4926,7 @@ input.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
   content: '\e707';
   font-size: 18px;
+  color: #6b7280;
 }
 
 .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn {
@@ -4957,10 +4990,10 @@ input.e-input::-webkit-input-placeholder {
   bottom: 0;
   height: 100%;
   position: absolute;
-  border-radius: 4px;
   left: calc(50%);
   overflow: hidden;
   width: 4px;
+  border-radius: 4px;
 }
 
 .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -4982,6 +5015,7 @@ input.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
   content: '\e7b3';
   font-size: 18px;
+  color: #6b7280;
 }
 
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
@@ -4993,6 +5027,7 @@ input.e-input::-webkit-input-placeholder {
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
   content: '\e7a0';
   font-size: 18px;
+  color: #6b7280;
 }
 
 .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-slider .e-handle {
@@ -5023,11 +5058,11 @@ input.e-input::-webkit-input-placeholder {
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: ew-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
-  cursor: ns-resize;
+  cursor: pointer;
 }
 
 .e-control-wrapper.e-slider-container .e-slider {
@@ -5392,7 +5427,7 @@ input.e-input::-webkit-input-placeholder {
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list {
   font-size: 14px;
-  line-height: normal;
+  line-height: 22px;
   min-height: 108px;
 }
 
@@ -5407,7 +5442,7 @@ input.e-input::-webkit-input-placeholder {
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  font-size: 14px;
+  font-size: 12px;
   padding: 10px 0;
 }
 
@@ -5419,7 +5454,7 @@ input.e-input::-webkit-input-placeholder {
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  font-size: 14px;
+  font-size: 12px;
   padding-bottom: 15px;
 }
 
@@ -5437,7 +5472,7 @@ input.e-input::-webkit-input-placeholder {
 }
 
 .e-bigger .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
-  font-size: 14px;
+  font-size: 12px;
   right: 16px;
   top: -36px;
 }
@@ -5595,7 +5630,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #9ca3af;
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;
@@ -5717,7 +5752,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #9ca3af;
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;
@@ -5776,7 +5811,7 @@ input.e-input::-webkit-input-placeholder {
   font-family: inherit;
   font-size: 14px;
   height: 100%;
-  line-height: normal;
+  line-height: 22px;
   min-height: 82px;
   position: relative;
 }
@@ -5828,7 +5863,7 @@ input.e-input::-webkit-input-placeholder {
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size,
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   padding: 4px 0;
 }
 
@@ -5838,7 +5873,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   display: block;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 12px;
   padding-bottom: 12px;
 }
 
@@ -5878,7 +5913,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-upload-progress-wrap .e-progress-bar-text {
   float: right;
   font-family: inherit;
-  font-size: 14px;
+  font-size: 12px;
   position: relative;
   right: 0;
   top: -33px;
@@ -5907,7 +5942,7 @@ input.e-input::-webkit-input-placeholder {
   -ms-flex-pack: center;
       justify-content: center;
   margin: 12px;
-  margin-top: -16px;
+  margin-top: -9px;
   padding: 10px;
   position: absolute;
   right: 0;
@@ -6266,7 +6301,7 @@ input.e-input::-webkit-input-placeholder {
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
   color: #9ca3af;
   display: block;
-  font-size: 14px;
+  font-size: 12px;
   line-height: 1.5;
   padding-bottom: 0;
   padding-top: 4px;

package/styles/textbox/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-inputs/styles/textbox/bootstrap5-dark.scss';

package/styles/textbox/bootstrap5.scss

@@ -0,0 +1 @@
+@import 'ej2-inputs/styles/textbox/bootstrap5.scss';