@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/material.scss CHANGED
@@ -5132,7 +5132,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
5132
5132
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5133
5133
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5134
5134
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5135
- top: -9px;
5135
+ top: -7px;
5136
5136
  }
5137
5137
  }
5138
5138
 
@@ -5173,7 +5173,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
5173
5173
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5174
5174
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5175
5175
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5176
- top: -8px;
5176
+ top: -7px;
5177
5177
  }
5178
5178
  }
5179
5179
 
@@ -9682,6 +9682,16 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9682
9682
  }
9683
9683
  }
9684
9684
 
9685
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9686
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9687
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9688
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9689
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9690
+ margin-left: $outline-small-input-icon-margin-left;
9691
+ margin-right: $zero-value;
9692
+ }
9693
+ }
9694
+
9685
9695
  .e-outline.e-input-group.e-small .e-clear-icon,
9686
9696
  .e-outline.e-input-group .e-clear-icon.e-small,
9687
9697
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9765,6 +9775,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9765
9775
  }
9766
9776
  }
9767
9777
 
9778
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9779
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9780
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9781
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9782
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9783
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9784
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9785
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9786
+ }
9787
+ }
9788
+
9768
9789
  input.e-input.e-bigger.e-outline,
9769
9790
  .e-bigger input.e-input.e-outline,
9770
9791
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9971,6 +9992,17 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
9971
9992
  }
9972
9993
  }
9973
9994
 
9995
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9996
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9997
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9998
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9999
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
10000
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
10001
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10002
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
10003
+ }
10004
+ }
10005
+
9974
10006
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9975
10007
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9976
10008
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/material3-dark.scss CHANGED
@@ -5400,7 +5400,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
5400
5400
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5401
5401
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5402
5402
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5403
- top: -9px;
5403
+ top: -7px;
5404
5404
  }
5405
5405
  }
5406
5406
 
@@ -5441,7 +5441,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
5441
5441
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5442
5442
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5443
5443
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5444
- top: -8px;
5444
+ top: -7px;
5445
5445
  }
5446
5446
  }
5447
5447
 
@@ -9950,6 +9950,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
9950
9950
  }
9951
9951
  }
9952
9952
 
9953
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9954
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9955
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9956
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9957
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9958
+ margin-left: $outline-small-input-icon-margin-left;
9959
+ margin-right: $zero-value;
9960
+ }
9961
+ }
9962
+
9953
9963
  .e-outline.e-input-group.e-small .e-clear-icon,
9954
9964
  .e-outline.e-input-group .e-clear-icon.e-small,
9955
9965
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -10033,6 +10043,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
10033
10043
  }
10034
10044
  }
10035
10045
 
10046
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
10047
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
10048
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
10049
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
10050
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
10051
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
10052
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10053
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
10054
+ }
10055
+ }
10056
+
10036
10057
  input.e-input.e-bigger.e-outline,
10037
10058
  .e-bigger input.e-input.e-outline,
10038
10059
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -10239,6 +10260,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
10239
10260
  }
10240
10261
  }
10241
10262
 
10263
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
10264
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
10265
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
10266
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
10267
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
10268
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
10269
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10270
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
10271
+ }
10272
+ }
10273
+
10242
10274
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
10243
10275
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
10244
10276
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/material3.scss CHANGED
@@ -5482,7 +5482,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
5482
5482
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5483
5483
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5484
5484
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5485
- top: -9px;
5485
+ top: -7px;
5486
5486
  }
5487
5487
  }
5488
5488
 
@@ -5523,7 +5523,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
5523
5523
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
5524
5524
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
5525
5525
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5526
- top: -8px;
5526
+ top: -7px;
5527
5527
  }
5528
5528
  }
5529
5529
 
@@ -10032,6 +10032,16 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
10032
10032
  }
10033
10033
  }
10034
10034
 
10035
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
10036
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
10037
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
10038
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
10039
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10040
+ margin-left: $outline-small-input-icon-margin-left;
10041
+ margin-right: $zero-value;
10042
+ }
10043
+ }
10044
+
10035
10045
  .e-outline.e-input-group.e-small .e-clear-icon,
10036
10046
  .e-outline.e-input-group .e-clear-icon.e-small,
10037
10047
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -10115,6 +10125,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
10115
10125
  }
