@syncfusion/blazor-themes 28.1.41 → 28.2.4

package/Compiled-Themes/tailwind-lite.css

@@ -6150,6 +6150,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: #4f46e5;
   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: #f9fafb;
+  color: #374151;
+}
 .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: #15803d;
@@ -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: #6b7280;
 }
 .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.css

@@ -8256,6 +8256,10 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   background-color: #4f46e5;
   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: #f9fafb;
+  color: #374151;
+}
 .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: #15803d;
@@ -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: #6b7280;
 }
 .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 {

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

@@ -8764,6 +8764,8 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   color: var(--color-sf-primary-text-color);
 }
 .e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: var(--color-sf-secondary-bg-color);
+  color: var(--color-sf-secondary-text-color);
   background-color: var(--color-sf-secondary-bg-color);
   border: 1px solid var(--color-sf-secondary-border-color);
   color: var(--color-sf-secondary-text-color);
@@ -36648,6 +36650,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: 12px 12px;
 }
@@ -38014,8 +38019,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: var(--color-sf-icon-color);
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -55577,11 +55582,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/tailwind3-dark.css

@@ -13059,6 +13059,8 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   color: var(--color-sf-primary-text-color);
 }
 .e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: var(--color-sf-secondary-bg-color);
+  color: var(--color-sf-secondary-text-color);
   background-color: var(--color-sf-secondary-bg-color);
   border: 1px solid var(--color-sf-secondary-border-color);
   color: var(--color-sf-secondary-text-color);
@@ -20153,7 +20155,6 @@ ejs-calendar {
 .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
   font-size: 16px;
 }
-
 .e-bigger .e-small.e-dropdown-popup ul .e-item,
 .e-bigger.e-small.e-dropdown-popup ul .e-item {
   height: 32px;
@@ -48665,6 +48666,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: 12px 12px;
 }
@@ -50031,8 +50035,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: var(--color-sf-icon-color);
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -51186,6 +51190,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;
@@ -72382,11 +72390,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/tailwind3-lite.css

@@ -9168,6 +9168,8 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   color: var(--color-sf-primary-text-color);
 }
 .e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: var(--color-sf-secondary-bg-color);
+  color: var(--color-sf-secondary-text-color);
   background-color: var(--color-sf-secondary-bg-color);
   border: 1px solid var(--color-sf-secondary-border-color);
   color: var(--color-sf-secondary-text-color);
@@ -37051,6 +37053,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: 12px 12px;
 }
@@ -38417,8 +38422,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: var(--color-sf-icon-color);
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -55980,11 +55985,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/tailwind3.css

