@syncfusion/ej2-inputs 19.3.57 → 19.4.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (142) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/README.md +1 -1
  3. package/common.d.ts +4 -0
  4. package/common.js +4 -0
  5. package/dist/ej2-inputs.umd.min.js +2 -2
  6. package/dist/ej2-inputs.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es2015.js +1105 -7
  8. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  9. package/dist/es6/ej2-inputs.es5.js +1140 -7
  10. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  11. package/dist/global/ej2-inputs.min.js +2 -2
  12. package/dist/global/ej2-inputs.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +9 -9
  15. package/signature.d.ts +4 -0
  16. package/signature.js +4 -0
  17. package/src/common/index.d.ts +4 -0
  18. package/src/common/index.js +4 -0
  19. package/src/common/signature-base.d.ts +320 -0
  20. package/src/common/signature-base.js +946 -0
  21. package/src/index.d.ts +2 -0
  22. package/src/index.js +2 -0
  23. package/src/input/input.js +10 -6
  24. package/src/signature/index.d.ts +5 -0
  25. package/src/signature/index.js +4 -0
  26. package/src/signature/signature-model.d.ts +131 -0
  27. package/src/signature/signature.d.ts +167 -0
  28. package/src/signature/signature.js +171 -0
  29. package/src/slider/slider.d.ts +1 -0
  30. package/src/slider/slider.js +9 -0
  31. package/styles/bootstrap-dark.css +23 -16
  32. package/styles/bootstrap-dark.scss +1 -0
  33. package/styles/bootstrap.css +23 -16
  34. package/styles/bootstrap.scss +1 -0
  35. package/styles/bootstrap4.css +23 -16
  36. package/styles/bootstrap4.scss +1 -0
  37. package/styles/bootstrap5-dark.css +27 -42
  38. package/styles/bootstrap5-dark.scss +1 -0
  39. package/styles/bootstrap5.css +27 -42
  40. package/styles/bootstrap5.scss +1 -0
  41. package/styles/color-picker/_fabric-dark-definition.scss +1 -1
  42. package/styles/color-picker/_fluent-definition.scss +134 -0
  43. package/styles/color-picker/_layout.scss +5 -5
  44. package/styles/color-picker/_theme.scss +1 -15
  45. package/styles/color-picker/bootstrap5-dark.css +3 -21
  46. package/styles/color-picker/bootstrap5.css +3 -21
  47. package/styles/color-picker/fabric-dark.css +3 -3
  48. package/styles/color-picker/icons/_fluent.scss +10 -0
  49. package/styles/fabric-dark.css +26 -19
  50. package/styles/fabric-dark.scss +1 -0
  51. package/styles/fabric.css +23 -16
  52. package/styles/fabric.scss +1 -0
  53. package/styles/highcontrast-light.css +23 -16
  54. package/styles/highcontrast-light.scss +1 -0
  55. package/styles/highcontrast.css +23 -16
  56. package/styles/highcontrast.scss +1 -0
  57. package/styles/input/_fluent-definition.scss +321 -0
  58. package/styles/input/_layout.scss +138 -37
  59. package/styles/input/_theme.scss +42 -24
  60. package/styles/input/bootstrap-dark.css +13 -16
  61. package/styles/input/bootstrap.css +13 -16
  62. package/styles/input/bootstrap4.css +13 -16
  63. package/styles/input/bootstrap5-dark.css +13 -16
  64. package/styles/input/bootstrap5.css +13 -16
  65. package/styles/input/fabric-dark.css +13 -16
  66. package/styles/input/fabric.css +13 -16
  67. package/styles/input/highcontrast-light.css +13 -16
  68. package/styles/input/highcontrast.css +13 -16
  69. package/styles/input/icons/_fluent.scss +17 -0
  70. package/styles/input/material-dark.css +13 -16
  71. package/styles/input/material.css +13 -16
  72. package/styles/input/tailwind-dark.css +13 -16
  73. package/styles/input/tailwind.css +13 -16
  74. package/styles/maskedtextbox/_fluent-definition.scss +7 -0
  75. package/styles/maskedtextbox/_theme.scss +2 -2
  76. package/styles/material-dark.css +23 -16
  77. package/styles/material-dark.scss +1 -0
  78. package/styles/material.css +23 -16
  79. package/styles/material.scss +1 -0
  80. package/styles/numerictextbox/_fluent-definition.scss +5 -0
  81. package/styles/numerictextbox/_theme.scss +18 -0
  82. package/styles/numerictextbox/icons/_fluent.scss +12 -0
  83. package/styles/signature/_all.scss +2 -0
  84. package/styles/signature/_bootstrap-dark-definition.scss +3 -0
  85. package/styles/signature/_bootstrap-definition.scss +3 -0
  86. package/styles/signature/_bootstrap4-definition.scss +3 -0
  87. package/styles/signature/_bootstrap5-dark-definition.scss +1 -0
  88. package/styles/signature/_bootstrap5-definition.scss +3 -0
  89. package/styles/signature/_fabric-dark-definition.scss +3 -0
  90. package/styles/signature/_fabric-definition.scss +3 -0
  91. package/styles/signature/_fluent-definition.scss +3 -0
  92. package/styles/signature/_highcontrast-definition.scss +3 -0
  93. package/styles/signature/_highcontrast-light-definition.scss +3 -0
  94. package/styles/signature/_layout.scss +5 -0
  95. package/styles/signature/_material-dark-definition.scss +3 -0
  96. package/styles/signature/_material-definition.scss +3 -0
  97. package/styles/signature/_tailwind-dark-definition.scss +1 -0
  98. package/styles/signature/_tailwind-definition.scss +3 -0
  99. package/styles/signature/_theme.scss +7 -0
  100. package/styles/signature/bootstrap-dark.css +9 -0
  101. package/styles/signature/bootstrap-dark.scss +3 -0
  102. package/styles/signature/bootstrap.css +9 -0
  103. package/styles/signature/bootstrap.scss +3 -0
  104. package/styles/signature/bootstrap4.css +9 -0
  105. package/styles/signature/bootstrap4.scss +3 -0
  106. package/styles/signature/bootstrap5-dark.css +9 -0
  107. package/styles/signature/bootstrap5-dark.scss +3 -0
  108. package/styles/signature/bootstrap5.css +9 -0
  109. package/styles/signature/bootstrap5.scss +3 -0
  110. package/styles/signature/fabric-dark.css +9 -0
  111. package/styles/signature/fabric-dark.scss +3 -0
  112. package/styles/signature/fabric.css +9 -0
  113. package/styles/signature/fabric.scss +3 -0
  114. package/styles/signature/highcontrast-light.css +9 -0
  115. package/styles/signature/highcontrast-light.scss +3 -0
  116. package/styles/signature/highcontrast.css +9 -0
  117. package/styles/signature/highcontrast.scss +3 -0
  118. package/styles/signature/material-dark.css +10 -0
  119. package/styles/signature/material-dark.scss +3 -0
  120. package/styles/signature/material.css +10 -0
  121. package/styles/signature/material.scss +3 -0
  122. package/styles/signature/tailwind-dark.css +10 -0
  123. package/styles/signature/tailwind-dark.scss +3 -0
  124. package/styles/signature/tailwind.css +10 -0
  125. package/styles/signature/tailwind.scss +3 -0
  126. package/styles/slider/_bootstrap5-definition.scss +2 -2
  127. package/styles/slider/_fluent-definition.scss +94 -0
  128. package/styles/slider/_layout.scss +7 -2
  129. package/styles/slider/_tailwind-definition.scss +2 -2
  130. package/styles/slider/bootstrap5-dark.css +1 -5
  131. package/styles/slider/bootstrap5.css +1 -5
  132. package/styles/slider/tailwind-dark.css +1 -5
  133. package/styles/slider/tailwind.css +1 -5
  134. package/styles/tailwind-dark.css +25 -21
  135. package/styles/tailwind-dark.scss +1 -0
  136. package/styles/tailwind.css +25 -21
  137. package/styles/tailwind.scss +1 -0
  138. package/styles/textbox/_fluent-definition.scss +0 -0
  139. package/styles/uploader/_fluent-definition.scss +234 -0
  140. package/styles/uploader/_layout.scss +99 -8
  141. package/styles/uploader/_theme.scss +5 -2
  142. package/styles/uploader/icons/_fluent.scss +34 -0
