@syncfusion/ej2-angular-inputs 20.1.61 → 20.2.37-ngcc

package/CHANGELOG.md

@@ -6,7 +6,7 @@
 
 #### Bug Fixes
 
-- `#I379498` - Issue with "NVDA reader does not read the floating label text while focusing the component" has been resolved.
+- `#F170722` - Issue with "change event doesn't trigger while modifying the value using `setValue` method inside reactive form" is resolved.
 
 ## 19.4.38 (2021-12-17)
 
@@ -1263,30 +1263,6 @@ MaskedTextBox allows the user to enter the valid input only based on the provide
 - **Accessibility** - provides built-in accessibility support which helps to access all the MaskedTextBox component features through keyboard, on-screen readers, or other assistive technology devices.
 
 
-## 20.1.59 (2022-06-07)
-
-### TextBox
-
-#### Bug Fixes
-
-- `#I376978` - Issue with "ng-* classes are not maintain property in the component" has been resolved.
-
-## 20.1.58 (2022-05-31)
-
-### NumericTextBox
-
-#### Bug Fixes
-
-- `#I372680` - Now, you are able to enter the decimal separator in the Spanish culture.
-
-## 20.1.47 (2022-04-04)
-
-### NumericTextBox
-
-#### Bug Fixes
-
-- `#F170722` - Issue with "change event doesn't trigger while modifying the value using `setValue` method inside reactive form" is resolved.
-
 ## 19.3.47 (2021-10-26)
 
 ### TextBox

package/dist/ej2-angular-inputs.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-inputs.umd.js
-*  version : 20.1.61
+*  version : 20.2.36
 *  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/dist/ej2-angular-inputs.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-inputs.umd.min.js
-*  version : 20.1.61
+*  version : 20.2.36
 *  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,28 +1,28 @@
 {
-  "_from": "@syncfusion/ej2-angular-inputs@*",
-  "_id": "@syncfusion/ej2-angular-inputs@20.1.59",
+  "_from": "@syncfusion/ej2-angular-inputs@20.2.36-ngcc",
+  "_id": "@syncfusion/ej2-angular-inputs@20.2.36-ngcc",
   "_inBundle": false,
-  "_integrity": "sha512-YDDNTapPUN4Wi9ikhNmxo4c2R8IGDPXWLfXonW4cXVlZvogKmXPgODTYZI6eMeyJk1cuytd99Ox1pV47K5sdwQ==",
+  "_integrity": "sha512-9aBvulDkphwTNKQLlaJl77FVySTKszwV3OwvIpp+vXAzWe33dUTD7aMPKxYJjfBY5pPcqiau87hqqu83Y1UhnQ==",
   "_location": "/@syncfusion/ej2-angular-inputs",
   "_phantomChildren": {},
   "_requested": {
-    "type": "range",
+    "type": "version",
     "registry": true,
-    "raw": "@syncfusion/ej2-angular-inputs@*",
+    "raw": "@syncfusion/ej2-angular-inputs@20.2.36-ngcc",
     "name": "@syncfusion/ej2-angular-inputs",
     "escapedName": "@syncfusion%2fej2-angular-inputs",
     "scope": "@syncfusion",
-    "rawSpec": "*",
+    "rawSpec": "20.2.36-ngcc",
     "saveSpec": null,
-    "fetchSpec": "*"
+    "fetchSpec": "20.2.36-ngcc"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-20.1.59.tgz",
-  "_shasum": "a8de2a4d548e57d3491473800ac7d95525d03487",
-  "_spec": "@syncfusion/ej2-angular-inputs@*",
-  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
+  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-angular-inputs/-/ej2-angular-inputs-20.2.36-ngcc.tgz",
+  "_shasum": "22118c4ca528459da4c1e011a4e645f6cae3b6b3",
+  "_spec": "@syncfusion/ej2-angular-inputs@20.2.36-ngcc",
+  "_where": "D:\\june 2022\\New folder",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.1.55",
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-inputs": "20.1.61"
+    "@syncfusion/ej2-angular-base": "~20.2.36",
+    "@syncfusion/ej2-base": "~20.2.36",
+    "@syncfusion/ej2-inputs": "20.2.36"
   },
   "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. for Angular",
@@ -130,5 +130,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-inputs.d.ts",
-  "version": "20.1.61"
-}
+  "version": "20.2.37-ngcc"
+}

