@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
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -4878,7 +4878,7 @@ $float-label-rtl-value: -7px !default;
4878
4878
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4879
4879
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4880
4880
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4881
- top: -9px;
4881
+ top: -7px;
4882
4882
  }
4883
4883
  }
4884
4884
 
@@ -4919,7 +4919,7 @@ $float-label-rtl-value: -7px !default;
4919
4919
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4920
4920
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4921
4921
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4922
- top: -8px;
4922
+ top: -7px;
4923
4923
  }
4924
4924
  }
4925
4925
 
@@ -9428,6 +9428,16 @@ $float-label-rtl-value: -7px !default;
9428
9428
  }
9429
9429
  }
9430
9430
 
9431
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9432
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9433
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9434
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9435
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9436
+ margin-left: $outline-small-input-icon-margin-left;
9437
+ margin-right: $zero-value;
9438
+ }
9439
+ }
9440
+
9431
9441
  .e-outline.e-input-group.e-small .e-clear-icon,
9432
9442
  .e-outline.e-input-group .e-clear-icon.e-small,
9433
9443
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9511,6 +9521,17 @@ $float-label-rtl-value: -7px !default;
9511
9521
  }
9512
9522
  }
9513
9523
 
9524
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9525
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9526
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9527
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9528
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9529
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9530
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9531
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9532
+ }
9533
+ }
9534
+
9514
9535
  input.e-input.e-bigger.e-outline,
9515
9536
  .e-bigger input.e-input.e-outline,
9516
9537
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9717,6 +9738,17 @@ $float-label-rtl-value: -7px !default;
9717
9738
  }
9718
9739
  }
9719
9740
 
9741
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9742
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9743
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9744
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9745
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9746
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9747
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9748
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9749
+ }
9750
+ }
9751
+
9720
9752
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9721
9753
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9722
9754
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap-dark.scss CHANGED
@@ -1787,7 +1787,7 @@ $float-label-rtl-value: -7px !default;
1787
1787
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1788
1788
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1789
1789
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1790
- top: -9px;
1790
+ top: -7px;
1791
1791
  }
1792
1792
  }
1793
1793
 
@@ -1828,7 +1828,7 @@ $float-label-rtl-value: -7px !default;
1828
1828
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1829
1829
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1830
1830
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1831
- top: -8px;
1831
+ top: -7px;
1832
1832
  }
1833
1833
  }
1834
1834
 
@@ -6337,6 +6337,16 @@ $float-label-rtl-value: -7px !default;
6337
6337
  }
6338
6338
  }
6339
6339
 
6340
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6341
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6342
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6343
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6344
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6345
+ margin-left: $outline-small-input-icon-margin-left;
6346
+ margin-right: $zero-value;
6347
+ }
6348
+ }
6349
+
6340
6350
  .e-outline.e-input-group.e-small .e-clear-icon,
6341
6351
  .e-outline.e-input-group .e-clear-icon.e-small,
6342
6352
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6420,6 +6430,17 @@ $float-label-rtl-value: -7px !default;
6420
6430
  }
6421
6431
  }
6422
6432
 
6433
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6434
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6435
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6436
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6437
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6438
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6439
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6440
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6441
+ }
6442
+ }
6443
+
6423
6444
  input.e-input.e-bigger.e-outline,
6424
6445
  .e-bigger input.e-input.e-outline,
6425
6446
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6626,6 +6647,17 @@ $float-label-rtl-value: -7px !default;
6626
6647
  }
6627
6648
  }
6628
6649
 
6650
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6651
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6652
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6653
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6654
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6655
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6656
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6657
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6658
+ }
6659
+ }
6660
+
6629
6661
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6630
6662
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6631
6663
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap.scss CHANGED
@@ -1778,7 +1778,7 @@ $float-label-rtl-value: -7px !default;
1778
1778
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1779
1779
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1780
1780
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1781
- top: -9px;
1781
+ top: -7px;
1782
1782
  }
1783
1783
  }
1784
1784
 
@@ -1819,7 +1819,7 @@ $float-label-rtl-value: -7px !default;
1819
1819
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1820
1820
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1821
1821
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1822
- top: -8px;
1822
+ top: -7px;
1823
1823
  }
