@syncfusion/blazor-themes 21.1.39 → 21.2.3

package/SCSS-Themes/highcontrast.scss

@@ -39809,7 +39809,7 @@ $listview-template-multiline-avatar-top: .6153em !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons:not(.e-primary .e-icon-btn) {
+      & .e-icons:not(.e-primary .e-btn-icon, .e-check) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -53621,11 +53621,13 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -53674,7 +53676,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -53688,7 +53691,8 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -53705,7 +53709,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -53730,12 +53735,14 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -53801,7 +53808,8 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -53811,12 +53819,14 @@ $ripple-width: 32px !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }
@@ -87619,14 +87629,6 @@ $gantt-masked-table-background-color: #e1dfdd;
         outline-offset: 2px;
       }
     }
-    .e-dialog.e-filter-popup {
-      .e-footer-content {
-        
-        @if ($skin-name =='FluentUI') {
-          padding-top: 0;
-        }
-      }
-    }
   }
   
   .e-gantt-dialog .e-tab .e-tab-header {
@@ -88002,6 +88004,10 @@ $gantt-masked-table-background-color: #e1dfdd;
       border-radius: $gantt-header-border-radius;
     }
 
+    .e-grid .e-spinner-pane {
+      display: none;
+    }
+    
     .e-cloneproperties.e-draganddrop {
       box-shadow: $gantt-clone-prop-box-shadow;
       opacity: .95;
@@ -98410,6 +98416,11 @@ $field-list-adaptive-outerdiv-height: 164px !default;
       }
       /* stylelint-enable */
 
+      .e-format-condition-button {
+        .e-add-icon {
+          margin-left: 0;
+        }
+      }
       .e-format-value1,
       .e-format-value2,
       .e-format-value-span {
@@ -100366,6 +100377,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }
@@ -101279,9 +101291,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
         background-color: $field-list-mobile-header-color;
         color: $field-list-mobile-header-font-color;
         font-size: 14px;
-        height: 48px;
-        padding-bottom: 9px;
-        padding-top: 9px;
         @if ($skin-name == 'tailwind') {
           padding-left: 16px;
           padding-right: 16px;
@@ -101303,19 +101312,15 @@ $field-list-adaptive-outerdiv-height: 164px !default;
 
       .e-title-mobile-header {
         display: flex;
-      }
-
-      .e-title-mobile-content {
-        margin-top: $field-list-back-margin;
+        align-items: center;
       }
 
       .e-field-list-back-icon {
         color: $field-list-back-font-color;
         font-size: 16px;
-        height: 24px;
+        height: auto;
         margin-left: 0;
         margin-right: 12px;
-        padding-top: 7px;
         text-align: center;
         width: 24px;
       }
@@ -101536,16 +101541,18 @@ $field-list-adaptive-outerdiv-height: 164px !default;
               margin-top: 20px;
               overflow: auto;
 
+              .e-acrdn-header {
+                align-items: center;
+                display: flex;
+              }
+
               .e-acrdn-header-icon {
                 display: table;
                 font-size: 12px;
-                height: 36px;
-                min-height: 36px;
                 min-width: 28px;
                 padding: 0;
                 position: absolute;
                 right: 16px;
-                top: 0;
 
                 .e-list-icon {
                   cursor: pointer;
@@ -114301,7 +114308,6 @@ $msg-filled-error-close-icon-color: $msg-danger-close-icon-color-alt2 !default;
 $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: 9px !default;
 $rating-label-right-margin: 4px !default;
@@ -114314,21 +114320,21 @@ $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-li-hover-font-size: 18px !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-li-hover-font-size: 30px !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-li-hover-font-size: 26px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -114383,8 +114389,6 @@ $rating-reset-disabled-icon-color: $disable !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -114509,8 +114513,6 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114528,8 +114530,6 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -114549,8 +114549,6 @@ $rating-reset-disabled-icon-color: $disable !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-bottom-margin: 8px !default;
@@ -14,21 +13,21 @@ $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-li-hover-font-size: 34px !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-li-hover-font-size: 28px !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-li-hover-font-size: 28px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 22px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +206,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +223,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +242,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-bottom-margin: 9px !default;
@@ -14,21 +13,21 @@ $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-li-hover-font-size: 34px !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-li-hover-font-size: 28px !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-li-hover-font-size: 28px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 24px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +206,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +223,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +242,6 @@ $rating-reset-disabled-icon-color: $grey-99 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-bottom-margin: 4px !default;
@@ -14,21 +13,21 @@ $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-li-hover-font-size: 18px !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-li-hover-font-size: 34px !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-li-hover-font-size: 26px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +206,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +223,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +242,6 @@ $rating-reset-disabled-icon-color: $gray-800 !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-right-margin: 8px !default;
@@ -14,21 +13,18 @@ $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;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +203,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +220,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +239,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-right-margin: 8px !default;
@@ -14,21 +13,18 @@ $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;
 $rating-bigger-small-reset-font-size : $font-icon-22 !default;
@@ -83,8 +79,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +203,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +220,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +239,6 @@ $rating-reset-disabled-icon-color: $rating-selected-disabled-color !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {

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

@@ -1,7 +1,6 @@
 $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;
 $rating-label-right-margin: 8px !default;
@@ -14,21 +13,21 @@ $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-li-hover-font-size: 18px !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-li-hover-font-size: 30px !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-li-hover-font-size: 26px !default;
 $rating-bigger-small-label-font-size: 12px !default;
 $rating-bigger-small-label-line-height: 18px !default;
 $rating-bigger-small-reset-font-size : 20px !default;
@@ -83,8 +82,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
       padding: $rating-li-padding;
       line-height: $rating-li-line-height;
       display: block;
-      min-width: $rating-li-min-width-height; //font-size + padding
-      min-height: $rating-li-min-width-height; //font-size + padding
       //For Blazor Tooltip
       position: relative;
 
@@ -209,8 +206,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-small-li-font-size;
       line-height: $rating-small-li-line-height;
-      min-height: $rating-small-li-min-width-height; //font-size + padding
-      min-width: $rating-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -228,8 +223,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-li-font-size;
       line-height: $rating-bigger-li-line-height;
-      min-width: $rating-bigger-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {
@@ -249,8 +242,6 @@ $rating-reset-disabled-icon-color: $neutral-quintenary !default;
     .e-rating-item-container {
       font-size: $rating-bigger-small-li-font-size;
       line-height: $rating-bigger-small-li-line-height;
-      min-width: $rating-bigger-small-li-min-width-height; //font-size + padding
-      min-height: $rating-bigger-small-li-min-width-height; //font-size + padding
     }
 
     .e-rating-label {