npm - @syncfusion/blazor-themes - Versions diffs - 26.1.35 → 26.1.39 - Mend

@syncfusion/blazor-themes 26.1.35 → 26.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (391) hide show

package/SCSS-Themes/grids/excel-filter/bds-dark.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: $skin-name !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: $skin-name !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bds.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: $skin-name !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: $skin-name !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bootstrap-dark.scss CHANGED Viewed

@@ -252,7 +252,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -400,6 +400,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bootstrap.scss CHANGED Viewed

@@ -257,7 +257,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -405,6 +405,7 @@ $grid-xlfl-skin: 'bootstrap' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bootstrap4.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: 'bootstrap4' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: 'bootstrap4' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bootstrap5-dark.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/bootstrap5.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'bootstrap5' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fabric-dark.scss CHANGED Viewed

@@ -252,7 +252,7 @@ $grid-xlfl-skin: 'fabric' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -400,6 +400,7 @@ $grid-xlfl-skin: 'fabric' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fabric.scss CHANGED Viewed

@@ -257,7 +257,7 @@ $grid-xlfl-skin: 'fabric' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -405,6 +405,7 @@ $grid-xlfl-skin: 'fabric' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fluent-dark.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'fluent' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'fluent' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fluent.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'fluent' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'fluent' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fluent2-dark.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: $skin-name !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: $skin-name !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/fluent2.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: $skin-name !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: $skin-name !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/highcontrast.scss CHANGED Viewed

@@ -252,7 +252,7 @@ $grid-xlfl-skin: 'highcontrast' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -400,6 +400,7 @@ $grid-xlfl-skin: 'highcontrast' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/material-dark.scss CHANGED Viewed

@@ -254,7 +254,7 @@ $grid-xlfl-skin: 'material' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -402,6 +402,7 @@ $grid-xlfl-skin: 'material' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/material.scss CHANGED Viewed

@@ -255,7 +255,7 @@ $grid-xlfl-skin: 'material' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -403,6 +403,7 @@ $grid-xlfl-skin: 'material' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/material3-dark.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'material3' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'material3' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/material3.scss CHANGED Viewed

@@ -263,7 +263,7 @@ $grid-xlfl-skin: 'material3' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -411,6 +411,7 @@ $grid-xlfl-skin: 'material3' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/tailwind-dark.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: 'tailwind' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: 'tailwind' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/excel-filter/tailwind.scss CHANGED Viewed

@@ -262,7 +262,7 @@ $grid-xlfl-skin: 'tailwind' !default;
       .e-frame {
         margin-bottom: 1px;
         @if $grid-xlfl-skin == 'fluent2' {
-          margin: 0 0 1px 4px;
+          margin-bottom: 8px;
         }
       }
     }
@@ -410,6 +410,7 @@ $grid-xlfl-skin: 'tailwind' !default;
     @if $grid-xlfl-skin == 'fluent2' {
       .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }

package/SCSS-Themes/grids/grid/bds-dark.scss CHANGED Viewed

@@ -943,7 +943,8 @@ $grid-checkmark-color: $primary !default;
     @if $grid-skin == 'fluent2' {
       &.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-        margin-left: -4px;
+        margin-left: -5px;
+        margin-top: 4px;
       }
       &.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         margin-right: -2px;
@@ -954,7 +955,7 @@ $grid-checkmark-color: $primary !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
@@ -1081,8 +1082,9 @@ $grid-checkmark-color: $primary !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
@@ -3486,7 +3488,7 @@ $grid-checkmark-color: $primary !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -5498,7 +5500,7 @@ $grid-checkmark-color: $primary !default;
   }
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
   .e-summarycell {
@@ -6090,9 +6092,6 @@ $grid-checkmark-color: $primary !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6179,6 +6178,22 @@ $grid-checkmark-color: $primary !default;
       & .e-dlg-content {
         padding: 16px;
       }
+      @if $grid-xlfl-skin == 'fluent2' {
+        .e-checkbox-wrapper .e-frame {
+          @if $grid-xlfl-skin == 'fluent2' {
+            margin: 0 0 1px 4px;
+          }
+        }
+        .e-radio + label {
+          margin: 0;
+        }
+        .e-radio-wrapper .e-xlfl-radio-or {
+          margin-left: 18px;
+        }
+      }
     }
     & .e-ressortbutton-parent {
@@ -6273,6 +6288,14 @@ $grid-checkmark-color: $primary !default;
               min-height: 160px;
               overflow-y: auto;
+              &.e-checkbox-infinitescroll {
+                border-top-style: solid;
+                border-top-color: $grid-columnchooser-footer-border-color;
+                border-top-width: 1px;
+                margin-top: 0;
+                overflow-x: hidden;
+              }
               & .e-ftrchk {
                 @include grid-top-bottom-padding($grid-bigger-checkbox-padding-topbottom, $grid-bigger-checkbox-padding-topbottom);
                 @if $grid-skin == 'fluent2' {
@@ -6281,6 +6304,29 @@ $grid-checkmark-color: $primary !default;
               }
             }
           }
+          & .e-ftrchk {
+            & .e-chk-hidden {
+              -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+              height: 1px;
+              opacity: 0;
+              width: 1px;
+            }
+            & .e-mask {
+              display: inline-block;
+              height: 10px;
+              width: 80%;
+              &.e-mask-checkbox-filter-intent {
+                width: 13px;
+              }
+              &.e-mask-checkbox-filter-span-intent {
+                margin-left: 8px;
+              }
+            }
+          }
         }
       }
     }