package/styles/input/_theme.scss CHANGED
@@ -31,6 +31,9 @@
31
31
  background: transparent;
32
32
  border-color: $input-box-border-color;
33
33
  color: $input-icon-font-color;
34
+ @if ($input-skin-name == 'FluentUI') {
35
+ border-color: $input-group-icon-border-color;
36
+ }
34
37
  }
35
38
 
36
39
  .e-input-group.e-disabled .e-input-group-icon,
@@ -140,7 +143,7 @@
140
143
 
141
144
  .e-input-group:not(.e-disabled) .e-input-group-icon:hover,
142
145
  .e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
143
- @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' {
146
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' {
144
147
  background: $input-hover-bg-color;
145
148
  }
146
149
  @if $input-skin-name == 'bootstrap4' {
@@ -233,6 +236,9 @@
233
236
  @if $input-skin-name == 'highcontrast' {
234
237
  color: $content-font;
235
238
  }
239
+ @if ($input-skin-name == 'FluentUI') {
240
+ color: $float-label-font-color;
241
+ }
236
242
  }
237
243
 
238
244
  .e-float-input input,
@@ -798,7 +804,7 @@
798
804
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
799
805
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
800
806
  color: $input-icon-font-color;
801
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' {
807
+ @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'FluentUI' {
802
808
  color: $input-group-hovered-color;
803
809
  }
