@syncfusion/ej2-angular-inputs 19.2.59 → 19.3.47

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 (83) hide show
  1. package/@syncfusion/ej2-angular-inputs.es5.js.map +1 -1
  2. package/@syncfusion/ej2-angular-inputs.js.map +1 -1
  3. package/CHANGELOG.md +8 -0
  4. package/dist/ej2-angular-inputs.umd.js +1 -1
  5. package/dist/ej2-angular-inputs.umd.js.map +1 -1
  6. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  7. package/dist/ej2-angular-inputs.umd.min.js.map +1 -1
  8. package/package.json +8 -8
  9. package/schematics/utils/lib-details.d.ts +2 -2
  10. package/schematics/utils/lib-details.js +2 -2
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/color-picker/colorpicker.component.d.ts +9 -0
  13. package/src/maskedtextbox/maskedtextbox.component.d.ts +5 -0
  14. package/src/numerictextbox/numerictextbox.component.d.ts +5 -0
  15. package/src/slider/slider.component.d.ts +6 -0
  16. package/src/textbox/textbox.component.d.ts +6 -0
  17. package/src/uploader/uploader.component.d.ts +20 -0
  18. package/styles/bootstrap-dark.css +14 -6
  19. package/styles/bootstrap.css +14 -6
  20. package/styles/bootstrap4.css +22 -12
  21. package/styles/bootstrap5-dark.css +7548 -0
  22. package/styles/bootstrap5-dark.scss +7 -0
  23. package/styles/bootstrap5.css +7548 -0
  24. package/styles/bootstrap5.scss +7 -0
  25. package/styles/color-picker/bootstrap5-dark.css +964 -0
  26. package/styles/color-picker/bootstrap5-dark.scss +1 -0
  27. package/styles/color-picker/bootstrap5.css +964 -0
  28. package/styles/color-picker/bootstrap5.scss +1 -0
  29. package/styles/fabric-dark.css +15 -7
  30. package/styles/fabric.css +15 -7
  31. package/styles/highcontrast-light.css +15 -7
  32. package/styles/highcontrast.css +16 -8
  33. package/styles/input/bootstrap-dark.css +12 -3
  34. package/styles/input/bootstrap.css +12 -3
  35. package/styles/input/bootstrap4.css +15 -3
  36. package/styles/input/bootstrap5-dark.css +4670 -0
  37. package/styles/input/bootstrap5-dark.scss +1 -0
  38. package/styles/input/bootstrap5.css +4670 -0
  39. package/styles/input/bootstrap5.scss +1 -0
  40. package/styles/input/fabric-dark.css +12 -3
  41. package/styles/input/fabric.css +13 -4
  42. package/styles/input/highcontrast-light.css +12 -3
  43. package/styles/input/highcontrast.css +13 -4
  44. package/styles/input/material-dark.css +2320 -201
  45. package/styles/input/material.css +12 -3
  46. package/styles/input/tailwind-dark.css +14 -5
  47. package/styles/input/tailwind.css +14 -5
  48. package/styles/maskedtextbox/bootstrap5-dark.css +33 -0
  49. package/styles/maskedtextbox/bootstrap5-dark.scss +1 -0
  50. package/styles/maskedtextbox/bootstrap5.css +33 -0
  51. package/styles/maskedtextbox/bootstrap5.scss +1 -0
  52. package/styles/material-dark.css +2337 -218
  53. package/styles/material.css +14 -5
  54. package/styles/numerictextbox/bootstrap5-dark.css +48 -0
  55. package/styles/numerictextbox/bootstrap5-dark.scss +1 -0
  56. package/styles/numerictextbox/bootstrap5.css +48 -0
  57. package/styles/numerictextbox/bootstrap5.scss +1 -0
  58. package/styles/slider/bootstrap-dark.css +2 -3
  59. package/styles/slider/bootstrap.css +2 -3
  60. package/styles/slider/bootstrap4.css +7 -9
  61. package/styles/slider/bootstrap5-dark.css +749 -0
  62. package/styles/slider/bootstrap5-dark.scss +1 -0
  63. package/styles/slider/bootstrap5.css +749 -0
  64. package/styles/slider/bootstrap5.scss +1 -0
  65. package/styles/slider/fabric-dark.css +3 -4
  66. package/styles/slider/fabric.css +2 -3
  67. package/styles/slider/highcontrast-light.css +3 -4
  68. package/styles/slider/highcontrast.css +3 -4
  69. package/styles/slider/material-dark.css +16 -16
  70. package/styles/slider/material.css +2 -2
  71. package/styles/slider/tailwind-dark.css +9 -8
  72. package/styles/slider/tailwind.css +7 -3
  73. package/styles/tailwind-dark.css +23 -13
  74. package/styles/tailwind.css +21 -8
  75. package/styles/textbox/bootstrap5-dark.css +0 -0
  76. package/styles/textbox/bootstrap5-dark.scss +1 -0
  77. package/styles/textbox/bootstrap5.css +0 -0
  78. package/styles/textbox/bootstrap5.scss +1 -0
  79. package/styles/uploader/bootstrap5-dark.css +1079 -0
  80. package/styles/uploader/bootstrap5-dark.scss +1 -0
  81. package/styles/uploader/bootstrap5.css +1079 -0
  82. package/styles/uploader/bootstrap5.scss +1 -0
  83. package/styles/uploader/material-dark.css +1 -1
