@syncfusion/ej2-vue-inputs 20.1.48 → 20.1.59

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 (169) hide show
  1. package/CHANGELOG.md +0 -17
  2. package/README.md +15 -2
  3. package/dist/ej2-vue-inputs.umd.min.js +11 -2
  4. package/dist/es6/ej2-vue-inputs.es2015.js +151 -16
  5. package/dist/es6/ej2-vue-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-vue-inputs.es5.js +98 -9
  7. package/dist/es6/ej2-vue-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-vue-inputs.min.js +2 -2
  9. package/package.json +8 -14
  10. package/src/color-picker/colorpicker.component.d.ts +1 -0
  11. package/src/color-picker/colorpicker.component.js +11 -1
  12. package/src/maskedtextbox/maskedtextbox.component.d.ts +1 -0
  13. package/src/maskedtextbox/maskedtextbox.component.js +11 -1
  14. package/src/numerictextbox/numerictextbox.component.d.ts +1 -0
  15. package/src/numerictextbox/numerictextbox.component.js +11 -1
  16. package/src/signature/signature.component.d.ts +1 -0
  17. package/src/signature/signature.component.js +10 -1
  18. package/src/slider/slider.component.d.ts +1 -0
  19. package/src/slider/slider.component.js +11 -1
  20. package/src/textbox/textbox.component.d.ts +1 -0
  21. package/src/textbox/textbox.component.js +11 -1
  22. package/src/uploader/files.directive.d.ts +3 -1
  23. package/src/uploader/files.directive.js +24 -2
  24. package/src/uploader/uploader.component.d.ts +1 -0
  25. package/src/uploader/uploader.component.js +10 -1
  26. package/styles/bootstrap-dark.css +135 -670
  27. package/styles/bootstrap.css +132 -667
  28. package/styles/bootstrap4.css +131 -696
  29. package/styles/bootstrap5-dark.css +247 -757
  30. package/styles/bootstrap5.css +247 -757
  31. package/styles/color-picker/bootstrap-dark.css +27 -194
  32. package/styles/color-picker/bootstrap.css +27 -194
  33. package/styles/color-picker/bootstrap4.css +27 -209
  34. package/styles/color-picker/bootstrap5-dark.css +52 -221
  35. package/styles/color-picker/bootstrap5.css +52 -221
  36. package/styles/color-picker/fabric-dark.css +27 -194
  37. package/styles/color-picker/fabric.css +27 -194
  38. package/styles/color-picker/fluent-dark.css +735 -0
  39. package/styles/color-picker/fluent-dark.scss +1 -0
  40. package/styles/color-picker/fluent.css +735 -0
  41. package/styles/color-picker/fluent.scss +1 -0
  42. package/styles/color-picker/highcontrast-light.css +27 -194
  43. package/styles/color-picker/highcontrast.css +27 -194
  44. package/styles/color-picker/material-dark.css +27 -195
  45. package/styles/color-picker/material.css +27 -196
  46. package/styles/color-picker/tailwind-dark.css +36 -207
  47. package/styles/color-picker/tailwind.css +36 -207
  48. package/styles/fabric-dark.css +130 -667
  49. package/styles/fabric.css +129 -666
  50. package/styles/fluent-dark.css +6806 -0
  51. package/styles/fluent-dark.scss +8 -0
  52. package/styles/fluent.css +6806 -0
  53. package/styles/fluent.scss +8 -0
  54. package/styles/highcontrast-light.css +138 -687
  55. package/styles/highcontrast.css +138 -687
  56. package/styles/input/bootstrap-dark.css +44 -46
  57. package/styles/input/bootstrap.css +41 -43
  58. package/styles/input/bootstrap4.css +41 -43
  59. package/styles/input/bootstrap5-dark.css +119 -64
  60. package/styles/input/bootstrap5.css +119 -64
  61. package/styles/input/fabric-dark.css +39 -40
  62. package/styles/input/fabric.css +39 -40
  63. package/styles/input/fluent-dark.css +4594 -0
  64. package/styles/input/fluent-dark.scss +1 -0
  65. package/styles/input/fluent.css +4594 -0
  66. package/styles/input/fluent.scss +1 -0
  67. package/styles/input/highcontrast-light.css +40 -42
  68. package/styles/input/highcontrast.css +40 -42
  69. package/styles/input/material-dark.css +94 -129
  70. package/styles/input/material.css +94 -130
  71. package/styles/input/tailwind-dark.css +126 -71
  72. package/styles/input/tailwind.css +126 -71
  73. package/styles/maskedtextbox/bootstrap-dark.css +1 -1
  74. package/styles/maskedtextbox/bootstrap.css +1 -1
  75. package/styles/maskedtextbox/bootstrap4.css +1 -1
  76. package/styles/maskedtextbox/bootstrap5-dark.css +1 -1
  77. package/styles/maskedtextbox/bootstrap5.css +1 -1
  78. package/styles/maskedtextbox/fabric-dark.css +1 -1
  79. package/styles/maskedtextbox/fabric.css +1 -1
  80. package/styles/maskedtextbox/fluent-dark.css +26 -0
  81. package/styles/maskedtextbox/fluent-dark.scss +1 -0
  82. package/styles/maskedtextbox/fluent.css +26 -0
  83. package/styles/maskedtextbox/fluent.scss +1 -0
  84. package/styles/maskedtextbox/highcontrast-light.css +1 -1
  85. package/styles/maskedtextbox/highcontrast.css +1 -1
  86. package/styles/maskedtextbox/material-dark.css +1 -2
  87. package/styles/maskedtextbox/material.css +1 -3
  88. package/styles/maskedtextbox/tailwind-dark.css +1 -1
  89. package/styles/maskedtextbox/tailwind.css +1 -1
  90. package/styles/material-dark.css +188 -786
  91. package/styles/material.css +188 -791
  92. package/styles/numerictextbox/bootstrap-dark.css +6 -8
  93. package/styles/numerictextbox/bootstrap.css +6 -8
  94. package/styles/numerictextbox/bootstrap4.css +6 -7
  95. package/styles/numerictextbox/bootstrap5-dark.css +6 -7
  96. package/styles/numerictextbox/bootstrap5.css +6 -7
  97. package/styles/numerictextbox/fabric-dark.css +6 -7
  98. package/styles/numerictextbox/fabric.css +6 -7
  99. package/styles/numerictextbox/fluent-dark.css +58 -0
  100. package/styles/numerictextbox/fluent-dark.scss +1 -0
  101. package/styles/numerictextbox/fluent.css +58 -0
  102. package/styles/numerictextbox/fluent.scss +1 -0
  103. package/styles/numerictextbox/highcontrast-light.css +6 -7
  104. package/styles/numerictextbox/highcontrast.css +6 -7
  105. package/styles/numerictextbox/material-dark.css +6 -8
  106. package/styles/numerictextbox/material.css +6 -9
  107. package/styles/numerictextbox/tailwind-dark.css +6 -7
  108. package/styles/numerictextbox/tailwind.css +6 -7
  109. package/styles/signature/bootstrap-dark.css +1 -1
  110. package/styles/signature/bootstrap.css +1 -1
  111. package/styles/signature/bootstrap4.css +1 -1
  112. package/styles/signature/bootstrap5-dark.css +1 -1
  113. package/styles/signature/bootstrap5.css +1 -1
  114. package/styles/signature/fabric-dark.css +1 -1
  115. package/styles/signature/fabric.css +1 -1
  116. package/styles/signature/fluent-dark.css +9 -0
  117. package/styles/signature/fluent-dark.scss +1 -0
  118. package/styles/signature/fluent.css +9 -0
  119. package/styles/signature/fluent.scss +1 -0
  120. package/styles/signature/highcontrast-light.css +1 -1
  121. package/styles/signature/highcontrast.css +1 -1
  122. package/styles/signature/material-dark.css +1 -1
  123. package/styles/signature/material.css +1 -1
  124. package/styles/signature/tailwind-dark.css +1 -1
  125. package/styles/signature/tailwind.css +1 -1
  126. package/styles/slider/bootstrap-dark.css +2 -91
  127. package/styles/slider/bootstrap.css +2 -91
  128. package/styles/slider/bootstrap4.css +1 -106
  129. package/styles/slider/bootstrap5-dark.css +14 -134
  130. package/styles/slider/bootstrap5.css +14 -134
  131. package/styles/slider/fabric-dark.css +2 -96
  132. package/styles/slider/fabric.css +1 -95
  133. package/styles/slider/fluent-dark.css +528 -0
  134. package/styles/slider/fluent-dark.scss +1 -0
  135. package/styles/slider/fluent.css +528 -0
  136. package/styles/slider/fluent.scss +1 -0
  137. package/styles/slider/highcontrast-light.css +9 -113
  138. package/styles/slider/highcontrast.css +9 -113
  139. package/styles/slider/material-dark.css +5 -120
  140. package/styles/slider/material.css +5 -120
  141. package/styles/slider/tailwind-dark.css +11 -135
  142. package/styles/slider/tailwind.css +11 -135
  143. package/styles/tailwind-dark.css +289 -779
  144. package/styles/tailwind.css +289 -779
  145. package/styles/textbox/fluent-dark.css +0 -0
  146. package/styles/textbox/fluent-dark.scss +1 -0
  147. package/styles/textbox/fluent.css +0 -0
  148. package/styles/textbox/fluent.scss +1 -0
  149. package/styles/textbox/material-dark.css +1 -1
  150. package/styles/textbox/material.css +1 -2
  151. package/styles/textbox/tailwind-dark.css +1 -1
  152. package/styles/textbox/tailwind.css +1 -1
  153. package/styles/uploader/bootstrap-dark.css +60 -334
  154. package/styles/uploader/bootstrap.css +60 -334
  155. package/styles/uploader/bootstrap4.css +60 -334
  156. package/styles/uploader/bootstrap5-dark.css +60 -334
  157. package/styles/uploader/bootstrap5.css +60 -334
  158. package/styles/uploader/fabric-dark.css +60 -334
  159. package/styles/uploader/fabric.css +60 -334
  160. package/styles/uploader/fluent-dark.css +851 -0
  161. package/styles/uploader/fluent-dark.scss +1 -0
  162. package/styles/uploader/fluent.css +851 -0
  163. package/styles/uploader/fluent.scss +1 -0
  164. package/styles/uploader/highcontrast-light.css +60 -334
  165. package/styles/uploader/highcontrast.css +60 -334
  166. package/styles/uploader/material-dark.css +60 -335
  167. package/styles/uploader/material.css +60 -335
  168. package/styles/uploader/tailwind-dark.css +113 -362
  169. package/styles/uploader/tailwind.css +113 -362
