@syncfusion/ej2-vue-inputs 20.1.61 → 20.2.43

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@20.1.59",
+  "_id": "@syncfusion/ej2-vue-inputs@20.2.38",
   "_inBundle": false,
-  "_integrity": "sha512-kb/z2JB0PJrgiWKXELD00xexnTOdgGFHROYrMiJxOj1eE9GsJo/ojeN46HrIWkdZeMRTSncq1e1J/ovLmTp9Iw==",
+  "_integrity": "sha512-vPNyhYwZa4KLFtAtIsBkrR/4pLaJw1Ur3Q1/NFJ2XkshVdnVWSmhqQ4joUhdZGKO6KEKb6kk4eEhFtfK0E9xMA==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-20.1.59.tgz",
-  "_shasum": "0b64330425bbbad3046a604286a7343a21a0d4fa",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-20.2.38.tgz",
+  "_shasum": "27d45c09e3008ab9922e580f3c1217c769e6008a",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.1.61",
-    "@syncfusion/ej2-inputs": "20.1.61",
-    "@syncfusion/ej2-vue-base": "~20.1.61"
+    "@syncfusion/ej2-base": "~20.2.43",
+    "@syncfusion/ej2-inputs": "20.2.43",
+    "@syncfusion/ej2-vue-base": "~20.2.43"
   },
   "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 Vue",
@@ -120,6 +120,6 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-vue-ui-components.git"
   },
-  "version": "20.1.61",
+  "version": "20.2.43",
   "sideEffects": false
 }

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

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/maskedtextbox/maskedtextbox.component.js

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/numerictextbox/numerictextbox.component.js

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/signature/signature.component.js

@@ -27,7 +27,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/slider/slider.component.js

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/textbox/textbox.component.js

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

package/src/uploader/uploader.component.js

@@ -28,7 +28,7 @@ export var testProp = getProps({ props: properties });
 export var props = testProp[0];
 export var watch = testProp[1];
 export var emitProbs = Object.keys(watch);
-emitProbs.push('modelchanged');
+emitProbs.push('modelchanged', 'update:modelValue');
 for (var _i = 0, modelProps_1 = modelProps; _i < modelProps_1.length; _i++) {
     var props_1 = modelProps_1[_i];
     emitProbs.push('update:' + props_1);

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;