@syncfusion/ej2-inputs 29.2.5 → 30.1.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/dist/ej2-inputs.min.js +2 -2
  2. package/dist/ej2-inputs.umd.min.js +2 -2
  3. package/dist/ej2-inputs.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-inputs.es2015.js +40 -9
  5. package/dist/es6/ej2-inputs.es2015.js.map +1 -1
  6. package/dist/es6/ej2-inputs.es5.js +40 -9
  7. package/dist/es6/ej2-inputs.es5.js.map +1 -1
  8. package/dist/global/ej2-inputs.min.js +2 -2
  9. package/dist/global/ej2-inputs.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -61
  12. package/src/color-picker/color-picker.js +25 -1
  13. package/src/numerictextbox/numerictextbox.js +2 -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/slider/_tailwind3-definition.scss +1 -1
  86. package/styles/slider/tailwind3.css +2 -2
  87. package/styles/speech-to-text/_bds-definition.scss +2 -0
  88. package/styles/speech-to-text/_bigger.scss +16 -12
  89. package/styles/speech-to-text/_bootstrap-dark-definition.scss +2 -0
  90. package/styles/speech-to-text/_bootstrap-definition.scss +2 -0
  91. package/styles/speech-to-text/_bootstrap4-definition.scss +2 -0
  92. package/styles/speech-to-text/_bootstrap5-definition.scss +2 -0
  93. package/styles/speech-to-text/_bootstrap5.3-definition.scss +2 -0
  94. package/styles/speech-to-text/_fabric-dark-definition.scss +2 -0
  95. package/styles/speech-to-text/_fabric-definition.scss +2 -0
  96. package/styles/speech-to-text/_fluent-definition.scss +2 -0
  97. package/styles/speech-to-text/_fluent2-definition.scss +2 -0
  98. package/styles/speech-to-text/_fusionnew-definition.scss +2 -0
  99. package/styles/speech-to-text/_highcontrast-definition.scss +2 -0
  100. package/styles/speech-to-text/_highcontrast-light-definition.scss +2 -0
  101. package/styles/speech-to-text/_layout.scss +11 -13
  102. package/styles/speech-to-text/_material-dark-definition.scss +2 -0
  103. package/styles/speech-to-text/_material-definition.scss +2 -0
  104. package/styles/speech-to-text/_material3-definition.scss +2 -0
  105. package/styles/speech-to-text/_tailwind-definition.scss +2 -0
  106. package/styles/speech-to-text/_tailwind3-definition.scss +2 -0
  107. package/styles/speech-to-text/bds.css +2 -0
  108. package/styles/speech-to-text/bootstrap-dark.css +2 -0
  109. package/styles/speech-to-text/bootstrap.css +2 -0
  110. package/styles/speech-to-text/bootstrap4.css +2 -0
  111. package/styles/speech-to-text/fabric-dark.css +4 -2
  112. package/styles/speech-to-text/fluent-dark.css +6 -2
  113. package/styles/speech-to-text/fluent.css +6 -2
  114. package/styles/speech-to-text/fluent2.css +4 -1
  115. package/styles/speech-to-text/highcontrast-light.css +2 -0
  116. package/styles/speech-to-text/highcontrast.css +2 -0
  117. package/styles/speech-to-text/material-dark.css +3 -0
  118. package/styles/speech-to-text/material.css +4 -0
  119. package/styles/speech-to-text/material3-dark.css +7 -0
  120. package/styles/speech-to-text/material3.css +7 -0
  121. package/styles/speech-to-text/tailwind-dark.css +2 -0
  122. package/styles/speech-to-text/tailwind.css +2 -0
  123. package/styles/speech-to-text/tailwind3.css +2 -0
  124. package/styles/tailwind-dark-lite.css +1 -5
  125. package/styles/tailwind-dark.css +4 -7
  126. package/styles/tailwind-lite.css +1 -5
  127. package/styles/tailwind.css +4 -7
  128. package/styles/tailwind3-lite.css +3 -6
  129. package/styles/tailwind3.css +4 -6
  130. package/.eslintrc.json +0 -261
  131. package/aceconfig.js +0 -17
  132. package/tslint.json +0 -111
@@ -6395,7 +6395,6 @@ textarea.e-input.e-bigger.e-small,
6395
6395
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
6396
6396
  font-family: initial;
6397
6397
  line-height: 14px;