@@ -1,14 +1,14 @@
1
1
  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
2
  .e-float-input .e-clear-icon::before,
3
3
  .e-float-input.e-control-wrapper .e-clear-icon::before {
4
- content: '\e771';
5
- font-family: 'e-icons';
4
+ content: "\e7e7";
5
+ font-family: "e-icons";
6
6
  }
7
7
 
8
8
  .e-input-group .e-clear-icon::before,
9
9
  .e-input-group.e-control-wrapper .e-clear-icon::before {
10
- content: '\e771';
11
- font-family: 'e-icons';
10
+ content: "\e7e7";
11
+ font-family: "e-icons";
12
12
  }
13
13
 
14
14
  /*! input layout */
@@ -114,7 +114,29 @@ input.e-input,
114
114
 
115
115
  .e-input.e-small,
116
116
  .e-input-group.e-small,
117
- .e-input-group.e-control-wrapper.e-small {
117
+ .e-input-group.e-control-wrapper.e-small,
118
+ .e-input-group.e-small .e-input,
119
+ .e-input-group.e-small input,
120
+ .e-input-group.e-control-wrapper.e-small .e-input,
121
+ .e-input-group.e-control-wrapper.e-small input,
122
+ .e-float-input.e-small input,
123
+ .e-float-input.e-input-group.e-small input,
124
+ .e-float-input.e-control-wrapper.e-small input,
125
+ .e-float-input.e-control-wrapper.e-input-group.e-small input,
126
+ .e-float-input.e-small,
127
+ .e-float-input.e-control-wrapper.e-small,
128
+ .e-small .e-input-group,
129
+ .e-small .e-input-group.e-control-wrapper,
130
+ .e-small .e-input-group .e-input,
131
+ .e-small .e-input-group input,
132
+ .e-small .e-input-group.e-control-wrapper .e-input,
133
+ .e-small .e-input-group.e-control-wrapper input,
134
+ .e-small .e-float-input input,
135
+ .e-small .e-float-input.e-input-group input,
136
+ .e-small .e-float-input.e-control-wrapper input,
137
+ .e-small .e-float-input.e-control-wrapper.e-input-group input,
138
+ .e-small .e-float-input,
139
+ .e-small .e-float-input.e-control-wrapper {
118
140
  border-radius: 2px;
119
141
  }
120
142
 
@@ -159,27 +181,64 @@ textarea.e-input.e-bigger,
159
181
  .e-input-group.e-bigger,
160
182
  .e-bigger .e-input-group,
161
183
  .e-input-group.e-control-wrapper.e-bigger,
162
- .e-bigger .e-input-group.e-control-wrapper,
163
- .e-input-group.e-bigger.e-disabled,
164
- .e-bigger .e-input-group.e-disabled,
165
- .e-input-group.e-control-wrapper.e-bigger.e-disabled,
166
- .e-bigger .e-input-group.e-control-wrapper.e-disabled {
184
+ .e-bigger .e-input-group.e-control-wrapper {
167
185
  border-radius: 6px;
168
186
  font-size: 16px;
169
187
  }
170
188
 
189
+ .e-input-group.e-bigger .e-input,
190
+ .e-input-group.e-bigger input,
191
+ .e-input-group.e-control-wrapper.e-bigger .e-input,
192
+ .e-input-group.e-control-wrapper.e-bigger input,
193
+ .e-float-input.e-bigger input,
194
+ .e-float-input.e-input-group.e-bigger input,
195
+ .e-float-input.e-control-wrapper.e-bigger input,
196
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger input,
197
+ .e-float-input.e-bigger,
198
+ .e-float-input.e-control-wrapper.e-bigger,
199
+ .e-bigger .e-input-group .e-input,
200
+ .e-bigger .e-input-group input,
201
+ .e-bigger .e-input-group.e-control-wrapper .e-input,
202
+ .e-bigger .e-input-group.e-control-wrapper input,
203
+ .e-bigger .e-float-input input,
204
+ .e-bigger .e-float-input.e-input-group input,
205
+ .e-bigger .e-float-input.e-control-wrapper input,
206
+ .e-bigger .e-float-input.e-control-wrapper.e-input-group input,
207
+ .e-bigger .e-float-input,
208
+ .e-bigger .e-float-input.e-control-wrapper {
209
+ border-radius: 6px;
210
+ }
211
+
171
212
  input.e-input.e-bigger.e-small,
172
213
  textarea.e-input.e-bigger.e-small,
173
214
  .e-bigger.e-small input.e-input,
174
215
  .e-bigger.e-small textarea.e-input,
175
216
  .e-input-group.e-bigger.e-small,
176
217
  .e-bigger.e-small .e-input-group,
177
- .e-input-group.e-control-wrapper.e-biggere-small,
178
- .e-bigger.e-small .e-input-group.e-control-wrapper,
179
- .e-input-group.e-bigger.e-small.e-disabled,
180
- .e-bigger.e-small .e-input-group.e-disabled,
181
- .e-input-group.e-control-wrapper.e-bigger.e-small.e-disabled,
182
- .e-bigger.e-small .e-input-group.e-control-wrapper.e-disabled {
218
+ .e-bigger.e-small .e-input-group.e-control-wrapper {
219
+ border-radius: 4px;
220
+ }
221
+
222
+ .e-input-group.e-bigger.e-small .e-input,
223
+ .e-input-group.e-bigger.e-small input,
224
+ .e-input-group.e-control-wrapper.e-bigger.e-small .e-input,
225
+ .e-input-group.e-control-wrapper.e-bigger.e-small input,
226
+ .e-float-input.e-bigger.e-small input,
227
+ .e-float-input.e-input-group.e-bigger.e-small input,
228
+ .e-float-input.e-control-wrapper.e-bigger.e-small input,
229
+ .e-float-input.e-control-wrapper.e-input-group.e-bigger.e-small input,
230
+ .e-float-input.e-bigger.e-small,
231
+ .e-float-input.e-control-wrapper.e-bigger.e-small,
232
+ .e-bigger.e-small .e-input-group .e-input,
233
+ .e-bigger.e-small .e-input-group input,
234
+ .e-bigger.e-small .e-input-group.e-control-wrapper .e-input,
235
+ .e-bigger.e-small .e-input-group.e-control-wrapper input,
236
+ .e-bigger.e-small .e-float-input input,
237
+ .e-bigger.e-small .e-float-input.e-input-group input,
238
+ .e-bigger.e-small .e-float-input.e-control-wrapper input,
239
+ .e-bigger.e-small .e-float-input.e-control-wrapper.e-input-group input,
240
+ .e-bigger.e-small .e-float-input,
241
+ .e-bigger.e-small .e-float-input.e-control-wrapper {
183
242
  border-radius: 4px;
184
243
  }
185
244
 
@@ -230,7 +289,7 @@ textarea.e-input.e-bigger,
230
289
  line-height: 1;
231
290
  min-height: 18px;
232
291
  min-width: 20px;
233
- padding: 5px 4px 5px 4px;
292
+ padding: 5px 8px 5px 4px;
234
293
  text-align: center;
235
294
  }
236
295
 
@@ -278,7 +337,7 @@ textarea.e-input.e-bigger,
278
337
  .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
279
338
  .e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
280
339
  font-size: 22px;
281
- padding: 7px 8px 7px 8px;
340
+ padding: 7px 12px 7px 6px;
282
341
  }
283
342
 
284
343
  .e-input[disabled],
@@ -515,21 +574,21 @@ textarea.e-input.e-small,
515
574
  font-size: 16px;
516
575
  min-height: 18px;
517
576
  min-width: 20px;
518
- padding: 3px 1.5px 3px 1.5px;
577
+ padding: 3px 6px 3px 3px;
519
578
  }