package/schematics/generators/colorpicker-default/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "colorpicker-default",
+  "$id": "EJ2SchemaTemplateID",
   "title": "colorpicker-default",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "colorpicker-default"
 }

package/schematics/generators/maskedtextbox-custommask/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maskedtextbox-custommask",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maskedtextbox-custommask",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maskedtextbox-custommask"
 }

package/schematics/generators/maskedtextbox-default/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maskedtextbox-default",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maskedtextbox-default",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maskedtextbox-default"
 }

package/schematics/generators/maskedtextbox-formats/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "maskedtextbox-formats",
+  "$id": "EJ2SchemaTemplateID",
   "title": "maskedtextbox-formats",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "maskedtextbox-formats"
 }

package/schematics/generators/numerictextbox-customformat/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "numerictextbox-customformat",
+  "$id": "EJ2SchemaTemplateID",
   "title": "numerictextbox-customformat",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "numerictextbox-customformat"
 }

package/schematics/generators/numerictextbox-decimals/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "numerictextbox-decimals",
+  "$id": "EJ2SchemaTemplateID",
   "title": "numerictextbox-decimals",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "numerictextbox-decimals"
 }

package/schematics/generators/numerictextbox-default/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "numerictextbox-default",
+  "$id": "EJ2SchemaTemplateID",
   "title": "numerictextbox-default",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "numerictextbox-default"
 }

package/schematics/generators/numerictextbox-range/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "numerictextbox-range",
+  "$id": "EJ2SchemaTemplateID",
   "title": "numerictextbox-range",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "numerictextbox-range"
 }

package/schematics/generators/slider-default/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-default",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-default",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-default"
 }

package/schematics/generators/slider-limits/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-limits",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-limits",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-limits"
 }

package/schematics/generators/slider-minrange/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-minrange",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-minrange",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-minrange"
 }

package/schematics/generators/slider-range/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-range",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-range",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-range"
 }

package/schematics/generators/slider-ticks/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-ticks",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-ticks",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-ticks"
 }

package/schematics/generators/slider-vertical/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "slider-vertical",
+  "$id": "EJ2SchemaTemplateID",
   "title": "slider-vertical",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "slider-vertical"
 }

package/schematics/generators/textbox-floatinglabel/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "textbox-floatinglabel",
+  "$id": "EJ2SchemaTemplateID",
   "title": "textbox-floatinglabel",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "textbox-floatinglabel"
 }

package/schematics/generators/uploader-autoupload/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "uploader-autoupload",
+  "$id": "EJ2SchemaTemplateID",
   "title": "uploader-autoupload",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "uploader-autoupload"
 }

package/schematics/generators/uploader-chunkupload/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "uploader-chunkupload",
+  "$id": "EJ2SchemaTemplateID",
   "title": "uploader-chunkupload",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "uploader-chunkupload"
 }

package/schematics/generators/uploader-directoryupload/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "uploader-directoryupload",
+  "$id": "EJ2SchemaTemplateID",
   "title": "uploader-directoryupload",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "uploader-directoryupload"
 }

package/schematics/generators/uploader-validation/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "uploader-validation",
+  "$id": "EJ2SchemaTemplateID",
   "title": "uploader-validation",
   "type": "object",
   "properties": {
@@ -120,5 +120,6 @@
   },
   "required": [
     "name"
-  ]
+  ],
+  "id": "uploader-validation"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-inputs";
-export declare const pkgVer = "^20.1.59";
+export declare const pkgVer = "^18.47.5";
 export declare const moduleName = "TextBoxModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule";
