@syncfusion/ej2-vue-inputs 21.2.9 → 22.1.38

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-vue-inputs@*",
-  "_id": "@syncfusion/ej2-vue-inputs@21.2.8",
+  "_id": "@syncfusion/ej2-vue-inputs@22.1.34",
   "_inBundle": false,
-  "_integrity": "sha512-hKcSQLjz+UKNcDE1iu2fegQwGtXgsN68M3hGdeMP/OE20s2s4wKdUyTSC5YbPOMD0JecMcvH/pnd+n1VF0tlNA==",
+  "_integrity": "sha512-36s1Psu1jCC0kNaLB7vcmaNZnGKNEhbM6yod3u7v5Evl/Lj4j7e/Pm5OEk/PIVbLyMw5GoAVIO4GqVi/7rpFEg==",
   "_location": "/@syncfusion/ej2-vue-inputs",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-21.2.8.tgz",
-  "_shasum": "56223fad464936a68e1183456f1e8cbe03d23014",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-vue-inputs/-/ej2-vue-inputs-22.1.34.tgz",
+  "_shasum": "0fe434a74c3f35896ec16ee1455a0b6cdfe1112c",
   "_spec": "@syncfusion/ej2-vue-inputs@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-inputs": "21.2.9",
-    "@syncfusion/ej2-vue-base": "~21.2.9"
+    "@syncfusion/ej2-base": "~22.1.38",
+    "@syncfusion/ej2-inputs": "22.1.38",
+    "@syncfusion/ej2-vue-base": "~22.1.34"
   },
   "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",
@@ -74,6 +74,6 @@
     "ci-publish": "gulp ci-publish",
     "compile": "gulp ci-compile && gulp vue-global-script"
   },
-  "version": "21.2.9",
+  "version": "22.1.38",
   "sideEffects": false
 }

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

