@syncfusion/ej2-angular-navigations 26.1.35 → 26.1.38

package/CHANGELOG.md

@@ -6,6 +6,20 @@
 
 #### Bug fixes
 
+- `#I596651` - Resolved the fluent 2 theme spacing issue with the checkbox in the TreeView component.
+
+### Breadcrumb
+
+#### Bug Fixes
+
+- Provide support to prevent the breadcrumb item re-rendering action while clicking breadcrumb items through the itemClick event.
+
+## 26.1.35 (2024-06-11)
+
+### TreeView
+
+#### Bug fixes
+
 - `#FB53017` - Resolved the issue where the drop action failed while dropping on a sibling element.
 - `#FB53024` - Resolved the issue where `position` value of nodeDragStop event returns improper value while change the `dropIndicator` value in `nodeDragging` event
 

package/package.json

@@ -2,7 +2,7 @@
   "_from": "@syncfusion/ej2-angular-navigations@*",
   "_id": "@syncfusion/ej2-angular-navigations@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-YRE2oAyQach17SGae8PeJMYSDBl3TXgJnhVz/BlKvE4+jitT7NIhnrDOkWactRK/nk7xXfAuI2tN8KNflrLQ+Q==",
+  "_integrity": "sha512-OvO5uVG2e/n5JOd7VmOLdvObz/BMQgG+cwCn+Y7/CnEkNQziQ4VM0LdZLlQNRQ3HqfmQIacbcl5pmI2BjhW9Ng==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-release/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-26.1.35.tgz",
-  "_shasum": "9d6fb995d7d624bc6e46a7840ef359cb01f676f0",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-26.1.35.tgz",
+  "_shasum": "33d29ca273b33dd00dd7d60e7dc625297358259e",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~26.1.35",
-    "@syncfusion/ej2-base": "~26.1.35",
-    "@syncfusion/ej2-navigations": "26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
+    "@syncfusion/ej2-navigations": "26.1.38",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -102,5 +102,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-navigations.d.ts",
-  "version": "26.1.35"
+  "version": "26.1.38"
 }

package/schematics/collection.json

@@ -5,151 +5,6 @@
       "description": "Adds Essential JS 2 specific Angular package to an application",
       "factory": "./ng-add",
       "schema": "./ng-add/schema.json"