804
810
  }
@@ -811,7 +817,7 @@
811
817
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
812
818
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
813
819
  color: $input-icon-font-color;
814
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' {
820
+ @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'FluentUI' {
815
821
  color: $input-group-hovered-color;
816
822
  }
817
823
  }
@@ -824,7 +830,7 @@
824
830
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
825
831
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
826
832
  color: $input-icon-font-color;
827
- @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' {
833
+ @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'FluentUI' {
828
834
  color: $input-group-hovered-color;
829
835
  }
830
836
  }
@@ -870,7 +876,7 @@
870
876
  -webkit-box-shadow: $input-border-shadow;
871
877
  box-shadow: $input-border-shadow;
872
878
  }
873
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
879
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
874
880
  border-radius: $input-groupo-focus-border-radius;
875
881
  box-shadow: $input-group-focus-box-shadow;
876
882
  }
@@ -887,7 +893,7 @@
887
893
  .e-input-group .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
888
894
  .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input,
889
895
  .e-input-group .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
890
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
896
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
891
897
  box-shadow: none;
892
898
  }
893
899
  }
@@ -900,7 +906,7 @@
900
906
  .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
901
907
  .e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
902
908
  .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
903
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
909
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
904
910
  -webkit-box-shadow: $input-error-border-shadow;
905
911
  box-shadow: $input-error-border-shadow;
906
912
  }
@@ -914,7 +920,7 @@
914
920
  .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
915
921
  .e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
916
922
  .e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
917
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
923
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
918
924
  -webkit-box-shadow: $input-success-border-shadow;
919
925
  box-shadow: $input-success-border-shadow;
920
926
  }
@@ -928,7 +934,7 @@
928
934
  .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
929
935
  .e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
930
936
  .e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
931
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
937
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
932
938
  -webkit-box-shadow: $input-warning-border-shadow;
933
939
  box-shadow: $input-warning-border-shadow;
934
940
  }
@@ -976,7 +982,7 @@
976
982
  @if $input-skin-name == 'bootstrap4' {
977
983
  transition: $input-transition-shadow;
978
984
  }
979
- @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' {
985
+ @if $input-skin-name == 'tailwind' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
980
986
  border-color: $input-group-border-color-focus;
981
987
  border-radius: $input-groupo-focus-border-radius;
982
988
  box-shadow: $input-group-focus-box-shadow;
@@ -986,7 +992,7 @@
986
992
  // sass-lint:disable no-vendor-prefixes
987
993
  .e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
988
994
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
989
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
995
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
990
996
  -webkit-box-shadow: $input-error-border-shadow;
991
997
  box-shadow: $input-error-border-shadow;
992
998
  }
@@ -995,7 +1001,7 @@
995
1001
  // sass-lint:disable no-vendor-prefixes
996
1002
  .e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
997
1003
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
998
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
1004
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
999
1005
  -webkit-box-shadow: $input-success-border-shadow;
1000
1006
  box-shadow: $input-success-border-shadow;
1001
1007
  }
@@ -1004,7 +1010,7 @@
1004
1010
  // sass-lint:disable no-vendor-prefixes
