@syncfusion/blazor-themes 23.1.40 → 23.1.42

package/SCSS-Themes/material3.scss

@@ -41028,11 +41028,15 @@ $switch-small-off-ripple-left: -7px !default;
         }
 
         & .e-ripple-container {
-          background-color: $switch-checked-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-checked-ripple-bg-color;
+          }
         }
   
         & .e-ripple-check.e-ripple-container {
-          background-color: $switch-ripple-bg-color;
+          @if $skin-name == 'Material3' {
+            background-color: $switch-ripple-bg-color;
+          }
         }
       }
     }
@@ -42825,8 +42829,8 @@ $range-header-font-size: 16px !default;
           #{if(&, '&', '*')} .e-title {
             cursor: $range-cursor-pointer-style;
             line-height: $range-normal-nav-icon-height;
-            width: $range-control-header-width;
             @if ($skin-name != 'FluentUI') {
+              width: $range-control-header-width;
               float: $range-float-none;
               font-weight: $range-font-weight-normal;
               margin-left: $range-value-zero;
@@ -42840,12 +42844,13 @@ $range-header-font-size: 16px !default;
             }
           }
           #{if(&, '&', '*')} .e-next {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-left;
-            @if ($skin-name == 'FluentUI') {
-              float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-left;
             }
           }
           #{if(&, '&', '*')} .e-next,
@@ -42989,7 +42994,9 @@ $range-header-font-size: 16px !default;
             float: $range-float-left;
           }
           #{if(&, '&', '*')} .e-prev {
-            float: $range-float-right;
+            @if ($skin-name != 'FluentUI') {
+              float: $range-float-right;
+            }
           }
           #{if(&, '&', '*')} .e-start-date.e-selected.e-range-hover {
             border-radius: $range-hover-end-radius;
@@ -64719,7 +64726,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 92px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {
@@ -76999,6 +77006,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       padding: $grid-bigger-content-padding $grid-bigger-content-right-padding;
     }
 
+    .e-summarycell.e-lastrowcell {
+      border-bottom-width: 1px;
+    }
+
     .e-rowcell .e-checkbox-wrapper,
     .e-rowcell .e-css.e-checkbox-wrapper {
       @if $grid-skin == 'material3' {
@@ -77524,12 +77535,7 @@ $grid-dropitems-count-margin-left: -9px !default;
       margin-right: $grid-bigger-grouptext-marign;
       width: $grid-bigger-grouptext-width;
     }
-
-    .e-gridheader table th[rowspan],
-    &.e-device .e-gridheader table th[rowspan] {
-      padding-bottom: $grid-device-gridheader-row-span-padding;
-    }
-
+    
     .e-groupsort,
     span.e-ungroupbutton,
     .e-toggleungroup {
@@ -77771,6 +77777,14 @@ $grid-dropitems-count-margin-left: -9px !default;
       }
     }
   }
+   
+  .e-bigger #{&}.e-grid:not(.sf-grid),
+  #{&}.e-grid:not(.sf-grid).e-bigger {
+    .e-gridheader table th[rowspan],
+    &.e-device .e-gridheader table th[rowspan] {
+      padding-bottom: $grid-device-gridheader-row-span-padding;
+    }
+  }
 
   #{&}.e-grid {
     border-radius: $grid-border-radius;
@@ -78694,6 +78708,9 @@ $grid-dropitems-count-margin-left: -9px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {
@@ -78770,8 +78787,8 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-width: $grid-rowcell-both-border-width;
     }
 
-    .e-gridheader table th[rowspan],
-    &.e-device .e-gridheader table th[rowspan] {
+    &:not(.sf-grid).e-gridheader table th[rowspan],
+    &:not(.sf-grid).e-device .e-gridheader table th[rowspan] {
       padding-bottom: $grid-stackedheadercell-botttom-padding;
       vertical-align: bottom;
     }
@@ -78841,23 +78858,23 @@ $grid-dropitems-count-margin-left: -9px !default;
       border-width: $grid-headercell-both-border-width;
     }
 
