@syncfusion/blazor-themes 25.1.35 → 25.1.38

package/SCSS-Themes/schedule/schedule/material3-dark.scss

@@ -1321,6 +1321,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }

package/SCSS-Themes/schedule/schedule/material3.scss

@@ -1321,6 +1321,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-nrml-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }

package/SCSS-Themes/schedule/schedule/tailwind-dark.scss

@@ -1311,6 +1311,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }

package/SCSS-Themes/schedule/schedule/tailwind.scss

@@ -1311,6 +1311,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }

package/SCSS-Themes/tailwind-dark.scss

@@ -27094,7 +27094,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -64226,11 +64226,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -83155,9 +83159,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -83211,9 +83218,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -89746,7 +89756,7 @@ $rte-quick-item-btn-width: 26px !default;
 $rte-big-quick-item-btn-height: 38px !default;
 $rte-quick-item-btn-height: 30px !default;
 $rte-big-quick-item-padding: 12px !default;
-$rte-quick-item-padding: 3px !default;
+$rte-quick-item-padding: 0 3px !default;
 $rte-quick-item-icon-min-width: 24px !default;
 $rte-big-quick-item-line-height: $leading-normal !default;
 $rte-content-padding: 12px !default;
@@ -89785,8 +89795,8 @@ $rte-big-drop-btn-padding-left: 10px !default;
 $rte-big-drop-btn-padding-right: 6px !default;
 $rte-big-drop-btn-action-padding-left: 10px !default;
 $rte-big-drop-btn-action-padding-right: 6px !default;
-$rte-colorpicker-parent-padding: 1px !default;
-$rte-colorpicker-parent-padding-hover: 1px !default;
+$rte-colorpicker-parent-padding: 0 !default;
+$rte-colorpicker-parent-padding-hover: 0 !default;
 $rte-colorpicker-parent-padding-active-hover: 0 !default;
 $rte-dropdown-btn-color-content-height: 30px !default;
 $rte-big-dropdown-btn-color-content-height: 38px !default;
@@ -89819,7 +89829,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
 $rte-inline-tmp-size-min-width: 66px;
 $rte-big-inline-tmp-color-min-width: 50px;
 $rte-inline-tmp-color-min-width: 55px;
-$rte-big-color-list-span-common-padding-left-right: 1px;
+$rte-big-color-list-span-common-padding-left-right: 0;
 $rte-placeholder-padding: 12px !default;
 $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
@@ -89893,7 +89903,7 @@ $rte-split-btn-span-active-bg: $secondary-bg-color-pressed !default;
 $rte-split-btn-bar-bg: $content-bg-color-alt1 !default;
 $rte-split-btn-active-bar-bg: $content-bg-color !default;
 $rte-split-btn-bar-size: 0 !default;
-$rte-split-btn-active-border: 0 solid $secondary-border-color-hover !default;
+$rte-split-btn-active-border: 1px solid $secondary-border-color-hover !default;
 $rte-split-btn-active-color-icon-line-height: 30px !default;
 $rte-big-split-btn-active-color-icon-line-height: 38px !default;
 
@@ -91280,12 +91290,12 @@ $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;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91680,7 +91690,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;
       }
     }
   }
@@ -92126,10 +92136,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;
     }
@@ -92251,6 +92257,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 */
+  }
 }
 
 
@@ -92637,6 +92647,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 {
@@ -116075,7 +116106,9 @@ $qrybldr-collapse-brdr-color: $border-light !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;
@@ -118188,6 +118221,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122782,6 +122819,9 @@ $image-editor-finetune-span: 28% !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 {
@@ -126255,7 +126295,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-md !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/tailwind.scss

@@ -27091,7 +27091,7 @@ $calendar-today-btn-primary-disabled-border-color: $primary-border-color-disable
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 
@@ -64223,11 +64223,15 @@ $listbox-ej2-filterselect-bigger-height: calc(100% - 106px) !default;
     }
 
     .e-input-group {
-      padding: 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 8px;
+      }
     }
 
     .e-input-focus {
-      padding: 4px 4px 4px 8px;
+      @if $skin-name != 'tailwind' {
+        padding: 4px 4px 4px 8px;
+      }
     }
 
     .e-hidden-select {
@@ -83152,9 +83156,12 @@ margin: $grid-group-animator-cell-margin;
     &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
     &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
       &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-        @if $grid-skin == 'material3' or grid-skin == 'bootstrap4' {
+        @if $grid-skin == 'material3' {
           background-color: rgb(250 244 244);
         }
+        @if $grid-skin == 'bootstrap4' {
+          background-color: rgb(236 233 233);
+        }
       }
     }
 
