@syncfusion/blazor-themes 22.1.36 → 22.1.38

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 (86) hide show
  1. package/SCSS-Themes/bootstrap-dark.scss +85 -9
  2. package/SCSS-Themes/bootstrap.scss +90 -14
  3. package/SCSS-Themes/bootstrap4.scss +85 -9
  4. package/SCSS-Themes/bootstrap5-dark.scss +85 -9
  5. package/SCSS-Themes/bootstrap5.scss +85 -9
  6. package/SCSS-Themes/buttons/check-box/bootstrap-dark.scss +0 -4
  7. package/SCSS-Themes/buttons/check-box/bootstrap.scss +0 -4
  8. package/SCSS-Themes/buttons/check-box/bootstrap4.scss +0 -4
  9. package/SCSS-Themes/buttons/check-box/bootstrap5-dark.scss +0 -4
  10. package/SCSS-Themes/buttons/check-box/bootstrap5.scss +0 -4
  11. package/SCSS-Themes/buttons/check-box/fabric-dark.scss +0 -4
  12. package/SCSS-Themes/buttons/check-box/fabric.scss +0 -4
  13. package/SCSS-Themes/buttons/check-box/fluent-dark.scss +0 -4
  14. package/SCSS-Themes/buttons/check-box/fluent.scss +0 -4
  15. package/SCSS-Themes/buttons/check-box/highcontrast.scss +0 -4
  16. package/SCSS-Themes/buttons/check-box/material-dark.scss +0 -4
  17. package/SCSS-Themes/buttons/check-box/material.scss +0 -4
  18. package/SCSS-Themes/buttons/check-box/material3-dark.scss +0 -4
  19. package/SCSS-Themes/buttons/check-box/material3.scss +0 -4
  20. package/SCSS-Themes/buttons/check-box/tailwind-dark.scss +0 -4
  21. package/SCSS-Themes/buttons/check-box/tailwind.scss +0 -4
  22. package/SCSS-Themes/calendars/calendar/fabric-dark.scss +1 -1
  23. package/SCSS-Themes/calendars/calendar/fabric.scss +1 -1
  24. package/SCSS-Themes/calendars/calendar/highcontrast.scss +1 -1
  25. package/SCSS-Themes/calendars/daterangepicker/highcontrast.scss +1 -1
  26. package/SCSS-Themes/fabric-dark.scss +86 -10
  27. package/SCSS-Themes/fabric.scss +86 -10
  28. package/SCSS-Themes/fluent-dark.scss +85 -9
  29. package/SCSS-Themes/fluent.scss +85 -9
  30. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +30 -1
  31. package/SCSS-Themes/grids/grid/bootstrap.scss +30 -1
  32. package/SCSS-Themes/grids/grid/bootstrap4.scss +30 -1
  33. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +30 -1
  34. package/SCSS-Themes/grids/grid/bootstrap5.scss +30 -1
  35. package/SCSS-Themes/grids/grid/fabric-dark.scss +30 -1
  36. package/SCSS-Themes/grids/grid/fabric.scss +30 -1
  37. package/SCSS-Themes/grids/grid/fluent-dark.scss +30 -1
  38. package/SCSS-Themes/grids/grid/fluent.scss +30 -1
  39. package/SCSS-Themes/grids/grid/highcontrast.scss +30 -1
  40. package/SCSS-Themes/grids/grid/material-dark.scss +30 -1
  41. package/SCSS-Themes/grids/grid/material.scss +30 -1
  42. package/SCSS-Themes/grids/grid/material3-dark.scss +30 -1
  43. package/SCSS-Themes/grids/grid/material3.scss +30 -1
  44. package/SCSS-Themes/grids/grid/tailwind-dark.scss +30 -1
  45. package/SCSS-Themes/grids/grid/tailwind.scss +30 -1
  46. package/SCSS-Themes/highcontrast.scss +87 -11
  47. package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss +20 -2
  48. package/SCSS-Themes/image-editor/image-editor/bootstrap.scss +20 -2
  49. package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss +20 -2
  50. package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss +20 -2
  51. package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss +20 -2
  52. package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss +20 -2
  53. package/SCSS-Themes/image-editor/image-editor/fabric.scss +20 -2
  54. package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss +20 -2
  55. package/SCSS-Themes/image-editor/image-editor/fluent.scss +20 -2
  56. package/SCSS-Themes/image-editor/image-editor/highcontrast.scss +20 -2
  57. package/SCSS-Themes/image-editor/image-editor/material-dark.scss +20 -2
  58. package/SCSS-Themes/image-editor/image-editor/material.scss +20 -2
  59. package/SCSS-Themes/image-editor/image-editor/material3-dark.scss +20 -2
  60. package/SCSS-Themes/image-editor/image-editor/material3.scss +20 -2
  61. package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss +20 -2
  62. package/SCSS-Themes/image-editor/image-editor/tailwind.scss +20 -2
  63. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +35 -2
  64. package/SCSS-Themes/inputs/input/bootstrap.scss +35 -2
  65. package/SCSS-Themes/inputs/input/bootstrap4.scss +35 -2
  66. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +35 -2
  67. package/SCSS-Themes/inputs/input/bootstrap5.scss +35 -2
  68. package/SCSS-Themes/inputs/input/fabric-dark.scss +35 -2
  69. package/SCSS-Themes/inputs/input/fabric.scss +35 -2
  70. package/SCSS-Themes/inputs/input/fluent-dark.scss +35 -2
  71. package/SCSS-Themes/inputs/input/fluent.scss +35 -2
  72. package/SCSS-Themes/inputs/input/highcontrast.scss +35 -2
  73. package/SCSS-Themes/inputs/input/material-dark.scss +35 -2
  74. package/SCSS-Themes/inputs/input/material.scss +35 -2
  75. package/SCSS-Themes/inputs/input/material3-dark.scss +35 -2
  76. package/SCSS-Themes/inputs/input/material3.scss +35 -2
  77. package/SCSS-Themes/inputs/input/tailwind-dark.scss +35 -2
  78. package/SCSS-Themes/inputs/input/tailwind.scss +35 -2
  79. package/SCSS-Themes/material-dark.scss +85 -9
  80. package/SCSS-Themes/material.scss +85 -9
  81. package/SCSS-Themes/material3-dark.scss +85 -9
  82. package/SCSS-Themes/material3.scss +85 -9
  83. package/SCSS-Themes/navigations/toolbar/bootstrap.scss +5 -5
  84. package/SCSS-Themes/tailwind-dark.scss +85 -9
  85. package/SCSS-Themes/tailwind.scss +85 -9
  86. package/package.json +1 -1
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
 