6398
- padding: 5px 8px;
6399
6398
  background-color: transparent;
6400
6399
  border: 1px solid #ced4da;
6401
6400
  }
@@ -6419,10 +6418,6 @@ textarea.e-input.e-bigger.e-small,
6419
6418
  border: 1px solid #ced4da;
6420
6419
  color: #6c757d;
6421
6420
  }
6422
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
6423
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
6424
- padding: 5px 8px;
6425
- }
6426
6421
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
6427
6422
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
6428
6423
  background-color: #fff;
@@ -7050,7 +7045,7 @@ body.e-colorpicker-overflow {
7050
7045
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
7051
7046
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
7052
7047
  line-height: 18px;
7053
- padding: 7px 12px;
7048
+ padding: 6px 12px;
7054
7049
  background-color: #fff;
7055
7050
  border: 1px solid #ced4da;
7056
7051
  }
@@ -7065,7 +7060,7 @@ body.e-colorpicker-overflow {
7065
7060
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
7066
7061
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
7067
7062
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
7068
- padding: 7px 12px;
7063
+ padding: 6px 12px;
7069
7064
  }
7070
7065
  .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
7071
7066
  .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
@@ -1,5 +1,5 @@
1
1
  $cpicker-split-btn-padding: 5px 8px !default;
2
- $cpicker-bigger-split-btn-padding: 7px 12px !default;
2
+ $cpicker-bigger-split-btn-padding: 6px 12px !default;
3
3
  $cpicker-split-line-height: 14px !default;
4
4
  $cpicker-bigger-split-line-height: 18px !default;
5
5
  $cpicker-split-btn-icon-height: 20px !default;
@@ -1,8 +1,5 @@
1
1
  @mixin btn-icon-layout {
2
- @if $skin-name == 'bootstrap4' {
3
- padding: $cpicker-split-btn-padding;
4
- }
5
- @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
2
+ @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
6
3
  background-color: $cpicker-tile-active-border-color;
7
4
  border: $cpicker-split-btn-border;
8
5
  color: $cpicker-split-btn-icon-color;
@@ -47,10 +44,12 @@
47
44
  & .e-split-colorpicker.e-split-btn {
48
45
  font-family: initial;
49
46
  line-height: $cpicker-split-line-height;
50
- padding: $cpicker-split-btn-padding;
51
47
  @if $skin-name == 'bootstrap4' {
52
48
  box-shadow: none;
53
49
  }
50
+ @if $skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'tailwind3' {
51
+ padding: $cpicker-split-btn-padding;
52
+ }
54
53
  @else if $skin-name == 'Material3' {
55
54
  background: $cpicker-split-btn-background-color;
56
55
  border-radius: $cpicker-split-btn-border-radius;
@@ -58,6 +57,7 @@
58
57
  border-top-right-radius: 0;
59
58
  border-right-color: transparent;
60
59
  box-shadow: none;
60
+ padding: $cpicker-split-btn-padding;
61
61
  }
62
62
  @else if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
63
63
  background-color: transparent;
@@ -85,10 +85,10 @@
85
85
 
86
86
  &.e-rtl {
87
87
  & .e-split-colorpicker.e-split-btn {
88
- padding: $cpicker-split-btn-padding;
89
88
  @if $skin-name == 'Material3' {
90
89
  border-bottom-right-radius: 0;
91
90
  border-top-right-radius: 0;
91
+ padding: $cpicker-split-btn-padding;
92
92
  }
93
93
  }
94
94
 
@@ -1,4 +1,4 @@
1
- $cpicker-split-btn-padding: 5px 8px !default;
1
+ $cpicker-split-btn-padding: 3px 8px !default;
2
2
  $cpicker-bigger-split-btn-padding: 7px 12px !default;
3
3
  $cpicker-split-line-height: 14px !default;
4
4
  $cpicker-bigger-split-line-height: 18px !default;
@@ -1,5 +1,5 @@
1
- $cpicker-split-btn-padding: 5px 8px !default;
2
- $cpicker-bigger-split-btn-padding: 7px 12px !default;
1
+ $cpicker-split-btn-padding: 4px 8px !default;
2
+ $cpicker-bigger-split-btn-padding: 6px 12px !default;
3
3
  $cpicker-split-line-height: 14px !default;
4
4
  $cpicker-bigger-split-line-height: 18px !default;
5
5
  $cpicker-split-btn-icon-height: 20px !default;
@@ -238,7 +238,6 @@
238
238
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
239
239
  font-family: initial;
240
240
  line-height: 14px;
241
- padding: 1px 4px;
242
241
  }
243
242
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
244
243
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -254,10 +253,6 @@
254
253
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
255
254
  border-radius: 8px;
256
255
  }
257
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
258
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
259
- padding: 1px 4px;
260
- }
261
256
  .e-colorpicker-wrapper *,