@@ -13463,6 +13463,8 @@ button .e-badge.e-badge-circle.e-badge-ghost {
   color: var(--color-sf-primary-text-color);
 }
 .e-badge.e-badge-secondary:not(.e-badge-ghost):not([href]), .e-badge.e-badge-secondary[href]:not(.e-badge-ghost) {
+  background-color: var(--color-sf-secondary-bg-color);
+  color: var(--color-sf-secondary-text-color);
   background-color: var(--color-sf-secondary-bg-color);
   border: 1px solid var(--color-sf-secondary-border-color);
   color: var(--color-sf-secondary-text-color);
@@ -20557,7 +20559,6 @@ ejs-calendar {
 .e-bigger.e-dropdown-btn.e-small .e-btn-icon {
   font-size: 16px;
 }
-
 .e-bigger .e-small.e-dropdown-popup ul .e-item,
 .e-bigger.e-small.e-dropdown-popup ul .e-item {
   height: 32px;
@@ -49068,6 +49069,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: 12px 12px;
 }
@@ -50434,8 +50438,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: var(--color-sf-icon-color);
 }
 .e-grid .e-ftrchk.e-chkfocus,
@@ -51589,6 +51593,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;
@@ -72781,11 +72789,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/SCSS-Themes/bds-dark-lite.scss

@@ -14043,10 +14043,8 @@ $badge-darkren: $badge-secondary-bg-color !default;
 
     &.e-badge-secondary:not(.e-badge-ghost):not([href]),
     &.e-badge-secondary[href]:not(.e-badge-ghost) {
-      @if ($badge-theme == 'bootstrap5.3') {
-        background-color: $badge-secondary-bg-color;
-        color: $badge-secondary-font-color;
-      }
+      background-color: $badge-secondary-bg-color;
+      color: $badge-secondary-font-color;
       
       @if $badge-theme == 'fluent2' {
         border: $badge-secondary-border-color;
@@ -24071,6 +24069,7 @@ $drop-down-btn-bigger-li-height: 40px !default;
 $drop-down-btn-bigger-max-width: 240px !default;
 $drop-down-btn-bigger-min-width: 112px !default;
 $drop-down-btn-icon-font-size: $text-sm !default;
+$drop-down-btn-small-icon-font-size: $text-xs !default;
 $drop-down-btn-icon-margin-right: 12px !default;
 $drop-down-btn-bigger-icon-margin-right: 12px !default;
 $drop-down-btn-li-border-width: 1px !default;
@@ -24088,9 +24087,12 @@ $drop-down-btn-ul-border-radius: 8px !default;
 $drop-down-btn-ul-padding: 4px 0 !default;
 $drop-down-btn-ul-bigger-padding: 4px 0 !default;
 $drop-down-btn-ul-small-padding: 4px 0 !default;
-$drop-down-btn-caret-icon-font-size: $text-lg !default;
-$drop-down-btn-icon-font-size-bigger: $text-base !default;
-$drop-down-btn-caret-icon-font-size-bigger: 22px !default;
+$drop-down-btn-caret-icon-font-size: $text-sm !default;
+$drop-down-btn-small-caret-icon-font-size: $text-xs !default;
+$drop-down-btn-icon-font-size-bigger: $text-lg !default;
+$drop-down-btn-small-icon-font-size-bigger: $text-base !default;
+$drop-down-btn-caret-icon-font-size-bigger: $text-lg !default;
+$drop-down-btn-small-caret-icon-font-size-bigger: $text-base !default;
 $drop-down-btn-box-shadow: $secondary-shadow-focus !default;
 $drop-down-btn-popup-margin-top: 4px !default;
 $drop-down-btn-bigger-popup-margin-top: 4px !default;
@@ -24233,7 +24235,7 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
       }
 
       & .e-btn-icon {
-        @if $skin-name == 'tailwind3' {
+        @if $skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI' or $skin-name == 'tailwind' or $skin-name == 'tailwind3' or $skin-name == 'Material3' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
           font-size: $drop-down-btn-small-icon-font-size;
         }
       }
@@ -24242,6 +24244,9 @@ $drop-down-btn-menu-icon-disabled-color: $secondary-text-color-disabled !default
         @if $skin-name == 'fluent2' {
           font-size: 12px;
         }
+        @if $skin-name == 'material' or $skin-name == 'material-dark' or $skin-name == 'fabric' or $skin-name == 'fabric-dark' or $skin-name == 'FluentUI' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5.3' or $skin-name == 'bootstrap5' or $skin-name == 'Material3' or $skin-name == 'bootstrap' or $skin-name == 'bootstrap-dark' or $skin-name == 'bootstrap4' or $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
+          font-size: $drop-down-btn-small-caret-icon-font-size;
+        }
       }
     }
   }
@@ -44663,7 +44668,10 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
         }
 
         .e-list-text {
-          @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI') {
+          @if ($skin-name == 'FluentUI') {
+            padding: $treeview-icon-padding;
+          }
+          @else if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3') {
             padding: 0 $treeview-drag-icon-padding;
           }
           @if $skin-name == 'fluent2' {
@@ -44687,9 +44695,6 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
           @if ($skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' or $skin-name == 'FluentUI') {
             box-sizing: content-box;
             padding-left: $treeview-drag-icon-padding;
-            @if ($skin-name == 'FluentUI') {
-              padding-top: 8px;
-            }
           }
         }
       }
@@ -44697,7 +44702,7 @@ $treeview-item-active-hover-bg:$content-bg-color-hover !default;
       .e-icon-collapsible::before,
       .e-icon-expandable::before {
         font-size: $treeview-drag-icon-font-size;
-        @if ($skin-name != 'bootstrap5' or $skin-name == 'bootstrap5.3' and $skin-name != 'FluentUI') {
+        @if (($skin-name != 'bootstrap5' or $skin-name == 'bootstrap5.3') and $skin-name != 'FluentUI') {
           padding: $treeview-drag-icon-padding;
         }
         @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind') {
@@ -46233,6 +46238,13 @@ $menu-caret-color: $cmenu-caret-color !default;
               }
               @if $skin-name == 'fluent2' {
                 border-radius: 4px;
+                &:focus-visible {
+                  color: $content-text-color;
+                  & .e-caret,
+                  & .e-menu-icon {
+                    color: $icon-color;
+                  }
+                }
               }
             }
           }
