npm - @syncfusion/blazor-themes - Versions diffs - 29.1.41 → 29.2.4 - Mend

@syncfusion/blazor-themes 29.1.41 → 29.2.4

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 (301) hide show

package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fabric-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fabric-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fabric.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2-highcontrast.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/fluent2.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/highcontrast-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/highcontrast.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material-dark-lite.scss CHANGED Viewed

@@ -579,8 +579,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material-dark.scss CHANGED Viewed

@@ -579,8 +579,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material3-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material3-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material3-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/material3.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind3-dark-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind3-dark.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind3-lite.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/image-editor/image-editor/tailwind3.scss CHANGED Viewed

@@ -577,8 +577,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/material-dark-lite.scss CHANGED Viewed

@@ -48878,7 +48878,12 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -84213,7 +84218,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -84226,6 +84231,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -88489,9 +88500,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -99430,6 +99438,11 @@ $schedule-tree-content-color: #fff !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -103961,8 +103974,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {

package/SCSS-Themes/material-dark.scss CHANGED Viewed

@@ -66179,7 +66179,12 @@ $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
 }
 .e-multi-select-wrapper .e-delim-values {
-  font-family: $ddl-chip-font-family;
+  @if $ddl-multiselect-skin-name == 'tailwind' {
+    font-family: $multi-select-delim-font-family;
+  }
+  @else {
+    font-family: $ddl-chip-font-family;
+  }
   font-size: $ddl-delim-font-size;
   line-height: $ddl-delimviewheight;
   max-width: 100%;
@@ -111895,7 +111900,7 @@ $lg-desktop: 1399.98;
       color: $pv-icon-color-hover;
     }
     @if $skin-name == 'bootstrap5.3' {
-      color: $pv-icon-color-hover !important;/* stylelint-disable-line declaration-no-important */
+      color: $pv-icon-color-hover;/* stylelint-disable-line declaration-no-important */
     }
     @if $skin-name == 'bootstrap5' {
       color: $white;
@@ -111908,6 +111913,12 @@ $lg-desktop: 1399.98;
     }
   }
+  .e-pv-annotation-toolbar.e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
+    @if $skin-name == 'bootstrap5.3' {
+      color: $pv-icon-color;/* stylelint-disable-line declaration-no-important */
+    }
+  }
   .e-pv-toolbar .e-popup .e-pv-tbar-btn:hover {
     @if ($skin-name == 'bootstrap5.3') {
       color: $pv-icon-color !important;/* stylelint-disable-line declaration-no-important */
@@ -116171,9 +116182,6 @@ $lg-desktop: 1399.98;
     @if ($skin-name == 'bootstrap5') {
       color: $white;
     }
-    @if ($skin-name == 'bootstrap5.3') {
-      color: var(--color-sf-icon-color);
-    }
   }
   .e-dialog.e-pv-signature-dialog-height {
@@ -130171,6 +130179,11 @@ $schedule-tree-content-color: #fff !default;
     }
     .e-vertical-view {
+      .e-month-event-table {
+        position: absolute;
+        top: 0;
+      }
       &.e-timescale-disable {
         .e-content-table,
         .e-content-wrap {
@@ -135498,8 +135511,8 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   }
   .e-ie-img-dlg-canvas {
-    width: 100%;
-    height: 100%;
+    width: auto;
+    height: auto;
   }
   .e-ie-img-size {