@syncfusion/blazor-themes 22.1.39 → 22.2.7

package/SCSS-Themes/highcontrast.scss

@@ -2393,7 +2393,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: $acrdn-focus-exp-hdr-focus-
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {
@@ -30531,7 +30535,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
 
     &:focus-visible { // only for keybord
       @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
+        box-shadow: $btn-keyboard-focus-box-shadow;
       }
     }
 
@@ -72762,7 +72766,9 @@ $pager-focus-shadow: 0 0 0 1px $border-default inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 
@@ -90875,7 +90881,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -92380,7 +92386,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 
@@ -107111,6 +107116,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 0 !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 75px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 450px !default;
+$pivotgrid-cell-value-margin-top: 0 !default;
 
 /*! component's common definitions and variables */
 $pivotgrid-grouping-height: 30px !default;
@@ -107814,6 +107820,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       }
     }
 
+    &.sf-pivotview {
+      .e-pivot-toolbar {
+        box-sizing: border-box;
+      }
+    }
+
     .e-pivot-toolbar {
       background: $pivotgrid-grp-bg-color;
       border-bottom: 0;
@@ -108323,6 +108335,32 @@ $pivotpager-single-size-title-padding: 4px !default;
 
   /*! PivotView theme */
   .e-pivotview {
+    .e-pivotcell-container {
+      display: flex;
+
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .e-sortfilterdiv.e-value-sort-icon {
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    .e-gridclip .e-pivotcell-container {
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          text-overflow: clip;
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -108471,19 +108509,7 @@ $pivotpager-single-size-title-padding: 4px !default;
 
     div {
       &.e-cellvalue {
-        margin-top: 5px;
-  
-        @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
-          margin-top: 0;
-        }
-  
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
-          margin-top: 2px;
-        }
-  
-        @if ($skin-name == 'FluentUI') {
-          margin-top: 1px;
-        }
+        margin-top: $pivotgrid-cell-value-margin-top;
       }
 
       div span.e-value-sort-icon {
@@ -108517,12 +108543,12 @@ $pivotpager-single-size-title-padding: 4px !default;
       }
     }
 
-    .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
-      margin: $pivotgrid-vsort-column-margin !important;
-    }
-
-    .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
-      margin: $pivotgrid-vsort-column-parent-margin !important;
+    .e-stackedheadercelldiv, .e-headercelldiv {
+      .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
+        margin: $pivotgrid-vsort-column-parent-margin !important;
+        margin-left: auto !important;
+        margin-top: $pivotgrid-cell-value-margin-top !important;
+      }
     }
 
     .e-rowsheader .e-sortfilterdiv {

package/SCSS-Themes/material-dark.scss

@@ -2371,7 +2371,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {
@@ -30979,7 +30983,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
 
     &:focus-visible { // only for keybord
       @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
+        box-shadow: $btn-keyboard-focus-box-shadow;
       }
     }
 
@@ -74056,7 +74060,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($grey-white, .5) inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 
@@ -92192,7 +92198,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -93697,7 +93703,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 
@@ -108463,6 +108468,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 85px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 415px !default;
+$pivotgrid-cell-value-margin-top: 5px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -109180,6 +109186,12 @@ $pivotpager-single-size-title-padding: 14px !default;
       }
     }
 
