@syncfusion/blazor-themes 23.1.36 → 23.1.38

package/SCSS-Themes/tailwind.scss

@@ -55366,7 +55366,10 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       display: inline-block;
       line-height: $treeview-text-height;
       margin: $treeview-text-margin;
-      @if $skin-name != 'bootstrap4' {
+      @if $skin-name == 'Material3' {
+        min-height: $treeview-item-height;
+      }
+      @else if $skin-name != 'bootstrap4' {
         min-height: $treeview-text-height;
       }
       @else if $skin-name == 'bootstrap4' {
@@ -62748,10 +62751,8 @@ $listbox-template-multiline-header-font-size: $text-sm !default;
 $listbox-template-multiline-padding: 4px !default;
 $listbox-template-multiline-content-font-size: $text-sm !default;
 $listbox-template-multiline-avatar-top: 0 !default;
-$listbox-filter-height: calc(100% - 49px) !default;
 $listbox-filter-small-height: calc(100% - 45px) !default;
 $listbox-filter-bigger-small-height: calc(100% - 53px) !default;
-$listbox-filter-bigger-height: calc(100% - 57px) !default;
 
 $listbox-border-color: $border-light;
 $badge-color: $primary-text-color !default;
@@ -62790,10 +62791,14 @@ $listbox-template-multiline-header-color: $content-text-color !default;
 $listbox-template-multiline-content-color: $content-text-color-alt2 !default;
 $listbox-select-height: calc(100% - 38px) !default;
 $listbox-select-bigger-height: calc(100% - 48px) !default;
-$listbox-filterselect-height: calc(100% - 76px) !default;
-$listbox-filterselect-bigger-height: calc(100% - 94px) !default;
-$listbox-filter-height: calc(100% - 38px) !default;
-$listbox-filter-bigger-height: calc(100% - 46px) !default;
+$listbox-filterselect-height: calc(100% - 38px) !default;
+$listbox-filterselect-bigger-height: calc(100% - 47px) !default;
+$listbox-mat-filter-height: calc(100% - 50px) !default;
+$listbox-mat-filter-bigger-height: calc(100% - 58px) !default;
+$listbox-filter-height: calc(100% - 50px) !default;
+$listbox-filter-bigger-height: calc(100% - 58px) !default;
+$listbox-ej2-filterselect-height: calc(100% - 87.5px) !default;
+$listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
 
 @include export-module('listbox-layout') {
   /* stylelint-disable property-no-vendor-prefix */
@@ -63342,27 +63347,64 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
 @include export-module('listbox-theme') {
   .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-small .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-small-height;
+    height: $listbox-filter-small-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+    height: $listbox-mat-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
   }
 
-  .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
   .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-bigger-height;
+    height: 100%;
   }
 
   .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
   .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
-    height: $listbox-filterselect-bigger-height;
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+    height: $listbox-filterselect-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
+    height: $listbox-filter-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
+    height: 100%;
   }
 
   .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
+  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
+    height: $listbox-select-bigger-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
   .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
-    height: $listbox-select-bigger-height;
+    height: 100%;
   }
 
   .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
+  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
+    height: $listbox-filter-bigger-small-height !important; /* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+    height: $listbox-ej2-filterselect-height !important;/* stylelint-disable-line declaration-no-important */
+  }
+
+  .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
+    height: $listbox-ej2-filterselect-bigger-height !important;/* stylelint-disable-line declaration-no-important */
+  }
+
   .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
-    height: $listbox-filter-bigger-small-height;
+    height: 100%;
   }
 
   .e-listbox-wrapper,
@@ -63403,7 +63445,7 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       }
 
       &.e-filter-list .e-selectall-parent + .e-list-parent {
-        height: $listbox-filterselect-height;
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
       }
 
       & .e-selectall-parent + .e-list-parent {
@@ -63655,6 +63697,34 @@ $listbox-filter-bigger-height: calc(100% - 46px) !default;
       }
     }
   }
+
+  .e-listbox-container {
+    @at-root {
+      &.e-filter-list .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      & .e-selectall-parent + .e-list-parent {
+        height: 100%;
+      }
+
+      &.e-filter-list .e-list-wrap {
+        height: $listbox-mat-filter-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      &.e-filter-list .e-selectall-parent + .e-list-wrap {
+        height: $listbox-filterselect-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+
+      & .e-selectall-parent + .e-list-wrap {
+        height: $listbox-select-height !important; /* stylelint-disable-line declaration-no-important */
+      }
+    }
+  }
 }
 
 
@@ -105478,6 +105548,9 @@ $field-list-adaptive-outerdiv-height: 179px !default;
         @if ($skin-name == 'FluentUI') {
           border-top: 0;
         }
+        @if ($skin-name == 'fabric') or ($skin-name == 'fabric-dark') or ($skin-name =='highcontrast') or ($skin-name =='highcontrast-light') {
+          padding: $field-list-editor-dialog-footer-padding;
+        }
       }
 
       .e-dlg-content {
@@ -105626,15 +105699,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
       padding: 9px 10px;
     }
 
-    .e-text-content {
-      .e-list-text {
-        line-height: 1.5em;
-        // @if ($field-list-skin == 'bootstrap4') {
-        //   line-height: 0;
-        // }
-      }
-    }
-
     &.e-drag-restrict {
       .e-no-drop {
         &::before {
@@ -109629,6 +109693,7 @@ $pivotpager-single-size-title-padding: 8px !default;
         &.e-cellvalue {
           overflow: hidden;
           text-overflow: ellipsis;
+          width: 100%;
         }
       }
 
@@ -109932,6 +109997,7 @@ $pivotpager-single-size-title-padding: 8px !default;
           font-size: 20px;
           text-align: center;
           padding: 10%;
+          pointer-events: none;
           
           &.e-hide-loader {
             display: none;
@@ -110374,6 +110440,12 @@ $pivotpager-single-size-title-padding: 8px !default;
       width: 100%;
     }
 
+    th.e-group-row .e-axis-row {
+      display: inline-block;
+      height: 100%;
+      vertical-align: top;
+    }
+
     /* stylelint-disable */
     .e-group-row {
       padding: 0 !important;
@@ -110582,7 +110654,10 @@ $pivotpager-single-size-title-padding: 8px !default;
     th .e-expand,
     th .e-collapse {
       font-size: $pivotgrid-expcoldiv-fontsize !important;
-      margin-left: 0px;
+      margin-left: 0;
+      @if ($skin-name == 'bootstrap4') {
+        display: flex;
+      }
     }
 
     /* stylelint-enable */
@@ -118927,6 +119002,12 @@ $image-editor-drop-border: 2px dashed $icon-color !default;
         position: absolute;
         font-size: 14px;
       }
+
+      & .e-ie-min-drop-content {
+        left: calc(50% - 120px);
+        top: 50%;
+        font-size: 14px;
+      }
     }
 
     & .e-toolbar {

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"23.1.36","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"23.1.38","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}