@syncfusion/blazor-themes 22.2.11 → 22.2.12

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 (50) hide show
  1. package/SCSS-Themes/base/material-dark.scss +1 -1
  2. package/SCSS-Themes/bootstrap-dark.scss +94 -10
  3. package/SCSS-Themes/bootstrap.scss +94 -10
  4. package/SCSS-Themes/bootstrap4.scss +94 -10
  5. package/SCSS-Themes/bootstrap5-dark.scss +94 -10
  6. package/SCSS-Themes/bootstrap5.scss +94 -10
  7. package/SCSS-Themes/fabric-dark.scss +94 -10
  8. package/SCSS-Themes/fabric.scss +94 -10
  9. package/SCSS-Themes/fluent-dark.scss +94 -10
  10. package/SCSS-Themes/fluent.scss +94 -10
  11. package/SCSS-Themes/grids/grid/bootstrap-dark.scss +5 -0
  12. package/SCSS-Themes/grids/grid/bootstrap.scss +5 -0
  13. package/SCSS-Themes/grids/grid/bootstrap4.scss +5 -0
  14. package/SCSS-Themes/grids/grid/bootstrap5-dark.scss +5 -0
  15. package/SCSS-Themes/grids/grid/bootstrap5.scss +5 -0
  16. package/SCSS-Themes/grids/grid/fabric-dark.scss +5 -0
  17. package/SCSS-Themes/grids/grid/fabric.scss +5 -0
  18. package/SCSS-Themes/grids/grid/fluent-dark.scss +5 -0
  19. package/SCSS-Themes/grids/grid/fluent.scss +5 -0
  20. package/SCSS-Themes/grids/grid/highcontrast.scss +5 -0
  21. package/SCSS-Themes/grids/grid/material-dark.scss +5 -0
  22. package/SCSS-Themes/grids/grid/material.scss +5 -0
  23. package/SCSS-Themes/grids/grid/material3-dark.scss +5 -0
  24. package/SCSS-Themes/grids/grid/material3.scss +5 -0
  25. package/SCSS-Themes/grids/grid/tailwind-dark.scss +5 -0
  26. package/SCSS-Themes/grids/grid/tailwind.scss +5 -0
  27. package/SCSS-Themes/highcontrast.scss +94 -10
  28. package/SCSS-Themes/inputs/input/bootstrap-dark.scss +89 -10
  29. package/SCSS-Themes/inputs/input/bootstrap.scss +89 -10
  30. package/SCSS-Themes/inputs/input/bootstrap4.scss +89 -10
  31. package/SCSS-Themes/inputs/input/bootstrap5-dark.scss +89 -10
  32. package/SCSS-Themes/inputs/input/bootstrap5.scss +89 -10
  33. package/SCSS-Themes/inputs/input/fabric-dark.scss +89 -10
  34. package/SCSS-Themes/inputs/input/fabric.scss +89 -10
  35. package/SCSS-Themes/inputs/input/fluent-dark.scss +89 -10
  36. package/SCSS-Themes/inputs/input/fluent.scss +89 -10
  37. package/SCSS-Themes/inputs/input/highcontrast.scss +89 -10
  38. package/SCSS-Themes/inputs/input/material-dark.scss +91 -12
  39. package/SCSS-Themes/inputs/input/material.scss +91 -12
  40. package/SCSS-Themes/inputs/input/material3-dark.scss +91 -12
  41. package/SCSS-Themes/inputs/input/material3.scss +91 -12
  42. package/SCSS-Themes/inputs/input/tailwind-dark.scss +89 -10
  43. package/SCSS-Themes/inputs/input/tailwind.scss +89 -10
  44. package/SCSS-Themes/material-dark.scss +97 -13
  45. package/SCSS-Themes/material.scss +96 -12
  46. package/SCSS-Themes/material3-dark.scss +96 -12
  47. package/SCSS-Themes/material3.scss +96 -12
  48. package/SCSS-Themes/tailwind-dark.scss +94 -10
  49. package/SCSS-Themes/tailwind.scss +94 -10
  50. package/package.json +1 -1
package/SCSS-Themes/grids/grid/fluent-dark.scss CHANGED
@@ -194,6 +194,7 @@ $grid-bigger-group-text-line-height: .2em !default;
194
194
  $grid-bigger-groupcaption-line-height: 16px !default;
195
195
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
196
196
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
+ $grid-bigger-device-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
198
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
198
199
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
199
200
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1393,6 +1394,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1393
1394
  padding: $grid-bigger-rtl-group-headercell-padding;
1394
1395
  }
1395
1396
 
1397
+ &.e-rtl.e-device .e-groupheadercell {
1398
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1399
+ }
1400
+
1396
1401
  &.e-rtl span.e-ungroupbutton.e-icons {
1397
1402
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1398
1403
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/fluent.scss CHANGED
@@ -194,6 +194,7 @@ $grid-bigger-group-text-line-height: .2em !default;
194
194
  $grid-bigger-groupcaption-line-height: 16px !default;
195
195
  $grid-bigger-rtl-group-headercell-margin: 6px 8px 6px 0 !default;
196
196
  $grid-bigger-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
+ $grid-bigger-device-rtl-group-headercell-padding: 4px 6px 4px 9px !default;
197
198
  $grid-bigger-rtl-ungroup-icon-margin-right: -6px !default;
198
199
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
199
200
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1393,6 +1394,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1393
1394
  padding: $grid-bigger-rtl-group-headercell-padding;
1394
1395
  }
1395
1396
 
1397
+ &.e-rtl.e-device .e-groupheadercell {
1398
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1399
+ }
1400
+
1396
1401
  &.e-rtl span.e-ungroupbutton.e-icons {
1397
1402
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1398
1403
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/highcontrast.scss CHANGED
@@ -345,6 +345,7 @@ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
345
345
  $grid-bigger-grouparea-font-size: 21px !default;
346
346
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
347
347
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
348
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
348
349
  $grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
349
350
  $group-bigger-sorticon-margin-right: round($group-sorticon-margin-right*1.25) !default;
350
351
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
@@ -1398,6 +1399,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1398
1399
  padding: $grid-bigger-rtl-group-headercell-padding;
1399
1400
  }
1400
1401
 
1402
+ &.e-rtl.e-device .e-groupheadercell {
1403
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1404
+ }
1405
+
1401
1406
  &.e-rtl span.e-ungroupbutton.e-icons {
1402
1407
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1403
1408
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/material-dark.scss CHANGED
@@ -366,6 +366,7 @@ $grid-fltr-sortnumber-margin: 7px -3px 0 2px !default;
366
366
  $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 5px !default;
367
367
  $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
368
368
  $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
369
+ $grid-bigger-device-rtl-group-headercell-padding: 0 12px 0 8px !default;
369
370
  $group-caption-font-color: $grey-dark-font !default;
370
371
  $grid-rtl-group-headercell-margin-left: 10px !default;
371
372
  $grid-rtl-group-headercell-margin-right: 18px !default;
@@ -1399,6 +1400,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1399
1400
  padding: $grid-bigger-rtl-group-headercell-padding;
1400
1401
  }
1401
1402
 
1403
+ &.e-rtl.e-device .e-groupheadercell {
1404
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1405
+ }
1406
+
1402
1407
  &.e-rtl span.e-ungroupbutton.e-icons {
1403
1408
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1404
1409
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/material.scss CHANGED
@@ -369,6 +369,7 @@ $grid-fltr-sortnumber-margin: 7px 5px 0 2px !default;
369
369
  $grid-fltr-rtl-sortnumber-rightalign-margin: 7px 0 0 5px !default;
370
370
  $grid-rtl-sortnumber-rightalign-margin: $grid-fltr-rtl-sortnumber-rightalign-margin !default;
371
371
  $grid-bigger-rtl-group-headercell-padding: 0 12px 0 8px !default;
372
+ $grid-bigger-device-rtl-group-headercell-padding: 0 12px 0 8px !default;
372
373
  $group-caption-font-color: $grey-light-font !default;
373
374
  $grid-rtl-group-headercell-margin-left: 10px !default;
374
375
  $grid-rtl-group-headercell-margin-right: 18px !default;
@@ -1397,6 +1398,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1397
1398
  padding: $grid-bigger-rtl-group-headercell-padding;
1398
1399
  }
