@syncfusion/ej2-inputs 22.1.34 → 22.1.39

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.1.34
+*  version : 22.1.39
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-inputs@*",
-  "_id": "@syncfusion/ej2-inputs@18.74.0",
+  "_id": "@syncfusion/ej2-inputs@22.1.38",
   "_inBundle": false,
-  "_integrity": "sha512-x9jghchba/Xily/58EMO4f9+dcFmmX4AufdAPHex+2tEM2GyPU2bCu+Ol0yGQ/bNA65VtXo0pYUeQr/Wh8oh6w==",
+  "_integrity": "sha512-4baJA8Seg3ZBD8LHkc9C14+JHsRpVAok3824wYR52xp/QD9Lr6+9ueUsPMIVHYB3bPx/ElAKbElkiB2yGYfVWA==",
   "_location": "/@syncfusion/ej2-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-schedule",
     "/@syncfusion/ej2-vue-inputs"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-inputs/-/ej2-inputs-18.74.0.tgz",
-  "_shasum": "dff7895481b1426f52f2297c62534349625f6d84",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-inputs/-/ej2-inputs-22.1.38.tgz",
+  "_shasum": "af9599bc4fb8fd9a70efbb1bb6e8427f92e99498",
   "_spec": "@syncfusion/ej2-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -48,10 +48,10 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~22.1.34",
-    "@syncfusion/ej2-buttons": "~22.1.34",
-    "@syncfusion/ej2-popups": "~22.1.34",
-    "@syncfusion/ej2-splitbuttons": "~22.1.34"
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-buttons": "~22.1.39",
+    "@syncfusion/ej2-popups": "~22.1.38",
+    "@syncfusion/ej2-splitbuttons": "~22.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.",
@@ -119,7 +119,7 @@
     "url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/inputs"
   },
   "typings": "index.d.ts",
-  "version": "22.1.34",
+  "version": "22.1.39",
   "sideEffects": false,
   "homepage": "https://www.syncfusion.com/javascript-ui-controls"
 }

package/src/input/input.js

@@ -156,6 +156,7 @@ export var Input;
         }
         if (isNullOrUndefined(inputObject.container)) {
             inputObject.container = createInputContainer(args, CLASSNAMES.FLOATINPUT, CLASSNAMES.FLOATCUSTOMTAG, 'div', makeElement);
+            inputObject.container.classList.add(CLASSNAMES.INPUTGROUP);
             if (args.element.parentNode) {
                 args.element.parentNode.insertBefore(inputObject.container, args.element);
             }
@@ -297,10 +298,6 @@ export var Input;
                 inputObject.container.querySelector('.' + CLASSNAMES.FLOATTEXT) : element;
             baseElement.insertAdjacentElement('afterend', button);
         }
-        if (!isNullOrUndefined(container) &&
-            container.classList.contains(CLASSNAMES.FLOATINPUT)) {
-            addClass([container], CLASSNAMES.INPUTGROUP);
-        }
         addClass([button], CLASSNAMES.CLEARICONHIDE);
         wireClearBtnEvents(element, button, container);
         button.setAttribute('aria-label', 'close');
@@ -700,9 +697,6 @@ export var Input;
                 if (isPrependIcon) {
                     iconEle = container.querySelector('.e-input-group-icon');
                 }
-                if (isNullOrUndefined(iconEle)) {
-                    container.classList.remove(CLASSNAMES.INPUTGROUP);
-                }
             }
             else {
                 var floatLine = container.querySelector('.' + CLASSNAMES.FLOATLINE);
@@ -859,9 +853,6 @@ export var Input;
             }
         }
         innerWrapper.parentNode.insertBefore(button, innerWrapper);
-        if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
-            container.classList.add(CLASSNAMES.INPUTGROUP);
-        }
         _internalRipple(true, container, button);
         return button;
     }
