@syncfusion/blazor-themes 22.1.39 → 22.2.5

package/SCSS-Themes/highcontrast.scss

@@ -30531,7 +30531,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 +72762,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;
     }
 
@@ -92380,7 +92382,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 +107112,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 +107816,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 +108331,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 +108505,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 +108539,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

@@ -30979,7 +30979,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 +74056,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;
     }
 
@@ -93697,7 +93699,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 +108464,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 +109182,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 +109697,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 +109871,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 +109905,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

@@ -30774,7 +30774,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 +73781,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 +75485,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 +75493,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;
@@ -93409,7 +93411,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 +108173,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 +108889,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 +109404,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 +109578,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 +109612,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

@@ -31191,7 +31191,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 +74291,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;
     }
 
@@ -93992,7 +93994,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 +108732,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 +109491,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 +110006,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 +110180,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 +110214,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 {

package/SCSS-Themes/material3.scss

@@ -31273,7 +31273,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;
       }
     }
 
@@ -74373,7 +74373,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;
     }
 
@@ -94074,7 +94076,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;
   }
 
@@ -108813,6 +108814,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;
@@ -109571,6 +109573,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;
@@ -110080,6 +110088,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;
@@ -110228,19 +110262,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 {
@@ -110274,12 +110296,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 {

package/SCSS-Themes/navigations/pager/bootstrap-dark.scss

@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px lighten($brand-primary, 10%) inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 

package/SCSS-Themes/navigations/pager/bootstrap.scss

@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px $input-border-focus inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 

package/SCSS-Themes/navigations/pager/bootstrap4.scss

@@ -430,7 +430,9 @@ $pager-focus-shadow: 0 0 0 1px #66afe9 inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }
 

package/SCSS-Themes/navigations/pager/bootstrap5-dark.scss

@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px $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;
     }
 

package/SCSS-Themes/navigations/pager/bootstrap5.scss

@@ -445,7 +445,9 @@ $pager-focus-shadow: 0 0 0 1px $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;
     }
 

package/SCSS-Themes/navigations/pager/fabric-dark.scss

@@ -429,7 +429,9 @@ $pager-focus-shadow: 0 0 0 1px $neutral-secondary inset !default;
       box-sizing: border-box;
     }
 
-    .e-pager-default.e-hide {
+    .e-pager-default.e-hide,
+    .e-pagesizes.e-hide,
+    .e-hide {
       display: none;
     }