@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/inputs/input/fluent.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,
package/SCSS-Themes/inputs/input/highcontrast.scss CHANGED
@@ -1770,7 +1770,7 @@ $float-label-rtl-value: -7px !default;
1770
1770
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1771
1771
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1772
1772
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1773
- top: -9px;
1773
+ top: -7px;
1774
1774
  }
1775
1775
  }
1776
1776
 
@@ -1811,7 +1811,7 @@ $float-label-rtl-value: -7px !default;
1811
1811
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1812
1812
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1813
1813
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1814
- top: -8px;
1814
+ top: -7px;
1815
1815
  }
1816
1816
  }
1817
1817
 
@@ -6320,6 +6320,16 @@ $float-label-rtl-value: -7px !default;
6320
6320
  }
6321
6321
  }
6322
6322
 
6323
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6324
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6325
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6326
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6327
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6328
+ margin-left: $outline-small-input-icon-margin-left;
6329
+ margin-right: $zero-value;
6330
+ }
6331
+ }
6332
+
6323
6333
  .e-outline.e-input-group.e-small .e-clear-icon,
6324
6334
  .e-outline.e-input-group .e-clear-icon.e-small,
6325
6335
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6403,6 +6413,17 @@ $float-label-rtl-value: -7px !default;
6403
6413
  }
6404
6414
  }
6405
6415
 
6416
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6417
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6418
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6419
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6420
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6421
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6422
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6423
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6424
+ }
6425
+ }
6426
+
6406
6427
  input.e-input.e-bigger.e-outline,
6407
6428
  .e-bigger input.e-input.e-outline,
6408
6429
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6609,6 +6630,17 @@ $float-label-rtl-value: -7px !default;
6609
6630
  }
6610
6631
  }
6611
6632
 
6633
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6634
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6635
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6636
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6637
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6638
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6639
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6640
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6641
+ }
6642
+ }
6643
+
6612
6644
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6613
6645
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6614
6646
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/material-dark.scss CHANGED
@@ -2031,7 +2031,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
2031
2031
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2032
2032
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2033
2033
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2034
- top: -9px;
2034
+ top: -7px;
2035
2035
  }
2036
2036
  }
2037
2037
 
@@ -2072,7 +2072,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
2072
2072
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2073
2073
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2074
2074
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2075
- top: -8px;
2075
+ top: -7px;
2076
2076
  }
2077
2077
  }
2078
2078
 
@@ -6581,6 +6581,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6581
6581
  }
6582
6582
  }
6583
6583
 
6584
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6585
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6586
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6587
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6588
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6589
+ margin-left: $outline-small-input-icon-margin-left;
6590
+ margin-right: $zero-value;
6591
+ }
6592
+ }
6593
+
6584
6594
  .e-outline.e-input-group.e-small .e-clear-icon,
6585
6595
  .e-outline.e-input-group .e-clear-icon.e-small,
6586
6596
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6664,6 +6674,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6664
6674
  }
6665
6675
  }
6666
6676
 
6677
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6678
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6679
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6680
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6681
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6682
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6683
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6684
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6685
+ }
6686
+ }
6687
+
6667
6688
  input.e-input.e-bigger.e-outline,
6668
6689
  .e-bigger input.e-input.e-outline,
6669
6690
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6870,6 +6891,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6870
6891
  }
6871
6892
  }
6872
6893
 
6894
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6895
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6896
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6897
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6898
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6899
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6900
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6901
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6902
+ }
6903
+ }
6904
+
6873
6905
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6874
6906
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6875
6907
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/material.scss CHANGED
@@ -2031,7 +2031,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
2031
2031
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2032
2032
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2033
2033
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2034
- top: -9px;
2034
+ top: -7px;
2035
2035
  }
2036
2036
  }
2037
2037
 
@@ -2072,7 +2072,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
2072
2072
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2073
2073
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2074
2074
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2075
- top: -8px;
2075
+ top: -7px;
2076
2076
  }
2077
2077
  }
2078
2078
 
@@ -6581,6 +6581,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6581
6581
  }
6582
6582
  }
6583
6583
 
6584
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6585
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6586
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6587
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6588
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6589
+ margin-left: $outline-small-input-icon-margin-left;
6590
+ margin-right: $zero-value;
6591
+ }
6592
+ }
6593
+
6584
6594
  .e-outline.e-input-group.e-small .e-clear-icon,