1005
1011
  .e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
1006
1012
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
1007
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
1013
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
1008
1014
  -webkit-box-shadow: $input-warning-border-shadow;
1009
1015
  box-shadow: $input-warning-border-shadow;
1010
1016
  }
@@ -1021,7 +1027,7 @@
1021
1027
  .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
1022
1028
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
1023
1029
  .e-input-group.e-control-wrapper.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon {
1024
- @if ($input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' ) {
1030
+ @if ($input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'FluentUI' ) {
1025
1031
  border-color: $input-group-border-right-focus;
1026
1032
  }
1027
1033
  }
@@ -1036,7 +1042,7 @@
1036
1042
  .e-input-focus.e-control-wrapper.e-rtl:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
1037
1043
  .e-input-focus.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) .e-input:last-child:focus,
1038
1044
  .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) span.e-input-group-icon {
1039
- @if ($input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' ) {
1045
+ @if ($input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' and $input-skin-name != 'FluentUI') {
1040
1046
  border-color: $input-group-border-left-focus;
1041
1047
  }
1042
1048
  }
@@ -1071,26 +1077,29 @@
1071
1077
  @if $input-skin-name == 'tailwind' {
1072
1078
  box-shadow: $input-group-border-shadow;
1073
1079
  }
1080
+ @if $input-skin-name == 'FluentUI' {
1081
+ box-shadow: none;
1082
+ }
1074
1083
  }
1075
1084
 
1076
1085
  // sass-lint:disable no-vendor-prefixes
1077
1086
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
1078
1087
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
1079
- @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
1088
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'highcontrast' {
1080
1089
  border-color: $input-active-border-color;
1081
1090
  }
1082
1091
  @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' {
1083
1092
  -webkit-box-shadow: $input-border-shadow;
1084
1093
  box-shadow: $input-border-shadow;
1085
1094
  }
1086
- @if $input-skin-name == 'bootstrap5' {
1095
+ @if $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
1087
1096
  box-shadow: $input-group-focus-box-shadow;
1088
1097
  }
1089
1098
  }
1090
1099
 
1091
1100
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
1092
1101
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
1093
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
1102
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
1094
1103
  -webkit-box-shadow: $input-error-border-shadow;
1095
1104
  box-shadow: $input-error-border-shadow;
1096
1105
  }
@@ -1098,7 +1107,7 @@
1098
1107
 
1099
1108
  .e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
1100
1109
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
1101
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
1110
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
1102
1111
  -webkit-box-shadow: $input-success-border-shadow;
1103
1112
  box-shadow: $input-success-border-shadow;
1104
1113
  }
@@ -1106,7 +1115,7 @@
1106
1115
 
1107
1116
  .e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
1108
1117
  .e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
1109
- @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' {
1118
+ @if $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'bootstrap5' or $input-skin-name == 'FluentUI' {
1110
1119
  -webkit-box-shadow: $input-warning-border-shadow;
1111
1120
  box-shadow: $input-warning-border-shadow;
1112
1121
  }
@@ -1114,7 +1123,7 @@
1114
1123
 
1115
1124
  .e-input-group.e-disabled:not(.e-success):not(.e-warning):not(.e-error),
1116
1125
  .e-input-group.e-control-wrapper.e-disabled:not(.e-success):not(.e-warning):not(.e-error) {
1117
- @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' {
1126
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' {
1118
1127
  border-color: $input-disable-border-color;
1119
1128
  }
1120
1129
  }
@@ -1216,6 +1225,15 @@
1216
1225
  color: $input-clear-icon-color;
1217
1226
  }
1218
1227
 
1228
+ .e-float-input .e-clear-icon:active,
1229
+ .e-float-input.e-control-wrapper .e-clear-icon:active,
1230
+ .e-input-group .e-clear-icon:active,
1231
+ .e-input-group.e-control-wrapper .e-clear-icon:active {
1232
+ @if ($input-skin-name == 'FluentUI') {
1233
+ color: $input-group-pressed-color;
1234
+ }
1235
+ }
1236
+
1219
1237
  .e-float-input .e-clear-icon:hover,
1220
1238
  .e-float-input.e-control-wrapper .e-clear-icon:hover,
1221
1239
  .e-input-group .e-clear-icon:hover,
@@ -1640,7 +1658,7 @@
1640
1658
 