package/styles/color-picker/bootstrap5.scss ADDED
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/color-picker/bootstrap5.scss';
package/styles/fabric-dark.css CHANGED
@@ -4019,22 +4019,31 @@ textarea.e-input::-webkit-input-placeholder {
4019
4019
  }
4020
4020
 
4021
4021
  .e-input-group.e-success .e-input-group-icon,
4022
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4023
+ color: #dadada;
4024
+ }
4025
+
4022
4026
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4023
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4024
4027
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4025
4028
  color: #dadada;
4026
4029
  }
4027
4030
 
4028
4031
  .e-input-group.e-warning .e-input-group-icon,
4032
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4033
+ color: #dadada;
4034
+ }
4035
+
4029
4036
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4030
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4031
4037
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4032
4038
  color: #dadada;
4033
4039
  }
4034
4040
 
4035
4041
  .e-input-group.e-error .e-input-group-icon,
4042
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4043
+ color: #dadada;
4044
+ }
4045
+
4036
4046
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4037
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4038
4047
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4039
4048
  color: #dadada;
4040
4049
  }
@@ -4916,11 +4925,11 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
4916
4925
  }
4917
4926
 
4918
4927
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
4919
- cursor: ew-resize;
4928
+ cursor: pointer;
4920
4929
  }
4921
4930
 
4922
4931
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
4923
- cursor: ns-resize;
4932
+ cursor: pointer;
4924
4933
  }
4925
4934
 
4926
4935
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5075,7 +5084,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5075
5084
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5076
5085
  background-position-y: bottom;
5077
5086
  margin-top: 2px;
5078
- margin-top: 3px;
5079
5087
  }
5080
5088
 
5081
5089
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
@@ -5167,7 +5175,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5167
5175
 
5168
5176
  /*! component theme */
5169
5177
  .e-control-wrapper.e-slider-container .e-slider-button {
5170
- background-color: #201f1f;
5178
+ background-color: #dadada;
5171
5179
  border: 1px solid #dadada;
5172
5180
  border-radius: 50%;
5173
5181
  height: 18px;
package/styles/fabric.css CHANGED
@@ -4019,22 +4019,31 @@ textarea.e-input::-webkit-input-placeholder {
4019
4019
  }
4020
4020
 
4021
4021
  .e-input-group.e-success .e-input-group-icon,
4022
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4023
+ color: #333;
4024
+ }
4025
+
4022
4026
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4023
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4024
4027
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4025
4028
  color: #333;
4026
4029
  }
4027
4030
 
4028
4031
  .e-input-group.e-warning .e-input-group-icon,
4032
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4033
+ color: #333;
4034
+ }
4035
+
4029
4036
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4030
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4031
4037
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4032
4038
  color: #333;
4033
4039
  }
4034
4040
 
4035
4041
  .e-input-group.e-error .e-input-group-icon,
4042
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4043
+ color: #333;
4044
+ }
4045
+
4036
4046
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4037
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4038
4047
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4039
4048
  color: #333;
4040
4049
  }
@@ -4166,7 +4175,7 @@ textarea.e-input::-webkit-input-placeholder {
4166
4175
  .e-float-input.e-control-wrapper .e-clear-icon:hover,
4167
4176
  .e-input-group .e-clear-icon:hover,
4168
4177
  .e-input-group.e-control-wrapper .e-clear-icon:hover {
4169
- color: #eaeaea;
4178
+ color: #333;
4170
4179
  }
4171
4180
 
4172
4181
  .e-float-input.e-disabled .e-clear-icon,
@@ -4916,11 +4925,11 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
4916
4925
  }
