npm - @syncfusion/blazor-themes - Versions diffs - 26.2.9 → 26.2.11 - Mend

@syncfusion/blazor-themes 26.2.9 → 26.2.11

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

package/SCSS-Themes/notifications/toast/fluent.scss CHANGED Viewed

@@ -375,6 +375,9 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -594,7 +597,6 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/fluent2-dark.scss CHANGED Viewed

@@ -382,6 +382,9 @@ $toast-warning-icon: '\e703' !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -601,7 +604,6 @@ $toast-warning-icon: '\e703' !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/fluent2.scss CHANGED Viewed

@@ -382,6 +382,9 @@ $toast-warning-icon: '\e703' !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -601,7 +604,6 @@ $toast-warning-icon: '\e703' !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/highcontrast.scss CHANGED Viewed

@@ -380,6 +380,9 @@ $toast-close-icon-hover-color: $selection-font !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -599,7 +602,6 @@ $toast-close-icon-hover-color: $selection-font !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

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

@@ -5,9 +5,9 @@ $toast-icon-nrml-height: 24px !default;
 $toast-icon-nrml-width: 24px !default;
 $toast-icon-nrml-size: 18px !default;
 $toast-icon-nrml-right-margin: 14px !default;
-$toast-close-icon-nrml-height: 24px !default;
-$toast-close-icon-nrml-width: 24px !default;
-$toast-close-icon-nrml-size: 14px !default;
+$toast-close-icon-nrml-height: 30px !default;
+$toast-close-icon-nrml-width: 30px !default;
+$toast-close-icon-nrml-size: 12px !default;
 $toast-position-nrml-distance: 10px !default;
 $multitoast-nrml-gap-distance: 10px !default;
 $toast-nrml-min-height: 48px !default;
@@ -25,8 +25,8 @@ $toast-icon-bgr-height: 24px !default;
 $toast-icon-bgr-width: 24px !default;
 $toast-icon-bgr-size: 18px !default;
 $toast-icon-bgr-right-margin: 14px !default;
-$toast-close-icon-bgr-height: 24px !default;
-$toast-close-icon-bgr-width: 24px !default;
+$toast-close-icon-bgr-height: 30px !default;
+$toast-close-icon-bgr-width: 30px !default;
 $toast-close-icon-bgr-size: 14px !default;
 $toast-position-bgr-distance: 10px !default;
 $multitoast-bgr-gap-distance: 10px !default;
@@ -385,6 +385,9 @@ $toast-icon-hover-border-radius: 50% !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -604,7 +607,6 @@ $toast-icon-hover-border-radius: 50% !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/material.scss CHANGED Viewed

@@ -5,9 +5,9 @@ $toast-icon-nrml-height: 24px !default;
 $toast-icon-nrml-width: 24px !default;
 $toast-icon-nrml-size: 18px !default;
 $toast-icon-nrml-right-margin: 14px !default;
-$toast-close-icon-nrml-height: 24px !default;
-$toast-close-icon-nrml-width: 24px !default;
-$toast-close-icon-nrml-size: 14px !default;
+$toast-close-icon-nrml-height: 30px !default;
+$toast-close-icon-nrml-width: 30px !default;
+$toast-close-icon-nrml-size: 12px !default;
 $toast-position-nrml-distance: 10px !default;
 $multitoast-nrml-gap-distance: 10px !default;
 $toast-nrml-min-height: 48px !default;
@@ -25,8 +25,8 @@ $toast-icon-bgr-height: 24px !default;
 $toast-icon-bgr-width: 24px !default;
 $toast-icon-bgr-size: 18px !default;
 $toast-icon-bgr-right-margin: 14px !default;
-$toast-close-icon-bgr-height: 24px !default;
-$toast-close-icon-bgr-width: 24px !default;
+$toast-close-icon-bgr-height: 30px !default;
+$toast-close-icon-bgr-width: 30px !default;
 $toast-close-icon-bgr-size: 14px !default;
 $toast-position-bgr-distance: 10px !default;
 $multitoast-bgr-gap-distance: 10px !default;
@@ -385,6 +385,9 @@ $toast-icon-hover-border-radius: 50% !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -604,7 +607,6 @@ $toast-icon-hover-border-radius: 50% !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/material3-dark.scss CHANGED Viewed

@@ -6,8 +6,8 @@ $toast-icon-nrml-height: 24px !default;
 $toast-icon-nrml-width: 24px !default;
 $toast-icon-nrml-size: $text-xl !default;
 $toast-icon-nrml-right-margin: 8px !default;
-$toast-close-icon-nrml-height: 20px !default;
-$toast-close-icon-nrml-width: 20px !default;
+$toast-close-icon-nrml-height: 32px !default;
+$toast-close-icon-nrml-width: 32px !default;
 $toast-close-icon-nrml-size: $text-xl !default;
 $toast-position-nrml-distance: 10px !default;
 $multitoast-nrml-gap-distance: 10px !default;