-export declare const themeVer = "~20.1.59";
+export declare const themeVer = "~18.47.5";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-inputs';
-exports.pkgVer = '^20.1.59';
+exports.pkgVer = '^18.47.5';
 exports.moduleName = 'TextBoxModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule';
-exports.themeVer = '~20.1.59';
+exports.themeVer = '~18.47.5';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-inputs';
-export const pkgVer = '^20.1.59';
+export const pkgVer = '^18.47.5';
 export const moduleName = 'TextBoxModule, NumericTextBoxModule, MaskedTextBoxModule, SliderModule, UploaderModule, ColorPickerModule, SignatureModule';
-export const themeVer = '~20.1.59';
+export const themeVer = '~18.47.5';

package/styles/bootstrap-dark.css

@@ -6425,7 +6425,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6505,7 +6506,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.71%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/bootstrap.css

@@ -6404,7 +6404,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6484,7 +6485,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.71%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/bootstrap4.css

@@ -6501,7 +6501,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6581,7 +6582,8 @@ body.e-colorpicker-overflow {
   margin-right: 8px;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/bootstrap5-dark.css

@@ -6681,7 +6681,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6761,7 +6762,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/bootstrap5.css

@@ -6681,7 +6681,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6761,7 +6762,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.71%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/bootstrap.css

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.71%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/bootstrap4.css

@@ -437,7 +437,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -517,7 +518,8 @@ body.e-colorpicker-overflow {
   margin-right: 8px;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.856% - 2.37px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -435,7 +435,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -515,7 +516,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/bootstrap5.css

@@ -435,7 +435,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -515,7 +516,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/fabric.css

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -412,7 +412,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -492,7 +493,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/fluent.css

@@ -412,7 +412,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -492,7 +493,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.65%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/highcontrast.css

@@ -411,7 +411,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -491,7 +492,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.65%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -418,7 +418,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -498,7 +499,8 @@ body.e-colorpicker-overflow {
   margin-right: 0;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/material.css

@@ -426,7 +426,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -506,7 +507,8 @@ body.e-colorpicker-overflow {
   margin-right: 0;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

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

@@ -419,7 +419,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -499,7 +500,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/color-picker/tailwind.css

@@ -419,7 +419,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -499,7 +500,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/fabric-dark.css

@@ -6354,7 +6354,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6434,7 +6435,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/fabric.css

@@ -6354,7 +6354,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6434,7 +6435,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.809% - 2.65px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/fluent-dark.css

@@ -6483,7 +6483,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6563,7 +6564,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/fluent.css

@@ -6483,7 +6483,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6563,7 +6564,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/highcontrast-light.css

@@ -6670,7 +6670,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6750,7 +6751,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.65%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/highcontrast.css

@@ -6670,7 +6670,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6750,7 +6751,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.65%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(1.82% - 2.7px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/material-dark.css

@@ -14297,7 +14297,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -14377,7 +14378,8 @@ body.e-colorpicker-overflow {
   margin-right: 0;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/material.css

@@ -14337,7 +14337,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -14417,7 +14418,8 @@ body.e-colorpicker-overflow {
   margin-right: 0;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(3.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/tailwind-dark.css

@@ -6542,7 +6542,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6622,7 +6623,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;

package/styles/tailwind.css

@@ -6542,7 +6542,8 @@ body.e-colorpicker-overflow {
 }
 
 .sf-colorpicker.e-container .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: left;
+  margin-left: -1px;
 }
 
 .e-hide-opacity .e-container .e-slider-preview .e-colorpicker-slider {
@@ -6622,7 +6623,8 @@ body.e-colorpicker-overflow {
   margin-right: 3.62%;
 }
 .e-rtl .e-container.sf-colorpicker .e-selected-value .e-input-container .e-float-input {
-  margin-right: calc(2.75% - 2.28px);
+  float: right;
+  margin-right: -1px;
 }
 .e-rtl.e-hide-valueswitcher .e-container .e-float-input:last-child {
   margin-left: 0;