@syncfusion/blazor-themes 21.1.38 → 21.1.39

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

@@ -885,7 +885,9 @@ $schedule-tree-content-color: $shadow !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -902,7 +904,9 @@ $schedule-tree-content-color: $shadow !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -890,7 +890,9 @@ $schedule-tree-content-color: $content-text-color-alt2;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -907,7 +909,9 @@ $schedule-tree-content-color: $content-text-color-alt2;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -890,7 +890,9 @@ $schedule-tree-content-color: $content-text-color-alt2;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -907,7 +909,9 @@ $schedule-tree-content-color: $content-text-color-alt2;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -886,7 +886,9 @@ $schedule-tree-content-color: #fff !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -903,7 +905,9 @@ $schedule-tree-content-color: #fff !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -885,7 +885,9 @@ $schedule-tree-content-color: #fff !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -902,7 +904,9 @@ $schedule-tree-content-color: #fff !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -885,7 +885,9 @@ $schedule-tree-content-color: $shadow;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -902,7 +904,9 @@ $schedule-tree-content-color: $shadow;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -887,7 +887,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -904,7 +906,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

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

@@ -887,7 +887,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -904,7 +906,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 

package/SCSS-Themes/tailwind-dark.scss

@@ -40055,7 +40055,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-icon-btn) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -52571,18 +52571,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {
@@ -90162,6 +90150,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
 
@@ -90169,6 +90163,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
 
         @if $skin-name == 'bootstrap4' {
@@ -108990,7 +108990,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -109007,7 +109009,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 
@@ -115598,6 +115602,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
 
+      .e-input-group {
+        margin-bottom: 0;
+      }
+
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -115887,6 +115895,7 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
 
       .e-colorpicker-wrapper {
         border: 1px solid transparent;
+        border-radius: $ribbon-items-border-radius;
 
         .e-split-btn-wrapper.e-rtl .e-split-colorpicker {
           &.e-split-btn {
@@ -116276,6 +116285,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
 
+      .e-input-group {
+        margin-bottom: 0;
+      }
+
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

package/SCSS-Themes/tailwind.scss

@@ -40052,7 +40052,7 @@ $listview-template-multiline-content-color: $content-text-color-alt2 !default;
         font-size: $listview-header-font-size;
       }
 
-      & .e-icons {
+      & .e-icons:not(.e-primary .e-icon-btn) {
         color: $listview-icon-color;
 
         @if ($skin-name == 'tailwind') {
@@ -52568,18 +52568,6 @@ $tab-background-text-color: $tab-alt-text-color !default;
         content: '\e7e7';
         position: relative;
       }
-
-      .e-popup-up-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        @media screen and (max-width: 480px) {
-          content: '\e770';
-        }
-      }
     }
 
     &.e-vertical-icon .e-tab-header {
@@ -90159,6 +90147,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+
+          &:disabled {
+            background-color: $content-bg;
+            border: 1px solid $gray-400;
+            box-shadow: 0 1px 4px 0 $black-color;
+          }
         }
         @else if $skin-name == 'bootstrap5' {
 
@@ -90166,6 +90160,12 @@ $editor-btn-icon-color: $icon-color !default;
             background-color: darken($gray-600, 7.5%);
             border: 1px solid darken($gray-600, 10%);
           }
+
+          &:disabled{
+            background-color: $content-bg-color;
+            border: 1px solid $border-light;
+            border-radius: 4px;
+          }
         }
 
         @if $skin-name == 'bootstrap4' {
@@ -108987,7 +108987,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
       &.e-left-handler,
       &.e-right-handler {
         height: 100%;
-        width: 10px;
+        min-width: 1px;
+        max-width: 10px;
+        width: 20%;
       }
 
       &.e-left-handler {
@@ -109004,7 +109006,9 @@ $schedule-bgr-tbar-btn-text-font-size: $schedule-header-bgr-font-size !default;
 
       &.e-top-handler,
       &.e-bottom-handler {
-        height: 10px;
+        min-height: 1px;
+        max-height: 10px;
+        height: 20%;
         width: 100%;
       }
 
@@ -115595,6 +115599,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         overflow-y: hidden;
       }
 
+      .e-input-group {
+        margin-bottom: 0;
+      }
+
       .e-ribbon-group {
         padding-top: $ribbon-simplified-group-padding;
         height: auto;
@@ -115884,6 +115892,7 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
 
       .e-colorpicker-wrapper {
         border: 1px solid transparent;
+        border-radius: $ribbon-items-border-radius;
 
         .e-split-btn-wrapper.e-rtl .e-split-colorpicker {
           &.e-split-btn {
@@ -116273,6 +116282,10 @@ $ribbon-overflow-box-shadow: $shadow-md !default;
         height: auto;
       }
 
+      .e-input-group {
+        margin-bottom: 0;
+      }
+
       .e-ribbon-group-content {
         height: $ribbon-bigger-simplified-group-content-height;
       }

package/package.json

@@ -1 +1 @@
-{"name":"@syncfusion/blazor-themes","version":"21.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"}}
+{"name":"@syncfusion/blazor-themes","version":"21.1.39","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"}}