@@ -3124,6 +3124,7 @@ $float-label-rtl-value: -7px !default;
3124
3124
  }
3125
3125
 
3126
3126
  input.e-input.e-bigger#{$css},
3127
+ .e-bigger input.e-input#{$css},
3127
3128
  .e-input-group.e-bigger input,
3128
3129
  .e-input-group.e-bigger input.e-input,
3129
3130
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6320,6 +6321,16 @@ $float-label-rtl-value: -7px !default;
6320
6321
  }
6321
6322
  }
6322
6323
 
6324
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6325
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6326
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6327
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6328
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6329
+ margin-left: $outline-small-input-icon-margin-left;
6330
+ margin-right: $zero-value;
6331
+ }
6332
+ }
6333
+
6323
6334
  .e-outline.e-input-group.e-small .e-clear-icon,
6324
6335
  .e-outline.e-input-group .e-clear-icon.e-small,
6325
6336
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6403,6 +6414,17 @@ $float-label-rtl-value: -7px !default;
6403
6414
  }
6404
6415
  }
6405
6416
 
6417
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6418
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6419
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6420
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6421
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6422
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6423
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6424
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6425
+ }
6426
+ }
6427
+
6406
6428
  input.e-input.e-bigger.e-outline,
6407
6429
  .e-bigger input.e-input.e-outline,
6408
6430
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6609,6 +6631,17 @@ $float-label-rtl-value: -7px !default;
6609
6631
  }
6610
6632
  }
