@syncfusion/blazor-themes 21.1.41 → 21.2.4

package/SCSS-Themes/grids/grid/material-dark.scss

@@ -166,10 +166,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
 $grid-bigger-grouped-headercell-border-radius: 16px !default;
 $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
 $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
+$grid-device-group-headercell-padding: 0 8px 0 12px !default;
 $grid-bigger-group-clone-padding: 6px !default;
 $grid-bigger-grouptext-width: 76px !default;
 $grid-bigger-ungroup-button-font-size: 16px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
+$grid-device-ungroupbutton-icon-margin-top: 0 !default;
 $grid-bigger-group-text-line-height: 32px !default;
 $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
 $grid-bigger-groupcaption-line-height: 32px !default;
@@ -188,7 +190,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
+$grid-device-group-sorticon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-padding: 0 !default;
+$grid-device-grouped-headercell-span-padding: 0 !default;
 $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
 $grid-device-groupheadercell-span-line-height: 30px !default;
 $grid-device-ungroupbutton-line-height: 33px !default;
@@ -612,6 +616,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 1px !default;
 $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
+$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
 $grid-ungroup-rtl-padding-left: 0 !default;
 $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -1119,6 +1124,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grouped-bigger-text-font-size;
     }
 
+    &.e-device .e-groupheadercell {
+      padding: $grid-device-group-headercell-padding;
+    }
+
     .e-groupheadercell:hover {
       padding: $grid-bigger-group-headercell-hover-padding;
     }
@@ -1175,6 +1184,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-device .e-groupheadercell span {
       line-height: $grid-device-groupheadercell-span-line-height;
+      padding: $grid-device-grouped-headercell-span-padding;
     }
 
     &.e-device .e-rowcell,