-    },
-    "accordion-default": {
-      "description": "Create an Angular component with EJ2 undefined with default",
-      "factory": "./generators/accordion-default",
-      "schema": "./generators/accordion-default/schema.json"
-    },
-    "accordion-html-template": {
-      "description": "Create an Angular component with EJ2 undefined with html-template",
-      "factory": "./generators/accordion-html-template",
-      "schema": "./generators/accordion-html-template/schema.json"
-    },
-    "accordion-multiple-expand": {
-      "description": "Create an Angular component with EJ2 undefined with multiple-expand",
-      "factory": "./generators/accordion-multiple-expand",
-      "schema": "./generators/accordion-multiple-expand/schema.json"
-    },
-    "accordion-nested": {
-      "description": "Create an Angular component with EJ2 undefined with nested",
-      "factory": "./generators/accordion-nested",
-      "schema": "./generators/accordion-nested/schema.json"
-    },
-    "contextmenu-default": {
-      "description": "Create an Angular component with EJ2 contextmenu",
-      "factory": "./generators/contextmenu-default",
-      "schema": "./generators/contextmenu-default/schema.json"
-    },
-    "menu-default": {
-      "description": "Create an Angular component with EJ2 menu",
-      "factory": "./generators/menu-default",
-      "schema": "./generators/menu-default/schema.json"
-    },
-    "sidebar-backdrop": {
-      "description": "Create an Angular sidebar component with enable backdrop option.",
-      "factory": "./generators/sidebar-backdrop",
-      "schema": "./generators/sidebar-backdrop/schema.json"
-    },
-    "sidebar-dock": {
-      "description": "Create an Angular sidebar component with enable docking feature.",
-      "factory": "./generators/sidebar-dock",
-      "schema": "./generators/sidebar-dock/schema.json"
-    },
-    "sidebar-target": {
-      "description": "Create an Angular sidebar component with target option.",
-      "factory": "./generators/sidebar-target",
-      "schema": "./generators/sidebar-target/schema.json"
-    },
-    "sidebar-types": {
-      "description": "Create an Angular sidebar component with different types.",
-      "factory": "./generators/sidebar-types",
-      "schema": "./generators/sidebar-types/schema.json"
-    },
-    "tab-html-template": {
-      "description": "Create an Angular Tab component with HTML template",
-      "factory": "./generators/tab-html-template",
-      "schema": "./generators/tab-html-template/schema.json"
-    },
-    "tab-icon": {
-      "description": "Create an Angular Tab component with an icon",
-      "factory": "./generators/tab-icon",
-      "schema": "./generators/tab-icon/schema.json"
-    },
-    "tab-nested": {
-      "description": "Create an Angular Tab component with nested tabs",
-      "factory": "./generators/tab-nested",
-      "schema": "./generators/tab-nested/schema.json"
-    },
-    "tab-popup": {
-      "description": "Create an Angular Tab component with popup mode",
-      "factory": "./generators/tab-popup",
-      "schema": "./generators/tab-popup/schema.json"
-    },
-    "tab-scrollable": {
-      "description": "Create an Angular Tab component with scrollable mode",
-      "factory": "./generators/tab-scrollable",
-      "schema": "./generators/tab-scrollable/schema.json"
-    },
-    "tab-vertical": {
-      "description": "Create an Angular Tab component with vertical orientation",
-      "factory": "./generators/tab-vertical",
-      "schema": "./generators/tab-vertical/schema.json"
-    },
-    "toolbar-alignment": {
-      "description": "Create an Angular Toolbar component with alignment",
-      "factory": "./generators/toolbar-alignment",
-      "schema": "./generators/toolbar-alignment/schema.json"
-    },
-    "toolbar-extended": {
-      "description": "Create an Angular Toolbar component with extended mode",
-      "factory": "./generators/toolbar-extended",
-      "schema": "./generators/toolbar-extended/schema.json"
-    },
-    "toolbar-html-template": {
-      "description": "Create an Angular Toolbar component with HTML template",
-      "factory": "./generators/toolbar-html-template",
-      "schema": "./generators/toolbar-html-template/schema.json"
-    },
-    "toolbar-multi-row": {
-      "description": "Create an Angular Toolbar component with multi-row mode",
-      "factory": "./generators/toolbar-multi-row",
-      "schema": "./generators/toolbar-multi-row/schema.json"
-    },
-    "toolbar-popup": {
-      "description": "Create an Angular Toolbar component with popup mode",
-      "factory": "./generators/toolbar-popup",
-      "schema": "./generators/toolbar-popup/schema.json"
-    },
-    "toolbar-scrollable": {
-      "description": "Create an Angular Toolbar component with scrollable mode",
-      "factory": "./generators/toolbar-scrollable",
-      "schema": "./generators/toolbar-scrollable/schema.json"
-    },
-    "treeview-checkbox": {
-      "description": "Create an Angular TreeView component with checkbox",
-      "factory": "./generators/treeview-checkbox",
-      "schema": "./generators/treeview-checkbox/schema.json"
-    },
-    "treeview-default": {
-      "description": "Create an Angular component with TreeView",
-      "factory": "./generators/treeview-default",
-      "schema": "./generators/treeview-default/schema.json"
-    },
-    "treeview-draganddrop": {
-      "description": "Create an Angular TreeView component with drag and drop",
-      "factory": "./generators/treeview-draganddrop",
-      "schema": "./generators/treeview-draganddrop/schema.json"
-    },
-    "treeview-multiselection": {
-      "description": "Create an Angular TreeView component with multi selection",
-      "factory": "./generators/treeview-multiselection",
-      "schema": "./generators/treeview-multiselection/schema.json"
-    },
-    "treeview-nodeediting": {
-      "description": "Create an Angular TreeView component with node editing",
-      "factory": "./generators/treeview-nodeediting",
-      "schema": "./generators/treeview-nodeediting/schema.json"
-    },
-    "treeview-remotedata": {
-      "description": "Create an Angular TreeView component with remote datasource",
-      "factory": "./generators/treeview-remotedata",
-      "schema": "./generators/treeview-remotedata/schema.json"
-    },
-    "treeview-treetemplate": {
-      "description": "Create an Angular TreeView component with template",
-      "factory": "./generators/treeview-treetemplate",
-      "schema": "./generators/treeview-treetemplate/schema.json"
     }
   }
 }

