@syncfusion/ej2-angular-inputs 19.4.52 → 20.1.55

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 (98) 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 +1 -18
  4. package/README.md +15 -2
  5. package/dist/ej2-angular-inputs.umd.js +1 -1
  6. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  7. package/package.json +8 -8
  8. package/schematics/utils/lib-details.d.ts +2 -2
  9. package/schematics/utils/lib-details.js +2 -2
  10. package/schematics/utils/lib-details.ts +2 -2
  11. package/styles/bootstrap-dark.css +10 -12
  12. package/styles/bootstrap.css +10 -12
  13. package/styles/bootstrap4.css +9 -14
  14. package/styles/bootstrap5-dark.css +118 -57
  15. package/styles/bootstrap5.css +118 -57
  16. package/styles/color-picker/bootstrap5-dark.css +26 -20
  17. package/styles/color-picker/bootstrap5.css +26 -20
  18. package/styles/color-picker/fluent-dark.css +902 -0
  19. package/styles/color-picker/fluent-dark.scss +1 -0
  20. package/styles/color-picker/fluent.css +902 -0
  21. package/styles/color-picker/fluent.scss +1 -0
  22. package/styles/color-picker/tailwind-dark.css +10 -6
  23. package/styles/color-picker/tailwind.css +10 -6
  24. package/styles/fabric-dark.css +8 -11
  25. package/styles/fabric.css +8 -11
  26. package/styles/fluent-dark.css +7366 -0
  27. package/styles/fluent-dark.scss +8 -0
  28. package/styles/fluent.css +7366 -0
  29. package/styles/fluent.scss +8 -0
  30. package/styles/highcontrast-light.css +8 -11
  31. package/styles/highcontrast.css +8 -11
  32. package/styles/input/bootstrap-dark.css +8 -8
  33. package/styles/input/bootstrap.css +8 -8
  34. package/styles/input/bootstrap4.css +8 -8
  35. package/styles/input/bootstrap5-dark.css +86 -29
  36. package/styles/input/bootstrap5.css +86 -29
  37. package/styles/input/fabric-dark.css +7 -7
  38. package/styles/input/fabric.css +7 -7
  39. package/styles/input/fluent-dark.css +4595 -0
  40. package/styles/input/fluent-dark.scss +1 -0
  41. package/styles/input/fluent.css +4595 -0
  42. package/styles/input/fluent.scss +1 -0
  43. package/styles/input/highcontrast-light.css +7 -7
  44. package/styles/input/highcontrast.css +7 -7
  45. package/styles/input/material-dark.css +90 -7
  46. package/styles/input/material.css +90 -7
  47. package/styles/input/tailwind-dark.css +96 -40
  48. package/styles/input/tailwind.css +96 -40
  49. package/styles/maskedtextbox/fluent-dark.css +26 -0
  50. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  51. package/styles/maskedtextbox/fluent.css +26 -0
  52. package/styles/maskedtextbox/fluent.scss +1 -0
  53. package/styles/material-dark.css +91 -11
  54. package/styles/material.css +91 -11
  55. package/styles/numerictextbox/fluent-dark.css +60 -0
  56. package/styles/numerictextbox/fluent-dark.scss +1 -0
  57. package/styles/numerictextbox/fluent.css +60 -0
  58. package/styles/numerictextbox/fluent.scss +1 -0
  59. package/styles/numerictextbox/tailwind-dark.css +2 -2
  60. package/styles/numerictextbox/tailwind.css +2 -2
  61. package/styles/signature/fluent-dark.css +9 -0
  62. package/styles/signature/fluent-dark.scss +1 -0
  63. package/styles/signature/fluent.css +9 -0
  64. package/styles/signature/fluent.scss +1 -0
  65. package/styles/slider/bootstrap-dark.css +1 -0
  66. package/styles/slider/bootstrap.css +1 -0
  67. package/styles/slider/bootstrap4.css +0 -2
  68. package/styles/slider/bootstrap5-dark.css +5 -4
  69. package/styles/slider/bootstrap5.css +5 -4
  70. package/styles/slider/fluent-dark.css +632 -0
  71. package/styles/slider/fluent-dark.scss +1 -0
  72. package/styles/slider/fluent.css +632 -0
  73. package/styles/slider/fluent.scss +1 -0
  74. package/styles/slider/tailwind-dark.css +9 -5
  75. package/styles/slider/tailwind.css +9 -5
  76. package/styles/tailwind-dark.css +178 -92
  77. package/styles/tailwind.css +178 -92
  78. package/styles/textbox/fluent-dark.css +0 -0
  79. package/styles/textbox/fluent-dark.scss +1 -0
  80. package/styles/textbox/fluent.css +0 -0
  81. package/styles/textbox/fluent.scss +1 -0
  82. package/styles/uploader/bootstrap-dark.css +1 -4
  83. package/styles/uploader/bootstrap.css +1 -4
  84. package/styles/uploader/bootstrap4.css +1 -4
  85. package/styles/uploader/bootstrap5-dark.css +1 -4
  86. package/styles/uploader/bootstrap5.css +1 -4
  87. package/styles/uploader/fabric-dark.css +1 -4
  88. package/styles/uploader/fabric.css +1 -4
  89. package/styles/uploader/fluent-dark.css +1137 -0
  90. package/styles/uploader/fluent-dark.scss +1 -0
  91. package/styles/uploader/fluent.css +1137 -0
  92. package/styles/uploader/fluent.scss +1 -0
  93. package/styles/uploader/highcontrast-light.css +1 -4
  94. package/styles/uploader/highcontrast.css +1 -4
  95. package/styles/uploader/material-dark.css +1 -4
  96. package/styles/uploader/material.css +1 -4
  97. package/styles/uploader/tailwind-dark.css +61 -39
  98. package/styles/uploader/tailwind.css +61 -39
