@syncfusion/blazor-themes 28.1.41 → 28.2.4

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;

package/Compiled-Themes/material3.css

@@ -15576,6 +15576,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));
@@ -22397,7 +22401,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 {
@@ -22422,6 +22426,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;
 }
@@ -22580,7 +22593,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 {
@@ -22592,6 +22605,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);
@@ -52898,7 +52920,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;
@@ -53008,6 +53030,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;
 }
@@ -54391,8 +54416,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,
@@ -54401,7 +54426,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 {
@@ -54641,7 +54666,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),
@@ -54651,7 +54676,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),
@@ -54661,13 +54686,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));
@@ -54885,11 +54910,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,
@@ -55211,7 +55236,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),
@@ -55228,7 +55253,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),
@@ -55237,7 +55262,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,
@@ -55618,6 +55643,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;
@@ -76986,11 +77015,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/tailwind-dark-lite.css

@@ -6150,6 +6150,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: #22d3ee;
   color: #000;
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: #232e3e;
+  color: #d1d5db;
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: #dcfce7;
   color: #22c55e;
@@ -11312,11 +11316,11 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 18px;
+  font-size: 16px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -11340,6 +11344,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: 16px;
+}
+
 .e-dropdown-popup {
   position: absolute;
   border-radius: 4px;
@@ -11527,7 +11540,7 @@ ejs-calendar {
   padding-top: 10px;
 }
 .e-split-btn-wrapper .e-split-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin-left: 0;
   padding-right: 8px;
   width: auto;
@@ -18720,7 +18733,7 @@ body.e-colorpicker-overflow {
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
     height: 48px;
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
@@ -20091,7 +20104,7 @@ body.e-colorpicker-overflow {
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-wrap {
     height: 48px;
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-tab-clone-element .e-text-wrap {
@@ -33746,6 +33759,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: 6px 12px;
 }
@@ -35108,8 +35124,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: #d1d5db;
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -52725,11 +52741,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;
   padding-left: 12px;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {

package/Compiled-Themes/tailwind-dark.css

@@ -8256,6 +8256,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: #22d3ee;
   color: #000;
 }
+.e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: #232e3e;
+  color: #d1d5db;
+}
 .e-badge.e-badge-success:not(.e-badge-ghost):not([href]), .e-badge.e-badge-success[href]:not(.e-badge-ghost) {
   background-color: #dcfce7;
   color: #22c55e;
@@ -14998,11 +15002,11 @@ ejs-calendar {
 }
 .e-dropdown-btn .e-btn-icon,
 .e-dropdown-btn.e-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-dropdown-btn .e-caret,
 .e-dropdown-btn.e-btn .e-caret {
-  font-size: 18px;
+  font-size: 16px;
 }
 .e-dropdown-btn.e-vertical,
 .e-dropdown-btn.e-btn.e-vertical {
@@ -15026,6 +15030,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: 16px;
+}
+
 .e-dropdown-popup {
   position: absolute;
   border-radius: 4px;
@@ -15181,11 +15194,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: 22px;
+  font-size: 20px;
 }
 .e-bigger .e-dropdown-btn.e-vertical,
 .e-bigger.e-dropdown-btn.e-vertical {
@@ -15197,6 +15210,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: 20px;
+}
+
 *.e-bigger .e-dropdown-popup {
   background-color: transparent;
   border-radius: 4px;
@@ -15266,7 +15288,7 @@ ejs-calendar {
   padding-top: 10px;
 }
 .e-split-btn-wrapper .e-split-btn .e-btn-icon {
-  font-size: 14px;
+  font-size: 16px;
   margin-left: 0;
   padding-right: 8px;
   width: auto;
@@ -15509,7 +15531,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;
@@ -25241,7 +25263,7 @@ body.e-colorpicker-overflow {
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
     height: 48px;
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
@@ -26612,7 +26634,7 @@ body.e-colorpicker-overflow {
 @media screen and (max-width: 480px) {
   .e-tab-clone-element .e-tab-wrap {
     height: 48px;
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-tab-clone-element .e-text-wrap {
@@ -27956,7 +27978,7 @@ body.e-colorpicker-overflow {
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-text-wrap,
@@ -28991,7 +29013,7 @@ body.e-colorpicker-overflow {
 }
 @media screen and (max-width: 480px) {
   .e-bigger .e-tab-clone-element .e-tab-wrap {
-    padding: 12px 16px;
+    padding: 0 15px;
   }
 }
 .e-bigger .e-tab-clone-element .e-text-wrap {
@@ -44221,6 +44243,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: 6px 12px;
 }
@@ -45583,8 +45608,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: #d1d5db;
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -46691,6 +46716,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-filterbarcell input {
   height: 39px;
 }
+.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;
@@ -67904,11 +67933,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;
   padding-left: 12px;
 }
 .e-pivotview .e-grid .e-rowsheader .e-rowcell span {