520
579
 
521
580
  .e-input-group.e-small.e-bigger .e-input-group-icon,
522
581
  .e-input-group.e-small .e-input-group-icon.e-bigger,
523
582
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
524
583
  .e-input-group.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
525
- .e-small .e-bigger.e-input-group .e-input-group-icon,
526
- .e-small .e-bigger.e-input-group.e-control-wrapper .e-input-group-icon,
584
+ .e-small.e-bigger .e-input-group .e-input-group-icon,
585
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon,
527
586
  .e-bigger .e-input-group.e-small .e-input-group-icon,
528
587
  .e-bigger .e-input-group.e-control-wrapper.e-small .e-input-group-icon {
529
588
  font-size: 20px;
530
589
  min-height: 18px;
531
590
  min-width: 20px;
532
- padding: 5px;
591
+ padding: 6px;
533
592
  }
534
593
 
535
594
  label.e-float-text,
@@ -1179,10 +1238,10 @@ label.e-float-text,
1179
1238
  .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::before,
1180
1239
  .e-float-input.e-control-wrapper:not(.e-input-group) .e-float-line::after {
1181
1240
  bottom: 0;
1182
- content: '';
1241
+ content: "";
1183
1242
  height: 2px;
1184
1243
  position: absolute;
1185
- transition: .2s ease;
1244
+ transition: 0.2s ease;
1186
1245
  width: 0;
1187
1246
  }