6611
6633
 
6634
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6635
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6636
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6637
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6638
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6639
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6640
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6641
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6642
+ }
6643
+ }
6644
+
6612
6645
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6613
6646
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6614
6647
  .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
 
@@ -3385,6 +3385,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
3385
3385
  }
3386
3386
 
3387
3387
  input.e-input.e-bigger#{$css},
3388
+ .e-bigger input.e-input#{$css},
3388
3389
  .e-input-group.e-bigger input,
3389
3390
  .e-input-group.e-bigger input.e-input,
3390
3391
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6581,6 +6582,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6581
6582
  }
6582
6583
  }
6583
6584
 
6585
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6586
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6587
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6588
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6589
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6590
+ margin-left: $outline-small-input-icon-margin-left;
6591
+ margin-right: $zero-value;
6592
+ }
6593
+ }
6594
+
6584
6595
  .e-outline.e-input-group.e-small .e-clear-icon,
6585
6596
  .e-outline.e-input-group .e-clear-icon.e-small,
6586
6597
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6664,6 +6675,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6664
6675
  }
6665
6676
  }
6666
6677
 
6678
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6679
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6680
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6681
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6682
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6683
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6684
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6685
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6686
+ }
6687
+ }
6688
+
6667
6689
  input.e-input.e-bigger.e-outline,
6668
6690
  .e-bigger input.e-input.e-outline,
6669
6691
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6870,6 +6892,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6870
6892
  }
6871
6893
  }
6872
6894
 
6895
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6896
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6897
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6898
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6899
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6900
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6901
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6902
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6903
+ }
6904
+ }
6905
+
6873
6906
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6874
6907
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6875
6908
  .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
 
@@ -3385,6 +3385,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
3385
3385
  }
3386
3386
 
3387
3387
  input.e-input.e-bigger#{$css},
3388
+ .e-bigger input.e-input#{$css},
3388
3389
  .e-input-group.e-bigger input,
3389
3390
  .e-input-group.e-bigger input.e-input,
3390
3391
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6581,6 +6582,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6581
6582
  }
6582
6583
  }
6583
6584
 
6585
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6586
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6587
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6588
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6589
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6590
+ margin-left: $outline-small-input-icon-margin-left;
6591
+ margin-right: $zero-value;
6592
+ }
6593
+ }
6594
+
6584
6595
  .e-outline.e-input-group.e-small .e-clear-icon,
6585
6596
  .e-outline.e-input-group .e-clear-icon.e-small,
6586
6597
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6664,6 +6675,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6664
6675
  }
6665
6676
  }
6666
6677
 
6678
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6679
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6680
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6681
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6682
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6683
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6684
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6685
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6686
+ }
6687
+ }
6688
+
6667
6689
  input.e-input.e-bigger.e-outline,
6668
6690
  .e-bigger input.e-input.e-outline,
6669
6691
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6870,6 +6892,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
6870
6892
  }
6871
6893
  }
6872
6894
 
6895
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6896
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6897
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6898
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6899
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6900
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6901
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6902
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6903
+ }
6904
+ }
6905
+
6873
6906
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6874
6907
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6875
6908
  .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
 
@@ -3360,6 +3360,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
3360
3360
  }
3361
3361
 
3362
3362
  input.e-input.e-bigger#{$css},
3363
+ .e-bigger input.e-input#{$css},
3363
3364
  .e-input-group.e-bigger input,
3364
3365
  .e-input-group.e-bigger input.e-input,
3365
3366
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6556,6 +6557,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6556
6557
  }
6557
6558
  }
6558
6559
 
6560
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6561
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6562
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6563
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6564
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6565
+ margin-left: $outline-small-input-icon-margin-left;
6566
+ margin-right: $zero-value;
6567
+ }
6568
+ }
6569
+
6559
6570
  .e-outline.e-input-group.e-small .e-clear-icon,
6560
6571
  .e-outline.e-input-group .e-clear-icon.e-small,
6561
6572
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6639,6 +6650,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6639
6650
  }
6640
6651
  }
6641
6652
 
