@syncfusion/ej2-inputs 29.2.4 → 30.1.37

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.2.4
+*  version : 30.1.37
 *  Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,63 +1,19 @@
 {
-  "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@29.1.39",
-  "_inBundle": false,
-  "_integrity": "sha512-Vlgfq2QAuUcqEFYdmhyTY/RFkmwXPStCbuXXEbGWSq64gOXt1QuTqjIVZU7tTg1JmWrHWlkqydrav2y7TrTAuA==",
-  "_location": "/@syncfusion/ej2-inputs",
-  "_phantomChildren": {},
-  "_requested": {
-    "type": "range",
-    "registry": true,
-    "raw": "@syncfusion/ej2-inputs@*",
-    "name": "@syncfusion/ej2-inputs",
-    "escapedName": "@syncfusion%2fej2-inputs",
-    "scope": "@syncfusion",
-    "rawSpec": "*",
-    "saveSpec": null,
-    "fetchSpec": "*"
-  },
-  "_requiredBy": [
-    "/",
-    "/@syncfusion/ej2",
-    "/@syncfusion/ej2-angular-inputs",
-    "/@syncfusion/ej2-calendars",
-    "/@syncfusion/ej2-diagrams",
-    "/@syncfusion/ej2-documenteditor",
-    "/@syncfusion/ej2-dropdowns",
-    "/@syncfusion/ej2-filemanager",
-    "/@syncfusion/ej2-gantt",
-    "/@syncfusion/ej2-grids",
-    "/@syncfusion/ej2-image-editor",
-    "/@syncfusion/ej2-inplace-editor",
-    "/@syncfusion/ej2-interactive-chat",
-    "/@syncfusion/ej2-kanban",
-    "/@syncfusion/ej2-navigations",
-    "/@syncfusion/ej2-pdfviewer",
-    "/@syncfusion/ej2-pivotview",
-    "/@syncfusion/ej2-querybuilder",
-    "/@syncfusion/ej2-react-inputs",
-    "/@syncfusion/ej2-richtexteditor",
-    "/@syncfusion/ej2-schedule",
-    "/@syncfusion/ej2-vue-inputs"
-  ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-29.1.39.tgz",
-  "_shasum": "80e238284964eeb0299f6a8953808242fdb93e1f",
-  "_spec": "@syncfusion/ej2-inputs@*",
-  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
-  "author": {
-    "name": "Syncfusion Inc."
-  },
-  "bundleDependencies": false,
+  "name": "@syncfusion/ej2-inputs",
+  "version": "30.1.37",
+  "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
+  "author": "Syncfusion Inc.",
+  "license": "SEE LICENSE IN license",
+  "main": "./dist/ej2-inputs.umd.min.js",
+  "module": "./index.js",
+  "es2015": "./dist/es6/ej2-inputs.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.2.4",
-    "@syncfusion/ej2-buttons": "~29.2.4",
-    "@syncfusion/ej2-popups": "~29.2.4",
-    "@syncfusion/ej2-splitbuttons": "~29.2.4"
+    "@syncfusion/ej2-base": "~30.1.37",
+    "@syncfusion/ej2-buttons": "~30.1.37",
+    "@syncfusion/ej2-popups": "~30.1.37",
+    "@syncfusion/ej2-splitbuttons": "~30.1.37"
   },
-  "deprecated": false,
-  "description": "A package of Essential JS 2 input components such as Textbox, Color-picker, Masked-textbox, Numeric-textbox, Slider, Upload, and Form-validator that is used to get input from the users.",
   "devDependencies": {},
-  "es2015": "./dist/es6/ej2-inputs.es5.js",
   "keywords": [
     "ej2",
     "syncfusion",
@@ -111,16 +67,11 @@
     "floating-label",
     "chunk-upload"
   ],
-  "license": "SEE LICENSE IN license",
-  "main": "./dist/ej2-inputs.umd.min.js",
-  "module": "./index.js",
-  "name": "@syncfusion/ej2-inputs",
   "repository": {
     "type": "git",
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "29.2.4",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/color-picker/color-picker.js

@@ -209,7 +209,19 @@ var ColorPicker = /** @class */ (function (_super) {
         var popupEle = this.getPopupEle();
         addClass([popupEle], 'e-colorpicker-popup');
         if (this.cssClass) {
-            addClass([popupEle], this.cssClass.replace(/\s+/g, ' ').trim().split(' '));
+            var classes = this.cssClass.replace(/\s+/g, ' ').trim().split(' ');
+            if (popupEle) {
+                addClass([popupEle], classes);
+            }
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0]) {
+                addClass([this.splitBtn.activeElem[0]], classes);
+            }
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[1]) {
+                addClass([this.splitBtn.activeElem[1]], classes);
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                addClass([this.splitBtn.element.parentElement], classes);
+            }
         }
         if (Browser.isDevice && !this.createPopupOnClick) {
             var popupInst = this.getPopupInst();
@@ -1781,9 +1793,21 @@ var ColorPicker = /** @class */ (function (_super) {
         var popupWrapper = this.getPopupEle();
         if (oldProp) {
             removeClass([wrapper, popupWrapper], oldProp.split(' '));
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0] && this.splitBtn.activeElem[1]) {
+                removeClass([this.splitBtn.activeElem[0], this.splitBtn.activeElem[1]], oldProp.split(' '));
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                removeClass([this.splitBtn.element.parentElement], oldProp.split(' '));
+            }
         }
         if (newProp) {
             addClass([wrapper, popupWrapper], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            if (this.splitBtn && this.splitBtn.activeElem && this.splitBtn.activeElem[0] && this.splitBtn.activeElem[1]) {
+                addClass([this.splitBtn.activeElem[0], this.splitBtn.activeElem[1]], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            }
+            if (this.splitBtn && this.splitBtn.element && this.splitBtn.element.parentElement) {
+                addClass([this.splitBtn.element.parentElement], newProp.replace(/\s+/g, ' ').trim().split(' '));
+            }
         }
     };
     ColorPicker.prototype.changeRtlProps = function (newProp) {

package/src/numerictextbox/numerictextbox.js

@@ -281,7 +281,7 @@ var NumericTextBox = /** @class */ (function (_super) {
             attributes(this.element, { 'aria-readonly': 'true' });
         }
         this.hiddenInput = (this.createElement('input', { attrs: { type: 'text',
-                'validateHidden': 'true', 'aria-label': 'hidden', 'class': HIDDENELEMENT } }));
+                'data-validateHidden': 'true', 'aria-label': 'hidden', 'class': HIDDENELEMENT } }));
         this.inputName = this.inputName !== null ? this.inputName : this.element.id;
         this.element.removeAttribute('name');
         if (this.isAngular && this.angularTagName === 'EJS-NUMERICTEXTBOX' && this.cloneElement.id.length > 0) {

package/src/slider/slider.js

@@ -508,9 +508,13 @@ var Slider = /** @class */ (function (_super) {
         }
         else {
             var range = !isNullOrUndefined(this.customValues) && this.customValues.length > 0 ?
-                [[min.toString(), (this.customValues[this.value[1]]).toString()],
-                    [(this.customValues[this.value[0]]).toString(), max.toString()]] :
-                [[min.toString(), this.value[1].toString()], [this.value[0].toString(), max.toString()]];
+                [[!isNullOrUndefined(min) ? min.toString() : '', this.value.length > 1 && !isNullOrUndefined(this.customValues[this.value[1]]) ?
+                            (this.customValues[this.value[1]]).toString() : ''], [this.value.length > 0 && !isNullOrUndefined(this.customValues[this.value[0]]) ?
+                            (this.customValues[this.value[0]]).toString() : '', !isNullOrUndefined(max) ? max.toString() : '']] : [[
+                    !isNullOrUndefined(min) ? min.toString() : '', this.value.length > 1 && !isNullOrUndefined(this.value[1]) ? this.value[1].toString() : ''
+                ],
+                [this.value.length > 0 && !isNullOrUndefined(this.value[0]) ? this.value[0].toString() : '',
+                    !isNullOrUndefined(max) ? max.toString() : '']];
             range.forEach(function (range, index) {
                 var element = index === 0 ? _this.firstHandle : _this.secondHandle;
                 if (element) {

package/src/speech-to-text/speech-to-text-model.d.ts

@@ -165,7 +165,7 @@ export interface SpeechToTextModel extends ComponentModel{
 
     /**
      * Defines tooltip content and positioning for guiding user interactions.
-     * Tooltips provide helpful instructions or descriptions for button actions, improving user experience.
+     * Tooltip provides helpful instructions or descriptions for button actions, improving user experience.
      *
      * @default null
      * @type {TooltipSettingsModel}

package/src/speech-to-text/speech-to-text.d.ts

@@ -71,7 +71,7 @@ export declare class ButtonSettings extends ChildProperty<ButtonSettings> {
     isPrimary: boolean;
 }
 /**
- * Configuration settings for tooltips in the SpeechToText component.
+ * Configuration settings for tooltip in the SpeechToText component.
  * This allows customization of the tooltip content and its positioning.
  */
 export declare class TooltipSettings extends ChildProperty<TooltipSettings> {
@@ -298,7 +298,7 @@ export declare class SpeechToText extends Component<HTMLElement> implements INot
     buttonSettings: ButtonSettingsModel;
     /**
      * Defines tooltip content and positioning for guiding user interactions.
-     * Tooltips provide helpful instructions or descriptions for button actions, improving user experience.
+     * Tooltip provides helpful instructions or descriptions for button actions, improving user experience.
      *
      * @default null
      * @type {TooltipSettingsModel}

package/src/speech-to-text/speech-to-text.js

@@ -50,7 +50,7 @@ var ButtonSettings = /** @class */ (function (_super) {
 }(ChildProperty));
 export { ButtonSettings };
 /**
- * Configuration settings for tooltips in the SpeechToText component.
+ * Configuration settings for tooltip in the SpeechToText component.
  * This allows customization of the tooltip content and its positioning.
  */
 var TooltipSettings = /** @class */ (function (_super) {

package/src/uploader/uploader.js

@@ -2660,7 +2660,7 @@ var Uploader = /** @class */ (function (_super) {
             metaData.request.httpRequest.abort();
         }
         var liElement = this.getLiElement(metaData.file);
-        if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom)) {
+        if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom) && liElement) {
             var targetElement = liElement.querySelector('.' + PAUSE_UPLOAD);
             targetElement.classList.remove(PAUSE_UPLOAD);
             targetElement.classList.add(RESUME_UPLOAD);
@@ -2812,8 +2812,10 @@ var Uploader = /** @class */ (function (_super) {
         if (isNullOrUndefined(this.template) && (isNullOrUndefined(custom) || !custom) && liElement) {
             this.updateProgressBarClasses(liElement, UPLOAD_FAILED);
         }
-        metaData.retryCount += 1;
-        this.sendRequest(metaData.file, metaData);
+        if (metaData) {
+            metaData.retryCount += 1;
+            this.sendRequest(metaData.file, metaData);
+        }
     };
     Uploader.prototype.checkPausePlayAction = function (e) {
         var targetElement = e.target;

package/styles/bds-lite.css

@@ -3962,7 +3962,6 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 1px 4px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3978,10 +3977,6 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 8px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 1px 4px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -5257,6 +5252,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;

package/styles/bds.css

@@ -6454,7 +6454,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 1px 4px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6470,10 +6469,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 8px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 1px 4px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -8103,6 +8098,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;
@@ -8179,6 +8175,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
 .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 
 .e-bigger .e-speech-to-text.e-round .e-btn-icon,

package/styles/bootstrap-dark-lite.css

@@ -3797,7 +3797,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 0 6px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3813,10 +3812,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 0 6px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -5084,6 +5079,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 12px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;

package/styles/bootstrap-dark.css

@@ -6151,7 +6151,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 0 6px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6167,10 +6166,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 0 6px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -7762,6 +7757,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 12px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;
@@ -7838,6 +7834,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
 .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 
 .e-bigger .e-speech-to-text.e-round .e-btn-icon,

package/styles/bootstrap-lite.css

@@ -3787,7 +3787,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 0 6px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -3803,10 +3802,6 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 0 6px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -5074,6 +5069,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 14px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;

package/styles/bootstrap.css

@@ -6133,7 +6133,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 0 6px;
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color {
@@ -6149,10 +6148,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 0 6px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -7743,6 +7738,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 14px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;
@@ -7819,6 +7815,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
 .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 
 .e-bigger .e-speech-to-text.e-round .e-btn-icon,

package/styles/bootstrap4-lite.css

@@ -3797,15 +3797,10 @@ textarea.e-input::selection,
   position: absolute;
   width: 1px;
 }
-.e-colorpicker-wrapper .e-btn.e-icon-btn,
-.e-colorpicker-container .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 8px 9px 7px 9px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -3823,18 +3818,6 @@ textarea.e-input::selection,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn,
-.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 8px 9px 7px 9px;
-}
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -5155,6 +5138,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 14px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;

package/styles/bootstrap4.css

@@ -6200,15 +6200,10 @@ textarea.e-input.e-bigger.e-small,
   position: absolute;
   width: 1px;
 }
-.e-colorpicker-wrapper .e-btn.e-icon-btn,
-.e-colorpicker-container .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 17px;
-  padding: 8px 9px 7px 9px;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -6226,18 +6221,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-selected-color .e-split-preview {
   border-radius: 4px;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn,
-.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 8px 9px 7px 9px;
-}
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  padding: 8px 9px 7px 9px;
-}
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
   -webkit-box-sizing: border-box;
@@ -7897,6 +7880,7 @@ body.e-colorpicker-overflow {
 }
 .e-speech-to-text.e-btn .e-btn-icon {
   font-size: 14px;
+  margin-top: -1px;
 }
 .e-speech-to-text.e-btn:disabled {
   pointer-events: none;
@@ -7969,6 +7953,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-speech-to-text.e-btn .e-btn-icon,
 .e-bigger.e-speech-to-text.e-btn .e-btn-icon {
   font-size: 16px;
+  margin-top: 0;
 }
 
 .e-bigger .e-speech-to-text.e-round .e-btn-icon,

package/styles/bootstrap5-dark-lite.css

@@ -3820,7 +3820,6 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 5px 8px;
   background-color: transparent;
   border: 1px solid #6c757d;
 }
@@ -3844,10 +3843,6 @@ input.e-input::-webkit-input-placeholder {
   border: 1px solid #6c757d;
   color: #adb5bd;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 5px 8px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
   background-color: #fff;

package/styles/bootstrap5-dark.css

@@ -6395,7 +6395,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 5px 8px;
   background-color: transparent;
   border: 1px solid #6c757d;
 }
@@ -6419,10 +6418,6 @@ textarea.e-input.e-bigger.e-small,
   border: 1px solid #6c757d;
   color: #adb5bd;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 5px 8px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
   background-color: #fff;
@@ -7050,7 +7045,7 @@ body.e-colorpicker-overflow {
 .e-bigger .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn,
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   line-height: 18px;
-  padding: 7px 12px;
+  padding: 6px 12px;
   background-color: #212529;
   border: 1px solid #6c757d;
 }
@@ -7065,7 +7060,7 @@ body.e-colorpicker-overflow {
 .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
 .e-bigger .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
 .e-bigger.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 7px 12px;
+  padding: 6px 12px;
 }
 .e-bigger .e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),
 .e-bigger.e-colorpicker-wrapper .e-colorpicker-popup:not(.e-split-btn-wrapper):not(.e-dropdown-btn),

package/styles/bootstrap5-lite.css

@@ -3820,7 +3820,6 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 5px 8px;
   background-color: transparent;
   border: 1px solid #ced4da;
 }
@@ -3844,10 +3843,6 @@ input.e-input::-webkit-input-placeholder {
   border: 1px solid #ced4da;
   color: #6c757d;
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 5px 8px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
   background-color: #fff;

package/styles/bootstrap5.3-lite.css

@@ -3816,7 +3816,6 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 5px 8px;
   background-color: transparent;
   border: 1px solid var(--color-sf-border);
 }
@@ -3840,10 +3839,6 @@ input.e-input::-webkit-input-placeholder {
   border: 1px solid var(--color-sf-border);
   color: var(--color-sf-icon-color);
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 5px 8px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
   background-color: rgba(var(--color-sf-white));

package/styles/bootstrap5.3.css

@@ -6393,7 +6393,6 @@ textarea.e-input.e-bigger.e-small,
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  padding: 5px 8px;
   background-color: transparent;
   border: 1px solid var(--color-sf-border);
 }
@@ -6417,10 +6416,6 @@ textarea.e-input.e-bigger.e-small,
   border: 1px solid var(--color-sf-border);
   color: var(--color-sf-icon-color);
 }
-.e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn,
-.e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-split-colorpicker.e-split-btn {
-  padding: 5px 8px;
-}
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
   background-color: rgba(var(--color-sf-white));