@syncfusion/ej2-angular-inputs 20.2.38 → 20.2.44-ngcc

package/src/textbox/textbox-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./textbox.module";
 /**
  * NgModule definition for the TextBox component with providers.
  */
 export declare class TextBoxAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextBoxAllModule, never, [typeof i1.CommonModule, typeof i2.TextBoxModule], [typeof i2.TextBoxModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TextBoxAllModule>;
 }

package/src/textbox/textbox.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { TextBox } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -38,6 +37,4 @@ export declare class TextBoxComponent extends TextBox implements IComponentBase
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextBoxComponent, "ejs-textbox", never, { "autocomplete": "autocomplete"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "floatLabelType": "floatLabelType"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "multiline": "multiline"; "placeholder": "placeholder"; "readonly": "readonly"; "showClearButton": "showClearButton"; "type": "type"; "value": "value"; "width": "width"; }, { "blur": "blur"; "change": "change"; "created": "created"; "destroyed": "destroyed"; "focus": "focus"; "input": "input"; "valueChange": "valueChange"; }, never, never>;
 }

package/src/textbox/textbox.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./textbox.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the TextBox component.
  */
 export declare class TextBoxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TextBoxModule, [typeof i1.TextBoxComponent], [typeof i2.CommonModule], [typeof i1.TextBoxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TextBoxModule>;
 }

package/src/uploader/files.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * 'e-files' directive represent a file of angular uploader
  * It must be contained in a Uploader component(`ejs-uploader`).
@@ -32,8 +31,6 @@ export declare class UploadedFilesDirective extends ComplexBase<UploadedFilesDir
      */
     size: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploadedFilesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<UploadedFilesDirective, "e-files>e-uploadedfiles", never, { "name": "name"; "size": "size"; "type": "type"; }, {}, never>;
 }
 /**
  * UploadedFiles Array Directive
@@ -41,6 +38,4 @@ export declare class UploadedFilesDirective extends ComplexBase<UploadedFilesDir
  */
 export declare class FilesDirective extends ArrayBase<FilesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FilesDirective, "ejs-uploader>e-files", never, {}, {}, ["children"]>;
 }

package/src/uploader/uploader-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./uploader.module";
 /**
  * NgModule definition for the Uploader component with providers.
  */
 export declare class UploaderAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UploaderAllModule, never, [typeof i1.CommonModule, typeof i2.UploaderModule], [typeof i2.UploaderModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UploaderAllModule>;
 }

package/src/uploader/uploader.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Uploader } from '@syncfusion/ej2-inputs';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -62,6 +61,4 @@ export declare class UploaderComponent extends Uploader implements IComponentBas
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UploaderComponent, "ejs-uploader", never, { "allowedExtensions": "allowedExtensions"; "asyncSettings": "asyncSettings"; "autoUpload": "autoUpload"; "buttons": "buttons"; "cssClass": "cssClass"; "directoryUpload": "directoryUpload"; "dropArea": "dropArea"; "dropEffect": "dropEffect"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enabled": "enabled"; "files": "files"; "htmlAttributes": "htmlAttributes"; "locale": "locale"; "maxFileSize": "maxFileSize"; "minFileSize": "minFileSize"; "multiple": "multiple"; "sequentialUpload": "sequentialUpload"; "showFileList": "showFileList"; "template": "template"; }, { "focus": "focus"; "blur": "blur"; "actionComplete": "actionComplete"; "beforeRemove": "beforeRemove"; "beforeUpload": "beforeUpload"; "canceling": "canceling"; "change": "change"; "chunkFailure": "chunkFailure"; "chunkSuccess": "chunkSuccess"; "chunkUploading": "chunkUploading"; "clearing": "clearing"; "created": "created"; "failure": "failure"; "fileListRendering": "fileListRendering"; "pausing": "pausing"; "progress": "progress"; "removing": "removing"; "rendering": "rendering"; "resuming": "resuming"; "selected": "selected"; "success": "success"; "uploading": "uploading"; }, ["template", "childFiles"], never>;
 }

package/src/uploader/uploader.module.d.ts