1188
1247
 
@@ -1359,7 +1418,7 @@ label.e-float-text,
1359
1418
 
1360
1419
  .e-input-group.e-warning::before,
1361
1420
  .e-input-group.e-control-wrapper.e-warning::before {
1362
- content: '';
1421
+ content: "";
1363
1422
  }
1364
1423
 
1365
1424
  .e-float-input input[disabled],
@@ -1414,24 +1473,24 @@ label.e-float-text,
1414
1473
  .e-input-group::after,
1415
1474
  .e-input-group.e-control-wrapper::before,
1416
1475
  .e-input-group.e-control-wrapper::after {
1417
- content: '';
1476
+ content: "";
1418
1477
  }
1419
1478
 
1420
1479
  .e-input-group::before,
1421
1480
  .e-input-group.e-control-wrapper::before {
1422
- content: '';
1481
+ content: "";
1423
1482
  }
1424
1483
 
1425
1484
  .e-input-group.e-input-focus::before,
1426
1485
  .e-input-group.e-input-focus::after,
1427
1486
  .e-input-group.e-control-wrapper.e-input-focus::before,
1428
1487
  .e-input-group.e-control-wrapper.e-input-focus::after {
1429
- content: '';
1488
+ content: "";
1430
1489
  }
1431
1490
 
