@syncfusion/blazor-themes 25.1.35 → 25.1.37

package/SCSS-Themes/bootstrap5-dark.scss

@@ -27141,7 +27141,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -91357,7 +91357,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
@@ -91757,7 +91757,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -92203,10 +92203,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -92328,6 +92324,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92714,6 +92714,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -116149,7 +116170,9 @@ $qrybldr-icon-color: $icon-color !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -118270,6 +118293,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122864,6 +122891,9 @@ $image-editor-finetune-span: 29% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -126343,7 +126373,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/bootstrap5.scss

@@ -27141,7 +27141,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -91357,7 +91357,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
@@ -91757,7 +91757,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -92203,10 +92203,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -92328,6 +92324,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92714,6 +92714,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -116149,7 +116170,9 @@ $qrybldr-icon-color: $icon-color !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -118270,6 +118293,10 @@ $schedule-multiple-event-popup-icon-bg-color: $schedule-header-bg-color !default
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122864,6 +122891,9 @@ $image-editor-finetune-span: 29% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -126343,7 +126373,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-lg !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {

package/SCSS-Themes/calendars/calendar/bds-dark.scss

@@ -1541,7 +1541,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bds.scss

@@ -1541,7 +1541,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bootstrap-dark.scss

@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bootstrap.scss

@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bootstrap4.scss

@@ -1507,7 +1507,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bootstrap5-dark.scss

@@ -1527,7 +1527,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/bootstrap5.scss

@@ -1527,7 +1527,7 @@ $today-button-text-active-color: $primary-text-pressed !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/fabric-dark.scss

@@ -1471,7 +1471,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/fabric.scss

@@ -1469,7 +1469,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/fluent-dark.scss

@@ -1531,7 +1531,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/fluent.scss

@@ -1531,7 +1531,7 @@ $calendar-week-number-border: 1px solid $content-text-color-alt3 !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/highcontrast.scss

@@ -1468,7 +1468,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/material-dark.scss

@@ -1473,7 +1473,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/material.scss

@@ -1468,7 +1468,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/material3-dark.scss

@@ -1474,7 +1474,7 @@ $calendar-small-font-size: $text-xs !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/material3.scss

@@ -1474,7 +1474,7 @@ $calendar-small-font-size: $text-xs !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/tailwind-dark.scss

@@ -1540,7 +1540,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/calendars/calendar/tailwind.scss

@@ -1540,7 +1540,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

package/SCSS-Themes/dropdowns/multi-select/fluent-dark.scss

@@ -247,7 +247,7 @@ $ddl-small-clear-icon-width: 12px !default;
 
   .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
   .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-    margin-top: -1.5em;
+    margin-top: -1.6em;
   }
 }
 

package/SCSS-Themes/dropdowns/multi-select/fluent.scss

@@ -247,7 +247,7 @@ $ddl-small-clear-icon-width: 12px !default;
 
   .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
   .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-    margin-top: -1.5em;
+    margin-top: -1.6em;
   }
 }
 

package/SCSS-Themes/dropdowns/multi-select/material-dark.scss

@@ -235,6 +235,17 @@ $ddl-multiselect-filled-floatlabel-fontsize-bigger: 12px !default;
 $filled-multiselect-chip-bg-color: $grey-800 !default;
 $filled-multiselect-chip-hover-bg-color: $grey-700 !default;
 
+@include export-module('multiselect-material-dark') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}
+
 .e-multi-select-wrapper {
   box-sizing: border-box;
   cursor: text;

package/SCSS-Themes/dropdowns/multi-select/material.scss

@@ -228,6 +228,17 @@ $outline-multiselect-disabled-chip-bg-color: $grey-100 !default;
 $filled-multiselect-chip-bg-color: darken($grey-300, 7%) !default;
 $filled-multiselect-chip-hover-bg-color: darken($grey-300, 7%) !default;
 
+@include export-module('multiselect-material') {
+  .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 1px 0;
+  }
+
+  .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'],
+  .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type = 'text'] {
+    padding: 0;
+  }
+}
+
 .e-multi-select-wrapper {
   box-sizing: border-box;
   cursor: text;

package/SCSS-Themes/fabric-dark.scss

@@ -26841,7 +26841,7 @@ $calendar-small-font-size: 12px !default;
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -90940,7 +90940,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
         @if $skin-name =='bootstrap' or $skin-name =='botstrap-dark' {
           &:hover,
           &:focus{
-            padding: 6px 2px;
+            padding: 7px 3px;
           }
         }
 
@@ -91340,7 +91340,7 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-rte-numberformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control,
     .e-rte-bulletformatlist-dropdown.e-dropdown-btn.e-tbar-btn.e-btn.e-control {
       @if $skin-name == 'tailwind' {
-        padding: 1px;
+        padding: 0;
       }
     }
   }