package/styles/accordion/bootstrap-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #3e98ff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #505050;

package/styles/accordion/bootstrap.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: transparent;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: transparent;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #ddd;

package/styles/accordion/bootstrap4.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f8f9fa;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f8f9fa;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #007bff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #000 #000 rgba(0, 0, 0, 0.13);

package/styles/accordion/bootstrap5-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -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);
-  background: 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,
@@ -497,10 +497,10 @@
   color: #6ea8fe;
 }
 .e-accordion .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);
   position: relative;
   z-index: 2;
+  -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 .e-acrdn-item.e-selected + .e-selected {
   border-color: #444c54;

package/styles/accordion/bootstrap5.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: none;
   -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);
-  background: 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,
@@ -497,10 +497,10 @@
   color: #0c63e4;
 }
 .e-accordion .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);
   position: relative;
   z-index: 2;
+  -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 .e-acrdn-item.e-selected + .e-selected {
   border-color: #dee2e6;

package/styles/accordion/fabric-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #414040;
+  background: #414040;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #414040;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #dadada;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #414040;

package/styles/accordion/fabric.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f4f4f4;
+  background: #f4f4f4;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f4f4f4;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #eaeaea;

package/styles/accordion/fluent-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #f3f2f1;
+  background: #252423;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #252423;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #a19f9d;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #292827;

package/styles/accordion/fluent.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 1px solid #201f1e;
+  background: #f3f2f1;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f2f1;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #605e5c;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #edebe9;

package/styles/accordion/fluent2.css

@@ -1452,15 +1452,19 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  -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: transparent;
+  -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);
 }
+.e-accordion .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);
+}
 .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);
 }
@@ -1531,10 +1535,14 @@
   color: var(--color-sf-icon-color);
 }
 .e-accordion .e-acrdn-item.e-selected > .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);
   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 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 .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent;

package/styles/accordion/highcontrast-light.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #000;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #000;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #757575;

package/styles/accordion/highcontrast.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 2px dashed #fff;
+  background: inherit;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: inherit;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #fff;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #969696;

package/styles/accordion/material-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: rgba(255, 255, 255, 0.05);
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: rgba(255, 255, 255, 0.05);
 }
 .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,
@@ -497,10 +497,10 @@
   color: rgba(255, 255, 255, 0.7);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent #616161;

package/styles/accordion/material.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #eee;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #eee;
 }
 .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,
@@ -497,10 +497,10 @@
   color: rgba(0, 0, 0, 0.54);
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: transparent transparent rgba(0, 0, 0, 0.12);

package/styles/accordion/material3-dark.css

@@ -531,9 +531,9 @@
 }
 .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 #000, 0 0 0 3px #fff;
           box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .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,
@@ -610,10 +610,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .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;
   position: relative;
   z-index: 2;
+  -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 .e-acrdn-item.e-selected + .e-selected {
   border-color: rgba(var(--color-sf-outline-variant));

package/styles/accordion/material3.css

@@ -643,9 +643,9 @@
 }
 .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;
-  background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .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,
@@ -722,10 +722,10 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .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;
   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));

package/styles/accordion/tailwind-dark.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #4b5563;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #4b5563;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #d1d5db;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #4b5563;

package/styles/accordion/tailwind.css

@@ -418,9 +418,9 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
+  background: #f3f4f6;
   -webkit-box-shadow: none;
           box-shadow: none;
-  background: #f3f4f6;
 }
 .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,
@@ -497,10 +497,10 @@
   color: #6b7280;
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
   position: relative;
   z-index: 2;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item.e-selected + .e-selected {
   border-color: #e5e7eb;