1432
1491
  .e-input-group::after,
1433
1492
  .e-input-group.e-control-wrapper::after {
1434
- content: '';
1493
+ content: "";
1435
1494
  }
1436
1495
 
1437
1496
  .e-input-group,
@@ -1608,17 +1667,17 @@ label.e-float-text,
1608
1667
 
1609
1668
  .e-input-group .e-input-group-icon,
1610
1669
  .e-input-group.e-control-wrapper .e-input-group-icon {
1611
- content: '';
1670
+ content: "";
1612
1671
  }
1613
1672
 
1614
1673
  .e-input-group:not(.e-filled) .e-input-group-icon::after,
1615
1674
  .e-input-group.e-control-wrapper:not(.e-filled) .e-input-group-icon::after {
1616
- content: '';
1675
+ content: "";
1617
1676
  }
1618
1677
 
1619
1678
  .e-input-group .e-input-group-icon.e-input-btn-ripple::after,
1620
1679
  .e-input-group.e-control-wrapper .e-input-group-icon.e-input-btn-ripple::after {
1621
- content: '';
1680
+ content: "";
1622
1681
  }
1623
1682
 
1624
1683
  input.e-input::-ms-clear,
@@ -1627,18 +1686,18 @@ input.e-input::-ms-clear,
1627
1686
  display: none;
1628
1687
  }
1629
1688
 
