@syncfusion/ej2-angular-inputs 22.2.9 → 22.2.12

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 (24) hide show
  1. package/package.json +7 -7
  2. package/schematics/utils/lib-details.d.ts +2 -2
  3. package/schematics/utils/lib-details.js +2 -2
  4. package/schematics/utils/lib-details.ts +2 -2
  5. package/styles/color-picker/material.css +1 -1
  6. package/styles/input/_layout.scss +89 -10
  7. package/styles/input/_material-dark-definition.scss +2 -2
  8. package/styles/input/_material-definition.scss +2 -2
  9. package/styles/input/_material3-definition.scss +2 -2
  10. package/styles/input/material-dark.css +74 -13
  11. package/styles/input/material.css +75 -14
  12. package/styles/input/material3-dark.css +74 -13
  13. package/styles/input/material3.css +74 -13
  14. package/styles/maskedtextbox/material.css +1 -1
  15. package/styles/material-dark.css +74 -13
  16. package/styles/material.css +75 -14
  17. package/styles/material3-dark.css +74 -13
  18. package/styles/material3.css +74 -13
  19. package/styles/numerictextbox/material.css +1 -1
  20. package/styles/rating/material.css +1 -1
  21. package/styles/signature/material.css +1 -1
  22. package/styles/slider/material.css +1 -1
  23. package/styles/textbox/material.css +1 -1
  24. package/styles/uploader/material.css +1 -1
package/styles/input/material3-dark.css CHANGED
@@ -1358,6 +1358,26 @@ label.e-float-text,
1358
1358
  user-select: text;
1359
1359
  }
1360
1360
 
1361
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1362
+ left: -34px;
1363
+ width: auto;
1364
+ }
1365
+
1366
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1367
+ right: -34px;
1368
+ width: auto;
1369
+ }
1370
+
1371
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1372
+ left: -40px;
1373
+ width: auto;
1374
+ }
1375
+
1376
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1377
+ right: -40px;
1378
+ width: auto;
1379
+ }
1380
+
1361
1381
  label.e-float-text,
1362
1382
  .e-float-input label.e-float-text,
1363
1383
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -3236,7 +3256,7 @@ textarea.e-input.e-bigger.e-small,
3236
3256
  .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
3237
3257
  border: 1px solid;
3238
3258
  border-width: 0 0 1px 0;
3239
- margin-left: 16px;
3259
+ margin-left: 8px;
3240
3260
  }
3241
3261
 
3242
3262
  .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3247,7 +3267,7 @@ textarea.e-input.e-bigger.e-small,
3247
3267
  .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
3248
3268
  .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
3249
3269
  margin-left: 0;
3250
- margin-right: 16px;
3270
+ margin-right: 8px;
3251
3271
  }
3252
3272
 
3253
3273
  .e-float-input input.e-input,
@@ -4154,6 +4174,14 @@ textarea.e-outline.e-input,
4154
4174
  border-top-color: transparent;
4155
4175
  }
4156
4176
 
4177
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4178
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4179
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4180
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4181
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
4182
+ border-top-color: transparent;
4183
+ }
4184
+
4157
4185
  .e-outline.e-input-group,
4158
4186
  .e-outline .e-input-group,
4159
4187
  .e-outline .e-input-group.e-control-wrapper,
@@ -4282,20 +4310,12 @@ textarea.e-outline.e-input,
4282
4310
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4283
4311
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4284
4312
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4285
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4286
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4287
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4288
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4289
4313
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4290
4314
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4291
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4292
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4293
4315
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4294
4316
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4295
4317
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4296
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4297
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4298
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4318
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4299
4319
  border-color: rgba(var(--color-sf-primary));
4300
4320
  box-shadow: inset 1px 1px rgba(var(--color-sf-primary)), inset -1px 0 rgba(var(--color-sf-primary)), inset 0 -1px rgba(var(--color-sf-primary));
4301
4321
  }
@@ -4309,11 +4329,27 @@ textarea.e-outline.e-input,
4309
4329
  margin-left: 0;
