@syncfusion/blazor-themes 20.4.38 → 20.4.41

package/SCSS-Themes/inputs/rating/fluent-dark.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/fluent.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 12.5px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/highcontrast.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 13px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $disable !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $disable !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/material-dark.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 6px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 9px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/material.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 9px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/tailwind-dark.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/inputs/rating/tailwind.scss

@@ -9,6 +9,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
@@ -115,6 +116,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -168,7 +174,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/material-dark.scss

@@ -59667,6 +59667,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -70384,7 +70389,7 @@ $bigger-splitbar-icon-size: 16px !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-font-size: 13px !default;
@@ -72189,7 +72194,7 @@ $grid-xl-radio-margin-top: 0 !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 
@@ -74509,7 +74514,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -76479,7 +76484,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -79103,6 +79113,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -88196,7 +88212,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -114127,6 +114143,7 @@ $rating-label-left-margin: 6px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 9px !default;
@@ -114233,6 +114250,11 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -114286,7 +114308,7 @@ $rating-reset-disabled-icon-color: $grey-600 !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/material.scss

@@ -59402,6 +59402,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -70112,7 +70117,7 @@ $bigger-splitbar-icon-size: 16px !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-font-size: 13px !default;
@@ -71912,7 +71917,7 @@ $grid-xl-radio-margin-top: 0 !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 
@@ -74230,7 +74235,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -76200,7 +76205,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -78824,6 +78834,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -87909,7 +87925,7 @@ $gantt-masked-table-background-color: #e1dfdd;
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113834,6 +113850,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 9px !default;
@@ -113940,6 +113957,11 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -113993,7 +114015,7 @@ $rating-reset-disabled-icon-color: $grey-500 !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/tailwind-dark.scss

@@ -59286,6 +59286,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -69397,7 +69402,7 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-numericitem-border-radius: 0 !default;
@@ -71214,7 +71219,7 @@ $grid-xl-radio-margin-top: 0 !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 
@@ -73543,7 +73548,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -75513,7 +75518,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -78150,6 +78160,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -87236,7 +87252,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113159,6 +113175,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
@@ -113265,6 +113282,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -113318,7 +113340,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/SCSS-Themes/tailwind.scss

@@ -59283,6 +59283,11 @@ ejs-multiselect {
   margin-right: 0;
 }
 
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-input-group-icon.e-ddl-icon.e-icons,
+.e-multiselect.e-control-container.e-input-group.e-disabled .e-clear-icon {
+  cursor: not-allowed;
+}
+
 
 .e-multi-select-wrapper .e-chips.e-chip-selected .e-chips-close::before {
   color: $ddl-sel-chip-close;
@@ -69394,7 +69399,7 @@ $split-bar-hover-border-right: 1px solid $splitbar-hover-border-color !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 $pager-numericitem-border-radius: 0 !default;
@@ -71211,7 +71216,7 @@ $grid-xl-radio-margin-top: 0 !default;
   }
 }
 
-
+@use 'sass:math';
 
 
 
@@ -73540,7 +73545,7 @@ $grid-dropitems-count-margin-left: -8px !default;
 
     &.e-default tr {
       & td:first-child,
-      & th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
+      & :not(.e-rtl) th.e-headercell:first-child:not(.e-firstcell):not(.e-headercell.e-frozen-left-border),
       & th.e-detailheadercell:first-child,
       & th.e-filterbarcell:first-child:not(.e-filterbarcell.e-frozen-left-border) {
         border-left-width: 0;
@@ -75510,7 +75515,12 @@ $grid-dropitems-count-margin-left: -8px !default;
 
       .e-movablecontent {
         height: inherit;
-        overflow: hidden;
+        overflow-x: auto;
+        scrollbar-width: none; /* firefox */
+      }
+
+      .e-movablecontent::-webkit-scrollbar {
+        display: none; /* safari, chrome and edge */
       }
 
       .e-frozencontent {
@@ -78147,6 +78157,12 @@ $fe-lg-icon-empty-inner-content-text-align: center !default;
           display: inline-table;
           transform: rotate(180deg);
         }
+
+        .e-toolbar-items .e-toolbar-right .e-toolbar-item .e-dropdown-btn .e-icon-left {
+          @if $fm-skin-name == 'FluentUI' {
+            line-height: $fe-cb-line-height;
+          }
+        }
       }
 
       .e-splitter.e-splitter-horizontal {
@@ -87233,7 +87249,7 @@ $gantt-masked-table-background-color: rgb(225,223,221);
 
       .e-gantt-child-manualtaskbar {
         background-color: $gantt-manualchild-task-bar;
-        border: $gantt-manualchild-task-bar-border;
+        outline: $gantt-manualchild-task-bar-border;
       }
 
       .e-gantt-unscheduled-taskbar.e-gantt-child-manualtaskbar {
@@ -113156,6 +113172,7 @@ $rating-label-left-margin: 4px !default;
 $rating-label-font-size: 12px !default;
 $rating-label-line-height: 18px !default;
 $rating-reset-font-size : 16px !default;
+$rating-tooltip-tip-bottom-height: 8px !default;
 
 $rating-small-li-font-size: 16px !default;
 $rating-small-li-line-height: 10px !default;
@@ -113262,6 +113279,11 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       &.e-disabled {
         cursor: default;
       }
+
+      &:focus-visible{
+        outline: 1px solid;
+        border-radius: $rating-focus-border-radius;
+      }
     }
 
     .e-rating-label {
@@ -113315,7 +113337,7 @@ $rating-reset-disabled-icon-color: $icon-color-disabled !default;
       display: none;
       justify-content: center;
       left: 50%;
-      top: -8px;
+      top: -$rating-tooltip-tip-bottom-height;
       transform: translate(-50%, -100%);
 
       &.e-show-tooltip {

package/package.json

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