@syncfusion/ej2-angular-inputs 22.2.9-ngcc → 22.2.12-ngcc

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 (23) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-angular-inputs.umd.js +1 -1
  3. package/dist/ej2-angular-inputs.umd.min.js +1 -1
  4. package/package.json +7 -7
  5. package/schematics/utils/lib-details.d.ts +2 -2
  6. package/schematics/utils/lib-details.js +2 -2
  7. package/schematics/utils/lib-details.ts +2 -2
  8. package/styles/color-picker/material.css +1 -1
  9. package/styles/input/material-dark.css +74 -13
  10. package/styles/input/material.css +75 -14
  11. package/styles/input/material3-dark.css +74 -13
  12. package/styles/input/material3.css +74 -13
  13. package/styles/maskedtextbox/material.css +1 -1
  14. package/styles/material-dark.css +74 -13
  15. package/styles/material.css +75 -14
  16. package/styles/material3-dark.css +74 -13
  17. package/styles/material3.css +74 -13
  18. package/styles/numerictextbox/material.css +1 -1
  19. package/styles/rating/material.css +1 -1
  20. package/styles/signature/material.css +1 -1
  21. package/styles/slider/material.css +1 -1
  22. package/styles/textbox/material.css +1 -1
  23. package/styles/uploader/material.css +1 -1
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,
package/styles/material3-dark.css CHANGED
@@ -1431,6 +1431,26 @@ label.e-float-text,
1431
1431
  user-select: text;
1432
1432
  }
1433
1433
 
1434
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1435
+ left: -34px;
1436
+ width: auto;
1437
+ }
1438
+
1439
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
1440
+ right: -34px;
1441
+ width: auto;
1442
+ }
1443
+
1444
+ .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 {
1445
+ left: -40px;
1446
+ width: auto;
1447
+ }
1448
+
1449
+ .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 {
1450
+ right: -40px;
1451
+ width: auto;
1452
+ }
1453
+
1434
1454
  label.e-float-text,
1435
1455
  .e-float-input label.e-float-text,
1436
1456
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -3309,7 +3329,7 @@ textarea.e-input.e-bigger.e-small,
3309
3329
  .e-input-group.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
3310
3330
  border: 1px solid;
3311
3331
  border-width: 0 0 1px 0;
3312
- margin-left: 16px;
3332
+ margin-left: 8px;
3313
3333
  }
3314
3334
 
3315
3335
  .e-rtl .e-float-input.e-float-icon-left .e-input-in-wrap,
@@ -3320,7 +3340,7 @@ textarea.e-input.e-bigger.e-small,
3320
3340
  .e-input-group.e-float-icon-left.e-rtl .e-input-in-wrap,
3321
3341
  .e-input-group.e-control-wrapper.e-float-icon-left.e-rtl .e-input-in-wrap {
3322
3342
  margin-left: 0;
3323
- margin-right: 16px;
3343
+ margin-right: 8px;
3324
3344
  }
3325
3345
 
3326
3346
  .e-float-input input.e-input,
@@ -4227,6 +4247,14 @@ textarea.e-outline.e-input,
4227
4247
  border-top-color: transparent;
4228
4248
  }
4229
4249
 
4250
+ .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),
4251
+ .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),
4252
+ .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),
4253
+ .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),
4254
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
4255
+ border-top-color: transparent;
4256
+ }
4257
+
4230
4258
  .e-outline.e-input-group,
4231
4259
  .e-outline .e-input-group,
4232
4260
  .e-outline .e-input-group.e-control-wrapper,
@@ -4355,20 +4383,12 @@ textarea.e-outline.e-input,
4355
4383
  .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),
4356
4384
  .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),
4357
4385
  .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),
4358
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4359
- .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),
4360
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4361
- .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),
4362
4386
  .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),
4363
4387
  .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),
4364
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
4365
- .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),
4366
4388
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4367
4389
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4368
4390
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4369
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4370
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
4371
- .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) {
4391
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
4372
4392
  border-color: rgba(var(--color-sf-primary));
4373
4393
  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));
4374
4394
  }
@@ -4382,11 +4402,27 @@ textarea.e-outline.e-input,
4382
4402
  margin-left: 0;
4383
4403
  }
4384
4404
 
4405
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
4406
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
4407
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
4408
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
4409
+ margin-right: 0;
4410
+ }
4411
+
4385
4412
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
4386
4413
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
4387
4414
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4388
4415
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4389
- margin: 9px 12px 9px 0;
4416
+ margin-left: 4px;
4417
+ margin-right: 0;
4418
+ }
4419
+
4420
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4421
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
4422
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4423
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4424
+ margin-right: 4px;
4425
+ margin-left: 0;
4390
4426
  }
4391
4427
 
4392
4428
  .e-outline.e-float-input .e-clear-icon,
@@ -4801,6 +4837,22 @@ textarea.e-input.e-small.e-outline,
4801
4837
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4802
4838
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4803
4839
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4840
+ margin-left: 8px;
4841
+ margin-right: 0;
4842
+ }
4843
+
4844
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4845
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4846
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4847
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
4848
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
4849
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
4850
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4851
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4852
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
4853
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
4854
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
4855
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
4804
4856
  margin-left: 0;
4805
4857
  margin-right: 8px;
4806
4858
  }
@@ -5187,7 +5239,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
5187
5239
  .e-outline:not(.e-valid-input):not(.e-valid-input):not(.e-input-focus) input:not(:focus):not(:valid) ~ label.e-float-text,
5188
5240
  .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,
5189
5241
  .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 {
5190
- line-height: 50px;
5242
+ line-height: 54px;
5191
5243
  }
5192
5244
 
5193
5245
  .e-outline.e-float-input:not(.e-valid-input):not(.e-input-focus) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -5302,6 +5354,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
5302
5354
  transition: border-color 0.1s, box-shadow 0.2s;
5303
5355
  }
5304
5356
 
5357
+ .e-outline.e-float-icon-left label.e-float-text::before,
5358
+ .e-outline.e-float-icon-left label.e-float-text::after,
5359
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
5360
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
5361
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
5362
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
5363
+ transition: none;
5364
+ }
5365
+
5305
5366
  .e-bigger.e-outline label.e-float-text::before,
5306
5367
  .e-bigger.e-outline label.e-float-text::after,
5307
5368
  .e-bigger.e-outline.e-float-input label.e-float-text::before,