+    &.sf-pivotview {
+      .e-pivot-toolbar {
+        box-sizing: border-box;
+      }
+    }
+
     .e-pivot-toolbar {
       background: $pivotgrid-grp-bg-color;
       border-bottom: 0;
@@ -109689,6 +109701,32 @@ $pivotpager-single-size-title-padding: 14px !default;
 
   /*! PivotView theme */
   .e-pivotview {
+    .e-pivotcell-container {
+      display: flex;
+
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .e-sortfilterdiv.e-value-sort-icon {
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    .e-gridclip .e-pivotcell-container {
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          text-overflow: clip;
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -109837,19 +109875,7 @@ $pivotpager-single-size-title-padding: 14px !default;
 
     div {
       &.e-cellvalue {
-        margin-top: 5px;
-  
-        @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
-          margin-top: 0;
-        }
-  
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
-          margin-top: 2px;
-        }
-  
-        @if ($skin-name == 'FluentUI') {
-          margin-top: 1px;
-        }
+        margin-top: $pivotgrid-cell-value-margin-top;
       }
 
       div span.e-value-sort-icon {
@@ -109883,12 +109909,12 @@ $pivotpager-single-size-title-padding: 14px !default;
       }
     }
 
-    .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
-      margin: $pivotgrid-vsort-column-margin !important;
-    }
-
-    .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
-      margin: $pivotgrid-vsort-column-parent-margin !important;
+    .e-stackedheadercelldiv, .e-headercelldiv {
+      .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
+        margin: $pivotgrid-vsort-column-parent-margin !important;
+        margin-left: auto !important;
+        margin-top: $pivotgrid-cell-value-margin-top !important;
+      }
     }
 
     .e-rowsheader .e-sortfilterdiv {

package/SCSS-Themes/material.scss

@@ -2361,7 +2361,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {
@@ -30774,7 +30778,7 @@ $drop-down-btn-bigger-popup-margin-top: 0 !default;
 
     &:focus-visible { // only for keybord
       @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
+        box-shadow: $btn-keyboard-focus-box-shadow;
       }
     }
 
@@ -73781,7 +73785,9 @@ $pager-focus-shadow: 0 0 0 1px $grey-500 inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 
@@ -75483,7 +75489,7 @@ $grid-edit-input-margin-top: 0 !default;
 $frozen-border: 2px solid !default;
 $grid-fltrdiv-float: right !default;
 $grid-fltrdiv-text-align: right !default;
-$grid-fltrdiv-margin: -19px -7px !default;
+$grid-fltrdiv-margin: -18px -7px !default;
 $grid-fltrdiv-padding: 6px !default;
 $grid-rtl-fltrdiv-padding: 6px !default;
 $grid-flmenu-padding: 24px 0 0 !default;
@@ -75491,7 +75497,7 @@ $grid-flmenu-boolean-content-padding: 18px 18px 0 !default;
 $grid-flmenu-boolean-button-width: 110px !default;
 $grid-flmenu-device-padding: 24px 0 0 !default;
 $grid-fltrmnu-dd-max-height: 298px !default;
-$grid-rtl-fltrdiv-margin: -19px 0 -18px -11px !default;
+$grid-rtl-fltrdiv-margin: -18px 0 -18px -11px !default;
 $grid-rtl-bigger-fltrdiv-margin: -20px 0 -18px -11px !default;
 $grid-rtl-headercelldiv-rightalign-fltricon-margin: -7px !default;
 $grid-rtl-headercelldiv-fltricon-margin: -7px !default;
@@ -91904,7 +91910,7 @@ $gantt-masked-table-background-color: #e1dfdd;
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -93409,7 +93415,6 @@ $gantt-masked-table-background-color: #e1dfdd;
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 
@@ -108172,6 +108177,7 @@ $pivotgrid-rowsheader-cellvalue-margin-left: 8px !default;
 $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 90px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 415px !default;
+$pivotgrid-cell-value-margin-top: 5px !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -108887,6 +108893,12 @@ $pivotpager-single-size-title-padding: 14px !default;
       }
     }
 
+    &.sf-pivotview {
+      .e-pivot-toolbar {
+        box-sizing: border-box;
+      }
+    }
+
     .e-pivot-toolbar {
       background: $pivotgrid-grp-bg-color;
       border-bottom: 0;
@@ -109396,6 +109408,32 @@ $pivotpager-single-size-title-padding: 14px !default;
 
   /*! PivotView theme */
   .e-pivotview {
+    .e-pivotcell-container {
+      display: flex;
+
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .e-sortfilterdiv.e-value-sort-icon {
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    .e-gridclip .e-pivotcell-container {
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          text-overflow: clip;
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -109544,19 +109582,7 @@ $pivotpager-single-size-title-padding: 14px !default;
 
     div {
       &.e-cellvalue {
-        margin-top: 5px;
-  
-        @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
-          margin-top: 0;
-        }
-  
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
-          margin-top: 2px;
-        }
-  
-        @if ($skin-name == 'FluentUI') {
-          margin-top: 1px;
-        }
+        margin-top: $pivotgrid-cell-value-margin-top;
       }
 
       div span.e-value-sort-icon {
@@ -109590,12 +109616,12 @@ $pivotpager-single-size-title-padding: 14px !default;
       }
     }
 
-    .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
-      margin: $pivotgrid-vsort-column-margin !important;
-    }
-
-    .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
-      margin: $pivotgrid-vsort-column-parent-margin !important;
+    .e-stackedheadercelldiv, .e-headercelldiv {
+      .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
+        margin: $pivotgrid-vsort-column-parent-margin !important;
+        margin-left: auto !important;
+        margin-top: $pivotgrid-cell-value-margin-top !important;
+      }
     }
 
     .e-rowsheader .e-sortfilterdiv {

package/SCSS-Themes/material3-dark.scss

@@ -2641,7 +2641,11 @@ $acrdn-item-exp-not-selected-hdr-focus-border-color: initial !default;
           color: $acrdn-icon-color;
         }
       }