6585
6595
  .e-outline.e-input-group .e-clear-icon.e-small,
6586
6596
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6664,6 +6674,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6664
6674
  }
6665
6675
  }
6666
6676
 
6677
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6678
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6679
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6680
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6681
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6682
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6683
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6684
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6685
+ }
6686
+ }
6687
+
6667
6688
  input.e-input.e-bigger.e-outline,
6668
6689
  .e-bigger input.e-input.e-outline,
6669
6690
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6870,6 +6891,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6870
6891
  }
6871
6892
  }
6872
6893
 
6894
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6895
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6896
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6897
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6898
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6899
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6900
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6901
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6902
+ }
6903
+ }
6904
+
6873
6905
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6874
6906
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6875
6907
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/material3-dark.scss CHANGED
@@ -2006,7 +2006,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
2006
2006
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2007
2007
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2008
2008
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2009
- top: -9px;
2009
+ top: -7px;
2010
2010
  }
2011
2011
  }
2012
2012
 
@@ -2047,7 +2047,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
2047
2047
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2048
2048
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2049
2049
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2050
- top: -8px;
2050
+ top: -7px;
2051
2051
  }
2052
2052
  }
2053
2053
 
@@ -6556,6 +6556,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6556
6556
  }
6557
6557
  }
6558
6558
 
6559
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6560
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6561
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6562
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6563
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6564
+ margin-left: $outline-small-input-icon-margin-left;
6565
+ margin-right: $zero-value;
6566
+ }
6567
+ }
6568
+
6559
6569
  .e-outline.e-input-group.e-small .e-clear-icon,
6560
6570
  .e-outline.e-input-group .e-clear-icon.e-small,
6561
6571
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6639,6 +6649,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6639
6649
  }
6640
6650
  }
6641
6651
 
6652
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6653
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6654
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6655
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6656
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6657
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6658
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6659
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6660
+ }
6661
+ }
6662
+
6642
6663
  input.e-input.e-bigger.e-outline,
6643
6664
  .e-bigger input.e-input.e-outline,
6644
6665
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6845,6 +6866,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6845
6866
  }
6846
6867
  }
6847
6868
 
6869
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6870
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6871
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6872
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6873
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6874
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6875
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6876
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6877
+ }
6878
+ }
6879
+
6848
6880
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6849
6881
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6850
6882
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/material3.scss CHANGED
@@ -2006,7 +2006,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
2006
2006
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2007
2007
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2008
2008
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2009
- top: -9px;
2009
+ top: -7px;
2010
2010
  }
2011
2011
  }
2012
2012
 
@@ -2047,7 +2047,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
2047
2047
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
2048
2048
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
2049
2049
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2050
- top: -8px;
2050
+ top: -7px;
2051
2051
  }
2052
2052
  }
2053
2053
 
@@ -6556,6 +6556,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6556
6556
  }
6557
6557
  }
6558
6558
 
6559
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6560
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6561
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6562
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6563
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6564
+ margin-left: $outline-small-input-icon-margin-left;
6565
+ margin-right: $zero-value;
6566
+ }
6567
+ }
6568
+
6559
6569
  .e-outline.e-input-group.e-small .e-clear-icon,
6560
6570
  .e-outline.e-input-group .e-clear-icon.e-small,
6561
6571
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6639,6 +6649,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6639
6649
  }
6640
6650
  }
6641
6651
 
6652
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6653
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6654
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6655
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6656
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6657
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6658
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6659
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6660
+ }
6661
+ }
6662
+
6642
6663
  input.e-input.e-bigger.e-outline,
6643
6664
  .e-bigger input.e-input.e-outline,
6644
6665
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6845,6 +6866,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6845
6866
  }
6846
6867
  }
6847
6868
 
6869
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6870
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6871
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6872
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6873
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6874
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6875
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6876
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6877
+ }
6878
+ }
6879
+
6848
6880
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6849
6881
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6850
6882
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/tailwind-dark.scss CHANGED
@@ -1793,7 +1793,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
1793
1793
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1795
1795
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1796
- top: -9px;
1796
+ top: -7px;
1797
1797
  }
1798
1798
  }
1799
1799
 
@@ -1834,7 +1834,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
1834
1834
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1836
1836
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1837
- top: -8px;
1837
+ top: -7px;
1838
1838
  }
1839
1839
  }
