@syncfusion/ej2-inputs 20.4.54 → 21.1.37

package/styles/fabric.css

@@ -6091,6 +6091,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 7px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;
@@ -6734,6 +6740,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6829,6 +6837,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 13px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -6844,6 +6854,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
   line-height: 21px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -6861,6 +6873,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 19px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/fluent-dark.css

@@ -6220,6 +6220,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;
@@ -6869,6 +6875,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6964,6 +6972,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 13px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -6979,6 +6989,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
   line-height: 21px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -6996,6 +7008,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 19px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/fluent.css

@@ -6220,6 +6220,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 7px 12px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 0;
@@ -6869,6 +6875,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6964,6 +6972,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 13px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -6979,6 +6989,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
   line-height: 21px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -6996,6 +7008,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 19px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/highcontrast-light.css

@@ -6407,6 +6407,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 7px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 1px inset #757575;
@@ -7050,6 +7056,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7145,6 +7153,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 13px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -7160,6 +7170,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
   line-height: 21px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -7177,6 +7189,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 19px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/highcontrast.css

@@ -6407,6 +6407,12 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
   padding: 0 7px;
 }
+.e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger .e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
+.e-bigger.e-colorpicker-container .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn) {
+  line-height: 0;
+}
 
 .e-container {
   border: 1px inset #969696;
@@ -7050,6 +7056,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: 28px;
+  min-height: 28px;
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7145,6 +7153,8 @@ body.e-colorpicker-overflow {
 .e-small .e-rating-container .e-rating-item-container {
   font-size: 16px;
   line-height: 13px;
+  min-height: 24px;
+  min-width: 24px;
 }
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
@@ -7160,6 +7170,8 @@ body.e-colorpicker-overflow {
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
   line-height: 21px;
+  min-width: 36px;
+  min-height: 36px;
 }
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
@@ -7177,6 +7189,8 @@ body.e-colorpicker-overflow {
 .e-small .e-bigger.e-rating-container .e-rating-item-container {
   font-size: 24px;
   line-height: 19px;
+  min-width: 32px;
+  min-height: 32px;
 }
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,

package/styles/input/_bootstrap5-definition.scss

@@ -139,7 +139,7 @@ $float-input-normal-height: 32px !default;
 $float-input-bigger-height: 38px !default;
 $float-input-small-height: 26px !default;
 $float-input-bigger-small-height: 34px !default;
-$input-float-font-weight: 500 !default;
+$input-float-font-weight: $font-weight-medium !default;
 $input-full-height: 100% !default;
 $textarea-normal-height: auto !default;
 $textarea-bigger-height: auto !default;
@@ -147,7 +147,7 @@ $textarea-small-height: auto !default;
 $textarea-bigger-small-height: auto !default;
 $textarea-full-height: 100% !default;
 $input-icon-font-size: $text-sm !default;
-$input-bigger-icon-font-size: 16px !default;
+$input-bigger-icon-font-size: $text-base !default;
 $input-small-icon-font-size: $text-xs !default;
 $input-bigger-small-icon-font-size: $text-xs !default;
 $input-inner-wrap-margin-left: $zero-value !default;

package/styles/input/_fluent-definition.scss

@@ -139,17 +139,17 @@ $float-input-normal-height: 32px !default;
 $float-input-bigger-height: 40px !default;
 $float-input-small-height: 26px !default;
 $float-input-bigger-small-height: 36px !default;
-$input-float-font-weight: 500 !default;
+$input-float-font-weight: $font-weight-medium !default;
 $input-full-height: 100% !default;
 $textarea-normal-height: auto !default;
 $textarea-bigger-height: auto !default;
 $textarea-small-height: auto !default;
 $textarea-bigger-small-height: auto !default;
 $textarea-full-height: 100% !default;
-$input-icon-font-size: 14px !default;
-$input-bigger-icon-font-size: 18px !default;
-$input-small-icon-font-size: 12px !default;
-$input-bigger-small-icon-font-size: 16px !default;
+$input-icon-font-size: $font-icon-14 !default;
+$input-bigger-icon-font-size: $font-icon-18 !default;
+$input-small-icon-font-size: $font-icon-12 !default;
+$input-bigger-small-icon-font-size: $font-icon-16 !default;
 $input-inner-wrap-margin-left: $zero-value !default;
 $input-clear-icon-padding-bottom: $zero-value !default;
 $input-clear-icon-padding-right: $zero-value !default;