@syncfusion/blazor-themes 23.2.5 → 23.2.7

package/SCSS-Themes/bootstrap-dark.scss

@@ -75142,6 +75142,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -8px !default;
 $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
+$grid-headercelldiv-sort-centeralign-padding-right: .4em !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77586,6 +77587,22 @@ margin: $grid-group-animator-cell-margin;
       padding: $grid-headercelldiv-padding;
     }
 
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
     .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
       @if $grid-skin == 'bootstrap5' {
         padding-left: 8px;
@@ -78547,6 +78564,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81734,6 +81752,10 @@ margin: $grid-group-animator-cell-margin;
     }
   }
 
+  .e-spreadsheet .e-ftrchk.e-chkfocus {
+    background-color: $grid-hover-bg-color;
+  }
+
   .e-tooltip-wrap.e-griderror,
   .e-control.e-tooltip-wrap.e-popup.e-griderror {
     background-color: $grid-val-error-bg-color;
@@ -96526,6 +96548,9 @@ $toast-danger-hover-color: $toast-danger-color !default;
 $toast-danger-hover-border-color: $brand-danger !default;
 $toast-danger-hover-box-shadow: 0 6px 12px rgba($base-font, .5) !default;
 
+$toast-close-icon-hover-bg-color: transparent !default;
+$toast-close-icon-hover-color: $grey-dark-font !default;
+
 //enddefault
 
 @include export-module('toast-layout') {
@@ -97010,6 +97035,34 @@ $toast-danger-hover-box-shadow: 0 6px 12px rgba($base-font, .5) !default;
         box-shadow: none;
         outline: 0;
       }
+
+      &.e-blazor-toast-close-icon:focus,
+      &.e-blazor-toast-close-icon:hover {
+        @if $skin-name == 'Material3' {
+          background: $toast-close-icon-hover-bg-color;
+        }
+        @else {
+          background-color: $toast-close-icon-hover-bg-color;
+        }
+        color: $toast-close-icon-hover-color;
+      }
+    }
+    
+    .e-toast-close-icon.e-icons:hover,
+    .e-toast-close-icon.e-icons:focus{
+      @if $skin-name == 'Material3' {
+        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;
+      }
+      @if $skin-name == 'material' {
+        border-radius: $toast-icon-hover-border-radius;
+      }
+      color: $toast-close-icon-hover-color;
     }
 
     &.e-toast-success {
@@ -99896,15 +99949,15 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }

package/SCSS-Themes/bootstrap.scss

@@ -74853,6 +74853,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -8px !default;
 $grid-headercelldiv-padding: 0 1.8em 0 .4em !default;
+$grid-headercelldiv-sort-centeralign-padding-right: .4em !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77295,6 +77296,22 @@ margin: $grid-group-animator-cell-margin;
       padding: $grid-headercelldiv-padding;
     }
 
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
     .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
       @if $grid-skin == 'bootstrap5' {
         padding-left: 8px;
@@ -78256,6 +78273,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81443,6 +81461,10 @@ margin: $grid-group-animator-cell-margin;
     }
   }
 
+  .e-spreadsheet .e-ftrchk.e-chkfocus {
+    background-color: $grid-hover-bg-color;
+  }
+
   .e-tooltip-wrap.e-griderror,
   .e-control.e-tooltip-wrap.e-popup.e-griderror {
     background-color: $grid-val-error-bg-color;
@@ -96287,6 +96309,9 @@ $toast-danger-hover-border-color: #ebccd1 !default;
 $toast-danger-hover-box-shadow: 0 3px 6px 0 !default;
 $toast-title-font-weight: bold !default;
 
+$toast-close-icon-hover-bg-color: transparent !default;
+$toast-close-icon-hover-color: rgba($base-font, .8) !default;
+
 @include export-module('toast-layout') {
 
   /*! toast layout */
@@ -96769,6 +96794,34 @@ $toast-title-font-weight: bold !default;
         box-shadow: none;
         outline: 0;
       }
+
+      &.e-blazor-toast-close-icon:focus,
+      &.e-blazor-toast-close-icon:hover {
+        @if $skin-name == 'Material3' {
+          background: $toast-close-icon-hover-bg-color;
+        }
+        @else {
+          background-color: $toast-close-icon-hover-bg-color;
+        }
+        color: $toast-close-icon-hover-color;
+      }
+    }
+    
+    .e-toast-close-icon.e-icons:hover,
+    .e-toast-close-icon.e-icons:focus{
+      @if $skin-name == 'Material3' {
+        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;
+      }
+      @if $skin-name == 'material' {
+        border-radius: $toast-icon-hover-border-radius;
+      }
+      color: $toast-close-icon-hover-color;
     }
 
     &.e-toast-success {
@@ -99655,15 +99708,15 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }

package/SCSS-Themes/bootstrap4.scss

@@ -75037,6 +75037,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .35em 0 .3em !default;
 $grid-ungroup-rtl-padding-right: -10px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
+$grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77483,6 +77484,22 @@ margin: $grid-group-animator-cell-margin;
       padding: $grid-headercelldiv-padding;
     }
 
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
     .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
       @if $grid-skin == 'bootstrap5' {
         padding-left: 8px;
@@ -78444,6 +78461,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81631,6 +81649,10 @@ margin: $grid-group-animator-cell-margin;
     }
   }
 
+  .e-spreadsheet .e-ftrchk.e-chkfocus {
+    background-color: $grid-hover-bg-color;
+  }
+
   .e-tooltip-wrap.e-griderror,
   .e-control.e-tooltip-wrap.e-popup.e-griderror {
     background-color: $grid-val-error-bg-color;
@@ -96605,6 +96627,9 @@ $toast-danger-hover-box-shadow: 0 4px 12px !default;
 
 $toast-title-font-weight: bold !default;
 
+$toast-close-icon-hover-bg-color: transparent !default;
+$toast-close-icon-hover-color: $black !default;
+
 @include export-module('toast-layout') {
 
   /*! toast layout */
@@ -97087,6 +97112,34 @@ $toast-title-font-weight: bold !default;
         box-shadow: none;
         outline: 0;
       }
+
+      &.e-blazor-toast-close-icon:focus,
+      &.e-blazor-toast-close-icon:hover {
+        @if $skin-name == 'Material3' {
+          background: $toast-close-icon-hover-bg-color;
+        }
+        @else {
+          background-color: $toast-close-icon-hover-bg-color;
+        }
+        color: $toast-close-icon-hover-color;
+      }
+    }
+    
+    .e-toast-close-icon.e-icons:hover,
+    .e-toast-close-icon.e-icons:focus{
+      @if $skin-name == 'Material3' {
+        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;
+      }
+      @if $skin-name == 'material' {
+        border-radius: $toast-icon-hover-border-radius;
+      }
+      color: $toast-close-icon-hover-color;
     }
 
     &.e-toast-success {
@@ -100019,15 +100072,15 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }

package/SCSS-Themes/bootstrap5-dark.scss

@@ -75404,6 +75404,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: -9px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
+$grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77847,6 +77848,22 @@ margin: $grid-group-animator-cell-margin;
       padding: $grid-headercelldiv-padding;
     }
 
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
     .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
       @if $grid-skin == 'bootstrap5' {
         padding-left: 8px;
@@ -78808,6 +78825,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81995,6 +82013,10 @@ margin: $grid-group-animator-cell-margin;
     }
   }
 
+  .e-spreadsheet .e-ftrchk.e-chkfocus {
+    background-color: $grid-hover-bg-color;
+  }
+
   .e-tooltip-wrap.e-griderror,
   .e-control.e-tooltip-wrap.e-popup.e-griderror {
     background-color: $grid-val-error-bg-color;
@@ -96781,6 +96803,9 @@ $toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger-bg-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
 
+$toast-close-icon-hover-bg-color: $transparent !default;
+$toast-close-icon-hover-color: $icon-color-hover !default;
+
 // Toast Type Definitions End
 //Theme Variables End
 
@@ -97266,6 +97291,34 @@ $toast-danger-hover-box-shadow: $shadow !default;
         box-shadow: none;
         outline: 0;
       }
+
+      &.e-blazor-toast-close-icon:focus,
+      &.e-blazor-toast-close-icon:hover {
+        @if $skin-name == 'Material3' {
+          background: $toast-close-icon-hover-bg-color;
+        }
+        @else {
+          background-color: $toast-close-icon-hover-bg-color;
+        }
+        color: $toast-close-icon-hover-color;
+      }
+    }
+    
+    .e-toast-close-icon.e-icons:hover,
+    .e-toast-close-icon.e-icons:focus{
+      @if $skin-name == 'Material3' {
+        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;
+      }
+      @if $skin-name == 'material' {
+        border-radius: $toast-icon-hover-border-radius;
+      }
+      color: $toast-close-icon-hover-color;
     }
 
     &.e-toast-success {
@@ -100146,15 +100199,15 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }

package/SCSS-Themes/bootstrap5.scss