4917
4926
 
4918
4927
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
4919
- cursor: ew-resize;
4928
+ cursor: pointer;
4920
4929
  }
4921
4930
 
4922
4931
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
4923
- cursor: ns-resize;
4932
+ cursor: pointer;
4924
4933
  }
4925
4934
 
4926
4935
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5075,7 +5084,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
5075
5084
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5076
5085
  background-position-y: bottom;
5077
5086
  margin-top: 2px;
5078
- margin-top: 3px;
5079
5087
  }
5080
5088
 
5081
5089
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/highcontrast-light.css CHANGED
@@ -4298,22 +4298,31 @@ textarea.e-input::-webkit-input-placeholder {
4298
4298
  }
4299
4299
 
4300
4300
  .e-input-group.e-success .e-input-group-icon,
4301
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4302
+ color: #000;
4303
+ }
4304
+
4301
4305
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4302
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4303
4306
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4304
4307
  color: #000;
4305
4308
  }
4306
4309
 
4307
4310
  .e-input-group.e-warning .e-input-group-icon,
4311
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4312
+ color: #000;
4313
+ }
4314
+
4308
4315
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4309
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4310
4316
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4311
4317
  color: #000;
4312
4318
  }
4313
4319
 
4314
4320
  .e-input-group.e-error .e-input-group-icon,
4321
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4322
+ color: #000;
4323
+ }
4324
+
4315
4325
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4316
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4317
4326
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4318
4327
  color: #000;
4319
4328
  }
@@ -5151,10 +5160,10 @@ textarea.e-input::-webkit-input-placeholder {
5151
5160
  bottom: 0;
5152
5161
  height: 100%;
5153
5162
  position: absolute;
5154
- border-radius: 4px;
5155
5163
  left: calc(50% - 4px);
5156
5164
  overflow: hidden;
5157
5165
  width: 8px;
5166
+ border-radius: 4px;
5158
5167
  }
5159
5168
 
5160
5169
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5238,11 +5247,11 @@ textarea.e-input::-webkit-input-placeholder {
5238
5247
  }
5239
5248
 
5240
5249
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
5241
- cursor: ew-resize;
5250
+ cursor: pointer;
5242
5251
  }
5243
5252
 
5244
5253
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
5245
- cursor: ns-resize;
5254
+ cursor: pointer;
5246
5255
  }
5247
5256
 
5248
5257
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5410,7 +5419,6 @@ textarea.e-input::-webkit-input-placeholder {
5410
5419
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5411
5420
  background-position-y: bottom;
5412
5421
  margin-top: 2px;
5413
- margin-top: 3px;
5414
5422
  }
5415
5423
 
5416
5424
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/highcontrast.css CHANGED
@@ -4298,22 +4298,31 @@ textarea.e-input::-webkit-input-placeholder {
4298
4298
  }
4299
4299
 
4300
4300
  .e-input-group.e-success .e-input-group-icon,
4301
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4302
+ color: #fff;
4303
+ }
4304
+
4301
4305
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4302
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4303
4306
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4304
4307
  color: #fff;
4305
4308
  }
4306
4309
 
4307
4310
  .e-input-group.e-warning .e-input-group-icon,
4311
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4312
+ color: #fff;
4313
+ }
4314
+
4308
4315
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4309
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4310
4316
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4311
4317
  color: #fff;
4312
4318
  }
4313
4319
 
4314
4320
  .e-input-group.e-error .e-input-group-icon,
4321
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4322
+ color: #fff;
4323
+ }
4324
+
4315
4325
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4316
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4317
4326
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4318
4327
  color: #fff;
4319
4328
  }
@@ -4445,7 +4454,7 @@ textarea.e-input::-webkit-input-placeholder {
4445
4454
  .e-float-input.e-control-wrapper .e-clear-icon:hover,
4446
4455
  .e-input-group .e-clear-icon:hover,
4447
4456
  .e-input-group.e-control-wrapper .e-clear-icon:hover {
4448
- color: #000;
4457
+ color: #fff;
4449
4458
  }
4450
4459
 
4451
4460
  .e-float-input.e-disabled .e-clear-icon,
@@ -5151,10 +5160,10 @@ textarea.e-input::-webkit-input-placeholder {
5151
5160
  bottom: 0;
5152
5161
  height: 100%;
5153
5162
  position: absolute;
5154
- border-radius: 4px;
5155
5163
  left: calc(50% - 4px);
5156
5164
  overflow: hidden;
5157
5165
  width: 8px;
5166
+ border-radius: 4px;
5158
5167
  }
5159
5168
 
5160
5169
  .e-control-wrapper.e-slider-container.e-vertical.e-small-size.e-slider-btn {
@@ -5238,11 +5247,11 @@ textarea.e-input::-webkit-input-placeholder {
5238
5247
  }
5239
5248
 
5240
5249
  .e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
5241
- cursor: ew-resize;
5250
+ cursor: pointer;
5242
5251
  }
5243
5252
 
5244
5253
  .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
5245
- cursor: ns-resize;
5254
+ cursor: pointer;
5246
5255
  }