@@ -83208,9 +83215,12 @@ margin: $grid-group-animator-cell-margin;
       &.e-rtl .e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-rowdragdrop.e-fixedfreeze,
       &.e-gridhover .e-row:not(.e-disable-gridhover):not(.e-detailrow):hover .e-detailrowexpand {
         &:not(.e-cellselectionbackground):not(.e-active):not(.e-updatedtd):not(.e-indentcell) {
-          @if $grid-skin == 'material3' or $grid-skin == 'bootstrap4' {
+          @if $grid-skin == 'material3' {
             background-color: rgb(250 244 244);
           }
+          @if $grid-skin == 'bootstrap4' {
+            background-color: rgb(236 233 233);
+          }
         }
       }
     }
@@ -89743,7 +89753,7 @@ $rte-quick-item-btn-width: 26px !default;
 $rte-big-quick-item-btn-height: 38px !default;
 $rte-quick-item-btn-height: 30px !default;
 $rte-big-quick-item-padding: 12px !default;
-$rte-quick-item-padding: 3px !default;
+$rte-quick-item-padding: 0 3px !default;
 $rte-quick-item-icon-min-width: 24px !default;
 $rte-big-quick-item-line-height: $leading-normal !default;
 $rte-content-padding: 12px !default;
@@ -89782,8 +89792,8 @@ $rte-big-drop-btn-padding-left: 10px !default;
 $rte-big-drop-btn-padding-right: 6px !default;
 $rte-big-drop-btn-action-padding-left: 10px !default;
 $rte-big-drop-btn-action-padding-right: 6px !default;
-$rte-colorpicker-parent-padding: 1px !default;
-$rte-colorpicker-parent-padding-hover: 1px !default;
+$rte-colorpicker-parent-padding: 0 !default;
+$rte-colorpicker-parent-padding-hover: 0 !default;
 $rte-colorpicker-parent-padding-active-hover: 0 !default;
 $rte-dropdown-btn-color-content-height: 30px !default;
 $rte-big-dropdown-btn-color-content-height: 38px !default;
@@ -89816,7 +89826,7 @@ $rte-big-inline-tmp-size-min-width: 59px;
 $rte-inline-tmp-size-min-width: 66px;
 $rte-big-inline-tmp-color-min-width: 50px;
 $rte-inline-tmp-color-min-width: 55px;
-$rte-big-color-list-span-common-padding-left-right: 1px;
+$rte-big-color-list-span-common-padding-left-right: 0;
 $rte-placeholder-padding: 12px !default;
 $rte-default-character-count-opacity: 1;
 $rte-droparea-line-height: 10;
@@ -89890,7 +89900,7 @@ $rte-split-btn-span-active-bg: $secondary-bg-color-pressed !default;
 $rte-split-btn-bar-bg: $content-bg-color-alt1 !default;
 $rte-split-btn-active-bar-bg: $content-bg-color !default;
 $rte-split-btn-bar-size: 0 !default;
-$rte-split-btn-active-border: 0 solid $secondary-border-color-hover !default;
+$rte-split-btn-active-border: 1px solid $secondary-border-color-hover !default;
 $rte-split-btn-active-color-icon-line-height: 30px !default;
 $rte-big-split-btn-active-color-icon-line-height: 38px !default;
 
@@ -91277,12 +91287,12 @@ $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;
           }
         }
 
         @if $skin-name =='material' or $skin-name =='material-dark' {
-          padding: 3px;
+          padding: 0 6px;
         }
 
         .e-tbar-btn-text {
@@ -91677,7 +91687,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;
       }
     }
   }
@@ -92123,10 +92133,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;
     }
@@ -92248,6 +92254,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 */
+  }
 }
 
 
@@ -92634,6 +92644,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 {
@@ -116072,7 +116103,9 @@ $qrybldr-collapse-brdr-color: $border-light !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;
@@ -118185,6 +118218,10 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
         position: relative;
       }
 
+      .e-appointment-wrapper-hidden {
+        visibility: hidden;
+      }
+
       .e-all-day-appointment-wrapper .e-appointment:not(.e-schedule-event-clone) {
         cursor: default;
       }
@@ -122779,6 +122816,9 @@ $image-editor-finetune-span: 28% !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 {
@@ -126252,7 +126292,7 @@ $ribbon-gallery-popup-box-shadow: $shadow-md !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/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"25.1.35","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}
+{"name":"@syncfusion/blazor-themes","version":"25.1.38","description":"This package contains the individual component wise SCSS files and single SCSS files for Syncfusion Blazor components.","author":"Syncfusion Inc.","license":"SEE LICENSE IN license","keywords":["Blazor","Blazor Themes","Syncfusion","Syncfusion Blazor","Web components","Themes","Individual Themes","Combined Themes","Syncfusion Blazor SCSS"],"repository":{"type":"git","url":"git@github.com/syncfusion/blazor-samples"}}