@syncfusion/ej2-navigations 33.2.6 → 33.2.8

package/styles/material3.css

@@ -3824,6 +3824,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: calc(var(--e-radius) * 0);
   line-height: 20px;
@@ -3875,13 +3879,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
+          box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 8px 0 8px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -4174,8 +4178,6 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: rgba(var(--color-sf-on-surface), 0.04);
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -4254,8 +4256,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
-          box-shadow: 0 0 0 1px #fff, 0 0 0 3px #000;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));
@@ -10753,7 +10753,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
           box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
   border: none;
@@ -10864,7 +10864,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
           box-shadow: inset 0 0 0 2px #000, inset 0 0 0 3px #fff;
 }

package/styles/tailwind-dark-lite.css

@@ -2117,6 +2117,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: 0;
   line-height: 22px;
@@ -2168,13 +2172,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 8px 0 8px 26px;
-}
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 8px 0 8px 26px;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2380,8 +2384,6 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: #4b5563;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2460,8 +2462,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;
@@ -6746,7 +6746,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f4f6;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: 0 0 0 1px #22d3ee;
           box-shadow: 0 0 0 1px #22d3ee;
   border: none;
@@ -6856,7 +6856,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: 0 0 0 1px #22d3ee;
           box-shadow: 0 0 0 1px #22d3ee;
 }

package/styles/tailwind-dark.css

@@ -2713,6 +2713,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: 0;
   line-height: 22px;
@@ -2764,13 +2768,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 8px 0 8px 26px;
-}
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 8px 0 8px 26px;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2976,8 +2980,6 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: #4b5563;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3056,8 +3058,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;
@@ -8722,7 +8722,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #f3f4f6;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: 0 0 0 1px #22d3ee;
           box-shadow: 0 0 0 1px #22d3ee;
   border: none;
@@ -8832,7 +8832,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: 0 0 0 1px #22d3ee;
           box-shadow: 0 0 0 1px #22d3ee;
 }

package/styles/tailwind-lite.css

@@ -2117,6 +2117,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: 0;
   line-height: 22px;
@@ -2168,13 +2172,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 8px 0 8px 26px;
-}
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 8px 0 8px 26px;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2380,8 +2384,6 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: #f3f4f6;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -2460,8 +2462,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;
@@ -6746,7 +6746,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #374151;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
           box-shadow: inset 0 0 0 1px #4f46e5;
   border: none;
@@ -6856,7 +6856,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
           box-shadow: inset 0 0 0 1px #4f46e5;
 }

package/styles/tailwind.css

@@ -2713,6 +2713,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: 0;
   line-height: 22px;
@@ -2764,13 +2768,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  padding: 8px 0 8px 26px;
-}
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
   -webkit-box-shadow: none;
           box-shadow: none;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+  padding: 8px 0 8px 26px;
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -2976,8 +2980,6 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: #f3f4f6;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3056,8 +3058,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;
@@ -8722,7 +8722,7 @@
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: #374151;
 }
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
           box-shadow: inset 0 0 0 1px #4f46e5;
   border: none;
@@ -8832,7 +8832,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #4f46e5;
           box-shadow: inset 0 0 0 1px #4f46e5;
 }

package/styles/tailwind3-lite.css

@@ -2829,6 +2829,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: calc(var(--e-radius) * 0);
   line-height: 22px;
@@ -2880,13 +2884,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 10px 0 10px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -3166,18 +3170,12 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: var(--color-sf-content-bg-color-hover);
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
   color: var(--color-sf-content-text-color-focus);
 }
-.e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-}
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
   color: var(--color-sf-content-text-color-hover);
 }
@@ -3250,12 +3248,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: var(--color-sf-border-light);
@@ -8143,7 +8135,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
           box-shadow: inset 0 0 0 2px var(--color-sf-primary);
   border: none;
@@ -8254,7 +8246,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
           box-shadow: inset 0 0 0 2px var(--color-sf-primary);
 }

package/styles/tailwind3.css

@@ -3740,6 +3740,10 @@
 .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:hover .e-acrdn-header-content, .e-accordion .e-acrdn-item.e-select > .e-acrdn-header:focus .e-acrdn-header-content {
   text-decoration: none;
 }
+.e-accordion .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 .e-accordion .e-acrdn-item .e-acrdn-header {
   border-radius: calc(var(--e-radius) * 0);
   line-height: 22px;
@@ -3791,13 +3795,13 @@
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-panel:not(.e-nested) > .e-acrdn-content {
   padding: 16px 16px 16px 26px;
 }
+.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item.e-focused > .e-acrdn-header {
+  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
+}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
   padding: 10px 0 10px 26px;
 }
-.e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
 }
@@ -4077,18 +4081,12 @@
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
   background: var(--color-sf-content-bg-color-hover);
-  -webkit-box-shadow: none;
-          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-toggle-icon {
   color: var(--color-sf-content-text-color-focus);
 }