@@ -1255,6 +1265,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-ungroupbutton.e-icons {
+      margin-top: $grid-device-ungroupbutton-icon-margin-top;
+      @if $grid-skin == 'bootstrap4' {
+        padding-top: 0;
+      }
+    }
+
     span.e-ungroupbutton.e-icons:hover {
       @if $grid-skin == 'tailwind' {
         color: $cool-gray-700;
@@ -1273,6 +1290,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-groupsort.e-icons {
+      margin-top: $grid-device-group-sorticon-margin-top;
+    }
+
     &.e-rtl span.e-groupsort.e-icons {
       @if $grid-skin == 'fluent' {
           margin-top: 0;
@@ -4407,6 +4428,10 @@ $grid-dropitems-count-margin-left: -8px !default;
   &.e-rtl .e-groupheadercell span {
     padding: $grid-bigger-rtl-group-span-padding;
   }
+
+  &.e-device.e-rtl .e-groupheadercell span {
+    padding: $grid-device-rtl-grouped-headercell-span-padding;
+  }
 }
 
 #{&}.e-grid-min-height {

package/SCSS-Themes/grids/grid/material.scss

@@ -171,10 +171,12 @@ $grid-bigger-groupedcell-padding: 11px 0 12px !default;
 $grid-bigger-grouped-headercell-border-radius: 16px !default;
 $grid-bigger-group-headercell-margin: 4px 0 0 24px !default;
 $grid-bigger-group-headercell-padding: 0 8px 0 12px !default;
+$grid-device-group-headercell-padding: 0 8px 0 12px !default;
 $grid-bigger-group-clone-padding: 6px !default;
 $grid-bigger-grouptext-width: 76px !default;
 $grid-bigger-ungroup-button-font-size: 16px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
+$grid-device-ungroupbutton-icon-margin-top: 0 !default;
 $grid-bigger-group-text-line-height: 32px !default;
 $grid-bigger-ungroupbutton-icons-font-size: 16px !default;
 $grid-bigger-groupcaption-line-height: 32px !default;
@@ -193,7 +195,9 @@ $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
 $grid-bigger-cc-checkbox-padding-left: 12px !default;
 $grid-bigger-searchdiv-padding-left: 6px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
+$grid-device-group-sorticon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-padding: 0 !default;
+$grid-device-grouped-headercell-span-padding: 0 !default;
 $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
 $grid-device-groupheadercell-span-line-height: 30px !default;
 $grid-device-ungroupbutton-line-height: 33px !default;
@@ -610,6 +614,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 1px !default;
 $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
+$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
 $grid-ungroup-rtl-padding-left: 0 !default;
 $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -1117,6 +1122,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grouped-bigger-text-font-size;
     }
 
+    &.e-device .e-groupheadercell {
+      padding: $grid-device-group-headercell-padding;
+    }
+
     .e-groupheadercell:hover {
       padding: $grid-bigger-group-headercell-hover-padding;
     }
@@ -1173,6 +1182,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-device .e-groupheadercell span {
       line-height: $grid-device-groupheadercell-span-line-height;
+      padding: $grid-device-grouped-headercell-span-padding;
     }
 
     &.e-device .e-rowcell,
@@ -1253,6 +1263,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-ungroupbutton.e-icons {
+      margin-top: $grid-device-ungroupbutton-icon-margin-top;
+      @if $grid-skin == 'bootstrap4' {
+        padding-top: 0;
+      }
+    }
+
     span.e-ungroupbutton.e-icons:hover {
       @if $grid-skin == 'tailwind' {
         color: $cool-gray-700;
@@ -1271,6 +1288,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-groupsort.e-icons {
+      margin-top: $grid-device-group-sorticon-margin-top;
+    }
+
     &.e-rtl span.e-groupsort.e-icons {
       @if $grid-skin == 'fluent' {
           margin-top: 0;
@@ -4405,6 +4426,10 @@ $grid-dropitems-count-margin-left: -8px !default;
   &.e-rtl .e-groupheadercell span {
     padding: $grid-bigger-rtl-group-span-padding;
   }
+
+  &.e-device.e-rtl .e-groupheadercell span {
+    padding: $grid-device-rtl-grouped-headercell-span-padding;
+  }
 }
 
 #{&}.e-grid-min-height {

package/SCSS-Themes/grids/grid/tailwind-dark.scss

@@ -361,10 +361,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
 $grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
+$grid-device-group-sorticon-margin-top: 0 !default;
 $grid-header-border-width: 0 !default;
 $grid-bigger-groupedcell-padding: 0 5px 5px !default;
 $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
 $grid-bigger-group-headercell-padding: 6px 0 !default;
+$grid-device-group-headercell-padding: 0 !default;
 $grid-bigger-grouptext-marign: 8px !default;
 $grid-bigger-headercell-padding: 12px !default;
 $grid-bigger-icons-font-size: $text-base !default;
@@ -374,8 +376,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-groupedcell-icons-marign-left: -8px !default;
 $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
 $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
+$grid-device-grouped-headercell-span-padding: 0 8px !default;
 $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
+$grid-device-ungroupbutton-icon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-line-height: 24px !default;
 $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
 $grid-gd-clone-border-radius: 4px !default;
@@ -621,6 +625,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 1px !default;
 $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
+$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
 $grid-ungroup-rtl-padding-left: 8px !default;
 $grid-column-reorder-icon-color: $primary !default;
@@ -1128,6 +1133,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grouped-bigger-text-font-size;
     }
 
+    &.e-device .e-groupheadercell {
+      padding: $grid-device-group-headercell-padding;
+    }
+
     .e-groupheadercell:hover {
       padding: $grid-bigger-group-headercell-hover-padding;
     }
@@ -1184,6 +1193,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-device .e-groupheadercell span {
       line-height: $grid-device-groupheadercell-span-line-height;
+      padding: $grid-device-grouped-headercell-span-padding;
     }
 
     &.e-device .e-rowcell,
@@ -1264,6 +1274,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-ungroupbutton.e-icons {
+      margin-top: $grid-device-ungroupbutton-icon-margin-top;
+      @if $grid-skin == 'bootstrap4' {
+        padding-top: 0;
+      }
+    }
+
     span.e-ungroupbutton.e-icons:hover {
       @if $grid-skin == 'tailwind' {
         color: $cool-gray-700;
@@ -1282,6 +1299,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-groupsort.e-icons {
+      margin-top: $grid-device-group-sorticon-margin-top;
+    }
+
     &.e-rtl span.e-groupsort.e-icons {
       @if $grid-skin == 'fluent' {
           margin-top: 0;
@@ -4416,6 +4437,10 @@ $grid-dropitems-count-margin-left: -8px !default;
   &.e-rtl .e-groupheadercell span {
     padding: $grid-bigger-rtl-group-span-padding;
   }
+
+  &.e-device.e-rtl .e-groupheadercell span {
+    padding: $grid-device-rtl-grouped-headercell-span-padding;
+  }
 }
 
 #{&}.e-grid-min-height {

package/SCSS-Themes/grids/grid/tailwind.scss

@@ -361,10 +361,12 @@ $grid-bigger-headercell-font-size: $text-xs !default;
 $grid-bigger-content-font-size: $text-base !default;
 $grid-filterbar-border-radius: 4px !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
+$grid-device-group-sorticon-margin-top: 0 !default;
 $grid-header-border-width: 0 !default;
 $grid-bigger-groupedcell-padding: 0 5px 5px !default;
 $grid-bigger-group-headercell-margin: 5px 6px 0 0 !default;
 $grid-bigger-group-headercell-padding: 6px 0 !default;
+$grid-device-group-headercell-padding: 0 !default;
 $grid-bigger-grouptext-marign: 8px !default;
 $grid-bigger-headercell-padding: 12px !default;
 $grid-bigger-icons-font-size: $text-base !default;
@@ -374,8 +376,10 @@ $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-groupedcell-icons-marign-left: -8px !default;
 $grid-bigger-ungroupbutton-icons-font-size: $text-base !default;
 $grid-bigger-groupcell-span-padding: 0 0 0 8px !default;
+$grid-device-grouped-headercell-span-padding: 0 8px !default;
 $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 0 !default;
+$grid-device-ungroupbutton-icon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-line-height: 24px !default;
 $grid-bigger-gdownarrow-icon-font-size: $text-base !default;
 $grid-gd-clone-border-radius: 4px !default;
@@ -621,6 +625,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 1px !default;
 $grid-bigger-rtl-cm-margin: -13px 6px -13px -16px !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
+$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-grouped-headercell-span-padding !default;
 $grid-ungroup-rtl-padding-left: 8px !default;
 $grid-column-reorder-icon-color: $primary !default;
@@ -1128,6 +1133,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grouped-bigger-text-font-size;
     }
 
+    &.e-device .e-groupheadercell {
+      padding: $grid-device-group-headercell-padding;
+    }
+
     .e-groupheadercell:hover {
       padding: $grid-bigger-group-headercell-hover-padding;
     }
@@ -1184,6 +1193,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-device .e-groupheadercell span {
       line-height: $grid-device-groupheadercell-span-line-height;
+      padding: $grid-device-grouped-headercell-span-padding;
     }
 
     &.e-device .e-rowcell,
@@ -1264,6 +1274,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-ungroupbutton.e-icons {
+      margin-top: $grid-device-ungroupbutton-icon-margin-top;
+      @if $grid-skin == 'bootstrap4' {
+        padding-top: 0;
+      }
+    }
+
     span.e-ungroupbutton.e-icons:hover {
       @if $grid-skin == 'tailwind' {
         color: $cool-gray-700;
@@ -1282,6 +1299,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-groupsort.e-icons {
+      margin-top: $grid-device-group-sorticon-margin-top;
+    }
+
     &.e-rtl span.e-groupsort.e-icons {
       @if $grid-skin == 'fluent' {
           margin-top: 0;
@@ -4416,6 +4437,10 @@ $grid-dropitems-count-margin-left: -8px !default;
   &.e-rtl .e-groupheadercell span {
     padding: $grid-bigger-rtl-group-span-padding;
   }
+
+  &.e-device.e-rtl .e-groupheadercell span {
+    padding: $grid-device-rtl-grouped-headercell-span-padding;
+  }
 }
 
 #{&}.e-grid-min-height {

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-btn-icon) {
+      & .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;
       }
     }
@@ -71973,7 +71983,9 @@ $grid-bigger-columnchooser-header-padding: 24px 24px 38px !default;
 $grid-bigger-columnchooser-ul-padding: 0 !default;
 $grid-bigger-columnchooser-toolbar-div-margin-top: 0 !default;
 $grid-bigger-sorticon-margin-top: 0 !default;
+$grid-device-group-sorticon-margin-top: 0 !default;
 $grid-bigger-groupcell-span-padding: 0 !default;
+$grid-device-grouped-headercell-span-padding: 0 !default;
 $grid-bigger-ungroupbutton-icon-margin-left: 0 !default;
 $grid-device-headercell-padding: 0 12px $grid-header-bottom-padding !default;
 $grid-device-headercell-fistchild-padding: 0 12px $grid-header-bottom-padding 16px !default;
@@ -72166,9 +72178,11 @@ $grid-bigger-groupcaption-line-height: 27px !default;
 $grid-bigger-grouped-headercell-border-radius: 0 !default;
 $grid-bigger-group-headercell-margin: 10px 0 0 10px !default;
 $grid-bigger-group-headercell-padding: 1px 10px !default;
+$grid-device-group-headercell-padding: 1px 10px !default;
 $grid-bigger-ungroup-button-font-size: 13px !default;
 $grid-bigger-ungroupbutton-icons-font-size: 13px !default;
 $grid-bigger-ungroupbutton-icon-margin-top: 1px !default;
+$grid-device-ungroupbutton-icon-margin-top: 1px !default;
 $grid-bigger-grouparea-font-size: 21px !default;
 $grid-bigger-rtl-group-headercell-margin: 8px 10px 0 0 !default;
 $grid-bigger-rtl-group-headercell-padding: 0 10px !default;
@@ -72447,6 +72461,7 @@ $grid-adaptive-sort-clear-button-padding: 5px !default;
 $grid-cc-margin-top: 5px !default;
 $grid-bigger-rtl-cm-margin: $grid-rtl-column-menu-margin !default;
 $grid-bigger-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
+$grid-device-rtl-grouped-headercell-span-padding: $grid-device-grouped-headercell-span-padding !default;
 $grid-rtl-group-span-padding: $grid-bigger-groupcell-span-padding !default;
 $grid-ungroup-rtl-padding-left: 0 !default;
 $grid-column-reorder-icon-color: $grid-icon-default-color !default;
@@ -72954,6 +72969,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       font-size: $grouped-bigger-text-font-size;
     }
 
+    &.e-device .e-groupheadercell {
+      padding: $grid-device-group-headercell-padding;
+    }
+
     .e-groupheadercell:hover {
       padding: $grid-bigger-group-headercell-hover-padding;
     }
@@ -73010,6 +73029,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-device .e-groupheadercell span {
       line-height: $grid-device-groupheadercell-span-line-height;
+      padding: $grid-device-grouped-headercell-span-padding;
     }
 
     &.e-device .e-rowcell,
@@ -73090,6 +73110,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-ungroupbutton.e-icons {
+      margin-top: $grid-device-ungroupbutton-icon-margin-top;
+      @if $grid-skin == 'bootstrap4' {
+        padding-top: 0;
+      }
+    }
+
     span.e-ungroupbutton.e-icons:hover {
       @if $grid-skin == 'tailwind' {
         color: $cool-gray-700;
@@ -73108,6 +73135,10 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
     }
 
+    &.e-device span.e-groupsort.e-icons {
+      margin-top: $grid-device-group-sorticon-margin-top;
+    }
+
     &.e-rtl span.e-groupsort.e-icons {
       @if $grid-skin == 'fluent' {
           margin-top: 0;
@@ -76242,6 +76273,10 @@ $grid-dropitems-count-margin-left: -8px !default;
   &.e-rtl .e-groupheadercell span {
     padding: $grid-bigger-rtl-group-span-padding;
   }
+
+  &.e-device.e-rtl .e-groupheadercell span {
+    padding: $grid-device-rtl-grouped-headercell-span-padding;
+  }
 }
 
 #{&}.e-grid-min-height {
@@ -87994,6 +88029,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;
@@ -99995,7 +100034,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -100363,6 +100401,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }
@@ -114293,7 +114332,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;
@@ -114306,21 +114344,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;
@@ -114375,8 +114413,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;
 
@@ -114501,8 +114537,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 {
@@ -114520,8 +114554,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 {
@@ -114541,8 +114573,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 {