@syncfusion/blazor-themes 22.1.37 → 22.1.38

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

@@ -1437,6 +1437,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 {
@@ -2159,7 +2162,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3657,6 +3659,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 {
@@ -5484,6 +5493,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/material.scss

@@ -1435,6 +1435,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 {
@@ -2157,7 +2160,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3655,6 +3657,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 {
@@ -5482,6 +5491,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/material3-dark.scss

@@ -1446,6 +1446,9 @@ $grid-dropitems-count-margin-left: -9px !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: -9px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,13 @@ $grid-dropitems-count-margin-left: -9px !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: -9px !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/material3.scss

@@ -1446,6 +1446,9 @@ $grid-dropitems-count-margin-left: -9px !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: -9px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -3666,6 +3668,13 @@ $grid-dropitems-count-margin-left: -9px !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: -9px !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/tailwind-dark.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/tailwind.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/highcontrast.scss

@@ -6232,6 +6232,7 @@ $float-label-rtl-value: -7px !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,
@@ -25322,7 +25323,7 @@ $calendar-yeardecade-bg-color: $bg-base-0 !default;
 $calendar-yeardecade-hover-color: $hover-font !default;
 $calendar-spanicon-font-weight-style: 300 !default;
 $calendar-title-margin-left-style: 7px !default;
-$calendar-normal-year-decade-padding: 0 0 10px 0 !default;
+$calendar-normal-year-decade-padding: 5px !default;
 $calendar-icon-font-size-style: 14px !default;
 $calendar-link-font-weight-style: 500 !default;
 $calendar-focused-date-bg-style: $bg-base-0 !default;
@@ -28106,8 +28107,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !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 {
@@ -28337,8 +28336,6 @@ $cbox-checked-ripple-bgcolo: rgba(0, 0, 0, .3) !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 {
@@ -41606,7 +41603,7 @@ $range-header-btn-max-width: 116px !default;
 $range-header-btn-bigger-max-width: 132px !default;
 $range-presets-width: 160px !default;
 $range-hover-start-radius: 50% 0 0 50% !default;
-$range-hover-end-radius: 0 !default;
+$range-hover-end-radius: 0 50% 50% 0 !default;
 $range-text-overflow: ellipsis !default;
 $range-icon-hover-color: $hover-bg !default;
 $range-icon-border-radius: 0 !default;
@@ -75691,6 +75688,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 {
@@ -76413,7 +76413,6 @@ $grid-dropitems-count-margin-left: -8px !default;
       border-collapse: separate;
       table-layout: fixed;
       width: 100%;
-      border-spacing: 0.25px;
     }
 
     .e-tableborder {
@@ -77911,6 +77910,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 {
@@ -79738,6 +79744,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') {
 
@@ -117460,7 +117486,16 @@ $image-editor-contextual-toolbar: $bg-base-0 !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;
 
@@ -117566,7 +117601,16 @@ $image-editor-contextual-toolbar: $bg-base-0 !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/image-editor/image-editor/bootstrap-dark.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $grey-darker !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $grey-darker !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/image-editor/image-editor/bootstrap.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $grey-f8 !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $grey-f8 !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/image-editor/image-editor/bootstrap4.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $gray-100 !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $gray-100 !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/image-editor/image-editor/bootstrap5-dark.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !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/image-editor/image-editor/bootstrap5.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $content-bg-color-alt1 !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/image-editor/image-editor/fabric-dark.scss

@@ -99,7 +99,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !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;
 
@@ -205,7 +214,16 @@ $image-editor-contextual-toolbar: $neutral-lighter !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;