5247
5256
 
5248
5257
  .e-control-wrapper.e-slider-container .e-slider {
@@ -5410,7 +5419,6 @@ textarea.e-input::-webkit-input-placeholder {
5410
5419
  .e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
5411
5420
  background-position-y: bottom;
5412
5421
  margin-top: 2px;
5413
- margin-top: 3px;
5414
5422
  }
5415
5423
 
5416
5424
  .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
package/styles/input/bootstrap-dark.css CHANGED
@@ -4059,22 +4059,31 @@ textarea.e-input::-webkit-input-placeholder {
4059
4059
  }
4060
4060
 
4061
4061
  .e-input-group.e-success .e-input-group-icon,
4062
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4063
+ color: #f0f0f0;
4064
+ }
4065
+
4062
4066
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4063
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4064
4067
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4065
4068
  color: #f0f0f0;
4066
4069
  }
4067
4070
 
4068
4071
  .e-input-group.e-warning .e-input-group-icon,
4072
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4073
+ color: #f0f0f0;
4074
+ }
4075
+
4069
4076
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4070
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4071
4077
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4072
4078
  color: #f0f0f0;
4073
4079
  }
4074
4080
 
4075
4081
  .e-input-group.e-error .e-input-group-icon,
4082
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4083
+ color: #f0f0f0;
4084
+ }
4085
+
4076
4086
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4077
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4078
4087
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4079
4088
  color: #f0f0f0;
4080
4089
  }
package/styles/input/bootstrap.css CHANGED
@@ -4059,22 +4059,31 @@ textarea.e-input::-webkit-input-placeholder {
4059
4059
  }
4060
4060
 
4061
4061
  .e-input-group.e-success .e-input-group-icon,
4062
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4063
+ color: #333;
4064
+ }
4065
+
4062
4066
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4063
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4064
4067
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4065
4068
  color: #333;
4066
4069
  }
4067
4070
 
4068
4071
  .e-input-group.e-warning .e-input-group-icon,
4072
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4073
+ color: #333;
4074
+ }
4075
+
4069
4076
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4070
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4071
4077
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4072
4078
  color: #333;
4073
4079
  }
4074
4080
 
4075
4081
  .e-input-group.e-error .e-input-group-icon,
4082
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4083
+ color: #333;
4084
+ }
4085
+
4076
4086
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4077
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4078
4087
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4079
4088
  color: #333;
4080
4089
  }
package/styles/input/bootstrap4.css CHANGED
@@ -4041,24 +4041,36 @@ textarea.e-input::-webkit-input-placeholder {
4041
4041
  }
4042
4042
 
4043
4043
  .e-input-group.e-success .e-input-group-icon,
4044
+ .e-input-group.e-control-wrapper.e-success .e-input-group-icon {
4045
+ color: #495057;
4046
+ }
4047
+
4044
4048
  .e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4045
- .e-input-group.e-control-wrapper.e-success .e-input-group-icon,
4046
4049
  .e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4047
4050
  color: #495057;
4051
+ color: #fff;
4048
4052
  }
4049
4053
 
4050
4054
  .e-input-group.e-warning .e-input-group-icon,
4055
+ .e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
4056
+ color: #495057;
4057
+ }
4058
+
4051
4059
  .e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4052
- .e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
4053
4060
  .e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4054
4061
  color: #495057;
4062
+ color: #fff;
4055
4063
  }
4056
4064
 
4057
4065
  .e-input-group.e-error .e-input-group-icon,
4066
+ .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
4067
+ color: #495057;
4068
+ }
4069
+
4058
4070
  .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
4059
- .e-input-group.e-control-wrapper.e-error .e-input-group-icon,
4060
4071
  .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
4061
4072
  color: #495057;
4073
+ color: #fff;
4062
4074
  }
4063
4075
 
4064
4076
  .e-input-group input.e-input,