262
257
  .e-colorpicker-container * {
263
258
  -webkit-box-sizing: border-box;
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 17px;
27
- padding: 0 6px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 4px;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 6px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 17px;
27
- padding: 0 6px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 4px;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 6px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -20,15 +20,10 @@
20
20
  position: absolute;
21
21
  width: 1px;
22
22
  }
23
- .e-colorpicker-wrapper .e-btn.e-icon-btn,
24
- .e-colorpicker-container .e-btn.e-icon-btn {
25
- padding: 8px 9px 7px 9px;
26
- }
27
23
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
28
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
29
25
  font-family: initial;
30
26
  line-height: 17px;
31
- padding: 8px 9px 7px 9px;
32
27
  -webkit-box-shadow: none;
33
28
  box-shadow: none;
34
29
  }
@@ -46,18 +41,6 @@
46
41
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
47
42
  border-radius: 4px;
48
43
  }
49
- .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn,
50
- .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
51
- padding: 8px 9px 7px 9px;
52
- }
53
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
54
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
55
- padding: 8px 9px 7px 9px;
56
- }
57
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
58
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
59
- padding: 8px 9px 7px 9px;
60
- }
61
44
  .e-colorpicker-wrapper *,
62
45
  .e-colorpicker-container * {
63
46
  -webkit-box-sizing: border-box;
@@ -31,7 +31,6 @@
31
31
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
32
32
  font-family: initial;
33
33
  line-height: 14px;
34
- padding: 5px 8px;
35
34
  background-color: transparent;
36
35
  border: 1px solid #6c757d;
37
36
  }
@@ -55,10 +54,6 @@
55
54
  border: 1px solid #6c757d;
56
55
  color: #adb5bd;
57
56
  }
58
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
59
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
60
- padding: 5px 8px;
61
- }
62
57
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
63
58
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
64
59
  background-color: #fff;
@@ -686,7 +681,7 @@ body.e-colorpicker-overflow {
686
681
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
687
682
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
688
683
  line-height: 18px;
689
- padding: 7px 12px;
684
+ padding: 6px 12px;
690
685
  background-color: #212529;
691
686
  border: 1px solid #6c757d;
692
687
  }
@@ -701,7 +696,7 @@ body.e-colorpicker-overflow {
701
696
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
702
697
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
703
698
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
704
- padding: 7px 12px;
699
+ padding: 6px 12px;
705
700
  }
706
701
  .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
707
702
  .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
@@ -35,7 +35,6 @@
35
35
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
36
36
  font-family: initial;
37
37
  line-height: 14px;
38
- padding: 5px 8px;
39
38
  background-color: transparent;
40
39
  border: 1px solid var(--color-sf-border);
41
40
  }
@@ -59,10 +58,6 @@
59
58
  border: 1px solid var(--color-sf-border);
60
59
  color: var(--color-sf-icon-color);
61
60
  }
62
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
63
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
64
- padding: 5px 8px;
65
- }
66
61
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
67
62
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
68
63
  background-color: rgba(var(--color-sf-white));
@@ -31,7 +31,6 @@
31
31
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
32
32
  font-family: initial;
33
33
  line-height: 14px;
34
- padding: 5px 8px;
35
34
  background-color: transparent;
36
35
  border: 1px solid #ced4da;
37
36
  }
@@ -55,10 +54,6 @@
55
54
  border: 1px solid #ced4da;
56
55
  color: #6c757d;
57
56
  }
58
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
59
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
60
- padding: 5px 8px;
61
- }
62
57
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
63
58
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
64
59
  background-color: #fff;
@@ -686,7 +681,7 @@ body.e-colorpicker-overflow {
686
681
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
687
682
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
688
683
  line-height: 18px;
689
- padding: 7px 12px;
684
+ padding: 6px 12px;
690
685
  background-color: #fff;
691
686
  border: 1px solid #ced4da;
692
687
  }