4310
4330
  }
4311
4331
 
4332
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
4333
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
4334
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
4335
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
4336
+ margin-right: 0;
4337
+ }
4338
+
4312
4339
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
4313
4340
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
4314
4341
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4315
4342
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4316
- margin: 9px 12px 9px 0;
4343
+ margin-left: 4px;
4344
+ margin-right: 0;
4345
+ }
4346
+
4347
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4348
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
4349
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4350
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4351
+ margin-right: 4px;
4352
+ margin-left: 0;
4317
4353
  }
4318
4354
 
4319
4355
  .e-outline.e-float-input .e-clear-icon,
@@ -4728,6 +4764,22 @@ textarea.e-input.e-small.e-outline,
4728
4764
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4729
4765
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4730
4766
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4767
+ margin-left: 8px;
4768
+ margin-right: 0;
4769
+ }
4770
+
4771
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4772
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4773
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4774
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4775
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4776
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4777
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4778
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4779
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4780
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4781
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4782
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4731
4783
  margin-left: 0;
4732
4784
  margin-right: 8px;
4733
4785
  }
@@ -5114,7 +5166,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
5114
5166
  .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
5115
5167
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
5116
5168
  .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
5117
- line-height: 50px;
5169
+ line-height: 54px;
5118
5170
  }
5119
5171
 
5120
5172
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5229,6 +5281,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
5229
5281
  transition: border-color 0.1s, box-shadow 0.2s;
5230
5282
  }
5231
5283
 
5284
+ .e-outline.e-float-icon-left label.e-float-text::before,
5285
+ .e-outline.e-float-icon-left label.e-float-text::after,
5286
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
5287
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
5288
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
5289
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
5290
+ transition: none;
5291
+ }
5292
+
5232
5293
  .e-bigger.e-outline label.e-float-text::before,
5233
5294
  .e-bigger.e-outline label.e-float-text::after,
5234
5295
  .e-bigger.e-outline.e-float-input label.e-float-text::before,
package/styles/input/material3.css CHANGED
@@ -1414,6 +1414,26 @@ label.e-float-text,
1414
1414
  user-select: text;
1415
1415
  }
1416
1416
 
1417
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1418
+ left: -34px;
1419
+ width: auto;
1420
+ }
1421
+
1422
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1423
+ right: -34px;
1424
+ width: auto;
1425
+ }
1426
+
1427
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1428
+ left: -40px;
1429
+ width: auto;
1430
+ }
1431
+
1432
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1433
+ right: -40px;
1434
+ width: auto;
1435
+ }
1436
+
1417
1437
  label.e-float-text,
1418
1438
  .e-float-input label.e-float-text,
1419
1439
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -3292,7 +3312,7 @@ textarea.e-input.e-bigger.e-small,
3292
3312
  .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
3293
3313
  border: 1px solid;
3294
3314
  border-width: 0 0 1px 0;
3295
- margin-left: 16px;
3315
+ margin-left: 8px;
3296
3316
  }
3297
3317
 
3298
3318
  .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3303,7 +3323,7 @@ textarea.e-input.e-bigger.e-small,
3303
3323
  .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
3304
3324
  .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
3305
3325
  margin-left: 0;
3306
- margin-right: 16px;
3326
+ margin-right: 8px;
3307
3327
  }
3308
3328
 
3309
3329
  .e-float-input input.e-input,
@@ -4210,6 +4230,14 @@ textarea.e-outline.e-input,
4210
4230
  border-top-color: transparent;
4211
4231
  }
4212
4232
 
4233
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4234
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4235
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4236
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4237
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
4238
+ border-top-color: transparent;
4239
+ }
4240
+
4213
4241
  .e-outline.e-input-group,
4214
4242
  .e-outline .e-input-group,
4215
4243
  .e-outline .e-input-group.e-control-wrapper,