package/styles/fluent.scss ADDED
@@ -0,0 +1,8 @@
1
+ @import 'signature/fluent.scss';
2
+ @import 'input/fluent.scss';
3
+ @import 'numerictextbox/fluent.scss';
4
+ @import 'maskedtextbox/fluent.scss';
5
+ @import 'slider/fluent.scss';
6
+ @import 'textbox/fluent.scss';
7
+ @import 'uploader/fluent.scss';
8
+ @import 'color-picker/fluent.scss';
package/styles/highcontrast-light.css CHANGED
@@ -162,11 +162,7 @@ textarea.e-input.e-bigger,
162
162
  .e-input-group.e-bigger,
163
163
  .e-bigger .e-input-group,
164
164
  .e-input-group.e-control-wrapper.e-bigger,
165
- .e-bigger .e-input-group.e-control-wrapper,
166
- .e-input-group.e-bigger.e-disabled,
167
- .e-bigger .e-input-group.e-disabled,
168
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
169
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
165
+ .e-bigger .e-input-group.e-control-wrapper {
170
166
  font-size: 15px;
171
167
  }
172
168
 
@@ -614,8 +610,8 @@ textarea.e-input.e-small,
614
610
  .e-input-group.e-small .e-input-group-icon.e-bigger,
615
611
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
616
612
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
617
- .e-small .e-bigger.e-input-group .e-input-group-icon,
618
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
613
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
614
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
619
615
  .e-bigger .e-input-group.e-small .e-input-group-icon,
620
616
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
621
617
  font-size: 12px;