1641
1659
  input.e-input#{$css}:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]):not(:focus),
1642
1660
  textarea.e-input#{$css}:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabled]) {
1643
- @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' {
1661
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' {
1644
1662
  border-color: $input-group-border-color-hover;
1645
1663
  }
1646
1664
  }
@@ -1671,7 +1689,7 @@
1671
1689
  .e-float-input.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
1672
1690
  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
1673
1691
  .e-float-input.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
1674
- @if $input-skin-name != 'material' and $input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' and $input-skin-name != 'highcontrast' and $input-skin-name != 'tailwind' {
1692
+ @if $input-skin-name != 'material' and $input-skin-name != 'bootstrap' and $input-skin-name != 'bootstrap4' and $input-skin-name != 'bootstrap5' and $input-skin-name != 'highcontrast' and $input-skin-name != 'tailwind' and $input-skin-name != 'FluentUI' {
1675
1693
  border-color: $input-group-border-color-hover;
1676
1694
  }
1677
1695
  }
@@ -1727,7 +1745,7 @@
1727
1745
  .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) input:not([disabled]),
1728
1746
  .e-float-input:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]),
1729
1747
  .e-float-input.e-control-wrapper:active:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) textarea:not([disabled]) {
1730
- @if $input-skin-name == 'fabric' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' {
1748
+ @if $input-skin-name == 'fabric' or $input-skin-name == 'FluentUI' or $input-skin-name == 'bootstrap' or $input-skin-name == 'bootstrap4' or $input-skin-name == 'highcontrast' or $input-skin-name == 'FluentUI' {
1731
1749
  border-color: $input-active-border-color;
1732
1750
  }
1733
1751
  }
package/styles/input/bootstrap-dark.css CHANGED
@@ -538,6 +538,8 @@ textarea.e-input.e-small,
538
538
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
539
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
540
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
541
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
542
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
541
543
  .e-bigger .e-input-group.e-small .e-input-group-icon,
542
544
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
543
545
  font-size: 12px;
@@ -1504,6 +1506,8 @@ label.e-float-text,
1504
1506
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1505
1507
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1506
1508
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1509
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1510
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1507
1511
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1508
1512
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1509
1513
  margin-bottom: 0;
@@ -3533,7 +3537,12 @@ textarea.e-input,
3533
3537
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3534
3538
  .e-bigger .e-input-group.e-input-focus textarea,
3535
3539
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3536
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3540
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3541
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3542
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3543
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3544
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3545
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3537
3546
  font: inherit;
3538
3547
  line-height: 1.5;
3539
3548
  min-height: 36px;
@@ -3546,13 +3555,8 @@ textarea.e-input,
3546
3555
  .e-input-group textarea.e-input.e-small,
3547
3556
  .e-input-group.e-control-wrapper.e-small textarea,
3548
3557
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3549
- .e-input-group.e-control-wrapper textarea.e-bigger,
3550
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3551
3558
  .e-small .e-input-group textarea,
3552
3559
  .e-small .e-input-group textarea.e-input,
3553
- .e-bigger .e-input-group.e-control-wrapper textarea,
3554
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3555
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3556
3560
  .e-float-input.e-small textarea,
3557
3561
  .e-float-input textarea.e-small,
3558
3562
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3571,11 +3575,8 @@ textarea.e-input,
3571
3575
  .e-input-group.e-input-focus textarea.e-input.e-small,
3572
3576
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3573
3577
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3574
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3575
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3576
3578
  .e-small .e-input-group.e-input-focus textarea,
3577
- .e-small .e-input-group.e-input-focus textarea.e-input,
3578
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3579
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3579
3580
  font: inherit;
3580
3581
  min-height: 26px;
3581
3582
  padding: 4px 10px 4px 10px;
@@ -3587,13 +3588,8 @@ textarea.e-input,
3587
3588
  .e-input-group textarea.e-input.e-small:focus,
3588
3589
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3589
3590
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3590
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3591
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3592
3591
  .e-small .e-input-group textarea:focus,
3593
3592
  .e-small .e-input-group textarea.e-input:focus,
3594
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3595
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3596
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3597
3593
  .e-float-input.e-small textarea:focus,
3598
3594
  .e-float-input textarea.e-small:focus,