@@ -701,7 +696,7 @@ body.e-colorpicker-overflow {
701
696
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
702
697
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
703
698
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
704
- padding: 7px 12px;
699
+ padding: 6px 12px;
705
700
  }
706
701
  .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
707
702
  .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 16px;
27
- padding: 0 5px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 0;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 5px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 16px;
27
- padding: 0 5px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 0;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 5px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -25,7 +25,6 @@
25
25
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
26
26
  font-family: initial;
27
27
  line-height: 14px;
28
- padding: 5px 8px;
29
28
  }
30
29
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
31
30
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -41,10 +40,6 @@
41
40
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
42
41
  border-radius: 2px;
43
42
  }
44
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
45
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
46
- padding: 5px 8px;
47
- }
48
43
  .e-colorpicker-wrapper *,
49
44
  .e-colorpicker-container * {
50
45
  -webkit-box-sizing: border-box;
@@ -25,7 +25,6 @@
25
25
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
26
26
  font-family: initial;
27
27
  line-height: 14px;
28
- padding: 5px 8px;
29
28
  }
30
29
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
31
30
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -41,10 +40,6 @@
41
40
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
42
41
  border-radius: 2px;
43
42
  }
44
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
45
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
46
- padding: 5px 8px;
47
- }
48
43
  .e-colorpicker-wrapper *,
49
44
  .e-colorpicker-container * {
50
45
  -webkit-box-sizing: border-box;
@@ -211,7 +211,6 @@
211
211
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
212
212
  font-family: initial;
213
213
  line-height: 14px;
214
- padding: 1px 4px;
215
214
  }
216
215
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
217
216
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -227,10 +226,6 @@
227
226
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
228
227
  border-radius: 4px;
229
228
  }
230
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
231
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
232
- padding: 1px 4px;
233
- }
234
229
  .e-colorpicker-wrapper *,
235
230
  .e-colorpicker-container * {
236
231
  -webkit-box-sizing: border-box;
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 16px;
27
- padding: 0 5px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 0;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 5px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -24,7 +24,6 @@
24
24
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
25
25
  font-family: initial;
26
26
  line-height: 16px;
27
- padding: 0 5px;
28
27
  }
29
28
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
30
29
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -40,10 +39,6 @@
40
39
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
41
40
  border-radius: 0;
42
41
  }
43
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
44
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
45
- padding: 0 5px;
46
- }
47
42
  .e-colorpicker-wrapper *,
48
43
  .e-colorpicker-container * {
49
44
  -webkit-box-sizing: border-box;
@@ -54,10 +54,6 @@
54
54
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
55
55
  border-radius: 2px;
56
56
  }
57
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
58
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
59
- padding: 0 4px;
60
- }
61
57
  .e-colorpicker-wrapper *,
62
58
  .e-colorpicker-container * {
63
59
  -webkit-box-sizing: border-box;
@@ -74,10 +74,6 @@
74
74
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
75
75
  border-radius: 2px;
76
76
  }
77
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
78
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
79
- padding: 0 4px;
80
- }
81
77
  .e-colorpicker-wrapper *,
82
78
  .e-colorpicker-container * {
83
79
  -webkit-box-sizing: border-box;
@@ -76,7 +76,6 @@
76
76
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
77
77
  font-family: initial;
78
78
  line-height: 14px;
79
- padding: 5px 8px;
80
79
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
81
80
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
82
81
  border-radius: 4px;
@@ -85,6 +84,7 @@
85
84
  border-right-color: transparent;
86
85
  -webkit-box-shadow: none;
87
86
  box-shadow: none;
87
+ padding: 3px 8px;
88
88
  }
89
89
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
90
90
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -102,9 +102,9 @@
102
102
  }
103
103
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
104
104
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
105
- padding: 5px 8px;
106
105
  border-bottom-right-radius: 0;
107
106
  border-top-right-radius: 0;
107
+ padding: 3px 8px;
108
108
  }
109
109
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-dropdown-btn.e-icon-btn,
110
110
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-dropdown-btn.e-icon-btn {
@@ -78,7 +78,6 @@
78
78
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
79
79
  font-family: initial;
80
80
  line-height: 14px;
81
- padding: 5px 8px;
82
81
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
83
82
  background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
84
83
  border-radius: 4px;
@@ -87,6 +86,7 @@
87
86
  border-right-color: transparent;
88
87
  -webkit-box-shadow: none;
89
88
  box-shadow: none;
89
+ padding: 3px 8px;
90
90
  }