@@ -4338,20 +4366,12 @@ textarea.e-outline.e-input,
4338
4366
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4339
4367
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4340
4368
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4341
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4342
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4343
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4344
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4345
4369
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4346
4370
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4347
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4348
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4349
4371
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4350
4372
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4351
4373
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4352
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4353
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4354
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4374
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4355
4375
  border-color: rgba(var(--color-sf-primary));
4356
4376
  box-shadow: inset 1px 1px rgba(var(--color-sf-primary)), inset -1px 0 rgba(var(--color-sf-primary)), inset 0 -1px rgba(var(--color-sf-primary));
4357
4377
  }
@@ -4365,11 +4385,27 @@ textarea.e-outline.e-input,
4365
4385
  margin-left: 0;
4366
4386
  }
4367
4387
 
4388
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
4389
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
4390
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
4391
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
4392
+ margin-right: 0;
4393
+ }
4394
+
4368
4395
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
4369
4396
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
4370
4397
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4371
4398
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4372
- margin: 9px 12px 9px 0;
4399
+ margin-left: 4px;
4400
+ margin-right: 0;
4401
+ }
4402
+
4403
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4404
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
4405
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4406
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4407
+ margin-right: 4px;
4408
+ margin-left: 0;
4373
4409
  }
4374
4410
 
4375
4411
  .e-outline.e-float-input .e-clear-icon,
@@ -4784,6 +4820,22 @@ textarea.e-input.e-small.e-outline,
4784
4820
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4785
4821
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4786
4822
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4823
+ margin-left: 8px;
4824
+ margin-right: 0;
4825
+ }
4826
+
4827
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4828
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4829
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4830
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4831
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4832
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4833
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4834
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4835
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4836
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4837
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4838
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4787
4839
  margin-left: 0;
4788
4840
  margin-right: 8px;
4789
4841
  }
@@ -5170,7 +5222,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
5170
5222
  .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
5171
5223
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
5172
5224
  .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
5173
- line-height: 50px;
5225
+ line-height: 54px;
5174
5226
  }
5175
5227
 
5176
5228
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5285,6 +5337,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
5285
5337
  transition: border-color 0.1s, box-shadow 0.2s;
5286
5338
  }
5287
5339
 
5340
+ .e-outline.e-float-icon-left label.e-float-text::before,
5341
+ .e-outline.e-float-icon-left label.e-float-text::after,
5342
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
5343
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
5344
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
5345
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
5346
+ transition: none;
5347
+ }
5348
+
5288
5349
  .e-bigger.e-outline label.e-float-text::before,
5289
5350
  .e-bigger.e-outline label.e-float-text::after,
5290
5351
  .e-bigger.e-outline.e-float-input label.e-float-text::before,
package/styles/maskedtextbox/material.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  /* stylelint-disable property-no-vendor-prefix */
3
3
  @keyframes e-input-ripple {
4
4
  100% {
package/styles/material-dark.css CHANGED
@@ -1324,6 +1324,26 @@ label.e-float-text,
1324
1324
  user-select: text;
1325
1325
  }
1326
1326
 
1327
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1328
+ left: -34px;
1329
+ width: auto;
1330
+ }
1331
+
1332
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1333
+ right: -34px;
1334
+ width: auto;
1335
+ }
1336
+
1337
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1338
+ left: -40px;
1339
+ width: auto;
1340
+ }
1341
+
1342
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1343
+ right: -40px;
1344
+ width: auto;
1345
+ }
1346
+
1327
1347
  label.e-float-text,
1328
1348
  .e-float-input label.e-float-text,
1329
1349
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -3296,7 +3316,7 @@ textarea.e-input.e-bigger.e-small,
3296
3316
  .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
3297
3317
  border: 1px solid;
3298
3318
  border-width: 0 0 1px 0;
3299
- margin-left: 16px;
3319
+ margin-left: 8px;
3300
3320
  }
3301
3321
 
3302
3322
  .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3307,7 +3327,7 @@ textarea.e-input.e-bigger.e-small,
3307
3327
  .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
3308
3328
  .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
3309
3329
  margin-left: 0;
