@syncfusion/blazor-themes 28.1.41 → 28.2.3

package/Compiled-Themes/material.css

@@ -16335,6 +16335,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: #3f51b5;
   color: #fff;
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: #e3165b;
+  color: #fff;
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: #4d841d;
   color: #fff;
@@ -22852,7 +22856,7 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 8px;
+  font-size: 14px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -22876,6 +22880,15 @@ ejs-calendar {
   line-height: 1;
   padding: 12px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
 }
@@ -23029,11 +23042,11 @@ ejs-calendar {
 
 .e-bigger .e-dropdown-btn .e-btn-icon,
 .e-bigger.e-dropdown-btn .e-btn-icon {
-  font-size: 16px;
+  font-size: 18px;
 }
 .e-bigger .e-dropdown-btn .e-caret,
 .e-bigger.e-dropdown-btn .e-caret {
-  font-size: 10px;
+  font-size: 16px;
 }
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
@@ -23045,6 +23058,15 @@ ejs-calendar {
   line-height: 1;
   padding: 16px 16px;
 }
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon {
+  font-size: 18px;
+}
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
+  font-size: 16px;
+}
+
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
@@ -23336,7 +23358,7 @@ ejs-calendar {
 }
 .e-bigger .e-split-btn-wrapper .e-split-btn .e-btn-icon,
 .e-bigger.e-split-btn-wrapper .e-split-btn .e-btn-icon {
-  font-size: 16px;
+  font-size: 18px;
   margin-left: 0;
   padding-right: 10px;
   width: auto;
@@ -52610,7 +52632,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu, .e-grid.e-wrap .e-grid.e-rtl .e-columnmenu {
-  line-height: 14px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 5px;
@@ -52719,6 +52741,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-indent: 0;
   width: 100%;
 }
+.e-grid .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-grid.e-device .e-filterbarcell {
   padding: 8px 12px;
 }
@@ -54073,8 +54098,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   }
 }
 /* stylelint-enable function-url-quotes */
-.e-grid .e-icons:not(.e-btn-icon, .e-check),
-.e-grid-popup .e-icons:not(.e-btn-icon, .e-check) {
+.e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
+.e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: #000;
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -55174,6 +55199,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-filterbarcell input {
   height: 26px;
 }
+.e-bigger .e-grid .e-filterbarcell input.e-checkbox,
+.e-grid.e-bigger .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-bigger .e-grid .e-ftrchk,
 .e-grid.e-bigger .e-ftrchk {
   padding-bottom: 13px;
@@ -76082,11 +76111,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: inherit;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {
   flex-shrink: 0;

package/Compiled-Themes/material3-dark-lite.css

@@ -9942,6 +9942,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: rgba(var(--color-sf-primary));
   color: rgba(var(--color-sf-on-primary));
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-primary-container));
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
@@ -15217,7 +15221,7 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -15242,6 +15246,15 @@ ejs-calendar {
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
 }
@@ -38499,7 +38512,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu, .e-grid.e-wrap .e-grid.e-rtl .e-columnmenu {
-  line-height: 16px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -38609,6 +38622,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-indent: 1px;
   width: 100%;
 }
+.e-grid .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-grid.e-device .e-filterbarcell {
   padding: 8px 12px;
 }
@@ -39992,8 +40008,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   }
 }
 /* stylelint-enable function-url-quotes */
-.e-grid .e-icons:not(.e-btn-icon, .e-check),
-.e-grid-popup .e-icons:not(.e-btn-icon, .e-check) {
+.e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
+.e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -40002,7 +40018,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid-popup .e-ftrchk.e-chkfocus,
 .e-grid-popup .e-menu-item.e-menufocus,
 .e-grid-popup li.e-cclist.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid .e-ccdlg .e-footer-content,
 .e-grid-popup .e-ccdlg .e-footer-content {
@@ -40242,7 +40258,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
 .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -40252,7 +40268,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -40262,13 +40278,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-dragclone .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -40486,11 +40502,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0 rgba(var(--color-sf-outline-variant)) solid;
 }
 .e-grid.sf-grid .e-ccheck.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-spreadsheet .e-ftrchk.e-chkfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-tooltip-wrap.e-griderror,
@@ -57766,11 +57782,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: inherit;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {
   flex-shrink: 0;

package/Compiled-Themes/material3-dark.css

@@ -15520,6 +15520,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: rgba(var(--color-sf-primary));
   color: rgba(var(--color-sf-on-primary));
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-primary-container));
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
@@ -22341,7 +22345,7 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -22366,6 +22370,15 @@ ejs-calendar {
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
 }
@@ -22524,7 +22537,7 @@ ejs-calendar {
 }
 .e-bigger .e-dropdown-btn .e-caret,
 .e-bigger.e-dropdown-btn .e-caret {
-  font-size: 16px;
+  font-size: 20px;
 }
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
@@ -22536,6 +22549,15 @@ ejs-calendar {
   line-height: 1;
   padding: 8px 16px;
 }
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon {
+  font-size: 18px;
+}
+.e-bigger .e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-bigger.e-dropdown-btn.e-small .e-btn-icon.e-caret {
+  font-size: 18px;
+}
+
 *.e-bigger .e-dropdown-popup ul,
 *.e-bigger.e-dropdown-popup ul {
   box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
@@ -52849,7 +52871,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu, .e-grid.e-wrap .e-grid.e-rtl .e-columnmenu {
-  line-height: 16px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -52959,6 +52981,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-indent: 1px;
   width: 100%;
 }
+.e-grid .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-grid.e-device .e-filterbarcell {
   padding: 8px 12px;
 }
@@ -54342,8 +54367,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   }
 }
 /* stylelint-enable function-url-quotes */