10116
10126
  }
10117
10127
 
10128
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
10129
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
10130
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
10131
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
10132
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
10133
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
10134
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10135
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
10136
+ }
10137
+ }
10138
+
10118
10139
  input.e-input.e-bigger.e-outline,
10119
10140
  .e-bigger input.e-input.e-outline,
10120
10141
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -10321,6 +10342,17 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
10321
10342
  }
10322
10343
  }
10323
10344
 
10345
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
10346
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
10347
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
10348
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
10349
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
10350
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
10351
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10352
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
10353
+ }
10354
+ }
10355
+
10324
10356
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
10325
10357
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
10326
10358
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/tailwind-dark.scss CHANGED
@@ -4918,7 +4918,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
4918
4918
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4919
4919
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4920
4920
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4921
- top: -9px;
4921
+ top: -7px;
4922
4922
  }
4923
4923
  }
4924
4924
 
@@ -4959,7 +4959,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
4959
4959
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4960
4960
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4961
4961
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4962
- top: -8px;
4962
+ top: -7px;
4963
4963
  }
4964
4964
  }
4965
4965
 
@@ -9468,6 +9468,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9468
9468
  }
9469
9469
  }
9470
9470
 
9471
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9472
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9473
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9474
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9475
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9476
+ margin-left: $outline-small-input-icon-margin-left;
9477
+ margin-right: $zero-value;
9478
+ }
9479
+ }
9480
+
9471
9481
  .e-outline.e-input-group.e-small .e-clear-icon,
9472
9482
  .e-outline.e-input-group .e-clear-icon.e-small,
9473
9483
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9551,6 +9561,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9551
9561
  }
9552
9562
  }
9553
9563
 
9564
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9565
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9566
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9567
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9568
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9569
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9570
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9571
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9572
+ }
9573
+ }
9574
+
9554
9575
  input.e-input.e-bigger.e-outline,
9555
9576
  .e-bigger input.e-input.e-outline,
9556
9577
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9757,6 +9778,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9757
9778
  }
9758
9779
  }
9759
9780
 
9781
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9782
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9783
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9784
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9785
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9786
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9787
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9788
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9789
+ }
9790
+ }
9791
+
9760
9792
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9761
9793
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9762
9794
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/SCSS-Themes/tailwind.scss CHANGED
@@ -4915,7 +4915,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
4915
4915
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4916
4916
  .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4917
4917
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4918
- top: -9px;
4918
+ top: -7px;
4919
4919
  }
4920
4920
  }
4921
4921
 
@@ -4956,7 +4956,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
4956
4956
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
4957
4957
  .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
4958
4958
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4959
- top: -8px;
4959
+ top: -7px;
4960
4960
  }
4961
4961
  }
4962
4962
 
@@ -9465,6 +9465,16 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9465
9465
  }
9466
9466
  }
9467
9467
 
9468
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9469
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
9470
+ .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
9471
+ .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9472
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9473
+ margin-left: $outline-small-input-icon-margin-left;
9474
+ margin-right: $zero-value;
9475
+ }
9476
+ }
9477
+
9468
9478
  .e-outline.e-input-group.e-small .e-clear-icon,
9469
9479
  .e-outline.e-input-group .e-clear-icon.e-small,
9470
9480
  .e-small .e-outline.e-input-group .e-clear-icon,
@@ -9548,6 +9558,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9548
9558
  }
9549
9559
  }
9550
9560
 
9561
+ .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
9562
+ .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
9563
+ .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
9564
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
9565
+ .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
9566
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
9567
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9568
+ margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
9569
+ }
9570
+ }
9571
+
9551
9572
  input.e-input.e-bigger.e-outline,
9552
9573
  .e-bigger input.e-input.e-outline,
9553
9574
  .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -9754,6 +9775,17 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
9754
9775
  }
9755
9776
  }
9756
9777
 
9778
+ .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
9779
+ .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
9780
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
9781
+ .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
9782
+ .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
9783
+ .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
9784
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9785
+ margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
9786
+ }
9787
+ }
9788
+
9757
9789
  .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
9758
9790
  .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
9759
9791
  .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@syncfusion/blazor-themes","version":"22.1.36","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
1
+ {"name":"@syncfusion/blazor-themes","version":"22.1.37","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}