3310
- margin-right: 16px;
3330
+ margin-right: 8px;
3311
3331
  }
3312
3332
 
3313
3333
  .e-float-input input.e-input,
@@ -4214,6 +4234,14 @@ textarea.e-outline.e-input,
4214
4234
  border-top-color: transparent;
4215
4235
  }
4216
4236
 
4237
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4238
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4239
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4240
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4241
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
4242
+ border-top-color: transparent;
4243
+ }
4244
+
4217
4245
  .e-outline.e-input-group,
4218
4246
  .e-outline .e-input-group,
4219
4247
  .e-outline .e-input-group.e-control-wrapper,
@@ -4342,20 +4370,12 @@ textarea.e-outline.e-input,
4342
4370
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4343
4371
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4344
4372
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4345
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4346
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4347
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4348
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4349
4373
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4350
4374
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4351
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4352
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4353
4375
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4354
4376
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4355
4377
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4356
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4357
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4358
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4378
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4359
4379
  border-color: #00b0ff;
4360
4380
  box-shadow: inset 1px 1px #00b0ff, inset -1px 0 #00b0ff, inset 0 -1px #00b0ff;
4361
4381
  }
@@ -4369,11 +4389,27 @@ textarea.e-outline.e-input,
4369
4389
  margin-left: 0;
4370
4390
  }
4371
4391
 
4392
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
4393
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
4394
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
4395
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
4396
+ margin-right: 0;
4397
+ }
4398
+
4372
4399
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
4373
4400
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
4374
4401
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4375
4402
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4376
- margin: 9px 12px 9px 0;
4403
+ margin-left: 4px;
4404
+ margin-right: 0;
4405
+ }
4406
+
4407
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4408
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
4409
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4410
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4411
+ margin-right: 4px;
4412
+ margin-left: 0;
4377
4413
  }
4378
4414
 
4379
4415
  .e-outline.e-float-input .e-clear-icon,
@@ -4786,6 +4822,22 @@ textarea.e-input.e-small.e-outline,
4786
4822
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4787
4823
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4788
4824
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4825
+ margin-left: 8px;
4826
+ margin-right: 0;
4827
+ }
4828
+
4829
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4830
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4831
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4832
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4833
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4834
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4835
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4836
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4837
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4838
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4839
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4840
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4789
4841
  margin-left: 0;
4790
4842
  margin-right: 8px;
4791
4843
  }
@@ -5172,7 +5224,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
5172
5224
  .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
5173
5225
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
5174
5226
  .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
5175
- line-height: 50px;
5227
+ line-height: 54px;
5176
5228
  }
5177
5229
 
5178
5230
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5287,6 +5339,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
5287
5339
  transition: border-color 0.1s, box-shadow 0.2s;
5288
5340
  }
5289
5341
 
5342
+ .e-outline.e-float-icon-left label.e-float-text::before,
5343
+ .e-outline.e-float-icon-left label.e-float-text::after,
5344
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
5345
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
5346
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
5347
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
5348
+ transition: none;
5349
+ }
5350
+
5290
5351
  .e-bigger.e-outline label.e-float-text::before,
5291
5352
  .e-bigger.e-outline label.e-float-text::after,
5292
5353
  .e-bigger.e-outline.e-float-input label.e-float-text::before,
package/styles/material.css CHANGED
@@ -1,4 +1,4 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
1
+ @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
2
  .e-signature {
3
3
  border: 1px solid;
4
4
  }
@@ -1332,6 +1332,26 @@ label.e-float-text,
1332
1332
  user-select: text;
1333
1333
  }
1334
1334
 
1335
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1336
+ left: -34px;
1337
+ width: auto;
1338
+ }
1339
+
1340
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1341
+ right: -34px;
1342
+ width: auto;
1343
+ }
1344
+
1345
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1346
+ left: -40px;
1347
+ width: auto;
1348
+ }
1349
+
1350
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1351
+ right: -40px;
1352
+ width: auto;
1353
+ }
1354
+
1335
1355
  label.e-float-text,