@@ -91786,10 +91786,6 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       box-shadow: $rte-table-popup-box;
     }
 
-    .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items.e-toolbar-multirow:not(.e-tbar-pos) .e-toolbar-item:first-child {
-      margin-left: 6px;
-    }
-
     .e-rte-elements.e-rte-quick-popup .e-toolbar .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
       min-width: 24px;
     }
@@ -91911,6 +91907,10 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
       display: block;
     }
   }
+  // Used to hide the Color picker during the rendering at the initial stage. Removed the class in the created event.
+  .e-rte-picker-init {
+    display: none !important; /* stylelint-disable-line declaration-no-important */
+  }
 }
 
 
@@ -92297,6 +92297,27 @@ $rte-format-painter-cursor: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiI
     .e-video-url-wrap textarea {
       height: 80px;
     }
+
+    @if $skin-name == 'FluentUI' {
+      .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+      .e-toolbar .e-toolbar-item .e-tbar-btn{
+        border: 1px solid transparent;
+        &:hover{
+          border: 1px solid transparent;
+        }
+      }
+    }
+
+    @if $skin-name == 'bootstrap-dark' {
+      .e-toolbar-extended .e-toolbar-item:not(.e-active) .e-tbar-btn{
+        border: 1px solid transparent;
+      }
+    }
   }
 
   .e-rte-quick-popup {
@@ -115708,7 +115729,9 @@ $qrybldr-btngrp-brdr-radius: 0 !default;
     }
 
     & .e-group-header .e-dropdown-btn.e-add-btn,
-    .e-deletegroup {
+    .e-deletegroup,
+    .e-clone-grp-btn,
+    .e-lock-grp-btn {
       @if $skin-name == 'bootstrap5' {
         background: $qrybldr-btngroup-bgcolor;
         box-shadow: none;
@@ -117818,6 +117841,10 @@ $schedule-tree-content-color: #fff !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122412,6 +122439,9 @@ $image-editor-finetune-span: 29% !default;
 
   .e-ie-finetune-slider-wrap {
     top: calc(50% - 15px) !important; /* stylelint-disable-line declaration-no-important */
+    @if $skin-name == 'Material3' or $skin-name == 'tailwind' {
+      top: calc(50% - 14px) !important; /* stylelint-disable-line declaration-no-important */
+    }
   }
 
   .e-transparency-slider-wrap {
@@ -124889,7 +124919,7 @@ $ribbon-bigger-rtl-button-icon-padding: 11px 16px 11px 12px !default;
 $ribbon-bigger-caret-icon-padding: 0 12px !default;
 $ribbon-bigger-rtl-caret-icon-padding: 0 12px !default;
 
-$ribbon-header-bg-color: $neutral-light-font !default;
+$ribbon-header-bg-color: $neutral-lighter !default;
 $ribbon-border-color: unset !default;
 $ribbon-group-seperator-color: $neutral-quintenary !default;
 $ribbon-group-border-color: $neutral-quintenary !default;
@@ -125885,7 +125915,7 @@ $ribbon-gallery-popup-box-shadow: 0 2px 5px 0 rgba($shadow, .26) !default;
   }
 
   .e-ribbon-group-overflow-ddb {
-    &.e-dropdown-popup {
+    &.e-dropdown-popup:has(.e-ribbon-overflow-target) {
       min-width: 190px;
     }
     .e-ribbon-of-tab:not(.e-ribbon-active) {