3599
3595
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3649,7 +3645,8 @@ textarea.e-input,
3649
3645
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3650
3646
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3651
3647
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3652
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3648
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3649
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3653
3650
  font: inherit;
3654
3651
  line-height: 1.5;
3655
3652
  min-height: 32px;
package/styles/input/bootstrap.css CHANGED
@@ -538,6 +538,8 @@ textarea.e-input.e-small,
538
538
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
539
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
540
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
541
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
542
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
541
543
  .e-bigger .e-input-group.e-small .e-input-group-icon,
542
544
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
543
545
  font-size: 12px;
@@ -1504,6 +1506,8 @@ label.e-float-text,
1504
1506
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1505
1507
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1506
1508
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1509
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1510
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1507
1511
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1508
1512
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1509
1513
  margin-bottom: 0;
@@ -3533,7 +3537,12 @@ textarea.e-input,
3533
3537
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3534
3538
  .e-bigger .e-input-group.e-input-focus textarea,
3535
3539
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3536
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3540
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3541
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3542
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3543
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3544
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3545
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3537
3546
  font: inherit;
3538
3547
  line-height: 1.5;
3539
3548
  min-height: 36px;
@@ -3546,13 +3555,8 @@ textarea.e-input,
3546
3555
  .e-input-group textarea.e-input.e-small,
3547
3556
  .e-input-group.e-control-wrapper.e-small textarea,
3548
3557
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3549
- .e-input-group.e-control-wrapper textarea.e-bigger,
3550
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3551
3558
  .e-small .e-input-group textarea,
3552
3559
  .e-small .e-input-group textarea.e-input,
3553
- .e-bigger .e-input-group.e-control-wrapper textarea,
3554
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3555
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3556
3560
  .e-float-input.e-small textarea,
3557
3561
  .e-float-input textarea.e-small,
3558
3562
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3571,11 +3575,8 @@ textarea.e-input,
3571
3575
  .e-input-group.e-input-focus textarea.e-input.e-small,
3572
3576
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3573
3577
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3574
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3575
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3576
3578
  .e-small .e-input-group.e-input-focus textarea,
3577
- .e-small .e-input-group.e-input-focus textarea.e-input,
3578
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3579
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3579
3580
  font: inherit;
3580
3581
  min-height: 26px;
3581
3582
  padding: 4px 10px 4px 10px;
@@ -3587,13 +3588,8 @@ textarea.e-input,
3587
3588
  .e-input-group textarea.e-input.e-small:focus,
3588
3589
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3589
3590
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3590
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3591
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3592
3591
  .e-small .e-input-group textarea:focus,
3593
3592
  .e-small .e-input-group textarea.e-input:focus,
3594
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3595
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3596
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3597
3593
  .e-float-input.e-small textarea:focus,
3598
3594
  .e-float-input textarea.e-small:focus,
3599
3595
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3649,7 +3645,8 @@ textarea.e-input,
3649
3645
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3650
3646
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3651
3647
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3652
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3648
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3649
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3653
3650
  font: inherit;
3654
3651
  line-height: 1.5;
3655
3652
  min-height: 32px;
package/styles/input/bootstrap4.css CHANGED
@@ -538,6 +538,8 @@ textarea.e-input.e-small,
538
538
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
539
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
540
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
541
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
542
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
541
543
  .e-bigger .e-input-group.e-small .e-input-group-icon,
542
544
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
543
545
  font-size: 12px;
@@ -1504,6 +1506,8 @@ label.e-float-text,
1504
1506
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1505
1507
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1506
1508
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1509
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1510
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1507
1511
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1508
1512
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1509
1513
  margin-bottom: 0;
@@ -3512,7 +3516,12 @@ textarea.e-input,
3512
3516
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3513
3517
  .e-bigger .e-input-group.e-input-focus textarea,
3514
3518
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3515
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3519
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3520
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3521
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3522
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3523
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3524
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3516
3525
  font: inherit;
3517
3526
  line-height: 1.5;
3518
3527
  min-height: 36px;
@@ -3525,13 +3534,8 @@ textarea.e-input,
3525
3534
  .e-input-group textarea.e-input.e-small,
3526
3535
  .e-input-group.e-control-wrapper.e-small textarea,
3527
3536
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3528
- .e-input-group.e-control-wrapper textarea.e-bigger,
3529
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3530
3537
  .e-small .e-input-group textarea,