-
+      &.e-select.e-selected > .e-acrdn-header {
+        &:focus {
+          border: $acrdn-item-exp-not-selected-hdr-focus-border;
+        }
+      }
       &.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header {
 
         &:focus {
@@ -31191,7 +31195,7 @@ $drop-down-btn-li-hover-bgcolor: $flyout-bg-color-hover !default;
 
     &:focus-visible { // only for keybord
       @if $skin-name == 'Material3' {
-        box-shadow: $btn-keyboard-focus-box-shadow !important; /* stylelint-disable-line declaration-no-important */
+        box-shadow: $btn-keyboard-focus-box-shadow;
       }
     }
 
@@ -74291,7 +74295,9 @@ $pager-focus-shadow: 0 0 0 1px rgba($primary) inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 
@@ -76075,8 +76081,8 @@ $grid-fltr-sortnumber-rightalign-margin: 0 8px 0 8px !default;
 $grid-sortnumber-rightalign-margin: 0 2px 0 2px !default;
 $grid-sortnumer-line-height: 20px !default;
 $grid-bigger-sortnumer-line-height: 24px !default;
-$grid-sortdiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-sortdiv-margin:  -12px -2px -12px 8px !default;
+$grid-sortdiv-right-align-margin: -14px 8px -12px -2px !default;
+$grid-sortdiv-margin:  -14px -2px -12px 8px !default;
 $grid-sortdiv-padding: 2px !default;
 $grid-ungroup-button-line-height: 12px !default;
 $grid-ungroup-button-font-size: 12px !default;
@@ -76133,10 +76139,10 @@ $grid-fltr-rtl-sortnumber-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-margin: 0 8px 0 -8px !default;
 $grid-fltr-rtl-sortnumber-rightalign-margin: 0 0 0 12px !default;
 $grid-rtl-sortnumber-rightalign-margin: 0 8px 0 24px !default;
-$grid-rtl-sortcelldiv-margin: -12px 8px -12px -2px !default;
-$grid-rtl-sortcelldiv-right-align-margin: -12px 8px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-right-align-margin: -16px 12px -12px -2px !default;
-$grid-rtl-bigger-sortcelldiv-margin: -16px 12px -12px -2px !default;
+$grid-rtl-sortcelldiv-margin: -13px 8px -12px -2px !default;
+$grid-rtl-sortcelldiv-right-align-margin: -13px 8px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-right-align-margin: -17px 12px -12px -2px !default;
+$grid-rtl-bigger-sortcelldiv-margin: -17px 12px -12px -2px !default;
 $grid-rtl-grouped-headercell-padding: 5px 0 !default;
 $grid-rtl-group-text-margin-left: 2px !default;
 $grid-rtl-group-sorticon-margin-right: -7px !default;
@@ -76242,15 +76248,15 @@ $grid-rtl-checkbox-content-padding-left: 14px !default;
 $grid-bigger-checkbox-padding-topbottom: 9px !default;
 $grid-bigger-checkbox-content-padding-left: 7px !default;
 $grid-rtl-bigger-checkbox-content-padding-left: 16px !default;
-$grid-fltrdiv-margin: -14px -2px -12px 8px !default;
-$grid-rtl-fltrdiv-margin: -14px 8px -12px -2px !default;
+$grid-fltrdiv-margin: -15px -2px -12px 8px !default;
+$grid-rtl-fltrdiv-margin: -15px 8px -12px -2px !default;
 $grid-rtl-bigger-fltrdiv-margin: -19px 4px -14px -2px !default;
 $grid-bigger-rtl-headercelldiv-fltricon-padding: -5px -10px -5px 0 !default;
 $grid-bigger-fltrdiv-margin: -19px -2px -14px 4px !default;
-$grid-sortdiv-filtericon-margin: -14px 22px -12px 8px !default;
-$grid-sortdiv-filtericon-rightalign-margin: -14px 8px -12px -2px !default;
-$grid-rtl-sortdiv-filtericon-rightalign-margin: -14px 8px -12px 22px !default;
-$grid-rtl-sortdiv-filtericon-margin: -14px 8px -13px 22px !default;
+$grid-sortdiv-filtericon-margin: -15px 22px -12px 8px !default;
+$grid-sortdiv-filtericon-rightalign-margin: -15px 8px -12px -2px !default;
+$grid-rtl-sortdiv-filtericon-rightalign-margin: -15px 8px -12px 22px !default;
+$grid-rtl-sortdiv-filtericon-margin: -15px 8px -13px 22px !default;
 $grid-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px -2px !default;
 $grid-bigger-fltricon-sortdiv-margin: -19px 23px -14px 4px !default;
 $grid-rtl-bigger-fltricon-sortdiv-margin: -19px 4px -14px 24px !default;
@@ -76258,7 +76264,7 @@ $grid-rtl-bigger-fltricon-sortdiv-rightalign-margin: -19px 4px -14px 23px !defau
 $grid-column-menu-sub-menu-box-shadow: $shadow-md !default;
 $grid-bigger-checkbox-filter-min-height: 360px !default;
 $grid-checkbox-filter-min-height: 307px !default;
-$grid-column-menu-margin: -14px -18px -12px 8px !default;
+$grid-column-menu-margin: -15px -18px -12px 8px !default;
 $grid-column-menu-padding: 2px !default;
 $grid-textwrap-column-menu-margin: -19px -20px -20px -20px !default;
 $grid-bigger-column-menu-margin: -14px -18px -12px 8px !default;
@@ -76328,7 +76334,7 @@ $grid-ungroup-rtl-margin-left: 0 !default;
 $grid-rtl-group-sorticon-margin-left: -5px !default;
 $grid-rtl-column-menu-left: 23px !default;
 $grid-checkboxfiltertext-width: 150px !default;
-$grid-rtl-column-menu-margin: -14px 8px -12px -16px !default;
+$grid-rtl-column-menu-margin: -15px 8px -12px -16px !default;
 $grid-rtl-textwrap-column-menu-margin: -17px -13px -23px -25px !default;
 $grid-filter-checkbox-width: 0 !default;
 $grid-filter-checkbox-white-space: nowrap !default;
@@ -92487,7 +92493,7 @@ $gantt-split-container-line-border-color: rgba($outline);
         pointer-events: none;
         position: absolute;
         top: 50%;
-        width: 98%;
+        width: 99%;
       }
 
       .e-gantt-child-taskbar-inner-div,
@@ -93992,7 +93998,6 @@ $gantt-split-container-line-border-color: rgba($outline);
   .e-gantt .e-gantt-chart .e-gantt-child-critical-progressbar-inner-div {
     background-color: $gantt-critical-child-progress-bar;
     border: $gantt-child-progress-bar-border;
-    position: absolute;
     border-radius: $gantt-child-progress-bar-border-radius;
   }
 
@@ -108731,6 +108736,7 @@ $pivotgrid-rowsheader-cellvalue-margin-top: 5px !default;
 $pivotgrid-excelfilter-member-editor-node-limit-height: 100px !default;
 $pivotgrid-member-editor-node-limit-bigger-height: 455px !default;
 $pivotgrid-member-sort-border-radius: $text-xl !default;
+$pivotgrid-cell-value-margin-top: 0 !default;
 
 // $pivotview-filter-toolbar-indicator-margin-left: 20px !default;
 $pivotview-filter-toolbar-items-margin-left: 20px !default;
@@ -109489,6 +109495,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       }
     }
 