-.e-grid .e-icons:not(.e-btn-icon, .e-check),
-.e-grid-popup .e-icons:not(.e-btn-icon, .e-check) {
+.e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
+.e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -54352,7 +54377,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid-popup .e-ftrchk.e-chkfocus,
 .e-grid-popup .e-menu-item.e-menufocus,
 .e-grid-popup li.e-cclist.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid .e-ccdlg .e-footer-content,
 .e-grid-popup .e-ccdlg .e-footer-content {
@@ -54592,7 +54617,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
 .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -54602,7 +54627,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -54612,13 +54637,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-dragclone .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -54836,11 +54861,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0 rgba(var(--color-sf-outline-variant)) solid;
 }
 .e-grid.sf-grid .e-ccheck.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-spreadsheet .e-ftrchk.e-chkfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-tooltip-wrap.e-griderror,
@@ -55162,7 +55187,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-bigger .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -55179,7 +55204,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-bigger .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -55188,7 +55213,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-bigger.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-bigger .e-grid .e-dialog.e-checkboxfilter,
 .e-bigger .e-grid .e-dialog.e-flmenu,
@@ -55569,6 +55594,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-filterbarcell input {
   height: 32px;
 }
+.e-bigger .e-grid .e-filterbarcell input.e-checkbox,
+.e-grid.e-bigger .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-bigger .e-grid .e-ftrchk,
 .e-grid.e-bigger .e-ftrchk {
   padding-bottom: 9px;
@@ -76943,11 +76972,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: inherit;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {
   flex-shrink: 0;

package/Compiled-Themes/material3-lite.css

@@ -9998,6 +9998,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: rgba(var(--color-sf-primary));
   color: rgba(var(--color-sf-on-primary));
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: rgba(var(--color-sf-primary-container));
+  color: rgba(var(--color-sf-on-primary-container));
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: rgba(var(--color-sf-success));
   color: rgba(var(--color-sf-success-text));
@@ -15273,7 +15277,7 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -15298,6 +15302,15 @@ ejs-calendar {
   line-height: 1;
   padding: 6px 12px;
 }
+.e-dropdown-btn.e-small .e-btn-icon,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon {
+  font-size: 12px;
+}
+.e-dropdown-btn.e-small .e-btn-icon.e-caret,
+.e-dropdown-btn.e-btn.e-small .e-btn-icon.e-caret {
+  font-size: 12px;
+}
+
 .e-dropdown-popup {
   position: absolute;
 }
@@ -38548,7 +38561,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding: 2px;
 }
 .e-grid.e-wrap .e-columnmenu, .e-grid.e-wrap .e-grid.e-rtl .e-columnmenu {
-  line-height: 16px;
+  line-height: 3px;
 }
 .e-grid.e-rtl .e-columnmenu {
   left: 23px;
@@ -38658,6 +38671,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   text-indent: 1px;
   width: 100%;
 }
+.e-grid .e-filterbarcell input.e-checkbox {
+  height: 1px;
+}
 .e-grid.e-device .e-filterbarcell {
   padding: 8px 12px;
 }
@@ -40041,8 +40057,8 @@ li.e-separator.e-menu-item.e-excel-separator {
   }
 }
 /* stylelint-enable function-url-quotes */
-.e-grid .e-icons:not(.e-btn-icon, .e-check),
-.e-grid-popup .e-icons:not(.e-btn-icon, .e-check) {
+.e-grid .e-icons:not(.e-btn-icon, .e-check, .e-stop),
+.e-grid-popup .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -40051,7 +40067,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid-popup .e-ftrchk.e-chkfocus,
 .e-grid-popup .e-menu-item.e-menufocus,
 .e-grid-popup li.e-cclist.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid .e-ccdlg .e-footer-content,
 .e-grid-popup .e-ccdlg .e-footer-content {
@@ -40291,7 +40307,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-frozenhover:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover:not(.e-rowdrag) .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row.e-addedrow:not(.e-disable-gridhover):not(.e-detailrow):hover .e-dragindentcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
 .e-grid.e-gridhover .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -40301,7 +40317,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
@@ -40311,13 +40327,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-leftfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-rightfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-unfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell),
 .e-grid.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-  background-color: rgb(250, 244, 244);
+  background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-grid.e-gridhover .e-dragclone .e-row tr:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-editedrow):not(.e-detailrow):hover .e-rowcell:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowcollapse:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-rtl .e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell), .e-grid.e-gridhover .e-dragclone .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
@@ -40535,11 +40551,11 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-right: 0 rgba(var(--color-sf-outline-variant)) solid;
 }
 .e-grid.sf-grid .e-ccheck.e-colfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-spreadsheet .e-ftrchk.e-chkfocus {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  background-color: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.05), rgba(var(--color-sf-on-surface), 0.05)), rgba(var(--color-sf-surface));
 }
 
 .e-tooltip-wrap.e-griderror,
@@ -57813,11 +57829,6 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   -ms-user-select: none;
   user-select: none;
   -webkit-touch-callout: none;
-  align-items: center;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  height: inherit;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {
   flex-shrink: 0;