@@ -27,7 +27,7 @@ export var ColorPickerComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new ColorPicker({}),
+            ej2Instance: new ColorPicker({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/maskedtextbox/maskedtextbox.component.js

@@ -27,7 +27,7 @@ export var MaskedTextBoxComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new MaskedTextBox({}),
+            ej2Instance: new MaskedTextBox({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/numerictextbox/numerictextbox.component.js

@@ -27,7 +27,7 @@ export var NumericTextBoxComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new NumericTextBox({}),
+            ej2Instance: new NumericTextBox({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/rating/rating.component.js

@@ -27,7 +27,7 @@ export var RatingComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Rating({}),
+            ej2Instance: new Rating({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/signature/signature.component.js

@@ -25,7 +25,7 @@ export var SignatureComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Signature({}),
+            ej2Instance: new Signature({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/slider/slider.component.js

@@ -27,7 +27,7 @@ export var SliderComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Slider({}),
+            ej2Instance: new Slider({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/textbox/textbox.component.js

@@ -27,7 +27,7 @@ export var TextBoxComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new TextBox({}),
+            ej2Instance: new TextBox({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: false,

package/src/uploader/uploader.component.js

@@ -26,7 +26,7 @@ export var UploaderComponent = vueDefineComponent({
     provide: function () { return { custom: this.custom }; },
     data: function () {
         return {
-            ej2Instances: new Uploader({}),
+            ej2Instance: new Uploader({}),
             propKeys: properties,
             models: modelProps,
             hasChildDirective: true,
@@ -113,8 +113,8 @@ export var UploaderComponent = vueDefineComponent({
         clearAll: function () {
             return this.ej2Instances.clearAll();
         },
-        createFileList: function (fileData, isSelectedFile) {
-            return this.ej2Instances.createFileList(fileData, isSelectedFile);
+        createFileList: function (fileData) {
+            return this.ej2Instances.createFileList(fileData);
         },
         getFilesData: function (index) {
             return this.ej2Instances.getFilesData(index);

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,
@@ -2857,8 +2858,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2874,6 +2875,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -6811,6 +6825,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 9px;
   display: block;
+  min-width: calc(1em + 8px);
+  min-height: calc(1em + 8px);
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6953,7 +6969,7 @@ body.e-colorpicker-overflow {
   font-size: 22px;
 }
 
-.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
   outline-color: #676767;
   border-radius: 2px;
 }
@@ -6965,6 +6981,7 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-reset.e-disabled {
   color: #505050;
+  opacity: 1;
 }
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
@@ -7018,6 +7035,9 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
+.e-rating-container.e-disabled {
+  opacity: 1;
+}
 .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
   -webkit-text-stroke: 1px #505050;
 }
@@ -7036,7 +7056,7 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
-.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, #505050 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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,
@@ -2857,8 +2858,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 38px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2874,6 +2875,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 38px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -6790,6 +6804,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 9px;
   display: block;
+  min-width: calc(1em + 8px);
+  min-height: calc(1em + 8px);
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -6932,7 +6948,7 @@ body.e-colorpicker-overflow {
   font-size: 24px;
 }
 
-.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
   outline-color: #adadad;
   border-radius: 2px;
 }
@@ -6944,6 +6960,7 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-reset.e-disabled {
   color: #999;
+  opacity: 1;
 }
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
@@ -6997,6 +7014,9 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
+.e-rating-container.e-disabled {
+  opacity: 1;
+}
 .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
   -webkit-text-stroke: 1px #999;
 }
@@ -7015,7 +7035,7 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
-.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, #999 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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,
@@ -2857,8 +2858,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 34px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2874,6 +2875,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 34px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -6944,6 +6958,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 11px;
   display: block;
+  min-width: calc(1em + 8px);
+  min-height: calc(1em + 8px);
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7086,7 +7102,7 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
-.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
   outline-color: #007bff;
   border-radius: 4px;
 }
@@ -7098,6 +7114,7 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-reset.e-disabled {
   color: #343a40;
+  opacity: 1;
 }
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
@@ -7128,7 +7145,6 @@ body.e-colorpicker-overflow {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
-  -webkit-text-stroke: 1px #dee2e6;
   -webkit-text-stroke: 1px #007bff;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
@@ -7152,6 +7168,9 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
+.e-rating-container.e-disabled {
+  opacity: 1;
+}
 .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
   -webkit-text-stroke: 1px #343a40;
 }
@@ -7170,7 +7189,7 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
-.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, #343a40 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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,
@@ -2964,8 +2965,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2981,6 +2982,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -7094,6 +7108,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: calc(1em + 8px);
+  min-height: calc(1em + 8px);
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7236,7 +7252,7 @@ body.e-colorpicker-overflow {
   font-size: 22px;
 }
 
-.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
   outline-color: #0d6efd;
   border-radius: 4px;
 }
@@ -7248,6 +7264,7 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-reset.e-disabled {
   color: #6c757d;
+  opacity: 1;
 }
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
@@ -7302,6 +7319,9 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
+.e-rating-container.e-disabled {
+  opacity: 1;
+}
 .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
   -webkit-text-stroke: 1px #495057;
 }
@@ -7320,7 +7340,7 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
-.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, #6c757d var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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,
@@ -2964,8 +2965,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper .e-clear-icon.e-bigger,
 .e-bigger .e-input-group .e-clear-icon,
 .e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
-  min-height: 0;
   min-width: 36px;
+  min-height: 0;
   padding-bottom: 0;
   padding-right: 0;
   padding-top: 0;
@@ -2981,6 +2982,19 @@ textarea.e-input.e-bigger.e-small,
   padding-top: 0;
 }
 
+.e-input-group.e-small .e-clear-icon,
+.e-input-group .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group .e-clear-icon,
+.e-input-group.e-control-wrapper.e-small .e-clear-icon,
+.e-input-group.e-control-wrapper .e-clear-icon.e-small,
+.e-small.e-bigger .e-input-group.e-control-wrapper .e-clear-icon {
+  min-height: 0;
+  min-width: 36px;
+  padding-bottom: 0;
+  padding-right: 0;
+  padding-top: 0;
+}
+
 .e-input-group.e-small.e-bigger .e-clear-icon,
 .e-input-group.e-small .e-clear-icon.e-bigger,
 .e-bigger .e-input-group.e-small .e-clear-icon,
@@ -7094,6 +7108,8 @@ body.e-colorpicker-overflow {
   padding: 4px;
   line-height: 13px;
   display: block;
+  min-width: calc(1em + 8px);
+  min-height: calc(1em + 8px);
   position: relative;
 }
 .e-rating-container .e-rating-item-container .e-rating-item {
@@ -7236,7 +7252,7 @@ body.e-colorpicker-overflow {
   font-size: 22px;
 }
 
-.e-rating-container .e-rating-item-list:focus .e-rating-focus {
+.e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus {
   outline-color: #0d6efd;
   border-radius: 4px;
 }
@@ -7248,6 +7264,7 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-reset.e-disabled {
   color: #adb5bd;
+  opacity: 1;
 }
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
@@ -7302,6 +7319,9 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
+.e-rating-container.e-disabled {
+  opacity: 1;
+}
 .e-rating-container.e-disabled .e-rating-item-container .e-rating-icon {
   -webkit-text-stroke: 1px #ced4da;
 }
@@ -7320,7 +7340,7 @@ body.e-colorpicker-overflow {
   -webkit-background-clip: text;
   /* stylelint-enable property-no-vendor-prefix */
 }
-.e-rating-container.e-disabled.e-rtl.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl.e-rating-intermediate .e-rating-icon {
+.e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
   background: linear-gradient(to left, #adb5bd var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

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

@@ -313,6 +313,7 @@ body.e-colorpicker-overflow {
 .e-container .e-slider-preview .e-preview-container .e-preview.e-previous {
   height: 24px;
   top: 25px;
+  top: 24px;
 }
 .e-container .e-selected-value {
   -ms-flex-align: center;

package/styles/color-picker/fluent.css

@@ -313,6 +313,7 @@ body.e-colorpicker-overflow {
 .e-container .e-slider-preview .e-preview-container .e-preview.e-previous {
   height: 24px;
   top: 25px;
+  top: 24px;
 }
 .e-container .e-selected-value {
   -ms-flex-align: center;