@syncfusion/blazor-themes 22.2.12 → 23.1.38

package/SCSS-Themes/inputs/input/fabric.scss

@@ -2165,7 +2165,7 @@ $float-label-rtl-value: -7px !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/fluent-dark.scss

@@ -2192,7 +2192,7 @@ $float-label-rtl-value: -10px !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/fluent.scss

@@ -2192,7 +2192,7 @@ $float-label-rtl-value: -10px !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/highcontrast.scss

@@ -2166,7 +2166,7 @@ $float-label-rtl-value: -7px !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/material-dark.scss

@@ -2427,7 +2427,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/material.scss

@@ -2427,7 +2427,7 @@ $filled-input-clear-icon-active-color: rgba($grey-light-font, .87) !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/material3-dark.scss

@@ -2402,7 +2402,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/material3.scss

@@ -2402,7 +2402,7 @@ $filled-input-clear-icon-active-color: rgba($icon-color) !default;
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/tailwind-dark.scss

@@ -2189,7 +2189,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/input/tailwind.scss

@@ -2189,7 +2189,7 @@ $input-transition-shadow: border-color .15s ease-in-out, box-shadow .15s ease-in
       width: auto;
     }
   }
-
+  
   .e-bigger .e-float-input.e-outline.e-float-icon-left:not(.e-rtl) .e-input-in-wrap input ~ label.e-float-text.e-label-top {
     @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
       left: -40px;

package/SCSS-Themes/inputs/rating/bootstrap-dark.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 9px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : 16px !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
-$rating-small-li-line-height: 4px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
-$rating-bigger-li-line-height: 16px !default;
 $rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 26px !default;
-$rating-bigger-small-li-line-height: 9px !default;
 $rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/bootstrap.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 9px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 2px !default;
 $rating-label-right-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : 16px !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
-$rating-small-li-line-height: 4px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
-$rating-bigger-li-line-height: 16px !default;
 $rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 26px !default;
-$rating-bigger-small-li-line-height: 9px !default;
 $rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/bootstrap4.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 11px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-right-margin: 8px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : 16px !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
-$rating-small-li-line-height: 4px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 32px !default;
-$rating-bigger-li-line-height: 13px !default;
 $rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 28px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 9px !default;
 $rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/bootstrap5-dark.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
 $rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : $font-icon-18 !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
-$rating-small-li-line-height: 6px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-32 !default;
-$rating-bigger-li-line-height: 13px !default;
 $rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
-$rating-bigger-small-li-line-height: 13px !default;
 $rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/bootstrap5.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: $font-icon-22 !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
 $rating-li-min-width-height: 30px !default;
 $rating-focus-border-radius: 4px !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : $font-icon-18 !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
-$rating-small-li-line-height: 6px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-32 !default;
-$rating-bigger-li-line-height: 13px !default;
 $rating-bigger-li-min-width-height: 40px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-28 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-26 !default;
-$rating-bigger-small-li-line-height: 13px !default;
 $rating-bigger-small-li-min-width-height: 34px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/fabric-dark.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : 16px !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
-$rating-small-li-line-height: 10px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 28px !default;
-$rating-bigger-li-line-height: 21px !default;
 $rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 24px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 19px !default;
 $rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/fabric.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: 20px !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : 16px !default;
 $rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
-$rating-small-li-line-height: 13px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: 10px !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : 12px !default;
 
 $rating-bigger-li-font-size: 28px !default;
-$rating-bigger-li-line-height: 21px !default;
 $rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: 14px !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : 24px !default;
 
 $rating-bigger-small-li-font-size: 24px !default;
-$rating-bigger-small-li-line-height: 19px !default;
 $rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }

package/SCSS-Themes/inputs/rating/fluent-dark.scss

@@ -1,6 +1,5 @@
 $rating-li-font-size: $font-icon-20 !default;
 $rating-li-padding: 4px !default;
-$rating-li-line-height: 13px !default;
 $rating-li-min-width-height: 28px !default;
 $rating-focus-border-radius: 0 !default;
 $rating-label-bottom-margin: 4px !default;
@@ -13,21 +12,18 @@ $rating-reset-font-size : $font-icon-16 !default;
 $rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: $font-icon-16 !default;
-$rating-small-li-line-height: 13px !default;
 $rating-small-li-min-width-height: 24px !default;
 $rating-small-label-font-size: $text-xxs !default;
 $rating-small-label-line-height: 16px !default;
 $rating-small-reset-font-size : $font-icon-12 !default;
 
 $rating-bigger-li-font-size: $font-icon-28 !default;
-$rating-bigger-li-line-height: 21px !default;
 $rating-bigger-li-min-width-height: 36px !default;
 $rating-bigger-label-font-size: $text-sm !default;
 $rating-bigger-label-line-height: 22px !default;
 $rating-bigger-reset-font-size : $font-icon-24 !default;
 
 $rating-bigger-small-li-font-size: $font-icon-24 !default;
-$rating-bigger-small-li-line-height: 19px !default;
 $rating-bigger-small-li-min-width-height: 32px !default;
 $rating-bigger-small-label-font-size: $text-xs !default;
 $rating-bigger-small-label-line-height: 18px !default;
@@ -81,7 +77,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       cursor: pointer;
       font-size: $rating-li-font-size;
       padding: $rating-li-padding;
-      line-height: $rating-li-line-height;
       display: block;
       min-width: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
       min-height: calc(1em + (2 * $rating-li-padding)); //calc(font-size + (2 * padding));
@@ -208,7 +203,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
   .e-small .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
-      line-height: $rating-small-li-line-height;
     }
 
     .e-rating-label {
@@ -225,7 +219,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
   .e-bigger .e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
-      line-height: $rating-bigger-li-line-height;
     }
 
     .e-rating-label {
@@ -244,7 +237,6 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
   .e-small .e-bigger.e-rating-container {
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
-      line-height: $rating-bigger-small-li-line-height;
     }
 
     .e-rating-label {
@@ -346,6 +338,9 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
           @if ($skin-name == 'bootstrap4') {
             -webkit-text-stroke: $rating-border-width $rating-hover-bg-color;
           }
+          @else if ($skin-name == 'Material3') {
+            -webkit-text-stroke: $rating-border-width $rating-selected-bg-color;
+          }
           @else {
             -webkit-text-stroke: $rating-border-width $rating-pressed-bg-color;
           }