1336
1356
  .e-float-input label.e-float-text,
1337
1357
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -3304,7 +3324,7 @@ textarea.e-input.e-bigger.e-small,
3304
3324
  .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
3305
3325
  border: 1px solid;
3306
3326
  border-width: 0 0 1px 0;
3307
- margin-left: 16px;
3327
+ margin-left: 8px;
3308
3328
  }
3309
3329
 
3310
3330
  .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3315,7 +3335,7 @@ textarea.e-input.e-bigger.e-small,
3315
3335
  .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
3316
3336
  .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
3317
3337
  margin-left: 0;
3318
- margin-right: 16px;
3338
+ margin-right: 8px;
3319
3339
  }
3320
3340
 
3321
3341
  .e-float-input input.e-input,
@@ -4222,6 +4242,14 @@ textarea.e-outline.e-input,
4222
4242
  border-top-color: transparent;
4223
4243
  }
4224
4244
 
4245
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4246
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4247
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4248
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4249
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
4250
+ border-top-color: transparent;
4251
+ }
4252
+
4225
4253
  .e-outline.e-input-group,
4226
4254
  .e-outline .e-input-group,
4227
4255
  .e-outline .e-input-group.e-control-wrapper,
@@ -4350,20 +4378,12 @@ textarea.e-outline.e-input,
4350
4378
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4351
4379
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4352
4380
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
4353
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4354
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4355
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4356
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4357
4381
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4358
4382
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4359
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4360
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4361
4383
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4362
4384
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4363
4385
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4364
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4365
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4366
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4386
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4367
4387
  border-color: #e3165b;
4368
4388
  box-shadow: inset 1px 1px #e3165b, inset -1px 0 #e3165b, inset 0 -1px #e3165b;
4369
4389
  }
@@ -4377,11 +4397,27 @@ textarea.e-outline.e-input,
4377
4397
  margin-left: 0;
4378
4398
  }
4379
4399
 
4400
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
4401
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
4402
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
4403
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
4404
+ margin-right: 0;
4405
+ }
4406
+
4380
4407
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
4381
4408
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
4382
4409
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4383
4410
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4384
- margin: 9px 12px 9px 0;
4411
+ margin-left: 4px;
4412
+ margin-right: 0;
4413
+ }
4414
+
4415
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4416
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
4417
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4418
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4419
+ margin-right: 4px;
4420
+ margin-left: 0;
4385
4421
  }
4386
4422
 
4387
4423
  .e-outline.e-float-input .e-clear-icon,
@@ -4794,6 +4830,22 @@ textarea.e-input.e-small.e-outline,
4794
4830
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4795
4831
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4796
4832
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4833
+ margin-left: 8px;
4834
+ margin-right: 0;
4835
+ }
4836
+
4837
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4838
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4839
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4840
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4841
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4842
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4843
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4844
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4845
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4846
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4847
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4848
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4797
4849
  margin-left: 0;
4798
4850
  margin-right: 8px;
4799
4851
  }
@@ -5180,7 +5232,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
5180
5232
  .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
5181
5233
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text,
5182
5234
  .e-outline.e-float-input.e-control-wrapper:not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid):not(.e-valid-input) ~ label.e-float-text {
5183
- line-height: 50px;
5235
+ line-height: 54px;
5184
5236
  }
5185
5237
 
5186
5238
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5295,6 +5347,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
5295
5347
  transition: border-color 0.1s, box-shadow 0.2s;
5296
5348
  }
5297
5349
 
5350
+ .e-outline.e-float-icon-left label.e-float-text::before,
5351
+ .e-outline.e-float-icon-left label.e-float-text::after,
5352
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
5353
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
5354
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
5355
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
5356
+ transition: none;
5357
+ }
5358
+
5298
5359
  .e-bigger.e-outline label.e-float-text::before,
5299
5360
  .e-bigger.e-outline label.e-float-text::after,
5300
5361
  .e-bigger.e-outline.e-float-input label.e-float-text::before,