@@ -46283,9 +46295,11 @@ $menu-caret-color: $cmenu-caret-color !default;
 
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              border-radius: 4px;
-              background-color: $content-bg-color;
-              box-shadow: $shadow-focus-ring1;
+              &:not(.e-selected) {
+                border-radius: 4px;
+                background-color: $content-bg-color;
+                box-shadow: $shadow-focus-ring1;
+              }
             }
             @if $skin-name == 'tailwind3' {
               box-shadow: $shadow-focus-ring2;
@@ -46376,7 +46390,7 @@ $menu-caret-color: $cmenu-caret-color !default;
 
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              background-color: $content-bg-color;
+              background-color: $flyout-bg-color-focus;
               box-shadow: $shadow-focus-ring1;
               border-radius: 4px;
             }
@@ -64161,7 +64175,12 @@ $grid-checkmark-color: $primary !default;
 
     &.e-wrap .e-columnmenu,
     &.e-wrap &.e-rtl .e-columnmenu {
-      line-height: $grid-wrap-line-height;
+      @if $grid-skin == 'material' or $grid-skin == 'material3' {
+        line-height: 3px;
+      }
+      @else {
+        line-height: $grid-wrap-line-height;
+      }
     }
 
     &.e-rtl .e-columnmenu {
@@ -64316,6 +64335,9 @@ $grid-checkmark-color: $primary !default;
     }
 
     .e-filterbarcell input {
+      &.e-checkbox{
+        height: 1px;
+      }
       border-radius: $grid-filterbar-border-radius;
       @include grid-border-style-width-font-size-weight(solid, $grid-filterbar-input-border-width, $grid-font-size, normal);
       height: $grid-filterbarcell-text-input;
@@ -66321,7 +66343,7 @@ $grid-checkmark-color: $primary !default;
 
 @mixin hover-color-styles($grid-skin, $material, $bootstrap) {
   @if $grid-skin == 'material3' {
-    background-color: $material;
+    background: $material;
   }
   @if $grid-skin == 'bootstrap4' {
     background-color: $bootstrap;
@@ -66332,7 +66354,7 @@ $grid-checkmark-color: $primary !default;
 
   #{&}.e-grid,
   #{&}.e-grid-popup {
-    .e-icons:not(.e-btn-icon, .e-check) {
+    .e-icons:not(.e-btn-icon, .e-check, .e-stop) {
       color: $grid-icon-color;
     }
 
@@ -66752,7 +66774,7 @@ $grid-checkmark-color: $primary !default;
       .e-rowdragdrop.e-unfreeze,
       .e-rowdragdrop.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -66763,7 +66785,7 @@ $grid-checkmark-color: $primary !default;
       .e-rowdragdrop.e-unfreeze,
       .e-rowdragdrop.e-fixedfreeze {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -66771,7 +66793,7 @@ $grid-checkmark-color: $primary !default;
     &.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) {
         @if $grid-skin != 'material3' {
-          @include hover-color-styles($grid-skin, rgb(250 244 244), rgb(236 233 233));
+          @include hover-color-styles($grid-skin, $grid-hover-bg-color, rgb(236 233 233));
         }
       }
     }
@@ -78596,7 +78618,6 @@ $gantt-rowdd-childborder-width: 2px 0 0 !default;
       color: $gantt-context-menu-icon-color !important; /* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'fluent2'{
-      .e-rowcell.e-active,
       .e-menu-item.e-focused,
       .e-menu-item.e-selected {
         .e-icons:not(.e-stop):not(.e-check):not(.e-icon-left):not(.e-date-icon) {
@@ -94667,11 +94688,6 @@ $pivotview-touch-header-text-padding: 15px !default;
       -ms-user-select: none;
       user-select: none;
       -webkit-touch-callout: none;
-      align-items: center;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      height: inherit;
 
       @if ($skin-name == 'tailwind') {
         padding-left: 12px;