1840
1840
 
@@ -6343,6 +6343,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6343
6343
  }
6344
6344
  }
6345
6345
 
6346
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6347
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6348
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6349
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6350
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6351
+ margin-left: $outline-small-input-icon-margin-left;
6352
+ margin-right: $zero-value;
6353
+ }
6354
+ }
6355
+
6346
6356
  .e-outline.e-input-group.e-small .e-clear-icon,
6347
6357
  .e-outline.e-input-group .e-clear-icon.e-small,
6348
6358
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6426,6 +6436,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6426
6436
  }
6427
6437
  }
6428
6438
 
6439
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6440
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6441
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6442
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6443
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6444
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6445
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6446
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6447
+ }
6448
+ }
6449
+
6429
6450
  input.e-input.e-bigger.e-outline,
6430
6451
  .e-bigger input.e-input.e-outline,
6431
6452
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6632,6 +6653,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6632
6653
  }
6633
6654
  }
6634
6655
 
6656
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6657
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6658
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6659
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6660
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6661
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6662
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6663
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6664
+ }
6665
+ }
6666
+
6635
6667
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6636
6668
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6637
6669
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/inputs/input/tailwind.scss CHANGED
@@ -1793,7 +1793,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
1793
1793
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1794
1794
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1795
1795
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1796
- top: -9px;
1796
+ top: -7px;
1797
1797
  }
1798
1798
  }
1799
1799
 
@@ -1834,7 +1834,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
1834
1834
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
1835
1835
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
1836
1836
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
1837
- top: -8px;
1837
+ top: -7px;
1838
1838
  }
1839
1839
  }
1840
1840
 
@@ -6343,6 +6343,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6343
6343
  }
6344
6344
  }
6345
6345
 
6346
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6347
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6348
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6349
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6350
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6351
+ margin-left: $outline-small-input-icon-margin-left;
6352
+ margin-right: $zero-value;
6353
+ }
6354
+ }
6355
+
6346
6356
  .e-outline.e-input-group.e-small .e-clear-icon,
6347
6357
  .e-outline.e-input-group .e-clear-icon.e-small,
6348
6358
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6426,6 +6436,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6426
6436
  }
6427
6437
  }
6428
6438
 
6439
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6440
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6441
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6442
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6443
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6444
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6445
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6446
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6447
+ }
6448
+ }
6449
+
6429
6450
  input.e-input.e-bigger.e-outline,
6430
6451
  .e-bigger input.e-input.e-outline,
6431
6452
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6632,6 +6653,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6632
6653
  }
6633
6654
  }
6634
6655
 
6656
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6657
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6658
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6659
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6660
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6661
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6662
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6663
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6664
+ }
6665
+ }
6666
+
6635
6667
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6636
6668
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6637
6669
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/material-dark.scss CHANGED
@@ -5118,7 +5118,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
5118
5118
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5119
5119
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5120
5120
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5121
- top: -9px;
5121
+ top: -7px;
5122
5122
  }
5123
5123
  }
5124
5124
 
@@ -5159,7 +5159,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
5159
5159
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5160
5160
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5161
5161
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5162
- top: -8px;
5162
+ top: -7px;
5163
5163
  }
5164
5164
  }
5165
5165
 
@@ -9668,6 +9668,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9668
9668
  }
9669
9669
  }
9670
9670
 
9671
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9672
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9673
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9674
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9675
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9676
+ margin-left: $outline-small-input-icon-margin-left;
9677
+ margin-right: $zero-value;
9678
+ }
9679
+ }
9680
+
9671
9681
  .e-outline.e-input-group.e-small .e-clear-icon,
9672
9682
  .e-outline.e-input-group .e-clear-icon.e-small,
9673
9683
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9751,6 +9761,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9751
9761
  }
9752
9762
  }
9753
9763
 
9764
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9765
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9766
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9767
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9768
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9769
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9770
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9771
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9772
+ }
9773
+ }
9774
+
9754
9775
  input.e-input.e-bigger.e-outline,
9755
9776
  .e-bigger input.e-input.e-outline,
9756
9777
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9957,6 +9978,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9957
9978
  }
9958
9979
  }
9959
9980
 
9981
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9982
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9983
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9984
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9985
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9986
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9987
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9988
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9989
+ }
9990
+ }
9991
+
9960
9992
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9961
9993
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9962
9994
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,