1630
- input.e-input[type='search']::-webkit-search-decoration,
1631
- input.e-input[type='search']::-webkit-search-cancel-button,
1632
- input.e-input[type='search']::-webkit-search-results-button,
1633
- input.e-input[type='search']::-webkit-search-results-decoration,
1634
- .e-float-input input[type='search']::-webkit-search-decoration,
1635
- .e-float-input input[type='search']::-webkit-search-cancel-button,
1636
- .e-float-input input[type='search']::-webkit-search-results-button,
1637
- .e-float-input input[type='search']::-webkit-search-results-decoration,
1638
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-decoration,
1639
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-cancel-button,
1640
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-button,
1641
- .e-float-input.e-control-wrapper input[type='search']::-webkit-search-results-decoration {
1689
+ input.e-input[type=search]::-webkit-search-decoration,
1690
+ input.e-input[type=search]::-webkit-search-cancel-button,
1691
+ input.e-input[type=search]::-webkit-search-results-button,
1692
+ input.e-input[type=search]::-webkit-search-results-decoration,
1693
+ .e-float-input input[type=search]::-webkit-search-decoration,
1694
+ .e-float-input input[type=search]::-webkit-search-cancel-button,
1695
+ .e-float-input input[type=search]::-webkit-search-results-button,
1696
+ .e-float-input input[type=search]::-webkit-search-results-decoration,
1697
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-decoration,
1698
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-cancel-button,
1699
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-button,
1700
+ .e-float-input.e-control-wrapper input[type=search]::-webkit-search-results-decoration {
1642
1701
  -webkit-appearance: none;
1643
1702
  }
1644
1703
 
@@ -1906,14 +1965,13 @@ input.e-input.e-small,
1906
1965
  .e-small .e-float-input.e-control-wrapper input,
1907
1966
  .e-small .e-float-input.e-control-wrapper input.e-input {
1908
1967
  box-sizing: border-box;
1909
- height: 26px;
1968
+ height: 24px;
1910
1969
  }
1911
1970
 
1912
1971
  .e-float-input.e-small:not(.e-input-group) input,
1913
1972
  .e-float-input.e-small:not(.e-input-group) input.e-input,
1914
1973
  .e-small .e-float-input:not(.e-input-group) input,
1915
- .e-small .e-float-input:not(.e-input-group) input.e-input
1916
- .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
1974
+ .e-small .e-float-input:not(.e-input-group) input.e-input .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input,
1917
1975
  .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
1918
1976
  .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
1919
1977
  .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
@@ -2728,7 +2786,7 @@ textarea.e-input.e-bigger.e-small,
2728
2786
  .e-float-input.e-control-wrapper .e-clear-icon::before,
2729
2787
  .e-input-group .e-clear-icon::before,
2730
2788
  .e-input-group.e-control-wrapper .e-clear-icon::before {
2731
- font-size: 16px;
2789
+ font-size: 18px;
2732
2790
  padding: 0;
2733
2791
  text-align: center;
2734
2792
  vertical-align: middle;
@@ -2768,7 +2826,7 @@ textarea.e-input.e-bigger.e-small,
2768
2826
  .e-small .e-float-input .e-clear-icon::before,
2769
2827
  .e-small .e-input-group .e-clear-icon::before,
2770
2828
  .e-small .e-input-group.e-control-wrapper .e-clear-icon::before {
2771
- font-size: 14px;
2829
+ font-size: 16px;
2772
2830
  }
2773
2831
 
2774
2832
  .e-float-input.e-bigger .e-clear-icon::before,
@@ -2781,13 +2839,17 @@ textarea.e-input.e-bigger.e-small,
2781
2839
  .e-bigger .e-float-input .e-clear-icon::before,
2782
2840
  .e-bigger .e-input-group .e-clear-icon::before,
2783
2841
  .e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before {
2784
- font-size: 18px;
2842
+ font-size: 22px;
2785
2843
  }
2786
2844
 
2787
2845
  .e-float-input.e-small.e-bigger .e-clear-icon::before,
2788
2846
  .e-float-input.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2789
2847
  .e-input-group.e-small.e-bigger .e-clear-icon::before,
2790
2848
  .e-input-group.e-control-wrapper.e-small.e-bigger .e-clear-icon::before,
2849
+ .e-small.e-bigger .e-float-input .e-clear-icon::before,
2850
+ .e-small.e-bigger .e-float-input.e-control-wrapper .e-clear-icon::before,
2851
+ .e-small.e-bigger .e-input-group .e-clear-icon::before,
2852
+ .e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon::before,
2791
2853
  .e-small .e-input-group.e-bigger input:first-child ~ .e-clear-icon::before,
2792
2854
  .e-small .e-input-group.e-control-wrapper.e-bigger input:first-child ~ .e-clear-icon::before,
2793
2855
  .e-bigger .e-input-group.e-small input:first-child ~ .e-clear-icon::before,
@@ -2796,7 +2858,7 @@ textarea.e-input.e-bigger.e-small,
2796
2858
  .e-small .e-float-input.e-bigger input:first-child ~ .e-clear-icon::before,
2797
2859
  .e-bigger .e-float-input.e-control-wrapper.e-small input:first-child ~ .e-clear-icon::before,
2798
2860
  .e-bigger .e-float-input.e-small input:first-child ~ .e-clear-icon::before {
2799
- font-size: 14px;
2861
+ font-size: 20px;
2800
2862
  }
2801
2863
 
2802
2864
  .e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
@@ -2844,7 +2906,7 @@ textarea.e-input.e-bigger.e-small,
2844
2906
  .e-input-group .e-clear-icon,
2845
2907
  .e-input-group.e-control-wrapper .e-clear-icon {
2846
2908
  min-height: 0;
2847
- min-width: 28px;
2909
+ min-width: 32px;
2848
2910
  padding-bottom: 0;
2849
2911
  padding-left: 0;
2850
2912
  padding-right: 0;
@@ -2854,7 +2916,7 @@ textarea.e-input.e-bigger.e-small,
2854
2916
  .e-float-input.e-input-group .e-clear-icon,
2855
2917
  .e-float-input.e-input-group.e-control-wrapper .e-clear-icon {
2856
2918
  padding-right: 0;
2857
- padding-top: 5px;
2919
+ padding-top: 0;
2858
2920
  }
2859
2921
 
2860
2922
  .e-input-group.e-bigger .e-clear-icon,
@@ -2864,7 +2926,7 @@ textarea.e-input.e-bigger.e-small,
2864
2926
  .e-bigger .e-input-group .e-clear-icon,
2865
2927
  .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
2866
2928
  min-height: 0;
2867
- min-width: 34px;
2929
+ min-width: 38px;
2868
2930
  padding-bottom: 0;
2869
2931
  padding-right: 0;
2870
2932
  padding-top: 0;
@@ -2915,8 +2977,8 @@ textarea.e-input.e-bigger.e-small,
2915
2977
  .e-input-group.e-control-wrapper.e-small .e-clear-icon,
2916
2978
  .e-input-group.e-control-wrapper .e-clear-icon.e-small,
2917
2979
  .e-small .e-input-group.e-control-wrapper .e-clear-icon {
2918
- min-height: 28px;
2919
- min-width: 28px;
2980
+ min-height: 24px;
2981
+ min-width: 24px;
2920
2982
  padding-bottom: 0;
2921
2983
  padding-right: 0;
2922
2984
  padding-top: 0;
@@ -3018,7 +3080,7 @@ textarea.e-input.e-bigger.e-small,
3018
3080
  .e-bigger .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text,
3019
3081
  .e-bigger .e-float-input.e-control-wrapper textarea ~ label.e-label-top.e-float-text {
3020
3082
  font-size: 14px;
3021
- top: 14px;
3083
+ top: 12px;
3022
3084
  }
3023
3085
 
3024
3086
  .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3046,12 +3108,12 @@ textarea.e-input.e-bigger.e-small,
3046
3108
  .e-bigger .e-float-input.e-control-wrapper.e-small textarea:valid ~ label.e-float-text,
3047
3109
  .e-bigger .e-float-input.e-control-wrapper.e-small textarea ~ label.e-label-top.e-float-text {
3048
3110
  font-size: 12px;
3049
- top: 16px;
3111
+ top: 15px;
3050
3112
  }
3051
3113
 
3052
3114
  .e-float-input textarea ~ .e-float-text,
3053
3115
  .e-float-input.e-control-wrapper textarea ~ .e-float-text {
3054
- top: 15px;
3116
+ top: 13px;
3055
3117
  }
3056
3118
 
3057
3119
  .e-float-input.e-small textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -3574,13 +3636,6 @@ textarea.e-input,
3574
3636
  padding: 4px 8px 4px 14px;
3575
3637
  }
3576
3638
 
3577
- .e-bigger input.e-input,
3578
- .e-bigger textarea.e-input,
3579
- input.e-input.e-bigger,
3580
- textarea.e-input.e-bigger {
3581
- min-height: 36px;
3582
- }
3583
-
3584
3639
  .e-filled.e-input-group,
3585
3640
  .e-filled.e-input-group.e-control-wrapper,
3586
3641
  .e-filled.e-float-input,
@@ -3957,28 +4012,28 @@ textarea.e-input::-webkit-input-placeholder {
3957
4012
  .e-input-group::after,
3958
4013
  .e-input-group.e-control-wrapper::before,
3959
4014
  .e-input-group.e-control-wrapper::after {
3960
- content: '';
4015
+ content: "";
3961
4016
  }
3962
4017
 
3963
4018
  .e-input-group.e-success::before,
3964
4019
  .e-input-group.e-success::after,
3965
4020
  .e-input-group.e-control-wrapper.e-success::before,
3966
4021
  .e-input-group.e-control-wrapper.e-success::after {
3967
- content: '';
4022
+ content: "";
3968
4023
  }
3969
4024
 
3970
4025
  .e-input-group.e-warning::before,
3971
4026
  .e-input-group.e-warning::after,
3972
4027
  .e-input-group.e-control-wrapper.e-warning::before,
3973
4028
  .e-input-group.e-control-wrapper.e-warning::after {
3974
- content: '';
4029
+ content: "";
3975
4030
  }
3976
4031
 
3977
4032
  .e-input-group.e-error::before,
3978
4033
  .e-input-group.e-error::after,
3979
4034
  .e-input-group.e-control-wrapper.e-error::before,
3980
4035
  .e-input-group.e-control-wrapper.e-error::after {
3981
- content: '';
4036
+ content: "";
3982
4037
  }
3983
4038
 
3984
4039
  .e-input-group.e-success .e-input-group-icon,
@@ -4508,4 +4563,4 @@ textarea.e-input::-webkit-input-placeholder {
4508
4563
 
4509
4564
  input.e-input::-webkit-input-placeholder {
4510
4565
  color: #6b7280;
4511
- }
4566
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #c12f2f;
33
- }
33
+ }
@@ -10,4 +10,4 @@
10
10
  min-height: 40px;
11
11
  }
12
12
 
13
- /*! maskedtextbox theme */
13
+ /*! maskedtextbox theme */
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #dc3545;
33
- }
33
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #e4606d;
33
- }
33
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #dc3545;
33
- }
33
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #ff5f5f;
33
- }
33
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #a80000;
33
- }
33
+ }
@@ -0,0 +1,26 @@
1
+ /*! maskedtextbox layout */
2
+ .e-control-wrapper.e-mask .e-maskedtextbox {
3
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
4
+ font-size: 14px;
5
+ }
6
+
7
+ .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
8
+ font-size: 16px;
9
+ }
10
+
11
+ .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
12
+ font-size: 16px;
13
+ }
14
+
15
+ .e-content-placeholder.e-mask.e-placeholder-mask {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
21
+ .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ /*! maskedtextbox theme */
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/maskedtextbox/fluent-dark.scss';
@@ -0,0 +1,26 @@
1
+ /*! maskedtextbox layout */
2
+ .e-control-wrapper.e-mask .e-maskedtextbox {
3
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
4
+ font-size: 14px;
5
+ }
6
+
7
+ .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
8
+ font-size: 16px;
9
+ }
10
+
11
+ .e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
12
+ font-size: 16px;
13
+ }
14
+
15
+ .e-content-placeholder.e-mask.e-placeholder-mask {
16
+ background-size: 300px 33px;
17
+ min-height: 33px;
18
+ }
19
+
20
+ .e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
21
+ .e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
22
+ background-size: 300px 40px;
23
+ min-height: 40px;
24
+ }
25
+
26
+ /*! maskedtextbox theme */
@@ -0,0 +1 @@
1
+ @import 'ej2-inputs/styles/maskedtextbox/fluent.scss';
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #ff6161;
33
- }
33
+ }
@@ -30,4 +30,4 @@
30
30
 