3531
3538
  .e-small .e-input-group textarea.e-input,
3532
- .e-bigger .e-input-group.e-control-wrapper textarea,
3533
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3534
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3535
3539
  .e-float-input.e-small textarea,
3536
3540
  .e-float-input textarea.e-small,
3537
3541
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3550,11 +3554,8 @@ textarea.e-input,
3550
3554
  .e-input-group.e-input-focus textarea.e-input.e-small,
3551
3555
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3552
3556
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3553
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3554
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3555
3557
  .e-small .e-input-group.e-input-focus textarea,
3556
- .e-small .e-input-group.e-input-focus textarea.e-input,
3557
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3558
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3558
3559
  font: inherit;
3559
3560
  min-height: 26px;
3560
3561
  padding: 4px 8px 4px 8px;
@@ -3566,13 +3567,8 @@ textarea.e-input,
3566
3567
  .e-input-group textarea.e-input.e-small:focus,
3567
3568
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3568
3569
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3569
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3570
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3571
3570
  .e-small .e-input-group textarea:focus,
3572
3571
  .e-small .e-input-group textarea.e-input:focus,
3573
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3574
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3575
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3576
3572
  .e-float-input.e-small textarea:focus,
3577
3573
  .e-float-input textarea.e-small:focus,
3578
3574
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3628,7 +3624,8 @@ textarea.e-input,
3628
3624
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3629
3625
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3630
3626
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3631
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3627
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3628
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3632
3629
  font: inherit;
3633
3630
  line-height: 1.5;
3634
3631
  min-height: 32px;
package/styles/input/bootstrap5-dark.css CHANGED
@@ -560,6 +560,8 @@ textarea.e-input.e-small,
560
560
  .e-input-group.e-small .e-input-group-icon.e-bigger,
561
561
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
562
562
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
563
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
564
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
563
565
  .e-bigger .e-input-group.e-small .e-input-group-icon,
564
566
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
565
567
  font-size: 12px;
@@ -1530,6 +1532,8 @@ label.e-float-text,
1530
1532
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1531
1533
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1532
1534
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1535
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1536
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1533
1537
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1534
1538
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1535
1539
  margin-bottom: 0;
@@ -3563,7 +3567,12 @@ textarea.e-input,
3563
3567
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3564
3568
  .e-bigger .e-input-group.e-input-focus textarea,
3565
3569
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3566
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3570
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3571
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3572
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3573
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3574
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3575
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3567
3576
  font: inherit;
3568
3577
  line-height: 1.5;
3569
3578
  min-height: 36px;
@@ -3576,13 +3585,8 @@ textarea.e-input,
3576
3585
  .e-input-group textarea.e-input.e-small,
3577
3586
  .e-input-group.e-control-wrapper.e-small textarea,
3578
3587
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3579
- .e-input-group.e-control-wrapper textarea.e-bigger,
3580
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3581
3588
  .e-small .e-input-group textarea,
3582
3589
  .e-small .e-input-group textarea.e-input,
3583
- .e-bigger .e-input-group.e-control-wrapper textarea,
3584
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3585
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3586
3590
  .e-float-input.e-small textarea,
3587
3591
  .e-float-input textarea.e-small,
3588
3592
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3601,11 +3605,8 @@ textarea.e-input,
3601
3605
  .e-input-group.e-input-focus textarea.e-input.e-small,
3602
3606
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3603
3607
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3604
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3605
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3606
3608
  .e-small .e-input-group.e-input-focus textarea,
3607
- .e-small .e-input-group.e-input-focus textarea.e-input,
3608
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3609
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3609
3610
  font: inherit;
3610
3611
  min-height: 26px;
3611
3612
  padding: 4px 8px 4px 8px;
@@ -3617,13 +3618,8 @@ textarea.e-input,
3617
3618
  .e-input-group textarea.e-input.e-small:focus,
3618
3619
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3619
3620
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3620
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3621
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3622
3621
  .e-small .e-input-group textarea:focus,
3623
3622
  .e-small .e-input-group textarea.e-input:focus,
3624
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3625
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3626
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3627
3623
  .e-float-input.e-small textarea:focus,
3628
3624
  .e-float-input textarea.e-small:focus,
