@syncfusion/ej2-inputs 29.2.5 → 30.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 (128) hide show
  1. package/.eslintrc.json +2 -0
  2. package/dist/ej2-inputs.min.js +2 -2
  3. package/dist/ej2-inputs.umd.min.js +2 -2
  4. package/dist/ej2-inputs.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-inputs.es2015.js +38 -8
  6. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  7. package/dist/es6/ej2-inputs.es5.js +38 -8
  8. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  9. package/dist/global/ej2-inputs.min.js +2 -2
  10. package/dist/global/ej2-inputs.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -61
  13. package/src/color-picker/color-picker.js +25 -1
  14. package/src/slider/slider.js +7 -3
  15. package/src/speech-to-text/speech-to-text-model.d.ts +1 -1
  16. package/src/speech-to-text/speech-to-text.d.ts +2 -2
  17. package/src/speech-to-text/speech-to-text.js +1 -1
  18. package/src/uploader/uploader.js +5 -3
  19. package/styles/bds-lite.css +1 -5
  20. package/styles/bds.css +2 -5
  21. package/styles/bootstrap-dark-lite.css +1 -5
  22. package/styles/bootstrap-dark.css +2 -5
  23. package/styles/bootstrap-lite.css +1 -5
  24. package/styles/bootstrap.css +2 -5
  25. package/styles/bootstrap4-lite.css +1 -17
  26. package/styles/bootstrap4.css +2 -17
  27. package/styles/bootstrap5-dark-lite.css +0 -5
  28. package/styles/bootstrap5-dark.css +2 -7
  29. package/styles/bootstrap5-lite.css +0 -5
  30. package/styles/bootstrap5.3-lite.css +0 -5
  31. package/styles/bootstrap5.3.css +0 -5
  32. package/styles/bootstrap5.css +2 -7
  33. package/styles/color-picker/_bootstrap5-definition.scss +1 -1
  34. package/styles/color-picker/_layout.scss +6 -6
  35. package/styles/color-picker/_material3-definition.scss +1 -1
  36. package/styles/color-picker/_tailwind-definition.scss +2 -2
  37. package/styles/color-picker/bds.css +0 -5
  38. package/styles/color-picker/bootstrap-dark.css +0 -5
  39. package/styles/color-picker/bootstrap.css +0 -5
  40. package/styles/color-picker/bootstrap4.css +0 -17
  41. package/styles/color-picker/bootstrap5-dark.css +2 -7
  42. package/styles/color-picker/bootstrap5.3.css +0 -5
  43. package/styles/color-picker/bootstrap5.css +2 -7
  44. package/styles/color-picker/fabric-dark.css +0 -5
  45. package/styles/color-picker/fabric.css +0 -5
  46. package/styles/color-picker/fluent-dark.css +0 -5
  47. package/styles/color-picker/fluent.css +0 -5
  48. package/styles/color-picker/fluent2.css +0 -5
  49. package/styles/color-picker/highcontrast-light.css +0 -5
  50. package/styles/color-picker/highcontrast.css +0 -5
  51. package/styles/color-picker/material-dark.css +0 -4
  52. package/styles/color-picker/material.css +0 -4
  53. package/styles/color-picker/material3-dark.css +2 -2
  54. package/styles/color-picker/material3.css +2 -2
  55. package/styles/color-picker/tailwind-dark.css +2 -7
  56. package/styles/color-picker/tailwind.css +2 -7
  57. package/styles/color-picker/tailwind3.css +0 -4
  58. package/styles/fabric-dark-lite.css +2 -6
  59. package/styles/fabric-dark.css +4 -7
  60. package/styles/fabric-lite.css +0 -5
  61. package/styles/fabric.css +0 -5
  62. package/styles/fluent-dark-lite.css +2 -6
  63. package/styles/fluent-dark.css +6 -7
  64. package/styles/fluent-lite.css +2 -6
  65. package/styles/fluent.css +6 -7
  66. package/styles/fluent2-lite.css +3 -6
  67. package/styles/fluent2.css +4 -6
  68. package/styles/highcontrast-light-lite.css +1 -5
  69. package/styles/highcontrast-light.css +2 -5
  70. package/styles/highcontrast-lite.css +1 -5
  71. package/styles/highcontrast.css +2 -5
  72. package/styles/input/_layout.scss +9 -0
  73. package/styles/input/material-dark.css +7 -0
  74. package/styles/input/material.css +7 -0
  75. package/styles/input/material3-dark.css +7 -0
  76. package/styles/input/material3.css +7 -0
  77. package/styles/material-dark-lite.css +9 -4
  78. package/styles/material-dark.css +10 -4
  79. package/styles/material-lite.css +9 -4
  80. package/styles/material.css +11 -4
  81. package/styles/material3-dark-lite.css +12 -2
  82. package/styles/material3-dark.css +16 -2
  83. package/styles/material3-lite.css +12 -2
  84. package/styles/material3.css +16 -2
  85. package/styles/speech-to-text/_bds-definition.scss +2 -0
  86. package/styles/speech-to-text/_bigger.scss +16 -12
  87. package/styles/speech-to-text/_bootstrap-dark-definition.scss +2 -0
  88. package/styles/speech-to-text/_bootstrap-definition.scss +2 -0
  89. package/styles/speech-to-text/_bootstrap4-definition.scss +2 -0
  90. package/styles/speech-to-text/_bootstrap5-definition.scss +2 -0
  91. package/styles/speech-to-text/_bootstrap5.3-definition.scss +2 -0
  92. package/styles/speech-to-text/_fabric-dark-definition.scss +2 -0
  93. package/styles/speech-to-text/_fabric-definition.scss +2 -0
  94. package/styles/speech-to-text/_fluent-definition.scss +2 -0
  95. package/styles/speech-to-text/_fluent2-definition.scss +2 -0
  96. package/styles/speech-to-text/_fusionnew-definition.scss +2 -0
  97. package/styles/speech-to-text/_highcontrast-definition.scss +2 -0
  98. package/styles/speech-to-text/_highcontrast-light-definition.scss +2 -0
  99. package/styles/speech-to-text/_layout.scss +11 -13
  100. package/styles/speech-to-text/_material-dark-definition.scss +2 -0
  101. package/styles/speech-to-text/_material-definition.scss +2 -0
  102. package/styles/speech-to-text/_material3-definition.scss +2 -0
  103. package/styles/speech-to-text/_tailwind-definition.scss +2 -0
  104. package/styles/speech-to-text/_tailwind3-definition.scss +2 -0
  105. package/styles/speech-to-text/bds.css +2 -0
  106. package/styles/speech-to-text/bootstrap-dark.css +2 -0
  107. package/styles/speech-to-text/bootstrap.css +2 -0
  108. package/styles/speech-to-text/bootstrap4.css +2 -0
  109. package/styles/speech-to-text/fabric-dark.css +4 -2
  110. package/styles/speech-to-text/fluent-dark.css +6 -2
  111. package/styles/speech-to-text/fluent.css +6 -2
  112. package/styles/speech-to-text/fluent2.css +4 -1
  113. package/styles/speech-to-text/highcontrast-light.css +2 -0
  114. package/styles/speech-to-text/highcontrast.css +2 -0
  115. package/styles/speech-to-text/material-dark.css +3 -0
  116. package/styles/speech-to-text/material.css +4 -0
  117. package/styles/speech-to-text/material3-dark.css +7 -0
  118. package/styles/speech-to-text/material3.css +7 -0
  119. package/styles/speech-to-text/tailwind-dark.css +2 -0
  120. package/styles/speech-to-text/tailwind.css +2 -0
  121. package/styles/speech-to-text/tailwind3.css +2 -0
  122. package/styles/tailwind-dark-lite.css +1 -5
  123. package/styles/tailwind-dark.css +4 -7
  124. package/styles/tailwind-lite.css +1 -5
  125. package/styles/tailwind.css +4 -7
  126. package/styles/tailwind3-lite.css +1 -4
  127. package/styles/tailwind3.css +2 -4
  128. package/aceconfig.js +0 -17