1824
1824
  }
1825
1825
 
@@ -6328,6 +6328,16 @@ $float-label-rtl-value: -7px !default;
6328
6328
  }
6329
6329
  }
6330
6330
 
6331
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6332
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6333
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6334
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6335
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6336
+ margin-left: $outline-small-input-icon-margin-left;
6337
+ margin-right: $zero-value;
6338
+ }
6339
+ }
6340
+
6331
6341
  .e-outline.e-input-group.e-small .e-clear-icon,
6332
6342
  .e-outline.e-input-group .e-clear-icon.e-small,
6333
6343
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6411,6 +6421,17 @@ $float-label-rtl-value: -7px !default;
6411
6421
  }
6412
6422
  }
6413
6423
 
6424
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6425
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6426
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6427
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6428
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6429
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6430
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6431
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6432
+ }
6433
+ }
6434
+
6414
6435
  input.e-input.e-bigger.e-outline,
6415
6436
  .e-bigger input.e-input.e-outline,
6416
6437
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6617,6 +6638,17 @@ $float-label-rtl-value: -7px !default;
6617
6638
  }
6618
6639
  }
6619
6640
 
6641
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6642
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6643
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6644
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6645
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6646
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6647
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6648
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6649
+ }
6650
+ }
6651
+
6620
6652
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6621
6653
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6622
6654
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap4.scss CHANGED
@@ -1783,7 +1783,7 @@ $float-label-rtl-value: -7px !default;
1783
1783
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1784
1784
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1785
1785
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1786
- top: -9px;
1786
+ top: -7px;
1787
1787
  }
1788
1788
  }
1789
1789
 
@@ -1824,7 +1824,7 @@ $float-label-rtl-value: -7px !default;
1824
1824
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1825
1825
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1826
1826
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1827
- top: -8px;
1827
+ top: -7px;
1828
1828
  }
1829
1829
  }
1830
1830
 
@@ -6333,6 +6333,16 @@ $float-label-rtl-value: -7px !default;
6333
6333
  }
6334
6334
  }
6335
6335
 
6336
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6337
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6338
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6339
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6340
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6341
+ margin-left: $outline-small-input-icon-margin-left;
6342
+ margin-right: $zero-value;
6343
+ }
6344
+ }
6345
+
6336
6346
  .e-outline.e-input-group.e-small .e-clear-icon,
6337
6347
  .e-outline.e-input-group .e-clear-icon.e-small,
6338
6348
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6416,6 +6426,17 @@ $float-label-rtl-value: -7px !default;
6416
6426
  }
6417
6427
  }
6418
6428
 
6429
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6430
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6431
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6432
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6433
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6434
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6435
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6436
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6437
+ }
6438
+ }
6439
+
6419
6440
  input.e-input.e-bigger.e-outline,
6420
6441
  .e-bigger input.e-input.e-outline,
6421
6442
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6622,6 +6643,17 @@ $float-label-rtl-value: -7px !default;
6622
6643
  }
6623
6644
  }
6624
6645
 
6646
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6647
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6648
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6649
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6650
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6651
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6652
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6653
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6654
+ }
6655
+ }
6656
+
6625
6657
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6626
6658
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6627
6659
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap5-dark.scss CHANGED
@@ -1794,7 +1794,7 @@ $float-label-rtl-value: -7px !default;
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1795
1795
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1796
1796
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1797
- top: -9px;
1797
+ top: -7px;
1798
1798
  }
1799
1799
  }
1800
1800
 
@@ -1835,7 +1835,7 @@ $float-label-rtl-value: -7px !default;
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1836
1836
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1837
1837
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1838
- top: -8px;
1838
+ top: -7px;
1839
1839
  }
1840
1840
  }
1841
1841
 
@@ -6344,6 +6344,16 @@ $float-label-rtl-value: -7px !default;
6344
6344
  }
6345
6345
  }
6346
6346
 
6347
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6348
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6349
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6350
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6351
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6352
+ margin-left: $outline-small-input-icon-margin-left;
6353
+ margin-right: $zero-value;
6354
+ }
6355
+ }
6356
+
6347
6357
  .e-outline.e-input-group.e-small .e-clear-icon,
