@syncfusion/ej2-navigations 26.1.35 → 26.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 26.1.35
+*  version : 26.1.38
 *  Copyright Syncfusion Inc. 2001 - 2023. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@22.42.3",
+  "_id": "@syncfusion/ej2-navigations@26.1.35",
   "_inBundle": false,
-  "_integrity": "sha512-njeItEyxrCZuEUZiO3yp5qXJC8Yhc4JQDiKTd9Y6md9msyZbKnEI00WnEgVFiZ7x0sIY2C8urWQDGXY6EI8quA==",
+  "_integrity": "sha512-HDPzSTq85sQHXSL+DEUdXoEBDd4qQgMmC/f+0SB+1oQprZL6LSv8lB8XUEAKm1Ii49aixLnMGwwD61dhrFq8KQ==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-22.42.3.tgz",
-  "_shasum": "01a43e80a9008fe0d3598b9328be53859c08743c",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-26.1.35.tgz",
+  "_shasum": "9ec87abcfa03b6a8cc404093380dd8c66f737b68",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
   "author": {
@@ -51,12 +51,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~26.1.35",
+    "@syncfusion/ej2-base": "~26.1.37",
     "@syncfusion/ej2-buttons": "~26.1.35",
     "@syncfusion/ej2-data": "~26.1.35",
-    "@syncfusion/ej2-inputs": "~26.1.35",
+    "@syncfusion/ej2-inputs": "~26.1.38",
     "@syncfusion/ej2-lists": "~26.1.35",
-    "@syncfusion/ej2-popups": "~26.1.35"
+    "@syncfusion/ej2-popups": "~26.1.38"
   },
   "deprecated": false,
   "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",
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "26.1.35",
+  "version": "26.1.38",
   "sideEffects": false
 }

package/src/breadcrumb/breadcrumb.d.ts

@@ -79,6 +79,10 @@ export interface BreadcrumbClickEventArgs extends BaseEventArgs {
      * Specifies the item click event.
      */
     event: Event;
+    /**
+     * Cancels the Breadcrumb item after click action.
+     */
+    cancel: boolean;
 }
 /**
  * Interface for before item render event.

package/src/breadcrumb/breadcrumb.js

@@ -566,7 +566,12 @@ var Breadcrumb = /** @class */ (function (_super) {
                 }
                 this.endIndex = idx;
             }
-            this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
+            var itemClickArgs = { element: li,
+                item: this.items[idx], event: e, cancel: false };
+            this.trigger('itemClick', itemClickArgs);
+            if (itemClickArgs.cancel) {
+                return;
+            }
             if (this.items[idx]) {
                 this.activeItem = this.items[idx].url || this.items[idx].text;
             }

package/styles/accordion/_fluent2-definition.scss

@@ -127,7 +127,7 @@ $acrdn-item-header-hover-border-color: initial !default;
 $acrdn-item-header-active-border: 0 !default;
 $acrdn-item-header-active-border-color: initial !default;
 $acrdn-item-header-focus-border: 0 !default;
-$acrdn-item-header-focus-box-shadow: $shadow-focus-ring1 !default;
+$acrdn-item-header-focus-box-shadow: $keyboard-focus !default;
 $acrdn-item-header-focus-bg: $acrdn-bg-color !default;
 $acrdn-item-header-focus-active-color: $content-text-color !default;
 $acrdn-item-select-exp-hdr-hover-color: $content-text-color !default;

package/styles/accordion/_theme.scss

@@ -217,9 +217,15 @@
 
         &:focus {
           border: $acrdn-item-header-focus-border;
-          box-shadow: $acrdn-item-header-focus-box-shadow;
           background: $acrdn-item-header-focus-bg;
 
+          @if ($skin-name == 'fluent2') {
+            box-shadow: none;
+          }
+          @else {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+
           &:active {
 
             .e-icons,
@@ -229,6 +235,12 @@
             }
           }
         }
+
+        @if ($skin-name == 'fluent2') {
+          &:focus-visible {
+            box-shadow: $acrdn-item-header-focus-box-shadow;
+          }
+        }
       }
 
       &.e-select {
@@ -335,9 +347,21 @@
           }
 
           &:focus {
-            box-shadow: $acrdn-item-header-focus-box-shadow;
             position: relative;
             z-index: 2;
+
+            @if ($skin-name == 'fluent2') {
+              box-shadow: none;
+            }
+            @else {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
+          }
+
+          @if ($skin-name == 'fluent2') {
+            &:focus-visible {
+              box-shadow: $acrdn-item-header-focus-box-shadow;
+            }
           }
         }
 

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

@@ -476,9 +476,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,
@@ -555,10 +555,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

@@ -532,9 +532,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,
@@ -611,10 +611,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;

package/styles/bootstrap-dark.css

@@ -2819,9 +2819,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,
@@ -2898,10 +2898,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/bootstrap.css

@@ -2821,9 +2821,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,
@@ -2900,10 +2900,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/bootstrap4.css

@@ -2821,9 +2821,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,
@@ -2900,10 +2900,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);