91
91
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
92
92
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -104,9 +104,9 @@
104
104
  }
105
105
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
106
106
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
107
- padding: 5px 8px;
108
107
  border-bottom-right-radius: 0;
109
108
  border-top-right-radius: 0;
109
+ padding: 3px 8px;
110
110
  }
111
111
  .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-dropdown-btn.e-icon-btn,
112
112
  .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-dropdown-btn.e-icon-btn {
@@ -25,7 +25,6 @@
25
25
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
26
26
  font-family: initial;
27
27
  line-height: 14px;
28
- padding: 5px 8px;
29
28
  }
30
29
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
31
30
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -41,10 +40,6 @@
41
40
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
42
41
  border-radius: 4px;
43
42
  }
44
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
45
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
46
- padding: 5px 8px;
47
- }
48
43
  .e-colorpicker-wrapper *,
49
44
  .e-colorpicker-container * {
50
45
  -webkit-box-sizing: border-box;
@@ -647,7 +642,7 @@ body.e-colorpicker-overflow {
647
642
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
648
643
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
649
644
  line-height: 18px;
650
- padding: 7px 12px;
645
+ padding: 6px 12px;
651
646
  }
652
647
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
653
648
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
@@ -660,7 +655,7 @@ body.e-colorpicker-overflow {
660
655
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
661
656
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
662
657
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
663
- padding: 7px 12px;
658
+ padding: 6px 12px;
664
659
  }
665
660
  .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
666
661
  .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
@@ -25,7 +25,6 @@
25
25
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
26
26
  font-family: initial;
27
27
  line-height: 14px;
28
- padding: 5px 8px;
29
28
  }
30
29
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
31
30
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -41,10 +40,6 @@
41
40
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
42
41
  border-radius: 4px;
43
42
  }
44
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
45
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
46
- padding: 5px 8px;
47
- }
48
43
  .e-colorpicker-wrapper *,
49
44
  .e-colorpicker-container * {
50
45
  -webkit-box-sizing: border-box;
@@ -647,7 +642,7 @@ body.e-colorpicker-overflow {
647
642
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
648
643
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
649
644
  line-height: 18px;
650
- padding: 7px 12px;
645
+ padding: 6px 12px;
651
646
  }
652
647
  .e-bigger .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
653
648
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
@@ -660,7 +655,7 @@ body.e-colorpicker-overflow {
660
655
  .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
661
656
  .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
662
657
  .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
663
- padding: 7px 12px;
658
+ padding: 6px 12px;
664
659
  }
665
660
  .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
666
661
  .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
@@ -57,10 +57,6 @@
57
57
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
58
58
  border-radius: 4px;
59
59
  }
60
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
61
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
62
- padding: 3px 8px;
63
- }
64
60
  .e-colorpicker-wrapper *,
65
61
  .e-colorpicker-container * {
66
62
  -webkit-box-sizing: border-box;
@@ -3738,7 +3738,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3738
3738
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
3739
3739
  font-family: initial;
3740
3740
  line-height: 16px;
3741
- padding: 0 5px;
3742
3741
  }
3743
3742
  .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
3744
3743
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3754,10 +3753,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
3754
3753
  .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
3755
3754
  border-radius: 0;
3756
3755
  }
3757
- .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
3758
- .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
3759
- padding: 0 5px;
3760
- }
3761
3756
  .e-colorpicker-wrapper *,
3762
3757
  .e-colorpicker-container * {
3763
3758
  -webkit-box-sizing: border-box;
@@ -5026,7 +5021,7 @@ body.e-colorpicker-overflow {
5026
5021
  }
5027
5022
  .e-speech-to-text.e-btn .e-btn-icon {
5028
5023
  font-size: 12px;
5029
- margin-top: -1px;
5024
+ margin-top: 0;
5030
5025
  }
5031
5026
  .e-speech-to-text.e-btn:disabled {
5032
5027
  pointer-events: none;
@@ -5038,6 +5033,7 @@ body.e-colorpicker-overflow {
5038
5033
 
5039
5034
  .e-speech-to-text.e-round .e-btn-icon {
5040
5035
  font-size: 14px;
5036
+ margin-top: 1px;
5041
5037
  }
5042
5038
 
5043
5039
  @-webkit-keyframes listening {