@@ -75404,6 +75404,7 @@ $grid-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-bigger-rtl-headercelldiv-chkbox-padding: 0 .45em 0 .5em !default;
 $grid-ungroup-rtl-padding-right: -9px !default;
 $grid-headercelldiv-padding: 0 20px 0 5px !default;
+$grid-headercelldiv-sort-centeralign-padding-right: 5px !default;
 $grid-headercell-div-padding: 0 .4em !default;
 $grid-group-text-width: auto !default;
 $grid-grouptopleftcell-border-top: 2px solid !default;
@@ -77847,6 +77848,22 @@ margin: $grid-group-animator-cell-margin;
       padding: $grid-headercelldiv-padding;
     }
 
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-right: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell[aria-sort="none"],
+    &.e-rtl .e-gridheader .e-sortfilter .e-centeralign.e-headercell:not([aria-sort]) {
+      .e-headercelldiv,
+      .e-stackedheadercelldiv {
+        padding-left: $grid-headercelldiv-sort-centeralign-padding-right;
+      }
+    }
+
     .e-gridheader .e-headercell .e-headercelldiv.e-headerchkcelldiv {
       @if $grid-skin == 'bootstrap5' {
         padding-left: 8px;
@@ -78808,6 +78825,7 @@ margin: $grid-group-animator-cell-margin;
 
     .e-tooltip-wrap.e-griderror .e-arrow-tip.e-tip-top {
       left: 44%;
+      top: -8px;
     }
 
     .e-normaledit .e-rowcell {
@@ -81995,6 +82013,10 @@ margin: $grid-group-animator-cell-margin;
     }
   }
 
+  .e-spreadsheet .e-ftrchk.e-chkfocus {
+    background-color: $grid-hover-bg-color;
+  }
+
   .e-tooltip-wrap.e-griderror,
   .e-control.e-tooltip-wrap.e-popup.e-griderror {
     background-color: $grid-val-error-bg-color;
@@ -96781,6 +96803,9 @@ $toast-danger-hover-bg-color: $danger-light !default;
 $toast-danger-hover-color: $danger-bg-color !default;
 $toast-danger-hover-box-shadow: $shadow !default;
 
+$toast-close-icon-hover-bg-color: $transparent !default;
+$toast-close-icon-hover-color: $icon-color-hover !default;
+
 // Toast Type Definitions End
 //Theme Variables End
 
@@ -97266,6 +97291,34 @@ $toast-danger-hover-box-shadow: $shadow !default;
         box-shadow: none;
         outline: 0;
       }
+
+      &.e-blazor-toast-close-icon:focus,
+      &.e-blazor-toast-close-icon:hover {
+        @if $skin-name == 'Material3' {
+          background: $toast-close-icon-hover-bg-color;
+        }
+        @else {
+          background-color: $toast-close-icon-hover-bg-color;
+        }
+        color: $toast-close-icon-hover-color;
+      }
+    }
+    
+    .e-toast-close-icon.e-icons:hover,
+    .e-toast-close-icon.e-icons:focus{
+      @if $skin-name == 'Material3' {
+        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;
+      }
+      @if $skin-name == 'material' {
+        border-radius: $toast-icon-hover-border-radius;
+      }
+      color: $toast-close-icon-hover-color;
     }
 
     &.e-toast-success {
@@ -100146,15 +100199,15 @@ $pv-eye-icon-margin-top: 3px !default;
     font-size: 18px;
   }
 
-  .e-pv-annotation-color-container .e-btn,
-  .e-pv-annotation-opacity-container .e-btn,
-  .e-pv-annotation-stroke-container .e-btn,
-  .e-pv-custom-annotation-thickness-container .e-btn,
-  .e-pv-custom-annotation-opacity-container .e-btn,
-  .e-pv-annotation-thickness-container .e-btn,
-  .e-pv-annotation-textcolor-container .e-btn,
-  .e-pv-annotation-textalign-container .e-btn,
-  .e-pv-annotation-textprop-container .e-btn {
+  .e-pv-annotation-color-container.e-icon-btn,
+  .e-pv-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-stroke-container.e-icon-btn,
+  .e-pv-custom-annotation-thickness-container.e-icon-btn,
+  .e-pv-custom-annotation-opacity-container.e-icon-btn,
+  .e-pv-annotation-thickness-container.e-icon-btn,
+  .e-pv-annotation-textcolor-container.e-icon-btn,
+  .e-pv-annotation-textalign-container.e-icon-btn,
+  .e-pv-annotation-textprop-container.e-icon-btn {
     height: $pv-annotation-drop-down-height;
     width: $pv-annotation-drop-down-width;
   }