@syncfusion/blazor-themes 22.1.36 → 22.1.37

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 (33) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +34 -2
  2. package/SCSS-Themes/bootstrap.scss +34 -2
  3. package/SCSS-Themes/bootstrap4.scss +34 -2
  4. package/SCSS-Themes/bootstrap5-dark.scss +34 -2
  5. package/SCSS-Themes/bootstrap5.scss +34 -2
  6. package/SCSS-Themes/fabric-dark.scss +34 -2
  7. package/SCSS-Themes/fabric.scss +34 -2
  8. package/SCSS-Themes/fluent-dark.scss +34 -2
  9. package/SCSS-Themes/fluent.scss +34 -2
  10. package/SCSS-Themes/highcontrast.scss +34 -2
  11. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +34 -2
  12. package/SCSS-Themes/inputs/input/bootstrap.scss +34 -2
  13. package/SCSS-Themes/inputs/input/bootstrap4.scss +34 -2
  14. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +34 -2
  15. package/SCSS-Themes/inputs/input/bootstrap5.scss +34 -2
  16. package/SCSS-Themes/inputs/input/fabric-dark.scss +34 -2
  17. package/SCSS-Themes/inputs/input/fabric.scss +34 -2
  18. package/SCSS-Themes/inputs/input/fluent-dark.scss +34 -2
  19. package/SCSS-Themes/inputs/input/fluent.scss +34 -2
  20. package/SCSS-Themes/inputs/input/highcontrast.scss +34 -2
  21. package/SCSS-Themes/inputs/input/material-dark.scss +34 -2
  22. package/SCSS-Themes/inputs/input/material.scss +34 -2
  23. package/SCSS-Themes/inputs/input/material3-dark.scss +34 -2
  24. package/SCSS-Themes/inputs/input/material3.scss +34 -2
  25. package/SCSS-Themes/inputs/input/tailwind-dark.scss +34 -2
  26. package/SCSS-Themes/inputs/input/tailwind.scss +34 -2
  27. package/SCSS-Themes/material-dark.scss +34 -2
  28. package/SCSS-Themes/material.scss +34 -2
  29. package/SCSS-Themes/material3-dark.scss +34 -2
  30. package/SCSS-Themes/material3.scss +34 -2
  31. package/SCSS-Themes/tailwind-dark.scss +34 -2
  32. package/SCSS-Themes/tailwind.scss +34 -2
  33. package/package.json +1 -1
@@ -4913,7 +4913,7 @@ $float-label-rtl-value: -7px !default;
4913
4913
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4914
4914
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4915
4915
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4916
- top: -9px;
4916
+ top: -7px;
4917
4917
  }
4918
4918
  }
4919
4919
 
@@ -4954,7 +4954,7 @@ $float-label-rtl-value: -7px !default;
4954
4954
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4955
4955
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4956
4956
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4957
- top: -8px;
4957
+ top: -7px;
4958
4958
  }
4959
4959
  }
4960
4960
 
@@ -9463,6 +9463,16 @@ $float-label-rtl-value: -7px !default;
9463
9463
  }
9464
9464
  }
9465
9465
 
9466
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9467
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9468
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9469
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9470
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9471
+ margin-left: $outline-small-input-icon-margin-left;
9472
+ margin-right: $zero-value;
9473
+ }
9474
+ }
9475
+
9466
9476
  .e-outline.e-input-group.e-small .e-clear-icon,
9467
9477
  .e-outline.e-input-group .e-clear-icon.e-small,
9468
9478
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9546,6 +9556,17 @@ $float-label-rtl-value: -7px !default;
9546
9556
  }
9547
9557
  }
9548
9558
 
9559
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9560
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9561
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9562
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9563
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9564
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9565
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9566
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9567
+ }
9568
+ }
9569
+
9549
9570
  input.e-input.e-bigger.e-outline,
9550
9571
  .e-bigger input.e-input.e-outline,
9551
9572
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9752,6 +9773,17 @@ $float-label-rtl-value: -7px !default;
9752
9773
  }
9753
9774
  }
9754
9775
 
9776
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9777
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9778
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9779
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9780
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9781
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9782
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9783
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9784
+ }
9785
+ }
9786
+
9755
9787
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9756
9788
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9757
9789
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4903,7 +4903,7 @@ $float-label-rtl-value: -7px !default;
4903
4903
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4904
4904
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4905
4905
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4906
- top: -9px;
4906
+ top: -7px;
4907
4907
  }
4908
4908
  }
4909
4909
 
@@ -4944,7 +4944,7 @@ $float-label-rtl-value: -7px !default;
4944
4944
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4945
4945
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4946
4946
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4947
- top: -8px;
4947
+ top: -7px;
4948
4948
  }
