@syncfusion/blazor-themes 22.1.37 → 22.1.38

package/SCSS-Themes/fluent.scss

@@ -6392,6 +6392,7 @@ $float-label-rtl-value: -10px !default;
   }
 
   input.e-input.e-bigger#{$css},
+  .e-bigger input.e-input#{$css},
   .e-input-group.e-bigger input,
   .e-input-group.e-bigger input.e-input,
   .e-input-group.e-control-wrapper.e-bigger input,
@@ -28475,8 +28476,6 @@ $cbox-icon-color: $icon-color !default;
 
         +.e-label {
           margin-left: $cbox-margin;
-          max-width: calc(100% - ($cbox-width + $cbox-margin));
-          word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
         }
 
         +.e-ripple-container {
@@ -28706,8 +28705,6 @@ $cbox-icon-color: $icon-color !default;
         font-size: $cbox-bigger-font-size;
         line-height: $cbox-bigger-height;
         margin-left: $cbox-bigger-margin;
-        max-width: calc(100% - ($cbox-bigger-width + $cbox-bigger-margin));
-        word-break: break-word !important; /* stylelint-disable-line declaration-no-important */
       }
 
       +.e-ripple-container {
@@ -76273,6 +76270,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -76995,7 +76995,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -78493,6 +78492,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -80320,6 +80326,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 
@@ -118110,7 +118136,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-bigger-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px;
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-bigger-tbar-btn-fontsize;
 
@@ -118216,7 +118251,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt2 !default;
         & .e-dropdown-btn.e-image-popup {
           & .e-select,
           & .e-annotation,
-          & .e-transform,
+          & .e-transform {
+            font-size: $image-editor-tbar-btn-fontsize;
+
+            & .e-icons.e-caret {
+              font-size: 10px !important; /* stylelint-disable-line declaration-no-important */
+            }
+          }
+        }
+
+        & .e-dropdown-btn {
           & .e-save {
             font-size: $image-editor-tbar-btn-fontsize;
 

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

@@ -1439,6 +1439,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2161,7 +2164,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3659,6 +3661,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5486,6 +5495,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1441,6 +1441,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2163,7 +2166,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3661,6 +3663,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5488,6 +5497,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1446,6 +1446,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2168,7 +2171,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5493,6 +5502,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1439,6 +1439,9 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2161,7 +2164,6 @@ $grid-dropitems-count-margin-left: -4px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3659,6 +3661,13 @@ $grid-dropitems-count-margin-left: -4px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5486,6 +5495,26 @@ $grid-dropitems-count-margin-left: -4px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1439,6 +1439,9 @@ $grid-dropitems-count-margin-left: -4px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2161,7 +2164,6 @@ $grid-dropitems-count-margin-left: -4px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3659,6 +3661,13 @@ $grid-dropitems-count-margin-left: -4px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5486,6 +5495,26 @@ $grid-dropitems-count-margin-left: -4px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1436,6 +1436,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2158,7 +2161,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3656,6 +3658,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5483,6 +5492,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1436,6 +1436,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2158,7 +2161,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3656,6 +3658,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5483,6 +5492,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1431,6 +1431,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2153,7 +2156,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3651,6 +3653,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5478,6 +5487,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1431,6 +1431,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2153,7 +2156,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3651,6 +3653,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5478,6 +5487,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {
 

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

@@ -1436,6 +1436,9 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       li.e-cclist {
         padding: $grid-bigger-columnchooser-li-padding;
+	@if $grid-skin == 'material3' {
+          line-height: 24px;
+        }
       }
 
       .e-toolbar .e-ccdiv {
@@ -2158,7 +2161,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3656,6 +3658,13 @@ $grid-dropitems-count-margin-left: -8px !default;
       margin: -12px;
     }
 
+    .e-bigger & .e-ccdlg .e-checkbox-wrapper span.e-label,
+    &.e-bigger .e-ccdlg .e-checkbox-wrapper span.e-label {
+      @if $grid-skin == 'material3' {
+        font-size: $text-base;
+      }
+    }
+
     .e-ccdlg {
 
       .e-dlg-content {
@@ -5483,6 +5492,26 @@ $grid-dropitems-count-margin-left: -8px !default;
 }
 /* stylelint-enable */
 
+/* Apply styles for Firefox only */
+/* stylelint-disable function-url-quotes */
+@-moz-document url-prefix() {
+  #{&}.e-grid-min-height {
+    .e-rowcell,
+    .e-icon-grightarrow,
+    .e-icon-gdownarrow {
+      line-height: normal;
+    }
+  }
+  .e-bigger .e-grid.e-grid-min-height {
+    .e-rowcell,
+    .e-rowcell:first-child,
+    .e-rowcell:last-child {
+      line-height: normal;
+    }
+  }
+}
+/* stylelint-enable function-url-quotes */
+
 
 @include export-module('grid-theme') {