@@ -879,9 +870,6 @@ export var Input;
     function appendSpan(iconClass, container, internalCreateElement) {
         var makeElement = !isNullOrUndefined(internalCreateElement) ? internalCreateElement : createElement;
         var button = createIconEle(iconClass, makeElement);
-        if (!container.classList.contains(CLASSNAMES.INPUTGROUP)) {
-            container.classList.add(CLASSNAMES.INPUTGROUP);
-        }
         var wrap = (container.classList.contains('e-float-icon-left')) ? container.querySelector('.e-input-in-wrap') :
             container;
         wrap.appendChild(button);

package/src/slider/slider-model.d.ts

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Property, Event, EmitType, Complex, Collection } from '@syncfusion/ej2-base';import { L10n, Internationalization, NumberFormatOptions } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, setStyleAttribute, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, Browser, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { Tooltip, Position, TooltipEventArgs, getZindexPartial } from '@syncfusion/ej2-popups';
+import { Component, EventHandler, Property, Event, EmitType, Complex, Collection } from '@syncfusion/ej2-base';import { L10n, Internationalization, NumberFormatOptions } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, ChildProperty } from '@syncfusion/ej2-base';import { attributes, addClass, removeClass, setStyleAttribute, detach, closest } from '@syncfusion/ej2-base';import { isNullOrUndefined, formatUnit, Browser, SanitizeHtmlHelper, initializeCSPTemplate } from '@syncfusion/ej2-base';import { Tooltip, Position, TooltipEventArgs, getZindexPartial } from '@syncfusion/ej2-popups';
 import {Placement,TooltipPlacement,TooltipShowOn,SliderType,SliderOrientation,SliderChangeEventArgs,SliderTickEventArgs,SliderTickRenderedEventArgs,SliderTooltipEventArgs} from "./slider";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/slider/slider.js

@@ -21,7 +21,7 @@ import { Component, EventHandler, Property, Event, Complex, Collection } from '@
 import { L10n, Internationalization } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, ChildProperty } from '@syncfusion/ej2-base';
 import { attributes, addClass, removeClass, setStyleAttribute, detach, closest } from '@syncfusion/ej2-base';