4949
4949
  }
4950
4950
 
@@ -9453,6 +9453,16 @@ $float-label-rtl-value: -7px !default;
9453
9453
  }
9454
9454
  }
9455
9455
 
9456
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9457
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9458
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9459
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9460
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9461
+ margin-left: $outline-small-input-icon-margin-left;
9462
+ margin-right: $zero-value;
9463
+ }
9464
+ }
9465
+
9456
9466
  .e-outline.e-input-group.e-small .e-clear-icon,
9457
9467
  .e-outline.e-input-group .e-clear-icon.e-small,
9458
9468
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9536,6 +9546,17 @@ $float-label-rtl-value: -7px !default;
9536
9546
  }
9537
9547
  }
9538
9548
 
9549
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9550
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9551
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9552
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9553
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9554
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9555
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9556
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9557
+ }
9558
+ }
9559
+
9539
9560
  input.e-input.e-bigger.e-outline,
9540
9561
  .e-bigger input.e-input.e-outline,
9541
9562
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9742,6 +9763,17 @@ $float-label-rtl-value: -7px !default;
9742
9763
  }
9743
9764
  }
9744
9765
 
9766
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9767
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9768
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9769
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9770
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9771
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9772
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9773
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9774
+ }
9775
+ }
9776
+
9745
9777
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9746
9778
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9747
9779
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4782,7 +4782,7 @@ $float-label-rtl-value: -7px !default;
4782
4782
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4783
4783
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4784
4784
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4785
- top: -9px;
4785
+ top: -7px;
4786
4786
  }
4787
4787
  }
4788
4788
 
@@ -4823,7 +4823,7 @@ $float-label-rtl-value: -7px !default;
4823
4823
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4824
4824
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4825
4825
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4826
- top: -8px;
4826
+ top: -7px;
4827
4827
  }
4828
4828
  }
4829
4829
 
@@ -9332,6 +9332,16 @@ $float-label-rtl-value: -7px !default;
9332
9332
  }
9333
9333
  }
9334
9334
 
9335
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9336
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9337
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9338
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9339
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9340
+ margin-left: $outline-small-input-icon-margin-left;
9341
+ margin-right: $zero-value;
9342
+ }
9343
+ }
9344
+
9335
9345
  .e-outline.e-input-group.e-small .e-clear-icon,
9336
9346
  .e-outline.e-input-group .e-clear-icon.e-small,
9337
9347
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9415,6 +9425,17 @@ $float-label-rtl-value: -7px !default;
9415
9425
  }
9416
9426
  }
9417
9427
 
9428
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9429
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9430
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9431
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9432
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9433
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9434
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9435
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9436
+ }
9437
+ }
9438
+
9418
9439
  input.e-input.e-bigger.e-outline,
9419
9440
  .e-bigger input.e-input.e-outline,
9420
9441
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9621,6 +9642,17 @@ $float-label-rtl-value: -7px !default;
9621
9642
  }
9622
9643
  }
9623
9644
 
9645
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9646
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9647
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9648
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9649
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9650
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9651
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9652
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9653
+ }
9654
+ }
9655
+
9624
9656
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9625
9657
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9626
9658
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4988,7 +4988,7 @@ $float-label-rtl-value: -7px !default;
4988
4988
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4989
4989
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4990
4990
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4991
- top: -9px;
4991
+ top: -7px;
4992
4992
  }
4993
4993
  }
4994
4994
 
@@ -5029,7 +5029,7 @@ $float-label-rtl-value: -7px !default;
5029
5029
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5030
5030
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5031
5031
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5032
- top: -8px;
5032
+ top: -7px;
5033
5033
  }
5034
5034
  }
5035
5035
 
@@ -9538,6 +9538,16 @@ $float-label-rtl-value: -7px !default;
9538
9538
  }
9539
9539
  }
9540
9540
 
9541
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9542
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9543
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9544
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9545
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9546
+ margin-left: $outline-small-input-icon-margin-left;
9547
+ margin-right: $zero-value;
9548
+ }
9549
+ }
9550
+
9541
9551
  .e-outline.e-input-group.e-small .e-clear-icon,
9542
9552
  .e-outline.e-input-group .e-clear-icon.e-small,
9543
9553
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9621,6 +9631,17 @@ $float-label-rtl-value: -7px !default;
9621
9631
  }
9622
9632
  }
9623
9633
 
9634
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9635
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9636
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9637
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9638
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9639
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9640
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9641
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9642
+ }
9643
+ }
9644
+
9624
9645
  input.e-input.e-bigger.e-outline,
9625
9646
  .e-bigger input.e-input.e-outline,
9626
9647
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9827,6 +9848,17 @@ $float-label-rtl-value: -7px !default;
9827
9848
  }
9828
9849
  }
9829
9850
 
9851
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9852
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9853
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9854
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9855
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9856
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9857
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9858
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9859
+ }
9860
+ }
9861
+
9830
9862
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9831
9863
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9832
9864
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4988,7 +4988,7 @@ $float-label-rtl-value: -7px !default;
4988
4988
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4989
4989
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4990
4990
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4991
- top: -9px;
4991
+ top: -7px;
4992
4992
  }
4993
4993
  }
4994
4994
 
@@ -5029,7 +5029,7 @@ $float-label-rtl-value: -7px !default;
5029
5029
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5030
5030
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5031
5031
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5032
- top: -8px;
5032
+ top: -7px;
5033
5033
  }
5034
5034
  }
5035
5035
 
@@ -9538,6 +9538,16 @@ $float-label-rtl-value: -7px !default;
9538
9538
  }
9539
9539
  }
9540
9540
 
9541
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9542
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9543
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9544
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9545
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9546
+ margin-left: $outline-small-input-icon-margin-left;
9547
+ margin-right: $zero-value;
9548
+ }
9549
+ }
9550
+
9541
9551
  .e-outline.e-input-group.e-small .e-clear-icon,
9542
9552
  .e-outline.e-input-group .e-clear-icon.e-small,
9543
9553
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9621,6 +9631,17 @@ $float-label-rtl-value: -7px !default;
9621
9631
  }
9622
9632
  }
9623
9633
 
9634
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9635
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9636
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9637
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9638
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9639
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9640
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9641
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9642
+ }
9643
+ }
9644
+
9624
9645
  input.e-input.e-bigger.e-outline,
9625
9646
  .e-bigger input.e-input.e-outline,
9626
9647
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9827,6 +9848,17 @@ $float-label-rtl-value: -7px !default;
9827
9848
  }
9828
9849
  }
9829
9850
 
9851
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9852
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9853
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9854
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9855
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9856
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9857
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9858
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9859
+ }
9860
+ }
9861
+
9830
9862
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9831
9863
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9832
9864
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4852,7 +4852,7 @@ $float-label-rtl-value: -7px !default;
4852
4852
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4853
4853
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4854
4854
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4855
- top: -9px;
4855
+ top: -7px;
4856
4856
  }
4857
4857
  }
4858
4858
 
@@ -4893,7 +4893,7 @@ $float-label-rtl-value: -7px !default;
4893
4893
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4894
4894
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4895
4895
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4896
- top: -8px;
4896
+ top: -7px;
4897
4897
  }
4898
4898
  }
4899
4899
 
@@ -9402,6 +9402,16 @@ $float-label-rtl-value: -7px !default;
9402
9402
  }
9403
9403
  }
9404
9404
 
9405
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9406
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9407
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9408
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9409
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9410
+ margin-left: $outline-small-input-icon-margin-left;
9411
+ margin-right: $zero-value;
9412
+ }
9413
+ }
9414
+
9405
9415
  .e-outline.e-input-group.e-small .e-clear-icon,
9406
9416
  .e-outline.e-input-group .e-clear-icon.e-small,
9407
9417
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9485,6 +9495,17 @@ $float-label-rtl-value: -7px !default;
9485
9495
  }
9486
9496
  }
9487
9497
 
9498
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9499
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9500
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9501
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9502
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9503
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9504
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9505
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9506
+ }
9507
+ }
9508
+
9488
9509
  input.e-input.e-bigger.e-outline,
9489
9510
  .e-bigger input.e-input.e-outline,
9490
9511
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9691,6 +9712,17 @@ $float-label-rtl-value: -7px !default;
9691
9712
  }
9692
9713
  }
9693
9714
 
9715
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9716
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9717
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9718
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9719
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9720
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9721
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9722
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9723
+ }
9724
+ }
9725
+
9694
9726
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9695
9727
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9696
9728
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -4843,7 +4843,7 @@ $float-label-rtl-value: -7px !default;
4843
4843
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4844
4844
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4845
4845
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4846
- top: -9px;
4846
+ top: -7px;
4847
4847
  }
4848
4848
  }
4849
4849
 
@@ -4884,7 +4884,7 @@ $float-label-rtl-value: -7px !default;
4884
4884
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4885
4885
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4886
4886
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4887
- top: -8px;
4887
+ top: -7px;
4888
4888
  }
4889
4889
  }
4890
4890
 
@@ -9393,6 +9393,16 @@ $float-label-rtl-value: -7px !default;
9393
9393
  }
9394
9394
  }
9395
9395
 
9396
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9397
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9398
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9399
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9400
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9401
+ margin-left: $outline-small-input-icon-margin-left;
9402
+ margin-right: $zero-value;
9403
+ }
9404
+ }
9405
+
9396
9406
  .e-outline.e-input-group.e-small .e-clear-icon,
9397
9407
  .e-outline.e-input-group .e-clear-icon.e-small,
9398
9408
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9476,6 +9486,17 @@ $float-label-rtl-value: -7px !default;
9476
9486
  }
9477
9487
  }
9478
9488
 
9489
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9490
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9491
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9492
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9493
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9494
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9495
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9496
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9497
+ }
9498
+ }
9499
+
9479
9500
  input.e-input.e-bigger.e-outline,
9480
9501
  .e-bigger input.e-input.e-outline,
9481
9502
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9682,6 +9703,17 @@ $float-label-rtl-value: -7px !default;
9682
9703
  }
9683
9704
  }
9684
9705
 
9706
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9707
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9708
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9709
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9710
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9711
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9712
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9713
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9714
+ }
9715
+ }
9716
+
9685
9717
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9686
9718
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9687
9719
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -5037,7 +5037,7 @@ $float-label-rtl-value: -10px !default;
5037
5037
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5038
5038
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5039
5039
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5040
- top: -9px;
5040
+ top: -7px;
5041
5041
  }
5042
5042
  }
5043
5043
 
@@ -5078,7 +5078,7 @@ $float-label-rtl-value: -10px !default;
5078
5078
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5079
5079
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5080
5080
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5081
- top: -8px;
5081
+ top: -7px;
5082
5082
  }
5083
5083
  }
5084
5084
 
@@ -9587,6 +9587,16 @@ $float-label-rtl-value: -10px !default;
9587
9587
  }
9588
9588
  }
9589
9589
 
9590
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9591
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9592
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9593
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9594
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9595
+ margin-left: $outline-small-input-icon-margin-left;
9596
+ margin-right: $zero-value;
9597
+ }
9598
+ }
9599
+
9590
9600
  .e-outline.e-input-group.e-small .e-clear-icon,
9591
9601
  .e-outline.e-input-group .e-clear-icon.e-small,
9592
9602
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9670,6 +9680,17 @@ $float-label-rtl-value: -10px !default;
9670
9680
  }
9671
9681
  }
9672
9682
 
9683
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9684
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9685
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9686
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9687
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9688
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9689
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9690
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9691
+ }
9692
+ }
9693
+
9673
9694
  input.e-input.e-bigger.e-outline,
9674
9695
  .e-bigger input.e-input.e-outline,
9675
9696
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9876,6 +9897,17 @@ $float-label-rtl-value: -10px !default;
9876
9897
  }
9877
9898
  }
9878
9899
 
9900
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9901
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9902
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9903
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9904
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9905
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9906
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9907
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9908
+ }
9909
+ }
9910
+
9879
9911
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9880
9912
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9881
9913
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
@@ -5038,7 +5038,7 @@ $float-label-rtl-value: -10px !default;
5038
5038
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5039
5039
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5040
5040
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5041
- top: -9px;
5041
+ top: -7px;
5042
5042
  }
5043
5043
  }
5044
5044
 
@@ -5079,7 +5079,7 @@ $float-label-rtl-value: -10px !default;
5079
5079
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5080
5080
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5081
5081
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5082
- top: -8px;
5082
+ top: -7px;
5083
5083
  }
5084
5084
  }
5085
5085
 
@@ -9588,6 +9588,16 @@ $float-label-rtl-value: -10px !default;
9588
9588
  }
9589
9589
  }
9590
9590
 
9591
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9592
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9593
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9594
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9595
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9596
+ margin-left: $outline-small-input-icon-margin-left;
9597
+ margin-right: $zero-value;
9598
+ }
9599
+ }
9600
+
9591
9601
  .e-outline.e-input-group.e-small .e-clear-icon,
9592
9602
  .e-outline.e-input-group .e-clear-icon.e-small,
9593
9603
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9671,6 +9681,17 @@ $float-label-rtl-value: -10px !default;
9671
9681
  }
9672
9682
  }
9673
9683
 
9684
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9685
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9686
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9687
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9688
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9689
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9690
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9691
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9692
+ }
9693
+ }
9694
+
9674
9695
  input.e-input.e-bigger.e-outline,
9675
9696
  .e-bigger input.e-input.e-outline,
9676
9697
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9877,6 +9898,17 @@ $float-label-rtl-value: -10px !default;
9877
9898
  }
9878
9899
  }
9879
9900
 
9901
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9902
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9903
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9904
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9905
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9906
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9907
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9908
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9909
+ }
9910
+ }
9911
+
9880
9912
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9881
9913
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9882
9914
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,