@syncfusion/ej2-navigations 33.2.10 → 33.2.15

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 33.2.10
+*  version : 33.2.15
 *  Copyright Syncfusion Inc. 2001 - 2025. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "33.2.10",
+  "version": "33.2.15",
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -9,9 +9,9 @@
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
     "@syncfusion/ej2-base": "~33.2.3",
-    "@syncfusion/ej2-buttons": "~33.2.5",
-    "@syncfusion/ej2-data": "~33.2.5",
-    "@syncfusion/ej2-inputs": "~33.2.10",
+    "@syncfusion/ej2-buttons": "~33.2.15",
+    "@syncfusion/ej2-data": "~33.2.12",
+    "@syncfusion/ej2-inputs": "~33.2.15",
     "@syncfusion/ej2-lists": "~33.2.3",
     "@syncfusion/ej2-popups": "~33.2.7"
   },

package/src/accordion/accordion.js

@@ -25,6 +25,7 @@ import { NotifyPropertyChanges, ChildProperty, Collection, Animation } from '@sy
 import { setStyleAttribute as setStyle, Complex } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, formatUnit, selectAll, SanitizeHtmlHelper, isRippleEnabled } from '@syncfusion/ej2-base';
 var CLS_ACRDN_ROOT = 'e-acrdn-root';
+var CLS_ACRDN_CTRL = 'e-acrdn-ctrl';
 var CLS_ROOT = 'e-accordion';
 var CLS_ITEM = 'e-acrdn-item';
 var CLS_ITEMFOCUS = 'e-item-focus';
@@ -180,6 +181,7 @@ var Accordion = /** @class */ (function (_super) {
             this.ctrlTem = null;
         }
         ele.classList.remove(CLS_ACRDN_ROOT);
+        ele.classList.remove(CLS_ACRDN_CTRL);
         ele.removeAttribute('style');
         this.element.removeAttribute('data-ripple');
         if (!this.isNested && isRippleEnabled) {
@@ -205,6 +207,7 @@ var Accordion = /** @class */ (function (_super) {
         if (this.enableRtl) {
             this.add(this.element, CLS_RTL);
         }
+        this.element.classList.add(CLS_ACRDN_CTRL);
     };
     Accordion.prototype.add = function (ele, val) {
         ele.classList.add(val);

package/styles/accordion/_layout.scss

@@ -240,4 +240,9 @@
       }
     }
   }
+  .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
+    &:focus {
+      box-shadow: $acrdn-nested-item-header-focus-box-shadow;
+    }
+  }
 }

package/styles/accordion/_theme.scss

@@ -412,4 +412,21 @@
       }
     }
   }
+  .e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item {
+    &.e-selected {
+      > .e-acrdn-header {
+        &:focus {
+          @include acrdn-item-header-focus-box-shadow;
+        }
+        @include acrdn-item-header-focus-visible-box-shadow;
+      }
+    }
+
+    > .e-acrdn-header {
+      &:focus {
+        @include acrdn-item-header-focus-box-shadow;
+      }
+      @include acrdn-item-header-focus-visible-box-shadow;
+    }
+  }
 }

package/styles/accordion/bds.css

@@ -189,6 +189,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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;
+}
+
 
 
 
@@ -454,6 +459,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 
 
 

package/styles/accordion/bootstrap-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 10px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1a1a1a;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/bootstrap.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 10px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/bootstrap4.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/bootstrap5-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #212529;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/bootstrap5.3.css

@@ -349,6 +349,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
+          box-shadow: inset 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.25);
+}
+
 
 
 
@@ -694,6 +699,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
+          box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
+          box-shadow: 0 0 0 4px rgba(var(--color-sf-primary-shadow), 0.5);
+}
+
 
 
 

package/styles/accordion/bootstrap5.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: inset 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+
 .e-accordion {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+          box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.25);
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/fabric-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #201f1f;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/fabric.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/fluent-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #1b1a19;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/fluent.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/fluent2.css

@@ -353,6 +353,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -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);
+}
+
 
 
 
@@ -700,6 +705,23 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus-visible {
+  -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-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus-visible {
+  -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);
+}
+
 
 
 

package/styles/accordion/highcontrast-light.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #ccc;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/highcontrast.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #000;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 14px;

package/styles/accordion/material-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #303030;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/material.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;
@@ -442,6 +447,15 @@
   font-size: 13px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/material3-dark.css

@@ -345,6 +345,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
+          box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px #000;
+}
+
 
 
 
@@ -691,6 +696,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+}
+
 
 
 

package/styles/accordion/material3.css

@@ -349,6 +349,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
+  -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;
+}
+
 
 
 
@@ -697,6 +702,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -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:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -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;
+}
+
 
 
 

package/styles/accordion/tailwind-dark.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: rgb(27.323255814, 36.1372093023, 48.476744186);
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;

package/styles/accordion/tailwind.css

@@ -181,6 +181,11 @@
   padding: 0 0 0 8px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .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 {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #f9fafb;
@@ -442,6 +447,15 @@
   font-size: 14px;
 }
 
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item.e-selected > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+.e-accordion:not(.e-acrdn-ctrl) > .e-acrdn-item > .e-acrdn-header:focus {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;