-.e-accordion .e-acrdn-item .e-acrdn-header:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-}
 .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-acrdn-header-content {
   color: var(--color-sf-content-text-color-hover);
 }
@@ -4161,12 +4159,6 @@
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
   position: relative;
   z-index: 2;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-.e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
-  -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
-          box-shadow: inset 0 0 0 2px var(--color-sf-primary);
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: var(--color-sf-border-light);
@@ -10648,7 +10640,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
           box-shadow: inset 0 0 0 2px var(--color-sf-primary);
   border: none;
@@ -10759,7 +10751,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 2px var(--color-sf-primary);
           box-shadow: inset 0 0 0 2px var(--color-sf-primary);
 }

package/styles/treeview/_bootstrap-dark-definition.scss

@@ -7,7 +7,7 @@ $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 8px !default;
 $treeview-image-font-size: 16px !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 10px !default;
 
 $treeview-icon-color: $grey-dark-font !default;

package/styles/treeview/_bootstrap-definition.scss

@@ -7,7 +7,7 @@ $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 8px !default;
 $treeview-image-font-size: 16px !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 10px !default;
 
 $treeview-icon-color: $grey-light-font !default;

package/styles/treeview/_fabric-dark-definition.scss

@@ -7,7 +7,7 @@ $treeview-font-size: $font-size !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 
 $treeview-icon-color: $neutral-light-font !default;

package/styles/treeview/_fabric-definition.scss

@@ -7,7 +7,7 @@ $treeview-font-size: $font-size !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 
 $treeview-icon-color: $neutral-light-font !default;

package/styles/treeview/_highcontrast-definition.scss

@@ -7,7 +7,7 @@ $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 
 $treeview-icon-color: $content-font !default;

package/styles/treeview/_highcontrast-light-definition.scss

@@ -94,7 +94,7 @@ $treeview-icon-wrap-width: calc(100% - 29px) !default;
 $treeview-icon-img-wrap-width: calc(100% - 57px) !default;
 $treeview-root-ul-margin: 0 !default;
 
-$treeview-big-font-size: 15px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 
 $treeview-big-item-height: 40px !default;

package/styles/treeview/_material-dark-definition.scss

@@ -3,10 +3,10 @@
 
 //default
 /* stylelint-disable */
-$treeview-font-size: 13px !default;
+$treeview-font-size: 14px !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 18px !default;
-$treeview-big-font-size: 14px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 $treeview-icon-color: rgba($grey-dark-font, .70) !default;
 $treeview-text-color: $grey-dark-font !default;

package/styles/treeview/_material-definition.scss

@@ -3,11 +3,11 @@
 
 /*! TreeView's material theme wise override definitions and variables */
 /* stylelint-disable */
-$treeview-font-size: 13px !default;
+$treeview-font-size: 14px !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 18px !default;
 
-$treeview-big-font-size: 14px !default;
+$treeview-big-font-size: 16px !default;
 $treeview-big-icon-font-size: 12px !default;
 
 $treeview-icon-color: rgba($grey-light-font, .54) !default;

package/styles/treeview/_theme.scss

@@ -117,7 +117,7 @@
         }
       }
 
-      &.e-node-focus {
+      &.e-focused {
         > .e-fullrow {
           box-shadow: $treeview-focus-box-shadow;
           border: none;
@@ -204,7 +204,7 @@
           }
         }
 
-        &.e-node-focus {
+        &.e-focused {
           > .e-fullrow {
             @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
               -webkit-box-shadow: $treeview-focus-box-shadow;
@@ -314,7 +314,7 @@
             }
           }
 
-          &.e-node-focus {
+          &.e-focused {
             > .e-text-content {
               @if $skin-name == 'bootstrap' or $skin-name == 'highcontrast' {
                 -webkit-box-shadow: $treeview-focus-box-shadow;
@@ -334,7 +334,7 @@
           }
         }
 
-        &.e-node-focus {
+        &.e-focused {
           > .e-text-content {
             box-shadow: $treeview-focus-box-shadow;
             @if $skin-name == 'fabric' or $skin-name == 'fabric-dark' {

package/styles/treeview/bds.css

@@ -676,7 +676,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .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;
@@ -786,7 +786,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .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);
 }

package/styles/treeview/bootstrap-dark.css

@@ -509,7 +509,7 @@
 .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 {
+.e-treeview .e-list-item.e-focused > .e-fullrow {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
   border: none;
@@ -620,7 +620,7 @@
   -webkit-box-shadow: none;
   box-shadow: none;
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-focused > .e-text-content {
   -webkit-box-shadow: inset 0 0 0 1px #fff;
           box-shadow: inset 0 0 0 1px #fff;
 }
@@ -794,7 +794,7 @@
 
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
-  font-size: 15px;
+  font-size: 16px;
 }
 .e-bigger .e-treeview .e-icon-collapsible::before,
 .e-bigger .e-treeview .e-icon-expandable::before,