@syncfusion/ej2-navigations 33.2.3 → 33.2.6

package/styles/treeview/_theme.scss

@@ -39,10 +39,8 @@
 
 @mixin active-editing-theme {
   @include bg-border($treeview-item-border-color, $treeview-item-border-color);
-  @if $skin-name == 'bootstrap' {
-    -webkit-box-shadow: none;
-    box-shadow: none;
-  }
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 
 @mixin active-font-weight {
@@ -119,6 +117,29 @@
         }
       }
 
+      &.e-node-focus {
+        > .e-fullrow {
+          box-shadow: $treeview-focus-box-shadow;
+          border: none;
+          @if $skin-name == 'fluent2' {
+            background-color: $treeview-item-focus-bg;
+          }
+        }
+
+        > .e-text-content {
+          @if $skin-name == 'fluent2' {
+            .e-list-text {
+              color: $treeview-text-focus-color;
+            }
+ 
+            .e-icon-collapsible,
+            .e-icon-expandable {
+              color: $treeview-icon-focus-color;
+            }
+          }
+        }
+      }
+
       &.e-active {
         background: transparent;
 
@@ -182,6 +203,15 @@
             @include text-content($treeview-text-active-hover-color, $treeview-icon-active-hover-color);
           }
         }
+
+        &.e-node-focus {
+          > .e-fullrow {
+            @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
+              -webkit-box-shadow: $treeview-focus-box-shadow;
+              box-shadow: $treeview-focus-box-shadow;
+            }
+          }
+        }
       }
 
       &.e-editing {
@@ -283,6 +313,15 @@
               @include active-hover-theme;
             }
           }
+
+          &.e-node-focus {
+            > .e-text-content {
+              @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
+                -webkit-box-shadow: $treeview-focus-box-shadow;
+                box-shadow: $treeview-focus-box-shadow;
+              }
+            }
+          }
         }
 
         &.e-editing {
@@ -294,6 +333,18 @@
             }
           }
         }
+
+        &.e-node-focus {
+          > .e-text-content {
+            box-shadow: $treeview-focus-box-shadow;
+            @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {
+              border: none;
+            }
+            @if $skin-name == 'fluent2' {
+              background-color: $treeview-item-focus-bg;
+            }
+          }
+        }
       }
     }
 

package/styles/treeview/bds.css

@@ -676,6 +676,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-fg-secondary-hover);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -721,6 +726,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: var(--color-sf-text-primary);
@@ -776,6 +783,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: var(--color-sf-base-transparent);
   border-color: var(--color-sf-base-transparent);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
+          box-shadow: inset 0 1px 2px 0 rgba(16, 24, 40, 0.05), inset 0 0 0 4px rgba(157, 118, 237, 0.24);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;
@@ -915,8 +928,8 @@
 }
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  line-height: 46px;
-  min-height: 46px;
+  line-height: 48px;
+  min-height: 48px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {

package/styles/treeview/bootstrap-dark.css

@@ -509,6 +509,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f0f0f0;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -554,6 +559,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f0f0f0;
@@ -610,6 +617,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/bootstrap.css

@@ -512,6 +512,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -556,6 +561,10 @@
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
@@ -616,12 +625,20 @@
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+  box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+}
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;
 }

package/styles/treeview/bootstrap4.css

@@ -519,6 +519,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #495057;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -569,6 +574,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #212529;
@@ -626,6 +633,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #212529;
+          box-shadow: inset 0 0 0 1px #212529;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/bootstrap5-dark.css

@@ -521,6 +521,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dee2e6;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -572,6 +577,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #fff;
@@ -631,6 +638,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 2px #fff;
+          box-shadow: inset 0 0 0 2px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/bootstrap5.3.css

@@ -771,6 +771,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color-hover);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -822,6 +827,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: var(--color-sf-content-text-color);
@@ -878,6 +885,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/bootstrap5.css

@@ -521,6 +521,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #343a40;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 2px #212529;
+          box-shadow: inset 0 0 0 2px #212529;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -572,6 +577,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #212529;
@@ -631,6 +638,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 2px #212529;
+          box-shadow: inset 0 0 0 2px #212529;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/fabric-dark.css

@@ -509,6 +509,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #dadada;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
+          box-shadow: inset 0 0 0 1px #f8f8f8;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -554,6 +559,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #dadada;
@@ -610,6 +617,13 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #f8f8f8;
+          box-shadow: inset 0 0 0 1px #f8f8f8;
+  border: none;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/fabric.css

@@ -512,6 +512,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #333;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -557,6 +562,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #333;
@@ -613,6 +620,13 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/fluent-dark.css

@@ -518,6 +518,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f2f1;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+          box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -569,6 +574,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #f3f2f1;
@@ -628,6 +635,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+          box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/fluent.css

@@ -518,6 +518,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #323130;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+          box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -569,6 +574,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #201f1e;
@@ -628,6 +635,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
+          box-shadow: inset 0 0 0 1px rgba(96, 94, 92, 0.95);
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/fluent2.css

@@ -1006,6 +1006,19 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: var(--color-sf-icon-color-hover);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+  border: none;
+  background-color: transparent;
+}
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
+  color: var(--color-sf-content-text-color);
+}
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
+  color: var(--color-sf-icon-color);
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -1050,6 +1063,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: var(--color-sf-content-text-color);
@@ -1111,6 +1126,13 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+          box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1);
+  background-color: transparent;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/highcontrast-light.css

@@ -506,6 +506,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #000;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -551,6 +556,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #000;
@@ -607,6 +614,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #000;
+          box-shadow: inset 0 0 0 1px #000;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/highcontrast.css

@@ -519,6 +519,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #fff;
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -577,9 +582,15 @@
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: #000;
 }
+.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+  box-shadow: inset 0 0 0 1px #fff;
+}
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #fff;
@@ -638,9 +649,19 @@
   -webkit-box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
   box-shadow: 0 -1px 2px #fff, 0 1px 2px #fff;
 }
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+  box-shadow: inset 0 0 0 1px #fff;
+}
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;

package/styles/treeview/material-dark.css

@@ -526,6 +526,11 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: rgba(255, 255, 255, 0.7);
 }
+.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
+  border: none;
+}
 .e-treeview .e-list-item.e-active {
   background: transparent;
 }
@@ -571,6 +576,8 @@
 .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
 }
 .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: #fff;
@@ -627,6 +634,12 @@
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+  -webkit-box-shadow: inset 0 0 0 1px #fff;
+          box-shadow: inset 0 0 0 1px #fff;
 }
 .e-treeview.e-fullrow-wrap .e-text-content {
   border-color: transparent;