-    &.e-default table th[rowspan]  {
+    &:not(.sf-grid).e-default table th[rowspan]  {
       border-width: $grid-headercell-both-border-width;
     }
 
-    &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+    &:not(.sf-grid).e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
       border-right-width: 2px;
     }
   
-    &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+    &:not(.sf-grid).e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
       border-left-width: 2px;
     }
   
-    &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+    &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
       border-left-width: 1px;
     }
       
-    &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+    &:not(.sf-grid).e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
       border-right-width: 1px;
     }
   
@@ -80839,26 +80856,6 @@ $grid-dropitems-count-margin-left: -9px !default;
         position: relative;
       }
 
-      &.e-default table th[rowspan]  {
-        border-width: $grid-rtl-headercell-both-border-width;
-      }
-
-      &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
-        border-left-width: 2px;
-      }
-    
-      &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
-        border-right-width: 2px;
-      }
-    
-      &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
-        border-right-width: 1px;
-      }
-        
-      &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
-        border-left-width: 1px;
-      }
-
       &.e-default.e-bothlines .e-gridheader .e-headercell.e-firstheader,
       &.e-default.e-bothlines .e-gridheader th.e-grouptopleftcell.e-lastgrouptopleftcell {
         border-left: 1px solid;
@@ -80972,6 +80969,28 @@ $grid-dropitems-count-margin-left: -9px !default;
       }
     }
 
+    &:not(.sf-grid).e-rtl{
+      &.e-default table th[rowspan]  {
+        border-width: $grid-rtl-headercell-both-border-width;
+      }
+
+      &.e-default table th[rowspan].e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+    
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+        
+      &.e-default table th[rowspan].e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+    }
+
     &.e-wrap {
       & .e-rowcell,
       & .e-columnheader .e-stackedheadercelldiv,
@@ -81091,7 +81110,10 @@ $grid-dropitems-count-margin-left: -9px !default;
       & tr.e-columnheader th:last-child.e-stackedheadercell .e-rhandler.e-rcursor :not(.e-laststackcell, .e-freezerightborder, .e-freezeleftborder) {
         border-right: 0;
       }
+    }
 
+    &:not(.sf-grid).e-resize-lines,
+    &:not(.sf-grid).e-resize-lines.e-rtl {
       &.e-default table th[rowspan]:not(.e-freezerightborder, .e-freezeleftborder) {
         border-left: 0;
       }
@@ -81104,7 +81126,9 @@ $grid-dropitems-count-margin-left: -9px !default;
       & tr.e-columnheader th.e-laststackcell .e-rhandler.e-rcursor {
         border-left: 0;
       }
+    }
 
+    &:not(.sf-grid).e-resize-lines.e-rtl {
       &.e-default table th[rowspan] {
         border-right: 0;
       }
@@ -81285,6 +81309,73 @@ $grid-dropitems-count-margin-left: -9px !default;
       .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
         text-align: left;
       }