1399
1400
 
1401
+ &.e-rtl.e-device .e-groupheadercell {
1402
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1403
+ }
1404
+
1400
1405
  &.e-rtl span.e-ungroupbutton.e-icons {
1401
1406
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1402
1407
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/material3-dark.scss CHANGED
@@ -139,6 +139,7 @@ $grid-bigger-group-text-line-height: 20px !default;
139
139
  $grid-bigger-groupcaption-line-height: 20px !default;
140
140
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
141
141
  $grid-bigger-rtl-group-headercell-padding: 0 0 0 8px !default;
142
+ $grid-bigger-device-rtl-group-headercell-padding: 0 0 0 8px !default;
142
143
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
143
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
144
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/material3.scss CHANGED
@@ -139,6 +139,7 @@ $grid-bigger-group-text-line-height: 20px !default;
139
139
  $grid-bigger-groupcaption-line-height: 20px !default;
140
140
  $grid-bigger-rtl-group-headercell-margin: 8px 8px 0 0 !default;
141
141
  $grid-bigger-rtl-group-headercell-padding: 0 0 0 8px !default;
142
+ $grid-bigger-device-rtl-group-headercell-padding: 0 0 0 8px !default;
142
143
  $grid-bigger-rtl-ungroup-icon-margin-right: -12px !default;
143
144
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
144
145
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -9px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/tailwind-dark.scss CHANGED
@@ -141,6 +141,7 @@ $grid-bigger-group-text-line-height: 22px !default;
141
141
  $grid-bigger-groupcaption-line-height: 32px !default;
142
142
  $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
143
143
  $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
144
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
144
145
  $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
145
146
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
146
147
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/grids/grid/tailwind.scss CHANGED
@@ -141,6 +141,7 @@ $grid-bigger-group-text-line-height: 22px !default;
141
141
  $grid-bigger-groupcaption-line-height: 32px !default;
142
142
  $grid-bigger-rtl-group-headercell-margin: 5px 0 0 6px !default;
143
143
  $grid-bigger-rtl-group-headercell-padding: 6px 8px 6px 8px !default;
144
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
144
145
  $grid-bigger-rtl-ungroup-icon-margin-right: 0 !default;
145
146
  $grid-bigger-textwrap-srotnumber-rightalign-margin: 3px 2px 0 5px !default;
146
147
  $grid-bigger-textwrap-sorticon-rightalign-margin: -9px 5px !default;
@@ -1408,6 +1409,10 @@ $grid-dropitems-count-margin-left: -8px !default;
1408
1409
  padding: $grid-bigger-rtl-group-headercell-padding;
1409
1410
  }
1410
1411
 
1412
+ &.e-rtl.e-device .e-groupheadercell {
1413
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
1414
+ }
1415
+
1411
1416
  &.e-rtl span.e-ungroupbutton.e-icons {
1412
1417
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
1413
1418
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/highcontrast.scss CHANGED
@@ -5265,6 +5265,34 @@ $float-label-rtl-value: -7px !default;
5265
5265
  user-select: text;
5266
5266
  }
5267
5267
 