6348
6358
  .e-outline.e-input-group .e-clear-icon.e-small,
6349
6359
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6427,6 +6437,17 @@ $float-label-rtl-value: -7px !default;
6427
6437
  }
6428
6438
  }
6429
6439
 
6440
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6441
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6442
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6443
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6445
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6446
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6447
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6448
+ }
6449
+ }
6450
+
6430
6451
  input.e-input.e-bigger.e-outline,
6431
6452
  .e-bigger input.e-input.e-outline,
6432
6453
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6633,6 +6654,17 @@ $float-label-rtl-value: -7px !default;
6633
6654
  }
6634
6655
  }
6635
6656
 
6657
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6658
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6659
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6660
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6661
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6662
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6663
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6664
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6665
+ }
6666
+ }
6667
+
6636
6668
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6637
6669
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6638
6670
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/bootstrap5.scss CHANGED
@@ -1794,7 +1794,7 @@ $float-label-rtl-value: -7px !default;
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1795
1795
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1796
1796
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1797
- top: -9px;
1797
+ top: -7px;
1798
1798
  }
1799
1799
  }
1800
1800
 
@@ -1835,7 +1835,7 @@ $float-label-rtl-value: -7px !default;
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1836
1836
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1837
1837
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1838
- top: -8px;
1838
+ top: -7px;
1839
1839
  }
1840
1840
  }
1841
1841
 
@@ -6344,6 +6344,16 @@ $float-label-rtl-value: -7px !default;
6344
6344
  }
6345
6345
  }
6346
6346
 
6347
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6348
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6349
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6350
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6351
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6352
+ margin-left: $outline-small-input-icon-margin-left;
6353
+ margin-right: $zero-value;
6354
+ }
6355
+ }
6356
+
6347
6357
  .e-outline.e-input-group.e-small .e-clear-icon,
6348
6358
  .e-outline.e-input-group .e-clear-icon.e-small,
6349
6359
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6427,6 +6437,17 @@ $float-label-rtl-value: -7px !default;
6427
6437
  }
6428
6438
  }
6429
6439
 
6440
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6441
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6442
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6443
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6444
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6445
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6446
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6447
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6448
+ }
6449
+ }
6450
+
6430
6451
  input.e-input.e-bigger.e-outline,
6431
6452
  .e-bigger input.e-input.e-outline,
6432
6453
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6633,6 +6654,17 @@ $float-label-rtl-value: -7px !default;
6633
6654
  }
6634
6655
  }
6635
6656
 
6657
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6658
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6659
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6660
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6661
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6662
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6663
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6664
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6665
+ }
6666
+ }
6667
+
6636
6668
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6637
6669
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6638
6670
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fabric-dark.scss CHANGED
@@ -1777,7 +1777,7 @@ $float-label-rtl-value: -7px !default;
1777
1777
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1778
1778
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1779
1779
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1780
- top: -9px;
1780
+ top: -7px;
1781
1781
  }
1782
1782
  }
1783
1783
 
@@ -1818,7 +1818,7 @@ $float-label-rtl-value: -7px !default;
1818
1818
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1819
1819
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1820
1820
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1821
- top: -8px;
1821
+ top: -7px;
1822
1822
  }
1823
1823
  }
1824
1824
 
@@ -6327,6 +6327,16 @@ $float-label-rtl-value: -7px !default;
6327
6327
  }
6328
6328
  }
6329
6329
 
6330
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6331
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6332
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6333
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6334
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6335
+ margin-left: $outline-small-input-icon-margin-left;
6336
+ margin-right: $zero-value;
6337
+ }
6338
+ }
6339
+
6330
6340
  .e-outline.e-input-group.e-small .e-clear-icon,
6331
6341
  .e-outline.e-input-group .e-clear-icon.e-small,
6332
6342
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6410,6 +6420,17 @@ $float-label-rtl-value: -7px !default;
6410
6420
  }
6411
6421
  }
6412
6422
 
6423
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6424
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6425
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6426
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6427
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6428
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6429
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6430
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6431
+ }
6432
+ }
6433
+
6413
6434
  input.e-input.e-bigger.e-outline,