6653
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6654
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6655
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6656
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6657
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6658
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6659
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6660
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6661
+ }
6662
+ }
6663
+
6642
6664
  input.e-input.e-bigger.e-outline,
6643
6665
  .e-bigger input.e-input.e-outline,
6644
6666
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6845,6 +6867,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6845
6867
  }
6846
6868
  }
6847
6869
 
6870
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6871
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6872
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6873
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6874
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6875
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6876
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6877
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6878
+ }
6879
+ }
6880
+
6848
6881
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6849
6882
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6850
6883
  .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
 
@@ -3360,6 +3360,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
3360
3360
  }
3361
3361
 
3362
3362
  input.e-input.e-bigger#{$css},
3363
+ .e-bigger input.e-input#{$css},
3363
3364
  .e-input-group.e-bigger input,
3364
3365
  .e-input-group.e-bigger input.e-input,
3365
3366
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6556,6 +6557,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6556
6557
  }
6557
6558
  }
6558
6559
 
6560
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6561
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
6562
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
6563
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6564
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6565
+ margin-left: $outline-small-input-icon-margin-left;
6566
+ margin-right: $zero-value;
6567
+ }
6568
+ }
6569
+
6559
6570
  .e-outline.e-input-group.e-small .e-clear-icon,
6560
6571
  .e-outline.e-input-group .e-clear-icon.e-small,
6561
6572
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6639,6 +6650,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6639
6650
  }
6640
6651
  }
6641
6652
 
6653
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
6654
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
6655
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
6656
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
6657
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
6658
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
6659
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6660
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
6661
+ }
6662
+ }
6663
+
6642
6664
  input.e-input.e-bigger.e-outline,
6643
6665
  .e-bigger input.e-input.e-outline,
6644
6666
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6845,6 +6867,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
6845
6867
  }
6846
6868
  }
6847
6869
 
6870
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
6871
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
6872
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
6873
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
6874
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
6875
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
6876
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6877
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
6878
+ }
6879
+ }
6880
+
6848
6881
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6849
6882
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6850
6883
  .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
 
@@ -3147,6 +3147,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
3147
3147
  }
3148
3148
 
3149
3149
  input.e-input.e-bigger#{$css},
3150
+ .e-bigger input.e-input#{$css},
3150
3151
  .e-input-group.e-bigger input,
3151
3152
  .e-input-group.e-bigger input.e-input,
3152
3153
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6343,6 +6344,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6343
6344
  }
6344
6345
  }
6345
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
+
6346
6357
  .e-outline.e-input-group.e-small .e-clear-icon,
6347
6358
  .e-outline.e-input-group .e-clear-icon.e-small,
6348
6359
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6426,6 +6437,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6426
6437
  }
6427
6438
  }
6428
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
+
6429
6451
  input.e-input.e-bigger.e-outline,
6430
6452
  .e-bigger input.e-input.e-outline,
6431
6453
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6632,6 +6654,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6632
6654
  }
6633
6655
  }
6634
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
+
6635
6668
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6636
6669
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6637
6670
  .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
 
@@ -3147,6 +3147,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
3147
3147
  }
3148
3148
 
3149
3149
  input.e-input.e-bigger#{$css},
3150
+ .e-bigger input.e-input#{$css},
3150
3151
  .e-input-group.e-bigger input,
3151
3152
  .e-input-group.e-bigger input.e-input,
3152
3153
  .e-input-group.e-control-wrapper.e-bigger input,
@@ -6343,6 +6344,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6343
6344
  }
6344
6345
  }
6345
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
+
6346
6357
  .e-outline.e-input-group.e-small .e-clear-icon,
6347
6358
  .e-outline.e-input-group .e-clear-icon.e-small,
6348
6359
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6426,6 +6437,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6426
6437
  }
6427
6438
  }
6428
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
+
6429
6451
  input.e-input.e-bigger.e-outline,
6430
6452
  .e-bigger input.e-input.e-outline,
6431
6453
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6632,6 +6654,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
6632
6654
  }
6633
6655
  }
6634
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
+
6635
6668
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
6636
6669
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
6637
6670
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,