+      
+      &.e-default table th:not([rowspan = '1'])  {
+        border-width: $grid-headercell-both-border-width;
+      }
+
+      .e-gridheader table th:not([rowspan = '1']),
+      .e-device .e-gridheader table th:not([rowspan = '1']) {
+        padding-bottom: $grid-stackedheadercell-botttom-padding;
+        vertical-align: bottom;
+      }
+
+      &.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
+        border-right-width: 2px;
+      }
+    
+      &.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
+        border-left-width: 2px;
+      }
+    
+      &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
+        border-left-width: 1px;
+      }
+        
+      &.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
+        border-right-width: 1px;
+      }
+      
+      &.e-rtl.e-default table th:not([rowspan = '1'])  {
+        border-width: $grid-rtl-headercell-both-border-width;
+      }
+
+      &.e-rtl.e-default table th:not([rowspan = '1']).e-leftfreeze.e-freezeleftborder {
+        border-left-width: 2px;
+      }
+    
+      &.e-rtl.e-default table th:not([rowspan = '1']).e-rightfreeze.e-freezerightborder {
+        border-right-width: 2px;
+      }
+    
+      &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezeleftborder {
+        border-right-width: 1px;
+      }
+        
+      &.e-rtl.e-default table th:not([rowspan = '1']).e-fixedfreeze.e-freezerightborder {
+        border-left-width: 1px;
+      }
+
+      &.e-resize-lines,
+      &.e-resize-lines.e-rtl {
+        &.e-default table th:not([rowspan = '1']):not(.e-freezerightborder, .e-freezeleftborder) {
+          border-left: 0;
+        }
+      }
+      
+      &.e-resize-lines.e-rtl {
+        &.e-default table th:not([rowspan = '1']) {
+          border-right: 0;
+        }
+      }
+
+      .e-bigger #{&}.e-grid.sf-grid,
+      #{&}.e-grid.sf-grid.e-bigger {
+        .e-gridheader table th:not([rowspan = '1']),
+        &.e-device .e-gridheader table th:not([rowspan = '1']) {
+          padding-bottom: $grid-device-gridheader-row-span-padding;
+        }
+      }
     }
   }
 }
@@ -93329,7 +93420,7 @@ $gantt-split-container-line-border-color: rgba($outline);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
@@ -108719,7 +108810,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }
@@ -111096,6 +111186,16 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -111156,6 +111256,12 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -111401,11 +111507,6 @@ $pivotpager-string-maindiv-font-color: rgba($content-text-color-alt1) !default;
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss

@@ -3625,7 +3625,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss

@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss

@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss

@@ -3613,7 +3613,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss

@@ -3607,7 +3607,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 125px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss

@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss

@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/material.scss

@@ -3608,7 +3608,6 @@ $field-list-adaptive-outerdiv-height: 165px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/material3-dark.scss

@@ -3618,7 +3618,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/material3.scss

@@ -3618,7 +3618,6 @@ $field-list-device-footer-button-box-shadow: $shadow-lg !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss

@@ -3611,7 +3611,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
               .e-label {
                 color: $field-list-default-font-color;
                 font-family: $field-list-font-family;
-                font-size: 14px;
                 opacity: .87;
               }
             }

package/SCSS-Themes/pivotview/pivotview/bootstrap-dark.scss

@@ -1431,6 +1431,16 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -1491,6 +1501,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -1736,11 +1752,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {

package/SCSS-Themes/pivotview/pivotview/bootstrap.scss

@@ -1428,6 +1428,16 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -1488,6 +1498,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -1733,11 +1749,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {

package/SCSS-Themes/pivotview/pivotview/bootstrap4.scss

@@ -1428,6 +1428,16 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -1488,6 +1498,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -1733,11 +1749,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {

package/SCSS-Themes/pivotview/pivotview/bootstrap5-dark.scss

@@ -1433,6 +1433,16 @@ $pivotpager-single-size-title-padding: 8px !default;
       }
     }
 
+    &.e-device {
+      .e-pivotcell-container {
+        .e-stackedheadertext {
+          &.e-cellvalue {
+            align-self: center;
+          }
+        }
+      }
+    }
+
     .e-nextspan {
       display: inline-block;
       width: $pivotview-indent-space-size;
@@ -1493,6 +1503,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'bootstrap5') {
         border-bottom-color: $border-light;
       }
+
+      table th[rowspan = '1'] {
+        padding-bottom: 0;
+        padding-top: 0;
+        vertical-align: middle;
+      }
     }
 
     .e-gtot {
@@ -1738,11 +1754,6 @@ $pivotpager-single-size-title-padding: 8px !default;
       @if($skin-name == 'tailwind') or ($skin-name == 'tailwind-dark') {
         text-transform: none;
       }
-
-      @if($skin-name == 'bootstrap5') or ($skin-name == 'FluentUI') or ($skin-name == 'tailwind') or ($skin-name == 'Material3') {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-      }
     }
 
     .sf-grid .e-spinner-pane {