@syncfusion/blazor-themes 23.1.41 → 23.1.42

package/SCSS-Themes/fluent-dark.scss

@@ -40623,11 +40623,15 @@ $switch-handle-off-hover-bg-color: $border-alt !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;
+          }
         }
       }
     }
@@ -42335,6 +42339,23 @@ $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
 
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 @include export-module('daterangepicker-layout') {
   
   /*! daterangepicker layout */
@@ -42448,8 +42469,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;
@@ -42463,12 +42484,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,
@@ -42612,7 +42634,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;
@@ -63673,7 +63697,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {
@@ -75938,6 +75962,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -77636,6 +77664,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {
@@ -92327,7 +92358,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
@@ -107680,7 +107711,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;
               }
             }
@@ -110055,6 +110085,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;

package/SCSS-Themes/fluent.scss

@@ -40624,11 +40624,15 @@ $switch-handle-off-hover-bg-color: $border-alt !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;
+          }
         }
       }
     }
@@ -42336,6 +42340,23 @@ $modal-range-tablet-font-size: 18px !default;
 
 $range-header-font-size: 16px !default;
 
+.e-daterangepicker.e-popup .e-calendar .e-header .e-title {
+  width: 65%;
+}
+
+.e-daterangepicker.e-popup.e-small .e-calendar .e-header .e-title {
+  width: 61%;
+}
+
+.e-daterangepicker.e-popup.e-bigger .e-calendar .e-header .e-title,
+.e-daterangepicker.e-popup.e-device .e-calendar .e-header .e-title {
+  width: 72%;
+}
+
+.e-daterangepicker.e-popup.e-bigger.e-small .e-calendar .e-header .e-title {
+  width: 70%;
+}
+
 @include export-module('daterangepicker-layout') {
   
   /*! daterangepicker layout */
@@ -42449,8 +42470,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;
@@ -42464,12 +42485,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,
@@ -42613,7 +42635,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;
@@ -63674,7 +63698,7 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 113px) !default;
       }
 
       & .e-selectall-parent + .e-list-parent {
-        height: $listbox-select-height;
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-icons {
@@ -75939,6 +75963,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -77637,6 +77665,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {
@@ -92328,7 +92359,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {
@@ -107681,7 +107712,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;
               }
             }
@@ -110056,6 +110086,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;

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

@@ -1044,7 +1044,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

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

@@ -1044,7 +1044,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

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

@@ -1046,7 +1046,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

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

@@ -1048,7 +1048,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/bootstrap5.scss

@@ -1048,7 +1048,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/fabric-dark.scss

@@ -1044,7 +1044,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/fabric.scss

@@ -1044,7 +1044,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/fluent-dark.scss

@@ -1048,7 +1048,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/fluent.scss

@@ -1048,7 +1048,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/highcontrast.scss

@@ -1044,7 +1044,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/material-dark.scss

@@ -1045,7 +1045,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/material.scss

@@ -1045,7 +1045,7 @@ $gantt-masked-table-background-color: #e1dfdd;
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/material3-dark.scss

@@ -1049,7 +1049,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 {

package/SCSS-Themes/gantt/gantt/material3.scss

@@ -1049,7 +1049,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 {

package/SCSS-Themes/gantt/gantt/tailwind-dark.scss

@@ -1049,7 +1049,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/gantt/gantt/tailwind.scss

@@ -1049,7 +1049,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
       }
 
       .e-zero-spacing {
-        border-spacing: .25px;
+        border-spacing: 0;
       }
 
       .e-chart-row:first-child .e-chart-row-border {

package/SCSS-Themes/grids/grid/bootstrap-dark.scss

@@ -816,6 +816,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2514,6 +2518,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/bootstrap.scss

@@ -818,6 +818,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2516,6 +2520,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/bootstrap4.scss

@@ -823,6 +823,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2521,6 +2525,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/bootstrap5-dark.scss

@@ -816,6 +816,10 @@ $grid-dropitems-count-margin-left: -4px !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' {
@@ -2514,6 +2518,9 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/bootstrap5.scss

@@ -816,6 +816,10 @@ $grid-dropitems-count-margin-left: -4px !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' {
@@ -2514,6 +2518,9 @@ $grid-dropitems-count-margin-left: -4px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/fabric-dark.scss

@@ -813,6 +813,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2511,6 +2515,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/fabric.scss

@@ -813,6 +813,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2511,6 +2515,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/fluent-dark.scss

@@ -808,6 +808,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2506,6 +2510,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/fluent.scss

@@ -808,6 +808,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2506,6 +2510,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {

package/SCSS-Themes/grids/grid/highcontrast.scss

@@ -813,6 +813,10 @@ $grid-dropitems-count-margin-left: -8px !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' {
@@ -2511,6 +2515,9 @@ $grid-dropitems-count-margin-left: -8px !default;
       }
       white-space: normal;
       word-wrap: break-word;
+      &.e-lastrowcell {
+        border-bottom-width: 1px;
+      }
     }
 
     .e-summarycontent {