@@ -28,8 +28,8 @@ $toast-icon-bgr-height: 24px !default;
 $toast-icon-bgr-width: 24px !default;
 $toast-icon-bgr-size: 20px !default;
 $toast-icon-bgr-right-margin: 14px !default;
-$toast-close-icon-bgr-height: 20px !default;
-$toast-close-icon-bgr-width: 20px !default;
+$toast-close-icon-bgr-height: 32px !default;
+$toast-close-icon-bgr-width: 32px !default;
 $toast-close-icon-bgr-size: $text-xl !default;
 $toast-position-bgr-distance: 10px !default;
 $multitoast-bgr-gap-distance: 10px !default;
@@ -387,6 +387,9 @@ $toast-warning-icon: '\e88b' !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -606,7 +609,6 @@ $toast-warning-icon: '\e88b' !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/material3.scss CHANGED Viewed

@@ -6,8 +6,8 @@ $toast-icon-nrml-height: 24px !default;
 $toast-icon-nrml-width: 24px !default;
 $toast-icon-nrml-size: $text-xl !default;
 $toast-icon-nrml-right-margin: 8px !default;
-$toast-close-icon-nrml-height: 20px !default;
-$toast-close-icon-nrml-width: 20px !default;
+$toast-close-icon-nrml-height: 32px !default;
+$toast-close-icon-nrml-width: 32px !default;
 $toast-close-icon-nrml-size: $text-xl !default;
 $toast-position-nrml-distance: 10px !default;
 $multitoast-nrml-gap-distance: 10px !default;
@@ -28,8 +28,8 @@ $toast-icon-bgr-height: 24px !default;
 $toast-icon-bgr-width: 24px !default;
 $toast-icon-bgr-size: 20px !default;
 $toast-icon-bgr-right-margin: 14px !default;
-$toast-close-icon-bgr-height: 20px !default;
-$toast-close-icon-bgr-width: 20px !default;
+$toast-close-icon-bgr-height: 32px !default;
+$toast-close-icon-bgr-width: 32px !default;
 $toast-close-icon-bgr-size: $text-xl !default;
 $toast-position-bgr-distance: 10px !default;
 $multitoast-bgr-gap-distance: 10px !default;
@@ -387,6 +387,9 @@ $toast-warning-icon: '\e88b' !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -606,7 +609,6 @@ $toast-warning-icon: '\e88b' !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/tailwind-dark.scss CHANGED Viewed

@@ -375,6 +375,9 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -594,7 +597,6 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/notifications/toast/tailwind.scss CHANGED Viewed

@@ -375,6 +375,9 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         flex-direction: column;
         overflow: hidden;
         width: inherit;
+        @if $skin-name == 'material' or $skin-name == 'Material3' {
+          flex: 1;
+        }
         .e-toast-title,
         .e-toast-content {
@@ -594,7 +597,6 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         background: $toast-close-icon-hover-bg-color;
         border-radius: $toast-icon-hover-border-radius;
         height: 32px;
-        margin-top: -6px;
       }
       @else {
         background-color: $toast-close-icon-hover-bg-color;

package/SCSS-Themes/popups/dialog/bds-dark.scss CHANGED Viewed

@@ -668,6 +668,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bds.scss CHANGED Viewed

@@ -668,6 +668,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bootstrap-dark.scss CHANGED Viewed

@@ -647,6 +647,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bootstrap.scss CHANGED Viewed

@@ -639,6 +639,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bootstrap4.scss CHANGED Viewed

@@ -639,6 +639,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bootstrap5-dark.scss CHANGED Viewed

@@ -649,6 +649,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/bootstrap5.scss CHANGED Viewed

@@ -649,6 +649,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fabric-dark.scss CHANGED Viewed

@@ -644,6 +644,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fabric.scss CHANGED Viewed

@@ -639,6 +639,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fluent-dark.scss CHANGED Viewed

@@ -655,6 +655,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fluent.scss CHANGED Viewed

@@ -655,6 +655,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fluent2-dark.scss CHANGED Viewed

@@ -662,6 +662,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/fluent2.scss CHANGED Viewed

@@ -662,6 +662,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/highcontrast.scss CHANGED Viewed

@@ -639,6 +639,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

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

@@ -644,6 +644,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/material.scss CHANGED Viewed

@@ -639,6 +639,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/material3-dark.scss CHANGED Viewed

@@ -646,6 +646,7 @@ $zero-value: 0 !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/material3.scss CHANGED Viewed

@@ -646,6 +646,7 @@ $zero-value: 0 !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/tailwind-dark.scss CHANGED Viewed

@@ -649,6 +649,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }

package/SCSS-Themes/popups/dialog/tailwind.scss CHANGED Viewed

@@ -649,6 +649,7 @@ $dialog-enable-resize-padding-bottom: 15px !default;
       .e-btn:hover.e-flat:not([DISABLED]) {
         background: $dialog-footer-flat-hover-btn-bg-color;
+        color: $dialog-footer-flat-btn-bg-color;
       }
     }
   }