5268
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
5269
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5270
+ left: -34px;
5271
+ width: auto;
5272
+ }
5273
+ }
5274
+
5275
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
5276
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5277
+ right: -34px;
5278
+ width: auto;
5279
+ }
5280
+ }
5281
+
5282
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
5283
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5284
+ left: -40px;
5285
+ width: auto;
5286
+ }
5287
+ }
5288
+
5289
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
5290
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5291
+ right: -40px;
5292
+ width: auto;
5293
+ }
5294
+ }
5295
+
5268
5296
  label.e-float-text,
5269
5297
  .e-float-input label.e-float-text,
5270
5298
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -8857,6 +8885,16 @@ $float-label-rtl-value: -7px !default;
8857
8885
  }
8858
8886
  }
8859
8887
 
8888
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
8889
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
8890
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
8891
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
8892
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
8893
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
8894
+ border-top-color: transparent;
8895
+ }
8896
+ }
8897
+
8860
8898
  .e-outline.e-input-group,
8861
8899
  .e-outline .e-input-group,
8862
8900
  .e-outline .e-input-group.e-control-wrapper,
@@ -9001,20 +9039,12 @@ $float-label-rtl-value: -7px !default;
9001
9039
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
9002
9040
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
9003
9041
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
9004
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9005
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9006
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9007
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9008
9042
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9009
9043
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9010
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
9011
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
9012
9044
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9013
9045
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9014
9046
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9015
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9016
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
9017
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
9047
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
9018
9048
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9019
9049
  border-color: $input-active-border-color;
9020
9050
  box-shadow: inset 1px 1px $input-active-border-color, inset -1px 0 $input-active-border-color, inset 0 -1px $input-active-border-color;
@@ -9032,12 +9062,32 @@ $float-label-rtl-value: -7px !default;
9032
9062
  }
9033
9063
  }
9034
9064
 
9065
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
9066
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
9067
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
9068
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
9069
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9070
+ margin-right: $zero-value;
9071
+ }
9072
+ }
9073
+
9035
9074
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
9036
9075
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
9037
9076
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
9038
9077
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
9039
9078
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9040
- margin: 9px $outline-input-icon-margin-right 9px $zero-value;
9079
+ margin-left: 4px;
9080
+ margin-right: $zero-value;
9081
+ }
9082
+ }
9083
+
9084
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
9085
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
9086
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
9087
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
9088
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9089
+ margin-right: 4px;
9090
+ margin-left: $zero-value;
9041
9091
  }
9042
9092
  }
9043
9093
 
@@ -9509,6 +9559,24 @@ $float-label-rtl-value: -7px !default;
9509
9559
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
9510
9560
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
9511
9561
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
9562
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9563
+ margin-left: $outline-bigger-input-icon-margin-right;
9564
+ margin-right: $zero-value;
9565
+ }
9566
+ }
9567
+
9568
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
9569
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
9570
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
9571
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
9572
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
9573
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
9574
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
9575
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
9576
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
9577
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
9578
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
9579
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
9512
9580
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
9513
9581
  margin-left: $zero-value;
9514
9582
  margin-right: $outline-bigger-input-icon-margin-right;
@@ -10065,6 +10133,17 @@ $float-label-rtl-value: -7px !default;
10065
10133
  }
10066
10134
  }
10067
10135
 
10136
+ .e-outline.e-float-icon-left label.e-float-text::before,
10137
+ .e-outline.e-float-icon-left label.e-float-text::after,
10138
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
10139
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
10140
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
10141
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
10142
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
10143
+ transition: none;
10144
+ }
10145
+ }
10146
+
10068
10147
  .e-bigger.e-outline label.e-float-text::before,
10069
10148
  .e-bigger.e-outline label.e-float-text::after,
10070
10149
  .e-bigger.e-outline.e-float-input label.e-float-text::before,
@@ -74628,6 +74707,7 @@ $grid-device-ungroupbutton-icon-margin-top: 1px !default;
74628
74707
  $grid-bigger-grouparea-font-size: 21px !default;
74629
74708
  $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
74630
74709
  $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