package/styles/fabric.css CHANGED
@@ -6094,7 +6094,6 @@ textarea.e-input.e-bigger.e-small,
6094
6094
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6095
6095
  font-family: initial;
6096
6096
  line-height: 16px;
6097
- padding: 0 5px;
6098
6097
  }
6099
6098
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6100
6099
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6110,10 +6109,6 @@ textarea.e-input.e-bigger.e-small,
6110
6109
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6111
6110
  border-radius: 0;
6112
6111
  }
6113
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6114
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6115
- padding: 0 5px;
6116
- }
6117
6112
  .e-colorpicker-wrapper *,
6118
6113
  .e-colorpicker-container * {
6119
6114
  -webkit-box-sizing: border-box;
@@ -3807,7 +3807,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3807
3807
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
3808
3808
  font-family: initial;
3809
3809
  line-height: 14px;
3810
- padding: 5px 8px;
3811
3810
  }
3812
3811
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
3813
3812
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3823,10 +3822,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3823
3822
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
3824
3823
  border-radius: 2px;
3825
3824
  }
3826
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
3827
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
3828
- padding: 5px 8px;
3829
- }
3830
3825
  .e-colorpicker-wrapper *,
3831
3826
  .e-colorpicker-container * {
3832
3827
  -webkit-box-sizing: border-box;
@@ -5097,7 +5092,7 @@ body.e-colorpicker-overflow {
5097
5092
  }
5098
5093
  .e-speech-to-text.e-btn .e-btn-icon {
5099
5094
  font-size: 12px;
5100
- margin-top: -1px;
5095
+ margin-top: 0;
5101
5096
  }
5102
5097
  .e-speech-to-text.e-btn:disabled {
5103
5098
  pointer-events: none;
@@ -5109,6 +5104,7 @@ body.e-colorpicker-overflow {
5109
5104
 
5110
5105
  .e-speech-to-text.e-round .e-btn-icon {
5111
5106
  font-size: 14px;
5107
+ margin-top: 0;
5112
5108
  }
5113
5109
 
5114
5110
  @-webkit-keyframes listening {
@@ -6236,7 +6236,6 @@ textarea.e-input.e-bigger.e-small,
6236
6236
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6237
6237
  font-family: initial;
6238
6238
  line-height: 14px;
6239
- padding: 5px 8px;
6240
6239
  }
6241
6240
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6242
6241
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6252,10 +6251,6 @@ textarea.e-input.e-bigger.e-small,
6252
6251
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6253
6252
  border-radius: 2px;
6254
6253
  }
6255
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6256
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6257
- padding: 5px 8px;
6258
- }
6259
6254
  .e-colorpicker-wrapper *,
6260
6255
  .e-colorpicker-container * {
6261
6256
  -webkit-box-sizing: border-box;
@@ -7862,7 +7857,7 @@ body.e-colorpicker-overflow {
7862
7857
  }
7863
7858
  .e-speech-to-text.e-btn .e-btn-icon {
7864
7859
  font-size: 12px;
7865
- margin-top: -1px;
7860
+ margin-top: 0;
7866
7861
  }
7867
7862
  .e-speech-to-text.e-btn:disabled {
7868
7863
  pointer-events: none;
@@ -7874,6 +7869,7 @@ body.e-colorpicker-overflow {
7874
7869
 
7875
7870
  .e-speech-to-text.e-round .e-btn-icon {
7876
7871
  font-size: 14px;
7872
+ margin-top: 0;
7877
7873
  }
7878
7874
 
7879
7875
  @-webkit-keyframes listening {
@@ -7929,6 +7925,8 @@ body.e-colorpicker-overflow {
7929
7925
  min-width: 52px;
7930
7926
  min-height: 52px;
7931
7927
  padding: 0 18px;
7928
+ line-height: 0;
7929
+ display: inline;
7932
7930
  }
7933
7931
  .e-bigger .e-speech-to-text.e-btn.e-round,
7934
7932
  .e-bigger.e-speech-to-text.e-btn.e-round {
@@ -7939,12 +7937,13 @@ body.e-colorpicker-overflow {
7939
7937
  .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
7940
7938
  .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
7941
7939
  font-size: 16px;
7942
- margin-top: -1px;
7940
+ margin-top: -3px;
7943
7941
  }
7944
7942
 
7945
7943
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
7946
7944
  .e-bigger.e-speech-to-text.e-round .e-btn-icon {
7947
7945
  font-size: 22px;
7946
+ margin-top: -2px;
7948
7947
  }
7949
7948
 
7950
7949
  .smart-textarea-suggestion-overlay {
@@ -3807,7 +3807,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3807
3807
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
3808
3808
  font-family: initial;
3809
3809
  line-height: 14px;
3810
- padding: 5px 8px;
3811
3810
  }
3812
3811
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
3813
3812
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3823,10 +3822,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3823
3822
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
3824
3823
  border-radius: 2px;
3825
3824
  }
3826
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
3827
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
3828
- padding: 5px 8px;
3829
- }
3830
3825
  .e-colorpicker-wrapper *,
3831
3826
  .e-colorpicker-container * {
3832
3827
  -webkit-box-sizing: border-box;
@@ -5097,7 +5092,7 @@ body.e-colorpicker-overflow {
5097
5092
  }
5098
5093
  .e-speech-to-text.e-btn .e-btn-icon {
5099
5094
  font-size: 12px;
5100
- margin-top: -1px;
5095
+ margin-top: 0;
5101
5096
  }
5102
5097
  .e-speech-to-text.e-btn:disabled {
5103
5098
  pointer-events: none;
@@ -5109,6 +5104,7 @@ body.e-colorpicker-overflow {
5109
5104
 
5110
5105
  .e-speech-to-text.e-round .e-btn-icon {
5111
5106
  font-size: 14px;
5107
+ margin-top: 0;
5112
5108
  }
5113
5109
 
5114
5110
  @-webkit-keyframes listening {
package/styles/fluent.css CHANGED
@@ -6236,7 +6236,6 @@ textarea.e-input.e-bigger.e-small,
6236
6236
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6237
6237
  font-family: initial;
6238
6238
  line-height: 14px;
6239
- padding: 5px 8px;
6240
6239
  }
6241
6240
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6242
6241
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6252,10 +6251,6 @@ textarea.e-input.e-bigger.e-small,
6252
6251
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6253
6252
  border-radius: 2px;
6254
6253
  }
6255
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6256
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6257
- padding: 5px 8px;
6258
- }
6259
6254
  .e-colorpicker-wrapper *,
6260
6255
  .e-colorpicker-container * {
6261
6256
  -webkit-box-sizing: border-box;
@@ -7862,7 +7857,7 @@ body.e-colorpicker-overflow {
7862
7857
  }
7863
7858
  .e-speech-to-text.e-btn .e-btn-icon {
7864
7859
  font-size: 12px;
7865
- margin-top: -1px;
7860
+ margin-top: 0;
7866
7861
  }
7867
7862
  .e-speech-to-text.e-btn:disabled {
7868
7863
  pointer-events: none;
@@ -7874,6 +7869,7 @@ body.e-colorpicker-overflow {
7874
7869
 
7875
7870
  .e-speech-to-text.e-round .e-btn-icon {
7876
7871
  font-size: 14px;
7872
+ margin-top: 0;
7877
7873
  }
7878
7874
 
7879
7875
  @-webkit-keyframes listening {
@@ -7929,6 +7925,8 @@ body.e-colorpicker-overflow {
7929
7925
  min-width: 52px;
7930
7926
  min-height: 52px;
7931
7927
  padding: 0 18px;
7928
+ line-height: 0;
7929
+ display: inline;
7932
7930
  }
7933
7931
  .e-bigger .e-speech-to-text.e-btn.e-round,
7934
7932
  .e-bigger.e-speech-to-text.e-btn.e-round {
@@ -7939,12 +7937,13 @@ body.e-colorpicker-overflow {
7939
7937
  .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
7940
7938
  .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
7941
7939
  font-size: 16px;
7942
- margin-top: -1px;
7940
+ margin-top: -3px;
7943
7941
  }
7944
7942
 
7945
7943
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
7946
7944
  .e-bigger.e-speech-to-text.e-round .e-btn-icon {
7947
7945
  font-size: 22px;
7946
+ margin-top: -2px;
7948
7947
  }
7949
7948
 
7950
7949
  .smart-textarea-suggestion-overlay {
@@ -6402,7 +6402,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
6402
6402
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6403
6403
  font-family: initial;
6404
6404
  line-height: 14px;
6405
- padding: 1px 4px;
6406
6405
  }
6407
6406
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6408
6407
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6418,10 +6417,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
6418
6417
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6419
6418
  border-radius: 4px;
6420
6419
  }
6421
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6422
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6423
- padding: 1px 4px;
6424
- }
6425
6420
  .e-colorpicker-wrapper *,
6426
6421
  .e-colorpicker-container * {
6427
6422
  -webkit-box-sizing: border-box;
@@ -7688,6 +7683,7 @@ body.e-colorpicker-overflow {
7688
7683
  min-width: 40px;
7689
7684
  min-height: 40px;
7690
7685
  padding: 0 16px;
7686
+ line-height: 0;
7691
7687
  }
7692
7688
  .e-speech-to-text.e-btn.e-round {
7693
7689
  width: 40px;
@@ -7696,7 +7692,7 @@ body.e-colorpicker-overflow {
7696
7692
  }
7697
7693
  .e-speech-to-text.e-btn .e-btn-icon {
7698
7694
  font-size: 14px;
7699
- margin-top: 2px;
7695
+ margin-top: 1px;
7700
7696
  }
7701
7697
  .e-speech-to-text.e-btn:disabled {
7702
7698
  pointer-events: none;
@@ -7708,6 +7704,7 @@ body.e-colorpicker-overflow {
7708
7704
 
7709
7705
  .e-speech-to-text.e-round .e-btn-icon {
7710
7706
  font-size: 16px;
7707
+ margin-top: 1px;
7711
7708
  }
7712
7709
 
7713
7710
  @-webkit-keyframes listening {
@@ -11156,7 +11156,6 @@ input.e-input.e-bigger.e-small,
11156
11156
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
11157
11157
  font-family: initial;
11158
11158
  line-height: 14px;
11159
- padding: 1px 4px;
11160
11159
  }
11161
11160
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
11162
11161
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -11172,10 +11171,6 @@ input.e-input.e-bigger.e-small,
11172
11171
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
11173
11172
  border-radius: 4px;
11174
11173
  }
11175
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
11176
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
11177
- padding: 1px 4px;
11178
- }
11179
11174
  .e-colorpicker-wrapper *,
11180
11175
  .e-colorpicker-container * {
11181
11176
  -webkit-box-sizing: border-box;
@@ -12781,6 +12776,7 @@ body.e-colorpicker-overflow {
12781
12776
  min-width: 40px;
12782
12777
  min-height: 40px;
12783
12778
  padding: 0 16px;
12779
+ line-height: 0;
12784
12780
  }
12785
12781
  .e-speech-to-text.e-btn.e-round {
12786
12782
  width: 40px;
@@ -12789,7 +12785,7 @@ body.e-colorpicker-overflow {
12789
12785
  }
12790
12786
  .e-speech-to-text.e-btn .e-btn-icon {
12791
12787
  font-size: 14px;
12792
- margin-top: 2px;
12788
+ margin-top: 1px;
12793
12789
  }
12794
12790
  .e-speech-to-text.e-btn:disabled {
12795
12791
  pointer-events: none;
@@ -12801,6 +12797,7 @@ body.e-colorpicker-overflow {
12801
12797
 
12802
12798
  .e-speech-to-text.e-round .e-btn-icon {
12803
12799
  font-size: 16px;
12800
+ margin-top: 1px;
12804
12801
  }
12805
12802
 
12806
12803
  @-webkit-keyframes listening {
@@ -12872,6 +12869,7 @@ body.e-colorpicker-overflow {
12872
12869
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
12873
12870
  .e-bigger.e-speech-to-text.e-round .e-btn-icon {
12874
12871
  font-size: 22px;
12872
+ margin-top: 0;
12875
12873
  }
12876
12874
 
12877
12875
  .smart-textarea-suggestion-overlay {
@@ -3906,7 +3906,6 @@ textarea.e-input::selection,
3906
3906
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
3907
3907
  font-family: initial;
3908
3908
  line-height: 16px;
3909
- padding: 0 5px;
3910
3909
  }
3911
3910
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
3912
3911
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3922,10 +3921,6 @@ textarea.e-input::selection,
3922
3921
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
3923
3922
  border-radius: 0;
3924
3923
  }
3925
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
3926
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
3927
- padding: 0 5px;
3928
- }
3929
3924
  .e-colorpicker-wrapper *,
3930
3925
  .e-colorpicker-container * {
3931
3926
  -webkit-box-sizing: border-box;
@@ -5194,6 +5189,7 @@ body.e-colorpicker-overflow {
5194
5189
  }
5195
5190
  .e-speech-to-text.e-btn .e-btn-icon {
5196
5191
  font-size: 16px;
5192
+ margin-top: 0;
5197
5193
  }
5198
5194
  .e-speech-to-text.e-btn:disabled {
5199
5195
  pointer-events: none;
@@ -6313,7 +6313,6 @@ textarea.e-input.e-bigger.e-small,
6313
6313
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6314
6314
  font-family: initial;
6315
6315
  line-height: 16px;
6316
- padding: 0 5px;
6317
6316
  }
6318
6317
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6319
6318
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6329,10 +6328,6 @@ textarea.e-input.e-bigger.e-small,
6329
6328
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6330
6329
  border-radius: 0;
6331
6330
  }
6332
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6333
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6334
- padding: 0 5px;
6335
- }
6336
6331
  .e-colorpicker-wrapper *,
6337
6332
  .e-colorpicker-container * {
6338
6333
  -webkit-box-sizing: border-box;
@@ -7924,6 +7919,7 @@ body.e-colorpicker-overflow {
7924
7919
  }
7925
7920
  .e-speech-to-text.e-btn .e-btn-icon {
7926
7921
  font-size: 16px;
7922
+ margin-top: 0;
7927
7923
  }
7928
7924
  .e-speech-to-text.e-btn:disabled {
7929
7925
  pointer-events: none;
@@ -8000,6 +7996,7 @@ body.e-colorpicker-overflow {
8000
7996
  .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
8001
7997
  .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
8002
7998
  font-size: 16px;
7999
+ margin-top: 0;
8003
8000
  }
8004
8001
 
8005
8002
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
@@ -3906,7 +3906,6 @@ textarea.e-input::selection,
3906
3906
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
3907
3907
  font-family: initial;
3908
3908
  line-height: 16px;
3909
- padding: 0 5px;
3910
3909
  }
3911
3910
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
3912
3911
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3922,10 +3921,6 @@ textarea.e-input::selection,
3922
3921
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
3923
3922
  border-radius: 0;
3924
3923
  }
3925
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
3926
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
3927
- padding: 0 5px;
3928
- }
3929
3924
  .e-colorpicker-wrapper *,
3930
3925
  .e-colorpicker-container * {
3931
3926
  -webkit-box-sizing: border-box;
@@ -5194,6 +5189,7 @@ body.e-colorpicker-overflow {
5194
5189
  }
5195
5190
  .e-speech-to-text.e-btn .e-btn-icon {
5196
5191
  font-size: 14px;
5192
+ margin-top: 1px;
5197
5193
  }
5198
5194
  .e-speech-to-text.e-btn:disabled {
5199
5195
  pointer-events: none;
@@ -6313,7 +6313,6 @@ textarea.e-input.e-bigger.e-small,
6313
6313
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6314
6314
  font-family: initial;
6315
6315
  line-height: 16px;
6316
- padding: 0 5px;
6317
6316
  }
6318
6317
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
6319
6318
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6329,10 +6328,6 @@ textarea.e-input.e-bigger.e-small,
6329
6328
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
6330
6329
  border-radius: 0;
6331
6330
  }
6332
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6333
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6334
- padding: 0 5px;
6335
- }
6336
6331
  .e-colorpicker-wrapper *,
6337
6332
  .e-colorpicker-container * {
6338
6333
  -webkit-box-sizing: border-box;
@@ -7924,6 +7919,7 @@ body.e-colorpicker-overflow {
7924
7919
  }
7925
7920
  .e-speech-to-text.e-btn .e-btn-icon {
7926
7921
  font-size: 14px;
7922
+ margin-top: 1px;
7927
7923
  }
7928
7924
  .e-speech-to-text.e-btn:disabled {
7929
7925
  pointer-events: none;
@@ -8000,6 +7996,7 @@ body.e-colorpicker-overflow {
8000
7996
  .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
8001
7997
  .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
8002
7998
  font-size: 16px;
7999
+ margin-top: 2px;
8003
8000
  }
8004
8001
 
8005
8002
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
@@ -4088,6 +4088,15 @@
4088
4088
  }
4089
4089
  }
4090
4090
 
4091
+ .e-float-text-content,
4092
+ .e-float-text-content.e-icon {
4093
+ @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
4094
+ font-size: $outline-float-label-font-size;
4095
+ color: $input-header-font-color;
4096
+ background: $input-bg-color;
4097
+ }
4098
+ }
4099
+
4091
4100
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
4092
4101
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
4093
4102
  .e-outline label.e-float-text,
@@ -3183,6 +3183,13 @@ textarea.e-outline,
3183
3183
  font-size: 16px;
3184
3184
  }
3185
3185
 
3186
+ .e-float-text-content,
3187
+ .e-float-text-content.e-icon {
3188
+ font-size: 14px;
3189
+ color: rgba(255, 255, 255, 0.42);
3190
+ background: transparent;
3191
+ }
3192
+
3186
3193
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3187
3194
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3188
3195
  .e-outline label.e-float-text,
@@ -3203,6 +3203,13 @@ textarea.e-outline,
3203
3203
  font-size: 16px;
3204
3204
  }
3205
3205
 
3206
+ .e-float-text-content,
3207
+ .e-float-text-content.e-icon {
3208
+ font-size: 14px;
3209
+ color: rgba(0, 0, 0, 0.42);
3210
+ background: transparent;
3211
+ }
3212
+
3206
3213
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3207
3214
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3208
3215
  .e-outline label.e-float-text,
@@ -3139,6 +3139,13 @@ textarea.e-outline,
3139
3139
  font-size: 16px;
3140
3140
  }
3141
3141
 
3142
+ .e-float-text-content,
3143
+ .e-float-text-content.e-icon {
3144
+ font-size: 14px;
3145
+ color: rgba(var(--color-sf-outline));
3146
+ background: transparent;
3147
+ }
3148
+
3142
3149
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3143
3150
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3144
3151
  .e-outline label.e-float-text,
@@ -3141,6 +3141,13 @@ textarea.e-outline,
3141
3141
  font-size: 16px;
3142
3142
  }
3143
3143
 
3144
+ .e-float-text-content,
3145
+ .e-float-text-content.e-icon {
3146
+ font-size: 14px;
3147
+ color: rgba(var(--color-sf-outline));
3148
+ background: transparent;
3149
+ }
3150
+
3144
3151
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3145
3152
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3146
3153
  .e-outline label.e-float-text,
@@ -3193,6 +3193,13 @@ textarea.e-outline,
3193
3193
  font-size: 16px;
3194
3194
  }
3195
3195
 
3196
+ .e-float-text-content,
3197
+ .e-float-text-content.e-icon {
3198
+ font-size: 14px;
3199
+ color: rgba(255, 255, 255, 0.42);
3200
+ background: transparent;
3201
+ }
3202
+
3196
3203
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3197
3204
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3198
3205
  .e-outline label.e-float-text,
@@ -7883,10 +7890,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
7883
7890
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
7884
7891
  border-radius: 2px;
7885
7892
  }
7886
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
7887
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
7888
- padding: 0 4px;
7889
- }
7890
7893
  .e-colorpicker-wrapper *,
7891
7894
  .e-colorpicker-container * {
7892
7895
  -webkit-box-sizing: border-box;
@@ -9154,6 +9157,7 @@ body.e-colorpicker-overflow {
9154
9157
  }
9155
9158
  .e-speech-to-text.e-btn .e-btn-icon {
9156
9159
  font-size: 14px;
9160
+ margin-top: 0;
9157
9161
  line-height: 2px;
9158
9162
  width: 2em;
9159
9163
  }
@@ -9167,6 +9171,7 @@ body.e-colorpicker-overflow {
9167
9171
 
9168
9172
  .e-speech-to-text.e-round .e-btn-icon {
9169
9173
  font-size: 16px;
9174
+ margin-top: 1px;
9170
9175
  }
9171
9176
 
9172
9177
  @-webkit-keyframes listening {
@@ -3193,6 +3193,13 @@ textarea.e-outline,
3193
3193
  font-size: 16px;
3194
3194
  }
3195
3195
 
3196
+ .e-float-text-content,
3197
+ .e-float-text-content.e-icon {
3198
+ font-size: 14px;
3199
+ color: rgba(255, 255, 255, 0.42);
3200
+ background: transparent;
3201
+ }
3202
+
3196
3203
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3197
3204
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3198
3205
  .e-outline label.e-float-text,
@@ -13799,10 +13806,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
13799
13806
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
13800
13807
  border-radius: 2px;
13801
13808
  }
13802
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
13803
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
13804
- padding: 0 4px;
13805
- }
13806
13809
  .e-colorpicker-wrapper *,
13807
13810
  .e-colorpicker-container * {
13808
13811
  -webkit-box-sizing: border-box;
@@ -15393,6 +15396,7 @@ body.e-colorpicker-overflow {
15393
15396
  }
15394
15397
  .e-speech-to-text.e-btn .e-btn-icon {
15395
15398
  font-size: 14px;
15399
+ margin-top: 0;
15396
15400
  line-height: 2px;
15397
15401
  width: 2em;
15398
15402
  }
@@ -15406,6 +15410,7 @@ body.e-colorpicker-overflow {
15406
15410
 
15407
15411
  .e-speech-to-text.e-round .e-btn-icon {
15408
15412
  font-size: 16px;
15413
+ margin-top: 1px;
15409
15414
  }
15410
15415
 
15411
15416
  @-webkit-keyframes listening {
@@ -15473,6 +15478,7 @@ body.e-colorpicker-overflow {
15473
15478
  font-size: 16px;
15474
15479
  line-height: 1px;
15475
15480
  width: 2em;
15481
+ margin-top: -1px;
15476
15482
  }
15477
15483
 
15478
15484
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
@@ -3213,6 +3213,13 @@ textarea.e-outline,
3213
3213
  font-size: 16px;
3214
3214
  }
3215
3215
 
3216
+ .e-float-text-content,
3217
+ .e-float-text-content.e-icon {
3218
+ font-size: 14px;
3219
+ color: rgba(0, 0, 0, 0.42);
3220
+ background: transparent;
3221
+ }
3222
+
3216
3223
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3217
3224
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3218
3225
  .e-outline label.e-float-text,
@@ -7903,10 +7910,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
7903
7910
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
7904
7911
  border-radius: 2px;
7905
7912
  }
7906
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
7907
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
7908
- padding: 0 4px;
7909
- }
7910
7913
  .e-colorpicker-wrapper *,
7911
7914
  .e-colorpicker-container * {
7912
7915
  -webkit-box-sizing: border-box;
@@ -9174,6 +9177,7 @@ body.e-colorpicker-overflow {
9174
9177
  }
9175
9178
  .e-speech-to-text.e-btn .e-btn-icon {
9176
9179
  font-size: 14px;
9180
+ margin-top: 1px;
9177
9181
  line-height: 2px;
9178
9182
  width: 2em;
9179
9183
  }
@@ -9187,6 +9191,7 @@ body.e-colorpicker-overflow {
9187
9191
 
9188
9192
  .e-speech-to-text.e-round .e-btn-icon {
9189
9193
  font-size: 16px;
9194
+ margin-top: 1px;
9190
9195
  }
9191
9196
 
9192
9197
  @-webkit-keyframes listening {
@@ -3213,6 +3213,13 @@ textarea.e-outline,
3213
3213
  font-size: 16px;
3214
3214
  }
3215
3215
 
3216
+ .e-float-text-content,
3217
+ .e-float-text-content.e-icon {
3218
+ font-size: 14px;
3219
+ color: rgba(0, 0, 0, 0.42);
3220
+ background: transparent;
3221
+ }
3222
+
3216
3223
  .e-outline.e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3217
3224
  .e-outline.e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
3218
3225
  .e-outline label.e-float-text,
@@ -13822,10 +13829,6 @@ textarea.e-input.e-bigger.e-small.e-outline,
13822
13829
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
13823
13830
  border-radius: 2px;
13824
13831
  }
13825
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
13826
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
13827
- padding: 0 4px;
13828
- }
13829
13832
  .e-colorpicker-wrapper *,
13830
13833
  .e-colorpicker-container * {
13831
13834
  -webkit-box-sizing: border-box;
@@ -15429,6 +15432,7 @@ body.e-colorpicker-overflow {
15429
15432
  }
15430
15433
  .e-speech-to-text.e-btn .e-btn-icon {
15431
15434
  font-size: 14px;
15435
+ margin-top: 1px;
15432
15436
  line-height: 2px;
15433
15437
  width: 2em;
15434
15438
  }
@@ -15442,6 +15446,7 @@ body.e-colorpicker-overflow {
15442
15446
 
15443
15447
  .e-speech-to-text.e-round .e-btn-icon {
15444
15448
  font-size: 16px;
15449
+ margin-top: 1px;
15445
15450
  }
15446
15451
 
15447
15452
  @-webkit-keyframes listening {
@@ -15509,11 +15514,13 @@ body.e-colorpicker-overflow {
15509
15514
  font-size: 16px;
15510
15515
  line-height: 1px;
15511
15516
  width: 2em;
15517
+ margin-top: -1px;
15512
15518
  }
15513
15519
 
15514
15520
  .e-bigger .e-speech-to-text.e-round .e-btn-icon,
15515
15521
  .e-bigger.e-speech-to-text.e-round .e-btn-icon {
15516
15522
  font-size: 22px;
15523
+ margin-top: 1px;
15517
15524
  }
15518
15525
 
15519
15526
  .smart-textarea-suggestion-overlay {