3629
3625
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3679,7 +3675,8 @@ textarea.e-input,
3679
3675
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3680
3676
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3681
3677
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3682
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3678
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3679
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3683
3680
  font: inherit;
3684
3681
  line-height: 1.5;
3685
3682
  min-height: 32px;
package/styles/input/bootstrap5.css CHANGED
@@ -560,6 +560,8 @@ textarea.e-input.e-small,
560
560
  .e-input-group.e-small .e-input-group-icon.e-bigger,
561
561
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
562
562
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
563
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
564
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
563
565
  .e-bigger .e-input-group.e-small .e-input-group-icon,
564
566
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
565
567
  font-size: 12px;
@@ -1530,6 +1532,8 @@ label.e-float-text,
1530
1532
  .e-input-group.e-small .e-input-group-icon.e-bigger,
1531
1533
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
1532
1534
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
1535
+ .e-small .e-bigger.e-input-group .e-input-group-icon,
1536
+ .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
1533
1537
  .e-bigger .e-input-group.e-small .e-input-group-icon,
1534
1538
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
1535
1539
  margin-bottom: 0;
@@ -3563,7 +3567,12 @@ textarea.e-input,
3563
3567
  .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3564
3568
  .e-bigger .e-input-group.e-input-focus textarea,
3565
3569
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3566
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3570
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3571
+ .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3572
+ .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3573
+ .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3574
+ .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3575
+ .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
3567
3576
  font: inherit;
3568
3577
  line-height: 1.5;
3569
3578
  min-height: 36px;
@@ -3576,13 +3585,8 @@ textarea.e-input,
3576
3585
  .e-input-group textarea.e-input.e-small,
3577
3586
  .e-input-group.e-control-wrapper.e-small textarea,
3578
3587
  .e-input-group.e-control-wrapper.e-small textarea.e-input,
3579
- .e-input-group.e-control-wrapper textarea.e-bigger,
3580
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger,
3581
3588
  .e-small .e-input-group textarea,
3582
3589
  .e-small .e-input-group textarea.e-input,
3583
- .e-bigger .e-input-group.e-control-wrapper textarea,
3584
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea,
3585
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input,
3586
3590
  .e-float-input.e-small textarea,
3587
3591
  .e-float-input textarea.e-small,
3588
3592
  .e-float-input.e-control-wrapper.e-small textarea,
@@ -3601,11 +3605,8 @@ textarea.e-input,
3601
3605
  .e-input-group.e-input-focus textarea.e-input.e-small,
3602
3606
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea,
3603
3607
  .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3604
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-bigger,
3605
- .e-input-group.e-control-wrapper.e-input-focus textarea.e-input.e-bigger,
3606
3608
  .e-small .e-input-group.e-input-focus textarea,
3607
- .e-small .e-input-group.e-input-focus textarea.e-input,
3608
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3609
+ .e-small .e-input-group.e-input-focus textarea.e-input {
3609
3610
  font: inherit;
3610
3611
  min-height: 26px;
3611
3612
  padding: 4px 8px 4px 8px;
@@ -3617,13 +3618,8 @@ textarea.e-input,
3617
3618
  .e-input-group textarea.e-input.e-small:focus,
3618
3619
  .e-input-group.e-control-wrapper.e-small textarea:focus,
3619
3620
  .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
3620
- .e-input-group.e-control-wrapper textarea.e-bigger:focus,
3621
- .e-input-group.e-control-wrapper textarea.e-input.e-bigger:focus,
3622
3621
  .e-small .e-input-group textarea:focus,
3623
3622
  .e-small .e-input-group textarea.e-input:focus,
3624
- .e-bigger .e-input-group.e-control-wrapper textarea:focus,
3625
- .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
3626
- .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus,
3627
3623
  .e-float-input.e-small textarea:focus,
3628
3624
  .e-float-input textarea.e-small:focus,
3629
3625
  .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -3679,7 +3675,8 @@ textarea.e-input,
3679
3675
  .e-bigger.e-small .e-input-group.e-input-focus textarea.e-input,
3680
3676
  .e-bigger .e-input-group.e-control-wrapper.e-input-focus.e-small textarea.e-input,
3681
3677
  .e-bigger.e-small .e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3682
- .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input {
3678
+ .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
3679
+ .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
3683
3680
  font: inherit;
3684
3681
  line-height: 1.5;
3685
3682
  min-height: 32px;