@@ -1,12 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./uploader.component";
-import * as i2 from "./files.directive";
-import * as i3 from "@angular/common";
 /**
  * NgModule definition for the Uploader component.
  */
 export declare class UploaderModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UploaderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UploaderModule, [typeof i1.UploaderComponent, typeof i2.UploadedFilesDirective, typeof i2.FilesDirective], [typeof i3.CommonModule], [typeof i1.UploaderComponent, typeof i2.UploadedFilesDirective, typeof i2.FilesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UploaderModule>;
 }

package/styles/bootstrap5-dark.css

@@ -5941,7 +5941,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -6239,7 +6239,7 @@ input.e-input::-webkit-input-placeholder {
   color: #dee2e6;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/styles/bootstrap5.css

@@ -5941,7 +5941,7 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -6239,7 +6239,7 @@ input.e-input::-webkit-input-placeholder {
   color: #343a40;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/styles/color-picker/bootstrap-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-dark-definition.scss';
-@import './../input/bootstrap-dark-definition.scss';
-@import './../numerictextbox/bootstrap-dark-definition.scss';
-@import './../slider/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap-dark.scss';

package/styles/color-picker/bootstrap.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap-definition.scss';
-@import './../input/bootstrap-definition.scss';
-@import './../numerictextbox/bootstrap-definition.scss';
-@import './../slider/bootstrap-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap.scss';

package/styles/color-picker/bootstrap4.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap4-definition.scss';
-@import './../input/bootstrap4-definition.scss';
-@import './../numerictextbox/bootstrap4-definition.scss';
-@import './../slider/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap4.scss';

package/styles/color-picker/bootstrap5-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-dark-definition.scss';
-@import './../input/bootstrap5-dark-definition.scss';
-@import './../numerictextbox/bootstrap5-dark-definition.scss';
-@import './../slider/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap5-dark.scss';

package/styles/color-picker/bootstrap5.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/bootstrap5-definition.scss';
-@import './../input/bootstrap5-definition.scss';
-@import './../numerictextbox/bootstrap5-definition.scss';
-@import './../slider/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/bootstrap5.scss';

package/styles/color-picker/fabric-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fabric-dark-definition.scss';
-@import './../input/fabric-dark-definition.scss';
-@import './../numerictextbox/fabric-dark-definition.scss';
-@import './../slider/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fabric-dark.scss';

package/styles/color-picker/fabric.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-popups/styles/popup/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fabric-definition.scss';
-@import './../input/fabric-definition.scss';
-@import './../numerictextbox/fabric-definition.scss';
-@import './../slider/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fabric.scss';

package/styles/color-picker/fluent-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fluent-dark-definition.scss';
-@import './../input/fluent-dark-definition.scss';
-@import './../numerictextbox/fluent-dark-definition.scss';
-@import './../slider/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fluent-dark.scss';

package/styles/color-picker/fluent.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-popups/styles/popup/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/fluent-definition.scss';
-@import './../input/fluent-definition.scss';
-@import './../numerictextbox/fluent-definition.scss';
-@import './../slider/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/fluent.scss';

package/styles/color-picker/highcontrast-light.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-light-definition.scss';
-@import './../input/highcontrast-light-definition.scss';
-@import './../numerictextbox/highcontrast-light-definition.scss';
-@import './../slider/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast-light.scss';

package/styles/color-picker/highcontrast.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-popups/styles/popup/highcontrast-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/highcontrast-definition.scss';
-@import './../input/highcontrast-definition.scss';
-@import './../numerictextbox/highcontrast-definition.scss';
-@import './../slider/highcontrast-definition.scss';
-@import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/highcontrast.scss';

package/styles/color-picker/material-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'ej2-buttons/styles/button/material-dark-definition.scss';
-@import 'ej2-popups/styles/popup/material-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-dark-definition.scss';
-@import './../input/material-dark-definition.scss';
-@import './../numerictextbox/material-dark-definition.scss';
-@import './../slider/material-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/material-dark.scss';

package/styles/color-picker/material.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'ej2-buttons/styles/button/material-definition.scss';
-@import 'ej2-popups/styles/popup/material-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/material-definition.scss';
-@import './../input/material-definition.scss';
-@import './../numerictextbox/material-definition.scss';
-@import './../slider/material-definition.scss';
-@import 'ej2-popups/styles/tooltip/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/material.scss';

package/styles/color-picker/tailwind-dark.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/tailwind-dark-definition.scss';
-@import './../input/tailwind-dark-definition.scss';
-@import './../numerictextbox/tailwind-dark-definition.scss';
-@import './../slider/tailwind-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/tailwind-dark.scss';

package/styles/color-picker/tailwind.scss

@@ -1,11 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'ej2-buttons/styles/button/tailwind-definition.scss';
-@import 'ej2-popups/styles/popup/tailwind-definition.scss';
-@import 'ej2-splitbuttons/styles/split-button/tailwind-definition.scss';
-@import './../input/tailwind-definition.scss';
-@import './../numerictextbox/tailwind-definition.scss';
-@import './../slider/tailwind-definition.scss';
-@import 'ej2-popups/styles/tooltip/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/color-picker/tailwind.scss';

package/styles/fluent-dark.css

@@ -5729,7 +5729,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -6060,7 +6060,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   color: #f3f2f1;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/styles/fluent.css

@@ -5729,7 +5729,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):hover,
 .e-bigger.e-small .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
   box-shadow: 0 0 0 transparent;
@@ -6060,7 +6060,7 @@ textarea.e-input:hover:not(.e-success):not(.e-warning):not(.e-error):not([disabl
   color: #323130;
 }
 .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   box-shadow: 0 0 0 transparent;
 }

package/styles/input/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/bootstrap-dark.scss';

package/styles/input/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/bootstrap.scss';

package/styles/input/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/bootstrap4.scss';

package/styles/input/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/bootstrap5-dark.scss';

package/styles/input/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/bootstrap5.scss';

package/styles/input/fabric-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/fabric-dark.scss';

package/styles/input/fabric.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/fabric.scss';

package/styles/input/fluent-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/fluent-dark.scss';

package/styles/input/fluent.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/fluent.scss';

package/styles/input/highcontrast-light.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/highcontrast-light.scss';

package/styles/input/highcontrast.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/highcontrast.scss';

package/styles/input/material-dark.css

@@ -4091,6 +4091,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/input/material-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-dark-definition.scss';
-@import 'material-dark-definition.scss';
-@import 'icons/material-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/material-dark.scss';

package/styles/input/material.css

@@ -4099,6 +4099,33 @@ textarea.e-outline.e-input,
   width: calc(100% - 1px);
 }
 
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 80px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-top span.e-float-text-content.e-float-text-overflow {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  width: 100%;
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow,
+.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 45px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow.e-icon {
+  width: calc(100% - 75px);
+}
+
+.e-outline.e-float-input.e-control-wrapper.e-numeric.e-static-clear label.e-float-text.e-label-bottom span.e-float-text-content.e-float-text-overflow {
+  width: calc(100% - 110px);
+}
+
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::before,
 .e-outline.e-float-input.e-input-group:not(.e-float-icon-left).e-input-focus .e-float-line::after,
 .e-outline.e-float-input.e-input-group.e-float-icon-left.e-input-focus .e-input-in-wrap .e-float-line::before,

package/styles/input/material.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/material-definition.scss';
-@import 'material-definition.scss';
-@import 'icons/material.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/material.scss';

package/styles/input/tailwind-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-dark-definition.scss';
-@import 'tailwind-dark-definition.scss';
-@import 'icons/tailwind-dark.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/tailwind-dark.scss';

package/styles/input/tailwind.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/tailwind-definition.scss';
-@import 'tailwind-definition.scss';
-@import 'icons/tailwind.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/input/tailwind.scss';

package/styles/maskedtextbox/bootstrap-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import '../input/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap-dark.scss';

package/styles/maskedtextbox/bootstrap.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import '../input/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap.scss';

package/styles/maskedtextbox/bootstrap4.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import '../input/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap4.scss';

package/styles/maskedtextbox/bootstrap5-dark.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import '../input/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap5-dark.scss';

package/styles/maskedtextbox/bootstrap5.scss

@@ -1,4 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import '../input/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'all.scss';
+@import 'ej2-inputs/styles/maskedtextbox/bootstrap5.scss';