6414
6435
  .e-bigger input.e-input.e-outline,
6415
6436
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6616,6 +6637,17 @@ $float-label-rtl-value: -7px !default;
6616
6637
  }
6617
6638
  }
6618
6639
 
6640
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6641
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6642
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6643
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6644
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6645
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6646
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6647
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6648
+ }
6649
+ }
6650
+
6619
6651
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6620
6652
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6621
6653
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fabric.scss CHANGED
@@ -1769,7 +1769,7 @@ $float-label-rtl-value: -7px !default;
1769
1769
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1770
1770
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1771
1771
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1772
- top: -9px;
1772
+ top: -7px;
1773
1773
  }
1774
1774
  }
1775
1775
 
@@ -1810,7 +1810,7 @@ $float-label-rtl-value: -7px !default;
1810
1810
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1811
1811
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1812
1812
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1813
- top: -8px;
1813
+ top: -7px;
1814
1814
  }
1815
1815
  }
1816
1816
 
@@ -6319,6 +6319,16 @@ $float-label-rtl-value: -7px !default;
6319
6319
  }
6320
6320
  }
6321
6321
 
6322
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6323
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6324
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6325
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6326
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6327
+ margin-left: $outline-small-input-icon-margin-left;
6328
+ margin-right: $zero-value;
6329
+ }
6330
+ }
6331
+
6322
6332
  .e-outline.e-input-group.e-small .e-clear-icon,
6323
6333
  .e-outline.e-input-group .e-clear-icon.e-small,
6324
6334
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6402,6 +6412,17 @@ $float-label-rtl-value: -7px !default;
6402
6412
  }
6403
6413
  }
6404
6414
 
6415
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6416
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6417
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6418
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6419
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6420
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6421
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6422
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6423
+ }
6424
+ }
6425
+
6405
6426
  input.e-input.e-bigger.e-outline,
6406
6427
  .e-bigger input.e-input.e-outline,
6407
6428
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6608,6 +6629,17 @@ $float-label-rtl-value: -7px !default;
6608
6629
  }
6609
6630
  }
6610
6631
 
6632
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6633
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6634
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6635
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6636
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6637
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6638
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6639
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6640
+ }
6641
+ }
6642
+
6611
6643
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6612
6644
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6613
6645
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/fluent-dark.scss CHANGED
@@ -1796,7 +1796,7 @@ $float-label-rtl-value: -10px !default;
1796
1796
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1797
1797
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1798
1798
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1799
- top: -9px;
1799
+ top: -7px;
1800
1800
  }
1801
1801
  }
1802
1802
 
@@ -1837,7 +1837,7 @@ $float-label-rtl-value: -10px !default;
1837
1837
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1838
1838
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1839
1839
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1840
- top: -8px;
1840
+ top: -7px;
1841
1841
  }
1842
1842
  }
1843
1843
 
@@ -6346,6 +6346,16 @@ $float-label-rtl-value: -10px !default;
6346
6346
  }
6347
6347
  }
6348
6348
 
6349
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6350
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6351
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6352
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6353
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6354
+ margin-left: $outline-small-input-icon-margin-left;
6355
+ margin-right: $zero-value;
6356
+ }
6357
+ }
6358
+
6349
6359
  .e-outline.e-input-group.e-small .e-clear-icon,
6350
6360
  .e-outline.e-input-group .e-clear-icon.e-small,
6351
6361
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6429,6 +6439,17 @@ $float-label-rtl-value: -10px !default;
6429
6439
  }
6430
6440
  }
6431
6441
 
6442
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6443
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6444
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6445
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6446
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6447
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6448
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6449
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6450
+ }
6451
+ }
6452
+
6432
6453
  input.e-input.e-bigger.e-outline,
6433
6454
  .e-bigger input.e-input.e-outline,
6434
6455
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6635,6 +6656,17 @@ $float-label-rtl-value: -10px !default;
6635
6656
  }
6636
6657
  }
6637
6658
 
6659
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6660
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6661
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6662
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6663
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6664
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6665
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6666
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6667
+ }
6668
+ }
6669
+
6638
6670
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6639
6671
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6640
6672
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,