@syncfusion/blazor-themes 21.1.41 → 21.2.4

package/SCSS-Themes/navigations/treeview/material.scss

@@ -1276,11 +1276,13 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -1329,7 +1331,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -1343,7 +1346,8 @@ $ripple-width: 32px !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -1360,7 +1364,8 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -1385,12 +1390,14 @@ $ripple-width: 32px !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -1456,7 +1463,8 @@ $ripple-width: 32px !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -1466,12 +1474,14 @@ $ripple-width: 32px !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind-dark.scss

@@ -1288,11 +1288,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -1341,7 +1343,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -1355,7 +1358,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -1372,7 +1376,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -1397,12 +1402,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -1468,7 +1475,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -1478,12 +1486,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }

package/SCSS-Themes/navigations/treeview/tailwind.scss

@@ -1288,11 +1288,13 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     }
 
     .e-list-item.e-active,
-    .e-list-item.e-hover {
+    .e-list-item.e-hover,
+    .e-list-item.e-node-focus {
       background: transparent;
     }
 
-    .e-list-item.e-hover > .e-text-content {
+    .e-list-item.e-hover > .e-text-content,
+    .e-list-item.e-node-focus > .e-text-content {
       color: $treeview-text-hover-color;
 
       .e-list-text {
@@ -1341,7 +1343,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-text-content {
+    .e-list-item.e-active.e-hover > .e-text-content,
+    .e-list-item.e-active.e-node-focus > .e-text-content {
       color: $treeview-text-active-hover-color;
 
       .e-list-text {
@@ -1355,7 +1358,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
     }
 
     .e-list-item.e-editing.e-active > .e-text-content,
-    .e-list-item.e-editing.e-hover > .e-text-content {
+    .e-list-item.e-editing.e-hover > .e-text-content,
+    .e-list-item.e-editing.e-node-focus > .e-text-content {
       color: $treeview-text-color;
 
       .e-list-text {
@@ -1372,7 +1376,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-hover > .e-fullrow {
+    .e-list-item.e-hover > .e-fullrow,
+    .e-list-item.e-node-focus > .e-fullrow {
       background-color: $treeview-item-hover-bg;
       border-color: $treeview-item-hover-border-color;
     }
@@ -1397,12 +1402,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
       }
     }
 
-    .e-list-item.e-active.e-hover > .e-fullrow{
+    .e-list-item.e-active.e-hover > .e-fullrow,
+    .e-list-item.e-active.e-node-focus > .e-fullrow {
       @include active-hover-theme;
     }
 
     .e-list-item.e-editing.e-active > .e-fullrow,
-    .e-list-item.e-editing.e-hover > .e-fullrow{
+    .e-list-item.e-editing.e-hover > .e-fullrow,
+    .e-list-item.e-editing.e-node-focus > .e-fullrow {
       @include active-editing-theme;
     }
 
@@ -1468,7 +1475,8 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
 
     &:not(.e-fullrow-wrap) {
 
-      .e-list-item.e-hover > .e-text-content{
+      .e-list-item.e-hover > .e-text-content,
+      .e-list-item.e-node-focus > .e-text-content {
         background-color: $treeview-item-hover-bg;
         border-color: $treeview-item-hover-border-color;
       }
@@ -1478,12 +1486,14 @@ $treeview-drag-icon-color: $treeview-icon-color !default;
         border-color: $treeview-item-active-border-color;
       }
 
-      .e-list-item.e-active.e-hover > .e-text-content {
+      .e-list-item.e-active.e-hover > .e-text-content,
+      .e-list-item.e-active.e-node-focus > .e-text-content {
         @include active-hover-theme;
       }
 
       .e-list-item.e-editing.e-active > .e-text-content,
-      .e-list-item.e-editing.e-hover > .e-text-content {
+      .e-list-item.e-editing.e-hover > .e-text-content,
+      .e-list-item.e-editing.e-node-focus > .e-text-content {
         @include active-editing-theme;
       }
     }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap-dark.scss

@@ -2086,7 +2086,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2454,6 +2453,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap.scss

@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 176px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2408,6 +2407,7 @@ $field-list-adaptive-outerdiv-height: 176px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap4.scss

@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 177px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2408,6 +2407,7 @@ $field-list-adaptive-outerdiv-height: 177px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5-dark.scss

@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/bootstrap5.scss

@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 187px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 187px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric-dark.scss

@@ -2046,7 +2046,6 @@ $olap-bigger-tree-outer-div-width: 325px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2414,6 +2413,7 @@ $olap-bigger-tree-outer-div-width: 325px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/fabric.scss

@@ -2040,7 +2040,6 @@ $field-list-adaptive-outerdiv-height: 166px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2408,6 +2407,7 @@ $field-list-adaptive-outerdiv-height: 166px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent-dark.scss

@@ -243,7 +243,7 @@ $olap-bigger-tree-outer-div-height: 500px;
 $field-list-text-transform: none !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
-$field-list-adaptive-outerdiv-height: 184px !default;
+$field-list-adaptive-outerdiv-height: 125px !default;
 
 @include export-module('field-list-layout') {
 
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/fluent.scss

@@ -243,7 +243,7 @@ $olap-bigger-tree-outer-div-height: 500px;
 $field-list-text-transform: none !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
-$field-list-adaptive-outerdiv-height: 184px !default;
+$field-list-adaptive-outerdiv-height: 125px !default;
 
 @include export-module('field-list-layout') {
 
@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 184px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 184px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/highcontrast.scss

@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 164px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2409,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 164px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/material-dark.scss

@@ -240,7 +240,7 @@ $olap-bigger-tree-outer-div-height: 518px;
 $field-list-text-transform: none !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
-$field-list-adaptive-outerdiv-height: 190px !default;
+$field-list-adaptive-outerdiv-height: 165px !default;
 
 @include export-module('field-list-layout') {
 
@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 190px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2409,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 190px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/material.scss

@@ -240,7 +240,7 @@ $olap-bigger-tree-outer-div-height: 485px;
 $field-list-text-transform: none !default;
 $olap-bigger-tree-width: 283px !default;
 $olap-bigger-tree-outer-div-width: 325px !default;
-$field-list-adaptive-outerdiv-height: 195px !default;
+$field-list-adaptive-outerdiv-height: 165px !default;
 
 @include export-module('field-list-layout') {
 
@@ -2041,7 +2041,6 @@ $field-list-adaptive-outerdiv-height: 195px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2409,6 +2408,7 @@ $field-list-adaptive-outerdiv-height: 195px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind-dark.scss

@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }

package/SCSS-Themes/pivotview/pivotfieldlist/tailwind.scss

@@ -2044,7 +2044,6 @@ $field-list-adaptive-outerdiv-height: 179px !default;
   .e-bigger .e-pivotfieldlist-container,
   .e-bigger.e-pivotfieldlist-container {
 
-    .e-adaptive-field-list-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div,
     .e-member-editor-dialog .e-dlg-content .e-member-editor-outer-container .e-member-editor-container-outer-div {
       height: $field-list-member-filter-list-bigger-height;
     }
@@ -2412,6 +2411,7 @@ $field-list-adaptive-outerdiv-height: 179px !default;
 
       .e-checkbox-layout {
         max-width: 45%;
+        overflow: visible;
       }
 
     }