@@ -6295,10 +6341,9 @@ $grid-checkmark-color: $primary !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6346,6 +6391,9 @@ $grid-checkmark-color: $primary !default;
     @if $grid-skin == 'fluent' {
       padding-top: 3px;
     }
+    @if $grid-skin == 'fluent' {
+      padding-top: 1px;
+    }
     @if $grid-skin == 'bootstrap4' or $grid-skin == 'material' {
       padding-top: 2px;
     }
@@ -6674,6 +6722,11 @@ $grid-checkmark-color: $primary !default;
       border-color: $grid-header-border-color;
     }
+    .e-headercell,
+    .e-detailheadercell {
+      background-color: $grid-header-bg-color;
+    }
     .e-gridcontent {
       background-color: $grid-content-bg-color;
     }

package/SCSS-Themes/grids/grid/bds.scss CHANGED Viewed

@@ -943,7 +943,8 @@ $grid-checkmark-color: $primary !default;
     @if $grid-skin == 'fluent2' {
       &.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
-        margin-left: -4px;
+        margin-left: -5px;
+        margin-top: 4px;
       }
       &.e-rtl.e-device .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         margin-right: -2px;
@@ -954,7 +955,7 @@ $grid-checkmark-color: $primary !default;
       .e-headercell .e-headercelldiv.e-headerchkcelldiv {
         @if $grid-skin == 'fluent2' {
           margin-bottom: 2px;
-          margin-left: 6px;
+          margin-left: 7px;
         }
       }
@@ -1081,8 +1082,9 @@ $grid-checkmark-color: $primary !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         margin-left: 0;
+        padding-left: 0;
       }
     }
@@ -3486,7 +3488,7 @@ $grid-checkmark-color: $primary !default;
     }
     @if $grid-skin == 'fluent2' {
-      .e-ftrchk.e-infinitescroll {
+      .e-checkboxfilter .e-ftrchk.e-infinitescroll {
         padding-left: 0;
         margin-left: 0;
       }
@@ -5498,7 +5500,7 @@ $grid-checkmark-color: $primary !default;
   }
   .e-gridcontent .e-groupcaption {
-    @include grid-line-height-padding-styles(normal, .7em);
+    @include grid-line-height-padding-styles(normal, 0 .7em);
   }
   .e-summarycell {
@@ -6090,9 +6092,6 @@ $grid-checkmark-color: $primary !default;
           background: none;
           border: 0;
           color: $grid-responsive-custom-header-btn-color;
-          @if $grid-skin == 'fluent2' {
-            padding-top: 6px;
-          }
         }
       }
     }
@@ -6179,6 +6178,22 @@ $grid-checkmark-color: $primary !default;
       & .e-dlg-content {
         padding: 16px;
       }
+      @if $grid-xlfl-skin == 'fluent2' {
+        .e-checkbox-wrapper .e-frame {
+          @if $grid-xlfl-skin == 'fluent2' {
+            margin: 0 0 1px 4px;
+          }
+        }
+        .e-radio + label {
+          margin: 0;
+        }
+        .e-radio-wrapper .e-xlfl-radio-or {
+          margin-left: 18px;
+        }
+      }
     }
     & .e-ressortbutton-parent {
@@ -6273,6 +6288,14 @@ $grid-checkmark-color: $primary !default;
               min-height: 160px;
               overflow-y: auto;
+              &.e-checkbox-infinitescroll {
+                border-top-style: solid;
+                border-top-color: $grid-columnchooser-footer-border-color;
+                border-top-width: 1px;
+                margin-top: 0;
+                overflow-x: hidden;
+              }
               & .e-ftrchk {
                 @include grid-top-bottom-padding($grid-bigger-checkbox-padding-topbottom, $grid-bigger-checkbox-padding-topbottom);
                 @if $grid-skin == 'fluent2' {
@@ -6281,6 +6304,29 @@ $grid-checkmark-color: $primary !default;
               }
             }
           }
+          & .e-ftrchk {
+            & .e-chk-hidden {
+              -moz-appearance: none; /* stylelint-disable-line property-no-vendor-prefix */
+              height: 1px;
+              opacity: 0;
+              width: 1px;
+            }
+            & .e-mask {
+              display: inline-block;
+              height: 10px;
+              width: 80%;
+              &.e-mask-checkbox-filter-intent {
+                width: 13px;
+              }
+              &.e-mask-checkbox-filter-span-intent {
+                margin-left: 8px;
+              }
+            }
+          }
         }
       }
     }
@@ -6295,10 +6341,9 @@ $grid-checkmark-color: $primary !default;
           & .e-searchbox {
             padding-left: 0;
           }
-          & .e-spinner {
-            & .e-checkboxlist {
-              margin-left: -7px;
-            }
+          & .e-ftrchk.e-infinitescroll,
+          & .e-spinner .e-checkboxlist {
+            margin-left: -7px;
           }
         }
       }
@@ -6346,6 +6391,9 @@ $grid-checkmark-color: $primary !default;
     @if $grid-skin == 'fluent' {
       padding-top: 3px;
     }
+    @if $grid-skin == 'fluent' {
+      padding-top: 1px;
+    }
     @if $grid-skin == 'bootstrap4' or $grid-skin == 'material' {
       padding-top: 2px;
     }
@@ -6674,6 +6722,11 @@ $grid-checkmark-color: $primary !default;
       border-color: $grid-header-border-color;
     }
+    .e-headercell,
+    .e-detailheadercell {
+      background-color: $grid-header-bg-color;
+    }
     .e-gridcontent {
       background-color: $grid-content-bg-color;
     }