@@ -2852,6 +2848,10 @@ textarea.e-input.e-bigger.e-small,
2852
2848
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2853
2849
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2854
2850
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2851
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2852
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2853
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2854
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2855
2855
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2856
2856
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2857
2857
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6546,6 +6546,7 @@ textarea.e-input::-webkit-input-placeholder {
6546
6546
 
6547
6547
  .e-upload .e-file-drop {
6548
6548
  color: #000;
6549
+ vertical-align: middle;
6549
6550
  }
6550
6551
 
6551
6552
  .e-upload .e-upload-files {
@@ -6635,10 +6636,6 @@ textarea.e-input::-webkit-input-placeholder {
6635
6636
  box-shadow: 0 0 0 transparent;
6636
6637
  }
6637
6638
 
6638
- .e-upload-drag-hover {
6639
- outline: 2px dashed #400074;
6640
- }
6641
-
6642
6639
  .e-container .e-value-switch-btn::before {
6643
6640
  content: '\e429';
6644
6641
  }
package/styles/highcontrast.css CHANGED
@@ -162,11 +162,7 @@ textarea.e-input.e-bigger,
162
162
  .e-input-group.e-bigger,
163
163
  .e-bigger .e-input-group,
164
164
  .e-input-group.e-control-wrapper.e-bigger,
165
- .e-bigger .e-input-group.e-control-wrapper,
166
- .e-input-group.e-bigger.e-disabled,
167
- .e-bigger .e-input-group.e-disabled,
168
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
169
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
165
+ .e-bigger .e-input-group.e-control-wrapper {
170
166
  font-size: 15px;
171
167
  }
172
168
 
@@ -614,8 +610,8 @@ textarea.e-input.e-small,
614
610
  .e-input-group.e-small .e-input-group-icon.e-bigger,
615
611
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
616
612
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
617
- .e-small .e-bigger.e-input-group .e-input-group-icon,
618
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
613
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
614
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
619
615
  .e-bigger .e-input-group.e-small .e-input-group-icon,
620
616
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
621
617
  font-size: 12px;
@@ -2852,6 +2848,10 @@ textarea.e-input.e-bigger.e-small,
2852
2848
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2853
2849
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2854
2850
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2851
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2852
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2853
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2854
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2855
2855
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2856
2856
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2857
2857
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -6546,6 +6546,7 @@ textarea.e-input::-webkit-input-placeholder {
6546
6546
 
6547
6547
  .e-upload .e-file-drop {
6548
6548
  color: #fff;
6549
+ vertical-align: middle;
6549
6550
  }
6550
6551
 
6551
6552
  .e-upload .e-upload-files {
@@ -6635,10 +6636,6 @@ textarea.e-input::-webkit-input-placeholder {
6635
6636
  box-shadow: 0 0 0 transparent;
6636
6637
  }
6637
6638
 
6638
- .e-upload-drag-hover {
6639
- outline: 2px dashed #ffd939;
6640
- }
6641
-
6642
6639
  .e-container .e-value-switch-btn::before {
6643
6640
  content: '\e429';
6644
6641
  }
package/styles/input/bootstrap-dark.css CHANGED
@@ -152,11 +152,7 @@ textarea.e-input.e-bigger,
152
152
  .e-input-group.e-bigger,
153
153
  .e-bigger .e-input-group,
154
154
  .e-input-group.e-control-wrapper.e-bigger,
155
- .e-bigger .e-input-group.e-control-wrapper,
156
- .e-input-group.e-bigger.e-disabled,
157
- .e-bigger .e-input-group.e-disabled,
158
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
159
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
155
+ .e-bigger .e-input-group.e-control-wrapper {
160
156
  font-size: 15px;
161
157
  }
162
158
 
@@ -251,7 +247,7 @@ textarea.e-input.e-bigger,
251
247
  .e-rtl .e-input-group input ~ .e-input-group-icon,
252
248
  .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
253
249
  border-left-width: 0;
254
- border-right-width: 1px;
250
+ border-right: 1px solid #767676;
255
251
  }
256
252
 
257
253
  .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -538,8 +534,8 @@ textarea.e-input.e-small,
538
534
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
535
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
536
  .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,
537
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
538
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
543
539
  .e-bigger .e-input-group.e-small .e-input-group-icon,
544
540
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
545
541
  font-size: 12px;
@@ -2769,6 +2765,10 @@ textarea.e-input.e-bigger.e-small,
2769
2765
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2770
2766
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2771
2767
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2768
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2769
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2770
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2771
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2772
2772
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2773
2773
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2774
2774
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
package/styles/input/bootstrap.css CHANGED
@@ -152,11 +152,7 @@ textarea.e-input.e-bigger,
152
152
  .e-input-group.e-bigger,
153
153
  .e-bigger .e-input-group,
154
154
  .e-input-group.e-control-wrapper.e-bigger,
155
- .e-bigger .e-input-group.e-control-wrapper,
156
- .e-input-group.e-bigger.e-disabled,
157
- .e-bigger .e-input-group.e-disabled,
158
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
159
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
155
+ .e-bigger .e-input-group.e-control-wrapper {
160
156
  font-size: 15px;
161
157
  }
162
158
 
@@ -251,7 +247,7 @@ textarea.e-input.e-bigger,
251
247
  .e-rtl .e-input-group input ~ .e-input-group-icon,
252
248
  .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
253
249
  border-left-width: 0;
254
- border-right-width: 1px;
250
+ border-right: 1px solid #ccc;
255
251
  }
256
252
 
257
253
  .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -538,8 +534,8 @@ textarea.e-input.e-small,
538
534
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
535
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
536
  .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,
537
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
538
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
543
539
  .e-bigger .e-input-group.e-small .e-input-group-icon,
544
540
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
545
541
  font-size: 12px;
@@ -2769,6 +2765,10 @@ textarea.e-input.e-bigger.e-small,
2769
2765
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2770
2766
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2771
2767
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2768
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2769
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2770
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2771
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2772
2772
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2773
2773
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2774
2774
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
package/styles/input/bootstrap4.css CHANGED
@@ -152,11 +152,7 @@ textarea.e-input.e-bigger,
152
152
  .e-input-group.e-bigger,
153
153
  .e-bigger .e-input-group,
154
154
  .e-input-group.e-control-wrapper.e-bigger,
155
- .e-bigger .e-input-group.e-control-wrapper,
156
- .e-input-group.e-bigger.e-disabled,
157
- .e-bigger .e-input-group.e-disabled,
158
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
159
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
155
+ .e-bigger .e-input-group.e-control-wrapper {
160
156
  font-size: 16px;
161
157
  }
162
158
 
@@ -251,7 +247,7 @@ textarea.e-input.e-bigger,
251
247
  .e-rtl .e-input-group input ~ .e-input-group-icon,
252
248
  .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
253
249
  border-left-width: 0;
254
- border-right-width: 1px;
250
+ border-right: 1px solid #ced4da;
255
251
  }
256
252
 
257
253
  .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -538,8 +534,8 @@ textarea.e-input.e-small,
538
534
  .e-input-group.e-small .e-input-group-icon.e-bigger,
539
535
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
540
536
  .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,
537
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
538
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
543
539
  .e-bigger .e-input-group.e-small .e-input-group-icon,
544
540
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
545
541
  font-size: 12px;
@@ -2769,6 +2765,10 @@ textarea.e-input.e-bigger.e-small,
2769
2765
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2770
2766
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2771
2767
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2768
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2769
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2770
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2771
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2772
2772
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2773
2773
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2774
2774
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
package/styles/input/bootstrap5-dark.css CHANGED
@@ -113,7 +113,29 @@ input.e-input,
113
113
 
114
114
  .e-input.e-small,
115
115
  .e-input-group.e-small,
116
- .e-input-group.e-control-wrapper.e-small {
116
+ .e-input-group.e-control-wrapper.e-small,
117
+ .e-input-group.e-small .e-input,
118
+ .e-input-group.e-small input,
119
+ .e-input-group.e-control-wrapper.e-small .e-input,
120
+ .e-input-group.e-control-wrapper.e-small input,
121
+ .e-float-input.e-small input,
122
+ .e-float-input.e-input-group.e-small input,
123
+ .e-float-input.e-control-wrapper.e-small input,
124
+ .e-float-input.e-control-wrapper.e-input-group.e-small input,
125
+ .e-float-input.e-small,
126
+ .e-float-input.e-control-wrapper.e-small,
127
+ .e-small .e-input-group,
128
+ .e-small .e-input-group.e-control-wrapper,
129
+ .e-small .e-input-group .e-input,
130
+ .e-small .e-input-group input,
131
+ .e-small .e-input-group.e-control-wrapper .e-input,
132
+ .e-small .e-input-group.e-control-wrapper input,
133
+ .e-small .e-float-input input,
134
+ .e-small .e-float-input.e-input-group input,
135
+ .e-small .e-float-input.e-control-wrapper input,
136
+ .e-small .e-float-input.e-control-wrapper.e-input-group input,
137
+ .e-small .e-float-input,
138
+ .e-small .e-float-input.e-control-wrapper {
117
139
  border-radius: 2px;
118
140
  }
119
141
 
@@ -158,27 +180,64 @@ textarea.e-input.e-bigger,
158
180
  .e-input-group.e-bigger,
159
181
  .e-bigger .e-input-group,
160
182
  .e-input-group.e-control-wrapper.e-bigger,
161
- .e-bigger .e-input-group.e-control-wrapper,
162
- .e-input-group.e-bigger.e-disabled,
163
- .e-bigger .e-input-group.e-disabled,
164
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
165
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
183
+ .e-bigger .e-input-group.e-control-wrapper {
166
184
  border-radius: 4px;
167
185
  font-size: 16px;
168
186
  }
169
187
 
188
+ .e-input-group.e-bigger .e-input,
189
+ .e-input-group.e-bigger input,
190
+ .e-input-group.e-control-wrapper.e-bigger .e-input,
191
+ .e-input-group.e-control-wrapper.e-bigger input,
192
+ .e-float-input.e-bigger input,
193
+ .e-float-input.e-input-group.e-bigger input,
194
+ .e-float-input.e-control-wrapper.e-bigger input,
195
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger input,
196
+ .e-float-input.e-bigger,
197
+ .e-float-input.e-control-wrapper.e-bigger,
198
+ .e-bigger .e-input-group .e-input,
199
+ .e-bigger .e-input-group input,
200
+ .e-bigger .e-input-group.e-control-wrapper .e-input,
201
+ .e-bigger .e-input-group.e-control-wrapper input,
202
+ .e-bigger .e-float-input input,
203
+ .e-bigger .e-float-input.e-input-group input,
204
+ .e-bigger .e-float-input.e-control-wrapper input,
205
+ .e-bigger .e-float-input.e-control-wrapper.e-input-group input,
206
+ .e-bigger .e-float-input,
207
+ .e-bigger .e-float-input.e-control-wrapper {
208
+ border-radius: 4px;
209
+ }
210
+
170
211
  input.e-input.e-bigger.e-small,
171
212
  textarea.e-input.e-bigger.e-small,
172
213
  .e-bigger.e-small input.e-input,
173
214
  .e-bigger.e-small textarea.e-input,
174
215
  .e-input-group.e-bigger.e-small,
175
216
  .e-bigger.e-small .e-input-group,
176
- .e-input-group.e-control-wrapper.e-biggere-small,
177
- .e-bigger.e-small .e-input-group.e-control-wrapper,
178
- .e-input-group.e-bigger.e-small.e-disabled,
179
- .e-bigger.e-small .e-input-group.e-disabled,
180
- .e-input-group.e-control-wrapper.e-bigger.e-small.e-disabled,
181
- .e-bigger.e-small .e-input-group.e-control-wrapper.e-disabled {
217
+ .e-bigger.e-small .e-input-group.e-control-wrapper {
218
+ border-radius: 4px;
219
+ }
220
+
221
+ .e-input-group.e-bigger.e-small .e-input,
222
+ .e-input-group.e-bigger.e-small input,
223
+ .e-input-group.e-control-wrapper.e-bigger.e-small .e-input,
224
+ .e-input-group.e-control-wrapper.e-bigger.e-small input,
225
+ .e-float-input.e-bigger.e-small input,
226
+ .e-float-input.e-input-group.e-bigger.e-small input,
227
+ .e-float-input.e-control-wrapper.e-bigger.e-small input,
228
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
229
+ .e-float-input.e-bigger.e-small,
230
+ .e-float-input.e-control-wrapper.e-bigger.e-small,
231
+ .e-bigger.e-small .e-input-group .e-input,
232
+ .e-bigger.e-small .e-input-group input,
233
+ .e-bigger.e-small .e-input-group.e-control-wrapper .e-input,
234
+ .e-bigger.e-small .e-input-group.e-control-wrapper input,
235
+ .e-bigger.e-small .e-float-input input,
236
+ .e-bigger.e-small .e-float-input.e-input-group input,
237
+ .e-bigger.e-small .e-float-input.e-control-wrapper input,
238
+ .e-bigger.e-small .e-float-input.e-control-wrapper.e-input-group input,
239
+ .e-bigger.e-small .e-float-input,
240
+ .e-bigger.e-small .e-float-input.e-control-wrapper {
182
241
  border-radius: 4px;
183
242
  }
184
243
 
@@ -227,7 +286,7 @@ textarea.e-input.e-bigger,
227
286
  -ms-flex-pack: center;
228
287
  justify-content: center;
229
288
  line-height: 1;
230
- min-height: 29px;
289
+ min-height: 30px;
231
290
  min-width: 30px;
232
291
  padding: 0;
233
292
  text-align: center;
@@ -273,7 +332,7 @@ textarea.e-input.e-bigger,
273
332
  .e-rtl .e-input-group input ~ .e-input-group-icon,
274
333
  .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
275
334
  border-left-width: 0;
276
- border-right-width: 1px;
335
+ border-right: 1px solid #6c757d;
277
336
  }
278
337
 
279
338
  .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -551,7 +610,7 @@ textarea.e-input.e-small,
551
610
  .e-small .e-input-group .e-input-group-icon,
552
611
  .e-small .e-input-group.e-control-wrapper .e-input-group-icon {
553
612
  font-size: 12px;
554
- min-height: 22px;
613
+ min-height: 24px;
555
614
  min-width: 24px;
556
615
  padding: 0;
557
616
  }
@@ -560,8 +619,8 @@ textarea.e-input.e-small,
560
619
  .e-input-group.e-small .e-input-group-icon.e-bigger,
561
620
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
562
621
  .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,
622
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
623
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
565
624
  .e-bigger .e-input-group.e-small .e-input-group-icon,
566
625
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
567
626
  font-size: 12px;
@@ -2753,7 +2812,7 @@ textarea.e-input.e-bigger.e-small,
2753
2812
  .e-float-input.e-control-wrapper .e-clear-icon::before,
2754
2813
  .e-input-group .e-clear-icon::before,
2755
2814
  .e-input-group.e-control-wrapper .e-clear-icon::before {
2756
- font-size: 10px;
2815
+ font-size: 14px;
2757
2816
  padding: 0;
2758
2817
  text-align: center;
2759
2818
  vertical-align: middle;
@@ -2793,7 +2852,7 @@ textarea.e-input.e-bigger.e-small,
2793
2852
  .e-small .e-float-input .e-clear-icon::before,
2794
2853
  .e-small .e-input-group .e-clear-icon::before,
2795
2854
  .e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
2796
- font-size: 8px;
2855
+ font-size: 12px;
2797
2856
  }
2798
2857
 
2799
2858
  .e-float-input.e-bigger .e-clear-icon::before,
@@ -2806,13 +2865,17 @@ textarea.e-input.e-bigger.e-small,
2806
2865
  .e-bigger .e-float-input .e-clear-icon::before,
2807
2866
  .e-bigger .e-input-group .e-clear-icon::before,
2808
2867
  .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
2809
- font-size: 12px;
2868
+ font-size: 16px;
2810
2869
  }
2811
2870
 
2812
2871
  .e-float-input.e-small.e-bigger .e-clear-icon::before,
2813
2872
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2814
2873
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2815
2874
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2875
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2876
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2877
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2878
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2816
2879
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2817
2880
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2818
2881
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -2821,7 +2884,7 @@ textarea.e-input.e-bigger.e-small,
2821
2884
  .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
2822
2885
  .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
2823
2886
  .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before {
2824
- font-size: 12px;
2887
+ font-size: 14px;
2825
2888
  }
2826
2889
 
2827
2890
  .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
@@ -3795,7 +3858,8 @@ textarea.e-input,
3795
3858
  .e-input-group .e-input[readonly] ~ span.e-input-group-icon,
3796
3859
  .e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon,
3797
3860
  .e-float-input input[readonly] ~ span.e-input-group-icon,
3798
- .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon {
3861
+ .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
3862
+ .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
3799
3863
  background: #343a40;
3800
3864
  color: #adb5bd;
3801
3865
  }
@@ -4222,13 +4286,6 @@ textarea.e-input::-webkit-input-placeholder {
4222
4286
  border-color: #6c757d;
4223
4287
  }
4224
4288
 
4225
- .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
4226
- .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
4227
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
4228
- .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 {
4229
- border-color: transparent;
4230
- }
4231
-
4232
4289
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
4233
4290
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
4234
4291
  border-color: #6c757d;
package/styles/input/bootstrap5.css CHANGED
@@ -113,7 +113,29 @@ input.e-input,
113
113
 
114
114
  .e-input.e-small,
115
115
  .e-input-group.e-small,
116
- .e-input-group.e-control-wrapper.e-small {
116
+ .e-input-group.e-control-wrapper.e-small,
117
+ .e-input-group.e-small .e-input,
118
+ .e-input-group.e-small input,
119
+ .e-input-group.e-control-wrapper.e-small .e-input,
120
+ .e-input-group.e-control-wrapper.e-small input,
121
+ .e-float-input.e-small input,
122
+ .e-float-input.e-input-group.e-small input,
123
+ .e-float-input.e-control-wrapper.e-small input,
124
+ .e-float-input.e-control-wrapper.e-input-group.e-small input,
125
+ .e-float-input.e-small,
126
+ .e-float-input.e-control-wrapper.e-small,
127
+ .e-small .e-input-group,
128
+ .e-small .e-input-group.e-control-wrapper,
129
+ .e-small .e-input-group .e-input,
130
+ .e-small .e-input-group input,
131
+ .e-small .e-input-group.e-control-wrapper .e-input,
132
+ .e-small .e-input-group.e-control-wrapper input,
133
+ .e-small .e-float-input input,
134
+ .e-small .e-float-input.e-input-group input,
135
+ .e-small .e-float-input.e-control-wrapper input,
136
+ .e-small .e-float-input.e-control-wrapper.e-input-group input,
137
+ .e-small .e-float-input,
138
+ .e-small .e-float-input.e-control-wrapper {
117
139
  border-radius: 2px;
118
140
  }
119
141
 
@@ -158,27 +180,64 @@ textarea.e-input.e-bigger,
158
180
  .e-input-group.e-bigger,
159
181
  .e-bigger .e-input-group,
160
182
  .e-input-group.e-control-wrapper.e-bigger,
161
- .e-bigger .e-input-group.e-control-wrapper,
162
- .e-input-group.e-bigger.e-disabled,
163
- .e-bigger .e-input-group.e-disabled,
164
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
165
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
183
+ .e-bigger .e-input-group.e-control-wrapper {
166
184
  border-radius: 4px;
167
185
  font-size: 16px;
168
186
  }
169
187
 
188
+ .e-input-group.e-bigger .e-input,
189
+ .e-input-group.e-bigger input,
190
+ .e-input-group.e-control-wrapper.e-bigger .e-input,
191
+ .e-input-group.e-control-wrapper.e-bigger input,
192
+ .e-float-input.e-bigger input,
193
+ .e-float-input.e-input-group.e-bigger input,
194
+ .e-float-input.e-control-wrapper.e-bigger input,
195
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger input,
196
+ .e-float-input.e-bigger,
197
+ .e-float-input.e-control-wrapper.e-bigger,
198
+ .e-bigger .e-input-group .e-input,
199
+ .e-bigger .e-input-group input,
200
+ .e-bigger .e-input-group.e-control-wrapper .e-input,
201
+ .e-bigger .e-input-group.e-control-wrapper input,
202
+ .e-bigger .e-float-input input,
203
+ .e-bigger .e-float-input.e-input-group input,
204
+ .e-bigger .e-float-input.e-control-wrapper input,
205
+ .e-bigger .e-float-input.e-control-wrapper.e-input-group input,
206
+ .e-bigger .e-float-input,
207
+ .e-bigger .e-float-input.e-control-wrapper {
208
+ border-radius: 4px;
209
+ }
210
+
170
211
  input.e-input.e-bigger.e-small,
171
212
  textarea.e-input.e-bigger.e-small,
172
213
  .e-bigger.e-small input.e-input,
173
214
  .e-bigger.e-small textarea.e-input,
174
215
  .e-input-group.e-bigger.e-small,
175
216
  .e-bigger.e-small .e-input-group,
176
- .e-input-group.e-control-wrapper.e-biggere-small,
177
- .e-bigger.e-small .e-input-group.e-control-wrapper,
178
- .e-input-group.e-bigger.e-small.e-disabled,
179
- .e-bigger.e-small .e-input-group.e-disabled,
180
- .e-input-group.e-control-wrapper.e-bigger.e-small.e-disabled,
181
- .e-bigger.e-small .e-input-group.e-control-wrapper.e-disabled {
217
+ .e-bigger.e-small .e-input-group.e-control-wrapper {
218
+ border-radius: 4px;
219
+ }
220
+
221
+ .e-input-group.e-bigger.e-small .e-input,
222
+ .e-input-group.e-bigger.e-small input,
223
+ .e-input-group.e-control-wrapper.e-bigger.e-small .e-input,
224
+ .e-input-group.e-control-wrapper.e-bigger.e-small input,
225
+ .e-float-input.e-bigger.e-small input,
226
+ .e-float-input.e-input-group.e-bigger.e-small input,
227
+ .e-float-input.e-control-wrapper.e-bigger.e-small input,
228
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
229
+ .e-float-input.e-bigger.e-small,
230
+ .e-float-input.e-control-wrapper.e-bigger.e-small,
231
+ .e-bigger.e-small .e-input-group .e-input,
232
+ .e-bigger.e-small .e-input-group input,
233
+ .e-bigger.e-small .e-input-group.e-control-wrapper .e-input,
234
+ .e-bigger.e-small .e-input-group.e-control-wrapper input,
235
+ .e-bigger.e-small .e-float-input input,
236
+ .e-bigger.e-small .e-float-input.e-input-group input,
237
+ .e-bigger.e-small .e-float-input.e-control-wrapper input,
238
+ .e-bigger.e-small .e-float-input.e-control-wrapper.e-input-group input,
239
+ .e-bigger.e-small .e-float-input,
240
+ .e-bigger.e-small .e-float-input.e-control-wrapper {
182
241
  border-radius: 4px;
183
242
  }
184
243
 
@@ -227,7 +286,7 @@ textarea.e-input.e-bigger,
227
286
  -ms-flex-pack: center;
228
287
  justify-content: center;
229
288
  line-height: 1;
230
- min-height: 29px;
289
+ min-height: 30px;
231
290
  min-width: 30px;
232
291
  padding: 0;
233
292
  text-align: center;
@@ -273,7 +332,7 @@ textarea.e-input.e-bigger,
273
332
  .e-rtl .e-input-group input ~ .e-input-group-icon,
274
333
  .e-rtl .e-input-group.e-control-wrapper input ~ .e-input-group-icon {
275
334
  border-left-width: 0;
276
- border-right-width: 1px;
335
+ border-right: 1px solid #ced4da;
277
336
  }
278
337
 
279
338
  .e-input-group.e-rtl input ~ .e-input-group-icon + .e-input-group-icon,
@@ -551,7 +610,7 @@ textarea.e-input.e-small,
551
610
  .e-small .e-input-group .e-input-group-icon,
552
611
  .e-small .e-input-group.e-control-wrapper .e-input-group-icon {
553
612
  font-size: 12px;
554
- min-height: 22px;
613
+ min-height: 24px;
555
614
  min-width: 24px;
556
615
  padding: 0;
557
616
  }
@@ -560,8 +619,8 @@ textarea.e-input.e-small,
560
619
  .e-input-group.e-small .e-input-group-icon.e-bigger,
561
620
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
562
621
  .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,
622
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
623
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
565
624
  .e-bigger .e-input-group.e-small .e-input-group-icon,
566
625
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
567
626
  font-size: 12px;
@@ -2753,7 +2812,7 @@ textarea.e-input.e-bigger.e-small,
2753
2812
  .e-float-input.e-control-wrapper .e-clear-icon::before,
2754
2813
  .e-input-group .e-clear-icon::before,
2755
2814
  .e-input-group.e-control-wrapper .e-clear-icon::before {
2756
- font-size: 10px;
2815
+ font-size: 14px;
2757
2816
  padding: 0;
2758
2817
  text-align: center;
2759
2818
  vertical-align: middle;
@@ -2793,7 +2852,7 @@ textarea.e-input.e-bigger.e-small,
2793
2852
  .e-small .e-float-input .e-clear-icon::before,
2794
2853
  .e-small .e-input-group .e-clear-icon::before,
2795
2854
  .e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
2796
- font-size: 8px;
2855
+ font-size: 12px;
2797
2856
  }
2798
2857
 
2799
2858
  .e-float-input.e-bigger .e-clear-icon::before,
@@ -2806,13 +2865,17 @@ textarea.e-input.e-bigger.e-small,
2806
2865
  .e-bigger .e-float-input .e-clear-icon::before,
2807
2866
  .e-bigger .e-input-group .e-clear-icon::before,
2808
2867
  .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
2809
- font-size: 12px;
2868
+ font-size: 16px;
2810
2869
  }
2811
2870
 
2812
2871
  .e-float-input.e-small.e-bigger .e-clear-icon::before,
2813
2872
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2814
2873
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2815
2874
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2875
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2876
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2877
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2878
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2816
2879
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2817
2880
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2818
2881
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -2821,7 +2884,7 @@ textarea.e-input.e-bigger.e-small,
2821
2884
  .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
2822
2885
  .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
2823
2886
  .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before {
2824
- font-size: 12px;
2887
+ font-size: 14px;
2825
2888
  }
2826
2889
 
2827
2890
  .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
@@ -3795,7 +3858,8 @@ textarea.e-input,
3795
3858
  .e-input-group .e-input[readonly] ~ span.e-input-group-icon,
3796
3859
  .e-input-group.e-control-wrapper .e-input[readonly] ~ span.e-input-group-icon,
3797
3860
  .e-float-input input[readonly] ~ span.e-input-group-icon,
3798
- .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon {
3861
+ .e-float-input.e-control-wrapper input[readonly] ~ span.e-input-group-icon,
3862
+ .e-float-input.e-control-wrapper input[readonly] ~ span.e-clear-icon {
3799
3863
  background: #e9ecef;
3800
3864
  color: #6c757d;
3801
3865
  }
@@ -4222,13 +4286,6 @@ textarea.e-input::-webkit-input-placeholder {
4222
4286
  border-color: #ced4da;
4223
4287
  }
4224
4288
 
4225
- .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
4226
- .e-input-group.e-input-focus.e-rtl:not(.e-success):not(.e-warning):not(.e-error) span:last-child.e-input-group-icon,
4227
- .e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
4228
- .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 {
4229
- border-color: transparent;
4230
- }
4231
-
4232
4289
  .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
4233
4290
  .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
4234
4291
  border-color: #ced4da;