74710
+ $grid-bigger-device-rtl-group-headercell-padding: 0 10px !default;
74631
74711
  $grid-bigger-rtl-ungroup-icon-margin-right: 8px !default;
74632
74712
  $group-bigger-sorticon-margin-right: round($group-sorticon-margin-right*1.25) !default;
74633
74713
  $grid-bigger-gdownarrow-icon-font-size: 14px !default;
@@ -75681,6 +75761,10 @@ $grid-dropitems-count-margin-left: -8px !default;
75681
75761
  padding: $grid-bigger-rtl-group-headercell-padding;
75682
75762
  }
75683
75763
 
75764
+ &.e-rtl.e-device .e-groupheadercell {
75765
+ padding: $grid-bigger-device-rtl-group-headercell-padding;
75766
+ }
75767
+
75684
75768
  &.e-rtl span.e-ungroupbutton.e-icons {
75685
75769
  margin-left: $grid-bigger-rtl-ungroup-icon-margin-left;
75686
75770
  margin-right: $grid-bigger-rtl-ungroup-icon-margin-right;
package/SCSS-Themes/inputs/input/bootstrap-dark.scss CHANGED
@@ -2170,6 +2170,34 @@ $float-label-rtl-value: -7px !default;
2170
2170
  user-select: text;
2171
2171
  }
2172
2172
 
2173
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2174
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2175
+ left: -34px;
2176
+ width: auto;
2177
+ }
2178
+ }
2179
+
2180
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2181
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2182
+ right: -34px;
2183
+ width: auto;
2184
+ }
2185
+ }
2186
+
2187
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2188
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2189
+ left: -40px;
2190
+ width: auto;
2191
+ }
2192
+ }
2193
+
2194
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2195
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2196
+ right: -40px;
2197
+ width: auto;
2198
+ }
2199
+ }
2200
+
2173
2201
  label.e-float-text,
2174
2202
  .e-float-input label.e-float-text,
2175
2203
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -5762,6 +5790,16 @@ $float-label-rtl-value: -7px !default;
5762
5790
  }
5763
5791
  }
5764
5792
 
5793
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5794
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5795
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5796
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5797
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
5798
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5799
+ border-top-color: transparent;
5800
+ }
5801
+ }
5802
+
5765
5803
  .e-outline.e-input-group,
5766
5804
  .e-outline .e-input-group,
5767
5805
  .e-outline .e-input-group.e-control-wrapper,
@@ -5906,20 +5944,12 @@ $float-label-rtl-value: -7px !default;
5906
5944
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5907
5945
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5908
5946
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5909
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5910
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5911
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5912
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5913
5947
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5914
5948
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5915
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
5916
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
5917
5949
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5918
5950
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5919
5951
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5920
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5921
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5922
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
5952
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
5923
5953
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5924
5954
  border-color: $input-active-border-color;
5925
5955
  box-shadow: inset 1px 1px $input-active-border-color, inset -1px 0 $input-active-border-color, inset 0 -1px $input-active-border-color;
@@ -5937,12 +5967,32 @@ $float-label-rtl-value: -7px !default;
5937
5967
  }
5938
5968
  }
5939
5969
 
5970
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
5971
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
5972
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
5973
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
5974
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5975
+ margin-right: $zero-value;
5976
+ }
5977
+ }
5978
+
5940
5979
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
5941
5980
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
5942
5981
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
5943
5982
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
5944
5983
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5945
- margin: 9px $outline-input-icon-margin-right 9px $zero-value;
5984
+ margin-left: 4px;
5985
+ margin-right: $zero-value;
5986
+ }
5987
+ }
5988
+
5989
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
5990
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
5991
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
5992
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
5993
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5994
+ margin-right: 4px;
5995
+ margin-left: $zero-value;
5946
5996
  }
5947
5997
  }
5948
5998
 
@@ -6414,6 +6464,24 @@ $float-label-rtl-value: -7px !default;
6414
6464
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6415
6465
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6416
6466
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
6467
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6468
+ margin-left: $outline-bigger-input-icon-margin-right;
6469
+ margin-right: $zero-value;
6470
+ }
6471
+ }
6472
+
6473
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
6474
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
6475
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
6476
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
6477
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
6478
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
6479
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6480
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6481
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
6482
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6483
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6484
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
6417
6485
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6418
6486
  margin-left: $zero-value;
6419
6487
  margin-right: $outline-bigger-input-icon-margin-right;
@@ -6970,6 +7038,17 @@ $float-label-rtl-value: -7px !default;
6970
7038
  }
6971
7039
  }
6972
7040
 
7041
+ .e-outline.e-float-icon-left label.e-float-text::before,
7042
+ .e-outline.e-float-icon-left label.e-float-text::after,
7043
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
7044
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
7045
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
7046
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
7047
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
7048
+ transition: none;
7049
+ }
7050
+ }
7051
+
6973
7052
  .e-bigger.e-outline label.e-float-text::before,
6974
7053
  .e-bigger.e-outline label.e-float-text::after,
6975
7054
  .e-bigger.e-outline.e-float-input label.e-float-text::before,
package/SCSS-Themes/inputs/input/bootstrap.scss CHANGED
@@ -2161,6 +2161,34 @@ $float-label-rtl-value: -7px !default;
2161
2161
  user-select: text;
2162
2162
  }
2163
2163
 
2164
+ .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2165
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2166
+ left: -34px;
2167
+ width: auto;
2168
+ }
2169
+ }
2170
+
2171
+ .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2172
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2173
+ right: -34px;
2174
+ width: auto;
2175
+ }
2176
+ }
2177
+
2178
+ .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2179
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2180
+ left: -40px;
2181
+ width: auto;
2182
+ }
2183
+ }
2184
+
2185
+ .e-bigger .e-float-input.e-outline.e-float-icon-left.e-rtl .e-input-in-wrap input ~ label.e-float-text.e-label-top {
2186
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
2187
+ right: -40px;
2188
+ width: auto;
2189
+ }
2190
+ }
2191
+
2164
2192
  label.e-float-text,
2165
2193
  .e-float-input label.e-float-text,
2166
2194
  .e-float-input.e-control-wrapper label.e-float-text,
@@ -5753,6 +5781,16 @@ $float-label-rtl-value: -7px !default;
5753
5781
  }
5754
5782
  }
5755
5783
 
5784
+ .e-outline.e-input-group.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5785
+ .e-outline.e-input-group.e-valid-input.e-control-wrapper.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5786
+ .e-outline.e-float-input.e-valid-input.e-float-icon-left:hover:not(.e-input-focus):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5787
+ .e-outline.e-float-input.e-valid-input.e-control-wrapper.e-float-icon-left:not(.e-input-focus):hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5788
+ .e-outline.e-float-input.e-control-wrapper.e-valid-input.e-float-icon-left:not(.e-warning):not(.e-success):not(.e-error) {
5789
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5790
+ border-top-color: transparent;
5791
+ }
5792
+ }
5793
+
5756
5794
  .e-outline.e-input-group,
5757
5795
  .e-outline .e-input-group,
5758
5796
  .e-outline .e-input-group.e-control-wrapper,
@@ -5897,20 +5935,12 @@ $float-label-rtl-value: -7px !default;
5897
5935
  .e-outline.e-input-group.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5898
5936
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5899
5937
  .e-outline.e-float-input.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled):not(.e-float-icon-left),
5900
- .e-outline.e-input-group.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5901
- .e-outline.e-input-group.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5902
- .e-outline.e-float-input.e-input-focus.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5903
- .e-outline.e-float-input.e-input-focus.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5904
5938
  .e-outline.e-float-input.e-input-focus:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5905
5939
  .e-outline.e-float-input.e-input-focus.e-control-wrapper:hover:not(.e-input-group):not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5906
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
5907
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:hover:not(.e-success):not(.e-warning):not(.e-error),
5908
5940
  .e-outline.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5909
5941
  .e-outline.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5910
5942
  .e-outline.e-float-input.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5911
- .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5912
- .e-outline.e-input-group.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled),
5913
- .e-outline.e-input-group.e-control-wrapper.e-float-icon-left.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
5943
+ .e-outline.e-float-input.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error):not(.e-disabled) {
5914
5944
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5915
5945
  border-color: $input-active-border-color;
5916
5946
  box-shadow: inset 1px 1px $input-active-border-color, inset -1px 0 $input-active-border-color, inset 0 -1px $input-active-border-color;
@@ -5928,12 +5958,32 @@ $float-label-rtl-value: -7px !default;
5928
5958
  }
5929
5959
  }
5930
5960
 
5961
+ .e-outline.e-float-input.e-rtl.e-float-icon-left .e-input-in-wrap,
5962
+ .e-outline.e-float-input.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap,
5963
+ .e-outline.e-input-group.e-rtl.e-float-icon-left .e-input-in-wrap,
5964
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left .e-input-in-wrap {
5965
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5966
+ margin-right: $zero-value;
5967
+ }
5968
+ }
5969
+
5931
5970
  .e-outline.e-input-group.e-float-icon-left > .e-input-group-icon,
5932
5971
  .e-outline.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
5933
5972
  .e-outline.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
5934
5973
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
5935
5974
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5936
- margin: 9px $outline-input-icon-margin-right 9px $zero-value;
5975
+ margin-left: 4px;
5976
+ margin-right: $zero-value;
5977
+ }
5978
+ }
5979
+
5980
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
5981
+ .e-outline.e-float-input.e-rtl.e-input-group.e-float-icon-left > .e-input-group-icon,
5982
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
5983
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
5984
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
5985
+ margin-right: 4px;
5986
+ margin-left: $zero-value;
5937
5987
  }
5938
5988
  }
5939
5989
 
@@ -6405,6 +6455,24 @@ $float-label-rtl-value: -7px !default;
6405
6455
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6406
6456
  .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6407
6457
  .e-bigger .e-outline.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
6458
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6459
+ margin-left: $outline-bigger-input-icon-margin-right;
6460
+ margin-right: $zero-value;
6461
+ }
6462
+ }
6463
+
6464
+ .e-outline.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
6465
+ .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
6466
+ .e-bigger .e-outline.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
6467
+ .e-outline.e-float-input.e-input-group.e-rtl.e-bigger.e-float-icon-left > .e-input-group-icon,
6468
+ .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon.e-bigger,
6469
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-float-icon-left > .e-input-group-icon,
6470
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6471
+ .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6472
+ .e-bigger .e-outline.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
6473
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
6474
+ .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
6475
+ .e-bigger .e-outline.e-float-input.e-input-group.e-rtl.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
6408
6476
  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
6409
6477
  margin-left: $zero-value;
6410
6478
  margin-right: $outline-bigger-input-icon-margin-right;
@@ -6961,6 +7029,17 @@ $float-label-rtl-value: -7px !default;
6961
7029
  }
6962
7030
  }
6963
7031
 
7032
+ .e-outline.e-float-icon-left label.e-float-text::before,
7033
+ .e-outline.e-float-icon-left label.e-float-text::after,
7034
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::before,
7035
+ .e-outline.e-float-input.e-float-icon-left label.e-float-text::after,
7036
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::before,
7037
+ .e-outline.e-float-input.e-control-wrapper.e-float-icon-left label.e-float-text::after {
7038
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
7039
+ transition: none;
7040
+ }
7041
+ }
7042
+
6964
7043
  .e-bigger.e-outline label.e-float-text::before,
6965
7044
  .e-bigger.e-outline label.e-float-text::after,
6966
7045
  .e-bigger.e-outline.e-float-input label.e-float-text::before,