+    &.sf-pivotview {
+      .e-pivot-toolbar {
+        box-sizing: border-box;
+      }
+    }
+
     .e-pivot-toolbar {
       background: $pivotgrid-grp-bg-color;
       border-bottom: 0;
@@ -109998,6 +110010,32 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
 
   /*! PivotView theme */
   .e-pivotview {
+    .e-pivotcell-container {
+      display: flex;
+
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+
+      .e-sortfilterdiv.e-value-sort-icon {
+        align-items: center;
+        display: flex;
+      }
+    }
+
+    .e-gridclip .e-pivotcell-container {
+      .e-stackedheadertext,
+      .e-headertext {
+        &.e-cellvalue {
+          text-overflow: clip;
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -110146,19 +110184,7 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
 
     div {
       &.e-cellvalue {
-        margin-top: 5px;
-  
-        @if ($pivotgrid-skin == 'highcontrast-light') or ($pivotgrid-skin == 'highcontrast') or ($skin-name == 'Material3') {
-          margin-top: 0;
-        }
-  
-        @if ($skin-name == 'tailwind') or ($skin-name == 'bootstrap5') {
-          margin-top: 2px;
-        }
-  
-        @if ($skin-name == 'FluentUI') {
-          margin-top: 1px;
-        }
+        margin-top: $pivotgrid-cell-value-margin-top;
       }
 
       div span.e-value-sort-icon {
@@ -110192,12 +110218,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       }
     }
 
-    .e-stackedheadercelldiv .e-sortfilterdiv, .e-headercelldiv .e-sortfilterdiv {
-      margin: $pivotgrid-vsort-column-margin !important;
-    }
-
-    .e-stackedheadercelldiv .e-sortfilterdiv.e-value-sort-align, .e-headercelldiv .e-sortfilterdiv.e-value-sort-align {
-      margin: $pivotgrid-vsort-column-parent-margin !important;
+    .e-stackedheadercelldiv, .e-headercelldiv {
+      .e-sortfilterdiv, .e-sortfilterdiv.e-value-sort-align {
+        margin: $pivotgrid-vsort-column-parent-margin !important;
+        margin-left: auto !important;
+        margin-top: $pivotgrid-cell-value-margin-top !important;
+      }
     }
 
     .e-rowsheader .e-sortfilterdiv {