31
31
  .e-utility-mask.e-error {
32
32
  color: #fff;
33
- }
33
+ }
@@ -5,7 +5,6 @@
5
5
  transform: scale(4);
6
6
  }
7
7
  }
8
-
9
8
  /*! maskedtextbox layout */
10
9
  .e-control-wrapper.e-mask .e-maskedtextbox {
11
10
  font-family: Arial, "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -38,4 +37,4 @@
38
37
 
39
38
  .e-utility-mask.e-error {
40
39
  color: #ff6652;
41
- }
40
+ }
@@ -5,7 +5,6 @@
5
5
  transform: scale(4);
6
6
  }
7
7
  }
8
-
9
8
  @keyframes slideTopUp {
10
9
  from {
11
10
  transform: translate3d(0, 0, 0) scale(1);
@@ -14,7 +13,6 @@
14
13
  transform: translate3d(0, 0, 0) scale(1);
15
14
  }
16
15
  }
17
-
18
16
  /*! maskedtextbox layout */
19
17
  .e-control-wrapper.e-mask .e-maskedtextbox {
20
18
  font-family: Arial, "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont";
@@ -47,4 +45,4 @@
47
45
 
48
46
  .e-utility-mask.e-error {
49
47
  color: #f44336;
50
- }
48
+ }
@@ -31,4 +31,4 @@
31
31
 
32
32
  .e-utility-mask.e-error {
33
33
  color: #f87171;
34
- }
34
+ }
@@ -31,4 +31,4 @@
31
31
 
32
32
  .e-utility-mask.e-error {
33
33
  color: #dc2626;
34
- }
34
+ }