-import { isNullOrUndefined, formatUnit, Browser, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, formatUnit, Browser, SanitizeHtmlHelper, initializeCSPTemplate } from '@syncfusion/ej2-base';
 import { Tooltip, getZindexPartial } from '@syncfusion/ej2-popups';
 /**
  * Configures the ticks data of the Slider.
@@ -684,12 +684,21 @@ var Slider = /** @class */ (function (_super) {
         if (this.initialTooltip) {
             this.initialTooltip = false;
             this.setTooltipContent();
-            args.text = text = this.tooltipObj.content;
+            args.text = text = (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content);
             this.trigger('tooltipChange', args, function (observedArgs) {
                 _this.addTooltipClass(observedArgs.text);
                 if (text !== observedArgs.text) {
                     _this.customAriaText = observedArgs.text;
-                    _this.tooltipObj.content = observedArgs.text;
+                    if (_this.enableHtmlSanitizer) {
+                        observedArgs.text = SanitizeHtmlHelper.sanitize(observedArgs.text.toString());
+                    }
+                    else {
+                        observedArgs.text = observedArgs.text.toString();
+                    }
+                    var contentTemp = function () {
+                        return observedArgs.text;
+                    };
+                    _this.tooltipObj.content = initializeCSPTemplate(contentTemp);
                     _this.setAriaAttrValue(_this.firstHandle);
                     if (_this.type === 'Range') {
                         _this.setAriaAttrValue(_this.secondHandle);
@@ -704,7 +713,10 @@ var Slider = /** @class */ (function (_super) {
     Slider.prototype.setTooltipContent = function () {
         var content;
         content = this.formatContent(this.tooltipFormatInfo, false);
-        this.tooltipObj.content = content;
+        var contentTemp = function () {
+            return content;
+        };
+        this.tooltipObj.content = initializeCSPTemplate(contentTemp);
     };
     Slider.prototype.formatContent = function (formatInfo, ariaContent) {
         var content = '';
@@ -1701,7 +1713,7 @@ var Slider = /** @class */ (function (_super) {
             eventArgs = {
                 value: this.value,
                 previousValue: eventName === 'change' ? this.previousVal : this.previousChanged,
-                action: eventName, text: this.tooltipObj.content, isInteracted: isNullOrUndefined(e) ? false : true
+                action: eventName, text: (typeof (this.tooltipObj.content) === 'function' ? this.tooltipObj.content() : this.tooltipObj.content), isInteracted: isNullOrUndefined(e) ? false : true
             };
         }
         else {

package/src/uploader/uploader.d.ts

@@ -1049,7 +1049,8 @@ export declare class Uploader extends Component<HTMLInputElement> implements INo
      * @param { FileInfo[] } fileData - Specifies the files data for file list creation.
      * @returns {void}
      */
-    createFileList(fileData: FileInfo[], isSelectedFile?: boolean): void;
+    createFileList(fileData: FileInfo[]): void;
+    private internalCreateFileList;
     private getSlicedName;
     private setListToFileInfo;
     private truncateName;

package/src/uploader/uploader.js

@@ -313,7 +313,7 @@ var Uploader = /** @class */ (function (_super) {
             detach(this.listParent);
             this.listParent = null;
             this.fileList = [];
-            this.createFileList(this.filesData);
+            this.internalCreateFileList(this.filesData);
             if (this.actionButtons) {
                 this.removeActionButtons();
                 this.renderActionButtons();
@@ -550,7 +550,7 @@ var Uploader = /** @class */ (function (_super) {
     Uploader.prototype.renderPreLoadFiles = function () {
         if (this.files.length) {
             if (this.enablePersistence && this.filesData.length) {
-                this.createFileList(this.filesData);
+                this.internalCreateFileList(this.filesData);
                 return;
             }
             if (isNullOrUndefined(this.files[0].size)) {
@@ -577,7 +577,7 @@ var Uploader = /** @class */ (function (_super) {
                 filesData.push(fileData);
                 this.filesData.push(fileData);
             }
-            this.createFileList(filesData);
+            this.internalCreateFileList(filesData);
             if (!this.autoUpload && this.listParent && !this.actionButtons && (!this.isForm || this.allowUpload()) && this.showFileList) {
                 this.renderActionButtons();
             }
@@ -1293,7 +1293,17 @@ var Uploader = /** @class */ (function (_super) {
             for (var i = 0; i < fileData.length; i++) {
                 var sanitizeFile = SanitizeHtmlHelper.beforeSanitize();
                 var sanitizeFileName = SanitizeHtmlHelper.serializeValue(sanitizeFile, fileData[parseInt(i.toString())].name);
-                if (sanitizeFileName !== fileData[parseInt(i.toString())].name) {
+                var currentFileName = fileData[parseInt(i.toString())].name;
+                var isUTF8 = false;
+                for (var i_1 = 0; i_1 < currentFileName.length; i_1++) {
+                    if (currentFileName.charCodeAt(i_1) > 127) {
+                        isUTF8 = true;
+                        break;
+                    }
+                }
+                var htmlTagRegex = /<([a-z][a-z0-9]*)\b[^>]*>(.*?)<\/\1>/i;
+                var hasHTMLString = htmlTagRegex.test(currentFileName);
+                if ((sanitizeFileName !== fileData[parseInt(i.toString())].name) && !(isUTF8 && !hasHTMLString)) {
                     var encodedFileName = targetFiles[parseInt(i.toString())].name.replace(/[\u00A0-\u9999<>\&]/g, function (i) {
                         return '&#' + i.charCodeAt(0) + ';';
                     });
@@ -1360,7 +1370,8 @@ var Uploader = /** @class */ (function (_super) {
                     }
                 }
                 else {
-                    this.createFileList(fileData, true);
+                    this.internalCreateFileList(fileData);
+                    this.filesData = this.filesData.concat(fileData);
                     if (!this.isForm || this.allowUpload()) {
                         this.checkAutoUpload(fileData);
                     }
@@ -1428,12 +1439,12 @@ var Uploader = /** @class */ (function (_super) {
                     }
                 }
                 if (added !== index) {
-                    this.createFileList([filesData[index]]);
+                    this.internalCreateFileList([filesData[index]]);
                 }
             }
         }
         else {
-            this.createFileList(filesData);
+            this.internalCreateFileList(filesData);
         }
     };
     Uploader.prototype.isBlank = function (str) {
@@ -1732,10 +1743,13 @@ var Uploader = /** @class */ (function (_super) {
      * @param { FileInfo[] } fileData - Specifies the files data for file list creation.
      * @returns {void}
      */
-    Uploader.prototype.createFileList = function (fileData, isSelectedFile) {
+    Uploader.prototype.createFileList = function (fileData) {
+        this.filesData = this.filesData && this.filesData.length > 0 ? this.filesData.concat(fileData) : fileData;
+        this.internalCreateFileList(fileData);
+    };
+    Uploader.prototype.internalCreateFileList = function (fileData) {
         /* eslint-enable valid-jsdoc, jsdoc/require-param */
         this.createParentUL();
-        this.filesData = (isSelectedFile) ? this.filesData.concat(fileData) : fileData;
         if (this.template !== '' && !isNullOrUndefined(this.template)) {
             if (this.isFormUpload()) {
                 this.uploadWrapper.classList.add(FORM_UPLOAD);

package/styles/bootstrap-dark.css

@@ -1864,6 +1864,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/bootstrap.css

@@ -1864,6 +1864,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/bootstrap4.css

@@ -1864,6 +1864,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/bootstrap5-dark.css

@@ -1953,6 +1953,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/bootstrap5.css

@@ -1953,6 +1953,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/fabric-dark.css

@@ -1821,6 +1821,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/fabric.css

@@ -1821,6 +1821,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/fluent-dark.css

@@ -1789,6 +1789,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/fluent.css

@@ -1789,6 +1789,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/highcontrast-light.css

@@ -1937,6 +1937,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/highcontrast.css

@@ -1937,6 +1937,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/_layout.scss

@@ -1456,7 +1456,7 @@
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -9px;
+      top: -7px;
     }
   }
 
@@ -1497,7 +1497,7 @@
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
   .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
-      top: -8px;
+      top: -7px;
     }
   }
 
@@ -2810,6 +2810,7 @@
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -6006,6 +6007,16 @@
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin-left: $outline-small-input-icon-margin-left;
+      margin-right: $zero-value;
+    }
+  }
+
   .e-outline.e-input-group.e-small .e-clear-icon,
   .e-outline.e-input-group .e-clear-icon.e-small,
   .e-small .e-outline.e-input-group .e-clear-icon,
@@ -6089,6 +6100,17 @@
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-input-icon-padding $zero-value $outline-bigger-input-icon-padding $outline-bigger-input-icon-margin-left;
+    }
+  }
+
   input.e-input.e-bigger.e-outline,
   .e-bigger input.e-input.e-outline,
   .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -6295,6 +6317,17 @@
     }
   }
 
+  .e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+  .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+  .e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+    @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+      margin: $outline-bigger-small-group-icon-top $zero-value $outline-bigger-small-group-icon-bottom $outline-small-bigger-icon-margin-left;
+    }
+  }
+
   .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
   .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
   .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,

package/styles/input/bootstrap-dark.css

@@ -1854,6 +1854,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/bootstrap.css

@@ -1854,6 +1854,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/bootstrap4.css

@@ -1854,6 +1854,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/bootstrap5-dark.css

@@ -1943,6 +1943,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/bootstrap5.css

@@ -1943,6 +1943,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/fabric-dark.css

@@ -1811,6 +1811,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/fabric.css

@@ -1811,6 +1811,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/fluent-dark.css

@@ -1779,6 +1779,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/fluent.css

@@ -1779,6 +1779,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/highcontrast-light.css

@@ -1927,6 +1927,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/highcontrast.css

@@ -1927,6 +1927,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,

package/styles/input/material-dark.css

@@ -950,7 +950,7 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -9px;
+  top: -7px;
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -983,7 +983,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[readonly] ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper.e-small .e-input-in-wrap input[disabled] ~ label.e-label-top.e-float-text {
-  top: -8px;
+  top: -7px;
 }
 
 .e-float-input.e-small.e-bigger input:focus ~ label.e-float-text,
@@ -2155,6 +2155,7 @@ input.e-input,
 }
 
 input.e-input.e-bigger,
+.e-bigger input.e-input,
 .e-input-group.e-bigger input,
 .e-input-group.e-bigger input.e-input,
 .e-input-group.e-control-wrapper.e-bigger input,
@@ -4715,6 +4716,14 @@ textarea.e-input.e-small.e-outline,
   margin-right: 10px;
 }
 
+.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon,
+.e-small .e-outline.e-input-group.e-prepend .e-input-group-icon,
+.e-small .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+  margin-left: 10px;
+  margin-right: 0;
+}
+
 .e-outline.e-input-group.e-small .e-clear-icon,
 .e-outline.e-input-group .e-clear-icon.e-small,
 .e-small .e-outline.e-input-group .e-clear-icon,
@@ -4780,6 +4789,15 @@ textarea.e-input.e-small.e-outline,
   margin: 15px 16px 15px 0;
 }
 
+.e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-prepend .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-prepend .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper .e-input-group-icon {
+  margin: 15px 0 15px 16px;
+}
+
 input.e-input.e-bigger.e-outline,
 .e-bigger input.e-input.e-outline,
 .e-outline.e-input-group.e-bigger:not(.e-float-icon-left) input.e-input,
@@ -4970,6 +4988,15 @@ textarea.e-input.e-bigger.e-small.e-outline,
   margin: 9px 12px 9px 0;
 }
 
+.e-outline.e-input-group.e-prepend.e-small.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-small .e-input-group-icon.e-bigger,
+.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small.e-bigger .e-input-group-icon,
+.e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon.e-bigger,
+.e-bigger .e-outline.e-input-group.e-prepend.e-small .e-input-group-icon,
+.e-bigger .e-outline.e-input-group.e-prepend.e-control-wrapper.e-small .e-input-group-icon {
+  margin: 9px 0 9px 12px;
+}
+
 .e-outline.e-float-input.e-input-group.e-small .e-input-group-icon,
 .e-small .e-outline.e-float-input.e-input-group .e-input-group-icon,
 .e-outline.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon,